ul{list-style: none;padding: 0px;}

.header{width: 100%; background: url(../img/header_bg.png) no-repeat;  }
.header .top div p{font-size: 13px;font-weight: 400;line-height: 30px;color: #5F4122;text-align: left; margin: 0px;}
.header .top div a{text-decoration: none; color: #5F4122;display: inline-block; font-size: 13px;line-height: 30px; font-weight: 400;float: right;  margin-left: 40px;}
/*.header  a img{display: none;}*/
.inner .right{float: right;}
/* #sosbtn{display: none;} */
.left .left-1{width: 200px;float: left;padding: 10px 0px;}
.left .left-1 p{width: 100%; line-height: 30px;font-size: 28px;font-weight: bold;font-family: "microsoft yahei";color: #5F4122; margin: 0px;}
.left .left-1 p:hover{cursor: pointer;}
.left .left-list{float: left; transition: 0.5s;height: 100%;line-height: 80px;}
.left .left-list li{float: left;position: relative;display: block;}
.header .left a img{
	width: 350px;
}

.left .link{
	text-decoration: none;
	/* padding-bottom: 10px; */
	color: #5F4122;
	height: 100%;
	/* display: block; */
	font-size: 18px;
	line-height: 40px;
	padding: 7px 7px;

}

.left .link.active{
	margin-left: 30px;
	font-weight: 600;
	border-bottom: 2px solid #5f4122;
}
.left .link:hover{
	font-weight: 600;
	border-bottom: 2px solid #5f4122;
}
/*.left .left-list li:hover,.left .left-list .active{border-bottom: 2px solid #5F4122; font-weight: bold;}*/

.right{position: relative;}
.right input{width: 369px; height: 36px; border: 0px; border-radius: 18px;outline: none;padding-left: 20px;}
::-webkit-input-placeholder{color:#5F1227;}
.right span{width: 36px;cursor: pointer; height: 36px;border-radius: 20px;background: #5F1227;position: absolute;top:0px;right: 0px; display: inline-block;}
.right span img{width: 20px; height: 20px;  background: #5F1227; display: inline-block;margin-top: 5px;margin-left: 8px;}
.right .search_ul li{float: left;display: block;position: relative;}
.right .search_ul li a{color: #5F4122;display: block;text-decoration: none;margin-right: 10px; height: 100%;transition: 0.5s;font-size: 12px; line-height: 30px;font-weight: 400;color: #8B745A;}
.right .search_ul li a:hover{text-decoration: underline;}
#navToggle{display: none;}

.m_nav{
	position: fixed;
	width: 100%;
	height: 280px;
	background: #E5DDCF;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	z-index: 1000;
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	overflow-y: auto;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0ms;
	top: -100%;
	border-radius: 0 0 20px 20px;
}
.m_nav .log{padding: 10px;}
.m_nav .log a{color: #5F1222;text-decoration: none;}
.open{top:0%;}
.m_nav .top{height: 60px;padding: 10px;box-sizing: border-box;position: absolute; right: 0%; top: 0%}
.m_nav .top .closed{width: 30px;height:30px; vertical-align:middle;float:right;cursor:pointer;}
.m_nav .search_ul{padding-left: 30px;}

.m_nav .ul li{ -webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;opacity:0;}
.open .ul li {opacity: 1;}
.m_nav .ul li a {display:block;text-decoration:none;color:#5F4122;font-size:14px; height:45px;line-height:45px;width:100%;font-family: SourceHanSansCN-Light;}

.m_nav .nav{width: 50%;padding-left: 20px;}
.m_nav .navbar_inp{padding: 10px 20px 40px 20px;}
.m_nav .navbar_inp input{width: 369px;}
.m_nav .navbar_inp .txt-box{width: 100%;height: 20px; margin-top: -10px;margin-left: -30px;}
.m_nav .navbar_inp .txt-box .search_ul li{float: left;font-size: 12px; display: block;position: relative; padding: 10px 0px;border: none;}
.m_nav .navbar_inp .txt-box .search_ul li a{color: #5F4122;}
/* .m_nav .shouji{display: flex;justify-content: space-around;} */
/* .top{position: absolute; right: 0%; top: 20%;} */

.warp{width: 100%;}
.warp .first{padding: 20px 0px;}

#searchBtn_m{
	position: absolute;
	right: 20px;
	background-color: #5f1227;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 42px;
}
.m_nav .navbar_inp input{
	width: 100%;
	height: 44px;
	padding-right: 50px;
}

@media  screen and (max-width:1024px){
	#sosbtn{display: block;}
	.header #navToggle {position: absolute;right: 0; /*height:100%;*/padding:20px 15px;margin-right:15px;display:inline-block;float:right;}
	.header #navToggle span {position:relative;width:39px;height:3px;}
	.header #navToggle span:before,.header #navToggle span:after {content:'';position:relative;width:100%;height:3px;left:0;}
	.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;background:#000;}
	.header #navToggle span:before {top:8px;}
	.header #navToggle span:after {bottom:10px;}
	.header #navToggle.open span:before {top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg);}
	.header #navToggle.open span:after {bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}
	.header #navToggle.open span {background:none;}
	.header #navToggle.open span:before,.header #navToggle.open span:after {background:#4f4f4f;}
	
	.header .inner .left .left-list,.header .right,.header .top {display:none;}


.navbar_inp {
	padding: 10px 200px;
}


}

@media  screen and (max-width:750px) {
	/*.header a img{margin-right: 50px;}*/
	.header hr{ display: none;}
	/* .m_nav .navbar_inp input{width: 100%;} */
	.left .link{
		display: none;
	}
	.warp .first .fs{ }
	.header .inner .left .left-1{width: 160px;}
	.header .inner .left .left-1{ padding:12px 0px;}
	.header .top{width: 160px;}

	.header #navToggle{padding: 0px 15px ; margin-right: 0px;}
	.header .left a img{
		/* display: block; */
		width: 250px;
		/* height: 30px; */
		/* float: right; */
		margin-top: 10px;
		position: relative;
}
.big .header #navToggle {position: absolute;right:15px;top: 12px; padding: 0px; display:inline-block;}
.header #navToggle span {position:relative;width:25px;height:3px;margin-top:12px;}
.header #navToggle span:before,.header #navToggle span:after {content:'';position:relative;width:100%;height:3px;left:0;}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;background:#000;}
.header #navToggle span:before {top:8px;}
.header #navToggle span:after {bottom:10px;}
.header #navToggle.open span:before {top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg);}
.header #navToggle.open span:after {bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}
.header #navToggle.open span {background:none;}
.header #navToggle.open span:before,.header #navToggle.open span:after {background:#4f4f4f;}
.header .inner .left .left-list,.header .right,.header .top {display:none;}

.header{position: fixed;top: 0%;z-index: 999; height: 55px;}
.warp{padding-top: 50px;}
#sosbtn{height: 40px; width: 80px; text-align: center;line-height: 40px;font-size: 18px; display: inline-block; color:#FFFFFF; background: #5F1222;float: right;margin-bottom: 10px; margin-right: 20px;border-radius: 8px;}
.left .left-1 p{ font-size:22px;}
}
@media screen and (max-width:640px) {
.header #navToggle{padding: 0px 15px; margin-right: 0px;}


}