@charset "utf-8";
/*
* Author:pengxing
* Date:2023.8.2
*/
.item{padding:0 .2rem;}

#banner{position:relative;width:100%;overflow:hidden;}
#banner .swiper-slide{position:relative;}
#banner .pagination{width:7.5rem;text-align:center;line-height:0;position:absolute;left:0;bottom:.2rem;z-index:1;}
#banner .pagination span{width:.15rem;height:.15rem;font-size:0;background-color:#cac9cb;border-radius:50%;opacity:1;margin:0 .1rem;display:inline-block;vertical-align:top;}
#banner .pagination .swiper-pagination-bullet-active{background-color:#fdac2d;}

.itemTie{text-align:center;padding:.3rem 0 .2rem;}
.itemTie span{line-height:.5rem;font-size:.42rem;color:#164243;display:block;font-weight: normal;}
.itemTie small{line-height:.3rem;font-size:.2rem;color:#545454;font-weight:normal;text-transform:uppercase;padding:.04rem 0 .14rem;display:block;position:relative;}
.itemTie small i{width:.45rem;height:2px;background-color:#1ec2d2;display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:0;}

.project{height:auto;padding:.1rem .3rem 0;background: #fff;}
.projectBar{width:100%;background-color:#fff;border-radius:.1rem;overflow:hidden;}
.projectBar .itemTie{display:block;}
.projectBar ul{background-color:#fff;border-radius:.1rem;padding:0 0 .13rem;justify-content: left;}
.projectBar li{float:left;width:25%;text-align:center;height:auto;padding:0 0 .17rem;position:relative;margin-bottom: .29rem;}
.projectBar a{height:.6rem;line-height:.6rem;font-size:.24rem;padding-top:.95rem;display:block;position:relative;transition: all .3s;}
.projectBar a i{width:.97rem;height:.96rem;background:url(/style/images/ioc_01.png) no-repeat;background-size:7.03rem .96rem;display:block;position:absolute;left:50%;transform:translateX(-50%);top:0;}
.projectBar a i.ioc1{background-position:0 0;}
.projectBar a i.ioc2{background-position:-1.01rem 0;}
.projectBar a i.ioc3{background-position:-2.02rem 0;}
.projectBar a i.ioc4{background-position:-3.03rem 0;}
.projectBar a i.ioc5{background-position:-4.04rem 0;}
.projectBar a i.ioc6{background-position:-5.05rem 0;}
.projectBar a i.ioc7{background-position:-6.06rem 0;}
.projectBar li a:hover{background:transparent;}

.f1Box{background:url(/style/images/f5Bg.jpg) center 0 no-repeat;background-size:100% 6.63rem;}
.f1Box dl{padding:.47rem 0 .6rem;overflow:hidden;}
.f1Box dt{float:left;border-radius: .1rem;overflow: hidden;}
.f1Box dt,.f1Box dt img{width:2.75rem;height:4.23rem;}
.f1Box dd{float:right;width:4.25rem;}
.f1Box dd h3{line-height:.47rem;font-size:.47rem;font-weight:normal;color:#0a8694;}
.f1Box dd h3 small{font-size:.27rem;padding-left:.1rem;}
.f1Box dd li{line-height:.31rem;font-size:.22rem;color:#5f6363;position:relative;padding-left:.1rem;}
.f1Box dd li i{width:.05rem;height:.05rem;background-color:#ff9d00;border-radius:.5rem;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.f1Box dd li em{font-size:.2rem;}
.f1Box dd p{line-height:.3rem;font-size:.24rem;color:#5f6363;padding:.2rem .1rem 0 0;}
.f1Box dd p span{width:1.57rem;height:.37rem;text-align:center;line-height:.37rem;font-size:.24rem;color:#fff;background-color:#ff9d00;border-radius:.1rem;display:block;margin-bottom: .1rem;}
.f1Box span.btn{text-align:center;display:block;overflow: hidden;}
.f1Box span.btn a{width:2.3rem;height:.5rem;text-align:center;line-height:.5rem;font-size:.24rem;color:#fff;background-color:#4bb3bc;display:inline-block;margin:0 .5rem;}
.f1Box span.btn a.booking{background-color:#fe7315;}

.f2Box{padding-bottom:.4rem;}
.f2BoxList{}
.f2BoxList li{float:left;box-shadow:#f6f6f6 0 0 20px;margin-bottom:.3rem;}
.f2BoxList li,.f2BoxList li img{width:100%;height:auto;}
.f2BoxList li.fr{float:right;}
.f2BoxImg{margin:0 auto;}
.f2BoxImg,.f2BoxImg img{width:6.77rem;height:7.43rem;}

.f2Box span.btn{text-align:center;display:block;}
.f2Box span.btn a{width:2.3rem;height:.5rem;text-align:center;line-height:.5rem;font-size:.24rem;color:#fff;background-color:#4bb3bc;display:inline-block;margin:0 .5rem;}
.f2Box span.btn a.booking{background-color:#fe7315;}

.f3Box{padding-bottom:.55rem;}
.f3Box h2{margin-bottom:.55rem;}
.f3Box h2 span{line-height:.6rem;font-size:.26rem;color:#000;font-weight:normal;border-bottom:#b5b5b5 solid 1px;display:inline-block;position:relative;}
.f3Box h2 span small{font-size:.2rem;color:#757575;padding-left:.1rem;}
.f3Box h2 span i{width:1.5rem;height:1px;background-color:#2cb5bd;display:block;position:absolute;left:0;bottom:-1px;}
.f3BoxList{padding-bottom:.15rem;}
.f3BoxList dl{padding-bottom:.3rem;}
.f3BoxList dt{line-height:.52rem;font-size:.28rem;color:#2e2d2d;position:relative;padding-left:.65rem;}
.f3BoxList dt span{font-size:.28rem;color:#2e2d2d;background:url(/style/images/ioc_04.png) 0 center no-repeat;background-size:.16rem .24rem;position:absolute;left:.1rem;top:0;}
.f3BoxList dd{line-height:.36rem;font-size:.22rem;color:#000;border:#f1f1f1 solid 1px;padding:.25rem .25rem .35rem;background-color: #fff;}
.f3Box span.btn{text-align:center;display:block;}
.f3Box span.btn a{width:2.3rem;height:.5rem;text-align:center;line-height:.5rem;font-size:.24rem;color:#fff;background-color:#4bb3bc;display:inline-block;margin:0 .5rem;}
.f3Box span.btn a.booking{background-color:#fe7315;}
.pulse{animation:pulse 1s .2s ease infinite;-webkit-animation:pulse 1s .2s 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)}
}