.banner {
	width: 19.2rem;
	height: 10rem
}

.banner .swiper-slide {
	background-size: cover;
	background-position: center
}

.banner .swiper-slide>div:first-child {
	width: 100%;
}

.banner .swiper-slide p>img {
	width: 100%
}

.banner .swiper-slide p a>img {
	width: 100%
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: .34rem;
	left: 0;
	width: 100%
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 10px
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	opacity: .8;
	background: #fff
}

.banner .hvcenter {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 3rem;
	top: 0;
	height: 100%
}

.banner .hvcenter .text {
	text-align: center;
	display: inline-block
}

.banner .hvcenter.right {
	left: 11.25rem;
	position: absolute;
	text-align: center
}

.index_span_1 {
	font-size: .45rem;
	line-height: .6rem;
	color: #b79172;
	font-family: "Helvetica Light";
	letter-spacing: .05rem
}

.index_span_2 {
	font-size: .35rem;
	line-height: .6rem;
	color: #4c4948;
	letter-spacing: .1rem
}

.index_span_3 {
	font-size: .25rem;
	line-height: .6rem;
	color: #4c4948;
	letter-spacing: .05rem
}

.index_span_3_big {
	font-size: .3rem;
	line-height: .6rem;
	color: #4c4948;
	letter-spacing: .05rem
}

.index_span_4 {
	font-size: .7rem;
	line-height: .7rem;
	color: #b79172;
	font-family: "Helvetica Light"
}

.index_span_3_big .circle {
	display: inline-block;
	background: #4c4948;
	width: .04rem;
	height: .04rem;
	border-radius: .02rem;
	margin: .05rem
}

.index_span_5 {
	font-size: .25rem;
	line-height: .6rem;
	color: #878787;
	letter-spacing: .05rem;
	margin-top: .3rem
}

.banner_1_close {
	width: .7rem;
	height: .7rem;
	display: inline-block;
	margin: .45rem 0
}

.banner_btn {
	border: #4c4948 solid 1px;
	padding: .1rem .5rem;
	border-radius: .04rem;
	display: inline-block;
	font-size: .18rem;
	letter-spacing: .036rem;
	color: #4c4948;
	cursor: pointer;
	margin-top: 1rem
}

.banner_btn:hover {
	background: #fff;
	color: #b79172
}

.banner_btn_white {
	border: #4c4948 solid 1px;
	padding: .1rem .5rem;
	border-radius: .04rem;
	display: inline-block;
	font-size: .18rem;
	color: #fff;
	cursor: pointer;
	margin-top: .7rem;
	background: #211f1b
}

.banner_btn_white:hover {
	background: #fff;
	color: #b79172
}

/* .banner_btn1{border:#fff solid 1px;padding:.1rem .5rem;border-radius:.04rem;display:inline-block;font-size:.18rem;letter-spacing:.036rem;cursor:pointer;margin-top:5rem;color:#fff;margin-left: 2.4rem;background-color:darkgray;} */
.banner_btn1 {
	border: #fff solid 1px;
	padding: .1rem .5rem;
	border-radius: .04rem;
	display: inline-block;
	font-size: .18rem;
	letter-spacing: .036rem;
	cursor: pointer;
	margin-top: 1.2rem;
	color: #fff;
}

.banner_btn1:hover {
	background: #fff;
	color: #b79172
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #b79172
}

section {
	width: 19.2rem;
	height: 10rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	overflow-x: hidden
}

section .left,
section .right {
	width: 50%;
	height: 100%;
	position: relative;
	background: #fff
}

section .left {
	display: flex;
	align-items: center
}

.section_2 .left {
	position: relative
}

.section_2 .right:after {
	content: "";
	position: absolute;
	width: .29rem;
	height: .57rem;
	background: url(img/hot-arrow.png) no-repeat center;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	right: -1px;
	pointer-events: none;
	z-index: 100
}

.section_2 .right .swiper-container .swiper-wrapper .swiper-slide:nth-child(3) {
	margin-right: 1px
}

.section_1 .left {
	position: relative
}

.section_1 .right:before {
	content: "";
	position: absolute;
	width: .29rem;
	height: .57rem;
	background: url(img/new-arrow.png) no-repeat center;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	left: -1px;
	pointer-events: none;
	z-index: 100
}

section .text {
	display: none;
	width: 100%;
	text-align: center
}

.section_banner_1 {
	position: relative;
	background-size: cover;
	background-position: center;
	background-image: url(../img/section/section-1.jpg)
}

.section_banner_2 {
	position: relative;
	background-size: cover;
	background-position: center;
	background-image: url(../img/section/section-1.jpg)
}

.section_banner_3 {
	position: relative;
	background-size: cover;
	background-position: center;
	background-image: url(../img/section/section-1.jpg)
}

.section_banner_1 i {
	position: absolute;
	left: -29px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	width: 29px;
	height: 58px;
	background-size: cover;
	background-position: center;
	background-image: url(../img/section/left_1.png)
}

.home_video {
	width: 19.2rem;
	height: 10.8rem;
	cursor: pointer
}

.home_video video {
	width: 100%;
	height: 100%
}

.favorite {
	width: 19.2rem
}

.favorite .title {
	height: 1.66rem;
	line-height: 1.6rem;
	width: 100%;
	font-size: .63rem;
	background: #b79172;
	text-align: center;
	color: #fff;
	overflow: hidden;
	position: relative;
	font-family: "Helvetica Light"
}

.favorite .title:after {
	content: '';
	position: absolute;
	left: 50%;
	transform: rotate(45deg) translateX(-50%);
	background: #fff;
	width: .5rem;
	height: .5rem;
	bottom: -.5rem
}

.lb {
	width: 19.2rem;
	position: relative
}

.lb .swiper-container {
	width: 86%;
	margin: 0 auto
}

.list {
	box-sizing: border-box;
	width: 325px;
	text-align: center;
	margin-left: .5rem;
	margin-right: .5rem
}

.list .img {
	width: 307px;
	height: 336px;
	display: inline-block;
	background-position: center;
	background-size: cover;
	margin-top: 1.5rem
}

.list i {
	display: inline-block;
	width: .88rem;
	height: 1px;
	background: #4c4948;
	margin: .2rem 0
}

.list .span_1 {
	display: block;
	color: #b79172;
	font-size: 14px;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	font-family: "Helvetica Light";
	letter-spacing: 2px
}

.list .span_2 {
	display: block;
	color: #4c4948;
	font-size: 14px;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	letter-spacing: 2px
}

.list .span_3 {
	display: block;
	color: #4c4948;
	font-size: 12px;
	line-height: 25px;
	height: 25px
}

.swiper_btn {
	width: .35rem;
	height: .58rem;
	background-position: center;
	background-size: cover;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	cursor: pointer
}

.button-prev {
	left: 5%;
	background-image: url(../img/png_3.png)
}

.button-next {
	right: 5%;
	background-image: url(../img/png_4.png)
}

.home-btn-favorite {
	margin-bottom: 1.5rem
}

.home-btn-favorite a {
	display: inline-block;
	text-align: center;
	color: #4c4948
}

.home-btn-favorite.btn-detail {
	display: inline-block;
	width: 190px;
	height: 34px;
	border: #878787 solid 1px;
	border-radius: 4px;
	position: relative;
	font-size: 16px;
	line-height: 34px;
	text-align: left;
	text-indent: 20px;
	margin-top: 30px
}

.home-btn-favorite.btn-detail a:first-child {
	width: 130px;
	height: 34px;
	line-height: 34px
}

.home-btn-favorite.btn-detail a:first-child {
	width: 130px;
	height: 34px;
	line-height: 34px
}

.home-btn-favorite.btn-detail .btn-cart {
	width: 60px;
	height: 34px;
	position: relative
}

.home-btn-favorite.btn-detail .btn-cart i {
	content: '';
	position: absolute;
	width: 35px;
	height: 33px;
	background: url(../img/png_1.png) center no-repeat;
	background-size: cover;
	margin: 0
}

.search {
	width: 19.2rem;
	height: 4.8rem;
	background: #d6d6d6;
	position: relative
}

.s_contain {
	height: 3.2rem;
	width: 4rem;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	color: #4c4948;
	font-size: .34rem;
	transform: translate(-50%, -50%);
	text-align: center;
	line-height: .7rem;
	padding-top: .8rem
}

.s_contain span {
	font-size: .46rem;
	color: #4c4948
}

.s_contain input {
	width: 3.46rem;
	height: .56rem;
	border: #dcdbdb solid 1px;
	border-radius: 1.74rem;
	font-size: .28rem;
	text-align: center;
	letter-spacing: .05rem
}

::-webkit-input-placeholder {
	color: #c4c4c4
}

:-moz-placeholder {
	color: #c4c4c4
}

::-moz-placeholder {
	color: #c4c4c4
}

:-ms-input-placeholder {
	color: #c4c4c4
}

@media screen and (max-width:750px) {

	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: .2rem
	}

	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 5px
	}

	.swiper-pagination-bullet {
		width: 5px;
		height: 5px
	}

	.banner {
		width: 7.5rem;
		height: 12.8rem;
		position: relative
	}

	.banner_btn1 {
		bottom: 1.45rem;
		font-size: .24rem;
		position: absolute;
		margin-top: 0
	}

	.banner .swiper_btn {
		width: .22rem;
		height: .41rem;
		z-index: 1000
	}

	.banner .btn-prev {
		left: .35rem;
		background-image: url(img_mobile/Home/arrow-left.png)
	}

	.banner .btn-next {
		right: .35rem;
		background-image: url(img_mobile/Home/arrow-right.png)
	}

	.banner .hvcenter {
		left: .6rem
	}

	.banner .hvcenter.right {
		left: 3.8rem
	}

	.index_span_1 {
		font-size: .25rem;
		line-height: 1.6
	}

	.index_span_2 {
		font-size: .28rem;
		line-height: 1.3
	}

	.index_span_3 {
		font-size: .1rem;
		line-height: .28rem
	}

	.index_span_4 {
		font-size: .4rem;
		line-height: .4rem
	}

	.index_span_5 {
		font-size: .18rem;
		line-height: .18rem;
		margin-top: .2rem
	}

	.banner_1_close {
		width: .4rem;
		height: .4rem;
		margin: .12rem 0
	}

	.banner_btn {
		border: #4c4948 solid 1px;
		padding: .1rem .5rem;
		border-radius: .04rem;
		font-size: .24rem;
		margin-top: .5rem
	}

	.banner_btn_white {
		font-size: .12rem
	}

	section {
		width: 7.5rem;
		height: auto;
		flex-direction: column
	}

	section .left {
		width: 7.5rem;
		height: 5.9rem
	}

	section .right {
		width: 7.5rem;
		height: 7.8rem
	}

	.section_1 .right::before {
		top: -.105rem;
		transform: translateX(-50%) rotate(90deg);
		left: 50%;
		width: .88rem;
		height: .42rem
	}

	.section_2 .right:after {
		top: -.115rem;
		transform: translateX(-50%) rotate(-90deg);
		left: 50%;
		width: .88rem;
		height: .42rem
	}

	.home_video {
		width: 7.5rem;
		height: auto
	}

	.home_video video {
		width: 100%;
		height: auto
	}

	.favorite {
		width: 7.5rem
	}

	.favorite .title {
		height: 1rem;
		line-height: 1rem;
		font-size: .4rem
	}

	.favorite .title:after {
		width: .25rem;
		height: .25rem;
		bottom: -.25rem
	}

	.lb {
		width: 7.68rem
	}

	.lb .swiper-container {
		width: 80%
	}

	.list {
		width: 5rem;
		padding: .4rem .2rem
	}

	.list .img {
		width: 3rem;
		height: 3rem;
		margin-bottom: .1rem
	}

	.list .span_1 {
		display: block;
		color: #b79172;
		font-size: .22rem;
		line-height: .32rem;
		height: .64rem
	}

	.list .span_2 {
		display: block;
		color: #4c4948;
		font-size: .22rem;
		line-height: .32rem;
		height: .64rem
	}

	.list .span_3 {
		display: block;
		color: #4c4948;
		font-size: .12rem;
		line-height: .12rem;
		height: .12rem
	}

	.swiper_btn {
		width: .14rem;
		height: .232rem
	}

	.search {
		width: 7.5rem;
		height: 3.29rem
	}

	.s_contain {
		height: 2rem;
		width: 2.8rem;
		font-size: .24rem;
		line-height: 1.8;
		padding-top: .75rem
	}

	.s_contain span {
		font-size: .32rem
	}

	.s_contain input {
		width: 2.4rem;
		height: .4rem;
		border-radius: .692rem;
		font-size: .18rem
	}

	.suggestpartner {
		width: 6.9rem;
		margin: 0 auto;
		margin-top: .8rem
	}

	.suggestpartner .listitem {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center
	}

	.suggestpartner .swiper-slide .img {
		width: 3rem;
		height: 3rem
	}

	.suggestpartner .span_1 {
		display: block;
		color: #b79172;
		font-size: .2rem;
		line-height: 1.27;
		text-align: center;
		font-family: "Helvetica Light";
		letter-spacing: .05rem;
		height: 1.12rem;
		overflow: hidden
	}

	.suggestpartner .span_2 {
		color: #4c4948;
		font-size: .22rem;
		line-height: 1.27;
		text-align: center;
		overflow: hidden;
		letter-spacing: .05rem;
		height: .56rem;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}

	.suggestpartner i {
		display: inline-block;
		width: .82rem;
		height: 1px;
		background: #4c4948;
		margin: .18rem auto
	}

	.suggestpartner .span_3 {
		display: block;
		color: #4c4948;
		font-size: .12rem;
		line-height: 1;
		height: .12rem
	}

	.home-btn-favorite.btn-detail {
		display: inline-block;
		width: 2.22rem;
		height: .41rem;
		border: #878787 solid .01rem;
		border-radius: .05rem;
		position: relative;
		font-size: .22rem;
		line-height: .41rem;
		text-align: left;
		margin-top: .3rem;
		color: #4c4948;
		letter-spacing: .04rem
	}

	.home-btn-favorite {
		margin-bottom: .5rem
	}

	.home-btn-favorite.btn-detail a:first-child {
		width: 1.58rem;
		height: .41rem;
		line-height: .41rem;
		font-size: .22rem;
		text-indent: .1rem
	}

	.home-btn-favorite.btn-detail .btn-cart {
		width: .6rem;
		height: .41rem;
		position: relative
	}

	.home-btn-favorite.btn-detail .btn-cart i {
		width: .35rem;
		height: .33rem
	}

	.blackborder {
		border-color: #4c4948;
		color: #4c4948
	}

}

@media screen and (max-width:1200px) and (min-width:768px) {

	.lb {
		position: relative
	}

}

.bannerbtn{
	margin-top: 5rem;
	margin-left: 2.5rem;
	color: dimgrey;
}

.