/* CSS Document */
*{text-overflow: ellipsis;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
html,body{ height:100%; width:100%; /*max-width:1920px;*/ margin:auto;}
body{
	margin: auto; background-color:#FFFFFF;
	font-size: 16px;
	line-height: 2;
	font-family: "微软雅黑", "宋体", Arial;
	color: #000; min-width:1200px; overflow-x:hidden; padding:0px; 
}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,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;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #204A9C;
}
pre,.pre{
	word-break: break-all;
        white-space: pre-line;
        overflow-wrap: break-word;  max-width:100%; 
}
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,p,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.img{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img.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: 10ms;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 10ms;
    -webkit-animation: rotate 30ms linear infinite;
    -moz-animation: rotate 30ms linear infinite;
    -o-animation: rotate 30ms linear infinite;
    animation: rotate 30ms 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)}
}









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




.pagination{ clear:both; text-align:center; padding-top:20px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.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:#204A9C; color:#FFFFFF}

.pagination li a{ color:#333333}














#header{clear:both; position:fixed; z-index:222; top:0px; left:0px; width:100%;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;background-color:#ffffff;}
#header+div{ height:88px;}
#header.navbg{display:block;}

#header.navbg.fixed,#header.navbg.fixed4{ background-color:#ffffff; padding-top:0; padding-bottom:0;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;}
#header.navbg.fixed4+.clear{ height:88px;}
#header .logo{padding-top:19px; padding-bottom:19px;}
#header .logo img{ height:46px;}
.nav{
	line-height:35px;
	z-index:2;

}

.search{ padding-left:20px;display: flex;
    justify-content:center;
    align-items:center; height:94px;}
.search i{ font-size:24px; line-height:1; color:#666666;}

.searchbg{ background-color:#204A9C; position:fixed; height:100%; width:100%; z-index:999; top:0; left:0; color:#ffffff; display:none;}
.searchbg.hover{ display: flex;}
.searchbg .close{ position:absolute; top:0; right:0; padding:10px; line-height:1; cursor:pointer;}
.searchbg .close i{ font-size:24px; color:#000000;}


.searchbg form{ display:block; padding-bottom:30vh;}
.searchbg input,.searcht input{ width:300px; height:45px; border:1px solid #dddddd; padding-left:10px; padding-right:10px;border-radius:5px 0 0 5px; float:left;}
.searchbg button{ height:45px; background-color:#25A73B; color:#FFFFFF;  font-size:24px; border:none; width:45px;border-radius:0 5px 5px 0; text-align:center; line-height:45px;}
.searcht  button{ height:45px;  background-color:#25A73B; color:#FFFFFF;  font-size:16px; padding-left:10px; padding-right:10px; border:none; border-radius:0 5px 5px 0; text-align:center; line-height:45px;}
.searchbg button i,.searcht  button i{ font-size:24px; line-height:40px;}
.searchbg .searchlogo{ padding-bottom:20px;}
.searcht form{ width:360px; margin:auto;}
.searcht .res{ font-size:14px; color:#666666; padding-top:5px;}
.null{font-size:14px; color:#999;  text-align:center; padding-top:50px; padding-bottom:50px;}

.nav ul{
	margin: 0px;
	padding: 0px;
}
/*#header .nav >ul> li{margin-left:5px; margin-right:5px;}*/
.nav>ul>li>a{ line-height:88px;}
.nav ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none; position:relative;
}
.nav ul li a{
	color:#333333;
	font-size: 20px;
	padding-right:15px;
	padding-left: 15px;
	text-decoration: none; display:block;
}
.nav >ul> li> a{color:#333333;-webkit-transition:0ms; -moz-transition:0ms; -ms-transition:0ms; transition:0ms;border-radius:5px;}
.nav>ul>li.active>a,.nav >ul >li:hover >a,.nav >ul> li> a.hover{
	background-image: url(navbg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom; color:#204A9C;
}

.nav >ul> li.nodes:hover> a{border-radius:5px 5px 0 0;}



#header .nav ul ul{ display:none; position:absolute; top:100%; left:0px; width:100%; z-index:1; background-color:#FFFFFF; line-height:1.5;/* background-color:rgba(255,255,255,0.9);*/}

#header .nav ul ul ul{ top:0px; left:100%; width:120%;}
#header .nav ul ul li{width:100%;}
#header .nav ul li:hover>ul{ display:block}
#header .nav ul ul li a{
	display:block;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffffff;
	border-bottom-color: rgba(100,100,100,0.1); font-size:14px; text-align:center;
}

#header .nav ul ul li a:hover{ color:#FFFFFF; background-color:#204A9C;}


#header .box{ padding-left:10px; padding-right:10px;}
.flash{--swiper-theme-color:rgba(255,255,255,0.8); position:relative; overflow:hidden;}

.flash .picli{
	min-height:623px;
	background-repeat: no-repeat;
	background-position: center center;
}
.flash .picli img{ display:none}

.bannerin{
	margin:auto;
	text-align:center;
	min-height:400px;
	background-repeat: no-repeat;
	background-position: center center; color:#ffffff;display: flex;
    justify-content:center;
    align-items:center;text-shadow:0 0 5px rgba(0,0,0,0.2);
}
.bannerin .h1{ font-size:48px; position:relative; font-weight:bold;}
.bannerin .h1:after{
	content:'';
	position:absolute;
	left:50%;
	bottom:0;
	width: 2em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF; margin-left:-1em;
}
.bannerin .h2{
	font-size:24px;
	text-transform: uppercase; color:rgba(255,255,255,0.8);
}



#foot{
	
	background-color:#ffffff;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #23A739;
}
#foot .foot{
	padding-top:50px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #204A9C; margin-top:-5px;
}

#foot,#foot a{color: #4e4e4e;}
#foot .box *{ max-width:100%;}
#foot a:hover{ color: #204A9C;}


#foot .fnav{
	float:left;
	width:270px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd; margin-right:50px; min-height:180px; 
}

#foot .lxin{ float:left;  width:380px; padding-right:100px;margin-right:0; font-size:14px; }
#foot .lxin .tel{
	color:#000000;
	font-size:28px;

	font-family: Impact;
	background-image: url(tel.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
}
#foot .title{ font-size:20px; font-weight:bold; color:#000000; padding-bottom:10px;}
#foot .fnav>ul{}
#foot .fnav.two{ width:350px;}
#foot .fnav.two>ul>li{ float:left; width:50%; font-size:20px;}
#foot .fnav>ul>li>a{color:#4e4e4e; position:relative; font-size:14px; display:block;}
/*#foot .fnav>ul>li>a:after{
	content:'';
	position:absolute;
	bottom:0px;
	width: 2em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.5); left:0px;
}*/
#foot .fnav>ul>li>ul{ display:none}

#foot .qrcode{ float:right;}
#foot .copy{
	margin-top:20px; float:left; width:100%;box-sizing:border-box;
	clear:both;
	font-size:12px;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:#dddddd;
	background-image: url(logo.png);
	background-repeat: no-repeat;
	background-position: left center; min-height:84px; padding-left:250px; background-size:220px; 
}
#foot .copy>.fl{ min-height:84px;display: flex;
    justify-content:center;
    align-items:center;}
#foot .copy,#foot .copy a{color:#444444;}

#foot .copy .gotop{
	position:absolute;
	top:10px;
	right:0px;
	border: 1px solid rgba(255,255,255,0.5); float:right; line-height:30px; height:30px; width:30px; text-align:center; cursor:pointer;
}
/*关于我们*/


.about {
	padding-top:60px; padding-bottom:60px;
	background-image: url(aboutbg.jpg);
	background-repeat: no-repeat;
	background-position: center top; min-height:622px;box-sizing:border-box; 
}
.about .left{ float:left;  max-width:800px;}
.about .left .h1{
	font-size:53px;
	line-height:1.5;
	color:#ffffff;
	font-weight:bold;
	text-shadow:0 0 5px rgba(100,100,100,0.6);
	background-image: url(logo.png);
	background-repeat: no-repeat;
	background-position: left top; padding-top:80px;text-shadow:0 0 5px rgba(100,100,100,0.6);
}

.about .left .hc{ font-size:18px; color:#ffffff; padding-top:50px;text-shadow:0 0 5px rgba(100,100,100,0.6); max-width:640px;}

.about .right{ overflow:hidden; clear:both; padding-top:70px;
}
.about .right *{ max-width:100%;}


/*产品中心*/
.etitle{ font-size:36px; text-align:center; line-height:2;}
.etitle b{
	display:inline-block; position:relative;}
.etitle b:after{ content:''; width:2em; position:absolute; bottom:0; left:50%; margin-left:-1em;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #1F4A9C;
}
.pro{ clear:both;--swiper-theme-color:rgba(255,255,255,0.6);}

.protitle .title{
	background-image: url(12_r2_c1.jpg);
	background-repeat: no-repeat;
	background-position: left top; height:148px; width:420px; float:left; text-align:right; padding-right:30px;box-sizing:border-box; background-color:#204A9C;
}
.protitle .title .t1{
	font-size: 36px;
	color: #FFFFFF;
}
.protitle .title .t2{ font-size:24px; color:rgba(255,255,255,0.6);}

.protitle ul{ float:left;width:calc(100% - 600px);}
.protitle ul li{
	width:12.5%;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd;box-sizing:border-box; text-align:center; min-height:148px; position:relative;
}
.protitle ul li:before{ content:''; position:absolute; left:50%; bottom:0; height:2px; width:0%; background-color:#1F4A9C;-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;}
.protitle ul li.hover:before{ width:100%; left:0;}
.protitle ul li>div{ width:90%;}
.protitle ul li .t1{ font-size:20px; color:#333333; font-weight:bold;}
.protitle ul li .t2{
	color:#666666;
	font-size:12px;
	white-space: nowrap;
	overflow: hidden;
}

.protitle .more{ float:right; width:180px;}
.protitle .more a{  min-height:148px;}
.protitle .more a:hover{ background-color:#1F4A9C; color:#FFFFFF}
.pro .econtent{
	clear:both;
	background-image: url(probg.jpg);
	background-repeat: no-repeat;
	background-position: center top; background-size:100% 100%;/* min-height:617px;*/
}

.pro .picli{
	position:relative;
	width:100%;
	float:left; min-height:617px;box-sizing:border-box;/* padding-top:50px; padding-bottom:50px;*/ overflow:hidden;
	
}
.pro .picli .box>div{ max-width:1300px; margin:auto;}
.pro .picli .img{ float:left;  margin-right:50px;}
.pro .picli .right{ font-size:14px; float:left;}
.pro .picli .right .ntitle{ color:#1f4a9c; font-size:36px; position:relative; line-height:1.2; padding-bottom:20px;}
.pro .picli .right .ntitle:after{ content:''; position:absolute; left:0; bottom:0; width:1em; background-color:#17C227; height:3px;}
.pro .picli .right .dp{ margin-top:30px;}
.pro .picli .right .morei{ padding-top:30px;}
.pro .picli .right .morei a{
	display:inline-block;
	background-color:#ffffff;
	padding-left:50px;
	padding-right:50px;
	border-radius:30px;
	border: 1px solid #dddddd; font-size:18px;
}
.pro .picli .right .morei a:hover{ background-color:#1f4a9c; color:#FFFFFF;border-color:#1f4a9c;}


.case {	clear:both;
/*	padding-top:50px;
	padding-bottom:50px;*/
	background-image: url(casebg.jpg);
	background-repeat: no-repeat;
	background-position: center top; background-size:100% 100%; 
	--swiper-theme-color:rgba(255,255,255,0.6);
	}
.case .swiper-button-next{ right:-50px;}
.case .swiper-button-prev{ left:-50px;}
.case .econtent{ position:relative; margin-top:40px;}
.case .econtent .swiper-container{ position:relative; overflow:hidden;}
.boxin{ background-image:none;}

 .caseli{ max-width:380px; margin:auto;background-image: url(yy.png);
	background-repeat: no-repeat;
	background-position: center bottom;padding-bottom:12px; background-size:100% 12px;}
 .caseli .img img{ max-width:100%;}
.boxin .caseli{ width:23%; margin-left:1%; margin-right:1%; float:left; margin-top:20px; margin-bottom:20px;/*box-shadow:0 0 5px rgba(0,0,0,0.1);*/}
.boxin .caseli:nth-child(4n+1){ clear:both;}
.caseli .right{box-shadow:0 0 5px rgba(0,0,0,0.1);
	background-image: url(bg1.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #204A9C; padding:20px; -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.caseli .ntitle{ font-size:32px; font-weight:bold; line-height:1.2; color:#333333;}
 .caseli:hover .ntitle{ color:#FFFFFF;}
 .caseli .dp{ font-size:14px; margin-top:10px;}
 .caseli div.img{ overflow:hidden;}
 .caseli .morei{ text-align:right;}
 .caseli  .morei span{ padding:5px; color:#666666;display:inline-block; background-color:#FFFFFF; padding-left:10px; padding-right:10px; font-size:14px; line-height:20px;}
 .caseli  .morei span i{
	float:left;
	border-radius:100%;
	border: 1px solid #999999; width:20px; text-align:center; line-height:18px; font-size:16px; color:#999999;  margin-right:5px;
}
 .caseli:hover .right{ background-image:none; background-color:#204A9C; color:#FFFFFF;}


/*新闻动态*/
.news{ clear:both;}

.news .econtent{ padding-top:50px; position:relative; float:left; width:100%;}
.news .econtent *{ max-width:100%;}
.news .l{ float:left; width:49%;}
.news .r{ float:right; width:49%;}
.news .picli{
	float:left;
	width:100%;
	position:relative;

}
.news .l .picli{
	
	position:relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;  padding-top:8px; padding-bottom:8px;
}

.news .l .picli .img{ width:250px;  min-height:155px; max-height:155px; float:left;overflow:hidden; display:none;}
.news .picli:after{
	content:'';
	position:absolute;
	bottom:-1px;
	left:0px;
	width:0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #1F4A9C;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.news .l .picli:hover:after{ width:100%;}

.news  .r .picli .img{width:100%; overflow:hidden; min-height:175px; max-height:175px;}
.news .picli .img img{ width:100%;   transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s; min-height:155px; max-height:155px;}
	
.news .picli:hover .img 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);}
	
.news .picli .right{line-height:1.5; width:100%; padding:10px; position:relative;padding-left:0; padding-right:0; }
.news .l .picli .right{ padding-right:50px;}
.news .l .picli .right .morei{ position:absolute; top:50%; margin-top:-16px; right:0px;}
.news .r .picli .right .morei{ padding-top:10px; text-align:right; padding-bottom:10px;}
.news .l .picli .right .dp{ display:none;}

.news .picli .right .morei span{
	border: 1px solid #dddddd;color:#999999; line-height:30px; width:30px; text-align:center; display:inline-block; 
}
.news .picli:hover .right .morei span{ background-color:#1F4A9C; color:#FFFFFF;}
.news .picli .right .ntitle{
	font-size:18px;
	text-align:left;
	white-space: nowrap;
	overflow: hidden; padding-bottom:5px; font-weight:bold;
}
.news .picli .right  .date{ color:#7c7c7c; font-size:12px;}
.news .picli .right .dp{ padding-top:0px; margin-top:5px; color:#7c7c7c; font-size:14px; }

.news .picli .right .more{ clear:both; padding-top:10px;color:#666; font-size:12px;}

.news .l .picli .right{ padding-left:20px;}
.news .l .picli .right:before{
	position:absolute;
	left:0;
	top:10px;
	height:calc(100% - 20px);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #1F4A9C; content:'';
}
.news .l .picli:nth-child(1) {padding-top:0px; padding-bottom:0px;}
.news .l .picli:nth-child(1) .right{ padding-left:0;}
.news .l .picli:nth-child(1) .right:before{ display:none;}
.news .l .picli:nth-child(1) .img{ display:block;}
.news .l .picli:nth-child(1) .img+.right{width:calc(100% - 260px); float:right; padding-right:0px;}
.news .l .picli:nth-child(1) .img+.right .morei{ display:none;}
.news .l .picli:nth-child(1){ border:none; padding-bottom:20px;}
.news .l .picli:nth-child(1):hover:after{ display:none;}
.news .l .picli:nth-child(1) .right .dp{ display:block; margin-top:10px; max-height:6em; overflow:hidden;}
.news .l .picli:nth-child(1) .right{ padding-top:0;}

.news .r .picli{ float:left; width:48%; margin-left:1%; margin-right:1%;}
.news .r .picli .dp{ max-height:4.5em; overflow:hidden;}
.news .r .picli .date{ display:none;}
.news .more{ clear:both; text-align:center; padding-top:30px;}
.news .more a{
	display:inline-block;
	border: 1px solid #dddddd;border-radius:30px; padding-left:50px; padding-right:50px;
}
.news .more a:hover{ background-color:#204A9C; color:#ffffff;border-color:#204A9C;}
/*首页友情链接*/
.link{ background-color:#ffffff; padding-top:15px; padding-bottom:15px; font-size:14px;}
.link,.link a{ color:#4e4e4e;}
.link .t{ float:left;position:relative; padding-left:21px;}
.link .t i{ font-size:18px;color:#cccccc; float:left; line-height:1; position:absolute; left:0; top:50%; margin-top:-9px;}
.link .econtent{ float:left; width:calc(100% - 120px);}


.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:#204A9C;;
	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:14px;
}
#footnav a i{ display:block; font-size:24px; line-height:24px; margin-bottom:3px;}
#footnav a i.icon-weixin{ font-size:20px; }
#footnav a i.icon-chanpinguanli{ font-size:20px;}
#footnav a:nth-child(1):after{ display:none}


.app_header{ display:none;}

/*内页当前位置*/
#postion{ background-color:#F3F3F3;}
#postion .leftdh{ line-height:80px;}
#postion .leftdh ul ul{ display:none;}
#postion .leftdh ul>li{ display:inline-block;}
#postion .leftdh ul>li a{ display:inline-block; padding-left:20px; padding-right:20px; font-size:20px; position:relative;}
#postion .leftdh ul>li+li{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;
}

#postion .leftdh ul>li.hover>a,#postion .leftdh ul>li:hover>a{ background-color:#1e4b9c; color:#FFFFFF;}
#postion .leftdh ul>li>a:after{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;	content:'';
	position:absolute;
	bottom:-20px;
	left:50%;
	margin-left:-10px;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(255,255,255,0);
	border-right-color: rgba(255,255,255,0);
	border-bottom-color:rgba(255,255,255,0);
	border-left-color: rgba(255,255,255,0);}
#postion .leftdh ul>li.hover>a:after,#postion .leftdh ul>li:hover>a:after{
	border-top-color: #1e4b9c;
}

#postion .postion{ max-height:80px; min-height:80px; line-height:1.5; display: flex;justify-content:center;align-items:center; float:right; text-align:left; font-size:14px;}
#postion .postion i{ color:#cccccc; margin-right:3px;}
#postion .postion,#postion .postion a{ color:#777777;}

.boxin{ padding-top:30px; padding-bottom:30px;}
.boxin .aboutpic{ padding:0;}
/*内页企业文化*/

.qywhin .picli{ float:left; width:25%;}
.qywhin { padding-bottom:50px; padding-top:50px;}
.qywhin .picli>div:hover{box-shadow:0 0px 20px rgba(200,200,200,0.5)  inset;}
.qywhin .picli>div{ max-width:265px; margin:auto; text-align:center; padding-top:50px; padding-bottom:50px;}
.qywhin .picli>div .ntitle{ font-size:30px; padding-top:10px; padding-bottom:20px;}
.qywhin .picli>div .dp{min-height:8em; line-height:2;  padding-left:30px; padding-right:30px;}
.qywhin *{ max-width:100%;}
/*荣誉证书*/
.honorin{ padding-top:50px; padding-bottom:50px;} 
.honorin .picli{ float:left; width:20%; margin-bottom:20px;}
.honorin .picli *{ max-width:100%;}
.honorin .picli:nth-child(5n+1){ clear:both;}
.honorin .picli div.img{
	border: 1px solid #ddd;
	padding: 2px; width:260px; max-width:100%; margin:auto; 
}
.honorin .picli a{ overflow:hidden; display:block;display: flex;
    justify-content:center;
    align-items:center;min-height:195px; max-height:195px; overflow:hidden;}
.honorin *{ max-width:100%;}

/*详细页*/
#cms1 *{ max-width:100%;}
#cms1 .content{ font-size:16px; color:#333333; }
#cms1 h1.h1{ text-align:center;padding-right:20px; padding-left:20px; line-height:1.5;}
#cms1 h1.h1+.content{padding-top:20px;}
#cms1 .info{ color:#999; text-align:center; font-size:12px; padding-right:20px; padding-left:20px;}
#cms1 .info i{ margin-right:5px;}
.nextpage{ padding-top:20px; clear:both; line-height:1.5;}
.nextpage>div{
	padding-top:5px;
	white-space: nowrap;
	overflow: hidden; padding-bottom:5px;
}
/*联系*/
.contact *{ max-width:100%;}
.contact .left{ float:left; width:49%;}
.contact .right{ float:right; width:49%;}

.contact .map{ clear:both;}
.contact .map iframe{ width:100%; min-height:420px;}

/*产品*/
#cms .picli{

	width:23%;
	margin-left:1%;
	margin-right:1%;
	float:left; margin-bottom:20px; text-align:center
}
#cms .picli div.img{border: 1px solid #ddd; padding:5px; }

#cms .picli div.img>div{ overflow:hidden; min-height:265px; max-height:265px;}
#cms .picli div.img>div img{  min-height:265px; max-height:265px; max-width:100%; min-width:100%;}
#cms .picli div.ntitle{
	white-space: nowrap;
	overflow: hidden; margin-top:10px;
}
#cms .picli:nth-child(4n+1){ clear:both}




/*新闻动态*/
#cms .newsli{ text-align:left; position:relative; float:left; width:49%; padding-top:35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; position:relative; padding-bottom:35px;}
#cms .newsli:nth-child(2n+1){ clear:both;}	
#cms .newsli:nth-child(2n){ float:right;}	
#cms .newsli .date{
	width:100px;
	float:left;
	text-align:center;
	color:#1e4b9c;
	line-height:1.5;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ddd; font-size:12px; 
}
#cms .newsli .date b{ display:block; font-size:36px}
#cms .newsli .date span{ display:block}
#cms .newsli .right{
	margin-left:120px;
	position:relative;
	
}
#cms .newsli .right .time{ display:none}
#cms .newsli .right .share a{
	display:inline-block;
	color:#999;
	background-image: url(share.png);
	background-repeat: no-repeat;
	background-position: left center; padding-left:18px;
}
#cms .newsli .right .ntitle{
	font-size:22px;
	line-height:1.2;
	padding-bottom:10px;
	white-space: nowrap;
	overflow: hidden;
}
#cms .newsli .right .dp{ color:#999999; line-height:1.5; min-height:3em; max-height:3em; overflow:hidden;}
#cms .newsli .right .hc{ margin-right:230px;}
#cms .newsli div.img{
	position:absolute;
	top:50%; margin-top:-57px;
	right:0px;
	width:200px;
	padding:2px;
	background-color:#ffffff;
	overflow:hidden;
	border: 1px solid #dddddd;
}
#cms .newsli div.img a{ overflow:hidden; display:block;}
#cms .newsli div.img img{ width:100%;min-height:100px; max-height:100px;}

#cms .newsli:after{ content:'';	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color:#1e4b9c; position:absolute; bottom:0; left:0; width:0px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

#cms .newsli:hover:after{ width:100%;}

.proshow div.img{
	float:left;
	overflow:hidden;
	border: 1px solid #dddddd; padding:2px; background-color:#FFFFFF; width:750px; min-height:750px;
}
.proshow div.img>div{ overflow:hidden;}
.proshow div.img img{ max-width:100%; max-height:750px; }
.proshow .right{ float:right; width:calc(100% - 800px); font-size:22px; line-height:1.2;}
.proshow .right .item{ padding-top:5px; padding-bottom:5px;}
.proshow .right .t1{
	font-size:44px;
	color:#000000;
	font-weight: bold;
}
.proshow .right .t2{ color:#666666; padding-top:15px; font-size:20px;}

.proshow .right .t2,.proshow .right .t2 a{ color:#666666;}
.proshow .right .t2 a{ color:#000000;}
.proshow .right .t3{font-size:20px;
	margin-top:0px;
	color:#666666;
	line-height:1.5;
	word-break: break-all;
	white-space: pre-line;
	overflow-wrap: break-word;
	max-width:100%; padding-top:0;
}
.proshow .right .t5{ padding-top:15px;}
.proshow .right .t4{ padding-top:25px; line-height:55px; font-size:22px;}
.proshow .right .t4 a{ background-color:#1E4B9C; color:#FFFFFF; display:inline-block; padding-left:30px; padding-right:30px;border-radius:30px;}
.proshow .right .t4 a i{ margin-right:3px; font-size:22px;}

.back{ text-align:right; clear:both; padding-top:20px; line-height:38px;}
.back a{ display:inline-block; padding-left:20px; padding-right:20px; background-color:#1e4b9c; color:#FFFFFF; font-size:14px;border-radius:3px;}
.back a:hover{ background-color:#F69000;}

.ptitle{
	margin-top:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee; line-height:45px; margin-bottom:10px;
}

.ptitle b{
	display:inline-block;
	background-color:#ffffff;
	color:#333333;
	padding-left:30px;
	padding-right:30px;
	border-radius:3px 3px 0 0;
	/*border: 1px solid #eeeeee; */background-color:#204A9C; color:#FFFFFF; font-size:22px;
}

.sort{ line-height:45px; padding-top:30px; padding-bottom:30px; float:left; width:100%; text-align:center; }
.sort div>ul>li{  text-align:center; margin-top:5px; margin-bottom:5px; display:inline-block; margin-left:10px; margin-right:10px;}
.sort ul ul{ display:none;}
.sort div>ul>li>a{border-radius:5px;
	display:block;
	border: 1px solid #eeeeee; padding-left:30px; padding-right:30px;color: #666; font-size:22px; font-weight:lighter; line-height:60px;
}
.sort div>ul>li.hover>a,.sort div>ul>li:hover>a{ background-color:#1F4A9C; color:#FFFFFF;}




#cms .picli2{background-color:#FFFFFF;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.1); width:32%; margin-left:2%;padding:20px;box-sizing:border-box; float:left; margin-top:20px; margin-bottom:20px;}
#cms .picli2:nth-child(3n+1){clear:both; margin-left:0; }

#cms .picli2 div.img{ min-height:300px;max-height:300px; overflow:hidden;}
#cms .picli2 div.img *{ max-width:100%;max-height:300px;}
#cms .picli2 .right{ clear:both;}
#cms .picli2 .right .ntitle{
	font-size:30px;
	text-align:left;
	clear:both;
	white-space: nowrap;
	overflow: hidden;
}
#cms .picli2 .right .dp{ line-height:1.5; max-height:6em; min-height:6em; font-size:18px; text-align:left; overflow:hidden; font-weight:lighter; color:#555555;}


.block{padding-top:40px; padding-bottom:40px;}
.block .econtent{ padding-top:40px; margin:auto; box-sizing:border-box; clear:both;}
.aboutpic .left{ float:left; width:50%;}
.aboutpic .left .h1{ font-size:42px; line-height:1.5; color:#1e4b9c; font-weight:bold;}
.aboutpic .left .h2{ font-size:22px;line-height:1.5; font-weight:bold; color:#333333; max-width:420px;}
.aboutpic .left .hc{ font-size:16px; color:#393939; padding-top:30px;}
.aboutpic .left  .more{ padding-top:40px; line-height:35px;}
.aboutpic .left .more a{ display:inline-block; background-color:#F69000;color:#fff; padding-left:30px; padding-right:30px; position:relative;}
.aboutpic .left .more a:after{
	content:'';
	border-bottom-width:17.5px;
	border-left-width:5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: rgba(255,255,255,0);
	border-left-color: #F69000;
	position:absolute;
	right:-10px;
	top:0;
	border-top-width: 17.5px;
	border-right-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #F69000;
	border-right-color:  rgba(255,255,255,0);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.aboutpic .left .more a:hover{background-color:#1e4b9c;}
.aboutpic .left .more a:hover:after{border-top-color:#1e4b9c;border-left-color:#1e4b9c;}
.aboutpic .right{ width:48%;
	max-width:645px;
	min-height:376px;
	float:right;
	border: 1px solid #dddddd; padding:5px; overflow:hidden;
}
.aboutpic .right *{ max-width:100%;}


   .honorMain { 
/*padding-top:60px; padding-bottom:80px; */
}
/*.honorMain .econtent,.aboutpic .econtent,.contact .econtent{ padding-top:30px; margin:auto; box-sizing:border-box;}*/
  .honorMain .econtent{max-width:1200px; padding-left:80px; padding-right:80px;}
  
  .honorMain .honorList { overflow:hidden; padding-top:100px; padding-bottom:100px; max-width:1200px; margin:auto;  }

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

.honorMain  .econtent{ position:relative; }
.honorMain .swiper-button-next,.honorMain .swiper-button-prev{border-radius:100%;
	border: 2px solid #1e4b9c;--swiper-theme-color:#1e4b9c;--swiper-navigation-size:30px; width:44px; line-height:44px; height:44px; text-align:center;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.honorMain .swiper-button-next:hover,.honorMain .swiper-button-prev:hover{background-color:#1e4b9c; color:#ffffff;
}
.at .ali:nth-child(2n){ background-color:#f5f5f5;}
.sort{
	background-color:#ffffff;

}
.sort.fixed{ position:fixed; left:0; width:100%; z-index:22; padding-top:10px; padding-bottom:10px;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;}
.sort+div{ display:none;}
.sort.fixed+div{ display:block;}
.sort.fixed ul{ text-align:left;}

.sort.fixed ul li a{ border:none; font-size:14px; color:#000000; line-height:1.5;}
.sort.fixed ul li a:hover{ background-color:#ffffff;color: #204A9C; }


/*客服*/
.kefu{ position:fixed; top:30%;border-radius:10px; right:0; color:#FFFFFF; text-align:center; width:50px; z-index:19; font-size:12px; }

.kefu .iconfont{ color:#FFFFFF; font-size:24px; line-height:1;}
.kefu a{ color:#ffffff; overflow:hidden;}
.kefu .item:hover{ background-color:#204A9C;}
.kefu .item.wx{border-radius:25px 25px 0 0;}
.kefu .item.gotop{border-radius:0 0 25px 25px;}
.kefu .wx .wxqrcode2{
	Opacity:0;
	position:absolute;
	top:0;
	right:-200%;
	z-index:-1;
-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; 	transition:500ms;
	border: 1px solid #dddddd; padding:5px; background-color:#FFFFFF;
}
.kefu .wx:hover .wxqrcode2{Opacity:1; position:absolute; top:0; right:100%; z-index:-1; }
.kefu .item{background-color:#204A9C;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;border-top-color: rgba(255,255,255,0.6); position:relative;
}
.kefu .item .msg{
	background-color:#204A9C;
	position:absolute;
	right:-100%; font-size:14px; height:100%;
	top:0%;
	color:#fff;
	white-space: nowrap; padding-left:10px; padding-right:10px;  z-index:-1;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;box-sizing:border-box;border-radius:35px 0 0 35px;display: flex;
    justify-content:center;
    align-items:center;
}
.kefu .item .msg>div{ text-align:left; width:100%;}
.kefu .item .msg.ftel{ right:-350%;}
.kefu .item:hover .msg{right:100%;}
/*.kefu .item .msg:after{
	content:'';
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(255,255,255,0);
	border-right-color:  rgba(255,255,255,0);
	border-bottom-color: rgba(255,255,255,0);
	border-left-color: #EB9912; position:absolute; right:-10px; top:50%; margin-top:-5px;
}*/
.kefu .item:nth-child(1){ border:none;}
.kefu .item a{ display:block;padding:5px;padding-top:10px; padding-bottom:10px; cursor:pointer;}
.kefu .gotop .iconfont{
	border: 2px solid #ffffff;border-radius:100%; font-size:20px; padding:5px; font-weight:bold; display:inline-block;
}
/*.kefu .gotop>a{ padding-top:30px;}*/
.kefu .gotop  .txt{ padding-top:5px;}
@media screen and (max-width :816px){
#footnav{ display:block}
.kefu{ display:none}
}
.hezuo .protitle .econtent{ float:left;width:calc(100% - 420px);}
.hezuo{ clear:both;--swiper-theme-color:#E5E7F3;--swiper-navigation-size:30px;}
.hezuo .econtent{height:148px; position:relative; padding-left:60px; padding-right:60px;box-sizing:border-box;}
.hezuo .swiper-container{ position:relative; overflow:hidden;}
.hezuo  .picli{ padding:2px;}
.hezuo  .picli .img,.hezuoin .picli .img{ overflow:hidden;border: 1px solid #E5E7F3; background-color:#FFFFFF;}
.hezuo  .picli *,.hezuoin .picli .img *{ max-width:100%;}
.hezuoin{ width:1200px; margin:auto; max-width:100%;}
.hezuoin *{ max-width:100%;}
.hezuoin .picli{ float:left; width:18%; float:left; text-align:center; margin:5px; margin-left:1%; margin-right:1%;}
@media screen and (max-width :600px){

.hezuoin .picli{  width:23%;}
}

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

.hezuoin .picli{  width:48%;}
}

.y1{
	display:block;
	font-size:18px;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	border: 1px solid #dddddd;border-radius:5px; display:table; width:100%;
}
.y1 .yli{ display:table-cell; padding-left:10px; padding-right:10px;}

.y1 .yli .im img{
 -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.y1 .yli:hover .im img{transform: rotate(359deg)}


.y1 .yli .tt1{ font-size:18px; color:#555555; padding-top:10px; font-weight:bold;}
.y1 .yli .tt2{ color:#777777; font-size:14px; padding-top:10px;}

.y1 .yli{ display:table-cell; padding-left:10px; padding-right:10px;}
.y1 .yli .tt1{ font-size:18px; color:#555555; padding-top:10px;}
.y1 .yli .tt2{ color:#777777; font-size:14px; padding-top:5px;line-height:1.5;}



.y2{ display:block; font-size:18px; text-align:center; padding-top:20px; padding-bottom:20px;}
.y2 .yli{ display:table-cell; padding-left:10px; padding-right:10px; position:relative;}
.y2 .yli:before{ position:absolute; top:0; left:0; z-index:1; background-color:#f5f5f5; height:100%; content:''; width:1px;}
.y2 .yli .tt1{
	font-size:18px;
	color:#555555;
	padding-top:10px;
	white-space: nowrap;
}
.y2 .yli .tt1 span{ display:inline-block; background-color:#26A83A; color:#FFFFFF; padding-left:5px; padding-right:5px;}
.y2 .yli .tt2{ color:#777777; font-size:14px; padding-top:10px; line-height:1.5;}

.y2 .yli{ display:table-cell; padding-left:10px; padding-right:10px;}
.y2 .yli .tt1{ font-size:18px; color:#555555; padding-top:10px;}
.y2 .yli .tt2{ color:#777777; font-size:14px; padding-top:10px;}

#cms1 .h1{font-size:44px;}
.cli { clear:both; width:1200px; max-width:100%; margin:auto; display:table; margin-top:20px;}
.cli .li{ margin-top:20px; margin-bottom:20px; display:table-cell; padding-left:20px; padding-right:20px;box-sizing:border-box;}
.cli .li *{ max-width:100%;}
.cli .li .im{
	overflow:hidden;
	border: 1px solid #eeeeee;box-sizing:border-box; padding:5px;
}
.cli .li .im img{ min-width:100%;}
.cli .li .txt{ margin-top:10px; font-size:20px;}

@media screen and (max-width :768px){
.cli{ margin-top:10px;}
.cli .li .txt{font-size:16px;}
}
@media screen and (max-width :500px){
.cli,.cli .li{ display:block;}
}

.probox{ float:right; width:50%;}
.proboxim{ float:left; width:48%;}
.probox .boxli{ float:left; width:32%; padding:20px;box-sizing:border-box; margin-left:2%; margin-top:10px; margin-bottom:10px;box-shadow:0 0 5px rgba(0,0,0,0.05);border-radius:20px; overflow:hidden; cursor:pointer; background-color:#FFFFFF;}
.probox .boxli .ntitle{
	font-size:18px;
	font-weight:bold;
	white-space: nowrap;
	overflow: hidden;
}
.probox .boxli *{ max-width:100%;}
.probox .boxli div.img{ overflow:hidden;}
.probox .boxli:nth-child(3n+1){ margin-left:0; clear:both;}
.probox .r{ display:none;}

.proboxim div.img img{ max-width:100%; max-height:500px;}
.proboxim div.img{ width:100%; overflow:hidden; min-height:500px; max-height:500px;}

.proboxim .right{ clear:both; position:relative;}
/*.proboxim .right:before{ content:''; position:absolute; top:0; left:0; width:100px; height:2px; background-color:#204A9C;}*/
.proboxim .ntitle{ font-size:28px;color: #204A9C;}

.proboxim .dp{ color:#666666}
.proboxim  .swiper-container{ position:relative; overflow:hidden;}
.proboxim .swiper-pagination{ bottom:auto; top:510px; text-align:left;}
.proboxim .right{ padding-top:20px;}
.proboxim  .swiper-pagination-bullet{ width:50px; height:2px;border-radius:0;}

.proboxim  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.proboxim  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:auto;}
.proin #cms{ padding-top:50px;}

.jli,.fli{ width:850px; max-width:90%; margin:auto;}
.jli *,.fli *{ max-width:100%;}
.jli .li{ float:left; width:calc(100% / 3); margin-top:25px; margin-bottom:25px;}
.jli .li .im{ float:left; width:70px; overflow:hidden;}

.jli .li .txt{
	font-size:18px;
	color:#555555;
	font-weight:bold;
	float:right;
	width:calc(100% - 80px);
	min-height:60px;
	display: flex;
	align-items:center;
	text-align:left;
	
}
.jbox{ clear:both;}
.jbox:nth-child(1){ padding-top:0;}
.jbox:nth-child(2n+1){ background-image: url(jsbg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;}	
.jbox:last-child{ padding-bottom:50px;}	

.jbox .jboxli{  padding-bottom:80px;}

.jbox .jboxli .dp{ padding-top:50px;font-size:35px; text-align:center;background-image: url(jsbg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom; padding-bottom:50px; color:#333333;}
.jbox .jboxli .hc{padding-top:50px; color:#555555;}


.fli ol{ width:100%;}
.fli ol{ clear:both;}
.fli ol li{
	float:left;
	width:50%;
	font-size:18px;
	background-image: url(ol1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom; padding-top:40px; padding-left:65px;box-sizing:border-box; margin-top:30px; margin-bottom:30px; line-height:1.2; font-weight:bold;
}
.fli ol li:nth-child(2){background-image: url(ol2.jpg);}
.fli ol li:nth-child(3){background-image: url(ol3.jpg);}

@media screen and (max-width :768px){
.jboxs .jbox:nth-child(1){ padding-top:20px;}
.jbox .jboxli .dp{ margin-top:20px;}
.fli ol li{ width:100%; background-size:40px; padding-top:20px; margin-top:20px; margin-bottom:20px; padding-left:45px;}
.jli .li{ float:left; width:50%; margin-top:15px; margin-bottom:15px;}
.jli .li .txt{ font-size:16px;}
.jbox .jboxli .hc{ padding-top:30px;}
.jbox .jboxli{  padding-bottom:30px;}	
.jbox .jboxli .dp{ padding-top:30px;font-size:24px;  padding-bottom:30px;}
.jbox:last-child{ padding-bottom:20px;}	

	
}