@charset "utf-8";
/*
* Author:pengxing
* Date:2024.7.25
*/
.item{width:1280px;margin:0 auto;}
.itemTie{text-align:center;font-weight:normal;padding:75px 0 50px;}
.itemTie span{line-height:50px;font-size:48px;color:#a7887a;display:inline-block;}
.itemTie span small{line-height:50px;font-size:30px;color:#9b9b9b;display:block;}
.itemTie span em{height:52px;text-align:center;line-height:55px;font-size:38px;color:#fff;padding:0 10px;background:linear-gradient(150deg,#b78d7f,#e4c1af);border-radius:10px;display:block;margin: 0 auto;}

.banner{position:relative;height:808px;overflow:hidden;}
.banner-swiper{position:absolute;left:50%;top:0;margin-left:-960px;width:1920px;height:808px;overflow:hidden;}
.banner-swiper .swiper-slide{width:1920px;height:808px;overflow:hidden;position:relative;width:1920px;}
.banner-swiper .swiper-slide img{width:1920px;height:808px;transition:all ease 5s;}
.bannerWap{display: none;}

.f1Bg{background-color:#f5f5f5;}
.f1Box{width:850px;margin:0 auto;padding:50px 0 60px;}
.f1Box h2{color:#bf9586; font-size: 36px; font-weight: normal; line-height: 50px;}
.f1Box ul{padding: 10px 0 20px;}
.f1Box li{color: #666; font-size: 20px; line-height: 1.6;}
.f1Box li b{font-weight: bold; color: #bf9586;}
.f1Box .map{border:10px solid #fff; border-radius: 6px; overflow: hidden;}
.f1Box .map,.f1Box .map img{width:824px;height:506px;}
.f1Box .info{padding-top: 28px;}
.f1Box .info p{padding-bottom: 6px; color: #666; font-size: 20px; line-height: 1.6;}
.f1Box .info p b{font-weight: bold; color: #bf9586;}

.f2Box{width: 1200px;margin: 0 auto;padding: 30px 0 50px;}
.f2Box .tab{text-align: center;padding-bottom: 25px;}
.f2Box .tab span{line-height: 51px;font-size: 24px;color: #333;margin: 0 100px;display: inline-block;position: relative;}
.f2Box .tab span i{width: 60px;height: 4px;background-color: #22a8a9;display: none;position: absolute;left: 50%;bottom: 0;margin-left: -30px;}
.f2Box .tab span i{display: block;}
.f2Box .tabCon,.f2Box .tabCon img{width: 1200px;height: 197px;}
@media only screen and (max-width: 750px){
	.item{width:100%;}
	.itemTie{padding:.5rem 0 .4rem;}
	.itemTie span{line-height:.4rem;font-size:.4rem;}
	.itemTie span small{line-height:.4rem;font-size:.24rem;}
	.itemTie span em{width:2.04rem;height:.5rem;line-height:.5rem;font-size:.35rem;border-radius:.1rem;}

	.banner{display:none;}
	.bannerWap{width:7.5rem;height:5rem;overflow:hidden;display:block;}
	.bannerWap .swiper-wrapper{position:absolute;left:0;top:0;transition:all ease 5s;}
	.bannerWap .swiper-slide{width:7.5rem;height:5rem;overflow:hidden;position:relative;}
        .bannerWap .swiper-slide img{width:7.5rem;height:5rem;transition:all ease 5s;}
	
	.f1Box{width:auto;padding:.5rem .2rem .6rem;}
	.f1Box h2{font-size: .4rem;line-height: 1.6;}
	.f1Box ul{padding: .1rem 0 .2rem;}
	.f1Box li{font-size: .32rem;}
	.f1Box .map{border:.1rem solid #fff;border-radius:.1rem;}
	.f1Box .map,.f1Box .map img{width:6.9rem;height:4.27rem;}
	.f1Box .info{padding-top: .28rem;}
	.f1Box .info p{padding-bottom:.06rem;font-size:.32rem;}
	
	.f2Box{width:auto;margin:0 auto;padding:.3rem 0 .5rem;}
	.f2Box .tab{padding-bottom:.25rem;}
	.f2Box .tab span{line-height:.5rem;font-size:.24rem;margin:0 .5rem;}
	.f2Box .tab span i{width:.6rem;height:.04rem;margin-left:-.3rem;}
	.f2Box .tabCon,.f2Box .tabCon img{width:7.5rem;height:1.38rem;}
}