@charset "utf-8";
/* CSS Document */
body{
	background:#efe1cb;
	padding:.2rem 0;
}
.bottombg{
	display: block; 
    width: 100%;
    height: .19rem;
    background: url(../images/bodybtbg.png) center no-repeat;
    -o-background-size: 100% .2rem;
    -ms-background-size: 100% .2rem;
    -moz-background-size: 100% .2rem;
    -webkit-background-size: 100% .2rem;
    background-size: 100% .2rem; 
    position:fixed;
    left:0;
    bottom:0;
    z-index: 997;
} 
.woodbanner{
	width:100%;
	position:relative;
	padding-top:0; 
}
.woodbanner::before{
	display:block;
	content:"";
	width:100%;
	height:.2rem;
	background:url(../images/bodytopbg.png) center no-repeat;
	-o-background-size:100% .2rem;
	-ms-background-size:100% .2rem;
	-moz-background-size:100% .2rem;
	-webkit-background-size:100% .2rem;
	background-size:100% .2rem;
	position:fixed;
	left:0;
	top:0;
	z-index: 997;
} 
.woodbanner .swiper-container{
	width:100%;
	height:3rem; 
	padding-bottom:.4rem;
}
.woodbanner .swiper-container::after {
    display: block;
    content: "";
    width: 100%;
    height: .8rem;
    background: url(../images/bannerbg.png) center no-repeat;
    -o-background-size: 100% .8rem;
    -ms-background-size: 100% .8rem;
    -moz-background-size: 100% .8rem;
    -webkit-background-size: 100% .8rem;
    background-size: 100% .8rem;
    position: absolute;
    left: 0;
    bottom: .39rem;
    z-index: 2;
}
.woodbanner img{
	display:block;
	width:100%;
	height:100%;
}
.woodbanner .swiper-pagination{
	height:.29rem;
	bottom:0rem;
	z-index: 9;
}
.woodbanner .swiper-pagination .swiper-pagination-bullet{
	width:.53rem;
	height:.29rem;
	background:url(../images/woodpagin.png) center no-repeat;
	-o-background-size:auto .29rem;
	-ms-background-size:auto .29rem;
	-moz-background-size:auto .29rem;
	-webkit-background-size:auto .29rem;
	background-size:auto .29rem;
	margin:0 .1rem;
	opacity:1;
}
.woodbanner .swiper-pagination .swiper-pagination-bullet-active{
	background:url(../images/woodpagin_on.png) center no-repeat;
	-o-background-size:auto .29rem;
	-ms-background-size:auto .29rem;
	-moz-background-size:auto .29rem;
	-webkit-background-size:auto .29rem;
	background-size:auto .29rem;
}
.woodenbox{
	margin:.2rem .26rem .3rem; 
	padding-bottom:.45rem; 
	background:url(../images/boodconbg.png) center top no-repeat; 
	-o-background-size:100% auto;
	-ms-background-size:100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;
	background-size:100% 100%;
	overflow:hidden;
	position: relative;
	z-index: 2;
}
.woodenbox ul{ 
	overflow:hidden;
}
.woodenbox li{
	width:25%;
	float: left;
	text-align: center;
	padding: .3rem 0 0;
	position:relative;
} 
.woodenbox li a{
	display:block;
}
.woodenbox li em{
	display: inline-block;
	width:.84rem;
	height:.84rem;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	-moz-box-shadow:0 0 .1rem rgba(0,0,0,.2);
	-webkit-box-shadow:0 0 .1rem rgba(0,0,0,.2);
	box-shadow:0 0 .1rem rgba(0,0,0,.2);
	overflow:hidden;
	vertical-align: top;
}
.woodenbox li img{
	height:100%;
	width:auto;
	vertical-align: top;
}
.woodenbox li span{
	display:block;
	color:#333;
	line-height: .3rem;
	font-size:.24rem; 
	padding:.2rem .3rem 0;
} 
.woodenbox .woodtwo{
	padding:0 0;
	margin: 0 .48rem 0 .44rem;
	position:relative;
}
.woodenbox .woodtwo:before{
	display:block;
	content:"";
	width:200%;
	height:1px;
	background:#efeff4; 
	-o-transform:scale(.5,.5);
	-ms-transform:scale(.5,.5);
	-moz-transform:scale(.5,.5);
	-webkit-transform:scale(.5,.5);
	transform:scale(.5,.5);
	position:absolute;
	left:-50%;
	top:0;
}
.woodenbox .woodtwo li{
	width:50%;
	float:left;
	margin:0; 
	padding:.3rem 0;
}
.woodenbox .woodtwo li:before{
	display:block;
	content:"";
	width:1px;
	height:200%;
	background:#efeff4; 
	-o-transform:scale(.5,.5);
	-ms-transform:scale(.5,.5);
	-moz-transform:scale(.5,.5);
	-webkit-transform:scale(.5,.5);
	transform:scale(.5,.5);
	position:absolute;
	top:-50%;
	right:0;
}
.woodenbox .woodtwo li:nth-of-type(2n+2){
	margin-right: 0;
} 
.woodenbox .woodtwo li img{
	height:1rem;
	width:1rem;
	float:right;
	margin-right:.2rem;
	border:1px solid #fff;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	-moz-box-shadow:0 0 .1rem rgba(0,0,0,.2);
	-webkit-box-shadow:0 0 .1rem rgba(0,0,0,.2);
	box-shadow:0 0 .1rem rgba(0,0,0,.2);
}
.woodenbox .woodtwo .textbox{
	padding: .1rem 0 .1rem .3rem; 
	text-align:left;
	overflow:hidden;
} 
.woodenbox .woodtwo .textbox h4{
	font-size: .26rem;
	color:#333;
	line-height: .4rem;
	white-space: nowrap;
	text-overflow: ellipsis;
    overflow: hidden;
}
.woodenbox .woodtwo .textbox p{
	font-size: .18rem;
	color:#999;
	line-height: .4rem;
	white-space: nowrap;
	text-overflow: ellipsis;
    overflow: hidden;
}
.woodenbox .bigimg .textbox{
	padding: .05rem 0 .05rem .3rem; 
}
.woodenbox .bigimg li img{
	width:1.74rem;
	height:.89rem;
	border:0 none;
	margin-right:0;
	-moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius:0;
    -moz-box-shadow: 0 0 .1rem rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 0.1rem rgba(0,0,0,0);
    box-shadow: 0 0 0.1rem rgba(0,0,0,0);
}
.woodenbox .woodone{
	margin: 0 .46rem;
    padding: 0 0 .6rem;
	position:relative;
}
.woodenbox .woodone:before{
	display:block;
	content:"";
	width:200%;
	height:1px;
	background:#efeff4; 
	-o-transform:scale(.5,.5);
	-ms-transform:scale(.5,.5);
	-moz-transform:scale(.5,.5);
	-webkit-transform:scale(.5,.5);
	transform:scale(.5,.5);
	position:absolute;
	left:-50%;
	top:0;
}
.woodenbox .woodone li {
    width: 50%;
    float: left;
    margin: 0;
    padding: .3rem 0 .3rem;
}
.woodenbox .woodone .textbox{
	padding: .1rem 0 .1rem .3rem; 
	text-align:left;
	overflow:hidden;
} 
.woodenbox .woodone .textbox h4{
	font-size: .26rem;
	color:#333;
	line-height: .4rem;
	white-space: nowrap;
	text-overflow: ellipsis;
    overflow: hidden;
}
.woodenbox .woodone .textbox p{
	font-size: .18rem;
	color:#999;
	line-height: .4rem;
	white-space: nowrap;
	text-overflow: ellipsis;
    overflow: hidden;
}
.woodenbox .woodone .imgli{
	width:3.2rem;
	height:1.4rem;
	padding: 0 0;
	overflow:hidden;
	position:absolute;
	right:.1rem;
	top:.2rem;
}
.woodenbox .woodone .imgli::after{
	display:block;
	content:"";
	width:102%;
	height:102%;
	background:url(../images/woodimgbg.png) center no-repeat;  
	-o-background-size:100% 100%;
	-ms-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	position:absolute;
	left:-1%;
	top:-1%;
	z-index:2;
}
.woodenbox .woodone .imgli img{
	display:block;
	width:98%;
	height:auto;
	height: 98%; 
	position:absolute;
	left:1%;
	top:0%;
	z-index:1;
}