body,html{
	height: 100%;
}
.big{background: #fff; position: relative;display: flex;flex-direction: column;
	height: 100%;}
 hr{height: 1px; border: 0px; background: #C4B199;opacity: 1; margin: 0; margin-bottom: 10px;padding: 0px;}
.header{width: 100%;}
.warp{padding-top: 30px;}
.warp .inner{padding-top: 10px;
	padding-bottom: 30px;}
.warp .inner .leftd{width: 100%;background: rgba(0, 0, 0, 0); padding-bottom: 20px;  }
.warp .inner .leftd .leftd-1 {margin-top:10px;}
.warp .inner .leftd .leftd-1 .active{background: #5F4122;color: #EBE8E8;}
.warp .inner .leftd .leftd-1 p{font-size: 16px;color: #8B745A;margin-bottom: 0px;}
.warp .inner .leftd .leftd-1  span{border: 1px solid #968169;cursor: pointer; display: inline-block;padding: 3px 5px;margin-right: 10px; margin-bottom: 10px; text-decoration: none;color: #5F4122;font-size: 14px;line-height: 19px; }
.warp .inner .leftd .leftd-1  span a{font-size: 12px;line-height: 16px;color: #968169;text-decoration: none;}
.warp .inner .leftd .leftd-1  span:hover{background: #5F4122; color: #FFFFFF; }

.bl{background: rgba(24,4,5,.1);}
.warp .inner .right input{font-size:14px;color: #5F4122;}
.warp .inner .rightd{width: 100%;}
.warp .inner .rightd .right-1{display: flex;justify-content: space-between;margin-right: -30px;}
.warp .inner .rightd .right-1 p{font-size: 14px;padding-right: 30px; line-height: 30px;color: #8B745A; text-align: right;}
.warp .inner .rightd .right-1 .rp{display: flex;padding: 0px;height: 32px;}
.warp .inner .rightd .right-1 .rp span{font-size: 16px;line-height: 30px;margin-right: 20px;}
.warp .inner .rightd .right-1 .rp .lia{display: flex;cursor: pointer; justify-content: space-between; color: #5F4122;line-height: 30px;padding-left: 20px; font-size: 14px;}
.warp .inner .rightd .right-1 .rp .lia input{margin: 6px 0px;}
.warp .inner .rightd .right-1 .rp .lia:hover{color: #FFFFFF;}

.warp .inner .rightd .right-2{margin-right: -45px;}
.warp .inner .rightd .right-2 .img-box{width: 200px;/*height: 294px;*/ padding: 30px 20px 30px 20px;border: 1px solid #CABEAC;}
.warp .inner .rightd .right-2 .img-box:hover{cursor: pointer;}
.warp .inner .rightd .right-2 .img-box img{width: 160px;height: 230px;}
.warp .inner .rightd .right-2 .txt-box{color: #5F1227; line-height: 30px; font-size: 18px; text-align: center;margin-top: 10px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.warp .inner .rightd .right-2 .mar{margin-top: 30px;}
.warp .inner .rightd .right-2 .mar .img-box:hover{background: rgba(24,4,5,.1); }


.warp .inner .rightd .rightd-3{display: flex;padding-top: 40px;justify-content: center; }

.warp .inner .rightd .rightd-3 span{display: inline-block; border: 1px solid #BEB09C;padding: 0px 10px; color: #71573B; line-height: 30px;font-size: 14px;}
.warp .inner .rightd .rightd-3 .num{margin-left: 25px;margin-right: 25px;}
.warp .inner .rightd .rightd-3 .num span{font-size: 14px;line-height: 30px;color: #71573B;cursor: pointer; }
.warp .inner .rightd .rightd-3 .num .spanStyle{border: 0; color: #8B745A;background: none; line-height: 30px; font-size: 14px;}
.warp .inner .rightd .rightd-3 span:hover,.warp .inner .rightd .rightd-3 .num .active{background: #5F4122;color: #FFFFFF;}

.dropbtn {background-color: #D8CDBD;text-align: right;  color: white;padding-right: 16px;width: 218px;height: 32px; font-size: 16px;padding-right: 10px;    border: none;cursor: pointer;}
.dropdown {position: relative; display: inline-block;}
.dropdown .select{width: 228px; height: 32px; background: #D8CDBD; border: 0; color: #5F4122; font-size: 14px; padding: 0px 10px;}


.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 200px;z-index: 999; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}

.dropdown-content a {color: black;display: inline-block; padding: 12px 16px;text-decoration: none;display: block;z-index: 999;}

.dropdown-content a:hover {background-color: #5F4122; color: #FFFFFF;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #5F4122;}
 .bot{width: 100%;background: url(../img/footbg.png); padding-top: 30px;  padding-bottom: 30px;}
 .bot .btm{padding-bottom: 20px;}
 .bot .btm-1{float: left;}
 .bot .btm-2{float: right;margin-top: -10px;}
 .bot .btm-1 p{font-size: 28px; font-weight: bold;line-height: 32px;color: #5F4122;}
 .bot  h4{font-size: 28px; font-weight: bold;line-height: 32px;color: #5F4122;}
 .bot span{font-size: 12px;line-height: 32px;color: #5F4122;}
 .bot p{text-align: left;}
 .bot .btm-2 p a{color: #5F4122; text-decoration: none;}
 
 
.list-btn{display: none;}
body .big  .body{width:100%;right: 0;background: rgba(0, 0, 0, 0.48);  padding: 15px;}
 .leftd{ right:-100%;}
body .big  .body .leftd{ z-index: 99; position:fixed; width: 60%; background: #fff; height: 100%; top: 0;; right: 0;transition: 0.6s; padding: 15px; overflow: auto;}


.leftbody{position: fixed;right: -100%;top: 0;z-index: 999;width: 0%;height: 100%;/* overflow: hidden; */transition: 0.6s;padding: 0px 5px;display: block;background: #E5DDCF;padding-top: 65px;overflow: auto;display: block;}
.leftbody .leftd   span{border: 1px solid #968169;display: inline-block;padding: 3px;margin-right: 10px;  text-decoration: none;color: #5F4122;font-size: 14px;line-height: 19px;}
.leftbody .leftd li span {
	width: 100%;
}

.leftbody .leftd li span.active {
	background-color: #5F4122;
	color: #fff;
}
.leftbody .leftd  span	a{font-size: 12px;line-height: 16px;color: #968169;}
.leftbody .leftd   span:hover{background: #5F4122; color: #FFFFFF; }
.leftbody .leftd .tit   span{border: 1px solid #968169; margin-bottom: 15px; display: inline-block;padding: 3px;height: 40px; margin-right: 10px;  text-decoration: none;color: #5F4122;font-size: 14px;line-height: 30px;}
.leftbody .leftd.leftbody .leftd  .tit span:hover{background: #5F4122; color: #FFFFFF; }
.tit {margin-bottom: 20px;display: flex;justify-content: space-around;}
#tit span {float: left; height: 30px; line-height: 30px;  font-size: 20px; text-align: center; color: #ccc;background: green;}
#con{border: 1px solid #8A6D3B; width: 100%;height: 100%;}
#con li{display: none; height: 200px;font-size: 12px;line-height: 20px;}
#tit span.select {background: red; color: #ccc;}
#con .shows {display: block;}
#con li p span{margin: 5px;}
.xia{display: block; position: relative;;margin-top: 20px;}
.xia button{background:#5F4122; color: #FFFFFF;width: 200px;display: flex;justify-content: space-between;}
.item{float: none;position: relative;top: 0;}
.leftbody .leftd ul{
				/*去除引导符*/
				list-style-type: none;	
				/*使li标签靠左对齐,无间距*/
				padding-left: 0px;
				margin-left: 0px;
			}
			.leftbody .leftd a{
				text-decoration: none;
				color: #000;
				display: inline-block;
				padding-left:10px;
				width:100%; text-align: left;
				position: relative;
				font-size: 18px;
				margin-bottom: 10px;
				
			}
			.leftbody .leftd .menu > li > a:before{ width: 3px; height: 20px; background:#5F4122; position: absolute; left: 0; top: 50%; margin-top: -10px; content:"";}
			.leftbody .leftd .menu>li{
				width:100%;
				text-align: center;
				margin-bottom: 20px;
				font-size: 18px;
			}
			.leftbody .leftd .menu>li li {
				
				margin-top:7px;
				 width: 48%; margin:1%;
				padding: 0px;
				text-align: center;
				border: 1px solid black;
				background-color: #eee;
			}
			.leftbody .leftd .menu>li>a{
				color: #5F4122;
			} 
			.leftbody .leftd ul li ul li a{ padding: 0px; font-size: 12px; text-align: center; padding: 0px; margin: 0px;}
@media screen and (max-width:750px) {


	.row{margin-right: 0px;}

	/* .leftbody .leftd .tit span{width: 100%;} */
	#con{width: auto; height: auto; }
	.leftbody .leftd .leftd-1 span{font-size: 12px;}
	.warp .inner .rightd .right-1 p{font-size: 15px; text-align: right;}
	.dropbtn input{position: relative;}
	.warp .inner .rightd .rightd-3 span{padding: 0px 10px;}
	.bottom{padding-top: 0px;}
	.bottom .btm{margin-top: 20px;}
	.bottom .btm-1 p{font-size: 18px;}
	.bottom .btm-2 p a{font-size: 12px;}
	.list-btn{display: block;}
	.warp .inner .ban{width: 100%;}
	.warp .inner .rightd .right-1 .rp{width: 50%}
	.warp .inner .rightd .right-1 .rp span{font-size: 12px;}
	.warp .inner .rightd .right-1 .rp .lia{font-size: 12px;padding-left: 0px;}
	.warp .inner .rightd .right-1 p{font-size: 12px;padding-right: 0px;}
	.warp .inner .rightd .right-1 .rp .lia input{margin: 8px -5px;}
	
	.warp .inner .leftd{height: 100%; padding-bottom: 50px;display: none;}
	.warp .inner .rightd .right-2 .img-box {width: 150px; height: 190px;padding: 20px; border: 1px solid #968169;}
	.warp .inner .rightd .right-2 .img-box img {width: 110px;height: 143px;}
	.warp .inner .rightd .right-2 .txt-box{font-size: 12px;width: 150px;}
	.warp .inner .rightd .right-2 .mar{margin-top: 20px;padding-left: 0px; }
	
	.dropbtn{width: 99px;}
	.warp .inner .rightd .rightd-3 .num{margin:0px 4px 0px 4px;}
	.warp .inner .rightd .rightd-3 .num span{margin-left: 0px;padding:0px 8px}
	.warp{padding-top: 80px;}
	.bottom .btm-2{margin-top: 0px;}
	.header a img{margin-right:50px;bottom: 0px;}
	.big .list-btn{width: 30px; height: 30px;position: fixed;bottom: 50%; right: 0;border-radius: 20px;background: #5F1227;}
	.big .list-btn img{width: 20px;height: 20px;margin: 0 auto;position: absolute;top: 20%;right: 15%;}
	#con{margin-top: auto;}
	.warp .inner .rightd .right-2 .img-box{ width: 100%; padding:30px; height: auto;}
	.warp .inner .rightd .right-2 .img-box img{ width: 100%; height: auto;}
	.warp .inner .rightd .right-1{ flex-wrap: wrap; display: flex;}
	.warp .inner .rightd .right-2{ flex-wrap: wrap; display: flex;}
	.warp .inner .rightd .right-3{ flex-wrap: wrap; display: flex;}
	
}
@media screen and (max-width:640px) {
	.big .list-btn{width: 30px; height: 30px;position: fixed;bottom: 50%; right: 0;border-radius: 20px;background: #5F1227;}
	.big .list-btn img{width: 20px;height: 20px;margin: 0 auto;position: absolute;top: 20%;right: 15%;}
	
	.warp .inner .rightd .rightd-3 span{padding: 0px;}
	.warp .inner .rightd .right-2 .mar{width: 50%; display: flex;flex-wrap: wrap;justify-content: center;}
	 .right-2 .img-box{width: 100%; height: 100%; padding: 50px 20px 50px 60px;}
	.ban{width: 100%;}
	.leftbody .leftd .tit span{line-height: 30px; font-size: 12px;width: auto;margin-right: 0px; text-align: center;}
	.warp .inner .rightd .rightd-3{display: flex;padding-top: 40px;justify-content: center;flex-wrap: wrap;padding-left: 0px;}
	 .ban{width: 100%;} 
	.list-btn{display: block;}
	.list-btn img{width: 50px; height: 50px;position: fixed;bottom: 50%; right: 0;border-radius: 15px;}
	.bl{display: none;}
	.warp .inner .leftd{display: none;}
	 .warp .inner .rightd{width: auto;}
	 .warp .inner .rightd .right-1 .rp{ width: 100%;}
	 .warp .inner .rightd .right-1 p{ width: 100%;}
	 .warp .inner .rightd .right-2 .img-box{ padding: 15px;}
	 .warp .inner .rightd .rightd-3 .num span{ font-size: 12px;}
	 
}
@media screen and (max-width:991px) {
	.bl{display: none;}
	.right-2 .mar{width: 33%;}
	.list-btn{    width: 30px;height: 30px;position: fixed;display: block;    bottom: 50%;    right: 0;    border-radius: 20px;    background: #5F1227;}
	/* .warp .inner .rightd .right-1 .rp{width: 100%;} */
	.big .list-btn img{    width: 20px;height: 20px;margin: 0 auto;position: absolute;top: 20%; right: 15%;}
}
@media  screen and (max-width:640px) {
	
	/* .warp .inner .rightd .right-1{margin-right: -45px;} */
}
@media  (min-width:992px) and (max-width:1200px) {

	/* .warp .inner .rightd .right-1{margin-right: -45px;} */
	.warp .inner .rightd .right-2 .img-box img {
		width: 100%;
		height: 160px;
	}
	.warp .inner .rightd .right-2 .img-box {
		width: 100%;
	}
}


.page a {
	height: 28px;
	line-height: 28px;
	padding: 0 8px;
	min-width: 12px;
	margin: 0 4px;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
	display: inline-block;
	border: 1px solid #ddd;
	background: #fff;
	color: #999999;
	border-radius: 3px;
}
.page .current {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	margin: 0 4px;
	font-size: 14px;
	display: inline-block;
	border: 1px solid #3579e6;
	color: #fff;
	background-color: #044B81;
	border-radius: 3px;
}