/*pad*/
.gh{display:none;}
@media only screen and (max-width:1024px){
	.top_bg .gh{ display:block; position:absolute; top:50%; right:0px; background-color: #f0f0f0; border-radius: 50%; width:3rem; height:3rem; margin-top:-1.5rem; cursor:pointer; }
	.top_bg .gh i{ position:absolute; background-color:#00285a; width:1.5rem; height:2px; left:0.75rem; transition:all .5s ease; }
	.top_bg .gh i.t{ top:1.125rem; }
	.top_bg .gh i.f{ bottom:1.125rem; }
	.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.f{ transform:rotate(135deg); }

	.top_bg a.r{ display: none; }
	.top_bg a.logo{ position: relative; }
	.top_bg .dh{ background-color: #0080e3; border-bottom-right-radius:0.75rem; border-bottom-left-radius:0.75rem; position: absolute; width: 100%; height: auto; overflow: hidden; height: 0px; transition: all 0.25s ease; }
	.top_bg.selected .dh{ height: 14.5rem; transition: all 0.5s ease; }
	.top_bg .dh dl{ text-align: right; font-size: 1rem; padding: 1rem 2rem; }
	.top_bg .dh dl a.x{ display: block; }
	.top_bg .dh dl a{ display: block; color: #ffffff; margin: 1rem 0px; padding-right:2rem; transition: all 3s ease; }
	.top_bg.selected .dh dl a{ padding-right: 0px; }
	.top_bg.selected .dh dl a.l1{ transition: all 1s ease; }
	.top_bg.selected .dh dl a.l2{ transition: all 1.25s ease; }
	.top_bg.selected .dh dl a.l3{ transition: all 1.5s ease; }
	.top_bg.selected .dh dl a.l4{ transition: all 1.75s ease; }
	.top_bg.selected .dh dl a.l5{ transition: all 2s ease; }

	.foot_bd .width1500 div.l{ width: 100%; max-width: 100%; }
	.foot_bd .width1500 form{ width: 100%; margin-top: 2.5rem; }
	.foot_bg .width1500 .hidden.t div.l.logo{ width: 100%; margin-bottom:2rem; }
	.foot_bg .width1500 .hidden.t div.l.dh{ margin-left:0px; width: 70%; }

	.foot_bg .width1500 .hidden.t div.r{ width: 30%; }

	.job_t .hidden.ggw i.bjt{ background-size: cover; }

}
@media only screen and (max-width:800px){
	html,body{ min-width:414px; font-size:16px; }
	body{ overflow-x:hidden; margin:0px auto; }
	.width1500{ width:94%; }
	.top_bg{ padding: 1rem 0px; }

	.banner, .banner .swiper-wrapper, .banner .swiper-wrapper .swiper-slide{ height:23.5rem; }
	.banner .swiper-wrapper .swiper-slide div.xx dd{ font-size: 1.5rem; }
	.banner .swiper-wrapper .swiper-slide div.xx dl{ font-size: 0.8rem; }
	.banner .swiper-wrapper .swiper-slide div.xx ol a{ font-size: 0.8rem; }

	.banner div.qh{ height: 3rem; line-height: 3rem; width: 1.8rem; }
	
	.i_ggw{ height: auto; margin-bottom: 5rem; }
	.i_ggw div.xx{ position: relative; padding: 2rem 0px; top: 0px; }
	.i_ggw div.xx div.l{ width: 100%; font-size: 1.5rem; }
	.i_ggw div.xx ul.r{ width: 100%; margin-top:2rem; }
	.i_ggw div.xx ul.r li{ width: 48%; height: 6rem; }
	.i_ggw div.xx ul.r li div{ padding: 1rem; }
	.i_ggw div.xx ul.r li div dd{ font-size: 1.5rem; }
	.i_ggw div.xx ul.r li div dl{ font-size: 0.75rem; }
	
	.i_pp{ margin-bottom: 5rem; }
	.i_pp .i_pp_qh{ margin-top: 3rem; }

	.i_about div.l{ width: 100%; }
	.i_about div.l dt{ padding-top: 0px; }
	.i_about div.l dd{ font-size: 2rem; margin-top: 1.5rem; }
	.i_about div.l dl{ margin-top: 3rem; }
	.i_about div.l ol{ margin-top: 2rem; }
	.i_about div.r{ width: 100%; margin-top:2rem; }

	.i_lm div.x1, .i_lm div.x2{ margin-right: 0px; margin-bottom:2rem; }
	.i_lm div.x{ width: 100%; }
	
	.i_lxwm div.l div.t{ height: 23.6875rem; }
	.i_lxwm div.l div.f a{ font-size: 1.5rem; }


	.i_lxwm div.l,.i_lxwm ul.r{ width: 100%; }
	.i_lxwm div.l{ margin-top: 1.25rem; min-height: 10rem; }
	
	.i_lxwm ul.r li{ height: 20rem; }
	.i_lxwm ul.r li div{ top: 1rem; left: 1rem; bottom: 1rem; right: 1rem; }
	.i_lxwm ul.r li div dd{ margin-bottom:1rem; font-size: 0.875rem; }
	.i_lxwm ul.r li div dt{ font-size: 1rem; min-height: 2.5rem; }
	.i_lxwm ul.r li div dl{ font-size: 0.8rem; }
	.i_lxwm ul.r li div ol{ font-size: 0.875rem; }

	.foot_bd .width1500 div.l{ font-size: 1.5rem; text-align: center; }
	
	.ny_t{ padding: 3rem 0px; }
	.ny_t div.l{ width: 100%; }
	.ny_t div.l dt{ padding-top: 0px; }
	.ny_t div.l dd{ font-size: 2rem; margin-top: 1.5rem; }
	.ny_t div.l dl{ margin-top: 3rem; }
	.ny_t div.l ol{ margin-top: 2rem; }
	.ny_t div.r{ width: 100%; margin-top: 2rem; }

	.about_xt{ padding: 2rem; }
	.about_xt dl{ font-size: 1.25rem; margin-top: 2rem; }
	
	.about_jzg div.f i{ height: 6rem; line-height: 6rem; }
	
	.about_cn{ height: auto; }
	.about_cn div.xx{ position: relative; left: auto; right: auto; top: auto; bottom: auto; padding: 2rem; }
	.about_cn div.xx div{ width: 100%; }
	.about_cn div.xx div.l dd{ font-size: 1.5rem; }
	.about_cn div.xx div.l dl{ margin-top: 2rem; }
	.about_cn div.xx div.l dl a{ display:block; height: 2rem; line-height: 2rem; margin-top: 1rem; font-size: 1rem; max-width:5rem; }
	.about_cn div.xx div.r{ font-size: 1rem; margin-top: 2rem; }
	
	.about_zc div.hidden{ width: 100%; margin-bottom: 2rem; }
	.about_zc div.hidden div{ padding: 2rem; height: auto; }
	.about_zc div.hidden div dd{ margin-bottom: 2rem; }
	.about_zc div.hidden div dl{ font-size: 1rem; min-height: 3rem; }

	.about_hy{ margin-top:5rem; }
	.about_hy div.hidden.l{ width: 100%; height: 22rem; }
	.about_hy div.hidden.r{ width: 100%; margin-top: 1rem; height: auto; }
	.about_hy div.hidden.r dl{ margin:1rem 2% 0px; width: 46%; height: 11rem; }

	.about_zz{ margin-top: 5rem; padding: 2rem; }
	.about_zz div.f{ margin-top: 1rem; }
	.about_zz div.f dl{ display: block; float: left; width: 50%; }
	
	.about_cs{ margin: 5rem 0px; }
	.about_cs div.l{ width: 100%; }
	.about_cs div.l dd{ margin-top: 2rem; font-size: 1.5rem; }

	.about_cs div.r{ width: 98%; margin-top: 2rem; }

	.fwxm_db_xx{ padding: 2rem; margin: 5rem 0px 3rem; }

	.job_t{ padding: 3rem 0px; }
	.job_t .hidden.jj{ margin-bottom: 3rem; }
	.job_t .hidden.jj div.l{ width: 100%; }
	.job_t .hidden.jj div.l dt{ padding-top: 0px; }
	.job_t .hidden.jj div.l dd{ font-size: 2rem; margin-top: 1.5rem; }
	.job_t .hidden.jj div.l dl{ margin-top: 3rem; }
	.job_t .hidden.jj div.l ol{ margin-top: 2rem; }

	.job_t .hidden.jj div.r{ width: 100%; margin-top:2rem; }

	.job_t .hidden.ggw{ height: 21rem; }
	.job_t .hidden.ggw div dd{ font-size:1.5rem; }

	.job_t .hidden.ys{ margin-top:3rem; }
	.job_t .hidden.ys div.t{ font-size: 2rem; }
	.job_t .hidden.ys ul.f{ margin-top: 2rem; }
	.job_t .hidden.ys ul.f li{ width: 48%; margin: 1rem 1% 0px; height: 12rem; }
	.job_t .hidden.ys ul.f li dd, .job_t .hidden.ys ul.f li dl{ left: 5%; }
	.job_t .hidden.ys ul.f li dd{ top: 1.5rem; }
	.job_t .hidden.ys ul.f li dl{ bottom: 1.5rem; }

	.job_f{ padding: 5rem 0px 3rem; }
	.job_f div{ padding: 2rem; }

	.job_c .lb_bg .s_l{ width: 100%; }
	.job_c .lb_bg .s_l div.t a.sq{ display: block; }
	.job_c .lb_bg .s_xf{ display: none; }

	.lxwm .hidden.t{ margin-bottom: 3rem; }
	.lxwm .hidden.t form{ width: 100%; }
	.lxwm .hidden.t div.r{ width: 100%; margin-top: 4rem; min-height: 10rem; }
	.lxwm .hidden.t div.r i.bg_q{ display: none; }
	.lxwm .hidden.t div.r img{ display: block; }

	.lxwm .hidden.c{ height: 24rem; }
	
	.lxwm .hidden.f{ margin-top: 3rem; }
	.lxwm .hidden.f div.l,.lxwm .hidden.f ul.r{ width: 100%; }
	.lxwm .hidden.f div.l{ margin-top: 1.25rem; min-height: 10rem; }
	.lxwm .hidden.f div.l i.bg_q{ display: none; }
	.lxwm .hidden.f div.l img{ display: block; }
	
	.lxwm .hidden.f ul.r li{ height: 20rem; }
	.lxwm .hidden.f ul.r li div{ top: 1rem; left: 1rem; bottom: 1rem; right: 1rem; }
	.lxwm .hidden.f ul.r li div dd{ margin-bottom:1rem; font-size: 0.875rem; }
	.lxwm .hidden.f ul.r li div dt{ font-size: 1.125rem; min-height: 2.5rem; }
	.lxwm .hidden.f ul.r li div dl{ font-size: 0.875rem; }
	.lxwm .hidden.f ul.r li div ol{ font-size: 0.875rem; }
	
}



@media only screen and (max-width:600px){
	.foot_bd .width1500 form div.form-group{ width: 100%; margin-right: 0px; margin-bottom:0.5rem; }
	.foot_bd .width1500 form div#dr_row_youxiang{ position: relative; }
	.foot_bd .width1500 form div.button{ position: relative; margin-top:1rem; float: left; width: 100%; }
	.foot_bd .width1500 form div.button button{ position: relative; display: block; border-radius: 0.5rem; height: 2.5rem; line-height: 2.5rem; padding-right: 0px; width: 12.5rem; padding: 0px 4.5rem; font-size: 1.25rem; margin: 0px auto; text-align: left; }

	.foot_bg .width1500 .hidden.t div.l.dh{ width: 100%; }
	.foot_bg .width1500 .hidden.t div.l.dh a{ width: 100%; }
	.foot_bg .width1500 .hidden.t div.r{ width: 100%; margin-top: 2rem; }

	ul.al_lb li{ padding: 1.25rem; }
	ul.al_lb li .hidden.t{ font-size: 1.5rem; line-height: 1.75; }
	ul.al_lb li .hidden.t i{ width: 1.25rem; height: 1.25rem; }
	ul.al_lb li .hidden.f div.l,ul.al_lb li .hidden.f div.r{ width: 100%; }
	ul.al_lb li .hidden.f div.l{ margin-bottom: 2rem }

	.job_t .hidden.ggw div{ bottom: 2rem; }
	.job_t .hidden.ggw div dl{ font-size: 0.875rem; }
	.job_f div dd{ font-size: 1.5rem; }

}