/*pad*/
.gh,.sj_m{display:none;}
@media only screen and (max-width:960px){
	.top_bg .width1200 ul.lm li dd a{ padding: 0px 1rem; }
}
@media only screen and (max-width:800px){
	html,body{ min-width:414px; }
	.width1200{width:94%;}
	html,body{font-size:12px;}
	body{overflow-x:hidden; 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:#ffffff; height:2px; left:10px;transition:all .5s ease;}
	.top_bg .gh i.t{ width:20px; top:20px;}
	.top_bg .gh i.c{ width:25px; top:28px;}
	.top_bg .gh i.f{ width:20px; top:36px;}
	.top_bg.selected .gh i{ width:25px; 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_h, .top_bg .width1200, .top_bg .width1200 a.logo{ height: 4.5rem; }
	.top_bg{ background-color: #c33825; }
	.top_bg .width1200 a.logo{ width: 60%; }
	.top_bg .width1200 .dh{ display: none; }

	.top_bg .width1200 ul.lm{ position: fixed; top: 4.5rem; background-color: rgba(195,56,37,0.80); margin-left:0px; left: 100%; right: 0px; padding: 0px 3%; height: auto; opacity: 0; transition: all 0.5s ease; width: 100%;}
	.top_bg.selected .width1200 ul.lm{ opacity: 1; left: 0px; transition: all 0.5s ease;}
	.top_bg .width1200 ul.lm li{ width: 100%; height: auto;}
	.top_bg .width1200 ul.lm li dd{ line-height: 3rem; }
	.top_bg .width1200 ul.lm li dd a{ padding: 0px; color: #ffffff;}
	.top_bg .width1200 ul.lm li:hover dd a{background-color: rgba(195,56,37,0);}
	.top_bg .width1200 ul.lm li dl{ position: relative; display: block; background-color: rgba(195,56,37,0); overflow: hidden; padding: 0.5rem 0px;}
	.top_bg .width1200 ul.lm li dl p {text-align: left; float: left; width: 45%; padding-left: 5%;}
	.top_bg .width1200 ul.lm li dl p a{ padding:0px; }
	.top_bg .width1200 ul.lm li dl p a:hover{padding:0px;background-color: rgba(195,56,37,0);}

	.banner,.banner .swiper-wrapper,.banner .swiper-wrapper .swiper-slide{ height: 15rem; }
	.banner .page{ bottom:0.5rem; }

	.i_about_lb{ margin-top: 1rem; }

	.i_cp{ margin-bottom: 4rem; }
	.i_cp .cp_tit div.r{ width: 100%; margin-right:0px; margin-top: 1rem; }
	.i_cp .cl_qh{ padding-top: 2rem; }
	ul.cp_lb li{ width: 48%; }
	.i_cp div.more{ width: 30%; }
	
	.i_about_jj{ margin-bottom: 4rem; }
	.i_about_jj i.bg{ background-position: left center; }
	.i_about_jj .width1200 div.bg div.l{ display: none; }
	.i_about_jj .width1200 div.bg div.r{  padding: 3rem 5%; height: auto; width: 80%; margin:0px 5%;}
	.i_about_jj .width1200 div.bg div.r dd, .i_about_jj .width1200 div.bg div.r ol, .i_about_jj .width1200 div.bg div.r dl{ padding: 0px; }
	.i_about_jj .width1200 div.bg div.r dl{ margin-bottom: 1.5rem; }
	.i_about_jj .width1200 div.bg div.r a{ margin-left:0px; }
	
	.cp_tit{ margin-bottom: 1.5rem; }
	.cp_tit div.l{ width: 100%; }
	.h218px{display: none; }
	.g2{ display: block; margin-bottom: 3rem; }
	.g2 ul li a{ display: block; width: 15.25rem; }

	ul.about_yyzz{ margin:1.5rem 0px; }
	ul.about_yyzz li{ width: 48%; }

	.i_lxwm_bg .width1200 div.hidden.l{ display: none; }

	.i_lxwm_bg .width1200 form{ width: 88%; padding: 3rem 6%; }

	.foot_t_bg .width1200{ padding: 2rem 0px; }
	.foot_t_bg .width1200 ul.l.z{ width: 100%; margin-right:0px; }
	.foot_t_bg .width1200 ul.l.z li.t,.foot_t_bg .width1200 ul.l.z li.f,.foot_t_bg .width1200 ul.l.d,.foot_t_bg .width1200 div.r{ display: none; }
	.foot_t_bg .width1200 ul.l.z li.c{ text-align: center; }
	.foot_t_bg .width1200 ul.l.z li.c img{ float: none !important; display:inline-block;}

	.foot_f_bg .width1200 dl.l{ text-align: center; }
	.foot_f_bg .width1200 dl.r{ display: none; }
	
	.ny_tit{ width: 88%; padding-bottom:2rem;}
	ul.about_lb{ margin-bottom: 3rem; }
	.about_jj{ margin-bottom: 3rem; }
	.about_jj i.bg{ background-position: left center; }
	.about_jj .width1200{ height: auto; padding: 3rem 0px; }
	.about_jj .width1200 div{ margin-top:0px; width:90%; background-color: #ffffff; padding: 1.5rem 5%; }
	.cp_tit ul.r{ width: 100%; margin-top: 1rem; }
	.cp_s_t div.l{ width: 100%; }
	.cp_s_t ul.r{ width: 100%; margin-top: 1rem; }

	.ny_banner{ height: 15rem; }
	.lxwm_t{ margin:2rem 0px; width: 100%; }
	.lxwm_t li{ width: 50%; margin-bottom: 1rem; text-align: center; }
	
	.lxwm_f{ margin-bottom: 2rem; }
	.lxwm_f div.l{ width: 100%; margin-bottom: 2rem; }
	.lxwm_f form{ width: 100%; }
	
	
}