/*pad*/
.gh{display:none;}
@media only screen and (max-width:1680px){
	a.spsc{ right:2%; }
}
@media only screen and (max-width:1280px){
	.top_bg .width1200 .lm_bg ul li dd a{  padding: 0px 2rem; }
}
@media only screen and (max-width:1024px){
	.gh{display:block;}

	.top_bg .gh{display:block; position:absolute; top:50%; right:3%; width:2.5rem; height:2rem; margin-top:-1rem; cursor:pointer;}
	.top_bg .gh i{ position:absolute; background-color:#000000; width:100%; height:2px; left:0px;transition:all .5s ease;}
	.top_bg .gh i.t{ top:0;}
	.top_bg .gh i.c{ top:50%; margin-top:-1px;}
	.top_bg .gh i.f{ bottom:0px;}
	.top_bg.selected .gh i{top:50%; transition:all .5s ease;}
	.top_bg.selected .gh i.t{transform:rotate(45deg);}
	.top_bg.selected .gh i.c{ display:none;}
	.top_bg.selected .gh i.f{transform:rotate(135deg);}

	.top_bg .width1200 .so{ width: 25%; }

	.top_bg .width1200 .lm_bg{ position:fixed; right:0px; top:5.75rem; width:100%; background-color:#ffffff; margin-left:0px; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); height:auto; border-top:1px solid #eeeeee; transition:all 1s ease; margin-right:-100%; max-width:480px;}
	.top_bg.selected .width1200 .lm_bg{ transition:all 1s ease; margin-right:0px;}
	.top_bg .width1200 .lm_bg ul{ padding:3rem 0px; }
	.top_bg .width1200 .lm_bg ul li{ width:100%; }
	.top_bg .width1200 .lm_bg ul li dd{ font-size:1.5rem; height:auto; line-height:2.5; }
	.top_bg .width1200 .lm_bg ul li dd i{ display:block; padding-right:1rem; font-size:1rem; line-height:4; }
	.top_bg .width1200 .lm_bg ul li dl{ position:relative; opacity:1; margin-left:0rem; max-height:500vh; margin-top:0px; padding:1rem 0px; display:none; }
        .top_bg .width1200 .lm_bg ul li.l dl{ margin-left:0rem; }
	.top_bg .width1200 .lm_bg ul li.on dl{ display:block; }
	.top_bg .width1200 .lm_bg ul li dl a{ width:50%; float:left; line-height:2; font-size:1.25rem; }

	.top_bg .width1200 .nav{ margin-right:4rem; }

	a.spsc{ display: none; }

}
@media only screen and (max-width:800px){
	html,body{ min-width:414px; }
	.width1200{width:94%;}
	html,body{font-size:16px;}
	body{overflow-x:hidden; margin:0px auto;}
	a.spsc{ display:none; }

	.top_h,.top_bg,.top_bg .width1200,.top_bg .width1200 a.logo,.top_bg .width1200 .so,.top_bg .width1200 .nav{ height:3.5rem; }

	.top_bg .width1200 a.logo{ width: 45%; }
	.top_bg .width1200 a.logo img{ max-height:2rem; }
	.top_bg .width1200 .so{ display:none; }

	.top_bg .gh{ width:2rem; height:1.5rem; margin-top:-0.75rem; }
	.top_bg .width1200 .lm_bg{ top:3.5rem; }
	.top_bg .width1200 .lm_bg ul{ padding:1rem 0px; }
	.top_bg .width1200 .lm_bg ul li dd{ font-size:1.25rem; }
	.top_bg .width1200 .lm_bg ul li dd i{ line-height:3; }
	.top_bg .width1200 .lm_bg ul li dl a{ font-size:1rem; width:100%;padding: 0px; }
	
	.banner_page,.banner_ny .width1200{ height:12rem; }
	.banner_ny .width1200 div dd{ font-size:1.25rem; }
	.banner_ny .width1200 div dl{ font-size:0.75rem; }

	.page_tit .width1200{ height:3rem; line-height:3rem; }
	.page_tit .width1200 a{ font-size:1rem; }
	.paega_xx{ padding:2rem 0px; }

	.gg_bg .width1200 dl{ font-size:1.5rem; }

	.foot_bg .width1200{ padding:2rem 0px; }
	.foot_bg .width1200 div.hidden.t ul.l{ width:100% !important; }
	.foot_bg .width1200 div.hidden.t ul.l li{ width:100% !important; margin-right:0px;}
	.foot_bg .width1200 div.hidden.t ul.l li dl{ font-size:0.875rem; }
	
	.foot_bg .width1200 div.hidden.t div.r{ width:100%; }
	.foot_bg .width1200 div.hidden.t div.r ol{ height:5rem; }
	.foot_bg .width1200 div.hidden.t div.r dd{ font-size:0.75rem; }
	.foot_bg .width1200 div.hidden.f{ font-size:0.75rem; }
	
	.n_tit{ font-size:1.5rem; }

	.gsry{ padding:2rem 0px; }
	.zoomImgBox{ margin:1rem 0px !important; }
	.zoomImgBox div{ width:48%; margin:0px 1% 1rem; }
	.zoomImgBox div dl{ height:10rem;}

	.mask-layer-imgbox .layer-img-box{ height:50vh; margin-top:20vh; }
	
	.mask-layer .mask-layer-close{ right:1%; width:2rem; height:2rem; }
	.mask-layer-container .img-pre,.mask-layer-container .img-next{ width:3rem; height:3rem; margin-top:-1.5rem; }
	.mask-layer-container .img-pre{ left:1%; }
	.mask-layer-container .img-next{ right:1%; }
	.mask-layer-container .small-content{ width:310px; bottom:2vh; }
	
	.zlqk{ padding:2rem 0px; }
	.col-xs-12{ width:50% !important; }
	.zlqk .container{ margin:1rem 0px; }
	.zlqk .container .row div a{ height:15rem; }
	.zlqk .container .row div a img{ margin:0px auto; }
	#fancybox-thumbs{ width:90%; margin-left:-45%; }
	#fancybox-thumbs ul{ margin-left:-180px; }
	
	.hzjg ul{ margin:1rem 0px; }
	.hzjg ul li div.l{ width:100%; }
	.hzjg ul li div.l a{ background-size:auto 100%; background-position:center; }
	.hzjg ul li div.r{ width:100%; height:auto; margin-top:1rem; }
	.hzjg ul li div.r dd{ text-align:center; }
	.hzjg ul li div.r dl{ white-space:initial; word-break:initial;}

	ul.hzjg_show{ padding:2rem 0px; }
	ul.hzjg_show li.t{ font-size:1.5rem; }
	ul.hzjg_show li.c{ margin:1rem 0px; }

	.cp_xx{ padding:2rem 0px; }
	.cp_xx .cp_t div.l{ width:100%; }
	.cp_xx .cp_t div.l dd{ height:3rem; line-height:3rem; font-size:1.25rem; }
	.cp_xx .cp_t div.l dl a{ float:left; width:50%; font-size:1rem; height:3rem; line-height:3rem; }
	.cp_xx .cp_t .ck-slide{ width:80%; margin:2rem 10%; }
	.cp_xx .cp_t div.r{ width:100%; }
	.cp_xx .cp_t div.r dd{ font-size:1.5rem; text-align:center; padding-bottom:1rem; }
	
	ul.yyly{ margin:2rem 0px; }
	ul.yyly li{ height:8rem; }
	ul.yyly li div.bg_l dd{ font-size:0.75rem; line-height:1rem; }
	ul.yyly li div.bg_h div{ bottom:5%; }
	ul.yyly li div.bg_h div dd{ font-size:0.75rem;}
	ul.yyly li div.bg_h div dl{ margin-top:1rem; font-size:0.875rem; }
	ul.yyly li div.bg_h div dl a{ height:1.5rem; line-height:1.5rem; width:5rem; font-size:0.75rem; }

	.yy_xx,.yy_bg .width1200{ padding:2rem 0px; }

	.yy_jj div.l{ width:100%; height:15rem; }
	.yy_jj div.r{ width:100%; padding:1rem 0px; height:auto; }
	.yy_jj div.r div{ width:90%; }

	.gy_tp div.l,.gy_tp div.r{ width: 100% !important; }

	.yy_wd{ padding:2rem 0px; }
	.yy_wd div.nav{ margin-bottom:1.5rem; }
	.yy_wd div.nav a{ height:3rem; line-height:3rem; }
	.yy_wd ul li{ background-size:2rem; }
	.yy_wd ul li div.l{ margin-left:3rem; width:68%; }
	
	ul.jobs_show li.t{ font-size:1.5rem; }
	ul.jobs_show li.c{ margin:1rem auto; }

	.lxwm{ padding:2rem 0px; }
	.lxwm ul.lxwm_t li{ width:100%; margin-bottom:1.5rem; }
	.lxwm ul.lxwm_t li dl{ font-size:0.875rem; min-height:1rem; }

	.lxwm div.lxwm_f form{ width:100%; }

	.lxwm div.lxwm_f .dt{ width:100%; margin-top:2rem; }

	.fenye a,.fenye span{ padding:0px 0.5rem; }
	
}