@charset "utf-8";
/* CSS Document */
/*.banner img{width:100%;}*/

@media (min-width: 1200px){
	.banner ul li{ background-size:100% auto;}
	.dh{}
	.dh ul{}
	.dh ul li{ float:left; border-left:1px solid #eee; position:relative;}
	.dh ul li.yy{overflow:hidden;}
	.dh ul li.yy a{padding-left:35px; background:url(../img/english.gif) left center no-repeat; margin-left:30px;font-weight:normal !important;}
	.dh ul li a{text-align:center;display:block;font-size:18px;color:#000;line-height:90px; padding:0 65px; position:relative; font-weight:bold;}
	.dh ul li a:after{ content:''; position:absolute; left:0; bottom:-3px; width:100%; height:0; border-bottom:2px solid transparent;}
	.dh ul li:hover>a:after,.dh ul li.on>a:after{border-bottom:3px solid #04a23e;}
	.dh ul li.yy a:hover:after{ border:0;}
	.dh ul li a:hover,.dh ul li.on>a{color:#04a23e;}
	.dh ul li .dh_fl{ position:absolute; left:0; top:93px; width:100%; background-color:#04a23e; display:none;}
	.dh ul li .dh_fl a{ font-size:14px; font-weight:normal; line-height:40px; border-bottom:1px solid #50ab71;padding:0; color:#FFF;}
	.dh ul li .dh_fl a:hover{ text-decoration:underline;}
	.dhan{ display:none;}
	.sdztx ul li{ float:left; width:30%; margin-right:5%;}
	.sdztx ul li:nth-child(3n){margin-right:0;}
	.wz_r_text li:hover{box-shadow:0 0 10px #aaa; -webkit-transform:translate(0,-5px);transform:translate(0,-5px);}
	.wz_r_text li:nth-child(4n){margin-right:0;}
	.fhdb{ display:none;}
}

@media (max-width:900px){
	#footer_bg{ padding:20px 0;}
	.footer_text,.footer_logo{ display:none;}
	.footer_ewm{ float:none;padding-left:0px;border:0; margin:auto;}
}
@media (max-width:1199px){
	.wrapper{ width:95%;}
	.fix_main{ margin-top:70px;}
	.fhdb{ font-size:12px; line-height:30px; text-align:center;}
	.dh_fl{ display:none;}
	.wz_r_text li{ width:49%;}
	.wz_r_text li:nth-child(2n){margin-right:0;}
	.sdztx ul li{ width:100%; max-width:400px;margin:0 auto 20px; border-bottom:1px solid #eee;}
	.mtzx .mtzx_l{ width:95%; float:none; margin:0 auto 20px;}
	.mtzx .mtzx_r{ width:95%; float:none; margin:auto;}
	.b_ban_r_1_w{ max-width:324px; margin:auto;}
	.b_ban{ margin:63px auto 0;}
	.banner{ float:none; width:100%;}
	.banner ul li a img{ height:auto;}
	.b_ban_r{ width:100%; float:none;}
	.b_ban_r_1{margin-bottom:2%;}
	.b_ban_r_2, .b_ban_r_3{ width:49%;}
	.main{margin:20px auto 0;}
	.top{ height:60px;}
	.wz_l{ width:100%;}
	.wz{ margin-top:20px;}
	.main_news_btn{ margin-top:15px;}
	.wz_r_text{ width:100%; margin-top:30px;}
	.main_about_nr{ margin-top:20px;}
	.main_about_text{ width:100%; margin-top:20px;}
	.main_about_wz{ height:auto;}
	.main_about_pic{ width:100%;}
	.dh{ position:fixed; right:0; top:60px; background-color:#fff; background-color:rgba(255,255,255,0.8);width:0; height:100%; z-index:98; overflow:hidden; transition:0.5s;}
	.dh ul{ padding-top:10px;}
	.dh ul li{ min-width:200px;}
	.dh ul li a{ display:block; line-height:40px; font-size:16px; color:#333; text-align:center; border-bottom:1px dashed #eee;}
	.dhan{position:absolute;right:3%;top:21px;cursor:pointer;z-index: 99;}
	.dhan div{width:30px;height:2px;background:#00a13f;border-radius:2px;box-shadow:0 0 5px#999}
	.dhan div.dhan_1{animation:dhan_11 0.4s forwards}
	.dhan div.dhan_2{animation:dhan_22 0.3s forwards}
	.dhan div.dhan_2{margin:6px 0}
	.dhan div.dhan_3{animation:dhan_33 0.4s forwards}
	.dhan.hover div.dhan_1{animation:dhan_1 0.4s forwards}
	.dhan.hover div.dhan_2{animation:dhan_2 0.3s forwards}
	.dhan.hover div.dhan_3{animation:dhan_3 0.4s forwards}
	@keyframes dhan_11{from{transform:translate(0px,8px)rotate(45deg);opacity:1}50%{transform:translate(-60px,-60px)rotate(45deg);opacity:0}51%{transform:translate(-60px,0px)rotate(0deg);opacity:0}to{transform:translate(0px,0px)rotate(0deg);opacity:1}}
	@keyframes dhan_1{from{transform:translate(0px,0px)rotate(0deg);opacity:1}50%{transform:translate(-60px,0px)rotate(0deg);opacity:0}51%{transform:translate(-60px,-60px)rotate(45deg);opacity:0}to{transform:translate(0px,8px)rotate(45deg);opacity:1}}
	@keyframes dhan_22{from{transform:scaleX(0);display:none}}to{transform:scaleX(1);display:block}
	@keyframes dhan_2{from{transform:scaleX(1)}to{transform:scaleX(0);display:none}}
	@keyframes dhan_33{from{transform:translate(0px,-8px)rotate(-45deg);opacity:1}50%{transform:translate(60px,-60px)rotate(-45deg);opacity:0}51%{transform:translate(60px,0px)rotate(0deg);opacity:0}to{transform:translate(0px,0px)rotate(0deg);opacity:1}}
	@keyframes dhan_3{from{transform:translate(0px,0px)rotate(0deg);opacity:1}50%{transform:translate(60px,0px)rotate(0deg);opacity:0}51%{transform:translate(60px,-60px)rotate(-45deg);opacity:0}to{transform:translate(0px,-8px)rotate(-45deg);opacity:1}}
	.dhov{ width:200px !important;}
	
}

@media (max-width:799px){
	.ny_hzmt_img ul li{ width:32%; margin-right:2%;}
	.ny_hzmt_img ul li:nth-child(5n){ margin-right:2%;}
	.ny_hzmt_img ul li:nth-child(3n){ margin-right:0;}
	.ny_xw li div.xw_img{ display:block;}
	.ny_xw li div.xw_t{ display:block; padding-left:0;}
	.intro_col{ width:96%; margin-right:0; margin-bottom:30px;}
	p.download{ width:97%; margin-bottom:0;}
	#signup_form p input[type="text"], #signup_form p textarea, #signup_form p select{ width:100% !important;}
	#signup_form p input[type="text"]#vCode{width:100px !important;}
	#signup_form p label{ width:100% !important; margin-right:0 !important; text-align:left;}
}

@media (max-width:499px){
	.ny_zqsd ul li .ny_zqsd_l{ float:none;width:100%; margin-right:0; margin-bottom:10px;}
	.ny_sp ul li{ width:100%; margin-right:0; margin-bottom:4%;}
	.wz_r_text li{ width:100%; margin-right:0;}
}