@charset "utf-8";

/*
 * Org: http://www.68team.com            
 * Author: https://github.com/happyfreelife
 * Date: 2017-07-19                 
 */

/****************************** Normalize ******************************/
*, *:before, *:after{box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}
body{min-width: 1200px;max-width: 1920px;margin: 0 auto;font-size: 14px;font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "PingFang SC", sans-serif;color: #666;background: #f3f3f3;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #999;text-decoration: none;outline: none;}            
img{border: none;}
ul, ol{list-style: none;}        
i, em{font-style: normal;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], input[type="search"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="reset"], input[type="submit"], button{border: none;cursor:pointer;}
input[type="radio"], input[type="checkbox"]{border: none;padding:0}
input::-ms-clear, input::-ms-reveal{display: none;}
button[disabled], input[disabled]{cursor:default}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0}
legend{padding:0;border:0}
textarea{resize: none;}
table{border-collapse: collapse;}
td, th{padding:0}


/****************************** Global Style ******************************/
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.mr0{margin-right: 0 !important;}
.bd0{border-width: 0 !important;}
.center{margin-left: auto;margin-right: auto;}
.rps{display: block;max-width: 100%;}
.upload img{max-width: 100%;height: auto !important;}
.container{width: 1200px;margin: 0 auto;}
.container, .wrapper, .box{position: relative;}
.container:after, .wrapper:after, .box:after, .clearfix:after{content: "";display: block;clear: both;}
@font-face {
	font-family: "fette";
	src: url("../font/fette-engschrift.eot");
	src: url("../font/fette-engschrift.eot?#iefix") format("embedded-opentype"),
		 url("../font/fette-engschrift.woff") format("woff"),
		 url("../font/fette-engschrift.ttf") format("truetype"),
		 url("../font/fette-engschrift.svg#fette-engschrift") format("svg");
	font-style: normal;
	font-weight: normal;
}

/****************************** Icon Sprite ******************************/
.index-about ul li .video,
.index-product .name li i,
.index-product .gallery .btn,
.footer .bottom .attention a,
.floater a:after,
.popup-about-video .box .close,
.solution .tab .title a:before,
.solution-equipment .arrow,
.solution-energy .category .arrow,
.about .profile .text ul li:before,
.about .strategy p:before,
.about .strategy p:after,
.about .history li span:after,
.join-service .feature li h3:before,
.join-service-dealer .job li .title:after,
.join-service-dealer .message ul li:before,
.join-service-dealer .download a:before,
.news .top .left .arrow,
.news .list ul li .box .detail,
.contact ul li:before{background:none;background-image: url(../img/icon.png);background-repeat: no-repeat;}


/****************************** CSS3 Transition ******************************/
.header,
.floater,
.floater a span,
.index-product .name li i,
.index-news ul li,
.index-news ul li .box a,
.index-case a,
.product .list a,
.solution-energy .category .swiper-wrapper a,
.about .history li .box,
.about .history li span,
.about-honor li img,
.about-honor li h3,
.about-honor li h3:after,
.case .category li a,
.case .list a,
.case .list a span,
.news .top .right a,
.news .top .left .pagination span,
.news .list ul li .box .detail{-webkit-transition: all .3s;transition: all .3s;}




/****************************** Common Part ******************************/
.header{position: fixed;top: 0;left: 0;z-index: 10;width: 100%;border-bottom: 1px solid rgba(0, 198, 255, .2);}
.header.cover{background: #014280;}
.header .logo{float: left;width: 102px;height: 68px;margin: 10px 0;background: url(../img/logo.png) no-repeat;}
.header .nav{float: right;margin-top: 36px;}
.header .nav a{float: left;line-height: 20px;margin-left: 60px;font-size: 16px;color: #fff;}
.header .nav a:hover,
.header .nav a.active{color: #2bcefd;}
.header .subnav{position: absolute;top: 56px;right: 0;width: 884px;}
.header .subnav .item{position: absolute;top: 0;left: 0;display: none;width: 100%;text-align: center;}
.header .subnav .item .wrapper{height: 312px;margin-top: 32px;background: rgba(0, 35, 79, .8);padding: 0 50px;display: inline-block;text-align: left;}
.header .subnav .left{float: left;position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.header .subnav .left a{display: block;width: 170px;line-height: 48px;border-bottom: 2px solid rgba(255, 255, 255, .2);font-size: 16px;color: #fff;}
.header .subnav .left a:hover,
.header .subnav .left a.active{border-bottom-color: #2BCEFC;color: #2bcefd;}
.header .subnav .right{float: left;height: 100%;margin-left: 52px;padding: 45px 0 0 50px;background: url(../img/bg-subnav-right.png) no-repeat left center;}
.header .subnav .right ul{display: none;float: left;width: 220px;}
.header .subnav .right ul:first-child{display: block;}
.header .subnav .right ul li a{line-height: 48px;font-size: 14px;color: #fff;}
.header .subnav .right ul li a:hover{color: #2bcefd;}
.header .subnav .right img{float: left;width: 226px;}

.footer{position: relative;z-index: 1;background: #fff;}
.footer .logo{display: block;padding-top: 55px;}
.footer dl{float: left;width: 240px;margin: 60px 80px 0 0;border-top: 1px solid #d8dfe2;}
.footer dl:last-child{margin-right: 0;}
.footer dl dt{line-height: 52px;font-size: 14px;color: #244456;}
.footer dl dd{line-height: 30px;font-size: 14px;color: #999;}
.footer dl dd a:hover{color: #244456;}
.footer dl dd.qrcode img{display: block;width: 135px;margin-top: 8px;padding: 5px;border: 1px solid #ddd;}
.footer dl dd.qrcode span{display: block;width: 135px;line-height: 45px;font-size: 14px;text-align: center;}
.footer .bottom{margin-top: 45px;border-top: 1px solid #999;}
.footer .bottom .copyright{float: left;line-height: 54px;color: #999;}
.footer .bottom .attention{position: relative;float: right;margin-top: 13px;}
.footer .bottom .attention a{float: left;width: 28px;height: 28px;margin-left: 18px;}
.footer .bottom .attention a:nth-child(1){background-position: -111px -261px;}
.footer .bottom .attention a:nth-child(2){background-position: -161px -261px;}
.footer .bottom .attention a:nth-child(3){background-position: -211px -261px;}
.footer .bottom .attention a:nth-child(4){background-position: -261px -261px;}
.footer .bottom .attention a:hover{background-position-y: -311px;}
.footer .bottom .attention a img{position: absolute;right: 0;bottom: 100%;display: none;}
.footer .bottom .attention a:hover img{display: block;}

.floater{position: fixed;top: 50%;right: 0;z-index: 10;width: 50px;background: #333;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.floater a{position: relative;display: block;height: 51px;border-bottom: 1px solid #444;text-transform: uppercase;}
.floater a:last-child{border: none;}
.floater a span{position: absolute;top: 0;left: 0;width: 150px;line-height: 51px;padding-left: 24px;font-size: 14px;color: #fff;}
.floater a:after{content: "";position: absolute;top: 0;right: 0;width: 50px;height: 50px;background-color: #333;}
.floater a:nth-child(1):after{background-position:-300px 0;}
.floater a:nth-child(2):after{background-position:-350px 0;}
.floater a:nth-child(3):after{background-position:-400px 0;}
.floater a:nth-child(4):after{background-position:-450px 0;}
.floater.active,
.floater:hover{width: 250px;}
.floater a:hover{background-color: #2184c6;}
.floater a:hover:after{background-color: #2184c6;}

.popup-wechat{position: fixed;top: 0;left: 0;z-index: 100;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.popup-wechat img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border: 5px solid #fff;}


/****************************** Page Component ******************************/
.banner-top{position: relative;overflow: hidden;}
.banner-top img{position: relative;left: 50%;display: block;margin-left: -960px;}
.banner-top .headline{position: absolute;top: 190px;left: 0;width: 100%;color: #fff;text-align: center;}
.banner-top .headline .cn{display: block;line-height: 40px;font-size: 30px;}     
.banner-top .headline .en{display: block;line-height: 16px;margin-top: 12px;font-size: 16px;text-transform: uppercase;}                          
.banner-top .headline .en:before,
.banner-top .headline .en:after{content: "";display: inline-block;width: 70px;vertical-align: middle;border-bottom: 1px solid rgba(255, 255, 255, .5);}
.banner-top .headline .en:before{margin-right: 20px;}
.banner-top .headline .en:after{margin-left: 20px;}

.page-title{padding-top: 80px;text-align: center;}
.page-title .cn{display: block;line-height: 32px;font-size: 26px;color: #333;}
.page-title .en{display: block;line-height: 32px;font-size: 14px;color: #ccc;text-transform: uppercase;}            

.list-pagination{overflow: hidden;}
.list-pagination a{float: left;width: 38px;line-height: 35px;margin-right: 10px;background: #e6e6e6;cursor: pointer;font-size: 14px;color: #333;text-align: center;}
.list-pagination a.side{width: 78px;margin-right: 16px;}
.list-pagination a:hover,
.list-pagination a.active{background: #4ea7e2;color: #fff;}

.category-tab{overflow: hidden;background: #0a4a6b;}
.category-tab li{float: left;width: 50%;margin-top: 2px;}
.category-tab li a{display: block;width: calc(100% - 2px);line-height: 48px;margin: 0 auto;font-size: 16px;color: #fff;text-align: center;text-align: center;letter-spacing: 1px;}
.category-tab li:hover a,
.category-tab li.active a{background: #fff;color: #0a4a6b;}            
.category-tab.three li{width: 33.33%;}
.category-tab.four li{width: 25%;}


/****************************** Index ******************************/
.index-section-title{position: relative;margin-left: 50px;letter-spacing: 1px;}
.index-section-title:before{content: "";position: absolute;top: 9px;left: -328px;width: 300px;border-bottom: 1px solid rgba(167, 183, 191, .2);}
.index-section-title:after{content: "";position: absolute;top: 8px;left: -28px;width: 4px;height: 4px;background: #3aedfa;border-radius: 50%;}
.index-section-title .en{display: block;line-height: 16px;font-size: 14px;color: #b0bec5;text-transform: uppercase;}
.index-section-title .cn{display: block;line-height: 26px;margin-top: 14px;font-weight: bold;font-size: 24px;color: #244456;}

.banner-index{position: fixed !important;top: 0;left: 0;width: 100%;}
.banner-index .pagination{position: absolute;top: 50%;right: calc(50% - 600px);-webkit-transform: rotateY(-50%);transform: rotateY(-50%);}
.banner-index .pagination span{display: block;width: 16px;height: 16px;margin: 10px 0;cursor: pointer;}
.banner-index .pagination span:after{content: "";display: block;width: 12px;height: 12px;margin: 2px auto;background: rgba(255, 255, 255, .45);border-radius: 50%;}
.banner-index .pagination span[class*="active"]:after{width: 100%;height: 100%;background: #00c6ff;}
.banner-index ~ .placeholder{height: calc(100vw / (1920 / 1048));}

.index-about{position: relative;top: -123px;z-index: 1;height: 800px;margin-bottom: -123px;background: url(../img/bg-index-about.png) no-repeat center top;}
.index-about .top{height: 316px;background: #199db2 url(../img/bg-index-about-top.png) no-repeat -90px 25px;}               
.index-about .top .index-section-title{float: left;margin: 62px 0 0 242px;}
.index-about .top .index-section-title:before{border-bottom: 1px solid rgba(255, 255, 255, .5);}
.index-about .top .index-section-title:after{background: #fff;}
.index-about .top .index-section-title .en,
.index-about .top .index-section-title .cn{color: #fff;}
.index-about .top p{float: left;width: 525px;line-height: 30px;margin: 62px 0 0 95px;font-size: 14px;color: #fff;}
.index-about .top p a{display: block;width: 96px;line-height: 30px;margin-top:20px;margin-left:426px;color: #444;text-align: center;letter-spacing: 1px;text-transform: uppercase;background:#fff;}
.index-about .top p a:hover{background: #2184c6;border-color: #2184c6;color: #fff;}

.index-about ul{margin-top: 64px;overflow: hidden;}
.index-about ul li{position: relative;float: left;width: 570px;overflow: hidden;}
.index-about ul li:nth-child(even){float: right;}
.index-about ul li .picture{display: block;width: 100%;-webkit-transition: all 1s;transition: all 1s;-webkit-transform: scale(1.1);transform: scale(1.1);}
.index-about ul li:hover .picture{-webkit-transform: scale(1);transform: scale(1);}
.index-about ul li .mask,
.index-about ul li .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index-about ul li .mask{-webkit-transition: all 1s;transition: all 1s;}
.index-about ul li:hover .mask{opacity: 0;}
.index-about ul li .title{margin: 60px 0 0 46px;color: #fff;letter-spacing: 1px;}
.index-about ul li .title .en{display: block;line-height: 16px;color: #fff;text-transform: uppercase;}
.index-about ul li .title .cn{display: block;line-height: 20px;margin-top: 12px;font-size: 18px;color: #fff;}
.index-about ul li .video{position: absolute;bottom: 35px;left: 46px;width: 50px;height: 50px;background-position: -200px -50px;}
.index-about ul li .video:hover{background-position: -250px -50px;}
.index-about ul li .more{position: absolute;right: 62px;bottom: 27px;line-height: 25px;line-height: 25px;border-bottom: 1px solid transparent;font-size: 14px;color: #fff;letter-spacing: 1px;text-transform: uppercase;}
.index-about ul li .more:hover{border-color: rgba(255, 255, 255, .5);}

.popup-about-video{position: fixed;top: 0;left: 0;z-index: 100;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.popup-about-video .box{position: absolute;top: 50%;left: 50%;width: 1000px;height: 562px;margin: -281px 0 0 -500px;}
.popup-about-video .box .close{position: absolute;top: 0;right: -60px;width: 50px;height: 50px;background-position: -400px -50px;cursor: pointer;}
.popup-about-video .video-js{z-index: 100;width: 100% !important;height: 100% !important;}

.index-product{position: relative;z-index: 1;padding-top: 80px;overflow: hidden;background: #f5f5f5;}
.index-product .gallery{width: 600px;margin: 70px auto 0;}
.index-product .gallery ul{height: 450px;}
.index-product .gallery ul li{position: absolute;width: 559px;height: 533px;cursor: pointer;-webkit-transition: box-shadow .3s;transition: box-shadow .3s;}
.index-product .gallery ul li[class*="focus"]{box-shadow: 1px 1px 30px rgba(0, 0, 0, .1), -1px 1px 30px rgba(0, 0, 0, .1);}
.index-product .gallery ul li img{float: right;width: 191px;height: 100%;}
.index-product .gallery ul li .box{position: absolute;top: 0;left: 0;width: 368px;height: 100%;padding: 50px 0 0 35px;background: #44bbf1;}
.index-product .gallery ul li:nth-child(2) .box{background: #865cf8;}
.index-product .gallery ul li:nth-child(4) .box{background: #ff6142;}
.index-product .gallery ul li h3{line-height: 40px;font-size: 28px;color: #fff;letter-spacing: 2px;}             
.index-product .gallery ul li span{display: block;line-height: 25px;margin-top: 8px;font-size: 16px;color: #fff;letter-spacing: 2px;text-transform: uppercase;}
.index-product .gallery ul li p{line-height: 30px;margin-top: 14.07%;font-size: 16px;color: #fff;}
.index-product .gallery ul li p em{display: inline-block;width: 15px;}
.index-product .gallery ul li a{position: absolute;bottom: 15.38%;left: 35px;width: 150px;line-height: 36px;background: rgba(128, 128, 128, .2);border-radius: 18px;font-size: 14px;color: #fff;text-align: center;letter-spacing: 1px;text-transform: uppercase;}
.index-product .gallery ul li[class*="focus"] a{background: rgba(255, 255, 255, .2);}
.index-product .gallery .btn{position: absolute;top: 50%;width: 18px;height: 45px;margin-top: -22px;}
.index-product .gallery .btn.prev{left: 0;background-position: -316px -52px;}
.index-product .gallery .btn.next{right: 0;background-position: -366px -52px;}

.index-product .name{position: relative;width: 900px;margin: 85px auto;padding: 0 90px;}
.index-product .name:before{content: "";position: absolute;top: 20px;left: 0;width: 100%;border-bottom: 1px solid #e6e6e6;}
.index-product .name:after{content: "";display: block;clear: both;}
.index-product .name li{position: relative;float: left;width: 100px;margin: 0 40px;cursor: pointer;}
.index-product .name li i{display: block;width: 40px;height: 40px;margin: 0 auto;background-color: #00a0dc;border-radius: 3px;}
.index-product .name li:nth-child(1) i{background-position: -5px -55px;}    
.index-product .name li:nth-child(2) i{background-position: -55px -55px;}
.index-product .name li:nth-child(3) i{background-position: -105px -55px;}
.index-product .name li:nth-child(4) i{background-position: -155px -55px;}
.index-product .name li.active i{box-shadow: 0 0 20px rgba(102, 102, 102, .5);}
.index-product .name li span{display: block;line-height: 20px;margin-top: 18px;font-size: 14px;color: #888;text-align: center;}

.index-news{position: relative;z-index: 1;padding: 65px 0 100px;background: #ededed;}
.index-news ul{margin-top: 50px;}
.index-news ul li{float: left;width: 347px;margin-right: 79px;}
.index-news ul li:hover{box-shadow: 1px 1px 20px rgba(50, 50, 50, .1), -1px 1px 20px rgba(50, 50, 50, .1);}
.index-news ul li:last-child{margin: 0;}
.index-news ul li .thumb{position: relative;display: block;overflow: hidden;}
.index-news ul li .thumb img{display: block;width: 100%;-webkit-transition: all 1s;transition: all 1s;}
.index-news ul li .thumb:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.index-news ul li .thumb .date{position: absolute;bottom: 16px;left: 20px;width: 60px;height: 60px;background: rgba(91, 169, 221, .8);color: #fff;text-align: center;}
.index-news ul li .thumb .date em{display: block;line-height: 26px;margin-top: 8px;font-size: 20px;}
.index-news ul li .thumb .date span{display: block;line-height: 20px;}
.index-news ul li .box{height: 244px;padding: 26px 22px 0;background: #fff;}
.index-news ul li .box h3{line-height: 26px;font-size: 18px; color:#000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-news ul li .box p{display: -webkit-box;height: 60px;line-height: 20px;margin-top: 20px;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.index-news ul li .box a{display: block;width: 96px;line-height: 24px;margin-top: 25px;border: 1px solid #888;/* color: #444; */text-align: center;/* letter-spacing: 1px; */text-transform: uppercase;font-size:12px;}
.index-news ul li .box a:hover{background: #2184c6;border-color: #2184c6;color: #fff;}

.index-case{position: relative;z-index: 1;height: 785px;padding-top: 90px;background: #fff url(../img/bg-index-case.png) no-repeat center top;}
.index-case .title{line-height: 26px;margin-top: 115px;font-size: 24px;text-align: center;}
.index-case p{width: 635px;line-height: 24px;margin: 48px auto 0;font-size: 14px;}
.index-case .line{margin-top: 95px;border-bottom: 1px solid rgba(167, 183, 191, .5);}
.index-case a{display: block;width: 160px;line-height: 50px;margin: 45px auto 0;background: #37474f;font-size: 14px;color: #fff;text-align: center;letter-spacing: 1px;}
.index-case a:hover{box-shadow: 2px 2px 10px rgba(50, 50, 50, .2), -2px 2px 10px rgba(50, 50, 50, .2);}

.index-bottom{position: relative;z-index: 1;height: 360px;overflow: hidden;background: url(../img/bg-index-bottom.jpg) no-repeat fixed center bottom;}
.index-bottom img{position: absolute;bottom: 0;left: 0;left: 50%;margin-left: -960px;}


/****************************** 解决方案 ******************************/
.solution{margin-top: 30px;margin-bottom: 50px;padding: 0 100px;background: #fff;}
.solution h1{line-height: 130px;font-size: 26px;color: #333;text-align: center;}
.solution .tab .title{background: #f7f7f7;}
.solution .tab .title:after{content: "";display: block;clear: both;}
.solution .tab .title a{position: relative;float: left;width: 249px;line-height: 80px;margin-right: 1px;font-size: 18px;color: #333;text-align: center;}
.solution .tab .title a:last-child{width: 250px;margin: 0;}
.solution .tab .title a:before{content: "";display: inline-block;width: 30px;height: 30px;margin-right: 8px;vertical-align: middle;}
.solution .tab .title a span{display: inline-block;line-height: 25px;margin-top: 20px;font-size: 18px;text-align: left;}
.solution .tab .title a em{display: block;line-height: 25px;font-size: 12px;color: #999;}
.solution .tab .title a:hover,
.solution .tab .title a:hover span,
.solution .tab .title a:hover span em,
.solution .tab .title a.active,
.solution .tab .title a.active span,
.solution .tab .title a.active span em{background: #4ea7e2;color: #fff;}
.solution .tab .title a:hover:before,
.solution .tab .title a.active:before{background-position-y: -210px !important;}
.solution .tab .title a.active:after{content: "";position: absolute;top: 100%;left: 50%;margin-left: -9px;border: 9px solid transparent;border-top: 14px solid #4ea7e2;}
.solution .tab .content{margin-top: 50px;}
.solution .tab .content .item{display: none;overflow: hidden;}
.solution .tab .content .item.active{display: block;}
.solution .tab .item .text{float: left;width: 420px;margin-bottom: 120px;}
.solution .tab .item .text h3{line-height: 30px;font-size: 16px;color: #333;}
.solution .tab .item .text p{line-height: 20px;margin-bottom: 20px;font-size: 14px;}
.solution .tab .item:nth-child(2) ul{margin-top: 24px;overflow: hidden;}
.solution .tab .item:nth-child(2) ul li{float: left;width: 465px;height: 290px;margin-bottom: 75px;overflow: hidden;}
.solution .tab .item:nth-child(2) ul li.auto{height: auto;}
.solution .tab .item:nth-child(2) ul li:nth-child(even){float: right;}
.solution .tab .item:nth-child(2) ul li h3{line-height: 20px;font-size: 16px;color: #333;}
.solution .tab .item:nth-child(2) ul li img{display: block;width: 100%;margin-top: 35px;}
.solution .tab .item:nth-child(4) ul{padding-bottom: 50px;}
.solution .tab .item:nth-child(4) ul li{margin-bottom: 60px;}
.solution .tab .item:nth-child(4) ul li h3{line-height: 26px;font-size: 16px;color: #333;}
.solution .tab .item:nth-child(4) ul li p{line-height: 20px;font-size: 14px;color: #333;}
.solution .tab .item:nth-child(4) ul li img{display: block;margin-top: 30px;}

.solution-environmental .tab .title a:nth-child(1):before{background-position: -11px -160px;}
.solution-environmental .tab .title a:nth-child(2):before{background-position: -61px -160px;}
.solution-environmental .tab .title a:nth-child(3):before{background-position: -111px -160px;}
.solution-environmental .tab .title a:nth-child(4):before{background-position: -161px -160px;}
.solution-equipment{position: relative;overflow: hidden;background: url(../img/bg-solution-equipment.jpg) no-repeat center top;}
.solution-equipment .swiper-container,
.solution-equipment ul,
.solution-equipment li{position: relative;height: 645px !important;}
.solution-equipment li img{position: absolute;top: 50%;left: 70px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.solution-equipment li .text{float: right;width: 460px;margin-top: 110px;}
.solution-equipment li .text h3{line-height: 30px;font-weight: bold;font-size: 30px;color: #fff;}
.solution-equipment li .text h3:after{content: "";display: block;width: 36px;margin-top: 30px;border-bottom: 1px solid rgba(255, 255, 255, .5);}
.solution-equipment li .text p{width: 380px;line-height: 24px;margin-top: 45px;font-size: 14px;color: #fff;}
.solution-equipment li .text a{display: block;width: 100px;line-height: 30px;margin-top: 50px;background: #005f9e;border-radius: 3px;font-size: 14px;color: #fff;text-align: center;}
.solution-equipment .arrow{position: absolute;top: 50%;width: 38px;height: 68px;margin-top: -34px;}
.solution-equipment .arrow.prev{left: calc(50% - 638px);background-position: -6px -366px;}
.solution-equipment .arrow.next{right: calc(50% - 638px);background-position: -56px -366px;}

.solution-detail .tab .title a:nth-child(1):before{background-position: -211px -160px;}
.solution-detail .tab .title a:nth-child(2):before{background-position: -261px -160px;}
.solution-detail .tab .title a:nth-child(3):before{background-position: -311px -160px;}
.solution-detail .tab .title a:nth-child(4):before{background-position: -361px -160px;}
.solution-detail .tab .title a:before{vertical-align: 2px;}
.solution-detail .item:nth-child(2) .wrapper{padding-bottom: 55px;border-bottom: 1px solid #ddd;}
.solution-detail .item:nth-child(2) dl{float: left;width: 405px;}
.solution-detail .item:nth-child(2) dl dt{line-height: 25px;margin-bottom: 10px;font-size: 16px;color: #333;}
.solution-detail .item:nth-child(2) dl dd{line-height: 40px;font-size: 14px;color: #333;}
.solution-detail .item:nth-child(2) dl dd em{display: inline-block;margin-right: 10px;font-size: 16px;color: #ccc;}
.solution-detail .item:nth-child(2) img{display: block;margin-top: 50px;margin-bottom: 80px;}

.solution-energy{position: relative;height: 645px !important;background: url(../img/bg-solution-energy.jpg) no-repeat center top;padding-top: 70px;}
.solution-energy .category{height: 58px;position: absolute;top: 0;left: 0;width: 100%;background: #fff;}
.solution-energy .category .swiper-wrapper{padding-bottom: 12px;}
.solution-energy .category .swiper-wrapper a{position: relative;display: block;line-height: 58px;font-size: 16px;text-align: center;color: #333;box-sizing: border-box;cursor: default;}
.solution-energy .category .swiper-wrapper a:hover,         
.solution-energy .category .swiper-wrapper a.active{background: #2c87d0;color: #fff;}
.solution-energy .category .swiper-wrapper a:hover:after,
.solution-energy .category .swiper-wrapper a.active:after{content: "";position: absolute;top: 100%;left: 50%;margin-left: -12px;border: 12px solid transparent;border-top: 12px solid #2c87d0;}
.solution-energy .category .swiper-wrapper a:hover{border-left: 1px solid #fff;border-right: 1px solid #fff;}
.solution-energy .category .swiper-wrapper a.active:hover{border: none;}
.solution-energy .category .arrow{display: none;position: absolute;top: 22px;width: 25px;height: 25px;}
.solution-energy .category .arrow.prev{background-position:-313px -312px;left: -60px;}
.solution-energy .category .arrow.next{background-position:-363px -312px;right: -60px;}
.solution-energy .desc{height: 575px;display: none;}
.solution-energy .desc:first-child{display: block;}
.solution-energy .desc img{position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.solution-energy .desc .text{float: right;width: 460px;padding-top: 114px;}           
.solution-energy .desc .text h3{line-height: 52px;/* font-weight: bold; */font-size: 24px;color: #fff;}          
.solution-energy .desc .text h3:after{content: "";display: block;width: 36px;margin-top: 20px;border-bottom: 1px solid rgba(255, 255, 255, .5);}
.solution-energy .desc .text p{width: 380px;line-height: 24px;margin-top: 35px;font-size: 14px;color: #fff;}
.solution-energy .desc .text a{display: block;width: 100px;line-height: 30px;margin-top: 50px;background: #005f9e;border-radius: 3px;font-size: 14px;color: #fff;text-align: center;}



/****************************** 产品中心 ******************************/
.product{background: #fff url(../img/bg-product.png) no-repeat center bottom;overflow: hidden;}
.product .second-catory-tab{margin-top: 78px;border-bottom: 1px solid #ccc;height: 34px;}
.product .second-catory-tab a{float: left;line-height: 34px;margin-right: 25px;background: #bbbbbb;color: #fff;text-align: center;min-width: 140px;padding: 0 10px;}             
.product .second-catory-tab a.active,.product .second-catory-tab a:hover{background: #4ea7e2;color: #fff;}
.product .list{margin-top: 60px;overflow: hidden;}
.product .list a{float: left;width: 274px;margin: 0 34px 33px 0;border: 1px solid #ddd;position: relative;height: 334px;}
.product .list a:nth-child(4n){margin-right: 0;}
.product .list a:hover{border-color: #4ea7e2;}
.product .list a .box{height: 278px;}
.product .list a img{position: absolute;max-width: 77%;max-height: 75%;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.product .list a span{display: block;margin-top: 10px;line-height: 20px;font-size: 16px;color: #333;text-align: center;}           
.product .list-pagination{margin-bottom: 70px;}


/****************************** 工程案例 ******************************/
.case .list{margin-top: 40px;overflow: hidden;}
.case .list a{float: left;width: 280px;margin: 0 25px 30px 0;padding: 15px;background: #fff;}
.case .list a:nth-child(4n){margin-right: 0;}
.case .list a span{display: block;line-height: 45px;margin-top: 8px;font-size: 14px;color: #333;text-align: center;}
.case .list a:hover{background: #4ea7e2;}
.case .list a:hover span{color: #fff;}
.case .list-pagination{margin: 15px 0 70px;overflow: hidden;}


/****************************** 关于威奇 ******************************/
.about h2{padding-top: 80px;text-align: center;}
.about h2 .cn{display: block;line-height: 32px;font-size: 26px;color: #333;}
.about h2 .en{display: block;line-height: 30px;font-size: 14px;color: #bbb;text-transform: uppercase;}          
.about h2.light .cn,
.about h2.light .en{color: #fff;}
     
.about .profile{background: url(../img/bg-about-profile.jpg) no-repeat center top;height: 650px;}
.about .profile .text{float: left;width: 600px;margin-top: 80px;}
.about .profile .text ul{margin-left: 80px;overflow: hidden;}
.about .profile .text ul li{float: left;width: 140px;margin-right: 50px;position: relative;padding-left: 50px;}
.about .profile .text ul li:last-child{margin-right: 0;}
.about .profile .text ul li:before{content: "";position: absolute;width: 46px;height: 46px;top: 0;left: 0;}
.about .profile .text ul li:nth-child(1):before{background-position:-152px -352px;}
.about .profile .text ul li:nth-child(2):before{background-position:-202px -352px;}
.about .profile .text ul li:nth-child(3):before{background-position:-252px -352px;}
.about .profile .text ul li strong{display: block;font: 30px/30px "fette";color: #333;}
.about .profile .text ul li span{display: block;line-height: 16px;}
.about .profile .text .box{height: 265px;overflow: hidden;padding-left: 80px;margin-top: 32px;}
.about .profile .text .box p{line-height: 26px;font-size: 14px;color: #888;}
.about .profile .text .box .mCSB_scrollTools{right: auto;left: 0;}
.about .profile img{float: right;margin-top: 67px;width: 452px;margin-right: 56px;}                  

.about .strategy{background: url(../img/bg-about-strategy.jpg) no-repeat center top;height: 462px;}
.about .strategy p{width: 745px;margin: 45px auto 0;position: relative;line-height: 30px;font-size: 14px;color: #fff;text-align: center;}
.about .strategy p:before,
.about .strategy p:after{content: "";position: absolute;width: 34px;height: 25px;background-position:-308px -363px;top: -15px;}
.about .strategy p:before{left: -65px;background-position:-308px -363px;}
.about .strategy p:after{right: -65px;background-position:-358px -363px;}
.about .strategy .bottom{margin-top: 42px;text-align: center;}
.about .strategy .bottom:before{content: "";display: block;width: 22px;margin: 0 auto;border-bottom: 3px solid #fff;}
.about .strategy .bottom span{display: block;line-height: 16px;font-size: 18px;color: #fff;margin-top: 16px;}
.about .strategy .bottom img{display: block;margin: 10px auto 0;}

.about .history{background: url(../img/bg-about-history.jpg) no-repeat center top;height: 625px;}
.about .history .container{margin-top: 45px;}
.about .history .container:after{content: "";position: absolute;bottom: 10px;left: 0;width: 100%;background: url(../img/about-history-line.png) no-repeat center top;height: 1px;}
.about .history ul{z-index: 1;}
.about .history li{position: relative;height: 375px;}
.about .history li .box{opacity: 0;width: 226px;position: relative;left: 50%;margin-left: -113px;}
.about .history li .box h3{width: 1200px;line-height: 25px;font-size: 16px;color: #fff;position: relative;left: 50%;margin-left: -600px;text-align: center;}                  
.about .history li .box img{display: block;height: 176px;margin-top: 15px;padding: 17px;background: rgba(0, 35, 79, .2);border-radius: 5px;}
.about .history li span{bottom: 0;left: 0;line-height: 70px;font-size: 14px;color: #fff;position: absolute;text-align: center;cursor: pointer;width: 100%;}
.about .history li span:after{opacity: 0;content: "";position: absolute;width: 22px;height: 22px;bottom: 0;left: 50%;margin-left: -11px;background-position:-414px -364px;}
.about .history li[class*="active"] .box{opacity: 1;}
.about .history li[class*="active"] span{font-size: 32px;}
.about .history li[class*="active"] span:after{opacity: 1;}          

.about .honor{height: 595px;background: #eee;text-align: center;position: relative;z-index: 1;}
.about .honor ul{margin-top: 40px;height: 250px;}
.about .honor ul li{width:361px;height:257px;border: 5px solid #fff;text-align:center;background:#fff;}
.about .honor ul li img{display: block;max-width: 100%;max-height:100%;margin:0 auto;}
.about .honor a{display: inline-block;font-size: 14px;margin-top: 50px;color: #0688b2;}               

.about-honor .category{margin-top: 48px;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;text-align: center;}
.about-honor .category a{display: inline-block;line-height: 40px;margin: 0 50px;font-size: 18px;color: #333;}
.about-honor .category a:hover,
.about-honor .category a.active{color: #0688b2;}
.about-honor ul.horizontal{margin-top: 45px;}
.about-honor ul:after{content: "";display: block;clear: both;}
.about-honor ul li{float: left;margin: 0 44px 34px 0;}
.about-honor ul li:nth-child(4n){margin-right: 0;}
.about-honor ul li img{display: block;width: 267px;height: 190px;box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.about-honor ul li img:hover,
.about-honor ul li img:hover ~ h3{-webkit-transform: translateY(-15px);transform: translateY(-15px);}
.about-honor ul li h3{position: relative;line-height: 20px;margin-top: 20px;font-size: 14px;color: #333;text-align: center;}       
.about-honor ul li h3:after{content: "";position: absolute;top: 25px;left: 10%;width: 80%;height: 10px;overflow: hidden;background-image: radial-gradient(#999, #aaa, #bbb, #ccc, #ddd, #eee);border-radius: 50%;opacity: 0;;}
.about-honor ul li img:hover ~ h3:after{opacity: 1;}
.about-honor .vertical li{margin: 0 35px 34px 0 !important;}
.about-honor .vertical li img{width: 205px;height: 270px;}
.about-honor .vertical li:nth-child(5n){margin-right: 0;}
.about-honor .list-pagination{margin: 30px 0 90px;}

.about-culture{background: #fff;}
.about-culture .category{margin-top: 40px;}
.about-culture .category .content .item{display: none;}
.about-culture .category .content .item:after{content: "";display: block;clear: both;}
.about-culture .category .content .item.active{display: block;}
.about-culture .category .content .text{float: left;width: 600px;height: 280px;}
.about-culture .category .content .text h3{line-height: 26px;font-weight: bold;font-size: 20px;color: #333;}
.about-culture .category .content .text h3:after{content: "";display: block;width: 30px;margin-top: 24px;border-bottom: 2px solid #81c0eb;}
.about-culture .category .content .text .desc{margin-top: 18px;line-height: 26px;font-size: 14px;color: #333;height: 126px;}
.about-culture .category .content .text a{float: right;width: 140px;line-height: 40px;font-size: 14px;color: #fff;text-align: center;border-radius: 3px;background: #46a1df;margin-top: 14px;}
.about-culture .category .content img{float: right;width: 524px;height: 277px;border-radius: 3px;}
.about-culture .category .title{margin: 52px 0 44px;border-top: 1px solid #e5e5e5;position: relative;float: left;width: 100%;}
.about-culture .category .title:before{content: "";position: absolute;border: 13px solid transparent;border-bottom: 9px solid #e5e5e5;left: 50%;margin-left: -13px;top: -22px;}
.about-culture .category .title:after{content: "";position: absolute;border: 11px solid transparent;border-bottom: 7px solid #fff;top: -18px;left: 50%;margin-left: -11px;}
.about-culture .category .title li{position: relative;float: left;border-radius: 3px;width: 390px;margin: 15px 15px 0 0;cursor: default;}
.about-culture .category .title li:last-child{margin-right: 0;}
.about-culture .category .title li img{display: block;height: 130px;}
.about-culture .category .title li span{position: absolute;bottom: -44px;line-height: 20px;width: 100%;font-size: 20px;color: #333;text-align: center;-webkit-transition: all .3s;transition: all .3s;z-index: 1;}
.about-culture .category .title li a{position: absolute;width: 80px;line-height: 28px;font-size: 14px;color: #fff;text-align: center;border: 1px solid #fff;border-radius: 3px;right: 20px;bottom: 10px;-webkit-transition: opacity .3s;transition: opacity .3s;opacity: 0;}
.about-culture .category .title li:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transition: all .3s;transition: all .3s;}
.about-culture .category .title li.active span,
.about-culture .category .title li:hover span{bottom: 55px;color: #fff;}
.about-culture .category .title li.active:after,
.about-culture .category .title li:hover:after{background: rgba(0, 0, 0, .5);}
.about-culture .category .title li.active a,
.about-culture .category .title li:hover a{z-index: 1;opacity: 1;}

.about-culture .value{background: #fafafa;padding-bottom: 65px;}
.about-culture .value h2{margin-top: 88px;line-height: 80px;font-size: 26px;color: #333;background: #f3f3f3;}
.about-culture .value .title{border-bottom: 1px solid #e5e5e5;overflow: hidden;margin-top: 50px;}
.about-culture .value .title a{position: relative;line-height: 48px;font-size: 18px;color: #333;margin-right: 30px;float: left;cursor: default;}
.about-culture .value .title a.active:after,
.about-culture .value .title a:hover:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;background: url(../img/about-culture-value-title.png) no-repeat 0 / 100%;height: 4px;}
.about-culture .value .left{float: left;margin-top: 40px;}
.about-culture .value .content .item{display: none;margin-top: 40px;}
.about-culture .value .content .item:after{content: "";display: block;clear: both;}
.about-culture .value .content .item.active{display: block;}
.about-culture .value .content img{float: left;width: 520px;height: 335px;}
.about-culture .value .content .text{float: right;width: 580px;height: 335px;}
.about-culture .value .content .text h3{line-height: 68px;font-weight: bold;font-size: 20px;color: #333;}
.about-culture .value .content .text h3:after{content: "";display: block;width: 30px;margin-top: 2px;border-bottom: 2px solid #81c0eb;}
.about-culture .value .content .text .desc{margin-top: 10px;line-height: 26px;font-size: 14px;color: #333;height: 260px;}


/****************************** 加盟服务 ******************************/
.join-service .feature{margin-top: 70px;overflow: hidden;background: #eee;}
.join-service .feature li{float: left;width: 400px;height: 246px;padding: 55px 68px 0;}
.join-service .feature li h3{position: relative;padding-left: 60px;}
.join-service .feature li h3:before{content: "";position: absolute;top: 3px;left: 0;width: 50px;height: 36px;}
.join-service .feature li:nth-child(1) h3:before{background-position: 0 -108px;}
.join-service .feature li:nth-child(2) h3:before{background-position: -50px -108px;}
.join-service .feature li:nth-child(3) h3:before{background-position: -100px -108px;}
.join-service .feature li h3 .cn{display: block;line-height: 20px;font-size: 20px;color: #333;}
.join-service .feature li h3 .en{display: block;margin-top: 8px;color: #ccc;text-transform: uppercase;}
.join-service .feature li p{line-height: 22px;margin-top: 20px;font-size: 14px;color: #999;}

.join-service .category{margin-top: 65px;margin-bottom: 80px;}
.join-service .category:after{content: "";display: block;clear: both;}
.join-service .category a{position: relative;float: left;width: 380px;margin-right: 30px;overflow: hidden;box-shadow: 1px 1px 40px rgba(0, 0, 0, .2), -1px 1px 40px rgba(0, 0, 0, .2);}
.join-service .category a:last-child{margin-right: 0;}
.join-service .category a .picture{display: block;width: 100%;-webkit-transition: all 1s;transition: all 1s;-webkit-transform: scale(1.1);transform: scale(1.1);}
.join-service .category a .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transition: all 1s;transition: all 1s;}
.join-service .category a:hover .picture{-webkit-transform: scale(1);transform: scale(1);}
.join-service .category a:hover .mask{opacity: 0;}
.join-service .category a .box{position: absolute;top: 50%;left: 0;width: 100%;margin-top: -28px;text-align: center;}
.join-service .category a .box h3{line-height: 30px;font-weight: bold;font-size: 30px;color: #fff;letter-spacing: 1px;}
.join-service .category a .box span{display: block;line-height: 16px;margin-top: 10px;font-size: 14px;color: #ddd;text-transform: uppercase;}

.join-service-dealer .content-tab .item{display: none;}
.join-service-dealer .content-tab .item.active{display: block;}
.join-service-dealer .page-title{padding-bottom: 60px;background: #fff;}
.join-service-dealer .job{margin-top: 60px;box-shadow: 1px 1px 50px rgba(50, 50, 50, .1), -1px 1px 50px rgba(50, 50, 50, .1);}
.join-service-dealer .job .top{position: relative;height: 45px;background: #888;}
.join-service-dealer .job .top span{position: absolute;top: 0;line-height: 45px;font-size: 16px;color: #fff;}
.join-service-dealer .job .top span:nth-child(1){left: 62px;}
.join-service-dealer .job .top span:nth-child(2){left: 256px;}
.join-service-dealer .job .top span:nth-child(3){left: 388px;}
.join-service-dealer .job .top span:nth-child(4){left: 584px;}
.join-service-dealer .job .top span:nth-child(5){left: 910px;}
.join-service-dealer .job li{border-bottom: 1px solid #e6e6e6;}
.join-service-dealer .job li .title{position: relative;height: 70px;background: #fff;cursor: pointer;}
.join-service-dealer .job li .title span{position: absolute;top: 0;line-height: 70px;font-size: 14px;color: #888;}
.join-service-dealer .job li .title span:nth-child(1){left: 62px;}
.join-service-dealer .job li .title span:nth-child(2){left: 256px;}
.join-service-dealer .job li .title span:nth-child(3){left: 388px;}
.join-service-dealer .job li .title span:nth-child(4){left: 584px;}
.join-service-dealer .job li .title span:nth-child(5){left: 910px;}
.join-service-dealer .job li .title:after{content: "";position: absolute;top: 20px;right: 48px;width: 30px;height: 30px;background-position: -160px -11px;border: 1px solid #999;border-radius: 50%;}
.join-service-dealer .job li.active .title{background: #f3f3f3;}
.join-service-dealer .job li.active .title span{color: #333;}
.join-service-dealer .job li.active .title:after{background-position: -210px -11px;}
.join-service-dealer .job li .content{display: none;line-height: 24px;margin: 0 135px 0 62px;padding: 20px 0 25px;border-top: 1px solid #ccc;font-size: 14px;color: #333;}

.join-service-dealer .contact-method{height: 419px;margin-top: 70px;overflow: hidden;background: url(../img/bg-join-service-recruit-contact.jpg) no-repeat center top;}
.join-service-dealer .contact-method .box{width: 470px;height: 322px;margin: 47px auto 0;background: url(../img/bg-join-service-recruit-contact-box.png) no-repeat;}
.join-service-dealer .contact-method .box span{display: block;line-height: 36px;padding-top: 30px;font-size: 16px;color: #333;text-align: center;}
.join-service-dealer .contact-method .box span:before{content: "";display: block;width: 48px;margin: 0 auto;border-top: 2px solid #333;}
.join-service-dealer .contact-method .box p{line-height: 30px;margin-top: 16px;font-size: 14px;color: #999;text-align: center;}
.join-service-dealer .contact-method .box p em,
.join-service-dealer .contact-method .box p a{color: #d6000f;}

.join-service-dealer .message h3{line-height: 30px;margin-top: 85px;font-size: 26px;color: #333;}
.join-service-dealer .message ul{position: relative;margin-top: 32px;overflow: hidden;}
.join-service-dealer .message ul li{position: relative;width: 600px;margin-bottom: 18px;}
.join-service-dealer .message ul li:nth-child(5){position: absolute;top: 0;right: 0;width: 570px;}
.join-service-dealer .message ul li:nth-child(6){position: absolute;right: 0;bottom: 5px;width: 570px;}
.join-service-dealer .message ul li:before{content: "";position: absolute;top: 17px;left: 17px;width: 20px;height: 20px;}
.join-service-dealer .message ul li:nth-child(1):before{background-position: -15px -466px;}
.join-service-dealer .message ul li:nth-child(2):before{background-position: -65px -466px;}
.join-service-dealer .message ul li:nth-child(3):before{background-position: -115px -466px;}
.join-service-dealer .message ul li:nth-child(4):before{background-position: -165px -466px;}
.join-service-dealer .message ul li:nth-child(5):before{background-position: -215px -466px;}
.join-service-dealer .message ul li:nth-child(6):before{content: none;}
.join-service-dealer .message ul li input{display: block;width: 570px;line-height: 20px;padding: 17px 0;border: 2px solid #dee6ec;border-radius: 3px;font-size: 14px;text-indent: 47px;}
.join-service-dealer .message ul li textarea{width: 570px;height: 218px;line-height: 24px;padding: 5px 5px 0 47px;border: 2px solid #dee6ec;border-radius: 3px;font-size: 14px;}
.join-service-dealer .message ul li a{display: block;width: 150px;line-height: 48px;background: #46a0e2;border-radius: 3px;font-size: 14px;color: #fff;text-align: center;}

.join-service-dealer .download{height: 204px;padding-top: 62px;background: url(../img/bg-join-service-recruit-download.jpg) no-repeat center top;}
.join-service-dealer .download a{float: left;width: 298px;line-height: 80px;margin-left: 286px;background: #46a0e2;border-radius: 5px;font-size: 22px;color: #fff;text-align: center;}
.join-service-dealer .download a:before{content: "";display: inline-block;width: 50px;height: 50px;margin-right: 24px;vertical-align: -17px;background-position: -100px -375px;}
.join-service-dealer .download span{line-height: 80px;margin-left: 32px;font-size: 22px;color: #fff;}


/****************************** 新闻中心 ******************************/
.news .page-title{padding-bottom: 60px;background: #fff;}
.news .top{padding-bottom: 65px;background: #fff;}
.news .top .left{float: left;width: 595px;height: 395px;}

.news .top .left .swiper-slide img{display: block;width: 100%;}
.news .top .left .swiper-slide h3{position: relative;line-height: 45px;background: #eee;font-size: 16px;color: #333;padding: 0 100px 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .top .left .arrow{position: absolute;top: 157px;width: 35px;height: 35px;background-color: rgba(255, 255, 255, .8);}
.news .top .left .arrow.prev{left: 0;background-position: -8px -258px;}
.news .top .left .arrow.next{right: 0;background-position: -58px -258px;}
.news .top .left .arrow:hover{background-color: #4ea7e2;background-position-y: -308px;}
.news .top .left .pagination{position: absolute;right: 12px;bottom: 52px;}
.news .top .left .pagination span{float: left;width: 10px;height: 10px;margin-left: 13px;background: #fff;border-radius: 5px;}
.news .top .left .pagination span[class*="active"]{width: 26px;background: #4ea7e2;}

.news .top .right{float: right;width: 540px;}
.news .top .right a{position: relative;display: block;margin-bottom: 16px;padding-bottom: 14px;border-bottom: 1px dotted #ccc;}
.news .top .right a:last-child{margin: 0;}            
.news .top .right a span{display: block;line-height: 18px;font-size: 16px;}
.news .top .right a h3{line-height: 40px;overflow: hidden;font-size: 16px;color: #333;white-space: nowrap;text-overflow: ellipsis;}
.news .top .right a p{display: -webkit-box;height: 48px;line-height: 24px;overflow: hidden;font-size: 14px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news .top .right a:hover{-webkit-transform: translateX(10px);transform: translateX(10px);}
.news .top .right a:hover span,
.news .top .right a:hover p{color: #666;}
.news .top .right a:hover h3{color: #000;}

.news .list .category{position: relative;height: 70px;margin-top: 35px;text-align: center;}
.news .list .category:before{content: "";position: absolute;right: 0;bottom: 0;width: 100%;border-bottom: 4px solid #ebebeb;}
.news .list .category a{position: relative;display: inline-block;width: 200px;line-height: 66px;margin: 0 50px;border-bottom: 4px solid transparent;font-size: 18px;color: #333;}
.news .list .category a:hover,
.news .list .category a.active{border-bottom-color: #4ea7e2;}
.news .list ul{margin-top: 40px;overflow: hidden;}
.news .list ul li{float: left;width: 388px;margin: 0 18px 16px 0;}
.news .list ul li:nth-child(3n){margin-right: 0;}
.news .list ul li .thumb{display: block;overflow: hidden;}
.news .list ul li .thumb img{display: block;width: 100%;-webkit-transition: all 1s;transition: all 1s;}
.news .list ul li:hover .thumb img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.news .list ul li .box{height: 240px;padding: 22px 46px 0 26px;background: #fff;}
.news .list ul li .box h3{display: -webkit-box;height: 48px;line-height: 24px;overflow: hidden;font-size: 18px;color: #333;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}    
.news .list ul li .box span{display: block;line-height: 16px;margin-top: 10px;font-size: 14px;color: #999;}
.news .list ul li .box p{display: -webkit-box;height: 48px;line-height: 24px;margin-top: 10px;overflow: hidden;font-size: 14px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news .list ul li .box .detail{display: block;width: 26px;height: 26px;margin-top: 24px;background-position: -462px -63px;}
.news .list ul li .box .detail:hover{-webkit-transform: translateX(2px);transform: translateX(2px);}
.news .list .list-pagination{margin: 40px 0 60px;}

.article h1{line-height: 36px;margin-top: 50px;font-weight: bold;font-size: 24px;color: #333;text-align: center;}
.article .attr{line-height: 40px;margin: 20px 0;border-bottom: 1px dotted #ccc;color: #999;text-align: center;}
.article .attr em{display: inline-block;width: 60px;}
.article .upload p{line-height: 26px;margin-bottom: 20px;font-size: 14px;}
.article .jump{position: relative;margin: 120px 0 60px;height: 60px;}
.article .jump span{display: block;line-height: 30px;}
.article .jump .back{position: absolute;top: 0;right: 0;width: 100px;line-height: 30px;background: #555;border-radius: 3px;font-size: 14px;color: #fff;text-align: center;}


/****************************** 联系我们 ******************************/
.contact .map{height: 570px;margin-top: 36px;border: 1px solid #4ea7e2;}
.contact .map .BMap_cpyCtrl,
.contact .map .anchorBL{display: none;}
.contact ul{position: relative;width: 1080px;height: 234px;margin: -36px auto 36px;padding: 60px 80px 0;background: #fff;box-shadow: 0 0 30px rgba(0, 0, 0, .1);}
.contact ul li{position: relative;float: left;width: 50%;line-height: 40px;margin-bottom: 35px;padding-left: 60px;font-size: 14px;color: #333;}
.contact ul li.double{line-height: 20px;}
.contact ul li:before{content: "";position: absolute;top: 2px;left: 0;width: 36px;height: 36px;border: 1px solid #1584d0;border-radius: 50%;}
.contact ul li:nth-child(1):before{background-position: -157px -107px;}
.contact ul li:nth-child(2):before{background-position: -207px -107px;}
.contact ul li:nth-child(3):before{background-position: -257px -107px;}
.contact ul li:nth-child(4):before{background-position: -307px -107px;}