@charset "utf-8";

*{margin: 0;padding: 0;border: 0;outline: none;

box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;

-ms-box-sizing: border-box; -moz-box-sizing: border-box;}

html {width: 100%; font-weight: normal;

	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;}

body{font-size: 14px;line-height: 1.6;background-color:#fff;

  font-family: 'Microsoft YaHei','STXihei','SimSun','Arial',sans-serif;}

ul,ul li,ol,li {list-style: none outside none;}

h1,h2,h3,h4,h5,h6,i,strong,em {font-weight: normal; font-style: normal;}

img {vertical-align: middle;border: none;}

input,select,option,label,th{vertical-align: middle;border: none}

a {text-decoration: none;color: inherit;}

a:hover {text-decoration: none;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}

.fr {float: right;}

.container{display: block;width:100%; max-width: 1200px; margin: 0 auto;}

.op{font-size: 16px;



color: #666;



margin: 30px auto;}

/*引导页***************************************************************************/

.indexbg{position: relative; top: 0; left: 0; right: 0; width: 100%; height: calc(100vh);

color: #fff; overflow: hidden;}

.indexbg .swiper-slide .banimg{height:100%; background-size:cover!important;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);

transition:3s;-o-transition:3s;-ms-transition:3s;-moz-transition:3s;-webkit-transition:3s;}

.indexbg .swiper-slide-active .banimg{-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

.indexbg .swiper-slide>span{position: absolute; right: 5%; top: 35%; width: 40%;}

.indexbg .swiper-slide>span:after{width: 70px; height: 5px; background: #fff; margin: 20px 0;

content: ""; display: block;}

.indexbg .swiper-slide>span>img{width: 100%;}

.indexbg .swiper-pagination-bullet {background:#fff; opacity:1;

border-radius:50%; width: 13px;height: 13px;}

.indexbg .swiper-pagination-bullet-active{background: #2fbfe3;}



.indexbg .swiper-button-next,.indexbg .swiper-button-prev{ height:34px; width:34px; margin-top:-17px;}

.indexbg .swiper-button-next{ background:url(../images/banright.png) no-repeat center center;}

.indexbg .swiper-button-prev{ background:url(../images/banleft.png) no-repeat center center;}



.indexbg .logo{width: 12%; position: absolute;top: 40px; left:40px; z-index:2;}

.indexbg .logo>a{display: block;}

.indexbg .logo>a>img{max-width: 100%}

.indexbg .tel{position: absolute;top:30px; right:75px; z-index:2;

 background: url(../images/sytel-bg.png) no-repeat left top; padding-left: 24px}

.indexbg .tel i{position: relative; cursor: pointer;display: inline-block;}

.indexbg .tel .lo{width: 25px;margin-left: 10px;}

.indexbg .tel i p>img{position: absolute; top: 25px; right: 0; max-width: 100px; display: none;}

.indexbg .tel i:hover p img{display: block;}

.symenu{/* display: table; */ z-index:2;

	position: absolute; left:0; right: 0; bottom: 10%;  margin:0 auto;width: 100%;



background:rgb(47, 191, 227,0.2);



padding: 20px 20%}

.symenu li{width: 14%; float: left; margin-right: 3.2%;font-size:18px; text-align: center;}

.symenu li:last-child{margin-right: 0}

.symenu li a{display: block;}

.symenu li i{width: 100%;height: 92px; display: block; margin:0 auto 15px auto; background-size: contain!important;

background-repeat: no-repeat!important; background-position: center center!important}

.symenu li i.i01{background: url(../images/sy-01.png);}

.symenu li:hover i.i01{background: url(../images/sy-01h.png);transform: scale(1.2);}

.symenu li i.i02{background: url(../images/sy-02.png);}

.symenu li:hover i.i02{background: url(../images/sy-02h.png);transform: scale(1.2);}

.symenu li i.i03{background: url(../images/sy-03.png);}

.symenu li:hover i.i03{background: url(../images/sy-03h.png);transform: scale(1.2);}

.symenu li i.i04{background: url(../images/sy-04.png);}

.symenu li:hover i.i04{background: url(../images/sy-04h.png);transform: scale(1.2);}

.symenu li i.i05{background: url(../images/sy-05.png);}

.symenu li:hover i.i05{background: url(../images/sy-05h.png);transform: scale(1.2);}

.symenu li i.i06{background: url(../images/sy-06.png);}

.symenu li:hover i.i06{background: url(../images/sy-06h.png);transform: scale(1.2);}

.indexbg .syfoot{position: absolute; bottom: 20px; left: 40px; z-index:2;

font-size: 14px;}







/*header*******************************************************************/

.hea{width: 100%; background: #fff;height: 90px; position: relative;}

.heabor{border-bottom: 1px solid #2377d7}

.hea h1>a{display: block; line-height: 90px}

.hea h1>a>img{width: 227px;}



/*.hea .sea{ margin-top: 30px; position: relative;}

.hea .sea .k{ padding: 0 10px;width: 220px;background: #2377d7;

height: 30px; line-height: 30px; color: #fff; display: none;

position: absolute; top: 30px; right: 0;}

.hea .sea .b{width: 33px;height: 33px; cursor: pointer;

background: #2377d7 url(../images/sea-bbg.png) no-repeat center center;}*/



/**/

.hea .sea{ margin-top: 30px;background: #fff;width:12%;position: relative;}

.hea .sea .k{padding: 0 10px;height: 33px; line-height: 30px; color: #fff;background:#2377d7;display: none;position: absolute;top:0;right:30;margin-left:24%;}

.hea .sea .b{width: 33px;height: 33px; cursor: pointer;

background: #2377d7 url(../images/sea-bbg.png) no-repeat center center;}

}



/**/



.hea .return{position: absolute; right: 0; top: 0;

 background:#2377d7 url(../images/zhuye.png) no-repeat center center;

 width: 90px; height: 100%}



.nav{display: table; width: 60%; margin-top: 30px;}

.nav ul{width: 100%; display: table;}

.nav li{float:left; font-size:16px;color: #666666;text-align: center;

margin-right: 7%}

.nav li:last-child{margin-right: 0}

.nav li.cur, .nav li:hover{color: #2377d7}

.nav li i{display: block;width: 0; height: 3px; background: #2377d7;

 margin: 0 auto;margin-top: 6px;}

.nav li.cur i, .nav li:hover i{width: 100%;}



/*abznav***************************************/

.znav{position: absolute; top:110px; left: 0; width:100%; background:rgba(255,255,255,1); border-top:1px solid #dcdcdc;

z-index:2000;color:#666666;padding: 2% 0; display: none}

.abznavl{width: 100%; display: table;}

.abznavl b{width: 42%;}

.abznavl b>a{display: block;}

.abznavl b>a>img{width: 100%;}

.abznavl figure{width: 54%;}

.abznavl figure span{display: block; font-size: 18px; color: #333333;}

.abznavl figure p{margin: 10px 0; line-height: 1.8; height: 70px; overflow: hidden;}

.abznavl figure p a{display: block; height: 100%}

.abznavl figure .more{display: block; color: #2377d7;}

.abznavl figure:hover span{color: #2377d7}

.abznavl figure p:hover{text-decoration: underline;}

.abznavl figure .more:hover{text-decoration: underline;}



.abznavy{width: 27%; display: table; display:none;}

.abznavy li{width: 46%; float: left; margin-left: 4%; height: 40px;line-height: 40px;

 margin-top: 10px; 

 background:#fff url(../images/znav-libg.png) no-repeat 95% center;}

.abznavy li>a{display: block; padding-left: 25px;

	background: url(../images/znav-abg.png) no-repeat 5% center;}

.abznavy li:hover{color: #fff; background:#2377d7 url(../images/znav-libgh.png) no-repeat 95% center;}

.abznavy li:hover>a{background-image: url(../images/znav-abgh.png)}



/*kyfwznav***************************************/

.kyfwznav{width: 100%;display: table;}

.kyfwznav li{display: inline-block; float: left; vertical-align: top;width: 14.2%;color: #666666;}

.kyfwznav li>span{display: block; font-size: 16px; color: #2377d7; margin-bottom: 10px}

.kyfwznav li>a{display: block; line-height: 26px; }

.kyfwznav li a:hover{text-decoration: underline;}

/*kyhzznav***************************************/

.kyhzznav li{width: 25%;}





/*jsznav***************************************/

.jsznav{width: 100%;display: table;}

.jsznav li{float: left; width: 18%;margin-right: 2%; color: #666666;}

.jsznav li img{width: 100%}

.jsznav li:last-child{margin-right: 0}

.jsznav li p{width: 100%; margin: 10px 0; text-align: center;}

.jsznav li:hover p{color:#2377d7; }













/*手机*/

.navbtn{display: none;}



/*ban***typemenu****************************************************************/

.ban{width: 100%; overflow: hidden;height: 372px;background-repeat: no-repeat;

 background-position: center; background-size: cover;}

.typemenu{ width:100%; height: 80px; line-height: 80px; background: #f3f3f3}

.typemenu ul{display: table; margin: 0 auto;}

.typemenu li{ float:left;text-align:center; font-size:16px;color:#666666;}

.typemenu li a{ display: block;padding:0 28px;}

.typemenu li:hover, .typemenu li.cur{background: #2377d7; color: #fff}







/****jianjie************************************************************************/

.ab-tit{width: 100%; text-align: center; font-size: 24px; color: #2377d7;

text-transform: uppercase; line-height: 1; margin:4% 0}

.ab-tit span{display: block;font-size: 30px;margin:2% auto; }

.ab-tit.bor{border-bottom: 1px solid #e6e6e6; padding-bottom: 2%}

.jianjie{color: #666666; line-height: 1.8;}

.jianjie img{max-width: 100%; height:auto !important; }

.jianjie h1,.jianjie h2,.jianjie h3,.jianjie h4,.jianjie h5,.jianjie h6,.jianjie strong{ font-weight: bold; }

.strength{display: block;background:#2377d7;overflow: hidden;

padding: 2% 0; margin:0 0 4% 0;}

.strength .item{position: relative;display: block;float: left;color: #fff;

	width: 33.33%;*width: 33.33%;text-align: center; background: url(../images/shuzi-libg.png) no-repeat right center;}

.strength .item:last-child{background:none;}

.strength .item1{-webkit-transition: 0.5s ease;-o-transition: 0.5s ease;transition: 0.5s ease;}

.strength .item2{-webkit-transition: 0.3s 0.5s ease;-o-transition: 0.3s 0.5s ease;transition: 0.3s 0.5s ease;}

.strength .item3{-webkit-transition: 0.6s 0.5s ease;-o-transition: 0.6s 0.5s ease;transition: 0.6s 0.5s ease;}

.strength .item4{-webkit-transition: 0.9s 0.5s ease;-o-transition: 0.9s 0.5s ease;transition: 0.9s 0.5s ease;}

.strength .show .item{opacity: 1;filter:alpha(opacity=100);}

.strength .item .num{position: relative;display: inline-block;line-height: 1;

	font-size: 0; }

.strength .item .num.year-num{margin-left: 0}

.strength .item .num .num-item{display: inline-block;*display: inline;*zoom:1; 

height: 80px;font-size: 80px; overflow: hidden;}

.strength .item .num .num-item span{display: block;height: 80px;padding: 0 1px; font-family:Arial;}

.strength .item p{margin-top: 10px; font-size: 18px;}

.strength .item .num:after{content: ""; display: block; width: 100%; height: 3px; top:45%;

position: absolute;background: #2377d7}



.danwei{width: 100%; margin-bottom: 4%; position: relative;}

.danweiscroll{width: 90%;display: block;margin: 0 auto;}

.danwei .swiper-slide{width: 15%; background: #f4f4f4; height: 100px;

display: flex; align-items: center; justify-content: center;}

.danwei .danwei-prev, .danwei .danwei-next{background: none;

width: auto; height: auto; margin-top: -15px}

.danwei .danwei-prev{left: 0}

.danwei .danwei-next{right: 0}



/*abnews***/

.abnews{width: 100%; display:table; margin-top: 4%}

.abnews li{width:100%; padding-bottom:20px; float: left; margin-bottom:20px;

 border-bottom: 1px dashed #cfcfcf;}

.abnews li a{display: block; height: 100%;}

.abnews li figure{width:21%; height: 170px; overflow: hidden;}

.abnews li figure img{ height: 100%; min-width: 100%}

.abnews li .abnewsy{width:76%;}

.abnewsy h6{font-size: 18px; color: #2377d7; display: block;

height: 25px; overflow: hidden;}

.abnewsy span{ color: #515567; display: block;margin: 8px 0}

.abnewsy p{color: #515567; line-height: 24px;margin-bottom: 20px;

height: 48px; overflow: hidden;}

.abnewsy .more{color: #666666; display: inline-block; padding: 4px 30px;

 border: 1px solid #cfcfcf;}

.abnews li figure:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);

-o-transform: scale(1.2);-ms-transform: scale(1.2); -moz-transform: scale(1.2);}

.abnews li .more:hover{border: 1px solid #2377d7; background: #2377d7; color: #fff}



.fenye{width: 100%; display: inline-block; margin:4% 0; text-align:center;}

.fenye a{ color:#666666; border:1px solid #eeeeed; padding:5px 11px;}

.fenye a:hover{color:#fff;background: #2377d7}

.fenye span{color:#fff;background: #2377d7; border:1px solid #2377d7; padding:5px 11px;}

.fenye.bor{border-top: 1px solid #e6e6e6; padding-top: 2%}



.neirong{width: 100%; overflow: hidden; font-size:14px; color: #666666;

line-height: 2; }

.neirong p{width: 100%; overflow: hidden; font-size:14px; color: #666666;

line-height: 2;}

.neirong img{width: auto; max-width: 100%}

.neirong-t{width: 100%;border-bottom: 1px solid #e6e6e6; padding-bottom:2%;

margin: 1% 0;text-align: center; }

.neirong-t>h1{font-size: 24px; color: #2377d7;}

.neirong-t>i{color: #999999; display: block;}





.neirongs{width: 78%; float:right;overflow: hidden; font-size:14px; color: #666666;

line-height: 2; }

.neirongs p{width: 100%; overflow: hidden; font-size:14px; color: #666666;

line-height: 2;}

.neirongs img{width: auto; max-width: 100%}



.artpage{width: 100%;font-size: 14px; color: #666666; display: table;padding-top: 2%;

border-top: 1px solid #e6e6e6; margin: 4% 0}

.artpage a{display: block; margin-bottom: 5px}

.artpage a:hover{color: #2377d7; text-decoration: underline;}



.share{float: right; display: table;}

.share>span{float: left;}

.share .bdshare-button-style0-16{display: table;}





/*join***************/

.jointu2{max-width: 55%; margin: 0 auto}

.huod{width: 100%;position: relative;}

.huodscroll{width: 90%;display: block;margin: 0 auto;}

.huod .swiper-slide{width: 18.1%;}

.huod .swiper-slide img{max-width: 100%}

.huod .huod-prev, .huod .huod-next{background: none;

width: auto; height: auto; margin-top: -15px}

.huod .huod-prev{left: 0}

.huod .huod-next{right: 0}



.joinxia{width: 100%; display: table;border: 1px solid #e6e6e6; border-right: 0;

	margin-bottom: 4%}

.joinxia li{width: 50%; float: left; border-bottom: 1px solid #e6e6e6; text-align: center;}

.joinxia li span{color: #666666; float: left; 

	border-right: 1px solid #e6e6e6; height: 50px;

display: flex; align-items: center; justify-content: center;}

.joinxia li .s1{width: 30%;}

.joinxia li .s2{width: 70%;}

.joinxia .uio{padding: 2%; line-height: 1.8}

.joinxia .uio i{color: #2377d7; display: block;}

.joinxia .shen{background: #2377d7; border-radius: 5px; font-size: 18px;

padding: 10px 8%; display: inline-block; margin: 20px; color: #fff;}

/*.joinxia .shen:hover{box-shadow: 0px 0px 15px #999}*/



/*contact*********/

.contact{width: 100%; position: relative; margin-bottom:4% }

.contactul{width: 320px; border-radius: 8px; overflow: hidden; /*display: table;*/  position: absolute; top: 10%;

left: 0; right: 0;margin: 0 auto; z-index: 10}

.contactul li{width: 160px;height: 50px; line-height: 50px; text-align: center;

font-size: 16px; background: #2377d7; color: #fff; border-right: 1px solid #fff;

float: left; cursor: pointer;}

.contactul li a{display: block;}

.contactul li.cur{background: #f54336}

.contactcon>div{height: 600px!important; width: 100%;}







/*zhao*/

.zhao{width: 100%; margin-top:4% }

.zhao p{width: 100%; font-size: 14px; color: #666666; line-height: 2; margin-bottom: 4%}

.zhao span{display:block; width: 140px; height: 40px; line-height: 40px; 

font-size: 18px; color: #fff; text-align: center; background:#2377d7;

margin-bottom: 2%;}

/*zizhi****************************************************************************/

.zizhi{width: 100%; display: table; margin-bottom: 4%}

.zizhi li{width: 33.33%;margin-bottom: 2%;padding: 0 1.5%; float: left;text-align: center;}

.zizhi li a{display: block;}

.zizhi li img{width: 100%;height:240px}

.zizhi li span{display: block; font-size: 16px; color: #666666; margin-top: 20px;}

.zizhi li:hover{transform: translateY(-5px); -webkit-transform: translateY(-5px);

-o-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px);}

#mbOverlay { position:fixed; z-index:98; top:0; left:0; width:100%; height:100%;

 background:rgba(0,0,0,0.8); cursor:pointer; }

#mbCenter{ height:auto; position:absolute; z-index:99; }

#mbNumber{display: none}

#mbCloseLink{display: none}





/*product***************************************************************************/

.brand{width: 100%;position: relative; margin-bottom: 4%; padding-top: 5px}

.brandscroll{width: 90%;display: block;margin: 0 auto;}

.brand .swiper-slide{width: 18.1%; padding-top:10px}

.brand .swiper-slide figure{background: #fff; border: 1px solid #e0e0e0; 

	box-shadow: 6px 6px 0px #e7e6e4;height: 85px; text-align: center;}

.brand .swiper-slide figure img{max-width: 100%}

.brand .swiper-slide figure b{font-size: 18px; color: #97bd38; text-align: center; display: block;}

.brand .swiper-slide p{ color: #666666; margin-top:30px;height: 66px; overflow: hidden;}

.brand .swiper-slide p a{display: block; height: 100%}

.brand .brand-prev, .brand .brand-next{background: none;

width: auto; height: auto; margin-top: -15px}

.brand .brand-prev{left: 0}

.brand .brand-next{right: 0}

.brand .swiper-slide:hover figure{transform: translateY(-10px);}



.prom{width: 100%; display: table;}

.prom li{width: 17%; height: 55px; line-height: 55px; background: #8e949a; border-radius: 5px 5px 0 0;

font-size: 18px; color: #fff; float: left; text-align: center; margin-right: 10px;

cursor: pointer;}

.prom li>img{margin-right: 5px;}

.prom li.cur{background: #2377d7}



.prosea{width: 100%; background: #2377d7; padding: 20px 0; color: #2377d7}

.prosea span{width:16%; background: #fff; font-size: 18px; border-radius: 5px;

height: 40px; line-height: 40px; text-align: center; margin-right: 2%}

.prosea .k{width:22%; background: #fff; font-size: 14px;

height: 40px; line-height: 40px; padding:0 15px;color: #2377d7; margin-right: 1.3%;}

.prosea .b{width:11%; background: #fff; font-size: 18px;

height: 40px; line-height: 40px; text-align: center;color: #2377d7}

.prosea .k::-webkit-input-placeholder { color:#2377d7;}

.prosea .k:-moz-placeholder  { color:#2377d7;}

.prosea .k::-moz-placeholder  { color:#2377d7;}

.prosea .k:-ms-input-placeholder  { color:#2377d7;}



.protable{text-align: center;color: #666666;}

.protable li{border-bottom: 1px solid #e6e6e6;}

.protable li span{ width: 11%;display: inline-block;padding: 20px 0}

.protable li.biao>span{background: #f0f0f0; color: #005fcc; border-right: 1px solid #fff;}

.protable li span.se{ color:#2377d7;}

.protable li span.dk{width: 22%;}

.protable li span>a{display: inline;}

.protable li span>a:hover{text-decoration: underline;}





/*kyfuwu**********************************************************************************/

.kyfuwu{width: 100%; display:table; margin: 4% 0}

.kyfuwu li{width:100%; padding-bottom:2%; margin-bottom: 2%; float: left;color: #666666; border-bottom: 1px solid #e6e6e6}

.kyfuwu li figure{width:21%; height: 160px; background: #f3f3f3; overflow: hidden;

	display: flex; align-items: center; justify-content: center;}

.kyfuwu li figure img{max-width: 117px;}

.kyfuwu li .kyfuwuy{width:75%;}

.kyfuwu li .kyfuwuy span{font-size: 17px;  display: block;color: #2377d7}

.kyfuwu li .kyfuwuy span:after{width: 70px; height: 2px; background: #2377d7;

margin: 10px 0; content: ""; display: block;}

.kyfuwu li .kyfuwuy .kyky{line-height: 1.8; margin-bottom: 20px;

/*height: 48px;*/ overflow: hidden;}

.kyfuwu li .kyfuwuy .kyky strong{font-weight:bolder;}

/*.kyfuwu li .kyfuwuy .kyky a{height: 100%; display: block;}*/

.kyky  a:hover{color: #2377d7}

.kyfuwu li .kyfuwuy .more{display: inline-block; padding:5px 30px;

 border: 1px solid #d4d4d4;}

.kyfuwu li:hover figure img{transform: scale(0.85);-webkit-transform: scale(0.85);

-o-transform: scale(0.85);-ms-transform: scale(0.85);-moz-transform: scale(0.85);}

.kyfuwu li .more:hover{border: 1px solid #2377d7; background: #2377d7; color: #fff}

.kyfuwu li:hover span:after{width: 50%;}



/*kyfuwulist*/

.kyfwlist{width: 100%; display: table; margin: 2% auto}

.kyfwlistz{width: 20%; display: table; margin-bottom: 4%}

.kyfwlistz>span{width: 100%; display: block;background: #2377d7;

	font-size: 28px; color: #fff;text-align: center; margin-bottom: 20px; padding:40px 0;}

.kyfwlistz li{width: 100%; float: left; font-size: 16px; color: #666666;

border-bottom: 1px solid #dfdfdf; padding: 10px 0;}

.kyfwlistz li span{display: block; padding: 8px 0 8px 30px; cursor: pointer;}

.kyfwlistz li.cur span{background: #2377d7; color: #fff;}

.kyfwlistz li p{padding: 20px; width: 100%;  display: none;}

.kyfwlistz li p>a{width: 100%; display: block;line-height: 28px; padding-left: 10px;

background: url(../images/znav-abg.png) no-repeat 0 center;}



.kyfwlistz li p>a.cur, .kyfwlistz li p>a:hover{color: #2377d7;

background-image: url(../images/kyfwlistz-liabg.png);}

/***/

/*kyfuwulist*/

.kyfwlistsheng{width: 100%; display: table; margin: 2% auto}

.kyfwlistzsheng{width: 20%; display: table; margin-bottom: 4%}

.kyfwlistzsheng>span{width: 100%; display: block;background: #2377d7;

	font-size: 28px; color: #fff;text-align: center; margin-bottom: 20px; padding:40px 0;}

.kyfwlistzsheng li{width: 100%; float: left; font-size: 16px; color: #666666;

border-bottom: 1px solid #dfdfdf; padding: 10px 0;}

.kyfwlistzsheng li span{display: block; padding: 8px 0 8px 30px; cursor: pointer;}

.kyfwlistzsheng li.cur span{background: #2377d7; color: #fff;}

.kyfwlistzsheng li p{padding: 20px; width: 100%;  display: none;}

.kyfwlistzsheng li p>a{width: 100%; display: block;line-height: 28px; padding-left: 10px;

background: url(../images/znav-abg.png) no-repeat 0 center;}



.kyfwlistzsheng li p>a.cur, .kyfwlistzsheng li p>a:hover{color: #2377d7;

background-image: url(../images/kyfwlistz-liabg.png);}

/*右侧 不同于  kyfuwu*/

.kyfwlisty{width: 100%; display:table; margin: 4% 0}

.kyfwlisty li{width:100%; padding-bottom:2%; margin-bottom: 2%; float: left;color: #666666; border-bottom: 1px solid #e6e6e6}

.kyfwlisty li figure{width:28%; height: 160px; overflow: hidden;}

.kyfwlisty li figure img{min-width: 100%; height:100%}

.kyfwlisty li .kyfuwuy{width:68%;}

.kyfwlisty li .kyfuwuy span{font-size: 18px;  display: block;color:#2377d7;}

.kyfwlisty li .kyfuwuy span:after{width: 70px; height: 2px; background: #2377d7;

margin: 10px 0; content: ""; display: block;}

.kyfwlisty li .kyfuwuy .kyky{line-height: 1.8; margin-bottom: 20px;

height: 48px; overflow: hidden;}

.kyfwlisty li a{height: 100%; display: block;}

.kyfwlisty li .kyfuwuy .more{display: inline-block; padding:5px 30px;

 border: 1px solid #d4d4d4;}

.kyfwlisty li .more:hover{border: 1px solid #2377d7; background: #2377d7; color: #fff}

.kyfwlisty li:hover span:after{width: 50%;}



.you{width: 75%; display: table;margin: 0}



/*科研合作 用 科研服务 和neirong*/





/*jsnews**********************************************************************************/

.jsnews{width: 100%; display: table; margin-top: 4%}

.jsnews li{width: 100%; float: left; color: #666666; line-height: 32px;

background: url(../images/jsnews-libg.jpg) no-repeat left center;

padding-left: 25px; margin-bottom: 5px; height: 32px; overflow:hidden;}

.jsnews li span{float: right;}

.jsnews li:hover {text-decoration: underline; color: #2377d7}



/*jsdown*/

.jsdown{width: 100%; display: table; margin-top: 4%}

.jsdown li{width: 100%; float: left; color: #666666;

padding:20px 25px;border-bottom: 1px solid #dfdfdf;}

.jsdown li figure{width: 80%;}

.jsdown li figure>span{display: block;}

.jsdown li figure>p{color: #adadad;}

.jsdown li .more{color: #fff; padding:6px 40px 6px 15px; margin-top: 6px;

 background:#2377d7 url(../images/down-bg.png) no-repeat 94% center;}

.jsdown li:hover{background: #2377d7; color: #fff}

.jsdown li:hover figure>p{color: #fff;}

.jsdown li:hover .more{ background-color: #0055b7}





/*jsfan*/

.jsfan{width: 53%; display: table; margin: 4% auto}

.jsfan p{width: 100%;color: #666666; margin-bottom:20px; line-height: 40px;

display:table;}

.jsfan p span{ width:29%;

text-align: right; margin-right: 3%; float: left;}

.jsfan p .k{width:68%; height:40px;line-height:40px; padding: 0 10px; float: left;

border: 1px solid #e3e1e1;background: #fff}

.jsfan p .xk{width: 30%; margin-right:5px; }

.jsfan p .hk{height: 130px; line-height: 24px;}

.jsfan p select option{border: 1px solid #e3e1e1;}

.jsfan .b{ margin-left:28%; background: #2377d7; width:40%; height: 45px; line-height: 45px;

font-size:18px; color: #fff; text-align: center; border: none; cursor: pointer; border-radius:5px;

margin-top: 2%}











.hide{display: none}

img, .symenu li i, .nav li i,

.znavy li, .joinxia ul .shen, .abnews li .more, 

.brand .swiper-slide figure, .kyfuwuy span:after, .kyfuwu li .more, .zizhi li, 

.jsdown li{transition: all .5s;-webkit-transition: all .5s;

-o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s;}







/*procon***********************************************************************/

.zuo{ width:19%; display: table; margin-bottom: 4%;}

.zuo b{display: block; font-size: 24px; color: #222222; border-bottom: 1px solid #e5e5e5;

padding-bottom:15px; padding-left: 10px}

.zuo li{width: 100%;color: #4a4a4a; height:50px; line-height:50px;border-bottom: 1px solid #e5e5e5;

padding: 0 10px; background:url(../images/zuo-libg.jpg) no-repeat 98% center;}

.zuo li>a{}

.zuo li.cur, .zuo li:hover{color: #0058bc}



.you{width: 78%; display: table;}

/*procons**上***********/

.procons{width: 100%;display: table;}

.proconsz{width: 41%;}







.spec-preview{width:100%;}

.jqzoom{position:relative;cursor:pointer;display:block}

.jqzoom>img{width: 100%;}

.jqZoomPup{z-index:10;visibility:hidden;

	position:absolute;top:0;left:0;

	max-width:100px!important;max-height:100px!important;border:1px solid #aaa;background:#fff;

	opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;filter:alpha(Opacity=50)}

.zoomdiv{z-index:20;position:absolute;top:0;left:0;

	width:200px;height:200px;background:#fff;border:1px solid #ccc;

	display:none;text-align:center;overflow:hidden}

.spec-scroll{clear:both;margin-top:10px;width:100%}

.spec-scroll .items{float:left;position: relative; width:100%;height:80px;overflow:hidden}

.spec-scroll .items ul{position:absolute;width:100%;}

.spec-scroll .items ul li{float:left;width:23%; height: 80px; line-height: 70px; margin-right:2%;

 text-align:center; background:#f8f8f8;border:2px solid #f8f8f8;}

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

.spec-scroll .items ul li:hover{border-color:#c69f65;}





.proconsy{width: 55%;}

.proconsy h1{font-size: 24px; color: #222222; font-weight: bold; display: block; 

	padding-bottom: 10px;border-bottom: 1px solid #e5e5e5}

.proconsy .zi{color: #4a4a4a;border-bottom: 1px solid #e5e5e5; padding: 4% 0;

line-height: 2}

.proconsy .zi b{font-size: 18px; color: #222222;}

.proconsy .zi i{font-size: 24px; color: #d79420;}

.proconsy .mai{width: 100%; display: table; margin: 40px 0;font-size:18px; color: #fff; height: 40px; line-height: 40px;}

.proconsy .mai>a{background:#0058bc; margin-right: 10px;padding: 0 8%; display: inline-block;}

.proconsy .mai>span{background:#222222; padding: 0 8%; display: inline-block;}

.proconsy .xia{color: #5e5e5e;margin-top:35px;}

.proconsy .xia>a{margin-right: 20px;}

.proconsy .xia img{margin-right: 5px}

.proconsy .xia>a:hover{color: #0058bc}

.proconsy .xia>span:hover{color: #0058bc; cursor: pointer;}



.proconsys{width: 55%;}

.proconsys h1{font-size: 24px; color: #222222; font-weight: bold; display: block; 

	padding-bottom: 10px;border-bottom: 1px solid #e5e5e5}

.proconsys .zi{color: #4a4a4a;border-bottom: 1px solid #e5e5e5;

line-height: 2}

.proconsys .zi b{font-size: 14px; color: #222222;}

.proconsys .zi i{font-size: 16px; color: #d79420;}

.proconsys .mai{width: 100%; display: table; margin: 40px 0;font-size:18px; color: #fff; height: 40px; line-height: 40px;}

.proconsys .mai>a{background:#0058bc; margin-right: 10px;padding: 0 8%; display: inline-block;}

.proconsys .mai>span{background:#222222; padding: 0 8%; display: inline-block;}

.proconsys .xia{color: #5e5e5e;margin-top:35px;}

.proconsys .xia>a{margin-right: 20px;}

.proconsys .xia img{margin-right: 5px}

.proconsys .xia>a:hover{color: #0058bc}

.proconsys .xia>span:hover{color: #0058bc; cursor: pointer;}



/*proconm**中***********/

.proconm{width: 100%; display: table;border: 1px solid #e5e5e5; margin: 4% 0;}

.proconm .t{font-size: 14px; color: #3f3f3f; border-bottom: 1px solid #e5e5e5;

display: block; padding: 12px 0 12px 25px;}

.proconm ul{padding: 25px; width: 100%; display: table;}

.proconm ul li{float: left;width: 50%; %}

.proconm ul li .img{border:1px solid #e5e5e5;display: flex; align-items: center; justify-content: center;

width:90px; height: 90px}

.proconm ul li .img>img{max-width: 90%;}

.proconm ul li .y{padding: 10px 0 10px 100px; width:100%;}

.proconm ul li .y b{font-size: 14px; color: #4d4d4d; display: block; max-height: 22px; overflow: hidden;}

.proconm ul li .y span{font-size: 12px; display: block;}

.proconm ul li .y .btn{font-size: 12px; display: inline-block; color: #0058bc;

border: 1px solid #0058bc;width: 100px; text-align: center; margin-top: 10px;}

.proconm ul li .img:hover{border:1px solid #0058bc}

.proconm ul li .y .btn:hover{background: #0058bc;color: #fff}



/*proconx**下***********/

.proconx{width: 100%; display: table; color:#7e7e7e; line-height: 2; margin-bottom: 4%}

.proconx .t{ border-bottom: 1px solid #e5e5e5;width: 100%; margin-bottom: 20px}

.proconx .t>span{background:#0058bc;font-size: 18px; color: #fff;width: 150px;

height: 45px; line-height: 45px; display: inline-block;text-align: center; }

.proconx img{max-width: 100%}



.posi{width: 100%; font-size: 14px; color: #838383; border-bottom: 1px solid #f2f2f2; padding: 15px 0;}

.posi>a:hover{text-decoration: underline; color: #0058bc}



/*procon***********************************************************************/

.zuo{ width:19%; display: table; margin-bottom: 4%;}

.zuo b{display: block; font-size: 24px; color: #222222; border-bottom: 1px solid #e5e5e5;

padding-bottom:15px; padding-left: 10px}

.zuo li{width: 100%;color: #4a4a4a; height:50px; line-height:50px;border-bottom: 1px solid #e5e5e5;

padding: 0 10px; background:url(../images/zuo-libg.jpg) no-repeat 98% center;}

.zuo li>a{}

.zuo li.cur, .zuo li:hover{color: #0058bc}



.gai{margin-left:35%;margin-top:-4.7%}





.booky{width:75%;}

.booky-top{width: 100%; display: inline-block; margin-bottom: 30px}

.booky-top span{float: left; line-height: 34px}

.booky-sea{float: left; width:33%; position: relative; font-size: 14px; color: #b6b6b6;}

.booky-sea .k{width: 100%;

	border: 1px solid #c7c7c7;height: 35px; line-height: 35px;  padding:0 5px;}

.booky-sea .b{background:#0072bb url(../images/booky-sea-bbg.jpg) no-repeat center center;

width:61px; height: 35px;position: absolute; right: 0;   top: 0}



.booky>li{float: left;width: 23.5%; margin-right:2%; margin-bottom:15px; position: relative;border: 1px solid #fff}

.booky>li a{display:block; z-index: 2}

.booky>li img{width: 100%; border:1px solid #e2e2e2;}

.booky>li p{font-size: 14px; color: #666; line-height: 24px; margin:12px 0; text-align: center;}

.booky>li{transition: .5s; -webkit-transition: .5s; -o-transition: .5s;  

  	-ms-transition: .5s; -moz-transition: .5s;}

.booky>li:hover p{color: #007ec5}

.booky>li:hover{border: 1px solid #007ec5}





/*product****************************************************************************/

.ztiaojian{ width: 75%; display:table; margin-bottom: 4%}

.tiaojian{ width: 100%; display:table; margin-bottom: 10px;font-size:14px; color:#666666;line-height:25px}

.tiaojian span{ float:left;  font-size:16px; color:#8b8b8b; }

.tiaojiany a{ display:inline-block; padding: 0 8px; margin-right: 35px; margin-bottom: 10px}

.tiaojiany a:hover, .tiaojiany a.active{background: #2377d7; color: #fff}





/*xx01************************************************************************************/

.xx01{width: 64%; margin: 0 auto; text-align: center; color: #808080;margin-bottom:40px;border:1px solid #dfdfdf}

.xx01 img{max-width: 100%}

.xx01 .zi{border-top: 1px solid #dfdfdf; padding: 20px;}

.xx01 .zi>span{font-size: 18px;color: #333333; display: block;}

.xx01 .zi>span:after{content: ""; display: block; width: 50px; height: 2px;

background:#2377d7; margin: 20px auto;

-webkit-transition: all .5s;-o-transition: all .5s;

-ms-transition: all .5s;-moz-transition: all .5s;}

.xx01 .zi2{background:#f9f9f9; padding: 15px 30px;border-bottom:1px solid #f5f5f5;

text-align:left;}

.xx01 .zi2>i{border: 1px solid #dfdfdf;border-radius: 5px; padding: 4px 15px;}

.xx01 .zi:hover>span:after{width: 200px;}

/*.xx01 .zi2 i:hover{background: #2377d7;color: #fff}*/



.xx02{width:100%;background:url(../images/xx02-bg.jpg) no-repeat center center;

background-size: cover;padding-bottom: 4%}

.xx02-tit{margin: 0; padding: 4% 0;color: #fff}

.xx02 ul{width: 100%; overflow: hidden;}

.xx02 li{width: 33.33%; padding: 0 20px; float: left; text-align: center;

background:url(../images/xx02-ico.png) no-repeat top right;}

.xx02 li:last-child{background:none;}

.xx02 li i{font-size: 50px; color: #84daff; display: block; font-weight: bold; line-height: 1;}

.xx02 li b{font-size: 18px; color: #fff; display: block;margin:30px 0}



.xx03{width: 100%;background:url(../images/xx03-bg.png) repeat-y center center;

display: table;padding: 40px 0}

.xx03 li{width: 100%;float: left; margin-bottom: 40px;

background:url(../images/xx03-ico1.png) no-repeat center 30px;}

.xx03 li .y {width: 45%; border:1px solid #ededed;position: relative;}

.xx03 li .y span{background:#f7f7f7; padding: 25px;

font-size:18px;color: #2377d7;display: block;position: relative;}

.xx03 li .y span:before{content:""; display: block; width: 0;

height: 0;border:10px solid transparent;border-right-color: #ededed;

position: absolute; left: -21px; top: 25px}

.xx03 li .y p{padding: 25px;}



.xx03 li.li2{background:none; position: relative;}

.xx03 li.li2 .y{ border-color:#2377d7; position: absolute; top: -30px}

.xx03 li.li2 .y span{background:#2377d7;color: #fff;}

.xx03 li.li2 .y span:before{left: auto; right: -21px;

border-right-color: transparent;border-left-color: #2377d7;}







/*cc01************************************************************************************/

.cc01{width: 100%; text-align: center; color: #666666;padding-bottom:40px;

border-bottom:1px solid #ededed}

.cc01 p{width: 50%; margin: 0 auto}



.cc02{width: 100%; overflow: hidden; border-bottom:1px solid #ededed; padding: 40px 0}

.cc02 .y{width:55%;}

.cc02 .y>img{max-width: 100%}

.cc02 .z{width:43%;margin-top: 20px}

.cc02 .z b{display: block; font-size: 20px;color: #333333; display: flex;}

.cc02 .z b>img{margin-right: 10px}

.cc02 .desc{color: #525252; margin: 20px 0}

.cc02 .z ul{width: 100%;color: #737373}

.cc02 .z ul:before{content: ""; display: block; width: 50px;

height: 1px; background:#2377d7;margin-bottom: 30px;

-webkit-transition:all .5s;-o-transition:all .5s;

-ms-transition:all .5s;-moz-transition:all .5s;}

.cc02 .z ul li{width: 100%;padding-left:30px;line-height: 28px;

background:url(../images/cc01-ico0.png) no-repeat left center;}

.cc02 .z:hover ul:before{width: 100px;}







/*tuan*******技术团队*************************************************************/

.tuan{padding: 0 40px}

.tuan01{width:80%; margin:60px auto; overflow: hidden;}

.tuan01 .z{width: 20%; }

.tuan01 .z span{font-size: 13px;color: #2377d7; text-transform: uppercase;

word-wrap: break-word;display: block;transform:rotate(270deg);

margin-left: -100px; margin-top: 30px}

.tuan01 .y{width: 80%; border-left: 1px solid #2377d7;

padding: 20px;}

.tuan01 .y b{display: block; font-size: 18px;color: #2377d7;margin-bottom: 10px;}

.tuan01 .y p{ font-size: 14px;color: #666666}

.tuan01 .y i{margin-top: 30px;display: block;}



.tuan02{width: 100%;padding-bottom: 100px!important;border-bottom: 1px solid #ededed;}

.tuan02 li{text-align: center;}

.tuan02 li span{display: block; width: 100%;border-bottom: 2px solid transparent}

.tuan02 li span>img{width: 100%}

.tuan02 li b{font-size: 20px; color: #000014;margin:15px 0; display: block;}

.tuan02 li p{font-size: 12px;color: #999999;line-height: 2}

.tuan02 li:hover span,.tuan02 li.swiper-slide-active span{border-bottom-color:#2377d7}

.tuan02 li:hover b,.tuan02 li.swiper-slide-active b{color: #2377d7}

.tuan02 li:hover p,.tuan02 li.swiper-slide-active p{color: #2377d7}

.tuan02 .swiper-pagination-bullet{width: 15px; height: 15px;margin:0 12px!important;}

.tuan02 .swiper-pagination-bullet-active{background:#2377d7;}

.tuan02 .swiper-pagination{bottom: 30px!important}



.tuan02zi{width: 100%; overflow: hidden; padding:40px 0; }

.tuan02zi .z{font-size: 60px;color: #d7e2f5;width: 10%;margin-top: 6%;letter-spacing:5px}

.tuan02zi .y{width:90%;}

.tuan02zi .y .t{color: #2377d7;}

.tuan02zi .y .t b{font-size: 20px; display: block;margin-bottom: 15px;}

.tuan02zi .y .t p{font-size: 12px;line-height: 2}

.tuan02zi .y .txt{font-size: 14px;color: #525252; line-height: 2;margin-top: 40px}

.tuan02zi .y .txt b{width: 100%;font-size: 16px;color: #333333;display: block;

border-bottom: 1px solid #ededed; padding-bottom: 5px;margin-bottom: 5px;}







.xabtle{ overflow:hidden;}

.xableft{ float:left; line-height:1;}

.xableft h3{ font-weight:bold; font-size:18px;letter-spacing:1px;}

.xableft span{text-transform:uppercase; font-size:12px; color:#999999; display:block; margin:15px 0 20px 0;}

.xableft i{ width:20px; height:2px; background:#2377d7; display:block;}



.xabright{ float:right; text-align:right; color:#666666; font-size:16px; line-height:1; padding-top:51px;}



.aboutlist{ overflow:hidden; margin-top:5%;}

.aboutlist li{ float:left; width:100%; margin-bottom:7%;}

.aboutlist li .litxt{ width:48%;display: flex; height:163px;align-items: center;  }

.aboutlist li .litxt h3{ margin:0 0 8px 0; color:#474747; font-size:16px; font-weight:bold;text-transform:uppercase;}

.aboutlist li .litxt p{ color:#525252; font-size:14px; line-height:24px;}

.aboutlist li .liimg{ width:48%; height:163px; overflow:hidden;}

.aboutlist li .liimg img{ height:163px;}



.cooperative{ width:100%; padding:2% 0 4% 0;}

.cooperative img{ display:block; width:100%;}



.splist{ overflow:hidden; margin-bottom:5%;}

.splist li{width:40%; margin-top:3%;}

.splist li .spimg{ width:33%;}

.splist li .spimg img{ width:100%; display:block;}

.splist li .sptxt{ width:59%;}

.splist li .sptxt h3{ color:#333333; font-size:18px;letter-spacing:1px; margin-top:5px; font-weight:bold;}

.splist li .sptxt span{ color:#999999; font-size:12px; margin-bottom:10px; display:block;}

.splist li .sptxt p{ color:#666666; font-size:14px;}

.splist li.spwz{}

.splist li.spwz img{ width:100%; display:block;}







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

.aboutlist li .litxt p{ font-size:12px; line-height:20px;}

.splist li{width:45%;}

}



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

.fcontact li{ display:none;}





.xabtle{ margin-top:10px;}

.xableft span{margin:10px 0 15px 0;}

.xabright{ padding-top:3%; width:100%; text-align:left;}

.aboutlist li { margin-bottom:3%;}

.aboutlist li .liimg{ width:100%; height:auto;}

.aboutlist li .liimg img{ height:auto; width:100%;}

.aboutlist li .litxt{ width:100%; margin-bottom:3%; height:auto;}

.splist li{width:100%;}

}















/*改版*/

.header{ height:110px; width:100%;  position: absolute; top:0; left:0; z-index:100;}
.header2{background:rgba(255,255,255,0.8);}
.logos{ height:60px; margin-top:25px; }

.logos img{ height:60px;}

.waplogo{ display:none;}

.navlist{ overflow:hidden; line-height:110px; color:#ffffff; font-size:16px;}
.header2 .navlist{color:#333333; }

.header:hover{background:rgba(255,255,255,0.8);}
.header:hover .navlist{color:#333333; }
.header:hover .pclogo{ display:none;}
.header:hover .waplogo{ display:block;}

.navlist li{ float:left;}

.navlist li a{ padding:0 20px; display:block;}

.navlist li.cur,.navlist li:hover{ color:#2377d7;}

.search{ width:186px; padding:0 8px; height:32px; background:#e6e6e6; border-radius:16px; overflow:hidden; margin:39px 0 0 20px;}

.search .s01{ color:#808080; font-size:16px; line-height:32px; height:32px; padding:0 10px; width:138px; float:left;background:#e6e6e6;}

.search .s02{ width:32px; height:32px; background: url(../images/s02.png) no-repeat center center; background-size:auto 100%; float:left; cursor:pointer;}





.nav-toggle{display: none;margin-top:16px;background: none;border: none;outline: none;cursor: pointer; margin-left:10px;}

.nav-toggle span{display: block;width: 20px;height: 1px;margin: 6px;background-color: #2377d7;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

.nav-toggle.close .span1{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transform-origin: 0% 0%;}

.nav-toggle.close .span2{opacity: 0;}

.nav-toggle.close .span3{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);transform-origin: 0% 100% ;}





.search-btn{ margin:15px 0 0 0; width:30px; height:30px; background: url(../images/s02.png) no-repeat center center;  background-size:auto 100%; cursor:pointer; display:none; }



.homevideo{ width:100%; overflow:hidden; position:relative;}

.videobj{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,73,182,0.3); z-index:10;}

.homevideo video{ position:absolute; left:0;  top:0; width:100%; height:100%;  object-fit: cover; }





.vidoeban{ position:absolute; top:45%; left:0; width:100%; color:#ffffff; z-index:20;}

.vbinfo{ line-height:1; position:relative;}

.vbinfo h3{ font-size:64px; font-weight:bold;}

.vbinfo p{ font-size:16px; padding:40px 0;}

.vbinfo:after{ content:""; width:80px; height:3px; background:#ffffff; display:block;}





.titi01{ text-align:center; line-height:1; margin:75px 0 45px 0;}

.titi01 h3{ color:#333333; font-size:32px;}

.titi01 h3:after{ content:""; display:block; height:2px; width:62px; margin:15px auto 18px auto; background:#2377d7;}

.titi01 p{ color:#808080; font-size:12px;}





.hxlist{ overflow:hidden;}

.hxlist li{ float:left; width:14.28%; cursor:pointer;}

.hxlist li i{ width:115px; height:115px; margin:0 auto; display:block; border-radius:50%;}

.hxlist li span{ display:block; text-align:center; line-height:60px; color:#333333; font-size:18px;}



.hxlist li i.hx01{ background:#f2f2f2 url(../images/hx01.png) no-repeat center center; background-size:100%;}

.hxlist li.on i.hx01,.hxlist li:hover i.hx01{background-color:#2377d7; background-image:url(../images/hx01s.png);}

.hxlist li i.hx02{ background:#f2f2f2 url(../images/hx02.png) no-repeat center center; background-size:100%;}

.hxlist li.on i.hx02,.hxlist li:hover i.hx02{background-color:#2377d7; background-image:url(../images/hx02s.png);}

.hxlist li i.hx03{ background:#f2f2f2 url(../images/hx03.png) no-repeat center center; background-size:100%;}

.hxlist li.on i.hx03,.hxlist li:hover i.hx03{background-color:#2377d7; background-image:url(../images/hx03s.png);}

.hxlist li i.hx04{ background:#f2f2f2 url(../images/hx04.png) no-repeat center center; background-size:100%;}

.hxlist li.on i.hx04,.hxlist li:hover i.hx04{background-color:#2377d7; background-image:url(../images/hx04s.png);}

.hxlist li i.hx05{ background:#f2f2f2 url(../images/hx05.png) no-repeat center center; background-size:100%;}

.hxlist li.on i.hx05,.hxlist li:hover i.hx05{background-color:#2377d7; background-image:url(../images/hx05s.png);}

.hxlist li i.hx06{ background:#f2f2f2 url(../images/hx06.png) no-repeat center center; background-size:100%;}

.hxlist li.on i.hx06,.hxlist li:hover i.hx06{background-color:#2377d7; background-image:url(../images/hx06s.png);}

.hxlist li i.hx07{ background:#f2f2f2 url(../images/hx07.png) no-repeat center center; background-size:100%;}

.hxlist li.on i.hx07,.hxlist li:hover i.hx07{background-color:#2377d7; background-image:url(../images/hx07s.png);}



.hxlist li.on span,.hxlist li:hover span{ color:#2377d7;}







.prodmain{ margin-bottom:70px;}

.hxinfo{ color:#333333; font-size:18px; line-height:1.7; margin:15px 0 30px 0;}



.hxprod{ background:#f2f2f2; padding:30px; position:relative;}

.hxprod-prev,.hxprod-next{ width:39px; height:90px; background:rgba(255,255,255,0.5); position:absolute; top:50%; margin-top:-45px; z-index:10; cursor:pointer; }

.hxprod-prev{ left:0; }

.hxprod-next{ right:0; }

.hxprod-prev a{ display:block; width:100%; height:100%; background:url(../images/hxprod-prev.png) no-repeat center center; background-size:100%;}

.hxprod-prev:hover a{background:url(../images/hxprod-prev2.png) no-repeat center center;background-size:100%;}

.hxprod-next a{ display:block; width:100%; height:100%; background:url(../images/hxprod-next.png) no-repeat center center;background-size:100%;}

.hxprod-next:hover a{background:url(../images/hxprod-next2.png) no-repeat center center;background-size:100%;}



.hxprod .swiper-slide{ width:23.5%;}

.hxprod .swiper-slide .img{ border-radius:12px; overflow:hidden;}

.hxprod .swiper-slide .img img{ display:block; width:100%;}

.hxprod .swiper-slide .txt{}

.hxprod .swiper-slide .txt h3{ color:#333333; font-size:18px; line-height:1; margin-top:14px; overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}

.hxprod .swiper-slide .txt p{ color:#595959; font-size:14px; line-height:1; position:relative; margin-top:12px; overflow:hidden;text-overflow: ellipsis; white-space: nowrap; padding-right:20px;}

.hxprod .swiper-slide .txt p:after{ content:""; position:absolute; right:0; top:0; background:url(../images/hxmore.png) no-repeat center center; width:14px; height:14px;}



.hxprod .swiper-slide:hover .txt h3{ color:#2377d7;}



.popular{ background:#f2f2f2; overflow:hidden;}



.popularlist{ overflow:hidden;}

.popularlist li{ float:left; margin-right:2%; width:18.4%; }

.popularlist li h3{ font-size:16px; color:#333333; font-weight:bold; line-height:38px;}

.popularlist li h3:hover{ color:#2377d7;}

.popularlist li .img{ overflow:hidden;}

.popularlist li .img img{ display:block; width:100%;}

.popularlist li .txt{ color:#4c4c4c; font-size:13px; line-height:2; margin:10px 0 50px 0;}

.popularlist li .txt a{ display:block; text-overflow: ellipsis; overflow: hidden;  white-space: nowrap;}

.popularlist li .txt a:hover{ color:#2377d7;}







/*footer*******************************************************************/

.foot{color: #999999; padding-top:3%; width: 100%; border-top: 1px solid #e6e6e6}

.footul{ width: 20%; overflow:hidden;}

.footul li{width: 100%; font-weight:bold; font-size:14px; color:#666666; margin-bottom:20px;}

.footul li:hover{text-decoration: underline; color: #2377d7}



.footy{ overflow:hidden; width:80%;}

.footy .footyzi{display: table; width:23%;}

.footyzi>h6{}

.footyzi>h6 span{ font-size:14px; font-weight:bold; color:#666666; display:block; padding-bottom:5px;}

.footyzi>h6.fico1 span{background: url(../images/fico01.png) no-repeat left top; padding-left:35px;}

.footyzi>h6.fico1 i{color: #2377d7; font-size:20px; font-weight:bold;letter-spacing:2px;}



.footyzi>h6.fico2{ position:relative; padding:20px 0 0 0; margin-top:20px;}

.footyzi>h6.fico2:after{ content:""; position:absolute; left:4px; top:0; width:40px; height:1px; background:#999999;}

.footyzi>h6.fico2 span{background: url(../images/fico02.png) no-repeat left top; padding-left:35px;}

.footyzi>h6.fico2 i{ color:#2377d7; font-size:14px;}



.footyzi p{ padding: 10px 0; border-bottom: 1px solid #e6e6e6}

.footyzi p>span{color: #2377d7; display: block;}



.footy .ma{width: 30%; font-size:14px; color:#737373;text-align: center;}

.footy .ma>img{width: 100%; max-width:170px;}



.fcontact{ overflow:hidden; width:39%; }

.fcontact li{ float:left; width:100%; margin-bottom:40px;}

.fcontact span{ font-size:14px; color:#2377d7; display:block; padding-bottom:10px; border-bottom:1px solid #f2f2f2; position:relative;}

.fcontact span:after{ content:""; position:absolute; left:0; bottom:-1px; width:13px; height:1px; background:#2377d7;}

.fcontact p{ font-size:12px; color:#666666; padding-top:10px;}





.copy{padding: 10px 0; margin-top:1%; padding:1% 0; text-align:center; color:#737373; font-size:14px; border-top:1px solid #ededed;}





.zxzx{ position:fixed; bottom:0; right:0; z-index:100;}

.zxzx img{ width:240px; display:block;}



.online-list{ position:fixed; top:50%; left:40px; z-index:100; margin-top:-165px;}

.online-list li{ width:70px; height:70px; margin:20px 0; background:#2377d7; border-radius:50%; cursor:pointer; position:relative;}

.online-list li img{ display:block; width:100%;}



.ontel{ position: absolute; top:5px; left:90px; height:60px; line-height:60px; font-size:24px; color:#ffffff; width:0; opacity:0; overflow:hidden; text-align:center;background:#2377d7; border-radius:30px;}

.online-list li:hover .ontel{ opacity:1; width:240px; }



.onwechat{position: absolute; top:0; left:90px; width:0; height:0; padding:5px;background:#2377d7; opacity:0; }



.onwechat img{ width:100%; display:block;}

.online-list li:hover .onwechat{ width:140px; height:140px; opacity:1; }





.header2{ position:static; background:#ffffff;}

.nyban{ width:100%; overflow:hidden;}

.nyban img{ display:block; width:100%;}



.prodpage{ overflow:hidden; margin-top:80px;}

.prodleft{ float:left; width:21.5%;}

.prodtit{ text-align:center; background:#2377d7; color:#ffffff; padding:20px 0;}

.prodtit h3{ font-size:32px;}

.prodtit span{ font-size:12px;}



.prodnav{ overflow:hidden; margin-top:35px;}

.prodnav li{ float:left; width:100%; margin-bottom:16px;}

.prodnav li .column{ height:60px; line-height:60px; position:relative; background:#d1dcec; color:#2377d7; font-size:18px; padding-left:85px; font-weight:bold; cursor:pointer;}

.prodnav li .column a{ display:block;}

.prodnav li .column:before{ content:""; position:absolute; left:10px; top:0; width:60px; height:60px; }

.prodnav li .column01:before{ background:url(../images/nav01.png) no-repeat center center; background-size:100%;}

.prodnav li .column02:before{ background:url(../images/nav02.png) no-repeat center center; background-size:100%;}

.prodnav li .column03:before{ background:url(../images/nav03.png) no-repeat center center; background-size:100%;}

.prodnav li .column04:before{ background:url(../images/nav04.png) no-repeat center center; background-size:100%;}

.prodnav li .column05:before{ background:url(../images/nav05.png) no-repeat center center; background-size:100%;}

.prodnav li .column06:before{ background:url(../images/nav06.png) no-repeat center center; background-size:100%;}

.prodnav li .column07:before{ background:url(../images/nav07.png) no-repeat center center; background-size:100%;}



.prodnav li:hover  .column01:before,.prodnav li.on .column01:before{ background:url(../images/nav01s.png) no-repeat center center; background-size:100%;}

.prodnav li:hover  .column02:before,.prodnav li.on .column02:before{ background:url(../images/nav02s.png) no-repeat center center; background-size:100%;}

.prodnav li:hover  .column03:before,.prodnav li.on .column03:before{ background:url(../images/nav03s.png) no-repeat center center; background-size:100%;}

.prodnav li:hover  .column04:before,.prodnav li.on .column04:before{ background:url(../images/nav04s.png) no-repeat center center; background-size:100%;}

.prodnav li:hover  .column05:before,.prodnav li.on .column05:before{ background:url(../images/nav05s.png) no-repeat center center; background-size:100%;}

.prodnav li:hover  .column06:before,.prodnav li.on .column06:before{ background:url(../images/nav06s.png) no-repeat center center; background-size:100%;}

.prodnav li:hover  .column07:before,.prodnav li.on .column07:before{ background:url(../images/nav07s.png) no-repeat center center; background-size:100%;}





.prodnav li .column:after{ content:""; width:18px; height:18px; background:url(../images/sub01.png) no-repeat center center; background-size:100%; position: absolute; top:50%; margin-top:-9px; right:27px;  }



.prodnav li:hover .column,.prodnav li.on .column{background:#2377d7; color:#ffffff;}

.prodnav li:hover .column:after,.prodnav li.on .column:after{background-image:url(../images/sub02.png);}





.sub{ padding:20px 0 0 0; display:none; }

.sub h3{ font-size:18px; border-top:1px solid #d9d9d9;line-height:44px; }

.sub h3 a{ display:block;padding:0 20px; }

.sub .subli:first-child h3{ border:none;}

.sub h3:hover,.sub h3.on{font-weight:bold;color:#2377d7; }

.sub2{ overflow:hidden; padding:0 20px 10px 20px; display:none;}

.sub2 a{ display:block; color:#666666; font-size:14px; line-height:28px; position:relative;padding-left:20px;}

.sub2 a:after{ content:""; width:6px; height:6px; margin-top:-3px; border-radius:50%; background:#666666; position:absolute; top:50%; left:5px; }

.sub2 a.on,.sub2 a:hover{ color:#2377d7;}

.sub2 a.on:after,.sub2 a:hover:after{ background:#2377d7;}



.prodnav li.on .sub{ display:block;}
.sub .sublion .sub2{ display:block;}


.prodright{ float:right; width:74%;}

.rtop{ overflow: hidden; line-height:46px; border-bottom:1px solid #808080;}

.rtop h3{ float:left; color:#2377d7; font-size:32px; line-height:1; height:38px; font-weight:bold; background:url(../images/rtop.png) no-repeat left center; background-size:auto 80%; padding-left:30px;}

.rtop .weizhi{ float:right; color:#808080; font-size:14px; background:url(../images/weizhi.png) no-repeat left center; background-size:auto 100%; padding-left:46px; }

.rtop .weizhi a:hover{color:#2377d7;}



.prodlist{ overflow:hidden;}

.prodlist li{ width:100%; overflow:hidden; border-bottom:1px solid #ececec; padding:30px 0;}

.prodlist li .txt{ width:63%; float:left;}

.prodlist li .txt h3{ color:#333333; font-size:18px; overflow:hidden; }

.prodlist li .txt h3:hover{ color:#2377d7;}

.prodlist li .txt h3 a{padding-bottom:15px; display:block; float:left; position:relative;}

.prodlist li .txt h3 a:after{ content:""; width:37px; position:absolute; bottom:0; left:0; height:2px; background:#2377d7;}

.prodlist li .txt h3:hover a:after{ width:100%;}



.prodlist li .txt p{ color:#666666; font-size:14px; line-height:2; margin-top:10px;}

.prodlist li .txt span{ width:140px; height:24px; border:1px solid #ececec; line-height:22px; color:#808080; text-align:center; border-radius:12px;  font-size:14px; display:block; margin-top:20px;}

.prodlist li .txt span:hover{background:#2377d7; color:#fffefe; border-color:#2377d7;}



.prodlist li .img{ width:28.6%; border-radius:10px; overflow:hidden; float:right;}

.prodlist li .img img{ width:100%; display:block;}





.paging{ overflow:hidden; text-align:center; margin:60px 0;}

.paging span,.paging a{ display:inline-block; line-height:30px; border:1px solid #999999; padding:0 12px; color:#999999; font-size:14px; border-radius:5px; margin:0 3px;}

.paging a:hover,.paging span{ background:#2377d7; color:#ffffff;}



.prodtop{ text-align:center;border-bottom:1px solid #808080; padding:30px 0 15px 0;}

.prodtop h1{ color:#2377d7; font-size:24px; font-weight:bold;}

.prodtop p{ color:#808080; font-size:14px; margin-top:10px;}

.prodtop p span{ margin:0 10px;}

.prodshow{ color:#333333; font-size:14px; line-height:2; padding:40px 0; min-height:500px;}

.prodshow img{ max-width:100%; height:auto!important;}



.sxp{ overflow:hidden; color:#808080; font-size:14px; border-top:1px solid #808080; padding:20px 0 50px 0;}

.sxp p{ width:50%;}

.sxp p.fr{ text-align:right;}

.sxp a:hover{ color:#2377d7; text-decoration:underline;}





.header,.navlist li,.hxlist li i,.hxlist li span,.hxprod .swiper-slide .txt h3,.popularlist li h3,.popularlist li .txt a,.ontel,.onwechat,.footul li,.prodnav li .column,.sub h3,.sub2 a,.prodlist li .txt h3,.prodlist li .txt h3 a:after,.prodlist li .txt span,.paging a,.rtop .weizhi a,.sxp a{transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}











.hxprod .swiper-slide .img img,.popularlist li .img img,.prodlist li .img img{

-webkit-transition: all .5s ease-in;

-o-transition: all .5s ease-in;

-ms-transition: all .5s ease-in;

-moz-transition: all .5s ease-in;}

.hxprod .swiper-slide:hover .img img,.popularlist li .img:hover img,.prodlist li:hover .img img{

-webkit-transform: scale(1.1);

-ms-transform: scale(1.1);

-o-transform: scale(1.1);

transform: scale(1.1);}