@charset "utf-8";

/* reset */
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{font-size: 12px;font-family: Arial, "Microsoft YaHei";color: #666;background: url(../img/body.png);}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #999;text-decoration: none;outline: none;star: expression(this.onFocus=this.blur());}
area{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"], 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 */
.fl{float: left;}
.fr{float: right;}
.mr0{margin-right: 0 !important;}
.bdn{border: none !important;}
.fff{background: #fff;}
.rps{max-width: 100%;}
.clearfix:after{content: "";display: block;clear: both;}
.container{position: relative;width: 1200px;margin: 0 auto;}
.container-f{position: relative;margin: 0 auto;}
.container-h{position: relative;width: 1200px;margin: 0 auto;overflow: hidden;}

/* common */
.header ul li a:after,
.index-solution ul li .icon:before,
.index-solution ul li .icon:after,
.index-solution ul li .more,
.sidebar .category dd h2 a,
.product .serial a,
.news dl dd label,
.news dl dd a,
.news ul li .text a{-webkit-transition: all .3s;transition: all .3s;}

.news dl dd span:before,
.footer .contact p:before,
.footer .to-top a,
.sidebar .category dt i,
.sidebar dl dd div a:before,
.sidebar .contact dd:before,
.about .history ul li i,
.about .advantage strong em:after,
.about .history a{background-image: url(../img/icon.png);background-repeat: no-repeat;}

.header{background: #fff;border-bottom: 8px solid #ebebeb;}
.header .logo{float: left;width: 470px;height: 50px;margin: 17px 0;background: url(../img/logo-en.png) no-repeat;}
.header ul li{float: left;margin: 4px 0 0 20px;}
.header ul li a{position: relative;display: block;line-height: 80px;min-width: 56px;padding: 0 12px;font-size: 16px;color: #333;text-align: center;}
.header ul li a:after{position: absolute;bottom: -8px;left: 50%;margin-left: 0;content: "";width: 0;height: 7px;background: #ffba00;}
.header ul li:hover a:after,
.header ul li.current a:after{width: 100%;margin-left: -50%;}
.header .lang a{float: left;margin: 29px 0 0 20px;width: 40px;height: 26px;}
.header .lang a.cn{background: url(../img/lang-cn.png) no-repeat;}
.header .lang a.en{background: url(../img/lang-en.png) no-repeat;}

.footer{padding-top: 48px;background: #26575b;position: relative;}
.footer .wrapper{padding: 22px 0 58px;border-top: 1px solid #367277;}
.footer h3{margin-bottom: 5px;font-weight: bold;font-size: 18px;color: #fff;}
.footer .desc{float: left;width: 370px;}
.footer .desc p{line-height: 24px;color: #fff;font-size: 14px;}
.footer .contact{float: left;margin-left: 80px;width: 650px;}
.footer .contact p{position: relative;line-height: 24px;color: #fff;text-indent: 22px;float: left;margin-right: 20px;font-size: 14px;}
.footer .contact p:before{position: absolute;top: 4px;left: 0;content: "";width: 16px;height: 16px;}
.footer .contact p.item-1:before{background-position: -67px -18px;}
.footer .contact p.item-2:before{background-position: -117px -17px;}
.footer .contact p.item-3:before{background-position: -167px -17px;}
.footer .to-top{float: right;}
.footer .to-top strong{font-weight: normal;font-size: 18px;color: #fff;}
.footer .to-top a{display: block;width: 40px;height: 28px;margin: 4px auto 20px;background-position: -55px -113px;}
.footer .to-top span{display: block;color: #fff;text-align: center;text-transform: uppercase;}

.footer .copyright{background: #204446;}
.footer .copyright p,
.footer .copyright p a{line-height: 50px;color: #fff;}

/* component */
.banner-top{height: 300px;overflow: hidden;}
.banner-top img{position: relative;left: 50%;margin-left: -960px;}

.sidebar{float: left;width: 300px;position: relative;}
.sidebar .category dt{position: relative;padding-top: 5px;overflow: hidden;background: #ffa800;}
.sidebar .category dt i{content: "";float: left;width: 25px;height: 25px;margin: 16px 5px 0 10px;background-position: -214px -14px;}
.sidebar .category dt h2{float: left;line-height: 55px;font-weight: bold;font-size: 30px;color: #fff;}
.sidebar .category dt em{float: left;margin: 22px 0 0 5px;font-weight: normal;font-size: 20px;color: #fff;text-transform: uppercase;}
.sidebar .category dd h2 a{display: block;height: 63px;line-height: 63px;margin-top: 2px;padding: 0 15px;overflow: hidden;background: #26575b;cursor: pointer;font-weight: bold;font-size: 20px;color: #fff;text-align: center;white-space: nowrap;text-overflow: ellipsis;}
.sidebar .category dd h2.current a{background: #707070;}
.sidebar .category dd div{display: none;margin-top: 2px;}
.sidebar .category dd div a{position: relative;display: block;line-height: 53px;background: #e5e5e5;border-bottom: 1px solid #fff;font-size: 16px;color: #000;text-align: center;width: 90%;margin: 0 auto;}
.sidebar .category dd div a:before{position: absolute;top: 23px;left: 50px;content: "";width: 16px;height: 10px;background-position: 1000px 1000px;}
.sidebar .category dd div a:hover:before,
.sidebar .category dd div a.current:before{background-position: -417px -71px;}
.sidebar .contact{margin-top: 20px;padding-bottom: 75px;background: #fff;}
.sidebar .contact dd{position: relative;padding: 20px 0 0 75px;font-weight: bold;font-size: 14px;}
.sidebar .contact dd:before{position: absolute;top: 20px;left: 20px;content: "";width: 45px;height: 45px;}
.sidebar .contact dd.item-1:before{background-position: -353px -2px;}
.sidebar .contact dd.item-2:before{background-position: -402px -2px;}
.sidebar .contact dd.item-3:before{background-position: -452px -2px;}
.sidebar .contact dd em{display: block;margin-top: 5px;font-size: 16px;}

.main{float: right;width: 882px;min-height: 670px;margin-bottom: 30px;}
.main img{display: block;max-width: 100%;}
.main .crumbs{padding: 20px 20px 30px 0;background: #fff;border-bottom: 1px solid #eee;color: #333;text-align: right;}
.main .crumbs a{color: #333;}
.main .module{margin-bottom: 20px;padding: 30px 20px;background: #fff;}
.main .module .title{width: 300px;margin: 0 auto 30px;position: relative;color: #26575b;text-align: center;}
.main .module .title:before{position: absolute;content: "";box-sizing: border-box;border: 1px solid #26575b;bottom: -5px;left: 0;width: 100%;height: 40px;}
.main .module .title span{position: relative;display: inline-block;font-weight: bold;font-size: 25px;background: #fff;padding: 0 10px;text-transform: capitalize;}
.main .module .title em{position: relative;display: inline-block;padding: 0 15px;font-weight: normal;font-size: 14px;text-transform: uppercase;margin-top: 4px;background: #fff;}


/* index */
.banner-index{position: relative;height: 525px;overflow: hidden;}
.banner-index .eb-arrow{display: none;}
.banner-index .preview{position: absolute;width: 100%;top: 0;}
.banner-index .preview .image{position: absolute;width: 100%;overflow: hidden;}
.banner-index .preview .image .opacity{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.banner-index .preview .image img{position: relative;left: 50%;margin-left: -960px;}
.banner-index .preview .image.prev{left: -100%;}
.banner-index .preview .image.next{left: 100%;}
.banner-index .preview .thumb{display: none;position: absolute;width: 100px;height: 100px;border: 2px solid #fff;border-radius: 50%;box-sizing: border-box;cursor: pointer;overflow: hidden;top: 360px;}
.banner-index .preview .thumb.prev{left: 50px;}
.banner-index .preview .thumb.next{right: 50px;}

.index-solution .title{height: 125px;margin-bottom: 50px;padding-top: 80px;background: url(../img/index-solution-title.png) no-repeat center top;text-align: center;}
.index-solution .title h2{font-size: 36px;color: #333;}
.index-solution .title h2 em{display: block;margin-top: 5px;font-size: 18px;letter-spacing: 1px;}
.index-solution ul li{float: left;width: 168px;margin: 0 90px 70px 0;}
.index-solution ul li:last-child{margin-right: 0;}
.index-solution ul li .icon{position: relative;display: block;width: 160px;height: 160px;margin: 0 auto;background-image: url(../img/icon-solution.png);background-repeat: no-repeat;}
.index-solution ul li.item-1 .icon{background-position: 0 0;}
.index-solution ul li.item-2 .icon{background-position: -180px 0;}
.index-solution ul li.item-3 .icon{background-position: -540px 0;}
.index-solution ul li.item-4 .icon{background-position: -360px 0;}
.index-solution ul li.item-5 .icon{background-position: -720px 0;}
.index-solution ul li .icon:before,
.index-solution ul li .icon:after{position: absolute;content: "";-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);-webkit-transform: scale(0);transform: scale(0);}
.index-solution ul li .icon:before{top: 0;left: 0;width: 0;width: 100%;height: 0;height: 100%;background: #fff url(../img/circle-border.png) no-repeat;}
.index-solution ul li .icon:after{top: 11px;left: 11px;width: 0;width: 138px;height: 0;height: 138px;background-image: url(../img/icon-solution.png);background-repeat: no-repeat;-webkit-transition-delay: .1s;transition-delay: .1s;}
.index-solution ul li .icon:hover:before,
.index-solution ul li .icon:hover:after{-webkit-transform: scale(1);transform: scale(1);}
.index-solution ul li.item-1 .icon:after{background-position: -11px -191px;}
.index-solution ul li.item-2 .icon:after{background-position: -191px -191px;}
.index-solution ul li.item-3 .icon:after{background-position: -551px -191px;}
.index-solution ul li.item-4 .icon:after{background-position: -371px -191px;}
.index-solution ul li.item-5 .icon:after{background-position: -731px -191px;}
.index-solution ul li h3{line-height: 30px;font-size: 24px;color: #333;text-align: center;height: 60px;margin-top: 5px;}
.index-solution ul li h3.single{line-height: 60px;}
.index-solution ul li p{height: 240px;line-height: 24px;font-size: 14px;}
.index-solution ul li .more{display: block;width: 82px;line-height: 26px;margin: 0 auto;background: url(../img/btn-more.png) no-repeat;font-size: 14px;color: #3d9496;text-align: center;text-transform: uppercase;}
.index-solution ul li .more:hover{background: url(../img/btn-more-hover.png) no-repeat;color: #ffa800;}

.index-news{padding: 90px 0 120px;background: #e0feff;}
.index-news dl{float: left;width: 625px;}
.index-news dl dt{position: relative;margin-bottom: 30px;padding-bottom: 6px;overflow: hidden;border-bottom: 1px solid #ccc;}
.index-news dl dt h2{float: left;font-weight: bold;font-size: 16px;color: #000;}
.index-news dl dt h2 em{margin-left: 10px;font-size: 30px;color: #777;text-transform: uppercase;}
.index-news dl dt a{position: absolute;right: 0;bottom: 0;width: 66px;line-height: 20px;background: #fff;border: 1px solid #ccc;border-bottom: none;font-size: 14px;color: #666;text-align: center;}
.index-news dl dd{margin-bottom: 15px;padding-bottom: 12px;overflow: hidden;border-bottom: 1px solid #fff;}
.index-news dl dd span{position: relative;display: block;line-height: 20px;margin-bottom: 10px;font-size: 14px;text-indent: 36px;}
.index-news dl dd span:before{position: absolute;top: 2px;left: 0;content: "";width: 16px;height: 16px;background-position: -15px -17px;}
.index-news dl dd label{float: left;width: 75px;line-height: 30px;background: #3fbbbe;font-weight: bold;color: #000;text-align: center;}
.index-news dl dd:hover label{background: #fab131;}
.index-news dl dd a{float: left;line-height: 30px;margin-left: 10px;font-weight: bold;font-size: 14px;}
.index-news dl dd a:hover{color: #fab131;}
.index-news .entry a{display: block;width: 425px;height: 192px;margin-bottom: 20px;overflow: hidden;opacity: .8;filter: alpha(opacity=80);}

/* 产品中心 */
.product .crumbs{padding-bottom: 0;border: none;}
.product .desc{position: relative;height: 315px;padding: 28px 0 0 28px;background: #26575b;}
.product .desc h2{margin-bottom: 14px;font-weight: bold;font-size: 20px;color: #fff;}
.product .desc strong{display: block;margin-top: 8px;font-size: 18px;color: #fff;}
.product .desc p{width: 450px;line-height: 24px;font-size: 14px;color: #fff;}
.product .desc label{position: absolute;top: 30px;right: 54px;width: 160px;line-height: 54px;background: #fff;font-weight: bold;font-size: 16px;color: #26575b;text-align: center;}

/* 产品中心 - 系列 */
.product .serial{margin: 80px 0;overflow: hidden;}
.product .serial a{float: left;width: 220px;line-height: 60px;margin-right: 40px;border: 1px solid #26575b;font-size: 16px;color: #26575b;text-align: center;}
.product .serial a:hover{background: #26575b;color: #fff;}

/* 产品中心 - 详情 */
.product-detail .product{float: left;width: 388px;height: 282px;margin: 0 30px 30px 0;}
.product-detail .text{float: left;width: 335px;}
.product-detail .text h2{line-height: 36px;margin-top: 10px;margin-bottom: 22px;border-bottom: 1px dashed #ccc;font-weight: bold;font-size: 24px;color: #26575b;}
.product-detail .text .character{line-height: 30px;font-size: 14px;}
.product-detail .text .character strong{color: #000;}
.product-detail .text .character p{line-height: 30px;}

/* 解决方案 */
.solution .text{padding: 30px 0 30px 30px;background: #e5e5e5;}
.solution .text h2{height: 35px;line-height: 34px;margin-bottom: 20px;padding-left: 15px;border-left: 4px solid #ffba00;font-weight: bold;font-size: 36px;color: #26575b;}
.solution .text p{line-height: 30px;padding-left: 20px;font-size: 16px;color: #26575b;}
.solution ul{margin-top: 30px;overflow: hidden;}
.solution ul li{float: left;width: 408px;margin: 0 24px 16px 0;}
.solution ul li:nth-child(even){margin-right: 0;}
.solution ul li img{display: block;max-width: 100%;}
.solution ul li span{display: block;line-height: 40px;font-size: 15px;}

/* 生产基地 */
.production-base p{line-height: 30px;font-size: 14px;margin-top: 10px;}
.production-base .production-field{margin-top: 28px;overflow: hidden;}
.production-base .production-field li{float: left;width: 200px;margin: 0 14px 14px 0;}
.production-base .production-field li:nth-child(4n){margin-right: 0;}
.production-base .production-field li img{display: block;max-width: 100%;}

/* 研发中心 */
.rd dl dt{line-height: 48px;font-size: 18px;color: #26575b;}
.rd dl dt em{font-weight: bold;font-size: 30px;margin-right: 10px;}
.rd dl dd{float: left;margin-bottom: 26px;}
.rd dl dd img{display: block;max-width: 100%;}
.rd dl dd span{display: block;line-height: 40px;font-size: 14px;}
.rd dl.list-1 dd{width: 410px;margin-right: 22px;}
.rd dl.list-1 dd:last-of-type{margin-right: 0;}
.rd dl.list-2 dd{width: 202px;margin-right: 4px;}
.rd dl.list-2 dd:nth-of-type(4n+2){margin-right: 26px;}
.rd dl.list-2 dd:nth-of-type(4n){margin-right: 0;}
.rd dl.list-3 dd{width: 270px;margin-right: 6px;}
.rd dl.list-3 dd.wide{width: 410px;margin-right: 22px;}
.rd dl.list-3 dd:nth-of-type(2),
.rd dl.list-3 dd:last-of-type{margin-right: 0;}

.rd .team-member{height: 206px;}
.rd .team-member .picture{position: relative;float: left;width: 166px;height: 100%;overflow: hidden;background: #e5e5e5;cursor: pointer;}
.rd .team-member .picture img{position: absolute;bottom: -13px;left: 50%;width: 135px;margin-left: -62px;}
.rd .team-member .picture:nth-last-child(2),
.rd .team-member .picture.last{background: #ffa800;}
.rd .team-member .picture.active{overflow: visible;}
.rd .team-member .picture.active img{bottom: 0;width: 166px;margin-left: -83px;}
.rd .team-member .desc{display: none;float: left;width: 340px;height: 100%;background: #26575b;}
.rd .team-member .desc h3{width: 310px;margin: 15px 0 10px 20px;font-weight: bold;font-size: 20px;color: #fff;}
.rd .team-member .desc h3 em{margin-left: 6px;font-weight: normal;font-size: 14px;}
.rd .team-member .desc p{width: 310px;line-height: 20px;margin: 0 20px;color: #fff;}
.rd .team-member + p{line-height: 40px;font-size: 14px;}

/* 关于我们 */
.about .intro p{line-height: 28px;margin-top: 10px;font-size: 14px;text-indent: 2em;}
.about .history .content{position: relative;width: 706px;height: 380px;margin: 20px auto 0;}
.about .history a{position: absolute;bottom: 204px;width: 85px;height: 40px;background-color: #e5e5e5;border-radius: 20px;}
.about .history a:hover{background-color: #f8ba00;}
.about .history a.prev{left: -80px;background-position: 12px -55px;}
.about .history a.next{right: -80px;background-position: -88px -55px;}
.about .history a.prev:hover{background-position-x: -188px;}
.about .history a.next:hover{background-position-x: -288px;}
.about .history .timer{position: relative;overflow: hidden;width: 100%;height: 100%;}
.about .history ul{position: absolute;bottom: 180px;left: 0;height: 24px;padding: 0 120px;box-sizing: border-box;}
.about .history ul:before{position: absolute;bottom: 10px;left: 0;content: "";width: 100%;border-top: 3px solid #707070;}
.about .history ul li{position: relative;float: left;height: 100%;margin-right: 120px;}
.about .history ul li .picture{position: absolute;bottom: 60px;left: -81px;display: none;width: 163px;height: 122px;}
.about .history ul li .picture img{display: block;max-width: 100%;}
.about .history ul li .picture .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/history-pic-mask.png) no-repeat;}
.about .history ul li span{position: absolute;bottom: 20px;left: -15px;width: 30px;}
.about .history ul li i{position: absolute;width: 24px;height: 24px;top: 0;left: -12px;background-position: -265px -12px;cursor: pointer;}
.about .history ul li .text{position: absolute;top: 40px;display: none;width: 230px;margin-left: -115px;}
.about .history ul li .text p{line-height: 20px;margin-bottom: 14px;padding-left: 6px;border-left: 1px solid #ffba00;}
.about .history ul li.active span{bottom: 32px;left: -81px;width: 163px;font-size: 26px;color: #26575b;text-align: center;}
.about .history ul li.active span:after{position: absolute;top: 24px;left: 81px;content: "";height: 12px;border-right: 1px solid #26575b;}
.about .history ul li.active i{background-position: -314px -13px;}
.about .history ul li.active .picture,
.about .history ul li.active .text{display: block;}

.about .advantage strong{display: block;line-height: 22px;margin: 20px 0 10px;font-weight: bold;color: #000;}
.about .advantage strong em{position: relative;padding-right: 24px;vertical-align: -2px;font-weight: normal;font-size: 24px;color: #222;}
.about .advantage strong em:after{position: absolute;top: 0;right: 0;content: "";width: 22px;height: 22px;background-position: -13px -114px;}
.about .advantage p{line-height: 24px;font-size: 14px;}

.about .culture ul li{margin-top: 40px;overflow: hidden;}
.about .culture ul li span{display: block;margin: 15px 0;font-size: 14px;}
.about .culture ul li span em{font-size: 24px;color: #000;margin-right: 8px;}
.about .culture ul li p{font-size: 14px;line-height: 20px;}

/* 新闻中心 */
.news .module{padding-top: 0;}
.news ul li{padding: 30px 0 40px;overflow: hidden;border-bottom: 1px dashed #eee;}
.news ul li .text{float: left;width: 435px;height: 142px;padding: 0 40px 0 20px;background: #f7f7f7;}
.news ul li .text h3{line-height: 44px;font-weight: bold;font-size: 18px;color: #333;}
.news ul li .text p{line-height: 20px;font-size: 14px;}
.news ul li .text a{display: block;width: 70px;line-height: 20px;margin-top: 20px;border: 1px solid #777;color: #333;text-align: center;}
.news ul li .text a:hover{background: #26575b;border-color: #26575b;color: #fff;}
.news ul li .date{float: left;width: 142px;height: 142px;background: #26575b;font-size: 18px;font-family: "Microsoft YaHei";color: #fff;text-align: center;}
.news ul li .date em{display: block;margin: 25px 0 0;font-weight: bold;font-size: 42px;}
.news ul li img{float: left;width: 198px;height: 142px;}
.news .more{display: block;font: 48px/90px "Microsoft YaHei";color: #fff;background: #e5e5e5;text-align: center;margin-top: 20px;}

.news-detail h2{margin-bottom: 15px;font-weight: bold;font-size: 24px;color: #777;text-align: center;}
.news-detail .prop{margin-bottom: 35px;font-size: 14px;text-align: center;}
.news-detail .prop em{display: inline-block;width: 40px;}
.news-detail .summary{line-height: 24px;font-size: 14px;margin-bottom: 30px;padding: 25px;background: #f5f5f5;text-indent: 2em;}
.news-detail img{max-width: 100%;}
.news-detail p{line-height: 24px;margin-top: 10px;font-size: 14px;text-indent: 2em;}

/* 联系我们 */
.contact-us .map{width: 837px;height: 348px;margin-top: 35px;border: none;}
.contact-us p{font-size: 16px;line-height: 40px;}
.contact-us p em{display: inline-block;width: 65px;}