/*-----------------header----------------*/
/*最小屏幕1200*/
@media only screen and (min-width: 1200px){
	header{display: none;}
	#header1{display: block;}
	#footer{display: block;}
	.header-end{display: none;}
	.header-top{display: none;}
	footer{display: none;}
	#footer3{display: none;}
	
	
	#header,#header-top,#header-end{
		width: 100%;
		margin: auto;
	}
	#header-top{
		height: 159px;
		background: white;
	}
	#header-end{
		height: 56px;
		background:#007b23 ;
	}
	.center{
		width: 1200px;
		height: 100%;
		margin: auto;
	}
	.logo{
		width: 403px;
		height:90px;
		display: block;
		margin-top: 35px;
		background: url(../images/logo2x.png)center no-repeat;
		cursor: pointer;
	}
	.lx{
		height:95px;
		width: 568px;
		margin-top: 30px;
	}
	.phone{
		width: 300px;
		height: 95px
	}
	.phone-icon{
		margin-top: 21px;
		width: 69px;
		height: 57px;
		display: block;
		background:url(../images/phone-icon.png)center no-repeat ;
	}
	.phone-div{
		margin-left: 10px;
		margin-top: 37px;
	}
	.phone-div p{color: #727272;}
	.phone-div h2{color: #6E6E6E;}
	.Scan-code{
		width: 268px;
		height: 95px;
	}
	.Scan-code-icon{
		width: 93px;
		height: 92px;
		display: block;
		background: url(../images/scan-code.png)center no-repeat;
	}
	.Scan-code-div{
		margin-top: 60px;
	}
	.Scan-code-div p{
		font-size: 12px;
		color: #818181;
		margin-left: 10px;
	}
	.center-ul-li{
		width: 100px;
		height: 56px;
		float: left;
	}
	.center-ul-li-a{
		width: 100px;
		height: 54px;
		display: block;
		line-height: 56px;
		text-align: center;
		color: white;
	}
	.center-ul-li:hover .center-ul-li-a{
		color: #efc974;
		border-bottom: 2px solid #efc974;
	} 
	.active a{
		color: #efc974;
		border-bottom: 2px solid #efc974;
	}
	.center-div{
		width: 340px;
		height: 56px;
	}
	.inp-div{
		width: 180px;
		height: 56px;
		position: relative;
		float: left;
	}
	.inp{
		width: 135px;
		height: 24px;
		border: none;
		padding-left: 15px;
		padding-right: 30px;
		border-radius: 15px;
		margin-top: 16px;
		
	}
	.inp-div span{
		width: 16px;
		height: 16px;
		position: absolute;
		top: 20px;
		right: 10px;
		display: block;
		background: url(../images/inp-icon.png)center no-repeat;
	}
	.center-div i{
		width: 2px;
		height: 25px;
		display: block;
		background: white;
		float: left;
		margin: 15px 10px;
		
	}
	.center-div-a{
		float: left;
		height: 54px;
		width: 100px;
		text-align: center;
		line-height: 54px;
		color: white;
	}
	.center-div-a:hover{
		color: #efc974;
	}

}

/*-----------------------footer----------------------*/
@media only screen and (min-width: 1200px){
	.fenye{
		width: 1200px;
		height: 40px;
		margin:0 auto 60px;
	}
#layui-laypage-1{
/*margin-left: 400px;*/
	text-align: center;
}
.layui-laypage{
	display: block;
}
.layui-laypage a,.layui-laypage span{
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
}
	#footer1{
		display: block;
	}
	#footer,#footer-top,#footer-end{
		width: 100%;
		min-width: 1200px;
		margin: auto;
	}
	#footer-top{
		background:#38BBAB ;
		height: 330px;
	}
	#footer-end{
		background: black;
		height: 45px;
	}
	.footer-center{
		width: 1200px;
		height: 100%;
		margin: auto;
		position: relative;
	}
	#footer-top .footer-center{position: relative;}
	.footer-share{
		width: 355px;
		height: 340px;
		position: absolute;
		left: 0;
		top:-40px;
		background: #38BBAB;
		box-shadow: #34AA9B 0px 1px 0px 1px;
	}
	.footer-logo{
		display: block;
		margin: 60px auto 20px;
	}
	.footer-center-ul{
		position: absolute;
		left: 400px;
		top: 0;
	}
	.footer-center-ul-li{
		width: 110px;
		float: left;
		position: relative;
		
	}
	.footer-span{
		width: 110px;
		height:80px;
		display: block;
		font-size: 14px;
		line-height: 80px;
		text-align:center;
		color: white;
	}
	.footer-center-ul-li ul{
		position: absolute;
		top: 80px;
		left: 0;
	}
	.footer-center-ul-li ul li{
		width: 110px;
		line-height: 25px;
		text-align: center;
	}
	.footer-center-ul-li ul li a{
		font-size: 12px;
		color: white;
	}
	.footer-center-ul-li ul li a:hover{
		color: #efc974;
		
	}
	.footer-scan-code{
		width: 120px;
		height: 120px;
		display: block;
		/*margin: 10px;*/
		margin-left: 27px;
		margin-right: 10px;
		background: url(../images/scan-code2.png)center no-repeat;
		background-size: 100%;
	}
	.footer-div1{
		width:150px;
		height: 140px;
		margin-left: 10px;
		color: white;
	}
	
	.footer-div1-p{
		/*margin-top: 9px;*/
	}
	.footer-div1 span{
		width: 48px;
		height: 46px;
		display: block;
		background: url(../images/phone-2.png)center no-repeat;
		background-size: 100%;
		margin-top: 5px;
		margin-bottom: 5px;
		
	}
	
	.footer-div2{
		width: 100%;
		height: 40px;
		clear: both;
		margin-top: 20px;
	}
	
	.footer-div2-wx,.footer-div2-wb{
		width: 120px;
		height: 40px;
		margin-left: 10px;
		background: white;
		line-height: 40px;
		color: #3C3C3C;
	}
	.footer-div2-wx{
		margin-left: 20px;
	}
	.footer-wx-icon{
		width: 24px;
		height: 20px;
		display: block;
		background: url(../images/wx.png)center no-repeat;
		background-size: 100%;
		margin: 10px;
	}
	.footer-wb-icon{
		width: 24px;
		height: 20px;
		display: block;
		background: url(../images/wb.png)center no-repeat;
		background-size: 100%;
		margin: 10px;
	}
	.footer-zx{
		width: 90px;
		height: 77px;
		background:#EFC974;
		position: absolute;
		right: 200px;
		bottom: 0;
	}
	.footer-top{
		width: 90px;
		height: 77px;
		background:#38BBAB;
		box-shadow: #34AA9B 1px -1px 0px 1px;
		position: absolute;
		right: 110px;
		bottom: 0;
	}
	.footer-zx-span{
		width: 48px;
		height: 48px;
		display: block;
		color: white;
		font-size: 18px;
		font-weight: 600;
		margin: 14px 22px;
		letter-spacing:5px;
	}
	.footer-other-lt{
		width: 300px;
		height: 25px;
		margin-top:10px ;
		margin-right: 10px;
		background: white;
		float: left;
	}
	.footer-other-txt{
		color: white;
		line-height: 45px;
	}
	.footer-other-s1{
		line-height: 25px;
		margin-left: 10px;
		color: #959595;
	}
	.footer-other-s2{
		line-height: 25px;
		margin-left: 115px;
		color: #959595;
	}
	.footer-other-s3{
		width: 15px;
		height: 15px;
		display: block;
		background: url(../images/sanjiao.png)center no-repeat;
		background-size: 100%;
		margin-left: 5px;
		margin-top: 5px;
	}
	.fenye{
		width: 100%;
		height: 40px;
		margin:0 auto 20px;
	}
	.fenye-box{
		text-align: center;
		vertical-align: middle;
    	margin: 10px 0;
    	font-size: 0;
    	box-sizing: content-box;
	}
	.fenye-prev,.fenye-next{
		border-radius: 2px 0 0 2px;
		margin-left: 0!important;
	}
	.fenye-box a:hover{
		color:#009688 ;
	}
	.fenye-box a{
		text-decoration: none;
		display: inline-block;
	    vertical-align: middle;
	    padding: 5px 15px;
	    height: 28px;
	    line-height: 28px;
	    margin: 0 -1px 5px 0;
	    background-color: #fff;
	    color: #333;
	    font-size: 12px;
	    border: 1px solid #e2e2e2;
	}
	.fenye-active{
		position: relative;
		background: #009F95 !important;
		color: white !important;
	}
}

@media only screen and (max-width: 1200px) {
	#header1{display: none;}
	.header-end{display: none;}
	.header-top{display: none;}
	/*头部*/
header{
	width: 100%;
	height: 60px;
	/*position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;*/
	background:white;
	display: block;
}
#header2{	
	width: 96%;
	height: 100%;
	margin: auto;
}
.header-logo{
	width: 50%;
	height: 100%;
	display: block;
	background:url(../images/logo.png)center no-repeat ;
	background-size: contain;
	cursor: pointer;
	float: left;
}
.menu{
	width: 35px;
	height: 35px;
	display: block;
	background: url(../images/menu.png)center no-repeat;
	background-size: contain;
	margin:13px 0;
	cursor: pointer;
	position: relative;
	float: right;
}
.menu-div{
	width: 160px;
	/*padding: .3rem;*/
	background:white;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9999;
	display: none;
	box-shadow: 1px 0px 1px 1px lightgray;
}
.menu-ul-li{
	text-align: center;
	padding:.3rem 0;
	height: 45px;
	line-height: 45px;
	width:160px;
	}
.menu-ul-li:nth-child(1){
	height: 60px;
	padding: 0;
	overflow: hidden;
	border-bottom: 1px solid gainsboro;
}
.clear{
	width: 30px;
	height: 30px;
	display: block;
	background: url(../images/clear.png)center no-repeat;
	background-size: 100%;
	margin: 15px;
}
.menu-ul-li-a{
	width: 100%;
	height: 100%;
	display: block;
	font-size: 1rem;
}
.active .menu-ul-li-a{color: white;width: 100%;height: 100%;display: block;text-align: center;}	

}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
	#footer{display: none;}/*电脑*/
	footer{display: none;}/*手机*/
	#footer3{
		clear: both;
		width: 100%;
		height: 60px;
		background:#38BBAB ;
		text-align: center;
		color: white;
		display: block;
		line-height: 60px;
	}
	.fenye{
		width: 100%;
		height: 40px;
		margin:0 auto 20px;
	}
	.fenye-box{
		text-align: center;
		vertical-align: middle;
    	margin: 10px 0;
    	font-size: 0;
    	box-sizing: content-box;
	}
	.fenye-prev,.fenye-next{
		border-radius: 2px 0 0 2px;
		margin-left: 0!important;
	}
	.fenye-box a{
		text-decoration: none;
		display: inline-block;
	    vertical-align: middle;
	    padding: 5px 15px;
	    height: 28px;
	    line-height: 28px;
	    margin: 0 -1px 5px 0;
	    background-color: #fff;
	    color: #333;
	    font-size: 12px;
	    border: 1px solid #e2e2e2;
	}
	.fenye-active{
		position: relative;
		background: #009F95 !important;
		color: white !important;
	}
	.fenye-box a:hover{
		color:#009688 ;
	}
}
@media only screen and (max-width: 768px) {
	#footer{display: none;}/*电脑*/
	footer{display: block;}/*手机*/
	#footer3{display: none;}/*平板*/
	
	
	#footer2{
	width: 100%;
	}
	.footer-top{
		width: 100%;
		height: 120px;
		overflow: hidden;
	}
	.footer-top-box{
		width: 260px;
		height: 80px;
		margin:20px auto;
	}
	.footer-img1{
		width: 80px;
		height: 80px;
		display: block;
		margin-right: 20px;
		float: left;
	}
	.footer-rt{
		width:160px;
		height: 80px;
		float: left;
	}
	.footer-img2{
		width: 100%;
		height: 32px;
	}
	
	.footer-lx{
		width: 100%;
		height:38px;
		/*background: red;*/
		padding-top: 10px;
		overflow: hidden;
	}
	.footer-img3{
		width:32px;
		height: 32px;
		margin: 3px;
		float: left;
		display: block;
	}
	.footer-lx2{
		float: left;
		font-size: .7rem;
		color: #9E9E9E;
		margin-left: 10px;
	}
	.footer-lx3{
		float: left;
		font-size: 1rem;
		color: #9E9E9E;
		margin-left: 10px;
		font-weight: 600;
	}
	.footer-end{
		width: 100%;
		padding: .3rem 0;
		background:#666666 ;
		color:#8C8C8C ;
		text-align: center;
		font-size: .7rem;
	}
	.fenye{
		width: 100%;
		height: 40px;
		margin:0 auto 20px;
	}
	.fenye-box{
		text-align: center;
		vertical-align: middle;
    	margin: 10px 0;
    	font-size: 0;
    	box-sizing: content-box;
	}
	.fenye-prev,.fenye-next{
		border-radius: 2px 0 0 2px;
		margin-left: 0!important;
	}
	.fenye-box a{
		text-decoration: none;
		display: inline-block;
	    vertical-align: middle;
	    padding: 5px 15px;
	    height: 28px;
	    line-height: 28px;
	    margin: 0 -1px 5px 0;
	    background-color: #fff;
	    color: #333;
	    font-size: 12px;
	    border: 1px solid #e2e2e2;
	}
	.fenye-active{
		position: relative;
		background: #009F95 !important;
		color: white !important;
	}
	.fenye-box a:hover{
		color:#009688 ;
	}
}
.public{
	background: white;
	padding: 20px 2%;
	margin-top: 20px;
}


	#dangqian{
		width: 100%;
		height: 80px;
		background:url(../images/navbg.png)center no-repeat;
		background-size:cover;
		font-size: 14px;
		position: relative;
	}
	#dangqian span{
		width: 200px;
		height: 80px;
		line-height: 80px;
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		text-align: center;
		margin-left: -100px;
		color: white;
		font-size: 14px;
	}
	#header2 .active{
		background: #38BBAB;
	}