@charset "utf-8";
*{ margin: 0; padding: 0; font-family: "微软雅黑";}
body{ background: #FFFFFF;}
a{ text-decoration: none;}
li{ list-style: none;}
img{ border: 0;}
.lf{ float: left;}
.rf{ float: right;}
.clear{ clear: both;}
embed{ width: 100% ;}
/*字体*/
@font-face { 
	font-family: 'FZYanSJW'; 
	src: url('FZYanSJW.eot'); 
	src:local('FZYanSJW Regular'), 
		local('FZYanSJW'), 
		url('FZYanSJW.woff') format('woff'), 
    	url('FZYanSJW.ttf') format('truetype'), 
    	url('FZYanSJW.svg#FZYanSJW') format('svg'); 
}
@font-face { 
	font-family: 'FZLTHJW'; 
	src: url('FZLTHJW.eot'); 
	src:local('FZLTHJW Regular'), 
		local('FZLTHJW'), 
		url('FZLTHJW.woff') format('woff'), 
    	url('FZLTHJW.ttf') format('truetype'), 
    	url('FZLTHJW.svg#FZLTHJW') format('svg'); 
}
@font-face { 
	font-family: 'Helvetica-Bold'; 
	src: url('Helvetica-Bold.eot'); 
	src:local('Helvetica-Bold Regular'), 
		local('Helvetica-Bold'), 
		url('Helvetica-Bold.woff') format('woff'), 
    	url('Helvetica-Bold.ttf') format('truetype'), 
    	url('Helvetica-Bold.svg#Helvetica-Bold') format('svg'); 
}
.zong{ width: 100%; overflow: hidden;}
.add_bgc{ background: #1f8871;}
.daohang a{ color: black;}
/*header*/
.head{/* width: 80%;*/ width: 72%; margin: auto;}
.head_a{ margin: 45px 0 0 0; position: relative;}
.head_l{ position: absolute; top: 48px;}
.head_l span{ display: block; float: left;}
.head_l span a{ color: #333333;}
.head_l span a label{ cursor: pointer;}
.head_l span:first-child{ padding-right: 10px; border-right: 1px dashed #333;}
.head_l span:first-child a img,.head_l span:last-child a img{ position: relative; top: 2px;}
.head_l span a label{ margin: 0 0 0 5px; font-size: 14px;}
.head_l span:nth-of-type(2){padding-left: 10px;}
.head_l div{ display: none;}
.head_l div img{ width: 80px; margin-top: 10px;}
.head_l div img.img_a{ margin-left: 0px;}
.head_l div img.img_b{ margin-left: 92px;}
.head_m{ width: 200px; height: 111px; text-align: center; margin: auto;}
.head_m img{width: 100%;}
.ss_input{ width: 156px; padding-left: 20px; height: 32px; line-height: 32px; border: 2px solid #e1e2e2; background: #f3f3f3;}
.haed_r{ position: absolute; top: 38px; right: 0px;}
.ss{ position: absolute; top: 2px; right: 10px;}
.ss img{ width: 32px; height: 32px; cursor: pointer;}
/*nav*/
.nav{ width: 100%; height: 60px; margin-top: 45px; line-height: 44px; position: relative;}
.nav_t{ /*width: 52%;*/ width: 48%; text-align: center; margin: auto;height: 36px; line-height: 36px; position: relative; z-index: 3; display: flex; flex-direction: row; justify-content: space-around;}
.nav_t a{ display: block; color: #000; font-family: 'FZYanSJW'; font-size: 18px; /*float: left;*//*font-weight: bold;*/}
.nav_t a.on{ border-bottom: 2px solid #1f8871; color: #1f8871 !important;}
.nav_b{ position: relative; z-index: 2; height: 94px; background: #FFFFFF; top: 24px; display: none; box-shadow: 0 0,0 0,0 0,0px 4px 3px #ededed; -moz-box-shadow: 0 0,0 0,0 0,0px 4px 3px #ededed; -webkit-box-shadow: 0 0,0 0,0 0,0px 4px 3px #ededed;}
.nav_b_con{ position: absolute; display: none;}
.nav_b_con li{ float: left; width: 176px; text-align: center;}
.nav_b_con li a p{ line-height: 44px; color: #333333; margin-top: -18px; font-size: 14px;} 
.nav_b_con li a:hover p{ color: #1f8871;}
.nav_b_con li img{ width: 40px;}
/*footer*/
.footer_con{ width: 100%; height: auto; background: #f3f3f2; }
.footer_con>div{ width: 88%; margin:auto;min-width: 1200px;}
.footer_con>div:first-child{ padding-top: 100px;}
.footer_con_t{ background: #fff; width: 100%; height: 200px; padding: 50px 0; border-bottom: 1px solid #ADADAD;}
.footer_con_t>div{ width: 33.3%; float: left; text-align: center;}
.footer_con_t_a{ text-align: center; margin: auto;}
.footer_con_t_a a{ display: inline-block;}
.footer_con_t_a a img{ display: inline-block; height: 100%;}
.footer_con_t_b{ border-right: 1px solid #adadad; border-left: 1px solid #ADADAD; width: 32.3% !important;}
.footer_con_t_b div:first-child{margin-top: 25px;display: inline-block;}
.footer_con_t_b div.address{text-align: left;float: right;margin-right: 2%;}
.footer_con_t_b div.address a{ margin-top: 10px; display: block;}
.address p:first-child{ font-size: 16px; margin: 0 20px; line-height: 2.7em;}
.address p{ font-size: 14px; line-height:2em;}
.address img{}
.footer_con_t_c p{ text-align: center; width: 100%;}
.footer_con_t_c span.span_tel p{line-height:150%;}
.footer_con_t_c span.span_tel,.footer_con_t_c span.span_qq{ display: block; width: 80%; /*height: 40px;*/ line-height: 40px; margin: 30px auto 30px 10%;}
.footer_con_t_c span.span_tel{border: 1px dashed #ADADAD; background: url(/templets/wsl/img/cont_tel.png) no-repeat 30px center;}
.footer_con_t_c span.span_qq{ border: 1px solid #ADADAD; background: url(/templets/wsl/img/cont_qq.png) no-repeat 30px center; }
.footer_con_t_c span.span_tel img,.footer_con_t_c span.span_qq img{ margin: 7px 0 0 30px;}
.footer_con_m{ background: #fff;}
.footer_con_m>div{ width: 100%; border-bottom: 1px solid #ADADAD; display: inline-block;}
.footer_con_m>div>ul{ display: block; }
.footer_con_m>div>ul>li{ float: left; display: inline-block; width: calc(21% - 1px) !important; text-align: left; margin: 40px 2%;  border-right: 1px solid #adadad;}
.footer_con_m div p{}
.footer_con_m div ul li a{ color: #333333;}
.footer_con_m div ul li>p a{ margin-left: 18px; font-size: 14px;}
.footer_con_m div ul li:last-child{ border: 0 !important;}
.footer_con_m div ul li>p{ font-size: 16px; line-height: 2.5em;}
.footer_con_m div ul li ul li a{ line-height: 2em; font-size: 14px;}
.footer_con_m div ul li ul li a span{ margin: 0 10px 0 0;}
.footer_con_b{  background: #fff;}
.footer_con_b>div{ height: 160px;}
.footer_con_b div>p{ text-align: center; line-height: 60px; padding-top: 30px;}
.footer_con_b div ul{display: flex; justify-content: center; flex-direction: row;}
.footer_con_b div ul li{ float: left; display: block;}
.footer_con_b div ul li a{ color: #ADADAD;}
.footer_con_b div ul li a img{ margin-top: 1px;}
.footer_con_b>div ul li:nth-of-type(2) a div{ width: 120px; display: none;}
.footer_con_b>div ul li:nth-of-type(2) a div img{ width: 120px; margin-left: -23px; margin-top: 19px;}
.footer_con_b>div ul li:nth-of-type(2) a:hover div{display: block;}
.footer_con_b div ul li:nth-of-type(3) a img,.footer_con_b div ul li:nth-of-type(4) a img{ margin: 1px 0 3px 0;}
.footer_con_b div ul li a p{ line-height: 1em; text-align: left; margin-left: 23px; padding-right: 65px; font-size: 14px;}
.footer_con_b div ul li:last-child a p{ padding-right: 0;}
.db{ width: 100%; height: 190px;}
.db div{ position: relative;}
.db div span{ display: block; margin-top: 65px; width: 120px; height: 40px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;;background: #fff; position: absolute; top: 0px; left: 0px;}
.span_a a p,.span_b a p{ line-height: 40px; color: #000000;}
.span_a a img,.span_b a img{ margin: 13px 5px 0 13px;}
.span_b{left: 150px !important;}
.copyright{ text-align: center; top: 45px;}
.copyright p{ line-height: 30px; font-size: 14px;}
.copyright a{ color: #000;}
.cont{ position: fixed; right: 40px; top: 200px; z-index: 99;}
.cont ul li{ display: block;/* width: 80px; height: 80px;*/width: 60px; height: 60px; text-align: center; border: 1px solid #1F8871; background: #fff;}
.cont ul li a img{/* margin-top: 20px;*/ margin-top: 10px;}
.cont ul li a p{ line-height: 30px; font-size: 14px; color: #1F8871; transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8);}
.ewm,.tel{ display: block; position: fixed; right: 122px; display: none; z-index: 100;}
.ewm{top: 294px;}
.ewm img{ width: 120px;}
.tel{ top: 264px; }
.tel img{ width: 150px;}
.to_top{ position: fixed; right: 40px; bottom: 40px; display: none; cursor: pointer;}
.to_top img{ width: 61px; height: 61px;}
.p_div,.arc_div p,.hehe p label{ font-family: "微软雅黑";}
.p_div{ font-size: 22px; color: #1f8871; text-align: center; margin-top: 140px;}
.p_div p{letter-spacing: 3px;}
.arc_div{ margin: 47px auto auto auto; width: 1200px;}
.arc_div p{ font-size: 14px; line-height: 32px;}
.img_con{ width: 85%; text-align: center; margin:81px auto auto auto;}
.img_con2{width: 66.66666%; text-align: center; margin: auto; margin-top: 69px;}
.img_con>img,.img_con2 img{ width: 100%;}
.hehe p{ line-height: 1em; margin-top: 25px;}
.hehe p img{ }
.hehe p label,.span_release{ font-size: 12px;}
.span_title,.span_release{ display: inline-block; font-weight: 100;}
.span_title{ font-size: 24px; color: #333333; line-height: 2em;}
.span_release{ line-height: 3em; color: #ADADAD; margin: 0 0 1.5em 0;}
.span_description{}
.search{
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
}
.search table{
	margin: 0 auto;
}
.xyfj {text-align:center;}
.xyfj > .p_1{ margin-top: 130px;}
.xyfj > .p_2{ margin-top: 14px;text-transform: uppercase;}
/*图片展示*/
.h-main {
    height: auto;
    width: 88%;
    text-align: center;
    margin: auto;
    overflow: hidden;
	max-width: 1000px;
}
.h-con {
	background: #FFF;
	overflow: hidden;
}
.h-con ul {
    width: 32%;
    float: left;
    display: block;
    overflow: hidden;
	margin-right: 2%;
}
.h-con ul li {
	width:100%;
	margin: 10px 0;
	height: auto;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.h-con ul li a img {
	background: url("../img/load2.gif") no-repeat center center;
	max-width: 100%;
    height: auto !important;
}
.h-con ul li a.slh {
	height: 30px;
	line-height: 30px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	_bottom: -1px;
	background: #FFFFFF;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	width: 100%;
	text-align: center;
}
.htmlov {
	overflow-y: hidden;
}
.yinbg {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	background: #000000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.bigpic {
	position: absolute;
	width: 600px;
	height: 300px;
	box-shadow: #333 0 0 20px;
	background: #FFFFFF url(../img/load.gif) no-repeat center center;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 3;
}
.bigpic img {
	position: absolute;
	display: block;
	left: 10px;
	top: 10px;
	z-index: 1;
}
.bigpic a.slh {
	display: block;
	position: absolute;
	font-family: "微软雅黑";
	color: #666;
	bottom: 0;
	left: 10px;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
}
.bigpic a.kz {
	width: 49%;
	height: 0px;
	z-index: 2;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: 0;
	background: url(http://akwl-website-oss.5icon.com/wslart.cn/image/uploads//allimg/161025/1_1546171691.png) no-repeat 20% center;
}
.bigpic a.kzl {
	left: 0;
}
.bigpic a.kzr {
	right: 0;
	background-image: url(http://akwl-website-oss.5icon.com/wslart.cn/image/uploads//allimg/161025/1_1546173462.png);
	background-position: 80% center;
}
/*--end--*/