/*pad*/
.gh,.sj_lm{display:none;}

@media only screen and (max-width:1024px){
	.width1680{width:94%;}
	html,body{font-size:16px;}
	body{overflow-x:hidden;max-width: 414px; margin:0px auto;}

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

	.top_bg_h,.top_bg .width1680,.top_bg .width1680 a.logo,.top_bg .width1680 div.r,.top_bg .width1680 div.r .lm,.top_bg .width1680 div.r .so,.top_bg .width1680 div.r .yy,.ny_top{ height:4rem; }
	.top_bg .width1680{ position: relative; }
	.top_bg .width1680 a.logo{ width: 50%; }
	.top_bg .width1680 a.logo img{ max-height: 2.5rem; }
	.top_bg .width1680 div.r .lm,.top_bg .width1680 div.r .yy,.banner div.sb{ display: none; }
	.top_bg .width1680 div.r{ margin-right:3rem; }
	
	.top_bg .sj_lm{ position: fixed; top: 4rem; display: block; opacity: 0; width: 100%; left: 0px; background-color: #ffffff; border-top: 1px solid rgba(0,0,0,0.14); overflow: hidden; max-height: 0px;transition: all 1s ease; }
	.top_bg.selected .sj_lm{box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); max-height: 100vh;transition: all 1s ease; padding:1.5rem 0px; opacity: 1;}
	.top_bg .sj_lm,.top_bg .sj_lm li{ overflow: hidden; }
	.top_bg .sj_lm li a{ display: block;  color: #333333;}
	.top_bg .sj_lm li.yy{ text-align: right; }
	.top_bg .sj_lm li dd{ padding: 0px 3%;}
	.top_bg .sj_lm li dd a{ font-size: 1.125rem; line-height: 2.5;}
	.top_bg .sj_lm li dl{ padding-left: 10%; overflow: hidden;}
	.top_bg .sj_lm li dl a{ float: left; width: 50%; font-size: 1rem; line-height: 2; }

	.so_bg{ top: 4rem; }
	.so_bg .width1480{ height: 2rem; }
	.so_bg .width1480 .search-form{ height: 2rem; width: 80%; float: left; margin-left: 3%;}
	.so_bg .width1480 .search-form div{ margin-right: 0px; margin-left:0.5rem;  }
	.so_bg .width1480 .search-form div button{ line-height: 2rem;font-size: 0.875rem; }
	.so_bg .width1480 .search-form .fl{ width: 50%; font-size: 0.75rem; height: 2rem; line-height: 2rem; }
	.so_bg .width1480 .search-form .fr{ height: 2rem; line-height: 2rem; width: 15%; font-size: 1rem; }

.banner_bg{ top:0px; }
	.banner,.banner .swiper-wrapper,.banner .swiper-wrapper .swiper-slide{ height:29rem; }
.banner .swiper-wrapper .swiper-slide i.bg_q{background-size: 100% auto;background-repeat: no-repeat; }
	.banner .swiper-wrapper .swiper-slide .width1680{ height:29rem; }
	.banner .swiper-wrapper .swiper-slide .width1680 .bg{ padding: 1rem; background-color:rgb(255,255,255,0.5); }
	.banner .swiper-wrapper .swiper-slide .width1680 dd{ text-align: center; font-size: 1.5rem; }
	.banner .swiper-wrapper .swiper-slide .width1680 dl{ font-size: 0.75rem; line-height: 1.25; width: 85%; }
.pc_banner{ display:none; }
.dn_banner{ display:block; }
	.banner .page{ bottom:1rem; }
.banner .page span{ width: 1rem; height: 2px; }
	
	.i_bg{ margin-top: 29rem; }

	.i_tp{ height:16rem; }
	.i_fw{ padding: 2rem 0px; }

	.i_fw{ padding:2rem 0px 0px; }
	.i_fw .fw_t ol,.i_fw .fw_t a,.i_news_t ol,.i_news_t a{ font-size: 0.75rem; }
	.i_fw .fw_t dd,.i_news_t dd{ font-size: 1.5rem; }
	.i_fw .fw_t a,.i_news_t a{ width: 6rem; }
	.i_fw .fw_f{ margin-top: 2rem; height:1926px;}
	.i_fw .fw_f div.fw_f_l,.i_fw .fw_f div.fw_f_c,.i_fw .fw_f div.fw_f_r{ width: 100%;}

	.i_fw .fw_f .fw_nr a div.n{ width: 92%; left: 4%; }
	.i_fw .fw_f .fw_nr a div.n ol{ font-size: 0.75rem; }
	.i_fw .fw_f .fw_nr a div.n dd{ font-size: 1.25rem; }
	.i_fw .fw_f .fw_nr a div.n dl{ margin-top:6px; }

	.i_fw .fw_f div.fw_f_l{ height: 366px; }
	.i_fw .fw_f div.fw_f_l a i.tp{ height: 364px; background-size: 100% auto; }

	.i_fw .fw_f div.fw_f_c{ margin:2rem 0px; height: 850px;}
	.i_fw .fw_f div.fw_f_c div.t{ height: 150px; }
	.i_fw .fw_f div.fw_f_c div.f{ margin-top: 0px; }
	.i_fw .fw_f div.fw_f_c div.f div.l,.i_fw .fw_f div.fw_f_c div.f div.r{ width:388.16px; margin-top: 2rem;}
	.i_fw .fw_f div.fw_f_r div.f{ margin-top: 2rem; }

	.foot_fx{ padding: 2rem 0px; }
	.foot_fx a{ width: 2.8rem; height: 2.8rem; line-height: 2.8rem; font-size: 1rem; }

	.foot_bg .width1680{ height: auto; padding: 2rem 0px; display: block; }
	.foot_bg .width1680 div.bg div.l{ width: 100%; text-align: center; }
	.foot_bg .width1680 div.bg ul.r{ width: 100%;  margin-top:1rem; font-size: 1rem;max-width: 100%;}
	.foot_bg .width1680 div.bg ul.r li{ margin-left:0px; text-align: center; margin-top:1rem; width: 100%;}

	.foot_bg .width1680 div.f{ position: relative; margin-top: 1rem; bottom: auto; text-align: center; font-size: 0.75rem; }

	.cp_tit .width1680{ height: auto; }
	.cp_tit .width1680 div{ width: 100%; }
	.cp_tit .width1680 div.l{ display: none; }
	.cp_tit .width1680 div.r{ margin-bottom:1rem; }
	.cp_tit .width1680 div.r a{margin-left: 1rem; }

	.cp_t,.cp_t .width1680{ height: auto; display: block;}
	.cp_t .ck-slide{ display: none; }
	.cp_t .sj_cp{ display: block; }
	.cp_t .width1680 div.bg{ overflow: hidden; position: relative; }
	.cp_t .width1680 div.bg div.r{ padding:2rem 0px; width: 100%; }
	.cp_t .width1680 div.bg div.r ol{ font-size: 1rem; margin-bottom:0.5rem;}
	.cp_t .width1680 div.bg div.r dd{ font-size: 2rem; padding-bottom:1.5rem; margin-bottom: 0.5rem;}
	.cp_t .width1680 div.bg div.r dd i{ height: 2px; }
	.cp_t .width1680 div.bg div.r dl{ line-height: 2; height: auto;}

	.cp_c{ padding: 2rem 0px; }
	.cp_c .bg .tit{ font-size: 2rem; }
	.cp_c .bg .con{ margin-top: 1rem; }
	.cp_c .bg .con tr{ padding: 1rem 0px; }
	.cp_c .bg .con tr td{ width: 100%; }
	.cp_c .bg .con tr td b{ font-size: 1.125rem; }

	.cp_f{ padding: 2rem 0px; }
	.cp_f .width1680 #wrapper{ display: none;}
	.cp_f .width1680 .sj_qt{ display: block; }
	
	.job_banner .width1680{ height: 15rem; }
	.job_banner .width1680 dd{ font-size:1.8rem; text-align: center; width: 100%; }

	.job_con{ padding: 2rem 0px; }
	.job_con .hidden.l{ width: 100%; border-bottom: 1px solid #eeeeee;}
	.job_con .hidden.l div.t{ text-align: center; margin-bottom:1rem; }
	.job_con .hidden.l div.t dd{ font-size: 2rem; }
	.job_con .hidden.l div.f{ min-height: 20vh; margin-top: 2rem;}
	.job_con .hidden.l div.f div.con{ margin-top: 1rem; }
	.job_con .hidden.l div.f div.con a{ width: 45%; margin-right: 5%; float: left; }
	.job_con i.x{ display: none; }
	.job_con .hidden.r{ width: 100%; margin-top:2rem; }
	.job_con .hidden.r div.so{ margin-bottom:2rem; }

	.job_li li{ width: 100%; height: 24rem; }
	.job_li li span.y{ right: 1rem; }
	.job_li li a{ padding: 1rem; }

	.job_show_t{ padding: 2rem 0px; }
	.job_show .hidden.l,.job_show i.x{ display: none; }
	.job_show .hidden.r{ width: 100%; }
	.job_show .hidden.r a{ padding: 0.5rem 1rem; }

	.news_bg .width1680{ padding: 2rem 0px; }
	.news_bg .width1680 .tit dd{ font-size: 2rem; }
	.news_bg .width1680 .so{ padding: 1rem 0px 2rem; }
	
	.news_li{ width: 100%; }
	.news_li li{ width:48%; margin:0px 1% 1rem; height: 23.5rem;}
	.news_li li a div.t{ height: 7.5rem; }
	.news_li li a div.f{ padding:0.5rem; height: 15rem;}
	.news_li li a div.f dd{ font-size: 1rem; line-height: 1.5rem; height: 4.5rem; }
	.news_li li a div.f dl{ margin:1rem 0px; font-size: 0.75rem; line-height: 1.5rem; height:6rem; }
	.news_li li a div.f ol{ height: 2rem; line-height: 2rem; padding-left:1rem; }
	
	.news_show .tit{ padding: 1rem 0px; }
	.news_show .tit div.l{ padding-right: 8.5rem; line-height:1.5;}
	.news_show .tit a.fh{ font-size: 0.75rem; height: 2rem; line-height: 2rem; }

	.news_show .con{ padding: 2rem 0px; }
	.news_show .con i.x{ display: none; }
	.news_show .con div.l{ width: 100%; border-bottom: 1px solid #eeeeee; padding-bottom:1rem; }
	.news_show .con.on div.l{ position: relative; top: auto; width:100%; max-width: 100%; }
	.news_show .con div.l div.t{ font-size: 1.25rem; text-align: center; line-height: 1.5; }
	.news_show .con div.l div.c{ padding: 1rem 0px; text-align: center; }
	.news_show .con div.r{ width: 100%; margin-top: 1rem; }
	.news_show .con div.r div.t{ line-height: 2; }
	.news_show .con div.r div.f{ margin-top: 1rem; padding-top: 1rem; }
	.news_show .con div.r div.f dl{ line-height: 2rem; }

	.about_banner .width1680{ height: 15rem; text-align: center; }
	.about_banner .width1680 div.bg dd{font-size: 1.8rem;}
	.about_banner .width1680 div.bg dl{ font-size: 0.875rem; }

	.about_con{ padding: 2rem 0px; }
	.about_con div.l{ width: 100%; }
	.about_con div.l dd{ text-align: center; font-size: 2rem; }
	.about_con div.l dl{ line-height: 2; }

	.about_con div.about{ margin-top: 2rem;width: 100%; }

	.about_sj{ padding: 2rem 0px; }
	.about_sj li{ height:7.1875rem; text-align: center;}
	.about_sj li div.bg dd{ font-size: 0.75rem; }
	.about_sj li div.bg dd b{ font-size: 2rem; margin-right: 0.25rem;}
	.about_sj li div.bg dl{ font-size: 0.75rem; }

	.about_lxwm .width1680{ height: 20rem; }
	
	.contact_con{ padding: 2rem 0px; }
	.contact_con .tit{ font-size: 2rem; text-align: center; }
	.contact_con ul.lxfs,.contact_con ul.lxfs li{ width: 100%; }

	.contact_con div.dt{ margin:0px 0px 2rem; height: 14rem; }

	.contact_con div.swlx{ padding: 1rem; }
	.contact_con div.swlx form{ width: 100%; }
	.contact_con div.swlx form div.form-group{ width: 100%; }
	.contact_con div.swlx form div.b{ text-align: center; }
	.contact_con div.swlx img.r{ width: 100%; margin-top:2rem; }

}