.common-pc-nav{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	line-height:100px;
	padding: 0 38px;
	z-index: 21;
	text-align: right;
	transition: all linear 0.2s;
	background: rgba(0,0,0,.7)
}
.common-pc-nav.isFixed{
	background: rgba(0,0,0,.9)
}
.common-pc-nav.innermode{
	position: absolute;
	background: none
}
.common-pc-nav .logo-area{
	float: left;
}
.common-pc-nav .open-nav{
	float: right
}
.common-pc-nav .open-nav span{
	color: #fff;
	font-size: 16px;
	margin-right: 20px;
	display: inline-block
}
.common-pc-nav .open-nav img{
	cursor: pointer;
}
.pc-nav-dropdown{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 22;
	background: rgba(17,17,17,.9);
	padding: 100px 0;
	display: none
}
.pc-nav-dropdown .top-area{
	border-bottom: 1px solid #444;
	padding-bottom: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pc-nav-dropdown .top-area h3{
	line-height: 40px;
	font-size: 30px;
	color: #fff;
}
.pc-nav-dropdown .top-area h4{
	line-height: 40px
}
.pc-nav-dropdown .top-area h4 span{
	font-size: 30px;
	color: #bc351f;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	padding-left: 55px;
	background: url(../image/icon-sucai1.png) no-repeat left center;
}
.pc-nav-dropdown .top-area h4 img{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-left: 25px
}
.pc-nav-dropdown .bottom-area{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 45px
}
.pc-nav-dropdown .bottom-area a{
	display: block;
	font-size: 17px;
	line-height: 30px;
	color: #fff
}
.pc-nav-dropdown .bottom-area a:nth-of-type(1){
	font-size: 19px;
	line-height: 20px;
	padding-bottom: 30px
}
.pc-nav-dropdown .bottom-area a:hover{
	text-decoration: underline !important
}
.pc-nav-dropdown .bottom-area img{
	width: 90px
}
.swiper-container-index1 a,.swiper-container-index1 a img{
	display: block;
	width: 100%
}
.swiper-container-index1 .swiper-pagination-index1{
	bottom: 80px
}
.swiper-container-index1 .swiper-pagination-index1 .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 100%;
	margin: 0 5px
}
.index-model1{
	padding-top: 60px;
	padding-bottom: 70px
}
.common-title1{
	text-align: center
}
.model1-wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 935px;
	max-width: 100%;
	margin: 60px auto 0
}
.model1-wrap a{
	display: inline-block;
	width: 265px;
	height: 602px;
	border-radius: 5px;
	position: relative;
	letter-spacing: 1px;
}
.model1-wrap a:hover{
	background:#b8321d url(../image/bg-sucai1.png) repeat center
}
.model1-wrap a::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../image/img-sucai1-1.png) no-repeat center;
}
.model1-wrap a:nth-of-type(2)::after{
	background: url(../image/img-sucai2-1.png) no-repeat center;
}
.model1-wrap a:nth-of-type(3)::after{
	background: url(../image/img-sucai3-1.png) no-repeat center;
}
.model1-wrap a:hover::after{
	background: url(../image/img-sucai1-2.png) no-repeat center;
}
.model1-wrap a:nth-of-type(2):hover::after{
	background: url(../image/img-sucai2-2.png) no-repeat center;
}
.model1-wrap a:nth-of-type(3):hover::after{
	background: url(../image/img-sucai3-2.png) no-repeat center;
}
.model1-wrap a span{
	position: absolute;
	writing-mode: vertical-rl;
	left: 68px;
	top: 245px;
	font-size: 16px;
	color: #555;
	line-height: 20px;
	transition: all linear 0.2s;
	font-family: "宋体", "sans-serif"
}
.model1-wrap a:hover span{
	color: #fff;
}
.index-model2{
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}
.index-model2 > div{
	width: 50%;
	position: relative
}
.index-model2 .left-area span{
	position: absolute;
	top: 50%;
	left: 42%;
	transform: translate(-50%,-50%);
	writing-mode: vertical-rl;
	font-size: 18px;
	color: #fff;
	font-family: '黑体'
}
.index-model2 .right-area .text-area{
	position: absolute;
	top: 54%;
	left: 68px
}
.btn-common-area{
	display: inline-block;
	height: 34px;
	line-height: 34px;
	padding: 0 20px;
	border-radius: 20px;
	border: 2px solid #fff;
	font-size: 14px;
	color: #fff;
	box-sizing: content-box;
	transition: all linear 0.2s
}
.btn-common-area:hover{
	background: #fff;
	color: #333
}
.btn-common-area.mode2{
	border-color:#333;
	color:#333;
}
.btn-common-area.mode2:hover{
	background: #333;
	color: #fff;
}
.index-model2 .right-area .text-area .img-area{
	margin-top: 38px
}
.index-model2 .right-area .text-area .img-area img{
	display: inline-block;
	vertical-align: middle
}
.index-model2 .right-area .text-area .img-area span{
	display: inline-block;
	vertical-align: middle;
	font-size: 17px;
	color: #fff;
	line-height: 22px;
	margin-left: 18px
}
.index-model3{
	padding-top: 70px;
	padding-bottom: 40px;
	background: rgb(7,63,107); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(7,63,107,1) 0%, rgba(1,53,94,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(7,63,107,1) 0%,rgba(1,53,94,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(7,63,107,1) 0%,rgba(1,53,94,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073f6b', endColorstr='#01355e',GradientType=0 ); /* IE6-9 */
}
.swiper-wrap .top-area{
	width: 720px;
	position: relative;
	margin: 40px auto 0;
}
.gallery-thumbs{
	text-align: center
}
.gallery-thumbs img{
	max-height: 83px
}
.gallery-thumbs span{
	display: block;
	color: #fff;
	font-size: 16px;
	margin-top: 10px
}
.gallery-thumbs .swiper-slide{
	cursor: pointer
}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{
	color: rgb(188,53,31);
}
.swiper-button-next-index2,.swiper-button-prev-index2{
	position: absolute;
	top: 50%;
	left: -84px;
	transform: translateY(-50%);
	outline: none;
	cursor: pointer;
	width: 52px;
	height: 52px;
	background: url(../image/icon-arrow1.png) no-repeat center;
	background-size: 100%;
	transition: all linear 0.2s;
	z-index: 11
}
.swiper-button-next-index2{
	left: auto;
	right: -84px;
	transform: translateY(-50%) rotateZ(180deg);
}
.swiper-button-next-index2:hover,.swiper-button-prev-index2:hover{
	background: url(../image/icon-arrow2.png) no-repeat center;
	background-size: 100%
}
.gallery-top{
	margin-top: 50px
}
.gallery-top a{
	display: block;
	text-align: center;
	position: relative;
	padding-left: 135px
}
.gallery-top a img{
	max-height: 550px;
}
.gallery-top a .text-area{
	position: absolute;
	color: #fff;
	left: 390px;
	bottom: 0px;
	text-align: left;
	background: #bc351f
}
.gallery-top a .text-area h3{
	font-size: 16px;
	line-height: 24px;
}
.gallery-top a .text-area p{
	font-size: 16px;
	line-height: 24px;
	max-width: 180px;
}
.swiper-wrap .bottom-area{
	position: relative
}
.swiper-wrap .bottom-area .bg-img{
	position: absolute;
	left: 50%;
	bottom: -195px;
	transform: translateX(-50%)
}
.swiper-wrap .bottom-area .txt-img{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 73px;
	z-index: 12
}
.swiper-wrap .bottom-area .btn-common-area{
	position: absolute;
	bottom: -80px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2
}
.index-model4{
	padding-top: 225px;
	background: #efefee url(../image/bg-sucai2.jpg) repeat-x center bottom;
}
.model4-tips{
	text-align: center;
	padding-top: 4rem;
	padding-bottom: 2rem;
	color: #888;
	border-bottom: 1px solid #999;
}
.model4-tips a{
	color: #bc351f;
}
.model4-wrap{
	margin-top: 3rem
}
.model4-wrap a{
	display: block;
	text-align: center;
	font-size: 0
}
.model4-wrap a .text-area h3{
	font-size: 2rem;
	color: #333;
	white-space: nowrap;
	overflow: hidden
}
.model4-wrap a .text-area i{
	display: block;
	width: 2.5rem;
	height: 2px;
	background: #bc351f;
	margin: 1.5rem auto
}
.model4-wrap a .text-area p{
	font-size: 1.16rem;
	color: #333;
	line-height: 1.6rem;
	max-width: 11rem;
	height: 3.2rem;
	overflow: hidden;
	margin: auto
}
.model4-wrap a .img-area{
	overflow: hidden;
}
.model4-wrap a .img-area img{
	transform: translateY(40px);
	transition: all linear 0.2s
}
.model4-wrap a:hover .img-area img{
	transform: translateY(10px)
}
.swiper-ctrl-wrap{
	position: absolute;
	bottom: 5rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 12;
	font-size: 0
}
.swiper-ctrl-wrap > div,.swiper-ctrl-wrap a{
	display: inline-block;
	vertical-align: middle;
	width: 52px;
	height: 52px;
	cursor: pointer;
	outline: none;
	margin: 0 10px;
	transition: all linear 0.2s
}
.swiper-ctrl-wrap > div{
	background: url(../image/icon-arrow3.png) no-repeat center;
	background-size: 100%
}
.swiper-ctrl-wrap .swiper-button-next-index3{
	transform: rotateZ(180deg)
}
.swiper-ctrl-wrap > div:hover{
	background: url(../image/icon-arrow4.png) no-repeat center;
	background-size: 100%
}
.swiper-ctrl-wrap a{
	background: url(../image/icon-arrow5.png) no-repeat center;
	background-size: 100%;
}
.swiper-ctrl-wrap a:hover{
	background: url(../image/icon-arrow6.png) no-repeat center;
	background-size: 100%;
}
.index-model5{
	position: relative;
	overflow: hidden
}
.index-model5 .man-img{
	position: absolute;
	bottom: 7.3%;
	right: 14%
}
.index-model5 .text-area{
	position: absolute;
	left: 16%;
	top: 50%;
	transform: translateY(-50%)
}
.index-model5 .text-area img{
	display: block;
	padding-bottom: 3rem
}
.index-model5 .text-area span{
	display: block;
	font-size: 19px;
	color: #fff;
	line-height: 40px;
	padding-left: 55px;
	background: url(../image/icon-sucai1.png) no-repeat left center;
	margin-top: 1.66rem
}
.index-model5 .text-area .btn-common-area{
	margin-top: 6rem
}
.model6-wrap{
	margin: 4rem auto
}
.model6-wrap::after{
	clear: both;
	content: "";
	display: block
}
.model6-wrap .left-area{
	float: left;
	width: 46.15%;
	position: relative
}
.model6-wrap .left-area .swiper-button-prev-index4,.model6-wrap .left-area .swiper-button-next-index4{
	position: absolute;
	top: 200px;
	right: 12px;
	z-index: 12;
	outline: none;
	opacity: .7;
	transition: all linear 0.2s
}
.model6-wrap .left-area .swiper-button-prev-index4{
	transform: rotateZ(180deg);
	left: 12px;
	right: auto
}
.model6-wrap .left-area .swiper-button-prev-index4:hover,.model6-wrap .left-area .swiper-button-next-index4:hover{
	opacity: 1
}
.model6-wrap .left-area a{
	display: block;
}
.model6-wrap .left-area a .img-area{
	width: 100%;
	height: 420px;
	overflow: hidden
}
.model6-wrap .left-area a .img-area img{
	display: block;
	width: 100%;
	height: 100%
}
.model6-wrap .left-area a h3{
	font-size: 1.33rem;
	font-weight: bold;
	color: #555;
	line-height: 3.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all linear 0.2s
}
.model6-wrap .left-area a:hover h3{
	color: #bc351f
}
.model6-wrap .left-area a p{
	font-size: 1.16rem;
	line-height: 1.66rem;
	color: #888;
	height: 3.32rem;
	overflow: hidden
}
.model6-wrap .right-area{
	float: right;
	width: 49.23%
}
.model6-content{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 2rem
}
.model6-content:last-of-type{
	margin-bottom: 0
}
.model6-content .img-area{
	width: 153px;
	height: 105px;
	overflow: hidden;
}
.model6-content .img-area img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all linear 0.2s
}
.model6-content:hover .img-area img{
	transform: scale(1.1)
}
.model6-content .text-area{
	width: 73.43%
}
.model6-content .text-area h3{
	font-size: 1.33rem;
	font-weight: bold;
	color: #555;
}
.model6-content .text-area p{
	font-size: 1.16rem;
	line-height: 1.66rem;
	color: #888;
	max-height: 4.98rem;
	overflow: hidden;
	margin-top: 1.3rem
}
.model6-content:hover .text-area h3{
	color: #bc351f
}
.index-model6 .btn-common-area{
	margin-bottom: 4rem
}
.index-model7{
	position: relative;
	overflow: hidden
}
.index-model7 .bg-img{
	display: block;
	width: 100%
}
.index-model7 .txt-img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%)
}
.common-footer{
	padding: 5.5rem 0 5rem;
	background: #111
}
.footer-wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}
.footer-nav-wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 770px;
	max-width: 100%
}
.footer-nav-wrap .content-area a{
	display: block;
	font-size: 1.16rem;
	line-height: 2.5rem;
	color: #fff;
}
.footer-nav-wrap .content-area a:nth-of-type(1){
	font-size: 1.33rem
}
.footer-wrap .erweima-area{
	width: 258px;
	padding-bottom: 40px;
	padding-left: 40px;
	border-left: 1px solid #565656
}
.footer-wrap .erweima-area .img-area{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer-wrap .erweima-area .img-area img{
	width: 90px;
	height: 90px;
}
.footer-wrap .erweima-area .img-area span{
	font-size: 1.16rem;
	color: #fff;
	line-height: 1.6rem
}
.footer-wrap .erweima-area h3{
	font-size: 1.33rem;
	font-weight: bold;
	padding: 1.1rem 0;
	color: #fff;
}
.footer-wrap .erweima-area a{
	display: block;
	font-size: 2.8rem;
	color: #facd17;
	font-weight: bold;
	white-space: nowrap;
	letter-spacing: -1px
}
.footer-copy{
	background: #212121;
	padding: 1.4rem 0;
}
.footer-copy .left-area{
	float: left;
	font-size: 0;
	line-height: 1.6rem;
}
.footer-copy .left-area a{
	font-size: 1.16rem;
	display: inline-block;
	color: #aaa;
	margin-right: 2rem
}
.footer-copy .left-area a:last-of-type{
	margin-right: 0
}
.footer-copy .right-area{
	float: right;
	line-height: 1.6rem
}
.footer-copy .right-area a{
	font-size: 1.16rem;
	display: inline-block;
	color: #aaa;
}
.second-nav-wrap{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	line-height: 100px;
	text-align: center;
	z-index: 11;
	background: rgba(0,0,0,.6)
}
.second-nav-wrap a{
	display: inline-block;
	vertical-align: middle;
	height: 2.8rem;
	line-height: 2.8rem;
	padding: 0 5rem;
	border-right: 1px solid rgba(255,255,255,.3);
	font-size: 1.66rem;
	font-weight: bold;
	color: #fff;
}
.second-nav-wrap a.active{
	color: rgb(188,53,31);
}
.second-nav-wrap a:hover{
	text-decoration: underline !important
}
.second-nav-wrap a:last-of-type{
	border: none
}
.aboutus-outer-wrap{
	margin: 7rem auto;
	position: relative
}
.aboutus-line{
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	width: 1px;
	background: #ccc;
}
.aboutus-wrap{
	position: relative;
	z-index: 2;
	width: 946px;
	max-width: 100%;
	margin: auto
}
.aboutus-wrap::after{
	clear: both;
	content: "";
	display: block
}
.aboutus-content{
	float: left;
	width: 45.34%;
	margin-top: 9.8rem;
	text-align: right
}
.aboutus-content:nth-of-type(2n){
	float: right;
	text-align: left
}
.aboutus-content:first-of-type{
	margin-top: 0
}
.aboutus-content:nth-of-type(2){
	margin-top: 15.8rem
}
.aboutus-content .text-area{
	position: relative
}
.aboutus-content .text-area h3{
	font-size: 2rem;
}
.aboutus-content .text-area p{
	font-size: 1.5rem;
	margin-top: 0.6rem
}
.aboutus-content .text-area img{
	position: absolute;
	right: -12.8%;
	top: 1.15rem
}
.aboutus-content:nth-of-type(2n) .text-area img{
	right: auto;
	left: -12.6%
}
.aboutus-content .img-area{
	margin-top: 1.2rem
}
.innerbg1{
	background: #073f6b
}
.list-product-wrap{
	padding-top: 150px;
}
.list-product-wrap.mode2{
	padding-top: 120px
}
.list-product-wrap a{
	display: block;
	margin-bottom: 135px;
	position: relative;
}
.list-product-wrap a .bg-img{
	display: block;
	width: 100%
}
.list-product-wrap a .food-img{
	position: absolute;
	max-width: 80%;
	left: 50%;
	transform: translateX(-50%);
	bottom: 50%;
	transition: all linear 0.2s
}
.list-product-wrap a .text-area{
	position: absolute;
	bottom: 5rem;
	left: 50%;
	transform: translateX(-50%)
}
.list-product-wrap a .text-area h3{
	font-size: 1.5rem;
	color: #fff;
	margin-bottom: 1.2rem
}
.list-product-wrap a:hover .food-img{
	bottom: 52%;
}
.tea-outer-wrap{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	padding-top: 80px;
}
.tea-content{
	display: inline-block;
	width: 18.3%;
	margin-right: 2.125%;
	margin-bottom: 100px;
	text-align: center;
}
.tea-content:nth-of-type(5n){
	margin-right: 0
}
.tea-content h3{
	font-size: 2rem;
	color: #333;
	white-space: nowrap;
	overflow: hidden
}
.tea-content i{
	display: block;
	width: 2.5rem;
	height: 2px;
	background: #bc351f;
	margin: 1.5rem auto
}
.tea-content p{
	font-size: 1.16rem;
	color: #333;
	line-height: 1.6rem;
	max-width: 100%;
	height: 3.2rem;
	overflow: hidden;
	margin: auto
}
.tea-content .img-area{
	width: 100%;
	background: -moz-linear-gradient(top,  rgba(223,223,223,0) 0%, rgba(223,223,223,0) 72%, rgba(223,223,223,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(223,223,223,0) 0%,rgba(223,223,223,0) 72%,rgba(223,223,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(223,223,223,0) 0%,rgba(223,223,223,0) 72%,rgba(223,223,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dfdfdf', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
}
.tea-content .img-area img{
	display: block;
	margin: auto;
	height: 350px;
	max-width: 80%;
	position: relative;
	bottom: -2rem;
	transition: all linear 0.2s
}
.tea-content:hover .img-area img{
	bottom: 0
}
.detail-product-title{
	text-align: center;
	padding: 5rem 0 0
}
.detail-product-title.mode2{
	padding: 23rem 0 0
}
.detail-product-title h3{
	font-size: 2.5rem;
	font-weight: bold;
	color: #fff;
	line-height: 3rem
}
.detail-product-title.mode2 h3{
	color: #333
}
.detail-product-title i{
	display: block;
	margin: 1.5rem auto 0;
	width: 3.8rem;
	height: 3px;
	background: #fff
}
.detail-product-title.mode2 i{
	background: #333
}
.product-swiper{
	position: relative;
	text-align: center;
	bottom: -4rem
}
.product-swiper .bg-img{
	position: absolute;
	bottom: -180px;
	left: 50%;
	transform: translateX(-50%);
}
.product-swiper .swiper-button-prev-product1,.product-swiper .swiper-button-next-product1{
	width: 52px;
	height: 52px;
	top: 12rem;
	margin: 0;
	transform: none;
	outline: none;
	transition: all linear 0.2s;
	background: url(../image/icon-arrow1.png) no-repeat center;
	background-size: 100%;
	left: 9%;
}
.product-swiper .swiper-button-next-product1{
	left: auto;
	right: 9%;
	transform: rotateZ(180deg)
}
.product-swiper .swiper-button-prev-product1:hover,.product-swiper .swiper-button-next-product1:hover{
	background: url(../image/icon-arrow2.png) no-repeat center;
	background-size: 100%;
}
.detail-common-wrap{
	background: #fff;
	padding: 4.8rem 10rem
}
.edit-title{
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3.8rem
}
.edit-title.mode2{
	text-align: left;
}
.edit-title h2{
	font-size: 2.5rem;
	color: #333;
}
.edit-title.mode2 h2{
	font-weight: bold;
}
.edit-title h3{
	font-size: 1.33rem;
	color: #555;
	margin-top: 2rem
}
.edit-wrap{
	padding-top: 2rem;
}
.edit-wrap img,.edit-wrap video,.edit-wrap iframe{
	border: none;
	max-width: 100%;
	outline: none;
}
.shop-wrap{
	padding: 5rem 9.5rem 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap
}
.shop-content{
	display: inline-block;
	width: 48%;
	margin-bottom: 3.5rem
}
.shop-content .img-area{
	width: 100%;
	height: 265px;
	overflow: hidden;
}
.shop-content .img-area img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all linear 0.2s
}
.shop-content:hover .img-area img{
	transform: scale(1.1)
}
.shop-content .text-area{
	padding: 1.4rem 1.1rem 2rem;
	border-bottom: 1px solid #ccc;
}
.shop-content .text-area h3{
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: bold;
	padding-bottom: 1.4rem
}
.shop-content .text-area p{
	font-size: 1.2rem;
	line-height: 1.6rem
}
.btn-more-area{
	text-align: center;
	padding-bottom: 5rem;
}
.btn-more-area span{
	display: inline-block;
	height: 5rem;
	line-height: 5rem;
	padding: 0 4rem;
	font-size: 1.33rem;
	color: #fff;
	background: #b5b5b5;
	border-radius: 2.5rem;
	cursor: pointer;
	transition: all linear 0.2s
}
.btn-more-area span:hover{
	background: #666
}
.contact-wrap{
	padding-top: 2.5rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}
.contact-wrap .text-area{
	font-size: 1.5rem;
	line-height: 2.4rem;
}
.contact-wrap .img-area{
	text-align: center;
}
.contact-wrap .img-area p{
	font-size: 1.33rem;
	line-height: 2rem;
	margin-top: 1rem
}
.map-area{
	margin-top: 5rem;
	height: 505px;
	border: 1px solid #ccc;
}
.news-content{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	background: #fff;
	border: 1px solid #d7d7d7;
	padding: 2.5rem 4.2rem;
	margin-bottom: 1.33rem
}
.news-content:hover{
	box-shadow: 0 2px 1rem rgba(0,0,0,.15)
}
.news-content .img-area{
	width: 292px;
	height: 202px;
	overflow: hidden;
}
.news-content .img-area img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all linear 0.2s
}
.news-content:hover .img-area img{
	transform: scale(1.1)
}
.news-content .text-area{
	width: 71%
}
.news-content .text-area h2{
	font-size: 2rem;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 1.8rem 0
}
.news-content .text-area p{
	font-size: 1.16rem;
	line-height: 1.7rem;
	height: 3.4rem;
	overflow: hidden;
	color: #888
}
.news-content .text-area span{
	font-size: 1.16rem;
	color: #888;
	display: block;
	margin-top: 3rem;
}
.news-content .text-area span font{
	text-decoration: underline
}
.news-page{
	padding-top: 2.5rem;
	margin-top: 2.5rem;
	border-top: 1px solid #ccc;
}
.news-page a{
	display: block;
	font-size: 1.2rem;
	color: #555;
	line-height: 2.1rem;
}
.news-page a:hover{
	color: #bc351f
}
.inner-banner-wrap img{
	width: 100%;
}
@media (max-width:1500px) {
	.index-model5 .text-area {
    left: 5%;
	}
	.index-model5 .man-img {
   width:50%;
}
}
@media (max-width:1340px) {
	.index-model1,.index-model3{
		padding-top: 6vw;
		padding-bottom: 6vw
	}
	.model1-wrap{
		width: 1300px;
		margin-top: 1vw
	}
	.model1-wrap a{
		width: 33.3333%;
		height: auto;
		padding-bottom: 3vw
	}
	.model1-wrap a::after{
		background-size: 100% !important;
		background-position: center top !important
	}
	.wap-nav-dropdown a:first-of-type img {
    width: 30%;
}
	.model1-wrap a span{
		position: relative;
		left: 2vw;
		top: auto;
		margin-top: 28.7vw;
		font-size: 3vw;
		line-height: 4.8vw;
		white-space: nowrap;
	}
	.index-model2{
		flex-wrap: wrap
	}
	.index-model2 > div{
		width: 100%
	}
	.index-model2 > div img{
		width: 100%;
	}
	.index-model2 .left-area span{
		left: 26%;
		font-size: 4vw;
		line-height: 6vw;
		white-space: nowrap
	}
	.btn-common-area{
		height: 8vw;
		line-height: 8vw;
		padding: 0 4vw;
		font-size: 3.46vw;
		border-radius: 5vw;
	}
	.index-model2 .right-area .text-area{
		left: 7.7vw
	}
	.index-model2 .right-area .text-area .img-area{
		margin-top: 4vw
	}
	.index-model2 .right-area .text-area .img-area img{
		width: 18vw;
	}
	.index-model2 .right-area .text-area .img-area span{
		font-size: 3.46vw;
		margin-left: 4vw;
		line-height: 5.2vw
	}
	.swiper-wrap .top-area{
		margin-top: 5vw;
		width: 100%
	}
	.swiper-button-next-index2{
		right: 0
	}
	.swiper-button-prev-index2{
		left: 0;
	}
	.swiper-button-next-index2, .swiper-button-prev-index2{
		width: 8vw;
		height: 8vw;
		top: auto;
		bottom: -18vw
	}
	.swiper-wrap .bottom-area .bg-img{
		bottom: 0vw
	}
	.swiper-wrap .bottom-area .btn-common-area{
		bottom: 0vw;
		left: 70%;
	}
	.swiper-wrap .bottom-area .txt-img{
		display: none
	}
	.gallery-top a{
		/* padding:0 10vw 10vw */
		padding: 0vw 10vw 10vw 22vw;
	}
	.gallery-top a .text-area h3{
		font-size: 3.73vw;
		line-height: 5vw;
	}
	.gallery-top a .text-area p{
		font-size: 3.46vw;
		line-height: 5vw;
		max-width: 100%;
	}
	.gallery-top a .text-area{
		left: 50%;
		transform: translateX(-50%);
		padding: 2vw;
		width: 70vw;
	}
	.gallery-top a .text-area {
    background: #b92f1b00;
}
	.gallery-top{
		margin-top: 4vw
	}
	.index-model4{
		padding-top: 24vw
	}
	.model4-wrap{
		margin-top: 5vw
	}
	.model4-wrap a .text-area h3{
		font-size: 3vw;
	}
	.model4-wrap a .text-area i{
		margin: 2vw auto
	}
	.model4-wrap a .text-area p{
		font-size: 1.5vw;
		line-height: 4vw;
		height: 4vw;
		width: 100%;
		max-width: none;
	}
	.model4-wrap a .img-area img{
		transform: translateY(5vw)
	}
	.swiper-ctrl-wrap{
		bottom: 1vw;
	}
	.swiper-ctrl-wrap > div,.swiper-ctrl-wrap a{
		width: 8vw;
		height: 8vw;
	}
	.index-model4 .common-title1 img{
		width: 72%
	}
	.gallery-thumbs span{
		font-size: 3vw;
	}
	.model6-wrap .left-area a h3{
		font-size: 3.73vw;
		line-height: 7vw;
	}
	.model6-wrap .left-area a p{
		font-size: 3.2vw;
		line-height: 5vw;
	}
	.index-model5{
		background: url(../image/bg-sucai4.png) no-repeat left top;
		padding:8vw 4vw;
		background-size: auto 112%;
	}
	.index-model5 .bg-img,.index-model5 .man-img{
		display: none
	}
	.index-model5 .text-area{
		position: relative;
		top: auto;
		left: auto;
		transform: translateY(0)
	}
	.index-model5 .text-area span{
		font-size: 3vw;
		line-height: 8vw;
		padding-left: 8vw;
		background-size: 6vw;
		margin-top: 2vw;
		white-space: nowrap
	}
	.index-model5 .text-area .btn-common-area{
		margin-top: 5vw
	}
	.index-model5 .text-area img{
		padding-bottom: 5vw
	}
	.index-model6{
		padding-top: 8vw
	}
	.model6-wrap .right-area{
		display: none
	}
	.model6-wrap .left-area{
		width: 100%
	}
	.model6-wrap .left-area a .img-area{
		height: 54vw
	}
	.model6-wrap{
		margin: 6vw auto
	}
	.model6-wrap .left-area .swiper-button-prev-index4, .model6-wrap .left-area .swiper-button-next-index4{
		top: 30%
	}
	.model6-wrap .left-area .swiper-button-prev-index4 img, .model6-wrap .left-area .swiper-button-next-index4 img{
		width: 8vw
	}
	.index-model7 .bg-img{
		max-width: none;
		width: auto
	}
	.index-model7 .txt-img{
		left: 9%;
		max-width: 70%
	}
	.footer-nav-wrap{
		display: none
	}
	.common-footer{
		padding: 8vw 0;
		text-align: center
	}
	.footer-wrap,.footer-wrap .erweima-area .img-area{
		flex-wrap: wrap
	}
	.common-footer .logo-area{
		margin: auto;
		width: 30%
	}
	.footer-wrap .erweima-area{
		width: 100%;
		border: none;
		margin-top: 5vw;
		padding: 0
	}
	.footer-wrap .erweima-area .img-area img{
		display: block;
		margin: auto;
		width: 20vw;
		height: 20vw
	}
	.footer-wrap .erweima-area .img-area span{
		width: 100%;
		margin-top: 2vw
	}
	.footer-wrap .erweima-area h3{
		font-size: 4vw;
		padding: 4vw 0 1vw
	}
	.footer-copy{
		padding: 4vw 0 21vw
	}
	.footer-copy .left-area,.footer-copy .right-area{
		float: none
	}
	.footer-copy .left-area a,.footer-copy .right-area a{
		display: block;
		font-size: 3.46vw;
		line-height: 5.2vw
	}
	.second-nav-wrap{
		position: relative;
		height: 12vw;
		line-height: 12vw;
		background: #333;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.second-nav-wrap a{
		height: 6vw;
		line-height: 6vw;
		font-size: 3.73vw;
		padding: 0 4vw
	}
	.aboutus-outer-wrap{
		margin: 8vw auto
	}
	.aboutus-line{
		display: none;
	}
	.aboutus-content{
		float: none !important;
		width: 100% !important;
		text-align: left !important;
		margin-top: 0 !important;
		margin-bottom: 4vw !important
	}
	.aboutus-content .text-area img{
		display: none;
	}
	.list-product-wrap{
		padding-top: 6vw;
		padding-bottom: 2vw;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		margin: 0;
		font-size: 0
	}
	.list-product-wrap::before, .list-product-wrap::after{
		display: none
	}
	.list-product-wrap a{
		background: #ab2d18;
		width: 48%;
		padding: 4vw 0;
		text-align: center;
		margin-bottom: 3vw;
		display: inline-block
	}
	.list-product-wrap a .bg-img{
		display: none
	}
	.list-product-wrap a .food-img{
		position: relative;
		bottom: auto;
		left: auto;
		transform: none
	}
	.list-product-wrap a .text-area{
		position: relative;
		bottom: auto;
		left: auto;
		transform: none;
		display: inline-block
	}
	.list-product-wrap a .text-area h3{
		font-size: 3.73vw;
		margin: 2vw auto
	}
	.tea-outer-wrap{
		justify-content: space-between;
		padding-top: 8vw;
		padding-bottom: 4vw
	}
	.tea-content{
		width: 48%;
		margin: 0 0 5vw!important;
	}
	.tea-content h3{
		font-size: 4vw;
	}
	.tea-content i{
		margin: 2vw auto
	}
	/* .tea-content p{
		font-size: 2.2vw
	} */
	.tea-content .img-area img{
		height: 52vw;
		bottom: -1vw;
	}
	.detail-product-title.mode2,.detail-product-title{
		padding-top: 8vw
	}
	.list-product-wrap.mode2{
		padding-top: 6vw
	}
	.list-product-wrap.mode2 a:last-of-type{
		display: none
	}
	.product-swiper{
		bottom: auto;
		padding: 3vw 0 4vw
	}
	.product-swiper .bg-img{
		display: none
	}
	.product-swiper .swiper-slide img{
		display: block;
		max-width: 70%;
		margin: auto
	}
	.product-swiper .swiper-button-prev-product1, .product-swiper .swiper-button-next-product1{
		top: 35%;
		width: 8vw;
		height: 8vw;
		left: 0
	}
	.product-swiper .swiper-button-next-product1{
		right: 0;
		left: auto
	}
	.detail-common-wrap{
		padding: 4vw
	}
	.edit-title{
		padding-bottom: 4vw
	}
	.edit-title h2{
		font-size: 5vw;
	}
	.shop-wrap{
		padding: 4vw 0 0
	}
	.shop-content{
		width: 100%;
		margin-bottom: 4vw
	}
	.shop-content .img-area{
		height: 47vw
	}
	.shop-content .text-area{
		padding: 2vw 0 4vw
	}
	.shop-content .text-area h3{
		padding-bottom: 2vw
	}
	.btn-more-area{
		padding-top: 3vw;
		padding-bottom: 8vw
	}
	.btn-more-area span{
		height: 10vw;
		line-height: 10vw;
		border-radius: 5vw;
	}
	.contact-wrap{
		padding-top: 3vw
	}
	.contact-wrap .img-area{
		display: none
	}
	.contact-wrap .text-area{
		font-size: 3.46vw;
		line-height: 5.5vw;
	}
	.map-area{
		margin-top: 4vw;
		height: 50vw
	}
	.edit-title h3{
		font-size: 3.2vw;
		margin-top: 3vw
	}
	.news-content{
		padding: 4vw;
		margin-bottom: 4vw;
		flex-wrap: wrap
	}
	.news-content .img-area{
		width: 100%;
		height: 54vw
	}
	.news-content .text-area{
		width: 100%
	}
	.news-content .text-area h2{
		font-size: 4vw;
		padding: 3vw 0;
	}
	.news-content .text-area span{
		margin-top: 4vw
	}
	.news-page{
		padding-top: 4vw;
		margin-top: 5vw
	}
}