@media only screen and (max-width:1920px ) {
.mask-layer .mask-layer-close{right: 16%;}
}
@media only screen and (max-width:1700px ) {
.mask-layer .mask-layer-close{right: 12%;}
}
@media only screen and (max-width:1600px ) {
.mask-layer .mask-layer-close{right: 10%;}
}
@media only screen and (max-width:1440px ) {
.mask-layer .mask-layer-close{right: 6%;}.zfpga{top:0;}
}
@media only screen and (max-width:1366px ) {
	.mask-layer-container .mask-layer-imgbox{max-width: 640px; height: 520px;}
.mask-layer-container .img-pre{left:20%;top: 20%;}
.mask-layer-container .img-next{right:20%;top: 20%;}
.mask-layer .mask-layer-close{right: 23%;}
.mask-layer-imgbox .mask-layer-imgName{line-height: 25px;}
.banner{width:100%; height: auto;}

}
@media only screen and (max-width:1024px ) {
	#menu{width:100%;}
	#menu li a{font-size: 20px; padding: 0 19px;}
	.m_r{width:79%}
	.lb_img ul li .pic{height: 163px;}.history ul li{margin:10px 18px;}
	.mask-layer-container .img-pre{left:10%; top:20%;}
.mask-layer-container .img-next{right:10%;top:20%;}
.mask-layer .mask-layer-close{right:15%;}
}
@media only screen and (max-width:1023px ) {
	.head,.main,.foot{padding: 0 10px;}
	.logo{width:55%}
	.search{margin-top: 0px;}
	.dh{display: none;}
	.phone_dh{display: block;}
	.copy{width:80%;}
	.ewm{width: 20%;}
	.m_l{display: none;}
	.m_r{width:100%; float: left;}
	.lb_list,.article,.history,.js_xq,.lb_img{padding: 20px 10px;}
	.history ul li{margin: 10px 17.5px; width:160px;}
	.lb_img ul li{padding: 0 10px;}
	.lb_img ul li .pic{height: auto;}
}
@media only screen and (max-width:823px ) {
	.mask-layer-container{/* height: 80%; */ top:30%;}
	.mask-layer-container .mask-layer-imgbox{max-width: 50%;overflow: hidden;}
	.mask-layer-container .mask-layer-imgbox.has-small{height: 350px;}
	.mask-layer-container .img-pre{left: 0;top: 25%;}
	.mask-layer-container .img-next{right: 0;top: 25%;}
	.mask-layer .mask-layer-close{right: 5%;}
	.mask-layer-imgbox .layer-img-box img{height: auto; min-height: 200px;}
	.zfpga{/* top:205px; */}
	.stepa{height: 600px;}
	.zf_footer{/* top:805px */}
	.stepb,.stepc{top:0;}.bg_story p{padding:15px 0;}
}
@media only screen and (max-width:812px ) {.history ul li{margin: 10px 16px;}
}
@media only screen and (max-width:768px ) {
	
.mask-layer-container .img-pre{left: 0;top: 13%;}
	.mask-layer-container .img-next{right: 0;top: 13%;}
	.mask-layer .mask-layer-close{right: 10%;}
	.zfpga{/* top:193px; */}.stepb,.stepc{top:0;}
	.zf_footer{/* top:793px */}.history ul li{margin: 10px 11px;}
}
@media only screen and (max-width:750px ) {.history ul li{margin: 10px 10px; width:157px;}
}
@media only screen and (max-width:736px ) {
	.mask-layer-container .img-pre{top: 25%;}
	.mask-layer-container .img-next{top:25%;}
	.zfpga{/* top:187px; */}.stepb,.stepc{top:0;}
	.zf_footer{/* top:787px */}.history ul li{margin: 10px 8px; width:158px;}
}
@media only screen and (max-width:731px ) {.history ul li{margin: 10px 7px;}
}
@media only screen and (max-width:720px ) {
.banner .bd ul li .bg_ban{left:0;bottom: 20px;background-size: contain;/* background:none; */padding-left: 29px;width: 100%;}
.banner .bd ul li .bg_ban .ban_bt{/* width:100%; */line-height: 25px;padding: 0 10px;background: url(../img/bg_ban_bt2.png) repeat center center;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.banner .bd ul li .bg_ban .ban_bt a{font-size: 1.4rem;}
	.zfpga{/* top:183px; */}.stepb,.stepc{top:0;}.banner .hd{right:0px;bottom: 5px;}
	.zf_footer{/* top:783px */}.history ul li{margin: 10px 6px;}
.wznr p table td, .wznr table td{word-break: break-word;}
.wznr p table td span, .wznr table td span,.wznr p table td p, .wznr table td p{font-size:14px}
}
@media only screen and (max-width:667px ) {
	.logo{width:100%}
	.search{float: left; margin-top:10px;}
	.lb_img ul li{width:50%}
	.mask-layer-container .mask-layer-imgbox.has-small{height: 290px;}
.zfpga{/* top:360px; */}.stepb,.stepc{top:0;}
	.zf_footer{/* top:960px */}.history ul li{margin: 10px 19px; width:170px;}
}
@media only screen and (max-width:640px ) {
	.zfpga{/* top:350px; */}.stepb,.stepc{top:0;}
	.zf_footer{/* top:950px */}
.phone_ban{display:block;}
.pc_ban{display:none;}
.history ul li{margin: 10px 15px;}
}
@media only screen and (max-width:568px ) {
	.lb_list ul li a{width:75%;}
	.lb_list ul li span.time{width: 25%;}	
	.history ul li{margin: 10px 10px; width:156px;}
	.mask-layer-container .mask-layer-imgbox{max-width: 296px;}
	.mask-layer-container .mask-layer-imgbox.has-small{height: 265px;}
.closeCard{right:-20px;}
.zfpga{/* top:324px; */}.stepb,.stepc{top:0;}
	.zf_footer{/* top:924px */}
}
@media only screen and (max-width:540px ) {.copy p{font-size:1.4rem;}
	.copy{width:100%;}.copy p span{display:none;}.copy p br{display:block;}
	.ewm{width:100px; float: none; margin: 0 auto;}
	.mask-layer-container .img-pre{top: 10%;}
	.mask-layer-container .img-next{top:10%;}
	.zfpga{/* top:314px; */}.stepb,.stepc{top:0;}
	.zf_footer{/* top:914px */}.scbox{padding: 30px 10px;}
	.messbox{padding: 20px;}
	.closeCard{right: -10px;}
	.zf_logo{width:90%}.cardboxs .pwords{padding: 10px 10px;}.wznr p img{width:100% !important;}.history ul li{margin: 10px 5px;}
	}
@media only screen and (max-width:430px ) {
	.history ul li{margin: 10px 1%; width:48%;}
	.lb_img ul li{width:100%; max-width: 100%;}
	.mask-layer-container .img-pre{top: 10%;}
	.mask-layer-container .img-next{top:10%;}
	.zfpga{/* top:273px; */}.stepb,.stepc{top:0;}
	.zf_footer{/* top:873px */}
	.messbox .info input{max-width: 100px;}
}
@media only screen and (max-width:414px ) {
		.zfpga{/* top:267px; */}.stepb,.stepc{top:0;}
	.zf_footer{position: relative;/* top: 158px; */}
}
@media only screen and (max-width:411px ) {.zfpga{/* top:158px; */}
	.mask-layer .mask-layer-close{right: 0;}
}
@media only screen and (max-width:400px ) {
	.lb_list ul li a{width:100%;}
	.lb_list ul li span.time{display: none;}	
	.zfpga{/* top:160px; */}.stepb,.stepc{top:0;}
	.zf_footer{/* top:862px */}.history{padding:10px 0;}.history ul li{margin: 10px 1%;width: 48%;padding: 15px 0;}.history ul li a{font-size:16px;}
}
@media only screen and (max-width:375px ) {
	.zfpga{/* top:150px; */}.stepb,.stepc{top:160px;}
	.zf_footer{/* top:150px */}.dqwz,.dqwz a,.dqwz span{font-size:14px;}
}
@media only screen and (max-width:360px ) {
		.zfpga{/* top:149px; */}.stepb,.stepc{top:0;}
	.zf_footer{/* top:149px */}
}
@media only screen and (max-width:320px ) {
	.search{width:230px;}
	.search input.ssk{width:175px}
	.zfpga{/* top:142px; */}.stepb,.stepc{top:160px;}
	.zf_footer{/* top: 142px; */}
	.bg_back{top:100px}
}