/*2017-11-27*/

.header{height: 84px;}

.header .inner{position: relative;}

.header .logo{margin: 23px 0 0;}

.header .right ul{padding: 0 77px 0 0;}

.header .right ul>li{float: left;}

.header .right ul>li.line{width: 10px;height: 1px;background-color: #999;margin: 43px 15px 0;}

.header .right ul>li>a{font-size: 16px;color: #3c3c3c;line-height: 84px;}

.hover{position: relative;}

.hover:before{content: '';width: 15px;height: 13px;background: url("../files/h-logo_03.png") no-repeat 0;position: absolute;left: 0;bottom: 0;right: 0;margin: auto;}

.header .right ul>li.bg>a{color: #51ad33;}

.header .right ul>li:hover>a{color: #51ad33;}

.data-show{position: absolute;left: 0;top: 84px;background-color: #7590a7;padding: 20px 8%;z-index: 600;width: 100%;color: #fff;display: none;}

.data-show .data-l{position: relative;width: 546px;}

.data-show .data-l:before{content: '';width: 1px;position: absolute;top: 13px;right: 0;}

.data-show dl{margin-right: 40px;float: left;text-align: center;}

.data-show dl:nth-last-child(1){margin-right: 50px;}

.data-show dl dt{min-width:52px;padding: 0 0 3px;position: relative;margin: 0 0 10px;}

.data-show dl dt:before{content: '';width: 100%;height: 1px;background-color: #acbcca;position: absolute;left: 0;bottom: 0;}

.data-show a{font-size: 13px;line-height: 25px;color: #fff;}

.data-show a:hover{color: #DEFCC8;}

.data-show .data-r{width: 460px;padding-left: 50px;border-left:1px solid #acbcca;}

.data-show .data-r .data-r-t{font-size: 16px;margin: 0 0 10px;}

.data-pro{padding: 0;}

.data-box{width: 20%;position: relative;padding: 30px 28px;float: left;min-height: 268px;}

.data-box:before{content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background-color: #acbcca;}

.data-box:nth-last-child(1):before{display: none;}

.data-box>.table{height: 50px;width: 100%;text-align: center;}

.data-box>.table .cell i{font-size: 16px;line-height: 20px;display: block;text-align: center;}

.data-box>.table .cell img{height: 100%;width: 92px;}

.data-box span{height: 50px;width: 100%;float: none !important;margin-top: 14px;}

.data-box ol{height: 168px;overflow-y: auto;}

/*2018-1-2*/

.data-box>.table a img{float: none !important;}

/*定义滚动条轨道*/

.data-box ol::-webkit-scrollbar-track{background-color: #516d85;border-radius: 50px;}

/*定义滚动条高宽及背景*/

.data-box ol::-webkit-scrollbar{width: 8px;background-color: transparent;}

/*定义滚动条*/

.data-box ol::-webkit-scrollbar-thumb{background-color: #88a5bf; border-radius: 20px;}

.data-box ol li a{line-height: 28px;position: relative;padding-left: 12px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.data-box ol li a:before{content: '';width: 3px;height: 3px;background-color: #fff;position: absolute;left: 0;top: 12px;}

.header .language{margin: 28px 0 0;}

.header .language a{float: left;width: 32px;height: 31px;text-align: center;line-height: 31px;color: #fff;margin-right: 3px;border-radius: 2px;}

.header .language a:hover{text-decoration: underline;}

.header .language a:nth-last-child(1){margin: 0;}

.header .language a.china{background-color: #0058a0;}

.header .language a.eng{background-color: #51ad33;}

.header .language a.fan{background-color: #c3000a;}

.header .language input{width: 250px;height: 50px;line-height: 50px;padding: 0 15px;color: #fff;background-color: rgba(0,0,0,0.7);position: absolute;right: 0;top: 84px;z-index: 1000;display: none;}

.navList{width: 36px;margin: 29px 0 0;cursor: pointer;display: none;}

.navList span{height: 3px;background-color: #005bac;margin: 0 0 8px 0;display: block;transition: all 0.5s;}

.navList span:nth-last-child(1){margin: 0;}

.smallUl{background-color: #7590a7;z-index: 1000;width: 100%;left: 0;right: 0;margin: auto;position: absolute;top: 84px;display: none;}

.smallUl a{color: #fff;line-height: 50px;}

.smallUl>li{text-align: left;border-bottom: 1px solid rgba(255,255,255,0.5);}

.smallUl>li:nth-last-child(1){border-bottom: none;}

.smallUl>li>a{padding: 0 4%;font-size: 16px;}

.smallUl>li>a i{font-size: 20px;margin: 14px 0 0;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}

.smallUl>li>a i.rotate{transform: rotate(90deg);margin: 16px 0 0;}

.smallUl>li ol{border-top: 1px solid rgba(255,255,255,0.5);display: none;}

/*.smallUl>li ol li{border-bottom: 1px solid rgba(255,255,255,0.5);}*/

.smallUl>li ol li dl{background-color: #8ba3b7;padding: 10px 0;display: none;}

.smallUl>li ol .three a{font-size: 13px;color: #fff;line-height: 22px;padding: 0 15%;position: relative;}

.smallUl>li ol .three a:before{content: '';width: 3px;height: 3px;background-color: #fff;position: absolute;left: 48px;top: 11px;}

.smallUl>li ol li:nth-last-child(1){border: none;}

.smallUl>li ol li a{padding: 0 9%;}

.smallUl>li ol li a i{margin: 16px 0 0;transition: all .3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}

.smallUl>li ol li a i.rotate2{transform: rotate(90deg);}



.banner{height: 574px;width: 100%; position: relative;}

.banner .swiper-container{height: 574px; position: relative;}

.banner .swiper-slide{width: 100% !important; overflow: hidden;}

.banner .img1{position: absolute; width: 1920px; left: 50%; margin-left: -960px;height:574px;}

.banner .img2{display: none;width: 100%;}

.banner .swiper-pagination-bullet{background: #fff;opacity: 1;width: 12px;height: 12px;}

.banner .swiper-pagination-bullet-active{background: #51ad33 !important;}

.baseArrow img{width: 28px;height: 50px;position: absolute;top: 0;bottom: 0;margin: auto;}

.banner .swiper-button-prev img{left: 30px;}

.banner .swiper-button-next img{right: 30px;left: auto;}

.banner2{height: 445px;width: 100%; position: relative;overflow: hidden;}

.banner2 .img1{position: absolute; width: 1920px; left: 50%; margin-left: -960px;height:445px;}

.banner2 .img2{display: none;width: 100%;}

.baseTitle{text-align: center;}

.baseTitle h3{font-size: 31px;line-height: 31px;position: relative;display: inline-block;margin: 0 0 3px;}

.baseTitle h3:before{content: '';width: 145px;height: 16px;background: url("../files/base_03.png") no-repeat 0;position: absolute;left: -156px;top: 8px;}

.baseTitle h3:after{content: '';width: 145px;height: 16px;background: url("../files/base_05.png") no-repeat 0;position: absolute;right: -156px;top: 8px;}

.baseTitle p{color: #c7c4c4;}

.product{padding: 53px 0 70px;}

.product .bot{margin: 20px 0 0;position: relative;}

.product .bot .swiper-button-prev{left: -57px;}

.product .bot .swiper-button-next{right: -57px;}

.product .swiper-slide{text-align: center;width:282px;float: left;padding: 1px;}

.product .swiper-slide .top{height: 189px;overflow: hidden;background-color: #7590a7;position: relative;}

.product .swiper-slide .top img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;max-width: 100%;width: 84%;}

.product .swiper-slide .slideBot{padding: 19px 20px 0;border: 1px solid #dfdfdf;border-top: none;min-height: 179px;}

.product .swiper-slide .title{text-transform: uppercase;}

.product .swiper-slide .text{line-height: 20px;margin: 4px 0 20px;height: 40px;overflow: hidden;}

.product .swiper-slide .more{background: transparent url("") no-repeat center;height: 28px;line-height:28px;display: inline-block;width: 72px;}

.product .swiper-slide .more:hover{background: #0058a0 url("") no-repeat center;color:#fff;}

.jie{background: url("../files/jieBg_02.jpg") no-repeat center top;padding: 50px 0;background-size: cover;}

.jie .baseTitle h3:before{content: '';width: 145px;height: 16px;background: url("../files/jie-bg_03.png") no-repeat 0;}

.jie .baseTitle h3:after{content: '';width: 145px;height: 16px;background: url("../files/jie-bg_05.png") no-repeat 0;}

.jie .baseTitle p{color: #88c9ff;}

.jieUl{margin: 34px 0 39px;}

.jieUl li{color: #fff;width: 50%;}

.jieUl li:nth-of-type(odd){padding-right: 58px;float: left;position: relative;}

.jieUl li:nth-of-type(even){padding-left: 55px;float: right;}

.jieUl li:nth-of-type(even) .line{display: none;}

.jieUl li:nth-of-type(odd) .line{width: 1px;background-color: #337ab3;position: absolute;right: 0;top: 0;}

.jieUl li .li-con{border-bottom: 1px solid #3379af;padding-bottom: 24px;}

.jieUl li a{color: #fff;}

.jieUl li .left{width: 114px;height:128px;background: url("../files/jieUl_03.png") no-repeat center;position: relative;}

.jieUl li .right{padding: 19px 0 0 20px;}

.jieUl li .right .text{line-height: 24px;margin: 14px 0 0;height: 48px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.jieUl li:nth-last-child(1) .li-con,.jieUl li:nth-last-child(2) .li-con{padding-top: 24px;padding-bottom: 0;border: none;}

.more{text-align: center;line-height: 0;}

.more a{display: inline-block;padding: 0 40px;border: 1px solid #3379b3;line-height: 41px;background-color: #0058a0;}

.company{padding: 55px 0 50px;}

.company .inner{text-align: center;}

.company .text{margin: 17px 0 38px;}

.company .inner img{max-width: 100%;}

.company .more{margin: 38px 0 0;}

.company .more a{background-color: transparent;border-color: #d1d1d1;}

.you{padding: 40px 0;}

.you .bot{margin: 39px 0 0;position: relative;}

.you .bot .swiper-wrapper{padding-left: 1px;}

.you .bot .swiper-slide{padding: 1px;}

.you .bot .swiper-slide img{border: 1px solid #dfdfdf;width: 100%;}

.you .bot .swiper-slide img:hover{border-color: #0058a0;}

.you .bot .baseArrow{display: none;}

.you .bot .baseArrow img{width: 20px;height: 35px;}

.you .bot .swiper-button-prev{left: -50px;}

.you .bot .swiper-button-next{right: -50px;}

@font-face {font-family: "MyriadPro Regular";src: url("../fonts/MyriadPro Regular.woff2") format("woff2"),

url("../fonts/MyriadPro Regular.eot") format("embedded-opentype"),url("../fonts/MyriadPro Regular.svg") format("svg");font-weight: normal;font-style: normal;}

.footer{color: #fff;background-color: #262626;}

.footer .top{min-height: 266px;padding: 37px 0 0;}

.footer .top .left{width: 70%;}

.footer .top p{font-size: 13px;}

.footer .top .title{font-family: "MyriadPro Regular";font-size: 45px;line-height: 45px;margin: 8px 0 15px;}

.footer .top p span{margin: 0 40px;}

.footer .top ul{margin:18px 0 0 4px;}

.footer .top ul li{width: 35px;float: left;margin-right: 20px;}

.footer .top ul li a{height: 35px;background-color: #fff;border-radius: 50%;text-align: center;line-height: 35px;}

.footer .top ul li a i{font-size: 17px;color: #2d2d2d;}

.footer .top ul li a img{vertical-align: middle;}

.footer .top ul li a:hover i{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);}

.footer .top ul li a:hover img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);}

.footer .wei-bo{padding-top: 24px;}

.footer .top .wei{margin-right: 30px;text-align: center;}

.footer .top .wei:nth-last-child(1){margin-right: 0;}

.footer .bot{line-height: 55px;background-color: #1d1d1d;}

.rightTop{position: fixed;right: 80px;top: 0;bottom: 0;margin: auto;z-index: 9999;height: 157px;}

.rightTop ul li{margin: 0 0 5px;position: relative;}

.rightTop ul li a{width: 47px;height: 49px;background-color: #0b77be;line-height: 49px;text-align: center;}

.rightTop ul li a.top{background-color: #51ad33;}

.rightTop ul li a:hover{background-color: #51ad33;}

.rightTop ul li a img{vertical-align: middle;}

.rightTop ul li .box{position: absolute;right: 47px;top: 0;width: 0;height: 49px;line-height: 49px;text-align: center;font-size: 18px;color: #fff;transition: all 0.3s;background-color: #51ad33;overflow: hidden;}

.rightTop ul li:hover .box{width: 150px;}

.rightTop ul li .bo{position: absolute;right: 47px;top: 0;width: 0;height: 0;transition: all 0.3s;overflow: hidden;}

.rightTop ul li .bo img{width: 120px;height: 120px;border: 1px solid #f98000;}

.rightTop ul li:hover .bo{width: 120px;height: 120px;}

.proMsg{padding: 20px 0 15px;}

.proMsg .inner>.left{width: 270px;}

.proMsg .inner>.left>.title{line-height: 60px;padding: 0 29px;}

.proMsg .inner>.left ul{border: 1px solid #dfdfdf;border-top: none;padding: 0 0 120px;}

.proMsg .inner>.left ul li{border-bottom: 1px solid #dfdfdf;}

.proMsg .inner>.left ul li>a{font-size: 16px;color: #3c3c3c;line-height: 26px;padding: 12px 23px 12px 30px;position: relative;}

.proMsg .inner>.left ul li>a i{display: block;width: 19px;height: 19px;background: url("../files/jiah.png") no-repeat right center;background-size: 19px 19px;position: absolute;right: 20px;top: 0;bottom: 0;margin: auto;}



.proMsg .inner>.left ul li:hover a{color: #fff;background: #51ad33; margin: 0 -1px}

.proMsg .inner>.left ul li:hover a i{background: url("../files/jiah-1.png") no-repeat right center;right: 21px;}

.proMsg .inner>.left ul li.bg a{color: #fff;background: #51ad33;margin: 0 -1px;}

.proMsg .inner>.left ul li.bg a i{background: url("../files/jhao-1.png") no-repeat right center;right: 21px;}

.proMsg .inner>.left ul li.bg1 a i{background: url("../files/jiah-1.png") no-repeat right center;right: 21px;}



.proMsg .inner>.left ul li.last{padding: 0 34px;border-bottom: none;}

.proMsg .inner>.left ul li.last>a{padding: 0 15px;position: relative;background: none;line-height: 30px;}

.proMsg .inner>.left ul li.last>a:before{content: '';width: 3px;height: 3px;background-color: #787979;position: absolute;left: 0;top: 14px;}

.proMsg .inner>.left ul li.last:hover>a{color: #51ad33;margin: 0;background: none;}

.proMsg .inner>.left ul li.last:hover>a:before{background-color: #51ad33;}

.proMsg .inner>.left ul li.last.bg2>a{color: #51ad33;margin: 0;background: none;}

.proMsg .inner>.left ul li.last.bg2>a:before{background-color: #51ad33;}

.proMsg .inner>.right{width: 910px;overflow:hidden;}

.msgTitle{padding: 15px 7px 9px 0;border-bottom: 1px solid #dfdfdf;}

.msgTitle .left{padding-left: 24px;position: relative;}

.msgTitle .left:before{content: '';width: 8px;height: 24px;background-color: #de000b;position: absolute;left: 4px;top: 3px;}

.msgTitle p a{display: inline-block;font-size: 13px;}

.msgTitle p a span{margin: 0 5px;}

.msgTitle p a:last-child{color: #0058a0;}

.msgTitle p a:hover{color: #0058a0;}

.msgUl{margin: 30px -11px 0;}

.msgUl li{width: 288px;float: left;margin: 0 11px 45px;}

.msgUl li .pic{height: 195px;background-color: #7590a7;position: relative;}

.msgUl li .pic img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;max-width: 100%;}

.msgUl li .title{margin: 12px 0 0;}

.msgUl li .text{line-height: 20px;margin: 3px 0 15px;height: 40px;overflow: hidden;}

.bastMore{width: 72px;height: 28px;color:#fff;background-color: #0058a0;text-align: center;line-height: 25px;}

.bastMore img{vertical-align: middle;}

.bastMore:hover{background-color: #51ad33;}

.page{text-align: center;padding: 10px 0 0;}

.page img{max-width: 100%;}

.msgBig{padding: 33px 0;}

.msgBig .left{width: 502px;}

/*放大镜*/

.product-fenlei{text-align:center;}

.jqzoom{position:relative;cursor:pointer;display:block;height: 341px;background-color: #7590a7;}

.jqzoom img{width: 100%;height: 100%;}/*padding: 0 4%;*/

.zoomdiv{z-index:100;position:absolute; top:0; left:0; width:800px; height:500px; background:#7590a7; display:none;text-align:center; overflow:hidden;}

.zoomdiv img{padding: 0 4%;}

.jqZoomPup{z-index:10; visibility:hidden; position:absolute; top:0; left:0; width:20px; height:20px; border:1px solid #777; background:#eee;opacity: 0.3; filter: alpha(Opacity=30); cursor:pointer;}

.spec-preview{height:341px;}

.spec-scroll{clear:both;margin: 6px 0 0;}

.spec-scroll .prev{background: url("../files/pro-prev_03.png") no-repeat center center;}

.spec-scroll .next{background: url("../files/pro-prev_05.png") no-repeat center center;}

.spec-scroll .prev,.spec-scroll .next{text-align:center; width:14px; height:74px; cursor:pointer;background-color: #727272;}

.spec-scroll .items{position:relative; height:74px; overflow:hidden;padding:0 6px;width: 474px;}

.spec-scroll .items ul{position:absolute; width:999999px;}

.spec-scroll .items ul li{float:left; width:110px; text-align:center;margin-right: 7px;height:74px;background-color: #7590a7;}

.spec-scroll .items ul li img{width:100%;cursor:pointer;height: 100%;}

.spec-scroll .items ul li:hover{border: 2px solid #0058a0;}

/*放大镜结束*/

.proIphone{display: none;}

.proIphone .swiper-slide{background-color: #7590a7;}

.proIphone .swiper-slide img{width: 100%;}

.msgBig .right{width: 372px;padding: 5px 0 0;}

.msgBig .right .title{padding: 0 0 10px;}

.msgBig .right .text{overflow-y: auto;}

.tabUl{border-bottom: 1px solid #51ad33;}

.tabUl li{float: left;width: 134px;margin: 0 2px -1px 0;}

.tabUl li a{line-height: 50px;background-color: #0058a0;font-size: 16px;color: #fff;text-align: center;}

.tabUl li.bg a{background-color: #51ad33;}

#content>div{padding: 24px 0;display: none;}

#content>div:nth-child(1){display: block;}

.content{padding: 25px 0;}

.content ul{margin: 0 -1%;}

.content ul li{float: left;width: 48%;margin: 0 1%;}

.content img{max-width: 100%;}

#content img{max-width: 100%;}

.news{padding: 25px 0;}

.newsUl{margin: 0 0 20px;}

.newsUl li{line-height: 35px;font-size: 15px;}

.newsUl li a{font-size: 15px;line-height: 35px;padding-left: 32px;position: relative;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;width: 700px;}

.newsUl li a:before{content: '';width: 4px;height: 4px;background-color: #737272;position: absolute;left: 9px;top: 15px;}

.newsUl li a:hover{color: #51ad33;}

.conTitle{text-align: center;padding: 30px 0 15px;margin: 20px 0 0;border-bottom: 1px solid #dfdfdf;}

.conTitle .title{font-size: 25px;line-height: 35px;}

.conTitle p{font-size: 13px;}

.conTitle p span{margin: 0 0 0 20px;}

.prev{padding: 15px 0;}

.prev a{font-size: 15px;color: #3c3c3c;}

.prev a:hover{color: #51ad33;}





.page{ /*margin: 2px 0 40px;*/

  text-align: center;

  color: #AAA;}

.page a,.page span{   display: inline-block;

  border: 1px solid #e2e2e2;

  margin: 0 2px;

  line-height: 24px;

  padding: 0 10px;

  color: #363636;

  -webkit-transition: all .6s;

  -moz-transition: all .6s;

  -ms-transition: all .6s;

  -o-transition: all .6s;

  transition: all .6s; }

.page span:not(span):hover,

.page a:not(span):hover,

.page span.at,

.page span {

  background-color: #52ad34;

  color: #FFFFFF;

}





.contact{padding: 30px 0;}

.contact .contact-l{width: 48%;}

.contact .contact-l p{line-height: 24px;margin: 0 0 10px;}

.contact .contact-r{width: 50%;}

.contact .contact-r .title{font-size: 20px;margin: 0 0 20px;}

.contact .contact-r input[type=text]{width: 100%;height: 40px;padding: 5px 10px;border: 1px solid #dfdfdf;margin: 0 0 10px;}

.contact .contact-r .name input[type=text]{width: 49%;}

.contact .contact-r textarea{height: 80px;padding: 5px 10px;border: 1px solid #dfdfdf;width: 100%;}

.contact .contact-r input[type=submit]{width: 82px;height: 40px;color: #fff;background-color: #0058a1;margin: 10px 0 0;font-size: 16px;}

.my-map {width: 100%; height: 400px; border: 1px solid #dfdfdf;margin: 40px 0 0;}

.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }

.my-map .icon-cir { height: 31px; width: 28px; }

.my-map .icon-cir-red { background-position: -11px -5px; }

.amap-container{height: 100%;}

.company .img2{display:none;width:100%;}

.you .swiper-wrapper{justify-content:center;-webkit-justify-content: center;}

@media screen and (max-width: 768px){

  .you .swiper-wrapper{justify-content:inherit;-webkit-justify-content: inherit;}





}

    .rightTop ul li:nth-child(2){display: none;}
/*2018-2-26*/

.msgBig .left .count{
	position: relative;
    margin: -30px 0 12px;
    text-align: right;
	color:#fff;
}
.count-right{background: url("../files/last-bg.png") no-repeat 0;width:70px;background-size:cover;text-align:center;height: 30px;}
.count-center{display:inline-block;}