﻿

ol, ul {list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}

.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/
.f-l{ float:left;}
.f-r{ float:right;}
/* == 以上 reset Css == */


/**************** 全局公用样式 ****************/
/*body {max-width:1580px; min-width:1130px;_width:expression(document.body.clientWidth<1130? "1130px": (document.body.clientWidth>1580?"1580px":"auto"));}*/
/*body { min-width:1000px; +overflow:hidden; ; }
.g-wrap {position:relative;  width:1000px; margin:0 auto; overflow:hidden;}
.mgt30{ margin-top:30px;}
.mgt70{ margin-top:70px;}
.pdtb60{ padding-top:60px; padding-bottom:20px;}
.mglr35{ margin-left:62px; margin-right:62px;}
.mgt40{ margin-top:40px;}
.mgt100{ margin-top:100px;}
.pdb60{ padding-bottom:60px;}
.mglr60{ margin-left:63px; margin-right:63px;}
.mgb80{ margin-bottom:80px;}
.mgt20{ margin-top:20px;}
.mgt15{ margin-top:15px;}
.mglr10{ margin-left:15px; margin-right:15px;}
.pdt90{ padding-top:90px;}
.pdb40{ padding-bottom:40px;}
.mgt60{ margin-top:55px;}*/
/*foot*/
.foot-T{ background:#f6f7f9; padding:35px 0 20px; border-top:1px solid #e5e5e5; width:100%;}
.foot-B{ background:#e7ebee; height:60px;width:100%;}
.foot-T h2{ font-size:14px; color:#595757; font-weight: bold; margin-bottom:8px;}
.foot-T p,.foot-B p{ font-size:14px; color:#595757;}
.footC{ width:215px; overflow:hidden;}
.separate{ width:0; height:80px;; border-left:1px solid #878789; margin-top:-5px; margin-left:35px; margin-right:35px;}
.footR h2 a{ color:#ff0000; font-weight:normal; margin-left:15px; text-decoration:underline;}
.footbran{ display:table-cell; vertical-align:middle;}

.skt-hd-wrap{background-color:#383c41;}
.skt-hd-top{ height:36px; line-height:36px; }
.skt-hd-top p,.skt-hd-top a{ color:#FFF; line-height:36px; }
.skt-hd-top a{padding:0 25px;}
.login{ border-left:1px solid #7a7c7f;border-right:1px solid #7a7c7f;}
.register{ border-right:1px solid #7a7c7f;}

.skt-menubar { vertical-align:middle; height:85px; border-bottom:1px solid #ccc;}
/*.logo{ display:block; float:left; margin-top:15px;}
*/
.skt-menu{ margin-left:45px; z-index:60; position:relative;}
.skt-menu li{ float:left;}
.observ{ overflow:visible !important;}
.skt-menu a{ display:block; float:left; height:83px; line-height:84px; font-size:16px; color:#383c41; padding:0 25px; position:relative; border-bottom:2px solid #FFF ;}
.skt-menu a.on{border-bottom:2px solid #fe0000;;}
.sec-menu{ position:relative;}
.sec-menu-wrap,.sec-menu-bg{ position:absolute; height:40px; z-index:50; width:100%; display:block;}
.sec-menu-wrap{ bottom:-40px; z-index:99; overflow:hidden; width:980px;}
.sec-menu-wrap a{ height:40px; line-height:40px;}
.sec-menu-wrap a:hover,.sec-menu-wrap a.on{ color:#f23310;}
.sec-menu-bg{ background-color:#FFF; opacity:.5; filter:alpha(opacity=50);}
.skt-tel{ line-height:33px; height:32px; margin-top:25px;}
.skt-tel img{ float:left; margin-right:7px;}
.skt-tel span{ float:right; font-size:22px; color:#ff0000; font-weight:bold;}

/**************** index ****************/
.clickBtn{ padding:15px 46px; display:block; font-size:18px; border-radius:4px; letter-spacing:1px;}
/*.skt-banner{ background:#f03943 url(../images/public/bannerbg.png) center top no-repeat; padding:84px 0 60px; }*/
.banner{ height:322px; overflow:hidden;}
.banner,.bannerL,.bannerR,.bannerR-T{ position:relative;}
.bannerL{ width:551px;}
.bannerR-T{ width:378px;}
.bannerL-item{ position:absolute; top:0; left:0; display:none;}
.bannerR-T-item{ position:absolute; top:0; right:0; display:none;}
.bannerR-T{ height:187px; overflow:hidden;}
.bannerR{ height:322px;}
.bannerR-B{ position:absolute; bottom:15px; width:100%;}
.btnTY{ color:#491f0a; background-color:#ffdd0e;border:1px solid #ffdd0e;}
.btnXQ{ background-color:#f47071; color:#FFF; border:1px solid #FFF;}

.bannerContr-wrap{ width:550px; margin-left:auto; margin-right:auto; padding:10px 10px;}
.contr-item{ position:relative; float:left;}
.contr-item p{ text-align:center; color:#FFF; font-size:18px; margin-top:15px;}
.circle{ width:148px; height:148px; background:url(../images/index/circle.png) center no-repeat; text-align:center; vertical-align:middle; display:table-cell;}
.circle-bg{ position:absolute;width:148px; height:148px; background:url(../images/index/bannerCtrbg.png) center no-repeat; top:1px; left:-1px; display:none;}

.mglr20{ margin-left:50px; margin-right:50px;}
.skt-banner{ background:url(../images/index/index-banner.jpg) center top no-repeat; width:100%; height:457px; }
.index-wrap-ctr{ border-top:2px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.index-ctr-list{ float:left; width:250px; height:51px; text-align:center; background:url(../images/index/index-ctrbg.png); position:relative; font-size:14px; color:#525252; line-height:51px;}
.separateline:after{ content:''; position:absolute; width:0; height:100%; border-left:1px solid #d7d7d7; top:0; right:0;}
.fisrtline:before{content:''; position:absolute; width:0; height:100%; border-left:1px solid #d7d7d7; top:0; left:0;}
.index-ctr-list.on{ background:url(../images/index/index-ctrbg-hover.png) center top no-repeat; color:#FFF;}
.index-wrap-item{ height:430px;  overflow:hidden; position:relative; border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.index-con-list{ position:absolute; top:0; left:0; display:none;}
.index-conL{ width:390px; float:left;}
.index-conR{ float:right; width:550px;}
.index-conL span{ display:block;color:#f02d09; margin-bottom:30px; font-size:14px; line-height:1.5; margin-top:-30px;}
.mgt50{ margin-top:50px;}
.index-btn{ display:block; float:left; padding:12px 45px; font-size:14px; border:2px solid #ee2602; border-radius:4px;}
.mgl50{ margin-left:55px;}
.mgt17{ margin-top:17px; margin-left:-8px;}

.row{ position:relative; padding-top:60px; overflow:hidden;}
.row .g-wrap{ z-index:10;}
.bgcolor{ background-color:#f5f5f5;}
.textct,.textct h1,.textct p{ text-align:center;}
.row h1{ font-size:30px; height:30px; line-height:30px; color:#ee2602; font-weight:normal; margin-bottom:22px;}
.row p{ font-size:14px; color:#595757; margin-bottom:7px;}
.row img{ margin-top:53px;}
.abs-img{ position:absolute; display:block; top:-100px; left:50%; margin-left:-654px;}
.bz-item{ float:left; width:256px; background-color:#FFF; padding:40px 6px 40px; margin-bottom:10px; border:1px solid #ccc; margin-top:60px;}
.w895{ width:895px;}
.w156{ width:156px; height:156px; margin:0 auto; }
.bz-item img { margin-top:0 ;}
.w156 h1{ font-size:24px; margin-top:37px; height:24px; line-height:24px; margin-bottom:18px;}
.w156 p{ text-align:left; font-size:14px; letter-spacing:1px;}
.borderBot{ border-bottom:1px solid #ccc;}
.indexrow{ padding-top:30px;}
.index-conL h1{ margin-bottom:30px; font-size:24px; color:#3a424d; height:40px; line-height:40px;}
.index-conL p{ margin-bottom:40px;color:#3a424d;}
.index-conR img{ margin-top:30px;}
.spec h1{ height:60px; line-height:30px;}
.mgt24{ margin-top:24px;}
/*.skt-more{ border-top:2px solid #f02d09; background-color:#e5e5e5; padding-bottom:35px; }
.skt-more h1{ color:#3a424d; font-size:24px; margin-bottom:7px; height:24px; line-height:24px; margin-top:40px;padding-left:55px;}
.skt-more p{ color:#3a424d; font-size:14px;padding-left:55px;}
*/
.down-item{ width:290px; padding-bottom:20px; margin-top:30px; -webkit-transition:background 350ms;-ms-transition:background 350ms;-o-transition:background 350ms;-moz-transition:background 350ms;transition:background 350ms; }
.down-item img { margin-top:100px;}
.hoverbg:hover{ background-color:#f4f4f4;}
.down-item .down-tit{ font-size:24px; clear:#343b48; margin-top:75px;}
.down-item .down-list{ font-size:14px; color:#343b48; margin-bottom:0;}
.border{ border:1px solid #9d9d9d;}
.skt-wxbtn{ width:225px; margin:15px auto 13px;;}
.skt-wx { width:225px; height:225px; margin-left:auto; margin-right:auto; margin-top:43px; overflow:hidden;}
.skt-img-wrap{ width:450px;}
.skt-wx img { margin-top:0;}
.wxbtn{ display:block; font-size:14px; width:104px; color:#ee2602; border:2px solid #ee2602; padding:5px 0; background-color:#FFF;}
.wxbtn.on{ background-color:#ee2602; color:#FFF;}
p.wx-word{ margin:0; color:#343b48; font-size:15px;}
.mgt13{ margin-top:13px;}

/*产品*/
.product-banner,.office-banner,.instant-banner,.choose-banner,.about-banner{ width:100%; height:457px;  background:url(../images/product/banner.jpg) top center no-repeat;}
.pdt30{ padding-top:55px;}
.product-con{ width:394px; margin-top:75px; margin-left:auto; margin-right:auto; overflow:hidden;}
#lazy0{-webkit-animation-delay: .05s;-moz-animation-delay: .05s;-ms-animation-delay: .05s; -o-animation-delay: .05s;animation-delay: .05s; }
#lazy1{-webkit-animation-delay: .5s;-moz-animation-delay: .5s;-ms-animation-delay: .5s; -o-animation-delay: .5s;animation-delay: .5s; }
#lazy2{-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-ms-animation-delay: 1s; -o-animation-delay: 1s;animation-delay: 1s; }
#lazy3{-webkit-animation-delay: 1.5s;-moz-animation-delay: 1.5s;-ms-animation-delay: 1.5s; -o-animation-delay: 1.5s;animation-delay: 1.5s; }
#lazy4{-webkit-animation-delay: 2s; -moz-animation-delay: 2s;-ms-animation-delay:2s; -o-animation-delay: 2s;animation-delay: 2s;}
#lazy5{-webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s;-ms-animation-delay: 2.5s; -o-animation-delay: 2.5s;animation-delay: 2.5s;}
.clickTY{ display:block; width:120px; height:50px; text-align:center; line-height:50px; margin-left:auto; margin-right:auto; margin-top:210px; font-size:16px; color:#fe1c1c; font-weight:bold;}
#lazy6{-webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s;-ms-animation-delay: 3.5s; -o-animation-delay: 3.5s;animation-delay: 3.5s;}

.product-ctr-item{ float:left; /*width:193px; height:193px; background:url(../images/product/ctrbg.png) no-repeat center;*/ cursor:pointer;}
.product-ctr-item:hover p{ margin-top:25px;}
.product-ctr-item img{ margin-top:60px;}
.product-ctr-item p{ margin-top:20px; color:#FFF; font-size:14px;-webkit-transition:all 550ms;-ms-transition:all 550ms;-o-transition:all 550ms;-moz-transition:all 550ms;transition:all 550ms;}
.mgr76{ margin-right:76px;}	
.fixedpo{ position:fixed; top:0;  width:100%; z-index:999; background-color:#FFF;}
.pdb50{ padding-bottom:50px;}
.pdt50{ padding-top:10px;}
.w360{ width:360px;}
.product h1{ height:24px; line-height:24px; font-size:24px;}
.module p,.module h1{ text-align:left;}
.product-btn{ display:block; float:left; padding:17px 45px; font-size:14px; border:2px solid #ee2602; border-radius:4px;}
.btn-ty{ background-color:#ee2602; color:#FFF;}
.btn-zx{ background-color: transparent; color:#ee2602 !important; margin-left:20px;}
.w320{ width:320px;}

/*//浮动导航*/
.sec-product-menu{ position:fixed; top:0;left: 50%;background-color:#FFF; width:1680px; height:77px; border-bottom:1px solid #e4e4e4;margin-left: -840px;  display:none;
 z-index:999; cursor:pointer; overflow:hidden; }
.sec-product-list{ width:74px; float: left; }
.sec-product-list.on{background: url(../images/subNav-bg.png) no-repeat 1px -27px;}
.sec-product-list img{ margin-top:20px; float:left;-webkit-transition:all 550ms;-ms-transition:all 550ms;-o-transition:all 550ms;-moz-transition:all 550ms;transition:all 550ms;}
.sec-product-list p{ float:left; height:53px; margin-left:20px; padding-left:80px; font-size:14px; color:#f03435;/*-webkit-transform: scale(0.85);*/ line-height:53px; }
.sec-product-list:hover {/*background: url(../images/subNav-bg.png) no-repeat 1px -27px;*/ color:#FF0000;}
/*.sec-product-list:hover p{ color:#FFF;}
*/
/*产品服务页面5*/
.sec-product-menu .nav1 {height:77px; border-bottom:1px solid #eaeaea;}
#content {+border-bottom:2px solid #c5c5c5;}
.sec-product-menu .nav1 .g-wrap .crumbs {float:left; padding-left:13px; height:100%; background:url(../img/crumbs_icon.png) no-repeat 0 32px;}
.sec-product-menu .nav1 .g-wrap .crumbs a {float:left; padding:0 9px; font-weight:bold; font-size:12px; line-height:77px; color:#4d4852;}
.sec-product-menu .nav1 .g-wrap .crumbs a.on {background:url(../img/crumbs_arrow.png) no-repeat 0 36px;}
.service_tit{float:right; height:100%;}
.service_tit a{position:relative; float:left; font-weight:bold; line-height:30px; color:#63666b; width:74px; margin-top:21px; text-align:center;-webkit-transition:color 500ms;transition:color 500ms;}
/*.fw_selected{ background: url(../images/subNav-bg.png) no-repeat 1px -27px; color:#FFF;}*/
.sec-product-menu .nav1 .g-wrap .columns {float:right; height:100%;}
.sec-product-menu .nav1 .g-wrap .columns a {position:relative; float: left; font-weight:bold; line-height:30px; color:#63666b; width:98px; margin-top:21px; text-align:center;-webkit-transition:color 500ms;transition:color 500ms;font-size: 12px}
.sec-product-menu .nav1 .g-wrap .columns a span {position:absolute; right:0; bottom:0; width:0; height:2px; background-color:#f63b2e; border-radius:4px; -webkit-transition:width 300ms; transition:width 300ms;}
.sec-product-menu .nav1 .g-wrap .columns a.on, .nav1 .g-wrap .columns a.on:hover {
  background: #ff0000;
  color: #fff;
  border-radius: 15px;
}
.sec-product-menu .nav1 .g-wrap .columns a:hover{/* background:url(/images/subNav-bg.png) no-repeat 1px 1px;*/ }
/*.sub_on{ background: url(../images/subNav-bg.png) no-repeat 1px -27px; color:white;}*/
/*产品服务页面5*/


.sec-product-list:hover img{ margin-right:0px;}
.p1 p{ background:url(../images/product/hoverbefore.png) 35px 8px no-repeat;}
.p2 p{ background:url(../images/product/hoverbefore.png) 35px -44px no-repeat;}
.p3 p{ background:url(../images/product/hoverbefore.png) 35px -105px no-repeat;}
.p4 p{ background:url(../images/product/hoverbefore.png) 35px -158px no-repeat;}
.p1:hover p,.p1 p.on{ background:url(../images/product/hoverafter.png) 35px 8px no-repeat;color:#FFF;}
.p2:hover p,.p2 p.on{ background:url(../images/product/hoverafter.png) 35px -44px no-repeat;color:#FFF;}
.p3:hover p,.p3 p.on{ background:url(../images/product/hoverafter.png) 35px -105px no-repeat;color:#FFF;}
.p4:hover p,.p4 p.on{ background:url(../images/product/hoverafter.png) 35px -158px no-repeat;color:#FFF;}

.mgt9{ margin-top:10px;}
/*//移动办公*/
.office-banner{ background:url(../images/product/office-banner.jpg) top center no-repeat;}
.office p{ font-size:14px; color:#595757; line-height:2;}
.w400{ width:400px;}
.mgt150{ margin-top:150px;}
.mgl100{ margin-left:100px;}
.mgr46{ margin-right:46px;}
.mgr100{ margin-right:100px;}
/*//即时通讯*/
.instant-banner{background:url(../images/product/instant-banner.jpg) top center no-repeat;}
.instant h1{ height:70px; line-height:35px;}
.choose-banner{background:url(../images/product/choose-banner.jpg) top center no-repeat;}
.mglr40{ margin-left:40px; margin-right:40px;}
.pdt70{ padding-top:70px;}
/*客户服务*/
.service-banner{ width:100%; height:457px;  background:url(../images/service/service-banner.jpg) top center no-repeat;}
.serverp{ border-bottom:1px solid #dae0e4; padding-bottom:65px;}
/*关于我们*/
/*.about-banner{width:100%; height:568px;  background:url(../images/about/bannerbg.jpg) top center no-repeat;}*/
.about-banner{background:url(../images/about/about-banner.jpg) top center no-repeat;}
.about-con{ position:relative;}
.abs{  position:absolute; overflow:hidden;}
.creativity,.perseverance{ width:55px; height:55px; line-height:55px; color:#020071; font-size:17px; border-radius:55px;}
.creativity{ top:326px; left:228px;}
.study,.sincere{ width:95px; height:95px; line-height:95px; font-size:27px; color:#005c34; border-radius:95px;}
.study{ top:104px; left:376px;}
.perseverance{ top:113px; left:723px;}
.sincere{ top:269px; left:715px; color:#a95117;}
.about{ padding-top:40px;}
.about-p p{ line-height:30px; font-size:14px; color:#595757;}
.about-p img{ margin-top:35px;}
.mgl15{ margin-left:15.5px;}
.about-item img { margin-top:15px;}
.about-item p{ color:#595757; margin-top:12px;}
.about-list img{ margin-top:0;}
.about-list p{ margin-top:2px; margin-bottom:2px; color:#FFF;}
.pdlr20{ padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:3px;}
.about-word{ position:relative; width:802px;}
.about-word:before{ position:absolute; width:8px; height:56px; content:''; background:url(../images/about/xiesanjiao.png) center no-repeat; top:0; left:0;}
.bg46bd89{ background-color:#46bd89;}
.bgfdbd5e{ background-color:#fdbd5e;}
.bgff5c72{ background-color:#ff5c72;}
.bgb560cd{ background-color:#b560cd;}
.bg4599ff{ background-color:#4599ff;}
.about-word:after{ position:absolute; width:8px; height:56px; content:''; background:url(../images/about/xiesanjiaoR.png) center no-repeat; top:0; right:0;}
.w1006{ width:1006px; overflow:hidden; padding-bottom:6px;}
.mgb35{ margin-top:35px;}
.address-tit a{ display:block; padding:10px 40px; float:left; background-color:#eaeaea; margin-right:4px; font-size:18px; border-bottom:1px solid #eaeaea; font-weight:bold; color:#222;}
.address-tit a.on{ background-color:#f40909; color:#FFF; border-bottom-color:#ed8585;}
.address-con{ border:1px solid #f40909; padding:30px 35px 30px 60px; display:none; height:295px; color:#4c4a4b; overflow:hidden;}
.addr-top{ border-bottom:1px dashed #afafaf; padding-bottom:16px; margin-bottom:16px;}
.addr-top h1{ color:#f40909; font-size:22px; font-weight:bold; margin-top:30px; padding-bottom:10px; height:22px; line-height:22px; margin-bottom:10px;}
.addr-top p{ font-size:15px; color:#4c4a4b; line-height:22px; }
.addr-bot p{ font-size:15px; margin-left:8px; line-height:20px;}
.mgt10{ margin-top:7px; line-height:26px !important;}
.mgb25{ margin-bottom:25px;}
.logotel{ position:absolute; right:0; top:41px; display:none;}
.top0{ top:0;}
.pdt10{ padding-top:10px;}
.f40909{ color:#f40909; font-weight:bold;}
.addr-img img,.addr-bot img{ margin-top:0;}
.mgt0 img{ margin-top:0;}
.mgt0{ margin-top:0; padding-top:0;}
/*20150128修改在线咨询yin藏,需要再删除一下即可*/
.hide{ display:none;}
.btnwrap .product-btn.btn-zx{ display:none;}
.btncenter .btn-ty{ margin-left:85px;}
#banner1 #CRM {
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 100px;*/
    height: 0;
    width: 0;
}
.hot {
    width: 10px;
    height: 10px;
    background: red;
    position: absolute;
    left: 0;
    top: -50px;
}
/*#banner1 {*/
    /*position: relative;*/
/*}*/
