@charset "utf-8";
/*CSS Document */
/*BASE CSS*/

body,div,table,tr,td,h1,h2,h3,h4,h5,ul,li,dl,dt,dd,span,a,input,textarea,img{ margin:0 auto; text-decoration:none; font-family:"微软雅黑",Arial, Helvetica, sans-serif,"宋体"; font-size:12px;}
body,div,table,tr,td,h1,h2,h3,h4,h5,ul,li,dl,dt,dd,a,input,img{color:#666;}
ul,dl,dt,dd{ margin:0; padding:0;}
ul{ list-style:none;}
a{ text-decoration:none;}
a:hover{ color:#000;}
body{ min-width:1200px}

.z { float:left} .y { float:right}

/*Header*/
.header-bg{ height:75px;}
.header{ width:100%; height:75px; overflow:hidden; background-color:#f9ff00; position:relative;}
.fxd{position:fixed;top:0px;z-index:9999; width:100%;}
.header-box{ padding-top:26px; width:1200px;}
.logo{ margin-left:15px; width:325px; height:26px; float:left; display:inline;}
.logo img{ width:; height:; border:none; float:left}
.logo p { float:left}
.nav{ float:right; display:inline;}
.nav li{ margin:0 10px; line-height:; float:left; display:inline;}
.nav li.about-li{ margin-left:105px; margin-right:0;}
.nav li.contact-li{ margin-left:5px;}
.nav li a{ padding:7px 15px; font-size:16px; font-weight:bold; color:#000; display:block;}
.nav li a:hover{ color:#666;}
.nav li.about-li a,.nav li.contact-li a{ padding-top:10px; font-size:14px;}

/*Banner*/
.banner{ height:385px; overflow:hidden; position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.banner img{ border:none;}
.slides{position:relative;z-index:1;}
.slides li{height:385px;}
.slides li img{ border:none;}
.slides li a{ text-indent:-5000px; display:block; width:100%; height:100%;}
.flex-control-nav{position:absolute;bottom:5px;z-index:2;width:95%;text-align:center;}
.flex-control-nav li{display:inline-block;width:30px;height:4px;margin:0 5px;display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:30px;height:4px;line-height:40px;overflow:hidden;background:#ccc;cursor:pointer;}
.flex-control-nav .flex-active{background:#000;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{ display:none;}
.flex-direction-nav li a.flex-next{display:none;}

/*Public Css*/
.bb-blue{ border-bottom:#07afee 2px solid;}
.bb-green{ border-bottom:#07af56 2px solid;}
.bb-red{ border-bottom:#f90707 2px solid;}
.seciton-box{ padding-top:15px;  width:1200px; overflow:hidden;}
/*Services*/
.section{ background-color:#f6f6f6; overflow:hidden; clear:both;}
.section-wrap{ overflow:hidden;}
.section-gray{ background-color:#cdcdcd; overflow:hidden; clear:both;}
.section-yellow{ background-color:#f8ff00; overflow:hidden; clear:both;}
.services-box{ padding-top:15px;  width:1200px; overflow:hidden;}
.services-list{ list-style:none;}
.services-list li{ bottom:-360px; margin:0 15px; padding:15px 0 30px 0; width:370px; float:left; display:inline; position:relative;}
.services-list li h2{line-height:40px;}
.services-list li h2 a{  font-size:26px; font-weight:normal; color:#333;}
.services-list li h2 a:hover{ color:#000; text-decoration:underline;}
.services-list li.bb-blue a:hover{ color:#07afee;}
.services-list li.bb-green a:hover{ color:#07af56;}
.services-list li.bb-red a:hover{ color:#f90707;}
.services-list li p{ margin:0; padding:0 0 10px 0;height:22px; color:#999;}
.services-list li img{ width:370px; height:; border:none;}

/*Case*/
.case-box{ padding-top:15px; width:1200px;}
.case-box-title{ height:54px;}
.case-box .title{ width:1200px; height:54px; line-height:54px; position:relative;}
/*
.case-box .fxd{  -webkit-border-left-bottom-radius: 5px;-moz-border-right-bottom-radius: 5px; border-left-bottom-radius:5px; border-right-bottom-radius:5px; box-shadow:2px 2px 3px #aaaaaa; filter:alpha(opacity=90);-moz-opacity:0.9; opacity:0.9; position:fixed;top:75px;background-color:#fff; z-index:9999;}
*/
.case-box .title span{ margin-left:15px;}
.case-box .title a{ font-size:22px; color:#555;}
.case-box .title a:hover{ color:;}
.category-box{ margin-right:15px; float:right; display:inline;}
.category-box a{ font-size:16px; height:30px; line-height:30px; color:#555;  display:inline-block;}
.category-box span{ background-image:url(../images/category_icon.png); background-repeat:no-repeat;  display:inline-block; -webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;transition: transform 0.4s ease-out; width:35px; height:30px; display:block; float:left;}
.case-box .title .category-box a{ font-size:16px;}
.category-box span.mobile{ background-position:0 0;}
.category-box span.elec{ background-position:0 -30px;}
.category-box span.pc{ background-position:0 -60px;}
.category-box span.b2c{ background-position:0 -90px;}
.category-box span.group{ background-position:0 -120px;}
.category-box span:hover{  -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}
.category-box a:hover{ color:#000; text-decoration:underline; }

.case-list{ list-style:none;}
.case-list li{ margin:15px; width:368px; height:560px; float:left; display:inline; position:relative; cursor:pointer;}
.case-list li.liHover{ top:-3px;}
.case-list li.left{ /*left:-1500px;*/}
.case-list li.left-middle{ /*left:-1200px;*/}
.case-list li.right{ /*right:-1500px;*/}
.case-list li.right-middle{ /*right:-1200px;*/}
.case-list li h3{ margin:18px 12px 12px 12px;; line-height:30px; height:60px;}
.case-list li h3 a{ font-size:22px; font-weight:normal; color:#333;}
.case-list li h3 a:hover{ color:#000; text-decoration:underline;}
.case-list li.b-blue{ border-top:#07afee 1px solid; border-right:#aaa 1px solid; border-bottom:#07afee 1px solid; border-left:#aaa 1px solid;}
.case-list li.b-green{ border-top:#07af56 1px solid; border-right:#aaa 1px solid; border-bottom:#07af56 1px solid; border-left:#aaa 1px solid;}
.case-list li.b-red{  border-top:#f90707 1px solid; border-right:#aaa 1px solid; border-bottom:#f90707 1px solid; border-left:#aaa 1px solid;}
.case-list li .client-info{ margin-top:10px; padding:0 15px; height:50px; line-height:50px; font-size:16px; text-align:right;}
.case-list li .client-info img{ width:135px; height:27px; margin-top:9px; margin-left:0; border:none; float:left; display:inline;}
.case-list li .client-info a{ font-size:16px;}
.case-list li .client-info a:hover{ color:#000; text-decoration:underline;}
.case-list li a.more{ right:12px; bottom:15px; font-size:20px; font-family: "宋体", Arial, Helvetica, sans-serif; position:absolute;}
.case-list li a.more:hover{ /*Css3*/-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;transition: transform 0.4s ease-out;}
.case-list li.b-blue a:hover{ color:#07afee;}
.case-list li.b-green a:hover{ color:#07af56;}
.case-list li.b-red a:hover{ color:#f90707;}
.case-list li img{ width:368px; height:; border:none;}
.case-list li p{ margin:0; padding:12px; padding-top:20px; font-size:16px; color:#555; line-height:26px;}

.more-box{ margin-top:25px; padding-bottom:5px; width:1200px; overflow:hidden; background:url(../images/down_icon.png) center bottom no-repeat;  text-align:center;}
.more-btn{ padding:5px 20px; line-height:30px; background-color:#ff3d00; font-size:16px; color:#fff; display:inline-block;}
.more-btn:hover{ color:#fff; text-decoration:underline;}
.logo-list{ padding-top:40px; padding-bottom:40px; list-style:none; overflow:hidden; position:relative;}
.logo-list li{ margin:25px 18px; width:135px; height:27px; float: left; position:relative; display:inline;}
.logo-list li img{ width:135px; height:27px; border:none;}
/*Business*/
sup{ margin:0; padding:0; }
.bis-box,.counter-box{ padding-top:36px; padding-bottom:36px; width:1200px; overflow:hidden;}
.bis-box .title,.counter-box .title{ line-height:64px; text-align:center; color:#333; font-size:20px; font-family:"MicrosoftYaHeiLight","微软雅黑"}
.bis-box{ bottom:-600px; position:relative;}

@font-face{font-family:'PingHei';src:url(PingHei-light.ttf); font-style:normal; font-weight:normal}

.ad-txt{ font-size:36px; text-align:center; line-height:60px;color:#ff8d00; letter-spacing:5px; font-family:"MicrosoftYaHeiLight","微软雅黑"}
.ad-txt sup{ margin:0; padding:0; vertical-align: text-top; font-size:20px; line-height:32px;  letter-spacing:5px;}
.ad-des{ line-height:30px; font-size:16px; text-align:center; color:#666;  letter-spacing:2px; font-family:"MicrosoftYaHeiLight","微软雅黑"}
.reset-ad-des{ font-size:12px; line-height:24px;}
.all-bis{ padding-left:100px; padding-top:40px; overflow:hidden;}
.bis-item{ width:200px; float:left; text-align:center}
.bis-item img{ width:; height:; border:none;}
.bis-item ul{ padding-bottom:15px; overflow:hidden;}
.bis-item ul li{ line-height:24px; font-size:12px; color:#888; text-align:left; padding-left:60px}
.bis-item ul li.title{ line-height:54px; font-size:18px; color:#444; text-align:center; padding-left:0}
.bis-item ul li.title sup{ font-size:12px;}
/*Counter*/
.reset-title{ padding-bottom:40px;}
.counter-box .num-box{ width:110px; height:50px; line-height:50px; font-size:50px; text-align:right; color:#999; float:left; display: inline; font-family:"MicrosoftYaHeiLight","微软雅黑"}
.counter-box .num-box span{ height:50px; line-height:50px; font-size:50px; text-align:right; color:#999;}
.counter-box .reset-num{ color:#ff8d00;}
.counter-box .reset-num span{ color:#ff8d00;}
.counter-box{ /*left:-1600px;*/ position:relative;}
.counter-box dl{ width:270px; height:50px; float:left;}
.counter-box dl dt{ height:30px; line-height:28px; font-size:26px; color:#999; font-family:"MicrosoftYaHeiLight","微软雅黑"}
.counter-box dl dt.reset-color{ color:#ff8d00;}
.counter-box dl dd{ line-height:25px; font-size:12px; color:#999;}
.counter-wrap{ height:352px; position:relative;}
.count-txt{width:380px; height:; line-height:; position:absolute;}
.year-box{ top:5px; left:150px;width:400px; }
.year-box dl{ width:290px;}
.team-box{ top:34px; left:865px;}
.plan-box{ top:88px; left:500px;}
.partner-box{ top:120px; left:30px;}
.client-box{ top:204px; left:236px;}
.client-box dl dd,.elec-box dl dd{ padding-top:15px;}
.profit-box{ top:172px; left:756px;}
.elec-box{ top:262px; left:585px;}
.company-img{ width:1135px; height:218px;}
.company-img img{ width:1135px; height:218px; border:none;}
.news-box{ padding:40px 0; width:1135px; overflow:hidden;}
.reset-news-box{ padding:20px 0;}
.news-box .title{ width:80px; line-height:23px; height:23px; font-size:14px; text-align:center; border:#aaa 1px solid; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius:5px; float:left;}
.news-box ul{ width:990px; line-height:23px; float:left; display:inline;}
.news-box ul li{ margin:0 15px; width:300px; float:left; display:inline;}
.news-box ul li a{ font-size:14px; color:#666;}
.news-box ul li a:hover{ color:#000; text-decoration:underline;}
.news-box span.more{float:right; display:inline;}
.news-box span.more a{ font-size:;}
.news-box span.more a:hover{ color:#000; text-decoration:underline;}

/*Contact*/
.contact-box{ padding:70px 0; width:1200px; overflow:hidden;}
.contact-box p{ padding:0; color:#333; font-size:24px; text-align:center;}
.contact-box .i-box { width:310px; height:30px; line-height:30px; padding:15px 0; text-align:center; margin:0 auto; background-color:#ff3d00; font-size:24px; font-weight:normal; color:#fff; overflow:hidden}
.contact-box .i-box b { font-weight:normal; display:inline; float:left; margin-left:30px}
.contact-box .i-box img { display:inline; float:right; margin-right:30px}

.reset-box{ padding:120px 0; font-family:"MicrosoftYaHeiLight","微软雅黑"}
.reset-box .title { font-size:20px; color:#b4b4b4}
.reset-box .ad-txt{ letter-spacing:8px; color:#f8ff00}
.reset-box .ad-des{ letter-spacing:3px; font-size:14px; color:#f8ff00}

.footer{background-color:#888;}
.footer-box{ width:1200px;}
.footer-link{ padding:25px 0 20px 0; margin-left:105px; width:336px; line-height:22px;  font-size:14px; color:#fff; float:left;}
.footer-link a{ font-size:14px; color:#fff;}
.footer-link a:hover{ text-decoration:underline;}
.contact-info{ width:650px; padding-top:22px; margin-right:105px; line-height:32px; float: left; display:inline; position:relative; }
.footer-category{ padding-bottom:20px; clear:both; line-height:30px; text-align:center; color:#fff;}
.footer-category span.cat-title{ padding:3px 12px; border:#12a4f8 1px solid; border-radius:5px;}
.footer-category span.green{ border:#76c200 1px solid;}
.footer-category a{ padding:0 13px; font-size:12px; color:#fff;}
.footer-category a:hover{ text-decoration:underline;}

.footer-box .icon{ padding-left:35px; line-height:30px; background-image:url(../images/bottom_icon.png); background-repeat:no-repeat; font-size:14px; color:#fff; display:inline-block; }
.footer-box .tel-icon{ margin-right:30px; background-position:0 0;}
.footer-box .qq-icon{ margin-right:50px; background-position:0 -30px;}
.footer-box .weixin-icon{ margin-right:5px; background-position:0 -65px;   text-indent:-3000px; cursor:pointer;}
.footer-box .weibo-icon{ background-position:0 -98px;}
.footer-box .icon a{ color:#fff; font-size:14px;}
.footer-box .icon a:hover{ text-decoration:underline;}
.copyright{ padding:25px 0; width:1200px; text-align:center; font-size:12px; color:#000; clear:both;}
.weixin{ width:150px; height:150px; position:absolute; right:30px; bottom:54px; display:none; }
.weixin img{  width:150px; height:150px;}

#service{ top:480px;position:fixed; _position:absolute;right:3%;width:60px;height:120px; }
#service a{display:block;width:60px; height:20px; text-align:center; font-size:11px; padding-top:40px;background:url(../images/side-icon.png) no-repeat;cursor:pointer;margin-bottom:1px}
#service a.qqOnlineHover{background-position:0 -120px;}
#service a.goTop{width:60px;background-position:0 -60px}
#service a.goTopHover{background-position:0 bottom}

.bdsharebuttonbox a {background-image: url("../images/share_icon.png");background-repeat: no-repeat;cursor: pointer;float: left;font-size:18px; width:30px; height:29px;line-height: 24px;margin: 6px 6px 6px 0; display:inline-block;}
.bds_weixin{ background-position:0 0;}
.bds_tsina{ background-position:0 -29px;}
.bds_tqq{ background-position:0 -58px;}
.bdsharebuttonbox span{ line-height:40px; float:left; display:inline-block;}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{ padding-left:0px;}

.footerCard { text-align:center}
.footerCard .w { width:1200px; margin:0 auto}
.footerCard p { padding:0; overflow:hidden; width:120px; height:50px; line-height:20px; font-size:12px; border:1px solid #d2d2d2; margin:6px auto}
.footerCard p a { color:#828282}
.footerCard p a:hover { text-decoration:underline; color:#000}
.footerCard .fl { float:left; padding:3px}
.footerCard .fr { float:right; padding:5px 3px 0; width:72px}