/* CSS Document */



*{text-overflow: ellipsis;

/*去掉移动端点击阴影方块*/

-webkit-tap-highlight-color:transparent;

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

tap-highlight-color: rgba(0, 0, 0, 0);outline:none;/*word-break:break-all;*/}

html,body{

	height:100%;

	width:100%;

	

}

body{

	margin: auto; background-color:#FFFFFF;

	font-size: 14px;

	line-height: 1.5;

	font-family: "微软雅黑", "宋体", Arial;

	color: #333333; min-width:1200px; overflow-x:hidden; padding:0px;

}

body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,th,td{margin:0;padding:0;}

h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}

:focus{outline:none;}/*聚焦边框样式取消*/

table{

border-collapse: collapse;

}

a{

color: #333333;

text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;

}

a:hover{

	color: #257d95;

}

img{

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

img[align="left"]{ margin-right:10px;}

img[align="right"]{ margin-left:10px;}

ul,li,dl,dt{

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}



div,span{text-overflow: ellipsis;}

.clear{ clear:both}



/*垂直居中*/

.center{ display: flex;

    justify-content:center;

    align-items:center;}

/*图片放大*/

.fd img{    transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;}

.fd:hover img{    transform: scale(1.1);

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);}



.fl{ float:left}

.fr{ float:right}



.xuanzhuan{

 -webkit-transition-property: -webkit-transform;

    -webkit-transition-duration: 10s;

    -moz-transition-property: -moz-transform;

    -moz-transition-duration: 10s;

    -webkit-animation: rotate 30s linear infinite;

    -moz-animation: rotate 30s linear infinite;

    -o-animation: rotate 30s linear infinite;

    animation: rotate 30s linear infinite;

}

@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}

    to{-webkit-transform: rotate(360deg)}

}

@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}

    to{-moz-transform: rotate(359deg)}

}

@-o-keyframes rotate{from{-o-transform: rotate(0deg)}

    to{-o-transform: rotate(359deg)}

}

@keyframes rotate{from{transform: rotate(0deg)}

    to{transform: rotate(359deg)}

}





.xz .iconfont{ transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;}

.xz:hover .iconfont {transform: rotate(360deg);}











/*.box2{ width:1700px; max-width:95%; min-width:1300px; margin:auto;}*/



.box{ width:1600px; margin:auto;max-width:95%;}









.pagination{ clear:both; text-align:center; padding-top:35px; line-height:32px;}

.pagination li{

	display:inline-block;

	border: 1px solid #dddddd;

	padding-left:12px;

	padding-right:10px;

	margin: 0px; overflow:hidden; background-color:#FFFFFF;

}



.pagination li+li{

	border-left-style: none;

}

.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}

.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}

.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}

.pagination li.disabled{}

.pagination li.active{ background-color:#257d95; color:#FFFFFF}



.pagination li a{ color:#333333}









/*客服*/

.wxqrcode .close{ position:absolute; top:10px; right:10px; background-color:#000000; color:#ffffff; font-size:12px; width:20px; line-height:20px;border-radius:100%; cursor:pointer;}

.wxqrcode+.bg{ content:''; background-color:rgba(0,0,0,0.3); z-index:98; left:0; top:0; width:100%; height:100%; position:fixed; display:none;}

.wxqrcode{transform: scale(0);

    -moz-transform: scale(0);

    -webkit-transform: scale(0);

    -o-transform: scale(0);

    -ms-transform: scale(0); position:fixed; top:50%; left:10%; width:80%; height:300px; margin-top:-150px; background-color:rgba(255,255,255,0.8); z-index:99; text-align:center;border-radius:10px;display:flex;

    justify-content:center;

    align-items:center;transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;}

.wxqrcode.hover,.wxqrcode.hover+.bg{display:flex;transform: scale(1);

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);}	



.wxqrcode img{ width:200px; max-width:80%;}

#footnav{

	position: fixed;

	z-index:2;

	left: 0px;

	bottom: 0px;

	float:left;

	width:100%;

	background-color:#257d95;

	display:none;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: rgba(255,255,255,0.6);

	text-transform: uppercase;

}

#footnav a{

	float:left;

	width:25%;

	text-align:center;

	position: relative; line-height:35px; color:#FFFFFF; padding-top:10px; line-height:1.2; padding-bottom:10px; font-size:16px;

}

#footnav a i{ display:block; font-size:24px; line-height:24px;}

#footnav a i.icon-weixin{ font-size:20px; }



#footnav a:nth-child(1):after{ display:none}





/*客服*/

.kefu{ position:fixed; top:30%; right:10px; color:#FFFFFF; text-align:center; width:50px; z-index:11; font-size:12px; }
.kefu *{ max-width:100%;}
.kefu .kf img,.kefu .whatsapp img{ width:30px; padding-top:10px; padding-bottom:10px;}
.kefu .iconfont{ color:#FFFFFF;}
.kefu .phone{ display:none;}
.kefu a{ color:#ffffff;}


.kefu .item{
	border-radius:5px;
	overflow:hidden;
	background-color:#209aa5;
	margin-top:5px;
/*	line-height:50px;*/
	border: 1px solid rgba(255,255,255,0.2);
}
.kefu .item a{ display:block;cursor:pointer;}

.kefu .gotop .iconfont{ font-size:36px;  
 
}
.kefu .item:hover{ background-color:#2dc3d0;}



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

#footnav{ display:block}

.kefu{ display:none}

}







#top{



	width:100%;

	z-index:22;

	 background-color:#ffffff; 



}



#top .t1{ display:none;}



#top.fixed2 .t2{ display:none;}



#top.fixed2.fixed .t2,#top.fixed2 .t1{ display:block;}

#top.fixed2.fixed .t1{ display:none;}



#top.fixed2,#top.fixed{	position:fixed; background-color:rgba(255,255,255,0);

	top:0;

	left:0;

		border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #ffffff;border-bottom-color: rgba(255,255,255,0.3);

	}

#top.fixed{

	background-color:#ffffff;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dddddd;

}

#top .logo{

	height:80px;

	display:table;

	vertical-align: middle; float:left; position:absolute; top:0; left:5%; 

}

#top .lang{ right:5%; top:0px; position:absolute;line-height:90px; }
#top .lang figure{ padding:0; margin:auto; position:absolute; margin-top:-25px; top:100%; left:0; width:100%; background-color:rgba(255,255,255,0.8); line-height:1.5; display:none;}
#top .lang div{ position:relative;}
#top .lang figure a{
	display:block;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(100,100,100,0.5);
}
#top .lang figure a:hover{ background-color:#209aa5; color:#FFFFFF;}
#top .lang:hover figure{ display:block;}
#top .lang div>a{ color:#ffffff; display:inline-block; padding-left:20px; padding-right:20px; /*background-color:#257D95;*/border-radius:35px; line-height:35px; font-size:16px; line-height:35px;}
#top.fixed .lang div > a{ color:#000000;}
#top .lang div:hover> a,#top.fixed .lang div:hover > a{ background-color:#FF9900;color:#ffffff;}

#top .lang{}


#top .lang a i{ margin-right:5px; font-size:24px; line-height:35px; float:left;}

#top .logo a{display:table-cell;vertical-align: middle; height:90px;}

#top .logo img{ max-height:100%; max-width:100%; width: 243px;/*margin-top:36px;*/}

#top .box{ text-align:center;line-height:0px;}

.nav{

	

	 font-size:16px; display:inline-block; text-align:left; 
        font-size: 0.8333vw; line-height:70px;
       

}

.nav >ul >li{ float:left;}

.nav >ul >li>a{ display:block; padding-left:35px; padding-right:35px; color:#222222; font-weight:bold;text-transform: uppercase; position:relative;padding-top: 10px; padding-bottom:10px;/*margin-top: 10px;*/}

.nav >ul >li>a:hover:before{

	content:'';

	left:0;

	bottom:0;

	width:100%;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF; position:absolute;

}

.nav >ul >li>a span{ position:relative; display:inline-block; }

.nav >ul >li>a .x{position:absolute; top:50%;  margin-top:-4px;

	display:inline-block;

	border-width:4px;

	border-style: solid;

	border-color: rgba(255,255,255,0);

	border-top-width:8px;

	border-top-color: #ffffff; right:-12px;



}



.nav >ul >li>.node{position:absolute;  top:100%; left:0; width:100%;box-sizing:border-box; padding-left:5%; padding-right:5%; line-height:1.5; z-index:9; overflow:hidden; color:#222222; display:none;}

/*.nav >ul >li:hover> .node{ display:block;}*/





.nav ul .node .right{ float:left; width:calc(100% - 235px); position:relative;display:table; }





.nav ul .node .left:before,.nav ul .node .right:before{content:''; width:calc(100% + 1000px); height:1000px; position:absolute; z-index:-1; top:0; float:left;}

.nav ul .node .left:before{
	left:-1000px; /*background-color:#257D95; background-color:rgba(37,125,149,0.98);*/
	background-image: url(bg_2.png);
	background-repeat: repeat;
}

.nav ul .node .right:before{ 	background-image: url(bg_2.png);
	background-repeat: repeat; right:-1000px;/*background-color:#2DC3D1; background-color:rgba(45,195,209,0.98);*/}


.nav ul .node .left .dp{ font-size:14px;}
.nav ul .node .left,.nav ul .node .right{box-sizing:border-box; padding:50px;}
.nav ul .node .left{
	padding-top:20px;
	padding-bottom:20px;
}
.nav ul .node:before{ content:''; position:absolute; left:335px; top:20px;border-right: 1px solid #dddddd; height:calc(100% - 40px);}
.nav ul .node .right{ padding-top:0; padding-bottom:0;}
.nav ul .node .right .picli{ padding-top:20px; padding-bottom:20px; display:table-cell; text-align:center; padding-left:10px; padding-right:10px;box-sizing:border-box;}

.nav ul .node .right .picli .img{ /*background-color:#ffffff;*/ overflow:hidden; min-height:100px;display: flex;

    justify-content:center;

    align-items:center; /*float:left;*/ width:100%; float:left;}
.nav ul .node .right .picli .title{ max-height:3em; min-height:3em; line-height:1.5; color:#222222; float:left; width:100%; clear:both; margin-top:10px;}	
.nav ul .node .right .picli .img *{ max-width:100%; max-height:100%;}
.nav ul .node .right *{ max-width:100%;}
/*.nav ul .node .right .picli{ display:none; padding-top:50px; padding-bottom:50px;}

.nav ul .node .right .picli.hover{ display:block;}



.nav ul .node .right .picli .img{ float:left;border-radius:10px; overflow:hidden;}

.nav ul .node .right .picli .r{ float:left; margin-left:60px; width:385px; line-height:1.5;}



.nav ul .node .right .picli .r .title{ font-size:24px; line-height:1.2;}



.nav ul .node .right .picli .r .dp{ margin-top:20px;}

.nav ul .node .right .picli .r .more{ font-size:16px; font-weight:bold; color:#ffffff;margin-top:20px;}

.nav ul .node .right .picli .r .more a{ display:inline-block;border-radius:35px; background-color:rgba(0,0,0,0.6); background-color:#257D95; padding-left:50px; padding-right:50px; line-height:35px; color:#FFFFFF;}

.nav ul .node .right .picli .r .more a:hover{ background-color:#FF9900;}*/



.nav ul .node .left{ float:left; width:235px; position:relative; padding-left:0; }

/*.nav ul .node .left ul{clear:both; padding-top:20px;}

.nav ul .node .left ul li a{ color:#222222; display:block; padding-top:3px; padding-bottom:3px; line-height:1.2; position:relative;}

.nav ul .node .left ul li a:after{ content:''; position:absolute; width:0%; bottom:0; left:0; z-index:1;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #ffffff;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;

}

.nav ul .node .left ul li a:hover:after{ width:100%;}

.nav ul .node .left ul{ font-size:16px;}
*/

.nav ul .node .left .t{ font-size:36px; color:#257d95; font-weight:bold;text-transform: uppercase;}

.nav ul .node .left .dp{ color:#6a6a6a; font-size:14px;}

.nav ul .node .right .picli:hover{ /*background-color:#257d95;*/}
.nav ul .node .right .picli:hover .title{ color:#257d95;}
#top.fixed2 .nav >ul >li>a{ color:#ffffff;}

#top.fixed .nav >ul >li>a{ color:#000000;}



.flash{ position:relative; overflow:hidden;--swiper-theme-color:#ffffff;}

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

.flash .swiper-slide .picli{ position:relative;}

.flash .swiper-slide .picli .txt{ width:100%; position:absolute; font-size:18px; top:80px; left:30%; z-index:2; color:#ffffff; height:calc(100% - 80px);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; }

.flash .swiper-slide .picli .txt .box{display: flex;

    justify-content:center;

    align-items:center; height:100%;}

.flash .swiper-slide .picli .txt .box>div{ width:100%;



}

.flash .swiper-slide .picli .txt .box>div>div{ max-width:625px;}

.flash .swiper-slide .picli .txt .box .t{

	text-transform: uppercase;

}

.flash .swiper-slide .picli .txt .box .t+.title{ padding-top:20px;}

.flash .swiper-slide .picli .txt .box .title{ font-size:58px; line-height:1.1;-webkit-transition:800ms; -moz-transition:800ms; -ms-transition:800ms; transition:800ms; margin-left:100px;font-weight:bold;}

.flash .swiper-slide .picli .txt .box .title+.more{ padding-top:40px;-webkit-transition:1s; -moz-transition:1s; -ms-transition:1s; transition:1s; margin-left:200px;}

.flash .swiper-slide .picli .txt .box .more a{

	display:inline-block;

	border: 1px solid #ffffff; padding-left:60px; padding-right:60px; line-height:65px; color:#FFFFFF;border-radius:60px;display: none;

}

.flash .swiper-slide .picli .txt .box .more a i{ margin-left:10px; font-size:22px; float:right;line-height:65px;}

.flash .swiper-slide .picli .txt .box .more a:hover{ background-color:#FF9900;border-color:#FF9900}

.flash .swiper-slide .picli .phone{ display:none}

.flash  .swiper-slide-active .picli .txt{ left:0;}

.flash .swiper-slide .picli .txt .box .title,

.flash .swiper-slide .picli .txt .box .title+.more{ margin-left:0; }

.flash .swiper-button-next,.flash .swiper-button-prev{ --swiper-theme-color:#A0C9CE;border-radius:100%;--swiper-navigation-size:30px; width:30px; padding:10px;
	border: 3px solid #A0C9CE;
}
.flash .swiper-pagination-bullet{
	width:10px;
	height:10px;
	background-color:rgba(255,255,255,0);
	border: 3px solid #FFFFFF;
}
/*底部*/

#foot{

	background-image: url(foot.webp);

	background-repeat: no-repeat;

	background-position: center top;

	background-color: #000000; padding-top:50px; padding-bottom:50px;

}

#foot,#foot a{ color:#ffffff;}

.footnav .fnav{ width:70%; float:left;}

.footnav .fnav>ul{ width:100%;}

.footnav .fnav>ul>li{display:table-cell; padding-right:50px;}

.flx{ float:right; width:30%;}

.footnav .fnav>ul>li>a,.flx .title{

	font-size:20px;

	text-transform: uppercase; font-weight:bold;

}

.flx .econtent{color:rgba(255,255,255,0.6); font-size:14px; line-height:1.9; display:block; }

#foot .footnav .fnav>ul>li ul li a{ color:rgba(255,255,255,0.6); font-size:14px; line-height:1.2; display:block; padding-top:5px; padding-bottom:5px;}

.footnav .fnav>ul>li>ul,.flx .econtent{ padding-top:10px;}



#foot .copy{color:rgba(255,255,255,0.6); font-size:14px; clear:both; padding-top:20px;}



.share{ clear:both; padding-top:20px;}

.share a{

	display:inline-block;

	border: 1px solid #ffffff; line-height:50px; height:50px; width:50px; text-align:center;border-radius:100%; margin-right:10px;

}
.share a span{display: flex;

    justify-content:center;

    align-items:center; height:50px; width:50px;}
.share a img{ width:24px; height:24px;}
.share a i{ font-size:24px;}



.title2{font-size:44px; color:#222222;font-weight:bold;}



/*首页视频*/



.tv{ background-color:#F7F7F7; padding-top:100px; padding-bottom:100px;}

.tv .left{ float:left;width:calc(100% - 800px); color:#333333;margin-top:40px;display: none;}

.tv .left .h1{}

.tv .left .hc{ font-size:18px; line-height:1.5;}

.tv .left .more{ padding-top:30px;}

.tv .left .more a{ display:inline-block; background-color:#257D95; color:#ffffff; padding-left:40px; padding-right:40px;border-radius:45px; line-height:45px; font-size:16px;}

.tv .left .more a:hover{ background-color:#FF9900;}



.tv .img{ float:right; width:685px; margin-top:40px; margin-right:40px; position:relative; overflow:hidden;border-radius:20px;}

.mytv{border-radius:5px; overflow:hidden;}

.tv .img i{

	position:absolute;

	z-index:2;

	left:50%;

	top:50%;

	color:#ffffff;

	font-size:60px;

	line-height:1;

	height:80px;

	width:80px;

	border-radius:100%;

	border: 2px solid #ffffff; text-align:center; line-height:80px; margin-left:-42px; margin-top:-42px;

}

.tv .img:hover i{color:#FF9900;border-color:#FF9900;}

.tvbg{ position:relative; text-align:center;}
.tvbg.fr{ width:100%; float:left;}
.tvbg:after{ content:''; position:absolute; top:0; right:0; height:calc(100% - 40px); width:calc(100% - 40px);	background-image: url(tvbg.jpg);

	background-repeat: repeat-y;

	background-position: right top; z-index:-1;border-radius:20px;}



/*首页产品*/

.pro{ padding-top:100px; padding-bottom:100px;}

.pro .etitle{ text-align:center;}	

.pro .sort{ text-align:center; margin:auto; width:1000px; padding-top:20px;}

.pro .sort li{ display:inline-block; margin:3px;}

.pro .sort li a{

	display:inline-block;

	padding-left:20px;

	padding-right:20px;

	border: 1px solid #257D95;border-radius:45px;display: flex;

    justify-content:center;

    align-items:center; height:44px; line-height:20px; color:#257D95;

}



.pro .sort li a:hover,.pro .sort li.hover a{ background-color:#257D95; color:#FFFFFF;}

.pro .econtent{ display:none; padding-top:40px;}

.pro .econtent.hover{ display:block;}

.pro .econtent .picli{

	border: 1px solid #dddddd;border-radius:20px; float:left; width:24.1%; margin-left:1.2%;  margin-top:10px; margin-bottom:10px;box-sizing:border-box; padding:10px;

}

.pro .econtent .picli:nth-child(4n+1){ margin-left:0; clear:both;} 

.pro .econtent .picli .img{ overflow:hidden; background-color:#f7f7f7;border-radius:20px; overflow:hidden; position:relative;}

.pro .econtent .picli .img img{ width:100%;}

.pro .econtent .picli .ntitle{

	background-image: url(line.jpg);

	background-repeat: repeat-x;

	background-position: center top; padding-top:30px; margin-top:25px; line-height:1.5;color:#257d95; font-size: 16px;text-align: center;font-weight: bold;

}

/*.pro .econtent .picli .img:after{ Opacity:0; content:'';position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(37,125,149,0.8); }*/
.pro .econtent .picli .img:after{ Opacity:0; content:'';position:absolute; top:0; left:0; width:100%; height:100%; }

.pro .econtent .picli .txt{ Opacity:0;display:none;

	position:absolute;

	top:50%;

	left:50%;

	z-index:2;

	width:120px; margin-left:-60px; margin-top:-20px;

	background-color:#2dc3d0;

	text-align:center;

	color:#ffffff;

	font-size: 20px;

	text-transform: uppercase;border-radius:40px; line-height:40px; 

}

.pro .econtent .picli .img:after,.pro .econtent .picli .txt{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

.pro .econtent .picli:hover .img:after,.pro .econtent .picli:hover .txt{ display:block;Opacity:1;}

.pro .econtent .picli:hover .txt:hover{ background-color:#FF9900;}



/*首页解决方案*/

.solutions{

	background-image: url(solutionbg.webp);

	background-repeat: no-repeat;

	background-position: center top; padding-top:180px; padding-bottom:100px;

}

.solutions .etitle{

	text-align:center;



	font-weight: bold;

}

.solutions .etitle a{ color:#FFFFFF}



.solutions .econtent{ clear:both; padding-top:50px;}

.solutions .econtent .picli{ float:left;  margin-left:2%; width:32%; overflow:hidden;border-radius:20px; background-color:#FFFFFF;}

.solutions .econtent .picli:nth-child(3n+1){ margin-left:0; clear:both;}



.solutions .econtent .picli .img{ overflow:hidden;border-radius:20px 20px 0 0; position:relative;}

.solutions .econtent .picli .img:after{ content:''; background-color:rgba(0,0,0,0); position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

.solutions .econtent .picli:hover .img:after{background-color:rgba(0,0,0,0.3);}

.solutions .econtent .picli .img i{ -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;line-height:1; color:rgba(255,255,255,0); position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-30px; font-size:60px; z-index:2;}

.solutions .econtent .picli:hover .img i{color:#ffffff; }

.solutions .econtent .picli .img img{ width:100%;}

.solutions .econtent .picli .right{

	border: 1px solid #dddddd;box-sizing:border-box; padding:30px;border-radius:0 0 20px 20px; line-height:1.3;

}

/*.solutions .econtent .picli .right .r{ min-height:260px; }*/

.solutions .econtent .picli .right .ntitle{

	color:#444444;

	font-size:18px;

	text-transform: uppercase; max-height:2.6em; overflow:hidden;

	/*font-weight: bold;*/

}

.solutions .econtent .picli .right .dp{ color:#257d95; font-size:22px; margin-top:15px; max-height:6.5em; overflow:hidden;}



.solutions .econtent .picli:hover .right .dp{

	color:#FF9900;



}

.solutions .econtent .picli .right   .morei{ padding-top:20px; clear:both; display:none;}

.solutions .econtent .picli .right   .morei span{ display:inline-block; padding-left:45px; padding-right:45px; font-size:18px; background-color:#2dc3d0; color:#FFFFFF; line-height:45px;border-radius:45px; text-align:center;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

.solutions .econtent .picli:hover .right   .morei span{ background-color:#FF9900;}

.solutions .picli:hover{ background-color:#257d95;}

.solutions .picli:hover .right .ntitle{ color:#ffffff;}

.solutions .picli:hover .right{border-top-color:#257d95;}





.solutions .swiper-wrapper .picli{ max-width:100%; margin:auto; width:500px; float:none;}

.solutions .econtent .swiper-wrapper .picli:nth-child(3n+1){ margin:auto;}

.solutions .econtent{ position:relative;}

.solutions .swiper-container{ overflow:hidden;}









/*为什么选择我们*/

.why{ background-color:#f8f8f8; padding-top:100px; padding-bottom:100px;}

.why .left{ float:left; width:380px;}

.why .left .title{}

.why .left .hc{ color:#444444; font-size:16px; margin-top:20px; line-height:2; }

.why .left .more{ padding-top:20px;}

.why .left .more a{ display:block; font-size:18px; background-color:#257d95; color:#FFFFFF; line-height:45px;border-radius:45px; text-align:center;}

.why .left .more a:hover{ background-color:#FF9900;}



.why .econtent{ width:calc(100% - 440px); float:right;}

.why .econtent .picli{width:calc(100% / 3); float:left; text-align:center; background-color:#FFFFFF;border-radius:20px; overflow:hidden; position:relative; z-index:2;}

.why .econtent .picli:after{background-color:#257d95; content:''; height:90%;border-radius:20px; width:100%; position:absolute; top:0; left:0; z-index:-1; }

.why .econtent .picli:nth-child(3n):after,.why .econtent .se2 .picli:after{ bottom:auto; top:20%;}

.why .econtent .picli:nth-child(3n+2):after,.why .econtent .se1 .picli:after{ height:100%;}

.why .econtent .picli>div{border-radius:20px; min-height:100%; padding-top:50px; padding-bottom:40px; font-size:18px;margin-bottom:10px; cursor:default;}

.why .econtent .picli:nth-child(3n+1)>div{ background-color:#ffffff; margin-top:10px; padding-top:40px; margin-bottom:0; padding-bottom:30px;}

.why .econtent .picli:nth-child(3n+2)>div{ color:#FFFFFF;}

.why .econtent .picli:nth-child(3n)>div,.why .econtent .se2 .picli>div{ background-color:#ffffff;}

.why .econtent .picli>div .img{transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

	margin:auto;

	display:inline-block;

	border: 2px solid #257d95;border-radius:100%; padding:10px;

}



.why .econtent .picli:nth-child(3n+2)>div .img,.why .econtent .se1 .picli>div .img{border-color:#2DC3D1; background-color:#2DC3D1; }



.why .econtent .picli>div .right{ padding:30px;}



.why .econtent .picli:hover>div .img{transform: rotate(360deg);}





.why .swiper-wrapper .picli{ width:500px;max-width:100%; margin:auto;  float:none;}

.why .econtent{ position:relative;}

.why .swiper-container{ overflow:hidden;}



.why .econtent .se1 .picli>div{ background-color:rgba(255,255,255,0); color:#FFFFFF;}

.why .econtent .se2 .picli>div{ margin-top:0;margin-bottom:10px; padding-top:50px; padding-bottom:20px;}

/*首页关于我们*/

.about{ clear:both; padding-top:100px; padding-bottom:100px;}

.about .img{

	float:left;

	max-width:579px;

 padding-top:30px; padding-left:30px; z-index:2; position:relative;

}

.about .img:after{ content:''; z-index:-1;	background-image: url(aboutbg.webp); background-size:100% 100%;

	background-repeat: no-repeat;

	background-position: left top; position:absolute; top:0; left:0; width:calc(100% - 40px); height:calc(100% - 40px);border-radius:30px;}

.about .img >div{border-radius:30px; width:100%; overflow:hidden;}

.about .img >div img{ width:100%;}

.about .econtent{ float:right; width:calc(100% - 650px);}

.about .econtent .title{ }

.about .econtent .dp{ color:#444444; font-size:16px; line-height:1.8;}

.about .econtent .more{ padding-top:20px;}

.about .econtent .more a{  display:inline-block; padding-left:60px; padding-right:60px; font-size:18px; background-color:#257d95; color:#FFFFFF; line-height:45px;border-radius:45px; text-align:center;}

.about .econtent .more a:hover{ background-color:#FF9900;}



.news{ clear:both; padding-top:100px; padding-bottom:100px;}

.news .etitle{ text-align:center; }

.news .econtent{ padding-top:30px; clear:both;}



.news  .picli{ float:left; width:32%; margin-left:2%; margin-bottom:20px; margin-top:20px; position:relative;}



.news .picli .img{ overflow:hidden;border-radius:30px; position:relative;}

.news .picli .img:after{ content:''; background-color:rgba(0,0,0,0.2); height:100%; width:100%; left:0; top:0; z-index:1; position:absolute;}

.news .picli:hover .img:after{background-color:rgba(0,0,0,0.6); }

.news  .picli:nth-child(3n+1){ clear:both; margin-left:0;}

.news  .picli .right{ position:absolute; left:0; top:0; z-index:1;display: flex;

    justify-content:center;

    align-items:center; height:100%; width:100%; color:#ffffff;box-sizing:border-box; padding:50px; text-align:center; font-size:18px;}

.news  .picli .right .morei{ padding-top:30px;}

.news .picli .right .morei span{ background-color:#2DC3D1; display:inline-block; padding-left:45px; padding-right:45px;border-radius:45px; line-height:45px;}



.news .more{ padding-top:20px; clear:both; text-align:center;}

.news .more a{ display:inline-block; padding-left:45px; padding-right:45px; font-size:18px; background-color:#257d95; color:#FFFFFF; line-height:45px;border-radius:45px; text-align:center;}

.news .more a:hover{ background-color:#FF9900;}





.news .swiper-wrapper .picli{ max-width:100%; margin:auto; width:500px; float:none;}

.news .econtent{ position:relative;}

.news .swiper-container{ overflow:hidden;}

/*联系我们*/



.liuyan{

	background-image: url(lxbg.webp);

	background-repeat: no-repeat;

	background-position: center top; background-size:100% 100%; color:#FFFFFF; padding-top:100px; padding-bottom:100px;

}

.liuyan .title{ text-align:center; font-size:30px; }



.liuyan .h1{  text-align:center;color:#FFFFFF;}



.liuyan .btn{ padding-top:20px; clear:both;}

.liuyan button{

	color: #FFFFFF;

	background-color: #209AA5;

	height: 50px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	font-size: 20px;

	font-family: "微软雅黑"; padding-left:100px; padding-right:100px;border-radius:30px;

}



.liuyan  .item{

	float:left;

	width:49%;

	line-height:45px;

	margin-top:10px;

	margin-bottom:10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

}

.liuyan  .item:nth-child(2n){ float:right;}

.liuyan  .item2{ float:left; width:100%;}

.liuyan  .item span{

	float:left;

	width:80px;

	text-transform: uppercase;

}

.liuyan  .item input{ width:calc(100% - 80px);border:none; height:45px; background-color:rgba(255,255,255,0); color:#FFFFFF;}



.liuyan textarea{border:none; background-color:rgba(255,255,255,0); clear:both; width:100%;color:#FFFFFF;}

.liuyan  .item input,.liuyan textarea{

	box-sizing:border-box;

	padding:10px;

	font-family: "微软雅黑"; color:#ffffff;

}

.liuyan  .item input,.liuyan textarea{

	box-sizing:border-box;

	padding:10px;

	font-family: "微软雅黑"; color:#ffffff;

}
.lianxi  .liuyan  .item input,.lianxi .liuyan textarea{ color:#666666;}

/*内页*/

.bannerin img{ width:100%;}

.bannerin{ position:relative;}

.bannerin .phone{ display:none;}

.bannerin .title{

	display: flex;

	justify-content:center;

	align-items:center;

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	text-align:center;

	z-index:1;

	color:#FFFFFF;



	font-weight: bold;

	text-transform: uppercase;

}

.bannerin .title2{ color:#ffffff;}

.postion{ position:absolute; top:0; left:0; width:100%; background-color:rgba(0,0,0,0.3); padding-top:10px; padding-bottom:10px; font-size:14px;}



.postion,.postion a{ color:#ffffff;}

.leftdh{ position:absolute; bottom:0; left:0; width:100%; z-index:3; background-color:#257d95; background-color:rgba(37,125,149,0.8);}

.prosort{  width:100%; z-index:3; background-color:#257d95; background-color:rgba(37,125,149,0.95); clear:both;}

.prosort.fixed{position:fixed;top:110px;}

.prosort.fixed+div{ margin-top:60px;}



.leftdh ul ul{ display:none;}

.leftdh ul,.prosort ul{ display:table; width:100%; text-align:center;}

.leftdh ul li,.prosort ul li{ display:table-cell;}

.prosort ul li span{ cursor:pointer;}

.prosort ul li{ line-height:45px;}

.leftdh ul li a,.prosort ul li span,.prosort ul li a{ display:block; color:#FFFFFF; font-size:18px; padding-top:15px; padding-bottom:15px; position:relative; margin-left:1px; margin-right:1px;}

.leftdh ul li a:hover{

	background-color: #FF9900;

}

.leftdh li+li>a:before{

	content:'';

	position:absolute;

	left:-2px;

	height:20px;

	top:50%; margin-top:-10px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: rgba(255,255,255,0.3); z-index:1;

}

.leftdh li+li>a:after{

	content:'';

	position:absolute;

	left:-1px;

	height:20px;

	top:50%; margin-top:-10px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: rgba(0,0,0,0.2); z-index:1;

}

/*内页最新消息推荐*/

.newstop{ position:relative; overflow:hidden; padding-left:150px; padding-right:150px; padding-bottom:80px;}

.newstop .title{ text-align:center;  font-weight:bold;}

.newstop .swiper-container{ overflow:hidden; margin-top:50px;}

.newstop .pic{ float:left; width:100%;}

.newstop .pic .txt{ position:absolute; top:100%; height:100%; left:0; width:100%; z-index:2; color:#FFFFFF;display: flex;

    justify-content:center;

    align-items:center;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; font-size:18px; padding:40px;box-sizing:border-box;}

	

.newstop .pic .img{ float:left;  overflow:hidden;border-radius:30px; position:relative; width:410px; position:relative;}

.newstop .pic .img:after{ content:''; background-color:rgba(0,0,0,0); height:100%; width:100%; left:0; top:0; z-index:1; position:absolute;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}



.newstop .pic .img img{ width:100%;}

.newstop .pic .right{ float:right; width:calc(100% - 455px); }

.newstop .pic .right .ntitle{ color:#257d95; font-size:30px; line-height:1.2;}

.newstop .pic .right .dp{ color:#444444; font-size:16px; margin-top:30px;}



.newstop .pic .right  .morei{ padding-top:20px; clear:both;}

.newstop .pic .right  .morei span{ display:inline-block; padding-left:45px; padding-right:45px; font-size:18px; background-color:#2dc3d0; color:#FFFFFF; line-height:45px;border-radius:45px; text-align:center;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

.newstop .pic:hover .right  .morei span{ background-color:#FF9900;}

.newstop .pic:hover .img:after{background-color:rgba(0,0,0,0.6); }

.newstop .pic:hover .txt{top:0;}



.newstop .swiper-button-next,.newstop .swiper-button-prev{--swiper-navigation-size:30px;

	border: 3px solid #444444;border-radius:100%; font-size:30px; height:50px; width:50px; line-height:50px; text-align:center; color:#444444;

}



/*内页案例列表*/

.case{ padding-bottom:50px;}

.case .picli{ float:left; width:100%; padding-top:80px; padding-bottom:80px; background-color:#F7F7F7;}

.case .picli .img{ float:left; overflow:hidden;border-radius:30px; width:770px;}

.case .picli .img img{ width:100%;}

.case .picli .right{ float:right;width:calc(100% - 800px);}

.case .picli .right .ntitle{

	color:#444444;

	font-size:16px;

	text-transform: uppercase;

}

.case .picli .right .dp{ font-size:30px;color: #257d95; line-height:1.3; margin-top:15px;}

.case .picli:nth-child(2n){ background-color:#ffffff;}

.case .picli:nth-child(2n) .right{ float:left;}

.case .picli:nth-child(2n) .img{ float:right;}

.case .picli:hover .right .dp{color:#FF9900;}



/*内页解决方案列表*/

.solutionin .solutionbg{ background-color:#f7f7f7; clear:both; padding-top:80px; padding-bottom:80px;}

.solutionin .solutions{ background-image:none; padding-top:0;}

.solutionin .solutions .etitle{ display:none;}

.solutionin .solutions .econtent .picli .right   .morei{ display:block;}

.solutionin .solutions .econtent .picli .right{ min-height:320px;}

.solutionin .solutionbg .picli{ float:left; width:100%; padding:20px;border-radius:10px; background-color:#ffffff;box-sizing:border-box; margin-top:20px;}

.solutionin .solutionbg .picli .img{ float:left; width:195px; height:138px; overflow:hidden;border-radius:10px; background-color:#FFFFFF;}

.solutionin .solutionbg .picli .img img{ width:100%;}

.solutionin .solutionbg .picli .right{ float:right; width:calc(100% - 220px);}

.solutionin .solutionbg .picli .right .ntitle{

	font-size:16px;

	color:#444444;

	text-transform: uppercase;

}

.solutionin .solutionbg .picli .right .dp{ font-size:22px; color:#257d95;}

.solutionin .solutionbg .picli:hover .right .dp{ color:#FF9900;}



.solutionin .solutionbg .picli .right  .morei{ padding-top:20px; clear:both;}

.solutionin .solutionbg .picli .right  .morei span{ display:inline-block; padding-left:45px; padding-right:45px; font-size:18px; background-color:#2dc3d0; color:#FFFFFF; line-height:35px;border-radius:45px; text-align:center;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

.solutionin .solutionbg .picli:hover .right  .morei span{ background-color:#FF9900;}

.solutionin .solutionbg .picli:hover{ background-color:#257d95;}

.solutionin .solutionbg .picli:hover .right .ntitle{ color:#ffffff;}



/*内页产品列表*/

.products{ background-color:#f7f7f7; padding-bottom:50px; padding-top:30px;}

.products .picli{ float:left; width:49%; margin-top:20px; margin-bottom:20px; background-color:#FFFFFF;border-radius:10px; padding:20px;box-sizing:border-box;}

.products .picli:nth-child(2n){ float:right;}

.products .picli:nth-child(2n+1){ clear:both;}

.products .picli .img{ float:left; overflow:hidden;border-radius:20px; width:232px; background-color:#FFFFFF;}

.products .picli .img img{ width:100%;}

.products .picli .right{ float:right; width:calc(100% - 250px);}

.products .picli .right .ntitle{ font-size:22px; color:#257d95;font-weight: bold;}





.products .picli .right  .morei{ padding-top:20px; clear:both;}

.products .picli .right  .morei span{

	display:inline-block;

	padding-left:45px;

	padding-right:45px;

	font-size:18px;

	background-color:#2dc3d0;

	color:#FFFFFF;

	line-height:30px;

	border-radius:45px;

	text-align:center;

-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; 	transition:500ms;

	text-transform: uppercase;

}

.products .picli:hover .right  .morei span{ background-color:#FF9900;}

.products .picli:hover{ background-color:#257d95;}

.products .picli:hover .right .ntitle{ color:#FFFFFF;}



/*内页联系我们*/

.lianxi{

	background-image: url(contactbg.jpg);

	background-repeat: no-repeat;

	background-position: center bottom; clear:both; padding-bottom:400px;

}
.lianxi .h1{ color:#222222;}
.lianxi .contact{ background-color:#2DC3D1;border-radius:30px;box-sizing:border-box; padding:60px; padding-left:130px; padding-right:70px; width:950px; max-width:95%; margin:auto;}

.lianxi .contact .title{  text-align:center; font-weight:bold;}

.lianxi .contact .hc{ margin-top:40px;}

.lianxi .contact .hc>.tel{font-size:16px; min-height:60px; position:relative;}

.lianxi .contact .hc>.tel:after{ content:''; position:absolute; left:-70px; top:0; width:70px; height:100%;	background-image: url(tel.png);

	background-repeat: no-repeat;

	background-position: left center;}

.lianxi .contact .hc>.tel .t1{

	text-transform: uppercase; line-height:1;

}

.lianxi .contact .hc>.tel .t2{font-size:36px;}

.lianxi .contact .content{ font-size:18px; line-height:2; margin-top:10px;}

.two>div{ width:50%; float:left;}

.lianxi .liuyan{ background-image:none; color:#222222;}

.lianxi .liuyan  .item{

	border-bottom-color: #A8A8A8; color:#A8A8A8;

}



/*内页关于我们*/

.aboutli{ padding-top:100px; padding-bottom:100px; clear:both;}

.about7{

	background-image: url(aboutinbg.png);

	background-repeat: no-repeat;

	background-position: right bottom;

}

.about8{

	background-image: url(v.jpg);

	background-repeat: no-repeat;

	background-position: center top; background-color:#FFFFFF;

}

.about9{ background-color:#f7f7f7;}

.about10{

	background-image: url(honorbg.jpg);

	background-repeat: no-repeat;

	background-position: center top; background-size:100% 100%;

}

.ab{ max-width:100%;width:745px;}

.ab .hc{ font-size:18px; color:#666666; margin-top:30px;}

.ab .ys{ clear:both; width:100%; padding-top:30px; }

.ab .ys .item{ float:left; width:32%;box-sizing:border-box; margin-left:2%;padding-bottom:60px;}

.ab .ys .item:nth-child(3n+1){ margin-left:0;}

.ab .ys .item .img{ background-color:#2BC3CE; width:65px; height:65px; padding:10px;border-radius:100%;box-sizing:border-box;transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s; }

.ab .ys .item .img img{ width:100%;}

.ab .ys .item:hover .img {transform: rotate(360deg);}





.ab .ys .item .right{ clear:both; font-size:16px; color:#666666; margin-top:20px;}



.culture .title{ text-align:center}

.culture .econtent{ clear:both; width:100%; float:left; margin-top:40px;}

.culture .li{ float:left; width:25%; position:relative; padding-left:1px;box-sizing:border-box; padding-right:1px; position:relative;}

.culture .li *{ max-width:100%;}

.culture .li .txt{ position:absolute; left:0; top:0; z-index:22; height:100%; width:100%; color:#FFFFFF;box-sizing:border-box; padding:20px;-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;}

.culture .li .txt .t{ font-size:24px; padding-top:10px;-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;}

.culture .li .txt .hc{ font-size:16px; padding-top:15px;-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;}

.culture .li .txt .hc p{ margin-top:3px; margin-bottom:3px;}

.culture .li .txt .hc ul{ margin-top:auto; margin-bottom:auto; padding-top:0; padding-bottom:0;}

.culture .li .txt .hc li{

	list-style-position: inside;

	list-style-type: disc;

}

.culture .li .txt .num{

	font-size:12px;

	font-weight: bold;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;

}

.culture .li .txt>div{ position:relative;

padding-left:15px;

}

.culture .li .txt>div:before{ content:''; height:100%; width:3px; background-color:#ffffff;border-radius:3px; left:0; top:0; position:absolute;}



.culture .li .img{ position:relative;}



.culture .li .img:after{ content:''; background-color:rgba(0,0,0,0.3); height:100%; width:100%; position:absolute; top:0; left:0; z-index:2;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

.culture .li:hover .img:after{background-color:rgba(0,0,0,0); }

.culture .li:hover .txt .hc{ padding-top:10px;}

.culture .li:hover .txt .t{ padding-top:5px;}



/*荣誉资质*/

.honor{ overflow:hidden; position:relative; padding-left:100px; padding-right:100px;}

.honor .title{ text-align:center;}

.honor{ text-align:center;}

.honor .img{ overflow:hidden; display:inline-block;}



.aboutli  .swiper-container{ overflow:hidden; margin-top:40px;}

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



.aboutli .swiper-button-next,.aboutli .swiper-button-prev,.news .swiper-button-next,.news .swiper-button-prev,.solutions .swiper-button-next,.solutions .swiper-button-prev,.why .swiper-button-next,.why .swiper-button-prev{--swiper-navigation-size:30px;

	border: 3px solid #257d95;border-radius:100%; font-size:30px; height:50px; width:50px; line-height:50px; text-align:center; color:#257d95;

}

news .swiper-button-next,.news .swiper-button-prev,.solutions .swiper-button-next,.solutions .swiper-button-prev,.why .swiper-button-next,.why .swiper-button-prev{ display:none;}

news .swiper-button-next:after,.news .swiper-button-prev:after,.solutions .swiper-button-next:after,.solutions .swiper-button-prev:after,.why .swiper-button-next:after,.why .swiper-button-prev:after{ line-height:50px;}

.news .newstop .swiper-button-prev{ display:block;}



.his{ position:relative; padding-left:100px; padding-right:100px;}

.his .title{ text-align:center;}

.hist{ position:relative;} 

.hist .ntitle{ display:inline-block; background-color:#257d95; color:#FFFFFF; border-radius:25px; line-height:25px; padding-left:20px; padding-right:20px; position:relative; margin-top:85px;}

.hist .ntitle:after{

	content:'';

	border: 10px solid rgba(255,255,255,0);

	border-bottom-color:#257d95;

	position: absolute;

	left: 50%;

	top: -20px; z-index:2; margin-left:-10px;

}

.hist .ntitle:before{

	content:'';

	position: absolute;

	height:10px;

	width:10px;

	border-radius:100%;

	left: 50%;

	top: -40px;

	z-index:33;

	margin-left:-10px;

	border: 6px solid #257d95; background-color:#FFFFFF;

}

.hist .line2{ position:relative;}

/*.hist .line2:after{ content:''; position:absolute; left:0; top:50%; background-color:#257d95; height:3px; width:100%; z-index:3;}*/

.hist:after{

	content:'';

	position:absolute;

	left:-15%;

	top:50%;

	

	width:130%; margin-top:-30px;

	z-index:-3;

	border-radius:100%;

	height:300%;

	border-top-width: 3px;

	border-top-style: solid;

	border-top-color: #257d95;

}



.hist .swiper-slide-active .ntitle:before{border-color:#2DC3D1;}

.hist .swiper-slide-active .ntitle{ background-color:#2DC3D1;}

.hist .swiper-slide-active .ntitle:after{border-bottom-color:#2DC3D1;}

.hist   .swiper-slide{ text-align:center;margin-top:60px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

.hist   .swiper-slide-prev,.hist   .swiper-slide-next{ margin-top:15px;}



.hist   .swiper-slide-active{ margin-top:0px;}



/*.his   .swiper-slide .ntitle{ display:none;}*/

.his   .swiper-slide .hc h1{color: #257d95; font-size:40px;}

.his   .swiper-slide .hc h2{color: #333333; font-size:24px;}

.his   .swiper-slide .img{ float:left; width:535px; overflow:hidden;border-radius:30px;}

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

.his   .swiper-slide .right{ float:right; width:calc(100% - 600px); color:#999999; line-height:2;}

/*.his .ntitle{ display:none;}*/

/*新闻详细页*/

#cms1{ padding-bottom:30px;}

.back{padding-top:30px; clear:both;}

.back a{color: #257d95; font-size:16px; }

.info{

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dddddd; margin-bottom:20px;

}

.info .time{

	padding-bottom:10px;

	font-size: 18px;

	color: #666666;

	line-height:1;

	font-family: Arial, Helvetica, sans-serif;

}

.info h1.h1{color: #257d95; padding-bottom:10px; padding-top:10px;}

#cms1 .content{ line-height:2; color:#444444; font-size:18px;}

.nextpage{font-size:16px;}

.nextpage>div{ padding-top:5px; padding-bottom:5px;}



/*产品详情页*/

.probanner{ position:relative;}

.probanner .txt{ position:absolute; z-index:1; top:0; left:0; width:100%; z-index:2; height:100%;display: flex;

    justify-content:center;

    align-items:center; color:#ffffff;}

	.probanner .txt .box>div{ width:500px;margin-left: 60px;}

.probanner .txt .t1{

	font-size:48px;

	font-weight: bold; line-height:1.2;

}

.probanner .txt .t2{ font-size:20px; margin-top:20px;}	

.probanner .txt .downbtn{ margin-top:20px;}

.probanner .txt .downbtn i{

	color:#ffffff;

	font-size:40px;

	border: 2px solid #FFFFFF; display:inline-block; line-height:60px; display:inline-block; width:60px; text-align:center;border-radius:100%;

}

.probanner .txt .downbtn a:hover i{ color:#FF9900;border-color: #FF9900;}
.probanner .phone{ display:none}


.block{ padding-bottom:50px;}

.blockli{ clear:both; padding-top:20px; padding-bottom:20px;}

.blockli .title{ font-weight:bold;}

.blockli .content{ line-height:1.5; color:#666666; font-size:16px; overflow-x:auto;}

.blockli .content *{ max-width:100%;}

.block .nextpage>div{ width:48%; box-sizing:border-box; }



.block .back{ text-align:right;}

.block .back a,

.block .nextpage>div a{

	display:block;

	background-color:#F7F7F7;

	text-align:center;

	font-size:18px;

	box-sizing:border-box;

	padding-left:30px;

	padding-right:30px;

	border-radius:35px;

	line-height:55px;

	text-transform: uppercase; color:#444444; position:relative;

}

.block .nextpage>div a:hover,.block .back a:hover{ background-color:#257d95; color:#FFFFFF;}

.block .nextpage>div span{ display:none;}

.block .back a{ position:relative;  background-color:#257d95; color:#FFFFFF;display:inline-block; line-height:45px; font-size:16px; padding-left:20px; padding-right:20px;}

.block .back{ padding-bottom:20px;}

.block .nextpage>div i{ position:absolute; top:50%; right:10px; line-height:1; font-size:30px; margin-top:-15px; color:#666666;}

.block .nextpage>div a:hover i{ color:#ffffff;}



.youshi .t{

	color:#FFFFFF;

	padding-top:100px;

	padding-bottom:100px;

	background-image: url(youshi.jpg);

	background-repeat: no-repeat;

	background-position: center top; background-size:100% 100%;box-sizing:border-box;

}
#right .youshi .t{ padding-left:50px; padding-right:50px;}
.youshi .t .title2 { color:#FFFFFF}

.youshi .t .dp{ font-size:18px; width:650px; max-width:100%; margin-top:20px;}

.youshi .content{ clear:both; padding-top:30px;}

.ys ul li{ position:relative;

	float:left;

	width:49%;

	background-color:#f7f7f7;

	line-height:25px; padding-top:5px; padding-bottom:5px;

	overflow:hidden; 

	white-space: normal;box-sizing:border-box; padding:10px; margin-top:10px; margin-bottom:10px;border-radius:55px; padding-left:55px; padding-right:35px; font-size:16px;    letter-spacing: 1px;

-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

.ys ul li:before{

	content:'';

	position:absolute;

	left:35px;

	top:17.5px;



	height:8px;

	width:8px;border-radius:100%; background-color:#257d95;border-radius:100%;

}

.ys ul li:nth-child(2n){ float:right;}
.ys ul li:nth-child(2n+1){ clear:both;}
.ys ul li:hover{background-color:#257d95; color:#FFFFFF;}

.ys ul li:hover:before{ background-color:#FFFFFF;}



.tvli .econtent{ padding-top:20px;}

.ca .h2{ font-size:30px;color: #257d95; font-weight:bold;}



.ca .hc .tli{ float:left;  width:32%; margin-left:2%; margin-top:20px; margin-bottom:20px;}

.ca .hc .tli:nth-child(3n+1){ margin-left:0; clear:both;}



.prosort ul li{ width:calc(100% / 6); display:block; float:left;}

.prosort ul li.no{ display:none;}

.prosort ul li a{ background-color:#2DC3D1; padding-top:0; padding-bottom:0; margin-top:10px;border-radius:45px;}

.prosort ul{ position:relative;}

.prosort ul li.get{ position:absolute; top:0; right:0;}

.prosort ul li.get i{ font-size:30px; position:absolute; top:50%; margin-top:-15px; line-height:1;}

.prosort ul li.get a:hover{ background-color:#FF9900;}

.prosort ul li.get span{ display:none;}

.prosort ul li span{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

.prosort ul li.hover span{background-color:#FF9900;}

.proly{ position:fixed; top:50%; left:50%; width:600px; height:500px; margin-left:-300px; margin-top:-250px; z-index:99;background-color:#257d95; padding:20px;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,0.3);box-sizing:border-box; display:none;}



.proly .close{ position:absolute; top:10px; right:10px; color:#ffffff; z-index:100; cursor:pointer;}

.proly .liuyan{ background-image:none; padding:0; }

.proly .liuyan *{ max-width:100%;}

.proly.hover{ display:block;}

.proly.hover+div{ position:fixed; top:0; left:0; width:100%; z-index:98; height:100%; background-color:rgba(0,0,0,0.3);}
.proly .liuyan .item input, .proly .liuyan textarea{ color:#FFFFFF;}
.morenav{ display:none;}

.nav2{ display:none;background-color:#257d95; padding-top:10px; padding-bottom:10px; text-align:center;}

.nav2 ul ul{ display:none;}

.nav2 ul li{ width:25%; float:left;}

.nav2 ul li a{

	color:#ffffff;

	display:block;

	padding-top:5px;

	padding-bottom:5px;

	text-transform: uppercase; font-size:16px;

}

.tli+.tvhc{ padding-top:20px; clear:both;}





.postion{ top:80px;display: none;}

.bannerin .title{ top:120px; height:calc(100% - 120px);}
.block *{ max-width:100%; overflow-x:auto;}
.flash video{ width:100%;}
#left .title{
	background-color:#257d95;
	color:#ffffff;
	line-height:30px;
	font-weight:bold;
	font-size:24px;
	text-align:center;
	text-transform: uppercase; padding-top:35px; padding-bottom:35px;
}
#left{ float:left; width:280px; background-color:#FFFFFF; padding-bottom:20px;}
#right{ width:calc(100% - 320px); float:right; padding-bottom:20px;}
#left .leftdh2{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #dddddd;
	border-left-color: #dddddd;
}
#left .leftdh2 ul li{}
#left .leftdh2 ul li a{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	padding:20px;
	padding-right:30px; padding-top:15px; padding-bottom:15px;
	display:block;
	background-image: url(li.png);
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) center;
}
#left .leftdh2 ul li:hover> a,#left .leftdh2 ul li.hover> a,#left .leftdh2 ul li.active> a{ background-color:#2DC3D1; color:#ffffff;background-image: url(lihover.png);}
#left .leftdh2 ul ul{ display:none;} 
#left .leftdh2 ul li.no{ display:none;}
#left .lxin{ background-color:#f5f5f5; clear:both; margin-top:20px;}
#left .lxin .t2{	font-size:24px;
	text-align:center;
	text-transform: uppercase; line-height:80px; font-weight:bold;}
#left .lxin .hc{ color:#666666; padding:20px; padding-top:0;}


#right .picli2{ float:left; width:23%; margin-left:1%; margin-right:1%; margin-top:10px; margin-bottom:10px;}
#right .picli2 *{ max-width:100%;}
#right .picli2 .img{ overflow:hidden; position:relative;}
#right .picli2 .img:after{-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;border: 1px solid rgba(0,0,0,0);  content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
#right .picli2 .img:before{ -webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;position:absolute; content:''; left:0; top:0; height:100%; width:100%; z-index:1; background-color:rgba(255,255,255,0);}
#right .picli2:hover .img:before{ background-color:rgba(255,255,255,0.3); }
#right .picli2:hover .img:after{border: 1px solid #257D95; width:calc(100% - 20px); height:calc(100% - 20px); left:10px; top:10px;}
#right .picli2:nth-child(4n+1){ clear:both;}
#right .picli2 .ntitle{-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;
	border: 1px solid #dddddd; margin-top:5px; padding:10px; color:#257D95; font-weight:bold; text-align:center;
}
#right .picli2:hover .ntitle{ background-color:#257D95;border-color:#257D95; color:#ffffff;}

#right .picli3{ border: 1px solid #dddddd;border-radius:5px; overflow:hidden; box-sizing:border-box;float:left; width:23%; margin-left:1%; margin-right:1%; margin-top:10px; margin-bottom:10px;}
#right .picli3 *{ max-width:100%;}
#right .picli3 .img{ overflow:hidden; position:relative;}
/*#right .picli3 .img:after{-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;border: 1px solid rgba(0,0,0,0);  content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
#right .picli3 .img:before{ -webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;position:absolute; content:''; left:0; top:0; height:100%; width:100%; z-index:1; background-color:rgba(255,255,255,0);}
#right .picli3:hover .img:before{ background-color:rgba(255,255,255,0.3); }
#right .picli3:hover .img:after{border: 1px solid #257D95; width:calc(100% - 20px); height:calc(100% - 20px); left:10px; top:10px;}*/
#right .picli3:nth-child(4n+1){ clear:both;}
#right .picli3 .ntitle{-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms;
	transition:300ms;
	margin-top:5px;
	padding:10px;
	color:#267C93;
	font-weight:bold;
	text-align:center;
	background-image: url(line2.jpg);
	background-repeat: no-repeat;
	background-position: center top; padding-top:20px;
}
/*#right .picli3:hover .ntitle{ background-color:#257D95;border-color:#257D95; color:#ffffff;}*/


#left,#right{ margin-top:50px;}
.postion2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; padding-bottom:5px;
}
.postion2 b{ font-size:20px; display:inline-block; position:relative;}
.postion2 b:after{ content:''; position:absolute; left:0; width:100%; height:2px; background-color:#257D95; bottom:-5px;}
.postion2 .fr,.postion2  .fr a{ color:#666666;}
#left.proint.fixed{ position:fixed; z-index:22;}
#left+div{ display:none;}
#left.leftsort{ width:200px;}
#left.leftsort +div+#right{ width:calc(100% - 240px);}

#left.leftsort .leftdh2{ background-color:#2DC3D0;}
#left.leftsort .leftdh2 ul li a{ color:#ffffff;background-image: url(lihover.png);}

#left.leftsort .lxin{
	background-image: url(lxin.png);
	background-repeat: no-repeat;
	background-position: center top; background-size:100% 100%; color:#FFFFFF;
}
#left.leftsort .lxin .hc{ color:#ffffff;}

@media screen and (max-width :768px){
#left+div{ display:block;}
/*#left{ display:none;}*/

#right .picli2,#right .picli3 { width:48%;}
#right .picli2:nth-child(2n+1),#right .picli3:nth-child(2n+1){ clear:both;}
#right,#left.leftsort +div+#right{width:100%; margin-top:20px;}

#left{ display:block; width:100%; border:none; margin-top:20px; display:none;}
#left.proint .title{}
#left .leftdh2{ width:100%;border: 1px solid #dddddd;box-sizing:border-box;}
#left .leftdh2 ul{ width:100%; display:block; float:left;text-align:center;}
#left .leftdh2 ul li a{display:block; min-height:3em; max-height:3em;display: flex;
 border: 1px solid #dddddd; 
    justify-content:center;

    align-items:center; float:left; width:100%; line-height:1.5;/*width:calc(100% - 49px);*/box-sizing:border-box;}
#left .leftdh2 ul li.no{ display:none;}
#left .leftdh2 ul li{ width:50%; margin:auto;box-sizing:border-box; float:left; margin-left:-1px; margin-top:-1px;}
#left .lxin{ display:none;}
#left.proint{ display:block;}
/*#left.proint .leftdh2 ul{  display:table; float:none;}*/
#left.proint .leftdh2 ul li{  border: 1px solid #dddddd; float:left; width:calc(100% / 3 + 1px); margin:auto;margin-left:-1px; margin-bottom:-1px; }
#left.proint .leftdh2 ul li:nth-child(3n){ border-right:none;}
#left.proint .leftdh2{ border-top:none;}
#left.proint .leftdh2 ul li a{ border:none; }
#left.proint .leftdh2 ul li.no{ display:none;}
/*#left.proint .leftdh2 ul li a{ min-height:0; max-height:100em;}*/
.postion2{ float:left; width:100%;}
.postion2 b{ display:none;}
.postion2 .fr{ width:100%; float:left; text-align:left;}
}

/*20240522*/
/*.news2{ clear:both; padding-top:100px; padding-bottom:100px;}

.news2 .etitle{ text-align:center; }

.news2 .econtent{ padding-top:30px; clear:both;}



.news2  .picli{ float:left; width:49%; margin-left:2%; margin-bottom:20px; margin-top:20px; position:relative;}



.news2 .picli .img{ overflow:hidden;border-radius:30px; position:relative;}
.news2 .picli .img img{ width:100%;}
.news2 .picli .img:after{ content:''; background-color:rgba(0,0,0,0.2); height:100%; width:100%; left:0; top:0; z-index:1; position:absolute;}

.news2 .picli:hover .img:after{background-color:rgba(0,0,0,0.6); }

.news2 .picli:nth-child(3n+1){ clear:both; margin-left:0;}

.news2  .picli .right{ position:absolute; left:0; top:0; z-index:1;display: flex;

    justify-content:center;

    align-items:center; height:100%; width:100%; color:#ffffff;box-sizing:border-box; padding:50px; text-align:center; font-size:18px;}

.news2  .picli .right .morei{ padding-top:30px;}

.news2 .picli .right .morei span{ background-color:#2DC3D1; display:inline-block; padding-left:45px; padding-right:45px;border-radius:45px; line-height:45px;}



.news2 .more{ padding-top:20px; clear:both; text-align:center;}

.news2 .more a{ display:inline-block; padding-left:45px; padding-right:45px; font-size:18px; background-color:#257d95; color:#FFFFFF; line-height:45px;border-radius:45px; text-align:center;}

.news2 .more a:hover{ background-color:#FF9900;}
*/



.news2{ clear:both; padding-top:100px; padding-bottom:100px;}
.news2 .etitle{ text-align:center; }
.news2 .econtent{ padding-top:30px; clear:both;}
.news2  .picli a{ display:block; width:100%;}
.news2  .picli{display: flex;
    justify-content:center;
    align-items:center; overflow:hidden;border-radius:5px;float:left; width:49%; margin-left:2%;min-height:290px; max-height:290px; margin-top:10px; margin-bottom:10px; position:relative;}
.news2 .picli .img{ width:100%; overflow:hidden; position:relative;}
.news2 .picli:nth-child(3n+1){ min-height:600px; max-height:600px;}
.news2 .picli .img img{ width:100%; height:100%;}
.news2 .picli .img:after{ content:''; background-color:rgba(0,0,0,0.2); height:100%; width:100%; left:0; top:0; z-index:1; position:absolute;}
.news2 .picli:hover .img:after{background-color:rgba(0,0,0,0.5); }
.news2 .picli:nth-child(3n+1){ clear:both; margin-left:0;}
.news2 .picli .right{ position:absolute; left:0; bottom:0;z-index:1; text-align:left;width:100%; background-color:rgba(255,255,255,0.1); color:#ffffff;box-sizing:border-box; padding:20px; font-size:18px; padding-top:10px; padding-bottom:10px;}
.news2 .picli .right .dp{ margin-top:10px; font-size:16px;color:rgba(255,255,255,0.8);}
.news2 .picli .right .morei{ padding-top:10px;}
.news2 .picli .right .morei span{ background-color:#2DC3D1; display:inline-block; font-size:16px; padding-left:30px; padding-right:30px;border-radius:40px; line-height:35px;}
.news2 .more{ padding-top:20px; clear:both; text-align:center;}
.news2 .more a{ display:inline-block; padding-left:45px; padding-right:45px; font-size:18px; background-color:#257d95; color:#FFFFFF; line-height:45px;border-radius:45px; text-align:center;}
.news2 .more a:hover{ background-color:#FF9900;}

@media screen and (max-width :1300px){
.news2  .picli,.news2  .picli img{min-height:calc(25vw - 10px); max-height:calc(25vw - 10px); }
.news2 .picli:nth-child(3n+1),.news2  .picli:nth-child(3n+1) img{ min-height:50vw; max-height:50vw;}
}
@media screen and (max-width :1024px){
.news2 .picli .right .dp{ display:none;}
}

@media screen and (max-width :600px){
.news2  .picli,.news2 .picli:nth-child(3n+1){ width:100%; margin-left:0; min-height:0; max-height:300vw; overflow:hidden;}
.news2  .picli img,.news2  .picli:nth-child(3n+1) img{min-height:0; max-height:10000px; }
.news2  .picli .img,.news2  .picli:nth-child(3n+1) .img{min-height:0; max-height:30vw; }
.news2  .picli .right{ position:relative; bottom:auto; left:auto; background-color:#f5f5f5;}
.news2  .picli .right{ color:#333333;}
.news2 .picli .right .morei span{ color:#FFFFFF;}
}