/*pad*/
.gh,.sj_m{display:none;}
@media only screen and (max-width:1680px){

}
@media only screen and (max-width:1024px){
	.width1200{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:50px; cursor: pointer;}
	.top_bg .gh i{ position:absolute; background-color:#000000; height:2px; left:10px;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%;}

	#i1,#i2,#i3,#i4,#i5,#i6,#i7,#i8,#i9{padding-top:0px; margin-top:0px;}
	#i1 .i_who dl{ opacity: 1; margin-top: 0px;}
	#i2 .i_about .hidden.l{ opacity: 1; margin-left: 0px;}
	#i3 .i_honor #wrapper{ opacity: 1; margin-top: 0px; }
	#i4 .i_cp .con div.l{ opacity: 1; margin-left: 0px;}
	.i_cpyy li.l#i5 .bg .width1200 div.l{ opacity: 1; margin-right: 0px;}
	.i_cpyy li.r#i6 .bg .width1200 div.l{ opacity: 1; margin-left: 0px;}
	.i_cpyy li.l#i7 .bg .width1200 div.l{ opacity: 1; margin-right: 0px;}
	.i_cpyy li.r#i8 .bg .width1200 div.l{ opacity: 1; margin-left: 0px;}
	
	.top_h_bg, .top_bg, .top_bg .width1200, .top_bg .width1200 a.logo{ height:4rem; }
	.top_bg .width1200 a.logo img{ max-height:2rem; }
	.top_bg .width1200 div.lm{ position: absolute; background-color: #ffffff; top: 4rem; right: 0px; border-top: 1px solid #cccccc; display: block; height: auto; padding-bottom:1rem; overflow: hidden; width: 0%;transition: all 1s ease; opacity: 0;}
	.top_bg.selected .width1200 div.lm{ box-shadow: 0px 8px 10px 0px rgb(0 0 0 / 14%); opacity: 1; width: 100%;transition: all 1s ease;}
	.top_bg .width1200 div.lm ul{ height: auto; overflow: hidden; }
	.top_bg .width1200 div.lm ul li{ margin-left: 0px; width: 100%; }
	.top_bg .width1200 div.lm ul li dd a{ padding: 0px 3%; }
	.top_bg .width1200 div.lm ul li dl{ position: relative; max-height: 500vh; opacity: 1; padding: 0.5rem 3%;box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 14%); }
	.top_bg .width1200 div.lm ul li:hover dl{ padding: 0.5rem 3%;}
	.top_bg .width1200 div.lm ul li dl a{ display: block; padding-left: 5%;}
	
	.banner .width1200 div dd{ font-size: 1.5rem; }
	.banner .width1200 div ol{ margin-top: 1rem; font-size: 1rem;}
	.banner .width1200 div ol a{ height: 2.5rem; line-height: 2.5rem; max-width: 160px;}
	.banner .width1200 div dl{ font-size: 1rem;}
	.banner .width1200 div dl a,.banner .width1200 div dl a i{ height: 2.5rem; line-height: 2.5rem; }
	.banner .width1200 div dl a{ padding: 0px 1rem;}
	.banner .width1200 div dl a i{ margin-left:2rem; }
	.banner .flex-control-nav{ bottom: 1rem; }
	.banner .flex-control-nav li{ width: 0.5rem; height: 0.5rem; }
	
	.i_who{ padding: 3rem 0px; }
	.i_who dd{ font-size: 1.5rem; text-align: center; margin-bottom:1rem; }
	.i_who dl{ font-size: 1rem; line-height: 1.75; }
	
	.i_about .hidden{ height: auto; width: 100%;}
	.i_about .hidden.l dd{ font-size: 1.5rem; text-align: center; }
	.i_about .hidden.l dl{ font-size: 1rem; line-height: 1.75; }
	.i_about .hidden.l ol a,.i_about .hidden.l ol a i{ height: 2.5rem; line-height: 2.5rem;}
	.i_about .hidden.l ol a{ padding: 0px 1rem;}
	.i_about .hidden.r{ margin-top: 2rem; }

	.i_tit{ margin-bottom:1rem; }
	.i_tit b{ font-size: 1.5rem; }
	.i_tit a{ font-size: 0.75rem; }

	.i_honor{ padding: 3rem 0px; height: auto; overflow: hidden;}
	.i_honor #wrapper{ display: none; }
	.i_honor .i_sj_honor{ display: block; position:relative; overflow:hidden; padding-bottom:2rem;}
	.i_honor .i_sj_honor .slides{ overflow:hidden;}
	.i_honor .i_sj_honor .slides li{ height:17rem; background-color: #f5f5f5; position: relative;}
	.i_honor .i_sj_honor .slides li img{ position:absolute; top:0px;left:0px;bottom:0px;right:0px;margin:auto; max-width:96%;max-height:96%;}

	.i_honor .i_sj_honor .flex-control-nav{ position:absolute; bottom:0px; width:100%; text-align:center;}
	.i_honor .i_sj_honor .flex-control-nav li{ margin:0px 0.25rem; display:inline-block;width:0.75rem;height:2px; cursor: pointer;position: relative;overflow: hidden;}
	.i_honor .i_sj_honor .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;border-radius:1rem; top:0px; background-color:#2645b5;}
	.i_honor .i_sj_honor .flex-control-nav li a:hover,.i_honor .i_sj_honor .flex-control-nav li a.flex-active{ background-color:#1f2c5e;}
	.i_honor .i_sj_honor .flex-direction-nav{ display: none; }

	.i_cp{ padding: 3rem 0px; }
	.i_cp .con div.l,.i_cp .con div.r{ width: 100%; }
	.i_cp .con div.l dl.t{ height: auto; }
	.i_cp .con div.l dl.f{ height: auto; margin-top: 2rem; }
	.i_cp .con div.r{ margin-top: 2rem; }

	.i_cpyy_tit{ padding-top:3rem; font-size: 1.5rem; }
	.i_cpyy li .bg{ padding: 3rem 0px; }
	.i_cpyy li .bg .width1200 div.l{width: 100%; background-color: rgb(255,255,255,0.3);}
	.i_cpyy li .bg .width1200 div.l div{ margin-left:10%; width: 90%;}
	.i_cpyy li .bg .width1200 div.l div dd{ font-size: 1.5rem; }
	.i_cpyy li .bg .width1200 div.l div ol a, .i_cpyy li .bg .width1200 div.l div ol a i{ height: 2.5rem; line-height: 2.5rem; }
	.i_cpyy li .bg .width1200 div.l div ol{ font-size: 1rem; margin-top: 1rem;}
	.i_cpyy li .bg .width1200 div.l div ol a{ padding: 0px 1.5rem; }
	.i_cpyy li .bg .width1200 div.l div ol a i{ margin:0px 1rem; }
	.i_cpyy li .bg .width1200 div.l div ol a:hover i{ margin-left:2rem;}
	.i_cpyy li .bg .width1200 div.r{ width: 100%;}

	.pf{ display:none; }

	.foot_bg .width1200{ padding: 2rem 0px; }
	.foot_bg .width1200 div.hidden.t{ min-height: 10rem; }
	.foot_bg .width1200 div.hidden.t div.l{ width: 100%; text-align: center; }
	.foot_bg .width1200 div.hidden.t ul.l{ display: none; }
	.foot_bg .width1200 div.hidden.t div.r{ margin-top: 2rem; width: 100%; text-align: center; }
	.foot_bg .width1200 div.hidden.t div.r dd{ font-weight:bold; }
	.foot_bg .width1200 div.hidden.t div.r dl{ line-height: 1.75; }
	.foot_bg .width1200 div.hidden.f{ padding-top: 0px; }
	.foot_bg .width1200 div.hidden.f dl.l{ width: 100%; text-align: center; font-size:0.75rem; line-height: 2rem; }
	.foot_bg .width1200 div.hidden.f dl.r{ margin-top: 1rem; font-size: 1rem;width: 100%; text-align: center;}
	.foot_bg .width1200 div.hidden.f dl.r a{ height: 1.5rem; line-height: 1.5rem; width: 1.5rem; display:inline-block; margin:0px 0.5rem; float: none;}

	.about_con{ padding: 2rem 0px; }
	.about_con .con dd{ font-size: 1.5rem; }
	.about_con .con dl{ line-height: 1.75; }
	.about_con .con ol{ margin-top: 2rem; }
	
	.about_con ul.dt{ margin-top: 2rem; }
	.about_con ul.dt li{ width: 48%; margin-right:2%; padding-top: 1rem; height: 8rem;}
	.about_con ul.dt li ol{ font-size: 1rem; }
	.about_con ul.dt li dd{ margin-top: 1.5rem; }
	.about_con ul.dt li dd b{ font-size: 2.5rem; }
	.about_con ul.dt li.l2 dd i{ font-size: 2.5rem; }

	.about_tit{ font-size: 1.5rem; text-align: center; margin-bottom:1rem;}
	.about_con .about_ywbm{ line-height: 1.75;}
	.about_con .about_ywbm_tp{ margin-top: 2rem; }
	.about_con .about_ywbm_tp li{ margin-bottom:2rem; }
	
	.about_con .about_ryzs{ width: 100%; }
	.about_con .about_ryzs li{ width:100%; margin-right:0px; margin-bottom:0px;}
	.about_con .about_ryzs li ol{ height: 15rem; }
	.about_con .about_ryzs li ol img{ max-height: 90%; max-width: 90%; }
	.about_con .about_ryzs li dd{ font-size: 1rem; text-align: center; }
	
	.lxwm_f{ padding-bottom: 3rem; }
	.lxwm_f .width1200{ float: none; margin:0px auto; }
	.lxwm_f .width1200 .ms{ max-width: 100%; width: 100%; font-size: 1rem; line-height: 1.75; margin-top: 1rem; }
	.lxwm_f .width1200 form{ margin-top: 2rem; }
	.lxwm_f .width1200 form div.form-group div.col-md-10 input,.lxwm_f .width1200 form div.form-group div.col-md-10 textarea{font-size:1rem;}
	.lxwm_f .width1200 form div.fg dl{width: 90%; font-size: 1rem; }
	.lxwm_f .width1200 form div.b dl,.lxwm_f .width1200 form div.b button, .lxwm_f .width1200 form div.b button i{ font-size: 1rem; height: 2.5rem; line-height: 2.5rem; }
	.lxwm_f .width1200 form div.b button i{margin:0px 1rem;}
	.lxwm_f .width1200 form div.b button:hover i{ margin-left:2rem; }

	.Product_t{ padding: 2rem 0px; }
	.cp_gd{ display: none; }
	.cp_sj_gd{ display: block;position:relative; overflow:hidden; padding-bottom:2rem;}
	.cp_sj_gdr .slides{ overflow:hidden;}
	.cp_sj_gd .slides li{}
	.cp_sj_gd .flex-control-nav{ position:absolute; bottom:0px; width:100%; text-align:center;}
	.cp_sj_gd .flex-control-nav li{ margin:0px 0.25rem; display:inline-block;width:0.75rem;height:2px; cursor: pointer;position: relative;overflow: hidden;}
	.cp_sj_gd .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;border-radius:1rem; top:0px; background-color:#2645b5;}
	.cp_sj_gd .flex-control-nav li a:hover,.cp_sj_gd .flex-control-nav li a.flex-active{ background-color:#1f2c5e;}
	.cp_sj_gd .flex-direction-nav{ display: none; }
	
	.Product_con{ padding: 2rem 0px 3rem; }
	.Product_con div.n{ font-size: 1rem; }
	.Product_con div.bg{ overflow-x:auto;overflow-y:hidden;}
	.Product_con ul{ width: 1200px; }

	.ny_banner .width1200{ height: 20rem; }
	.ny_banner .width1200 div dd{ font-size: 1.5rem; }
	.ny_banner .width1200 div ol{ margin-top: 1rem; font-size: 1rem;}
	.ny_banner .width1200 div ol a{ height: 2.5rem; line-height: 2.5rem; max-width: 160px;}
	.ny_banner .width1200 div dl{ font-size: 1rem;}
	.ny_banner .width1200 div dl a,.ny_banner .width1200 div dl a i{ height: 2.5rem; line-height: 2.5rem; }
	.ny_banner .width1200 div dl a{ padding: 0px 1rem;}
	.ny_banner .width1200 div dl a i{ margin-left:2rem; }
	
	.cp_xgyy{ padding:2rem 0px; }
	.cp_xgyy .con{ padding: 2rem 0px; }
	.cp_xgyy .con .hidden dd{ text-align: center; font-size: 1.5rem; margin-bottom:1rem;}
	.cp_xgyy .con .hidden dl{ font-size: 1rem; }
	.cp_xgyy .con .hidden dl strong{ font-size: 1.25rem; }

	.cp_xgyy .cp_jj{ margin-top: 2rem; }
	.cp_xgyy .cp_jj .hidden{ width: 100%; }
	.cp_xgyy .cp_jj .hidden.l{ margin-bottom: 2rem; }
	.cp_xgyy .cp_jj .hidden.r{ position: relative; display: block; }
	.cp_xgyy .cp_jj .hidden.r div dl{ font-size: 1rem; }
	.cp_xgyy .cp_jj .hidden.r div ol{ margin-top: 2rem; }
	.cp_xgyy .cp_jj .hidden.r div ol a, .cp_xgyy .cp_jj .hidden.r div ol a i{ height: 2.5rem; line-height: 2.5rem; }
	.cp_xgyy .cp_jj .hidden.r div ol a{ padding: 0px 1rem;}

	.banner_lxwm .width1200{ padding: 3rem 0px; }
	.banner_lxwm .width1200 div.t{ margin-bottom:2rem; }
	.banner_lxwm .width1200 div.t i{ font-size: 2rem; }
	.banner_lxwm .width1200 div.t span{ font-size: 1.25rem; width: 80%; }
	.banner_lxwm .width1200 form div#dr_row_title,.banner_lxwm .width1200 form div#dr_row_company,.banner_lxwm .width1200 form div#dr_row_name,.banner_lxwm .width1200 form div#dr_row_email{ width: 100%; }
	.banner_lxwm .width1200 form div.form-group#dr_row_message div.col-md-10{ padding: 1rem 4%; }
	.banner_lxwm .width1200 form div.fg div{ height: auto; line-height: 2rem; }
	.banner_lxwm .width1200 form div.fg div.l,.banner_lxwm .width1200 form div.fg div.r{ width: 100%; }
	.banner_lxwm .width1200 form div.fg div.l dl{ width:90%; }
	.banner_lxwm .width1200 form div.fg div.r{ margin-top: 2rem; }
	.banner_lxwm .width1200 form div.form-group{ margin-bottom:1rem; }
	.banner_lxwm .width1200 form div.form-group div.col-md-10 input{ height: 2.5rem; line-height: 2.5rem; }
	.banner_lxwm .width1200 form div.form-group div.col-md-10 input,.banner_lxwm .width1200 form div.form-group div.col-md-10 textarea{ font-size: 1rem; }
	.banner_lxwm .width1200 form div.fg div.l input{ margin-top: 0.5rem; }
	.banner_lxwm .width1200 form div.fg div.r button,.banner_lxwm .width1200 form div.fg div.r button i{ height:2.5rem; line-height:2.5rem;}
	.banner_lxwm .width1200 form div.fg div.r button i{ margin:0px 1rem; }
	.banner_lxwm .width1200 form div.fg div.r button:hover i{ margin-left:2rem;}
	.lxwm_con{ padding: 3rem 0px; }
	.lxwm_con div.l{ width: 24%; font-size: 2rem; line-height: 1.25; margin-top:0px;}
	.lxwm_con div.r{ width: 70%; font-size: 1rem;}

	.popupbox a.popupbox_i{ margin-right: -1rem;margin-top: -3rem; }
	.popupbox div.con{ padding: 1rem; }
	.popupbox div.con dd{ font-size:1.5rem; }
	.popupbox div.con dl{ height: 64vh; font-size: 1rem; line-height: 1.75;margin-right: -0.5rem;}


}