/* CSS Document */

*{text-overflow: ellipsis;word-break:break-all;}
html{ width:100%; text-align:center}
body{
	margin: auto; position:relative;

	font-size: 16px;
	line-height: 2;
	color: #333333;
	min-width:1200px; max-width:100%; text-align:left; overflow-x:hidden;
	font-family: Microsoft Yahei,arial,Hiragino Sans GB,sans-serif;
}
body>div{ max-width:100%; overflow:hidden;}
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;}

table{
border-collapse: collapse;
}
a{
color: #000000;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

a:hover{
	color: #00AF50;
}
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;}
@-webkit-keyframes mycolor{
		0%{
				
				}
				30%{
		
					transform: rotate(90deg);
					
				}
				
				60%{
		
					transform: rotate(270deg);
					
				}
				
				100%{
			
					transform: rotate(360deg);
				
				}
	}

.clear{ clear:both}
/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img{    transition: all 0.3s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.fd:hover img{    transform: scale(1.2);
    -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}
.box{
	width:1450px;
	margin:auto;
	min-width:1450px;

}
/*.box h1.h1{color: #fff;font-size: 1px;display:none;}*/




.app_header{ display:none;}


.app_top{width:100%;height:112px; float:left; display:none}

.app_top2{width:100%;height:112px; float:left;}
.app_top3{width:100%;height:80px; float:left;}
#menu{ z-index:22;}


#header{
	float:left;
	width:100%;
	z-index:2;
	position:fixed;
	z-index:23;
	top:0px;
	left:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:rgba(255,255,255,0.5);
}
#header .boxs{ min-width:1000px;margin:auto; text-align:center;}
#header .logo{ padding-left:0px;padding-top:10px; padding-bottom:10px; margin-left:80px; position:absolute; left:0px; top:0px; }
#header .navfr{ position:absolute; top:0px; right:0px;}
 #nav{

	font-size:14px;

	line-height:83px;

	font-weight:200; display:inline-block; 

}
 #nav ul{ float:left; z-index:2; width:100%;}

 #nav ul li{
	
	position: relative;
}
#nav > ul> li{ float:left;  text-align:center; margin-left:2px;}
 #nav ul li a{ display:block; padding-left:32px; font-size:18px; padding-right:32px; color:#ffffff;}
 

#nav > ul> li.active>a,#nav > ul> li.hover>a,#nav > ul> li:hover>a{
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}


#nav > ul> li.nodes>a{-webkit-transition:0ms; -moz-transition:0ms; -ms-transition:0ms; transition:0ms;}
#nav > ul> li.nodes:hover>a{border-radius:10px 10px 0 0;}

 #nav ul li ul{ display:none;
	position: absolute;
	width: 100%; float:left;
	left: 0px;
	top: 88px;
	background-color:#FFFFFF; background-color:rgba(255,255,255,0.9);
font-size:14px; line-height:1.2;padding:0px; background: #01ADDD; 
}
 #nav ul li ul li ul{	left:100%;
	top: 0px; padding-top:0px;}

 #nav ul li ul li{
	float:left;
	width:100%;
	padding:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;border-top-color:rgba(0,0,0,0.1);	
	border-bottom-color:rgba(255,255,255,0.1);
}

 #nav ul li ul li a{border-radius:0px; line-height:15px; display:block; padding:0px; padding-top:5px; padding-bottom:5px;}
 #nav ul li ul li a:hover{ background-color:#01A96C; color:#FFFFFF;}
/* #nav ul li:hover> ul{display:block;}*/







#footnav{
	position: fixed; z-index:2;
	left: 0px;
	bottom: 0px; float:left; width:100%; background-color:rgba(0,0,0,0.6); display:none;
}
#footnav a{
	float:left;
	width:33.3333%;
	text-align:center;
	position: relative; line-height:35px; color:#FFFFFF;
}
#footnav a i{ margin-right:5px;}
#footnav a:after{ content:'';
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(0,0,0,0.8);
}
#footnav a:before{content:'';	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(255,255,255,0.1);
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
}
#footnav a:nth-child(1):after{ display:none}

/*内页底部*/
.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; 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: #00AF50; color:#FFFFFF}

.pagination li a{ color:#333333}



#footer{ background-color:#13924D; padding-top:55px;  clear:both; margin-top:50px;}
#footer .footlogo{ float:left;  text-align:center; margin-right:20px;}

#footer,#footer a{ color:#999999}
#footer .fnav{ float:left;  color:#bfbfbf; }
#footer .footnavs{overflow:hidden; margin-bottom:30px;}

#footer .fnav>ul{overflow:hidden;}
#footer .fnav>ul>li{ float:left; padding-right:60px; padding-left:60px; position:relative;}
#footer .share{ padding-left:60px;}
#footer .fnav>ul>li:before,#footer .share:before{
	content:'';
	left:0px;
	top:0px;
	height:1000px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;border-color:rgba(255,255,255,0.3); position:absolute;
}
#footer .fnav>ul>li:nth-child(1):before{ display:none}
#footer .fnav>ul>li>a,#footer .share .title{ display:block;  font-size:16px; color:#ffffff;font-weight:bold;}
#footer .share{ position:relative;}
#footer .share .qrcode{ padding-top:10px;}
#footer .share .sha{ padding-top:10px; clear:both;}
#footer .share .sha img{ margin-left:5px;}
#footer .fnav ul li ul li a{ display:block;  font-size:14px; line-height:1.2; color:#ffffff;color:rgba(255,255,255,0.8); padding-top:3px; padding-bottom:3px;}
#footer .fnav>ul>li>ul{ padding-top:10px;}
#footer .fnav>ul>li>ul ul{ display:none}


#footer .flx{text-align:right; font-size:14px; background-color:#00B050; color:#FFFFFF; color:rgba(255,255,255,0.8); text-align:left;  padding-top:30px; padding-bottom:30px;}
#footer .flx .add>span{	background-image: url(add.png);}
#footer .flx .tel>span{ background-image: url(tel.png); line-height:35px;}
#footer .flx .mail>span{	background-image: url(sms.png); line-height:35px;}

#footer .flx .item{box-sizing:border-box; 
	float:left;
	width:25%;
	
	margin-left:10%;

	line-height:1.5;
} 
#footer .flx .item>span{ min-height:35px;display:block;padding-left: 50px; padding-right:20px;background-position: left center;background-repeat: no-repeat;  }
#footer .flx .item:nth-child(3n){ float:right;}
#footer .flx .item:nth-child(3n+1){ margin-left:0px; clear:both;}
.copy{ text-align:center; font-size:14px;   clear:both;  padding-top:10px; padding-bottom:10px;}
.copy .box{
 font-size:14px;color:#ffffff; color:rgba(255,255,255,0.9);
}

.copy a{ color:#ffffff; color:rgba(255,255,255,0.6);}

.foot{ clear:both;background-color:#13924D;}
.foot .banquan{ text-align:left;}





/*banner*/


#header{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#header.open{ background-color:rgba(0, 175, 80, 0.75);}
#header .fr i{ color:#ffffff; font-size:22px;}
#header .fr .search{ padding-top:30px;}
#header .fr .search button{ border:none; background-color:rgba(255,255,255,0); line-height:28px; width:30px; text-align:center; float:right}
#header .fr .search input{ display:none}

#header .fr .search input{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; height:28px; line-height:28px; background-color:rgba(255,255,255,0); border:none; color:#FFFFFF;}
#header .fr .search input:focus{ border:none;}
#header .fr .search form{ 
	border: 1px solid rgba(255,255,255,0);border-radius:5px; padding-left:5px;
}
#header .fr .search form button:after{ content:''; clear:both;}
#header .fr .search:hover form{border: 1px solid #dddddd;}
#header.open .fr .search:hover form{border-color:#ffffff;border-color:rgba(255,255,255,0.6);}
#header .fr .search:hover input{ display:block; float:left;}
#header .fr .search input::-webkit-input-placeholder{ color:rgba(255,255,255,0.8)}
#header .fr .lang{padding-top:20px; position:relative; width:70px; margin-left:20px; line-height:40px;}
#header .fr .lang ul{ display:none; position:absolute; left:0px; top:60px; font-size:14px; background-color:rgba(255,255,255,0.6);}
#header .fr .lang:hover> ul{ display:block;}
#header .fr .lang ul li{}
#header .fr .lang ul li a{
	display:block;
	padding-left:10px;
	padding-right:10px;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0,0,0,0.1);*/
	font-size:12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,0.5);
}
#header .fr .lang ul li:nth-child(1) a{ border:none;}
#header .fr .lang ul li a:hover{background-color:#00AF50; color:#FFFFFF}
#header .fr .menu{ background-color:(0, 175, 80, 0.75); height:88px; width:80px; line-height:88px; text-align:center;}
#header .fr .menu i{ font-size:36px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

#header+  .navnode{  overflow:hidden; background-color:rgba(41, 41, 41, 0.76);; position:fixed; top:0px; left:0px; height:100%; box-sizing:border-box; padding-top:100px; width:100%; z-index:22;display:none;}
/*body.in #header+  .navnode{ padding-top:0px;}*/
#header+   .navnode, .navnode a{ color:#FFFFFF}
#header+  .navnode .center{ height:calc(100% - 100px);}
body.in #header+  .navnode .center{ height:calc(100% - 300px);}
#header+  .navnode .box> ul> li{ float:left; width:18%; margin-left:1%; margin-right:1%; margin-top:20px;}
#header+   .navnode .box> ul> li:nth-child(5n+1){ clear:both;}

#header+   .navnode .box> ul> li>a{ font-size:24px;}
#header+   .navnode .box> ul> li>ul{ padding-top:15px;}
#header+   .navnode .box> ul> li>ul>li>a{ color:#cccccc;}
#header+   .navnode ul li ul li{ width:100%;}
#header+   .navnode ul li ul li ul{ display:none;}


body.init .section-wrap .section { height:100%;}
body.init .section-wrap .section .flash,.flash>div{height:100%;}
body.init .section-wrap .section .flash .swiper-slide{ height:100%;}
/*body.init .section-wrap .section .flash .swiper-slide img{ width:1920px; margin-left:-360px; min-height:100%; }*/


.flash .swiper-slide{ overflow:hidden;}
.flash .swiper-slide img{ width:100%; min-height:100vh; max-height:100vh; }
.flash .swiper-slide a{ display:block; width:100vw; max-width:100%; margin:auto; }
.flash  .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:70px; left:70px;border-radius: 0%; text-align:left;}
.flash  .swiper-container-horizontal > .swiper-pagination-bullets span.swiper-pagination-bullet{
	width:145px;
	height:70px;
	border: 5px solid #ffffff;border-radius: 0%;opacity: 1; margin-left:10px; margin-right:10px;
}
.flash  .swiper-container-horizontal > .swiper-pagination-bullets span.swiper-pagination-bullet-active {border: 5px solid #00AF50;}
.flash  .swiper-container-horizontal > .swiper-pagination-bullets span img{ width:100%; height:100%;}

















/*产品展示*/
.pro{
	clear:both;
	float:left;
	width:100%;
	background-image: url(ban-2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	 background-size:100% 100%; color:#FFFFFF;
}

.pro .etitle{ font-size:36px; position:relative;}
.pro .etitle:before{
	content:'';
	position:absolute;
	left:0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	bottom: 0px; width:2em;
}
.pro .etitle span{
	font-size:24px;
	padding-left: 5px;
	text-transform: uppercase;
}
.pro .hc{
	font-size:22px;
	padding-top:20px;
	padding-bottom:20px;
	max-width:900px;
	font-family: "新宋体";
}
.pro .econtent{
	margin-bottom:0px;
	clear:both;
	padding-top:0px;

}

.pro .econtent .proli{
	text-align:center;
	 position:relative; overflow:hidden;border-radius:0 0 50px 0;

}

.pro .econtent .proli .img img{ max-width:100%;  display:block; float:left;}
.pro .econtent .proli .img{

	overflow:hidden; float:left; width:100%; padding-top:20px; padding-bottom:20px; 
}
.pro .econtent .proli .img>div{ overflow:hidden;}
/*.proli:hover{border: 1px solid #F1A62C;}*/
.pro .econtent .proli .right{
	clear:both; box-sizing:border-box; padding:20px; text-align:left; height:100%;width:100%; z-index:1;


}
.pro .econtent .proli .img .phone{ display:none}
.pro .econtent .proli a{ display:block; color:#444444;padding:40px;background-color:#FFFFFF;   }
.pro .econtent .proli a:hover{ display:block; background-color:#00AF50; color:#FFFFFF;}

.pro .econtent .proli .right  .title{

	white-space: nowrap;
	overflow: hidden;
	width: 100%; font-size:20px; line-height:1.2; position:relative; 

}

.pro .econtent .proli .right .dp{
	margin-top:10px;
	font-size:16px;
	font-weight: bold;
}
.pro .econtent{ position:relative; padding-top:20px;}
.pro .button-next,.pro  .button-prev{
	top:-50px;
	position:absolute;
	width:30px;
	height:30px;
	background-size:20px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 2px solid #ffffff;border-radius:100%; text-align:center;border-color:rgba(255,255,255,0.6);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.pro .button i{color:rgba(255,255,255,0.6);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.pro .button:hover i{ color:#FFFFFF}
.pro .button:hover{border-color:#ffffff;}

.pro .button-next{
right: 10px;}
.pro  .button-prev{
right: 60px;
}

/*关于金莎*/
.about{
	
	color:#000000;
	background-image: url(aboutbg1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom; padding-bottom:60px; padding-top:40px; clear:both; background-color:#ffffff;
}

.about .etitle{ font-size:36px; position:relative; }
.about .etitle:before{
	content:'';
	position:absolute;
	left:0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00AF50;
	bottom: 0px; width:2em;
}
.about .etitle span{
	font-size:24px;
	padding-left: 5px;
	text-transform: uppercase;
	color: #666666;

}

.about .left.img{ display:none}
.about .econtent{ clear:both;padding-top:30px; float:left; width:500px; line-height:1.5;}
.about .econtent .title{ font-size:26px;}

.about .econtent+.img{ margin-left:550px; position:relative;}
.about .econtent+.img .txt{ position:absolute; bottom:-17px; left:0px; width:100%; z-index:1; text-align:center;}
.about .econtent+.img .txt a{background-color:#ffffff;color:#00AF50;

	display:inline-block;
	padding-left:35px;
	padding-right:35px;
	line-height:35px;
	font-size:14px;
	border-radius:20px 0 20px 0;
	margin-left:5px;
	margin-right:5px;
	border: 1px solid #00AF50;
}
.about .econtent+.img .txt a.hover{	color:#ffffff;
	background-color:#00AF50;}	

.about .econtent+.img img{ max-width:100%;}
.about  .econtent .hc{font-size:18px; color:#666666; margin-top:20px;}

.about .econtent .youshi{ clear:both; padding-top:50px; padding-bottom:30px;}
.about .econtent .youshi .item{ display:inline-block; padding-right:0px;}

.about .econtent .youshi .item2{
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #00AF50; margin-left:50px; padding-left:50px;
}

.about .econtent .youshi .item .t2{  color:#666666;font-size:24px; line-height:1; position:relative; padding-right:20px;}
.about .econtent .youshi .item .t2 i{
	position:absolute;
	right:0px;
	top:0px;
	color:#FFFFFF;
	font-size:12px;
	background-color:#00AF50;
	width:20px;
	line-height:20px;
	border-radius:100%;
	font-style: normal;
	text-align: center;
}
.about .econtent .youshi .item .t2 span{ font-size:60px;}
.about .econtent .youshi .item .t3{ color:#666666}

.about *{ max-width:100%;}

.about .more{ text-align:left; clear:both; padding-top:30px; line-height:35px;}
.about .more a{
	color:#ffffff;
	background-color:#00AF50;
	display:inline-block;
	padding-left:35px;
	padding-right:35px;
	font-size:14px;
	border-radius:30px 0 30px 0;
	border: 1px solid #00AF50;
}
.about .more a i{ margin-left:5px;}
.about .more a:hover{ background-color:#ffffff; color:#00AF50;}


.news{
	clear:both;

	
	background-image: url(ban-4.jpg);
	background-repeat: no-repeat;
	background-position: center center; background-size:100% 100%;
}

.news .etitle{ font-size:36px; position:relative; color:#FFFFFF}
.news .etitle:before{
	content:'';
	position:absolute;
	left:0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	bottom: 0px; width:2em;
}
.news .etitle span{
	font-size:24px;
	padding-left: 5px;
	text-transform: uppercase;
}
.news .box{ position:relative;}
.news .econtent{ padding-top:20px; clear:both;}  
.news .newstop { clear:both; padding-top:40px;}
.news .newstop .picli{ float:left; width:49%; margin-left:2%;  margin-bottom:10px; position:relative}
.news .newstop .picli .img{ overflow:hidden;}
.news .newstop .picli .img img{ width:100%;}
.news .newstop .picli:nth-child(2n+1){ margin-left:0; }
.news .newstop .picli .right{ position:absolute; left:20px; top:20px; background-color:rgba(255, 255, 255, 0.82); width:50%; border-radius:0 0 50px 0; overflow:hidden;}
.news .newstop .picli .right>div{padding:20px; display:block;}
.news .newstop .picli .right .sort{ color:#00b050; font-size:14px;}
.news .newstop .picli .right .title{ font-weight:bold; }

.news .newstop .picli .right .date,.news .econtent .li .date{ font-size:12px; color:#888888}
.news .newstop .picli .dp,.news .econtent .li .dp{ display:none}
.news .econtent .li  .sort,.news .newstop .picli .right .sort{ color:#00b050; font-size:14px;position:relative; font-weight:bold;}
.news .newstop .picli .right .title,.news .econtent .li  .title{min-height:7.5em; max-height:7.5em; overflow:hidden;  font-size:18px; color:#444444; line-height:1.5; margin-top:10px;}
.news .econtent .li  .sort:before,.news .newstop .picli .right .sort:before{
	position:absolute;
	bottom:0px;
	left:0px;
	width:2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00b050; content:'';
}

.news .econtent .li{ float:left; width:32%; margin-left:2%; margin-bottom:30px; position:relative;}
.news .econtent .li a{padding:20px; display:block;background-color:#FFFFFF; border-radius:0 0 50px 0; overflow:hidden; }
.news .econtent .li:nth-child(3n+1){ margin-left:0px;}




.news .more{ text-align:left; clear:both; padding-top:60px; line-height:35px; position:absolute; right:0px; top:40px;}
.news .more a{
	color:#ffffff;
	background-color:#00AF50;
	display:inline-block;
	padding-left:35px;
	padding-right:35px;
	font-size:14px;
	border-radius:30px 0 30px 0;
	border: 1px solid #00AF50;
}
.news .more a i{ margin-left:5px;}
.news .more a:hover{ background-color:#ffffff; color:#00AF50;}

/*案例展示*/
.case{
	clear:both;
	
	background-image: url(ban-5.jpg);
	background-repeat: no-repeat;
	background-position: center center; background-size:100% 100%;
}
.case .etitle{ font-size:36px; position:relative; color:#FFFFFF}
.case .etitle:before{
	content:'';
	position:absolute;
	left:0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	bottom: 0px; width:2em;
}
.case .etitle span{
	font-size:24px;
	padding-left: 5px;
	text-transform: uppercase;
}
.case .more{ text-align:left; clear:both; padding-top:30px; line-height:35px;}
.case .more a{
	color:#ffffff;
	background-color:#00AF50;
	display:inline-block;
	padding-left:35px;
	padding-right:35px;
	font-size:14px;
	border-radius:30px 0 30px 0;
	border: 1px solid #00AF50;
}
.case .more a i{ margin-left:5px;}
.case .more a:hover{ background-color:#ffffff; color:#00AF50;}

.case .box>div>.more{ display:none}
.case  .hc{
	font-size:22px;
	padding-top:20px;
	padding-bottom:20px;
	max-width:900px;
	font-family: "新宋体"; color:#FFFFFF; line-height:1.5;
}
.case .left{ float:left; width:40%;}
.case .econtent{ float:right; width:60%; }
.case .econtent .li{ float:left; width:48%; margin-left:2%; margin-bottom:20px; position:relative;}
.case .econtent .li:nth-child(1){ float:right}
.case .econtent .li:nth-child(2){ clear:both;}
.case .econtent .li a{
	padding:20px;
	display:block;
	background-color:rgba(255,255,255,0.2);
	color:#FFFFFF;
	border-radius:0 0 50px 0;
	overflow:hidden;
	border: 1px solid #ffffff;border-color:rgba(255,255,255,0.6);
}
.case .econtent .li a:hover{ background-color:#00AF50;border-color:#00AF50;}
.case .econtent .li .title{ line-height:1.2; font-size:18px; padding-bottom:10px; position:relative;}
.case .econtent .li .title:before{
	content:'';
	position:absolute;
	left:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	bottom: 0px; width:2em;
}
.case .econtent .li .dp{ min-height:7.5em; max-height:7.5em; overflow:hidden; line-height:1.5; font-size:14px; margin-top:10px;}
.case .econtent .li .date{ font-size:12px; padding-top:10px;}

.pro>div,.case>div,.about>div,.news>div{ text-align:left;}

.news .etitle,.pro .etitle,.about .etitle,.case .box>div{ margin-top:80px;}

.news .etitle span,.pro .etitle span,.about .etitle span,.case .etitle span{
	font-family: Tahoma;
}




/*.navnode+.intop{ height:80px;height:120px;}*/

.banner{ margin-top:88px;}


body.in .ny{ margin-top:80px; clear:both;}
body.in.isba .ny{ margin-top:0px;}
body.in .navnode + .intop{ display:none}
body.in .ny .sorts{ margin-top:-30px;}
.section-btn{ display:none}
body.init .section-btn{ display:block;}

.banner .box{ width:1000px; min-width:1000px;}
.banner .box img{ width:1920px; margin-left:-460px;}








/*内页*/


#left{
	float:left;
	 width:270px; overflow:hidden;
}
#left .leftnav{background-color: #00AF50; border-radius:5px 5px 0 0; overflow:hidden;border-radius:10px;min-height:1020px; float:left; width:100%;}
.ny #left .leftnav{ min-height:0px;}
#right{ float:right; width:1150px; margin-bottom:30px;}
#left .etitle{
 font-size:28px; color:#FFFFFF; line-height:2; text-align:center; padding-left:20px;
}
#left .etitle i{ margin-left:10px; font-size:28px;}
#left .sort{ background-color:#FFFFFF; margin:10px; padding:5px;border-radius:5px 5px 0 0;}
#left .sort ul li a{  display:block; padding:5px; padding-right:10px; padding-left:40px; margin-bottom:5px;}

#left .sort>ul>li>a{ background-color:#00AF50;  color:#FFFFFF;/*text-shadow: 0px 0px 3px #000000;*/border-radius:3px; font-size:16px;}
#left .sort>ul>li>ul{ padding-bottom:5px; }
#left .sort>ul>li>ul>li>a{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; display:block;	background-repeat: no-repeat;
	background-position: 210px center; padding-left:60px;
}
#left .sort>ul>li>a{
	background-image: url(sortli.png);
	background-repeat: no-repeat;
	background-position: 20px center;

}
#left .sort li.hover>a,#left .sort li>a:hover{ background-color:#13924D; color:#FFFF00;}
#left .more{ margin:10px; background-color:#01A396; font-size:30px; color:#FFFFFF; text-align:center; margin-top:-10px;border-radius:0 0 5px 5px;}
#left .more a{color:#FFFFFF;}



/*body.in{ background-color:#f5f5f5;}*/
.ny{ padding-top:30px;}
body.in #right{ background-color:#FFFFFF;}

#postion{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; margin:20px; margin-bottom:0px; padding-bottom:10px; line-height:50px; margin-top:10px;
}
#postion b{ float:left; color:#00AF50; font-size:24px;}
#postion .postion,#postion .postion a{ font-size:12px; color:#999999;}
#postion .postion{ float:right}


#cms,#cms1{padding:20px 2px; clear:both;
	float: left;
	width: 100%;
	overflow: hidden;
	min-height:550px; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
padding-bottom:50px;
}
#cms *{ max-width:100%;}
#cms1 h1.h1{ line-height:1.5; padding-top:10px; padding-bottom:10px;}
#cms1 .content{ width:98%; margin:auto;

	overflow-x:auto;
	margin-top: 10px;
	padding-bottom: 10px; color:#333333; line-height:1.5; font-size:16px;
}



.back a{
	background-color: #666666;

	padding-right: 15px;

	padding-left: 15px; color:#fff; clear:both; font-size:12px; display:inline-block;
}
.back a:hover{ background-color:#D63403; color:#FFFFFF}

.back { text-align:right; clear:both; line-height:32px; padding-top:20px;
	
}

#info{
	font-size: 12px;
	color: #999999;
	text-align: center;
}
#cms1 *,#cms2 *{ max-width:100%;}
#cms1 img{ margin-bottom:5px; margin-top:60px;}
#cms1 h1.h1{ color:#333333;font-size: 16px;}




#cms .li{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #dddddd;
	padding-bottom: 10px;
	line-height: 32px;
	font-size: 14px; padding-top:10px;
	
}

#cms .li .img{ width:180px; height:120px; overflow:hidden; float:left;}
#cms .li .img img{ width:100%; height:100%;}
#cms .li .img+.right{ margin-left:200px; clear:none; float:none;}

#cms .li .ntitle{
	float: left;
	width: 80%;
	text-align: left;
	white-space: nowrap;
	font-size:14px;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	padding-left:10px;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ 

}
#cms .li .ntitle{ padding-left:20px;}
#cms .li .ntitle:after{
	height: 4px;
	width: 4px;
	margin-top: -2px;
	position: absolute;
	left: 10px;
	top: 50%;
	background-color: #00AF50;content:'';
}
#cms .li .ntitle a,#cms .li .title a{
	color:#555555; 

}

#cms .li .ntitle a:hover,#cms .li .title a:hover{
	color: #00AF50;

}

#cms .li .time{
	float: right;

	color: #999999;
	font-size: 14px; margin-right:5px;
}
#cms .li .time a{color: #999999;}
#cms .li:hover{background-color: #00AF50;}
#cms .li:hover .ntitle:after{background-color:#ffffff;}
#cms .li:hover .ntitle a{ color:#ffffff;}

#cms .li:hover  .time,#cms .li:hover .time a{	color: #ffffff; color:rgba(255,255,255,0.8);
}

#cms .li .ntitle a,#cms .li .title a,#cms .li .time a{ display:block;}
#cms .list{ width:23%;overflow:hidden;margin-left:1%; margin-right:1%; float:left; margin-top:10px; margin-bottom:10px;}
#cms .list:nth-child(4n+1){ clear:both}
#right #cms .list{ width:31.3333%; }

#cms .list .right{ padding: 20px; /*padding-bottom:30px; padding-top:20px;*/ clear:both;}
#cms .list .right .dp{ font-size:14px; line-height:1.5; color:#666666; height:3em; overflow:hidden; }
#cms .list.appli .right .dp{ display:none}

#cms .list:hover .right{ background-color:#00AF50;}
#right #cms .list:nth-child(4n+1){ clear:none}
#right #cms .list:nth-child(3n+1){ clear:both}
#cms .list  .ntitle{
	white-space: nowrap;
	overflow: hidden;
}

#cms .list a:hover  .ntitle{color:#00AF50}

#cms .list .right .more{ text-align:center; padding-top:5px;}
#cms .list .right .more a{
	font-family: "新宋体";
	font-size: 12px;
	color: #606060;
}
#cms .list:hover .right .more a{ color:#FFFFFF}
/*#cms .list .item1{ color:#666666}
#cms .list .item2{ color:#666666}*/
#cms .list .img{ padding:5px;/*border-radius:3px;*/
	 
	border: 1px solid #dddddd; min-height:220px; max-height:220px; _height:220px; overflow:hidden; background-color:#FFFFFF; text-align:center; 
}
#cms .list .img img{max-width:100%;  max-height:100%;}
#cms .list.appli .img{min-height:225px; max-height:225px; _height:225px;}

/*#cms .list.appli .img img{width:100%;min-height:290px; max-height:290px; _height:290px;}*/
#cms .list .img{ /*background-color:#e8e9eb*/
	position: relative;
}
/*#cms .list .img img{height:230px; width: 100%;}*/

#cms .list .img a:hover img,#cms .list:hover .img  img{opacity:1; }
#cms .list .ntitle{
	font-size:18px;
/*	padding-top:5px;*/
	padding-bottom:5px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;	 color:#000000;
}

#cms .list:hover .title{ color:#00AF50}
#cms .list:hover .title,#cms .list:hover .dp{color:#ffffff;}


#cms .picli{
	float: left;
	width: 98%;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	padding-left:1%;
	padding-right:1%;

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

/*#cms .picli:hover a{color: #0099FF;}*/
#cms .picli .img{

	overflow:hidden;
	padding: 2px;box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
	border: 1px solid #dddddd; border-radius:3px; overflow:hidden; float:left; background-color:#FFFFFF;
}
#cms .picli .img img{ width:235px; height:120px;}


#cms .picli .img+.right{ margin-left:270px; margin-right:10px;}

#cms .picli.newsli .img img{ width:160px; }
#cms .picli.newsli .img+.right{ margin-left:190px;}

#cms .picli .right .dp{ float:left; width:100%; 
/*	font-family: "宋体";*/
	font-size: 14px;
	color: #999999; line-height:1.5; height:3em; overflow:hidden;
}
#cms .picli .img+ .right> .dp{ max-height:6em;}
#cms .picli .date+ .right> .dp{ height:3em;}
#cms .picli .right .ntitle{
	font-size: 18px;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;
}
#cms .picli .right .ntitle a{	font-size: 18px;}
#cms .picli .date{
	float:left;
	overflow:hidden; background-color:#999999;
	background-color:rgba(0,0,0,0.6);

	width:90px;
	height:90px;
	text-align: center;border-radius:5px; font-size:12px;
}
#cms .picli .date+.right{ margin-left:100px;}	
#cms .picli .date>span{display:block; font-size:32px;background-color:rgba(255,255,255,0.2); color:#FFFFFF; line-height:60px;}
#cms .picli .date>i{
	font-size: 14px;
	font-style: normal;
	line-height: 30px;
	color: #ffffff; display:block;
}

#cms .picli:hover{background-color:#00AF50;

-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#cms .picli img{    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;}
#cms .picli: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);}


#cms .picli .right .ntitle{
	float: left;
	width: 80%;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;

text-overflow: ellipsis;
}
#cms .picli .ntitle a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#cms .picli .time{
	float: right;
	width: 12%;
	color: #999999;
	font-size: 12px;
}
#cms .picli .title,#cms .picli .dp{ float:left; width:100%;}
#cms .picli .dp{ font-size:12px; color:#999999; line-height:1.5;  }
#cms .picli:hover a,#cms .picli:hover .dp,#cms .picli:hover .time{ color:#FFFFFF}
#cms .picli:hover{ margin-left:-5px;}
















.proshow .right .h1{
	font-size:22px;
	line-height:1.2;
	color:#00AF50;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #dddddd; padding-bottom:10px;
}
.proshow .right  .xq{ padding-top:10px;}
.proshow .right .tel{ font-size: 22px; color:#666666;  margin-top:20px; background-color:#f5f5f5; padding:10px; float:left; width:100%;box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; padding-left:20px; padding-right:20px;}
.proshow .right .tel span{
	color:#00AF50;
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}
.proshow .right .tel b,.proshow .right .tel span{ float:left;}
.proshow .right .tel a{ background-color:#00AF50; display:inline-block; padding-left:20px; padding-right:20px; color:#ffffff; font-size:18px; float:right;box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; text-align:center;}


.ptitle{ background-color:#f5f5f5; margin-top:20px; line-height:50px;}
.ptitle span{
/*	background-color: #FFFFFF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #00AF50; */display:inline-block;color: #00AF50; font-size:18px; padding-left:50px; padding-right:50px; margin-left:2px; cursor:pointer; margin-left:2px; margin-right:2px;
}
.ptitle span.hover,.ptitle span:hover{ background-color:#00AF50; color:#FFFFFF;}
.procontent .block{ padding-top:50px; padding-bottom:50px;}
.procontent .block>.box>.t1{ text-align:center;color:#333333; font-size:28px; }
.procontent .block>.box>.hc{padding-top:20px; color:#555555;}
.procontent .block:nth-child(2n){ background-color:#FAFAFA;}

  .jqzoom{
  border:1px solid #BBB;
  float:left;
  position:relative;
  padding:0px;
  cursor:pointer; background-color:#FFFFFF; display: flex;
    justify-content:center;
    align-items:center;
}


div.zoomdiv {
  z-index:  999;
  position        : absolute;
  top:0px;
  left:0px;
  width          : 200px;
  height         : 200px;
  background: #ffffff;
  border:1px solid #CCCCCC;
  display:none;
  text-align: center;
  overflow: hidden;
}
div.jqZoomPup {
  z-index         : 999;
  visibility       : hidden;
  position        : absolute;
  top:0px;
  left:0px;
  width          : 50px;
  height         : 50px;
  border: 1px solid #aaa;
  background: #ffffff  50% top no-repeat;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(Opacity=50);
}
.bigimg{ width:200%; max-width:1000%;}
#cms1 .bigimg{ width:200%; max-width:1000%;}
.proshow .left{ float:left; width:380px; }
.jqzoom{overflow:hidden;}
.proshow .right{ margin-left:420px;}
.proflash{ clear:both;  position:relative;}
.proflash.g{padding-left:30px; padding-right:30px; }
.proflash.count{ padding-left:30px; padding-right:30px;}

.proflash .swiper-button-next{ left:0px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); cursor:pointer;}
.proflash .swiper-button-prev{ right:0px;  background-image: url( background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");cursor:pointer;}


#right .proflash .swiper-button-next,#right .proflash .swiper-button-prev{ background-color:#00AF50}

.proflash .swiper-slide{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
	background-color: #FFFFFF;
	border: 1px solid #dddddd; cursor:pointer;
}
.proflash .swiper-slide img{ max-width:100%;}




 .magnify-modal {
      box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3);
    }

    .magnify-header .magnify-toolbar {
      background-color: rgba(0, 0, 0, .5);
    }

    .magnify-stage {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-width: 0;
    }

    .magnify-footer {
      bottom: 10px;
    }

    .magnify-footer .magnify-toolbar {
      background-color: rgba(0, 0, 0, .5);
      border-radius: 5px;
    }

    .magnify-loader {
      background-color: transparent;
    }

    .magnify-header,
    .magnify-footer {
      pointer-events: none;
    }

    .magnify-button {
      pointer-events: auto;
    }
	
.jqzoom{ width:380px; height:280px;}
.proshow .right  .xq{ padding-top:10px; min-height:220px;}
.proshow .right.num1  .xq{ padding-top:10px; min-height:150px;}
.proshow .left .swiper-slide.hover{
	border: 1px solid #00AF50;
}	
#cms1.proin h1.h1{ display:none;}

.nextpage{
	clear:both;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #dddddd;
	border-bottom-color: #dddddd; float:left; width:100%; padding-bottom:10px; margin-top:20px; float:left; 
}
.nextpage>div{
	width:48%;
	white-space: nowrap;
	overflow: hidden; margin-top:10px;
}
.nextpage>div a{color:#00AF50;}
.nextpage>div.fl{ text-align:left; float:left}
.nextpage>div.fr{ text-align:right; float:right;}



@media screen and (max-width :816px){
#cms1 img{ margin-bottom:5px; margin-top:5px;}

#cms1.proin h1.h1{ display:block;}
#cms1.proin .proshow .right .h1{ display:none;}
#cms1.proin .proshow .right .xq{ background-color:#f5f5f5; padding:10px;}
.proshow .left{  width:300px; margin:auto; float:none}	
.jqzoom{ width:300px; height:300px;}
.proshow .right{ width:100%; clear:both; margin-left:auto; padding-top:20px;}	

div.jqZoomPup {

  border:none;
  background:rgba(255,255,255,0);

}
.proshow .right .tel a{ float:left; width:100%; clear:both;}
.proshow .right .tel b{ width:100%;font-size:16px; background-color:#FFFFFF; text-align:center; color:#00AF50; padding-top:10px; padding-bottom:10px;}
.proshow .right .tel span{ width:100%; text-align:center; font-size:36px; padding-top:10px; padding-bottom:10px;}
}


/*新闻动态*/
#cms .newsli{ text-align:left; position:relative; float:left; width:100%; padding-top:50px;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	padding-bottom: 30px; }
#cms .newsli .date{
	width:100px;
	float:left;
	text-align:center;
	color:#00AF50;
	line-height:1.5;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ddd; font-size:12px; margin-top:20px;
}
#cms .newsli .date b{ display:block; font-size:36px}
#cms .newsli .date span{ display:block; color:#999999}
#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;}
#cms .newsli .right .dp{ color:#999999; line-height:1.5; min-height:4.5em;}
#cms .newsli .right .hc{ margin-right:280px;}
#cms .newsli div.img{  position:absolute; top:-30px; right:0px; width:240px; overflow:hidden; min-height:140px; max-height:140px; background-color:#f5f5f5;}
#cms .newsli div.img img{ width:100%;max-height:140px;}

#cms .newsli:hover{ background-color:#f5f5f5;}

.null{ text-align:center; line-height:100px; color:#999999;}
.searchform{ clear:both; padding-top:20px;width:580px; margin-left:auto; margin-right:auto; max-width:90%;}
.searchform form{ display:block; }
.searchform .res{ clear:both; color:#666666; font-size:12px; padding-top:5px;}
.searchform input{
	height:35px;
	border: 1px solid #dddddd; float:left; width:500px;border-radius:5px 0 0 5px; padding-left:5px; padding-right:5px;
}
.searchform button{ float:left;
	background-color:#00AF50;
	color:#FFFFFF;
	height: 37px;
	width: 60px;
	border:none;border-radius: 0 5px 5px 0; 
}


.sorts{ /*background-color:#f5f5f5;*/ text-align:center; line-height:70px;	border-bottom-width: 1px; font-size:18px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;}
.sorts+.box>#postion{ display:none;}
.sorts .box{ text-align:left;}
.sorts ul ul{ display:none}
.sorts ul{
	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd;*/display:inline-block;
}
.sorts ul li{
	display:inline-block;
/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd;*/
}

.sorts ul li a{ display:block; padding-left:30px; padding-right:30px; position:relative; margin-left:2px; margin-right:2px;}
.sorts ul li.hover>a,.sorts ul li.active>a{color:#00AF50;}
.sorts ul li>a:before{ content:''; width:0%; bottom:0px; left:50%;

	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00AF50; position:absolute;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; 
}

.sorts ul li.hover>a:before,.sorts ul li>a:hover:before,.sorts ul li.active>a:before{ width:100%;left:0px; }
#cms .jobli{
	background-color: #F7F7F7;
	margin-top: 10px;
	margin-bottom: 10px;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;*/
	padding: 10px; position:relative; padding-left:30px; padding-right:30px;
}
#cms .jobli:before{
	content:'';
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #00AF50;
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
}

#cms .jobli .title{ cursor:pointer;}
#cms .jobli .ntitle{ font-size:24px;color: #00AF50;}
#cms .jobli .ntitle b{ float:left; }
#cms .jobli .ntitle span{ float:right;color:#999999; font-size:14px;}
#cms .jobli .ntitle span i{color: #00AF50; font-size:24px; font-weight:bold; margin-left:10px;}
#cms .jobli .dp{ color:#666666; font-size:14px;}
#cms .jobli .right{
	font-size:12px;
	color:#666666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; margin-top:20px; padding-top:10px; display:none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
#cms .jobli .title.open+.right{ display:block;}
#cms .jobli .mail{ padding-top:20px;}
#cms .jobli .mail a.btn{ display:inline-block; background-color:#00AF50; padding-left:10px; padding-right:10px; margin-left:10px; color:#FFFFFF}
/*#cms .jobli .mail a.btn:hover{ background-color:#ffffff;color:#00AF50;}*/

.aboutin .title{ text-align:center; line-height:1.2; padding-bottom:10px; padding-top:20px; position:relative; margin-bottom:50px;}
.aboutin .title:after{
	content:'';
	position:absolute;
	bottom:0px;
	left:50%;
	width:2em;
	margin-left:-1em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00AF50;
}
.aboutin .title .t1{ font-size:36px;}
.aboutin .title .t2{ font-size:18px; color:#999999; }
.aboutin .title+.img{ float:right; width:48%;}

.aboutin .title+.img+.hc{ float:left; width:50%; font-size:16px; color:#666666; line-height:2;}
.aboutin .title+.img+.hc .h1{ font-size:28px; color:#000000;}
.protitle{ position:relative; line-height:1; padding-top:10px; padding-bottom:10px; margin-top:80px; margin-bottom:30px;}
.protitle:after{
	content:'';
	position:absolute;
	top:50%;
	left:0px;
	width:100%;
	z-index:-1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;border-bottom-color: rgba(125, 125, 125, 0.3);
} 
.protitle .title{ float:left; font-size:28px; background-color:#FFFFFF; padding-right:50px;}
.protitle .sortname{ background-color:#FFFFFF; padding-left:20px;}
.protitle .sortname ul li{ display:inline-block; margin-left:10px;}
.protitle .sortname ul li a{ background-color:#FFFFFF; display:inline-block; padding-left:20px; padding-right:20px;border-radius:10px;border: 1px solid rgba(0, 0, 0, .1);border-radius: 17.5px; line-height:30px; color:#333333;}
.protitle .sortname ul li.hover >a,.protitle .sortname ul li.active >a{ background-color:#00AF50;color:#FFFFFF}



.protitle .sortname ul li ul{ display:none;}
#cms .jsli{

	margin-top: 20px;
	margin-bottom: 30px;
	
}
#cms .jsli a{ display:block;	border: 1px solid #dddddd;padding: 0px; position:relative;}
#cms .jsli .img{ float:left; width:37%; max-height:180px; overflow:hidden;}
#cms .jsli .right{ float:right; width:63%; line-height:1.5;height:180px; text-align:left;}
#cms .jsli .right>div{ text-align:left;  width:100%;box-sizing:border-box; padding-left:20px; padding-right:20px;}
#cms .jsli .right .ntitle{
	color:#333333;
	font-size:24px;
	color: #454545;
	font-weight:bold;
	white-space: nowrap;
	overflow: hidden;
}
#cms .jsli .right .ntitle font{ margin-left:10px;height: 1.125rem;vertical-align: -.25rem; width: 1.125rem;font-weight: 500;}
#cms .jsli .right .dp{ color:#666666; font-size:16px; margin-top:10px;}
#cms .jsli:nth-child(2n+1) .img{ float:right}
#cms .jsli:nth-child(2n+1) .right{ float:left;}
#cms .jsli a:hover{ background-color:#00AF50; color:#FFFFFF}
#cms .jsli a:hover .ntitle{ color:#ffffff;}

#cms .jsli a:hover .right .dp{ color:rgba(255,255,255,0.5); }
#cms .newli{ float:left;}

.com_news_top{ margin-top:30px;}
.com_news_top ul{ margin:0; padding:0;}
.com_news_top ul li{ width:32%;box-sizing:border-box; min-height:303px; float:left; padding:25px 25px; border:1px solid #d7d7d7; margin-left:2%;transition:0.5s;}
.com_news_top ul li:nth-child(3n+1){ clear:both; margin-left:0px;}
.com_news_top ul li a{ color:#666; display:block; font-size:12px;}
.com_news_top ul li a .n_pic{ width:100%; height:auto; overflow:hidden; margin:0 auto; max-height:200px; min-height:200px;}
.com_news_top ul li a .n_pic img{ width:100%; transition:0.5s;}
.com_news_top ul li:hover a .n_pic img{ transition:0.5s; transform:scale(1.1,1.1);}
.com_news_top ul li a font{ display:block; padding:18px 0 10px; color:#333; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.com_news_top ul li a span{ display:block; line-height:18px;}
.com_news_top ul li a .n_bottom{ margin-top:22px; overflow:hidden;}
.com_news_top ul li a .n_bottom .fr{line-height:18px; color:#999;}
.com_news_top ul li a .n_bottom .fl{
	width:54px;
	height:19px;
	overflow:hidden;
	background-position:center top;
	background-repeat:no-repeat;
	transition:0.4s;
	background-image: url(pro_more.png);
}
.com_news_top ul li:hover a .n_bottom .fl{ background-position:center bottom; transition:0.4s;}
.com_news_top ul li:hover a font{ color:#0aaf4c;}
.com_news_top ul li:nth-of-type(3n){ margin-right:0;}

.com_news_top ul li:hover{ box-shadow:0 0 22px rgba(0,0,0,0.15); transition:0.5s;}




#cms .downli{

	margin-top: 20px;
	margin-bottom: 20px;
}
#cms .downli a{ display:block;	border: 1px solid #dddddd;
	position:relative;}
#cms .downli .img{ float:left; width:80px; height:80px;  overflow:hidden;}
#cms .downli .img img{ min-height:80px; min-width:80px;}
#cms .downli .right{ padding: 0px; margin-left:100px; height:80px; overflow:hidden; position:relative;}
#cms .downli .right>div{ width:100%;}
#cms .downli .right .ntitle{
	color:#333333;
	font-size:18px;
	color: #00AF50;
	font-weight:bold;
	white-space: nowrap;
	overflow: hidden; line-height:1.2;
}
#cms .downli .right .dp{ max-height:1.5em; overflow:hidden; color:#666666}
#cms .downli .right .fl{ margin-right:50px;}
#cms .downli .right  .btn{ position:absolute; top:50%; right:10px; line-height:1; margin-top:-16px; padding:7.5px; background-color:#00AF50;}
#cms .downli .right  .btn:hover{
	background-color: #333333;
}
#cms .downli .right  .btn i{ font-size:24px; color:#FFFFFF}

#cms .sortlist{ float:left; width:23%; margin-left:1%; margin-right:1%; margin-bottom:10px; margin-top:10px;}
#cms .sortlist a{ display:block; position:relative;}
#cms .sortlist a:after{ -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
 content:''; background-color:rgba(0,0,0,0.0); position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1;}
#cms .sortlist .ntitle{ -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;position:absolute; top:0px; left:10%; width:80%;  top:50%; text-align:center; z-index:2; color:#FFFFFF; line-height:1.2; font-size:18px; display:none; margin-top:-20px;}
#cms .sortlist a:hover .ntitle{ display:block;}
#cms .sortlist a:hover:after{background-color:rgba(0,0,0,0.4);}
#cms .sortlist:nth-child(4n+1){ clear:both;}
.protitle{ z-index:2;}
.ny.proliin{ background-color:#f5f5f5;margin-top:-30px;}
.ny.proliin .protitle .title,.ny.proliin .protitle .sortname{background-color:#f5f5f5; z-index:2;}
/*.protitle:after{
border-color: #00AF50; z-index:-1;
} */
body.isba .ny.proliin{ margin-top:0px;}
#left2{ float:left; width:240px;background-color:#ffffff; padding:20px; line-height:1.8;}
#left2 ul li a{
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid; color:#333333;
	border-bottom-color: #dddddd; padding-top:16px; padding-bottom:26px; position:relative; padding-right:20px;font-size: 18px;
}
#left2 ul li a i{ position:absolute; right:0px; top:15px; color:#999999}
#left2 ul li> a:hover,#left2 ul li> a:hover i{color:#00AF50;}
#left2 ul li.hover> a,#left2 ul li.hover> a i{color:#00AF50;}
#left2 ul li ul{ display:none}
#right2{ margin-left:290px;}
#right2 .piclist{ background-color:#ffffff; padding:10px;box-sizing:border-box; float:left; width:48%; float:left; margin-left:1%; margin-right:1%; text-align:center; overflow:hidden; margin-bottom:20px;}

#right2 .piclist *{ max-width:100%;color: #666666;}
#right2 .piclist .img{ overflow:hidden;}
#right2 .piclist:hover .ntitle{color:#00AF50;}

.contactli{
	clear: both;
	padding-top: 30px;
	padding-bottom: 30px;
}
.contactli .hc{ width:50%;}
.contactli .map{ width:48%;}
.contactli .map iframe{ width:100%; min-height:300px;}

body.init .indexflash{ height:100%; position:relative;}


.flash .phone,.banner .phone{ display:none}


@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}
to{background-position:0 0}
}
@keyframes progress-bar-stripes{from{background-position:1rem 0}
to{background-position:0 0}
}
.progress{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e8ebee;border-radius:0rem}
.progress-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#13924D;-webkit-transition:width .6s ease;transition:width .6s ease}
@media(prefers-reduced-motion:reduce){.progress-bar{-webkit-transition:none;transition:none}
}
.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}
.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}
@media(prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}
}


.swiper-hero-stage-pagination-container .swiper-pagination{bottom:100px;text-align:center;left:10px;}
.swiper-hero-stage-pagination-container .swiper-pagination .swiper-pagination-bullet{background-color:#fff;background-repeat:no-repeat;background-size:cover;width:12px;height:12px;margin:0rem 4px 1.5rem;opacity:.4;overflow:hidden; position:relative;}
.swiper-hero-stage-pagination-container .swiper-pagination .swiper-pagination-bullet img{display:none}
 .indexflash .swiper-container .swiper-wrapper .swiper-slide video{width:100%;}
@media(min-width:815px){.swiper-hero-stage-pagination-container .swiper-pagination .swiper-pagination-bullet{background-color:#000;width:150px;height:80px;margin:0 10px -50px;opacity:1;border-radius: 0px;border:#fff 4px solid;}

.swiper-hero-stage-pagination-container .swiper-pagination .swiper-pagination-bullet img{display:inline-block;height:auto;opacity:.5;width:100%}
}
@media(min-width:992px){.swiper-hero-stage-pagination-container .swiper-pagination .swiper-pagination-bullet{width:150px;height:80px;}
}
.swiper-hero-stage-pagination-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-no-image.swiper-pagination-bullet-active{background-color:#e8ebee}
@media(max-width:767.98px){.swiper-hero-stage-pagination-container .swiper-pagination .progress{display:none}
}
@media(min-width:815px){.swiper-hero-stage-pagination-container .swiper-pagination .progress{background-color:transparent;bottom:0px;height:5px;left:0;position:absolute;right:0}
.swiper-hero-stage-pagination-container .swiper-pagination .progress .progress-bar{-webkit-transition:width 0;transition:width 0}
}
.swiper-hero-stage-pagination-container .swiper-pagination .swiper-pagination-bullet-active{opacity:1;padding-bottom:5px}
@media(min-width:815px){.swiper-hero-stage-pagination-container .swiper-pagination .swiper-pagination-bullet-active{background-color:#1c80f3}
}
.swiper-hero-stage-pagination-container .swiper-pagination .swiper-pagination-bullet-active img{opacity:1}
.swiper-hero-stage-pagination-container .swiper-pagination .swiper-pagination-bullet-active .progress-bar{-webkit-transition:width 250ms linear;transition:width 250ms linear}
.swiper-hero-stage-pagination-container .swiper-pagination .swiper-pagination-bullet-active.swiper-pagination-bullet { border-color:#00AF50;}

@media(max-width:815px){
body .indexflash{ position:relative;}
body .indexflash .swiper-slide{ height:50vw; overflow:hidden;}
body.init .indexflash video{width:100%;height:50px;}
.swiper-hero-stage-pagination-container .swiper-pagination{bottom:0px;text-align:center;left:0; width:100%; }
.swiper-hero-stage-pagination-container .swiper-pagination .swiper-pagination-bullet-active{ padding-bottom:0px;} 
.flash .phone,.banner .phone{ display:block}
.flash .pc,.banner .pc{ display:none}
.procontent .block>.box>.t1{text-align:center;color:#333333;font-size: 22px;}

#cms .jsli .right .ntitle{color:#333333;font-size:14px;color: #454545;font-weight:bold;white-space: nowrap;overflow: hidden;padding-top: 10px;}
#cms .jsli .img {float: left; width: 57%; max-height: auto;overflow: hidden;}
#cms .jsli .right {float: right;width: 38%;line-height: 1.5;height: auto;text-align: left;}
#cms .jsli .right .dp {color: #666666;font-size: 10px;margin-top: 10px;}
#cms .jsli .right .ntitle font {margin-left: 10px;height: 1.125rem;/* vertical-align: -.25rem; */width: 1.125rem;font-weight: 500;}

.protitle .title{ float:left; font-size:22px; background-color:#FFFFFF; padding-right:50px;}
.protitle .sortname{ background-color:#FFFFFF; padding-left:20px;}
.protitle .sortname ul li{ display:inline-block; margin-left:10px;}
.protitle .sortname ul li a{ background-color:#FFFFFF; display:inline-block; padding-left:20px; padding-right:20px;border-radius:10px;border: 1px solid rgba(0, 0, 0, .1);border-radius: 17.5px; line-height:30px; color:#333333; font-size:14px;}
.protitle .sortname ul li.hover >a,.protitle .sortname ul li.active >a{ background-color:#00AF50;color:#FFFFFF}
.aboutin .title .t1{font-size: 22px;}
.aboutin .title{text-align:center;line-height:1.2;padding-bottom:10px;padding-top:20px;position:relative;margin-bottom: 20px;}
.aboutin .title+.img+.hc .h1{font-size: 22px;color: #13924d;}
h1,h2,h3,h4,h5,h6{margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:5px;display:  none;}
#cms1 *,#cms2 *{max-width: 100%;padding-left: 2px;padding-right: 3px;}
.back {text-align:right;clear:both;line-height: 22px;padding-top:20px;
}


}





















   .flow.right_side{position:fixed;width:60px;height:275px;right:0;top:50%;transform: translateY(-50%);z-index:100;z-index: 999;}
    .flow ul{overflow: visible;}
    .flow ul li{width:100%;height:60px;float:left;position:relative;margin-bottom: 2px;}
    .flow ul li .sidebox{position:absolute;border-radius: 5px;width:100%;height:60px;top:0;right:0;transition:all 0.3s;background:rgba(210, 5, 21,0.7);color:#fff;font:15px/60px;overflow:hidden;}
    .flow ul li .sidetop,.flow  ul li .wx{width:100%;height:60px;border-radius: 5px;display:block;background:rgba(210, 5, 21,0.7);transition:all 0.3s;}
    .flow ul li i{display: inline-block;width: 60px;line-height: 60px;color: #fff;font-size: 30px;text-align: center;vertical-align: middle;}
    .flow .wx{position: relative;}
    .flow .wx .wx_code{position: absolute;width: 120px;height: 120px;background: rgba(210, 5, 21,0.5);padding: 4px;left: -130px;top: 50%;display: none;transform: translateY(-50%);}
    .flow .wx .wx_code img{max-width: 100%;}
    .flow .wx:hover .wx_code{display: block;}
    .flow ul li .sidetop:hover,.flow ul li .sidebox:hover,.flow .wx:hover{background:rgba(210, 5, 21,0.5);}
    
   
    #dialogBg{width:100%;height:100%;background-color:#000000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
    #dialog{width:700px;display:none;background:url(../images/mess_bg.png)center no-repeat;background-size: 100% 100%;position:fixed;z-index:10000;padding:0 30px 20px 30px;top: 50%;left: 50%;transform: translate(-50%,-50%);}
    .dialogTop{letter-spacing:1px;padding:10px 0 0;text-align:right;}
    .dialogTop a{color: #fff;font-size: 15px;}
    .dialogIco{width:50px;height:50px;position:absolute;top:-25px;left:50%;margin-left:-25px;}
    #dialog h4{font-size: 30px;font-weight: bold;text-align: center;padding-bottom: 10px;color: #fff;}
    .message2 .txt{display: inline-block;width: 100px;padding-left: 20px;box-sizing: border-box;color: #fff;}
    .message2 .txt .red{color: #e60012;}
    .message2 .mod1{width: 100%;}
    .message2 .mod1 .ui-input{width: calc(100% - 120px);}
    .message2 .mod .field{width: 50%;float: left;}
    .message2 .mod .field .ui-input{width: calc(100% - 120px);}
    .message2  #verify { height: 35px; box-sizing: border-box;border: 1px solid #ddd;padding-left: 1%;margin-bottom: 20px;}
    .message2  #code_img {width: 100px;height: 35px;cursor: pointer;border: 1px solid #e2e2e2;box-sizing: border-box;margin-bottom: 20px;}
    .message2  .ui-input {line-height: 35px;padding-left:1%;color: #666;margin-bottom: 20px;margin-right: 2%;box-sizing: border-box;}
    .message2  .ui-textarea{margin-bottom: 15px;height: 80px;padding-left: 1%;font-family: "microsoft yahei";width: calc(100% - 120px);padding-top: 5px;color: #666;}
    .message2  .ui-btn1 { background:#f8c325;border: none;color: #fff;width: 120px;padding: 10px;margin-right: 30px;}
    .message2  .ui-btn2 {background:#bbbbbb;border: none;color: #fff;width: 120px;padding:10px;}
    .message2 .code_fr{width: 48%;float: right;}
    .message2 .code_fr li{width: 50%;text-align: center;color: #666;margin-top: 20px;float: left;}
    .message2 .code_fr li img{max-width: 100%;}
    .message2 .txt2{color: #e60012;padding-top: 10px;}

    @media only screen and (max-width: 1000px){
      .right_side.flow{display: none;}
	  #header .search{ display:none}

    }

.lyonline{
  width: 60px;height: 60px;
  position: fixed;bottom: 20px;right:28px;z-index: 55;background-color: #00AF50;box-shadow:2px 2px 12px rgba(70,70,70,.5);text-align: center;border-radius: 30px;
}
.lyonline i{line-height: 54px;}
.lyonline .icon-guanbidanchuang{display: none;}
.lyonline.act .icon-youjian{display: none;}
.lyonline.act .icon-guanbidanchuang{display: block;}
#lytable{border-radius: 8px;
    overflow: hidden;z-index: 1000;
  position: fixed;bottom:100px;right: 20px;
  width: 350px;border: 1px solid #fff;
  background-color: #fff;display: none;
}
#lytable .top1{text-indent: 18px;
    height: 60px;
    background: #00AF50;}
#lytable .top1 i{    font-size: 30px;
    color: #fff;
    line-height: 60px;}
#lytable .title{    height: 39px;
    text-align: center;
    color: #fff;
    line-height: 23px;
    background: #00AF50;
    font-size: 15px;}
	
@media only screen and (max-width: 787px){
   .lyonline{
  width: 50px;height: 50px;
  position: fixed;bottom: 0;right:0;z-index: 55555;background-color: rgba(255, 255, 255, 0.05);
}
/*.lyonline .icon-youjian img { display: none; }*/
/*.lyonline .icon-guanbidanchuang { background: #e60012; }*/
    }
}
}
.formFrame {
border: 1px solid #e4e4e4;
border-radius: 3px;
padding: 16px 15px 0;    margin: 20px 20px 0;
}
.formFrame input{    box-shadow: none;
    height:42px;
    border-style: solid;    margin-bottom: 11px;
    border-color: #d0d0d0;
    box-sizing: border-box;
    display: inline-block;
    padding-left: 11px;
    border-width: 2px;
    color: #656565;
    font-weight: 700;
    border-radius: 5px;
    width: 100%;}
    .formFrame textarea{    box-shadow: none;
    border-style: solid;    margin-bottom: 11px;
    border-color: #d0d0d0;
    box-sizing: border-box;
    display: inline-block;
    padding-left: 11px;
    border-width: 2px;
    color: #656565;
    font-weight: 700;
    border-radius: 5px;
    width: 100%;}
.formFrame input.tijiao{    background: #00AF50;
    color: #fff;
    border-color: #00AF50;
    margin: -4px 0 18px;}
.formFrame+.subtxt{display: block;
    text-align: center;
    line-height: 2.5;
    padding-bottom: 8px;}
	
	.banner{ position:relative}
	.banner .txt{ left:0px; top:0px; height:100%; width:100%; z-index:1; position:absolute; display: flex;
    justify-content:center;
    align-items:center; color:#FFFFFF; font-size:18px;text-shadow: 2px 2px 5px #333333;}
	.banner .txt .t1{ font-size:44px;    text-align: center;letter-spacing: 8px;}
#cms1.newsin{width:1024px; margin-left:auto; margin-right:auto; float:none; max-width:100%;}	


.section.active [data-aos^="zoom"][data-aos^="zoom"]{
  opacity: 1;
  transform: translateZ(0) scale(1);
}
.flash  video.w{ max-width:100vw; min-width:100%;}
.flash  video.h{ max-height:100vh; min-height:100%;}