.gh{
	float:right;
	height:34px;
	width:34px;
	right:20px;
	top:1.5rem;
	position:absolute;
	display: none;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor:pointer;
}
.selected .gh {
	transform: rotate(90deg);
}
.gh a {
	background-color: #2c1f1b;
	display: block;
	height: 2px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}
.gh:hover a:before {
	transform: translateY(-2px) rotate(0deg);
	-webkit-transform: translateY(-2px) rotate(0deg);
	-ms-transform: translateY(-2px) rotate(0deg);
}
.gh:hover a:after {
	transform: translateY(2px) rotate(0deg);
	-webkit-transform: translateY(2px) rotate(0deg);
	-ms-transform: translateY(2px) rotate(0deg);
}
.selected .gh:hover a:before {
	transform: translateY(0px) rotate(-55deg);
	-webkit-transform: translateY(0px) rotate(-55deg);
	-ms-transform: translateY(0px) rotate(-55deg);
}
.selected .gh:hover a:after {
	transform: translateY(0px) rotate(55deg);
	-webkit-transform: translateY(0px) rotate(55deg);
	-ms-transform: translateY(0px) rotate(55deg);
}
.gh a:after, .gh a:before {
	background-color: #2c1f1b;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width:100%;
}
.gh a:after {
	top:10px;
}
.gh a:before {
	top:-10px;
}
.selected .gh a:after, .selected .gh a:before {
	top: 0;
}
.selected .gh a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.selected .gh a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.selected .gh a {
	background-color: transparent !important;
}
@media only screen and (max-width:1500px) {
	.top_bg .lm li.l3 dl{ margin-left: -20%; }
	.top_bg .lm li dl a{ margin:0px 0.5rem 0px 0px; }
}
@media only screen and (max-width:1300px) {
	.i_jtxm_bg ul li{ margin-right:2%; }
}
@media only screen and (max-width:1200px) {
	.top_bg .lm li{ margin-right:4%;}
	.i_news ul.r li a div.r dd span{ width: 70%; }
	.top_bg .lm li.l3 dl{ margin-left: -40%; }

}
@media only screen and (max-width:1100px) {
	.top_bg .lm{ width:60%;}

	
}
@media only screen and (max-width:1000px) {
	.top_bg .lm{ width:65%;}
	.top_bg .lm li{ margin-right:2%;}
}
@media only screen and (max-width:900px) {
	.i_news ul.r li a div.r dd span{ width: 60%; }


}
@media only screen and (max-width:800px) {
	.top_bg .lm{ width:72%;}
	.sm_pf{ display:none;}
}
@media only screen and (max-width:700px) {
	.top_bg .lm{ width:74%; margin-right:-2%;}
	.top_bg .lm li{ margin-right:0; margin-left:1%;}

	
}
@media only screen and (max-width:640px){
	.width1200{width:94%;}
	body{overflow-x:hidden; margin:0px auto;}
	.gh{display:block;}
	.pf{ display:none;}
	
	.top_bg .lm{ z-index:0; left:-78%; position:absolute; padding-left:3%; top:5.5rem; background-color:rgba(220,203,184,0.80);transition: all .5s ease; z-index:99; height:10000%;}
	.top_bg.selected .lm{ z-index:1; left:0px;transition: all .5s ease;}
	.top_bg.selected .lm li{ float:initial; height: auto; margin:0.5rem 0px 1rem; width: 100%; display: block;}
	.top_bg.selected .lm li dd,.top_bg.selected .lm li dl{ display: block; overflow: hidden; width:100%;}
	.top_bg.selected .lm li dd{line-height:2rem; font-size:1.5rem;}
	.top_bg.selected .lm li dl,.top_bg.selected .lm li:hover dl{ left:0; z-index:1;position: relative; height: auto;top:0; text-align:left; line-height:1.5rem; margin-left: 0px;}
	.top_bg.selected .lm li dl i,.top_bg .lm li:hover dd i{ display:none;}
	.top_bg.selected .lm li dl a{ color:#4e1602; margin:0px; padding-right:0.5rem; line-height:1.5rem;}
	
	.banner ul.slides li{ height: 26rem; }

	.i_tit dd{ font-size: 1.5rem; }
	.i_tit dl{ font-size: 1rem; }

	.i_about .con div.l{ display:none;}
	.i_about .con div.r{ width:100%; padding: 0px 0px 2rem;}
	
	.i_jtxm_bg ul{ margin-top:2rem; }
	.i_jtxm_bg ul li{ width:47%; margin-bottom:2rem;}
	.i_jtxm_bg ul li.c a dd{ font-size: 1rem; }

	.i_news{ margin-top:2rem;}
	.i_news div.l,.i_news ul.r{ width: 100%; }
	.i_news div.l ol{ display: none; }
	.i_news div.l dd{ margin-top: 0px; }
	.i_news ul.r li a div.l{ font-size: 2rem; }
	.i_news ul.r li a div.r dd span{ width: 75%; }

	.i_hzxm_bg .width1200{ padding: 3rem 0px; }
	.i_hzxm .flexslider{ margin-top: 2rem; }
	.i_hzxm .flexslider ul.slides li i{ font-size: 1.5rem; }
	
	.foot_bg div.t ul.l {width: 20%;}
	.foot_bg div.t div.r{ display: none; }
	.foot_bg div.f{ height: auto; line-height: 1.5rem; padding: 1rem 0px; text-align: center;}
	.foot_bg div.f a{ display: block; }
	
	.ny_banner{ height: 25rem; }
	.ny_banner i.bg{ background-size: auto 100%; }
	.ny_banner div.width1200{ padding-top: 16rem; }
	.ny_banner div.width1200 dd{ font-size: 2.5rem; }
	.ny_banner div.width1200 dl{ font-size: 1.75rem; }
	
	.ny_con{ padding: 3rem 0px; }
	.ny_con .ny_f div.ny_l{ display: none; }
	.ny_con .ny_f div.ny_r{ width: 100%; }

	.about_tit {width: 80%;}
	.about_tit dl{ font-size: 1.25rem; }
	
	ul.about_qysl li{ width: 45%; }
	ul.about_qysl li dd{ margin-top: 1.5rem; }

	.about_syyz div.n{width: 102%;}
	.ny_con .ny_t div.l,.ny_con .ny_t div.r{ width: 100%; }
	.ny_con .ny_t div.l i{ font-size: 1rem; }
	.ny_con .ny_t div.l span{ font-size: 0.75rem; }

	.dsz_zc div.l{ width: 100%; }
	.dsz_zc div.r{ width: 100%; margin-top: 2rem; text-align: center; max-width: 100%; }
	
	ul.dsz_jj li a{ width: 90%; margin:0px auto; }

	.dsz_jj_show div.t div.l{ width: 100%; text-align: center; }
	.dsz_jj_show div.t div.r{ width: 100%; margin-top: 1.5rem; }

	section.i_md .i_jtxm_bg ul{ opacity: 1; padding-top: 0px;}
	section.i_md .i_news div.l{ opacity: 1; margin-left: 0px;}
	section.i_md .i_news ul.r{ opacity: 1; margin-right:0px;}


	

}
@media only screen and (max-width:414px){
	html,body{ min-width:414px; font-size: 14px;}
	






}