.banner{
	margin-top:130px;
}
.banner img{
	display: block;
	position: relative;
	width:100%;
}
.bslide{
	position: relative;
}
.bp{
	position: absolute;
	top:40%;
	width:100%;
}
.bannerp1{
	font-size:40px;
	color:#fff;
	font-weight: 400;
}
.bannerp2{
	font-size:60px;
	color:#fff;
	font-weight: 400;
}
.bannerp3{
	margin-top:20px;
	font-size:20px;
	color:#fff;
	font-weight: 400;
}

.banner-prev{
    color: #fff;
    border-radius: 50%;
    background: none;
    border: 1px solid #fff;
    height: 50px!important;
    width: 50px!important;
	font-size:16px!important;
    transition: all ease .3s;
    margin: 0 auto;
    display: flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items: center;
	left: 3% !important;
}
.banner-next{
    color: #fff;
    border-radius: 50%;
    background: none;
    border: 1px solid #fff;
    width: 50px!important;
    height: 50px!important;
	font-size:16px!important;
    transition: all ease .3s;
    margin: 0 auto;
    display: flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items: center;
	right: 3% !important;
}
.banner-prev:after{
	font-size:20px!important;
	color:#fff!important;
}

.banner-next:after{
    font-size:20px!important;
    color:#fff!important;
}
@media(max-width:1000px){
	.banner{
		margin-top:100px;
	}
	.bp{
		width:100%;
		left:0;
		text-align: center;
	}
	.bannerp1{
		font-size:20px;
		color:#fff;
		font-weight: 800;
	}
	.bannerp2{
		font-size:16px;
		color:#fff;
		font-weight: 800;
	}
	
	.bannerp3{
		display:none;
	}
}

.index_more{
	display:inline-block;
	border-radius: 25px;
	background: var(--yellow-color);
	color: #fff;
	font-size:18px;
	height:46px;
	width:168px;
	box-sizing: border-box;
	line-height:30px;
	padding:8px 8px 8px 20px;
}
.index_more:hover{
	color:#fff;
}
.index_m2{
	background: #fff;
	border-radius: 50%;
	transition:0.5s;
}
.index_more:hover .index_m2{
	transform: rotate(360deg);
}
.index_m2 img{
	display: block;
}
.stitle{
	margin-bottom: 60px;
}
.title1{
	font-size:42px;
	font-weight:800;
	color:#595757;
	line-height: 1;
}
.title2{
	font-size:25px;
	font-weight:400;
	color:#595757;
	line-height: 1;
	margin-top:20px;
}

@media(max-width:1000px){
	.stitle{
	    margin-bottom: 30px;
	}
	.title1{
		font-size:30px;
	}
	.title2{
		margin-top:10px;
	}
}


.s1{
	padding:100px 0;
	background-image: url(../image/s1bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
.s1l{
	width:calc(50% - 40px);
	max-width: 650px;
}
.s1p1{
	font-size:32px;
	font-weight:800;
	color:#7f6249;
	line-height: 1;
}
.s1p2{
	font-size:18px;
	font-weight: 400;
	color:#7f6249;
	line-height: 35px;
	margin-top:30px;
	text-align: justify;
	letter-spacing: 1px;
}
.s1p2 span{
	display: block;
	margin-bottom:10px;
}
.s1c{
	margin-top:30px;
}
.s1pa{
	color:var(--yellow-color);
	font-size:55px;
}
.s1pb{
	color:#b4b4b4;
	font-size:16px;
}
.s1p3{
	transition:0.3s;
}
.s1c1:hover .s1p3{
	transform: rotateY(180deg);
}
.s1p4{
	color:#7f6249;
	font-size:18px;
	margin-top:10px;
}
.s1 .index_more{
	margin-top:50px;
}
.s1r{
	width:calc(50%);
	position: relative;
}
.s1r img{
	max-width:100%;
	position: relative;
	z-index: 4;
	display: block;
}
.s1rimg{
	position:absolute;
	display:inline-block;
	right:20px;
	bottom:20px;
	z-index:3;
}
.s1r::after{
	content:'';
	display: block;
	position: absolute;
	bottom:0px;
	right:0px;
	z-index:1;
	width:72%;
	height:72%;
	background-image: url(../image/s1r-after.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size:cover;
}
.s1-more{
	display: flex;
	margin-top:40px;
	color:#7f6249;
	justify-content: end;
	font-size:18px;
}
.s1c1{
	margin-top:20px;
	/* margin-right:100px; */
	text-align: center;
	width:100px;
}
.s1c1:nth-child(4){
	margin-right:0;
}
.s1c{
	max-width:100%;
}
@media(max-width:999px){
	.s1{
		padding:30px 0;
	}
	.s1l{
		width:100%;
	}
	.s1p1{
		font-size:26px;
		line-height:2;
	}
	.s1p2{
		font-size:15px;
	}
	.s1pa{
		font-size:26px;
	}
	.s1c1{
		max-width:calc(100% / 3);
		margin-right:0;
	}
	.s1r{
		width:100%;
		height: 200px;
		margin-top:60px;
	}
}
.s2{
	padding-bottom:0px;
}
.index-title{
	width:100%;
	position:relative;
	padding:60px 0;
	text-align: center;
}
.index-p1{
	font-size:32px;
	color:#7f6249;
	font-weight:800;
}
.index-line{
	width:60px;
	height:4px;
	background: #7f6249;
	margin:15px auto 20px;
	transition:0.3s;
}
.index-p2{
	font-size:18px;
	color:#7f6249;
	font-weight:400;
}
.index-title:hover .index-line{
	width:100px;
}
.s2-tab{
	width:calc((100% - 120px) / 3);
	box-sizing: border-box;
}
.s2-p1{
	width:100%;
	font-size:22px;
	color:#7f6249;
	font-weight:800;
	line-height: 1;
	padding:20px 0;
	border-bottom: 1px solid #bfb0a4;
	position: relative;
}
.s2-p2{
	margin-top:30px;
	width:100%;
	font-size:18px;
	color:#7f6249;
	font-weight:400;
	line-height: 2;
	text-align: justify;
	height:0;
	overflow: hidden;
	transition:0.2s;
}
.s2-p3{
	margin-top:40px;
}
.s2-p3 img{
	width:100%;
	display: block;
}
.s2-tab:hover .s2-p2{
	display: block;
	height:100px;
}
.index-more{
	display: inline-block;
	padding:10px 30px;
	background: #b29973;
	color:#fff;
	font-size:18px;
	line-height: 1;
	margin-top:50px;
}
.index-more:hover{
	background: #1b1b1b;
	color:#fff;
}
.s2-p1:after{
	display: block;
	content:'';
	width:0px;
	height:1px;
	position: absolute;
	left:0;
	bottom:0px;
	z-index: 1;
	background: #7f6249;
	transition: 0.3s;
}
.s2-tab:hover .s2-p1:after{
	width:100%;
}

@media(max-width:999px){
	.s2-tab{
		width:100%;
		box-sizing: border-box;
	}
}
.s3-tab{
	width:20%;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	align-items: center;
	align-content: center;
	height:600px;
	transition:0.3s;
}
.s3-tab:after{
	display: block;
	width:100%;
	height:100%;
	z-index: 1;
	content: '';
	position: absolute;
	top:0;
	left:0;
	background: rgb(178,153,115,0.95);
	opacity: 0;
	transition:0.3s
}
.s3-p1{
	width:100%;
	text-align: center;
	position: relative;
	z-index: 2;
}

.s3-p2{
	width:100%;
	margin-top:40px;
	color:#fff;
	font-size:24px;
	font-weight:800;
	line-height:1;
	text-align: center;
	transition:0.1s;
	position: relative;
	z-index: 2;
}
.s3-p3{
	height: 0px;
	width:100%;
	margin-top:40px;
	color:#fff;
	font-size:18px;
	font-weight:400;
	line-height:2;
	text-align: justify;
	padding:0 25px;
	transition:0.1s;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.s3 .index-more{
	margin:30px auto 0;
	position: relative;
	z-index: 2;
	border: 1px solid #b29973;
	background: none;
}
.s3-tab-hover{
	width:28%;
}
.s3-tab-hover-s{
	width:18%;
}
.s3-tab-hover .s3-p3{
	height: auto;
}

.s3-tab-hover:after{
	opacity: 1;
}
.s3-tab-hover .index-more{
	background: #1b1b1b;
}
@media(max-width:1500px){
	.s3-tab-hover .s3-p3{
		height: auto;
	}
}
@media(max-width:1400px){
	.s3-tab-hover .s3-p3{
		height: auto;
	}
}
@media(max-width:999px){
	.s3-tab-hover .s3-p3{
		height:0px;
	}
	.s3-tab{
		width:100%;
		height:400px;
	}
}

.s4swiper .swiper-slide{
	position: relative;
}
.s4swiper .swiper-slide img{
	position: relative;
	display: block;
	width:100%;
}
.s4swiper .swiper-slide .s4-bp{
	display: flex;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	justify-content: center;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	flex-direction: column;
}
.s4swiper .swiper-slide .s4-bp p{
	font-size:32px;
	font-weight:800;
	color:#fff;
}
.s4swiper .swiper-slide .s4-bp .index-more{
	margin-top:25px;
}
@media(max-width:999px){
	.s4swiper .swiper-slide .s4-bp p{
		font-size:22px
	}
	.s4swiper .banner-prev{
		display: none;
	}
	.s4swiper .banner-next{
		display: none;
	}
	.s4swiper .swiper-slide .s4-bp .index-more{
		margin-top:10px;
	}
}