@charset "utf-8";
/*
* Author:pengxing
* Date:2024.11.25
*/
.item{width: 1200px; margin:0 auto;}
.itemTie{text-align:center;line-height:0;padding:60px 0 50px;}
.itemTie span{line-height:70px;font-size:58px;color:#ff5400;display:inline-block;}
.itemTie span small{line-height:40px;font-size:27px;font-weight:normal;text-transform:uppercase;display:block;}

.banner{position: relative; height: 800px; overflow: hidden;}
.banner-swiper{position:absolute; left: 50%; top:0; margin-left: -960px; width:1920px; height: 800px; overflow:hidden;}
.banner-swiper .swiper-slide{position:relative; width: 1920px;}
.banner-swiper .swiper-slide,.banner-swiper .swiper-slide img{width:1920px;height:800px;}
.banner-swiper .pagination{width:100;text-align:center;line-height:0;position:absolute;left:0;bottom:20px;z-index:1;}
.banner-swiper .pagination span{width:16px;height:16px;font-size:0;background-color:#ccc;border-radius:50%;opacity:1;margin:0 12px;display:inline-block;vertical-align:top;}
.banner-swiper .pagination .swiper-pagination-bullet-active{background-color:#cc9b73;}
.bannerWap{display:none;}
/*f1Box*/
.f1Box{padding-bottom:74px;}
.f1BoxList{padding-bottom:35px;overflow:hidden;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f1BoxList dl{float:left;width: 341px;padding: 14px 11px 70px;background-color: #f9e5db;border-radius:20px;position: relative;margin-bottom:50px;}
.f1BoxList dt,.f1BoxList dt img{width:341px;height:254px;border-radius:20px;}
.f1BoxList dd{width: 248px;height: 60px;text-align: center;line-height: 60px;font-size: 38px;color: #fff;background-color: #ff5400;border-radius: 100px;position: absolute;left: 50%;bottom: 32px;margin-left: -124px;}
.f1Box a.btn{width: 387px;height: 66px;text-align: center;line-height: 66px;font-size: 38px;color: #fff;font-weight:bold;border-radius:10px;background: linear-gradient(#ff5200,#ff8a00);display: block;margin: 0 auto;}
/*f2Box*/
.f2Bg{background-color:#fcf3ee;}
.f2Box{position:relative;}
.f2Box p.txt{text-align:center;line-height:131px;font-size:38px;color:#333;position:relative;padding-bottom:30px;}
.f2Box p.txt i{width:0;height:0;border-top:#333333 solid 24px;border-left:transparent solid 11px;border-right:transparent solid 11px;display:block;position:absolute;left:50%;top:0;margin-left:-12px;}
.f2Box dl{position:relative;padding:0 532px 192px 0;}
.f2Box dt{width:522px;height:356px;background-color:#ff5400;padding:23px 13px 22px 16px;position:absolute;right:0;top:33px;}
.f2Box dt img{width:486px;height:323px;background-color:#f9e5db;padding:17px 17px 16px 20px;}
.f2Box dt i{width:0;height:0;border-right:#ff5400 solid 26px;border-top:transparent solid 15px;border-bottom:transparent solid 15px;display:block;position:absolute;left:-26px;top:80px;}
.f2Box dd{height:300px;border: #ff5400 solid 3px;border-radius:10px;padding:0 80px 0 50px;}
.f2Box dd h3{padding:30px 0;}
.f2Box dd h3 span{line-height:78px;font-size:42px;color:#ff5400;border-bottom:#ff5400 dashed 2px;display:inline-block;padding-right:100px;}
.f2Box dd p{line-height:36px;font-size:23px;color:#363636;}
.f2Box a.btn{width:264px;height: 66px;text-align: center;line-height: 66px;font-size: 38px;color: #fff;font-weight:bold;border-radius:10px;background: linear-gradient(#ff5200,#ff8a00);display:block;position:absolute;left:187px;bottom:79px;}
/*f3Box*/
.f3Box{padding-bottom:83px;}
.f3BoxList{height:535px;background:url(/style/images/yachimeibai/pic_08.jpg) center 0 no-repeat;position:relative;}
.f3BoxList span{line-height:50px;font-size:42px;color:#333;position:absolute;padding-left:50px;}
.f3BoxList span i{width:45px;height:48px;display:block;position:absolute;left:0;top:-20px;}
.f3BoxList span.ioc1 i{background:url(/style/images/yachimeibai/ioc_01.png) no-repeat;}
.f3BoxList span.ioc2 i{background:url(/style/images/yachimeibai/ioc_02.png) no-repeat;}
.f3BoxList span.ioc3 i{background:url(/style/images/yachimeibai/ioc_03.png) no-repeat;}
.f3BoxList span.ioc4 i{background:url(/style/images/yachimeibai/ioc_04.png) no-repeat;}
.f3BoxList span.ioc1{left:135px;top:15px;}
.f3BoxList span.ioc2{right:135px;top:15px;}
.f3BoxList span.ioc3{left:70px;top:340px;}
.f3BoxList span.ioc4{right:70px;top:340px;}
.f3Box a.btn{width: 264px;height: 66px;text-align: center;line-height: 66px;font-size: 38px;color: #fff;font-weight:bold;border-radius:10px;background: linear-gradient(#ff5200,#ff8a00);display: block;margin: 0 auto;}
/*f5Box*/
.f5Bg{background-color:#fcf3ee;}
.f5Box dt{position:relative;padding-bottom:11px;z-index:1;}
.f5Box dt img{width:1186px;height:629px;margin:0 auto;border-radius:20px;display:block;}
.f5Box dt i{width:1200px;height:570px;background-color:#ff5400;border-radius:20px;position:absolute;left:0;bottom:0;z-index:-1;}
.f5Box dd{line-height:43px;font-size:28px;color:#282828;padding:30px 0 100px;}

@media only screen and (max-width: 750px){
	.item{width:100%;}
	.container img{max-width: 100%; display: block;}
	.itemTie{padding:.5rem 0 .3rem;}
	.itemTie span{line-height:.6rem;font-size:.5rem;}
	.itemTie span small{line-height:.3rem;font-size:.24rem;}
	
	.banner{display: none;}
	.bannerWap{position:relative;width:100%;overflow:hidden;display:block;}
	.bannerWap .swiper-slide{position:relative;}
	.bannerWap .swiper-slide img{width:100%;/*! height:5rem; */}
	.bannerWap .pagination{width:7.5rem;text-align:center;line-height:0;position:absolute;left:0;bottom:.2rem;z-index:1; display: none;}
	.bannerWap .pagination span{width:.16rem;height:.16rem;font-size:0;background-color:#cac9cb;border-radius:50%;opacity:1;margin:0 .1rem;display:inline-block;vertical-align:top;}
	.bannerWap .pagination .swiper-pagination-bullet-active{background-color:#b88a7a;}

	/*f1Box*/
	.f1Box{padding:0 .3rem .5rem;}
	.f1BoxList{padding-bottom:.3rem;}
	.f1BoxList dl{width: 3.1rem;padding: .14rem .1rem .7rem;border-radius:.2rem;margin-bottom:.3rem;}
	.f1BoxList dt,.f1BoxList dt img{width:auto;height:auto;border-radius:.2rem;}
	.f1BoxList dd{width: 2.48rem;height: .6rem;line-height: .6rem;font-size: .38rem;border-radius: 1rem;bottom: .3rem;margin-left: 0;transform: translateX(-50%);}
	.f1Box a.btn{width: 3.87rem;height: .6rem;line-height: .6rem;font-size: .38rem;border-radius:.1rem;}
	/*f2Box*/
	.f2Bg{}
	.f2Box{padding:0 .3rem .5rem;}
	.f2Box p.txt{line-height:1rem;font-size:.28rem;padding-bottom:0;}
	.f2Box p.txt i{border-top:#333333 solid .24rem;border-left:transparent solid .1rem;border-right:transparent solid .1rem;margin-left:0;transform: translateX(-50%);}
	.f2Box dl{padding:0 0 .3rem;}
	.f2Box dt{width:5.22rem;height:3.56rem;padding:.2rem;position:relative;top:0;margin: 0 auto .3rem;}
	.f2Box dt img{width:auto;height:auto;padding:0;}
	.f2Box dt i{display:none;}
	.f2Box dd{height:auto;border: #ff5400 solid .03rem;border-radius:.1rem;padding:.2rem .3rem .3rem;}
	.f2Box dd h3{padding:0 0 .1rem;}
	.f2Box dd h3 span{line-height:.7rem;font-size:.35rem;border-bottom:#ff5400 dashed .03rem;padding-right:1rem;}
	.f2Box dd p{line-height:.36rem;font-size:.24rem;}
	.f2Box a.btn{width:2.64rem;height: .6rem;line-height: .6rem;font-size: .38rem;border-radius:.1rem;position:relative;left:0;bottom:0;margin: 0 auto;}
	/*f3Box*/
	.f3Box{padding-bottom:.5rem;}
	.f3BoxList{height:3.5rem;background-size:4rem auto;}
	.f3BoxList span{line-height:.5rem;font-size:.3rem;padding-left:.35rem;}
	.f3BoxList span i{width:.35rem;height:.4rem;top:-.1rem;}
	.f3BoxList span.ioc1 i,.f3BoxList span.ioc2 i,.f3BoxList span.ioc3 i,.f3BoxList span.ioc4 i{background-size:100% auto;}
	.f3BoxList span.ioc1{left:.6rem;top:.15rem;}
	.f3BoxList span.ioc2{right:.6rem;top:.15rem;}
	.f3BoxList span.ioc3{left:.2rem;top:2rem;}
	.f3BoxList span.ioc4{right:.2rem;top:2rem;}
	.f3Box a.btn{width: 2.64rem;height: .6rem;line-height: .6rem;font-size: .38rem;border-radius:.1rem;}
	/*f5Box*/
	.f5Box{padding:0 .3rem;}
	.f5Box dt{position:relative;padding-bottom:11px;z-index:1;}
	.f5Box dt img{width:auto;height:auto;border-radius:.1rem;}
	.f5Box dt i{display:none;}
	.f5Box dd{line-height:.43rem;font-size:.28rem;padding:.2rem 0 .5rem;}
	
}

.pulse{animation:pulse 2s .5s ease infinite;-webkit-animation:pulse 2s .5s ease infinite;-moz-animation:pulse 2s .5s ease infinite;}
@keyframes pulse{
	0%{transform:scale(0.9)}
	50%{transform:scale(1)}
	100%{transform:scale(0.9)}
}
@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(0.9)}
	50%{-webkit-transform:scale(1)}
	100%{-webkit-transform:scale(0.9)}
}