@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{width:100%;height:808px;overflow:hidden;position:relative;}
.bannerInfo{width:1920px;height:808px;overflow:hidden;position:absolute;left:50%;margin-left:-960px;top:0;}
.bannerInfo li,.bannerInfo li img{width:1920px;height:808px;}
.bannerInfo .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:20px;z-index:1;}
.bannerInfo .pagination span{width:15px;height:15px;font-size:0;background-color:#cac9cb;border-radius:50%;opacity:1;margin:0 15px;display:inline-block;vertical-align:top;}
.bannerInfo .pagination span.active{background-color:#b88a7a;}
.bannerWap{display: none;}
/*f1Box*/
.f1Box{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding:90px 15px 50px 25px;}
.f1Box span{float:left;width:300px;text-align:center;line-height:78px;font-size:28px;color:#606060;display:block;position:relative;padding-top:69px;margin-bottom:50px;}
.f1Box span a{color:#606060;}
.f1Box span i{width:80px;height:69px;display:block;position:absolute;left:50%;transform:translateX(-50%);top:0;}
.f1Box span i.ioc1{background:url(/modules/style/images/home/ioc_01.png) no-repeat;}
.f1Box span i.ioc2{background:url(/modules/style/images/home/ioc_02.png) no-repeat;}
.f1Box span i.ioc3{background:url(/modules/style/images/home/ioc_03.png) no-repeat;}
.f1Box span i.ioc4{background:url(/modules/style/images/home/ioc_04.png) no-repeat;}
.f1Box span i.ioc5{background:url(/modules/style/images/home/ioc_05.png) no-repeat;}
.f1Box span i.ioc6{background:url(/modules/style/images/home/ioc_06.png) no-repeat;}
.f1Box span i.ioc7{background:url(/modules/style/images/home/ioc_07.png) no-repeat;}
.f1Box span i.ioc8{background:url(/modules/style/images/home/ioc_08.png) no-repeat;}
.f1Box span i.ioc9{background:url(/modules/style/images/home/ioc_09.png) no-repeat;}
.f1Box span i.ioc10{background:url(/modules/style/images/home/ioc_10.png) no-repeat;}
.f1Box span i.ioc11{background:url(/modules/style/images/home/ioc_11.png) no-repeat;}
.f1Box span i.ioc12{background:url(/modules/style/images/home/ioc_12.png) no-repeat;}
.f1Box span i.ioc13{background:url(/modules/style/images/home/ioc_13.png) no-repeat;}
.f1Box span i.ioc14{background:url(/modules/style/images/home/ioc_14.png) no-repeat;}
.f1Box span i.ioc15{background:url(/modules/style/images/home/ioc_15.png) no-repeat;}
.f1Box span i.ioc16{background:url(/modules/style/images/home/ioc_16.png) no-repeat;}
/*f2Box*/
.f2Bg{background:url(/modules/style/images/home/f2Bg.jpg) center 0 no-repeat #fcfbf6;overflow:hidden;}
.f2Box{overflow:hidden;}
.f2Box{padding-bottom:87px;position: relative;}
.f2Box dl{position:relative;padding-top:120px;}
.f2Box dt{position:absolute;left:35px;bottom:1px;}
.f2Box dt,.f2Box dt img{width:561px;height:843px;}
.f2Box dd{height:auto;border:#cfb3a8 solid 1px;background-color:#fff;padding:70px 0 0 610px;}
.f2Box dd h3{line-height:59px;font-size:59px;color:#b88a7a;border-bottom:#d2c0b9 solid 1px;position:relative;padding-bottom:10px;margin-right:70px;}
.f2Box dd h3 em{font-size:26px;padding-left: 20px;}
.f2Box dd h3 span{line-height:35px;font-size:33px;color:#b88a7a;position:relative;display:block;margin-bottom:10px;}
.f2Box dd h3 small{line-height:40px;font-size:33px;font-weight:normal;color:#626262;display:block;}
.f2Box dd .con{height:475px;padding-top:20px;}
.f2Box dd .con li{line-height:46px;font-size:25px;color:#666;position:relative;padding-left:15px;}
.f2Box dd .con li i{width:5px;height:5px;background-color:#8f7064;border-radius:50%;display:block;position:absolute;left:0;top:18px;}
.f2Box dd .con p{padding:60px 0 0 0;}
.f2Box dd .con p span{float:left;width:121px;height:99px;text-align:center;background-color:#fffbf4;border:#ae7f70 solid 1px;display:block;position:relative;border-radius:20px;margin-right:60px;}
.f2Box dd .con p i{width:33px;height:33px;text-align:center;line-height:33px;font-size:15px;color:#fff;background:linear-gradient(#d8af9c,#c39b8c);display:block;position:absolute;left:0;top:0; transform: translate(-50%,-50%);border-radius: 50%;}
.f2Box dd .con p em{line-height:30px;font-size:28px;font-weight:bold;color:#ae7f70;padding-top:15px;display:block;}
.f2Box dd .con p small{line-height:22px;font-size:20px;font-weight:normal;color:#777;display:block;}
.f2Box .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:46px;z-index:1;}
.f2Box .pagination span{width:15px;height:15px;font-size:0;background-color:#ccc;border-radius:50%;opacity:1;margin:0 12px;display:inline-block;vertical-align:top;}
.f2Box .pagination .swiper-pagination-bullet-active{background-color:#b88a7a;}

.f2Bot{background-color:#fae7c6;}
.f2BoxList{padding:37px 0 42px;position:relative;}
.f2BoxList .swiper-container{overflow:hidden;}
.f2BoxList .swiper-slide{width:260px;}
.f2BoxList dl{width:239px;height:365px;border:#c09788 solid 1px;margin:0 auto;position:relative;}
.f2BoxList dt,.f2BoxList dt img{width:239px;height:365px;}
.f2BoxList dt span{width:100%;line-height:60px;text-align:center;font-size:36px;font-weight:bold;color:#b88a7a;display:block;position:absolute;left:0;bottom:56px;}
.f2BoxList dd{width:100%;height:56px;text-align:center;line-height:56px;font-size:30px;color:#fff;background-color:#c09788;position:absolute;left: 0;bottom: 0;}
.f2BoxList dd.fs{font-size:28px;}
.f2BoxList a.prev,.f2BoxList a.next{width:61px;height:61px;display:block;position:absolute;top:50%;margin-top:-30px;z-index:1;}
.f2BoxList a.prev{background:url(/modules/style/images/home/prev.png) no-repeat;left:-75px;}
.f2BoxList a.next{background:url(/modules/style/images/home/next.png) no-repeat;right:-75px;}
.f2BoxList a.prev.swiper-button-disabled,.f2BoxList a.next.swiper-button-disabled{opacity:.4;}
.f2Bg a.btn{width:267px;height:51px;text-align: center;line-height: 51px;font-size:27px;color:#fff;background-color:#b88a7a;display:block;margin:45px auto 99px;}

.f3Box ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding:0 15px 80px;}
.f3Box li{background:url(/modules/style/images/home/bg_03.jpg) center 0 no-repeat;padding:30px 28px 31px;margin-bottom:39px;}
.f3Box li,.f3Box li img{width:551px;height:642px;}

.f4Bg{background:url(/modules/style/images/home/f4Bg.jpg) center 0 no-repeat;}
.f4Box ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:70px;}
.f4Box li{border:#fff solid 6px;}
.f4Box li,.f4Box li img{width:396px;height:255px;}

.f4BoxCon{padding-bottom:150px;overflow:hidden;}
.f4BoxCon p{float:left;width:545px;line-height:50px;font-size:32px;color:#606060;border-top:#d2c0b9 dashed 1px;border-right:#d2c0b9 dashed 1px;padding:55px 45px 0;}
.f4BoxCon p:nth-child(2n){border-right:0;}
.f4BoxCon p:nth-child(1),.f4BoxCon p:nth-child(2){padding:0 45px 55px;border-top:0;}

.f5Box{overflow:hidden;}
.f5Box ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding:0 7px 100px;}
.f5Box li{float:left;margin-bottom:12px;}
.f5Box li,.f5Box li img{width:242px;height:140px;}

.booking{background-color:#f5f5f5;}
.bookingFrom h2{text-align:center;padding:70px 0 30px;}
.bookingFrom h2 span{width:287px;height:124px;background:url(https://www.szprocedures.hk/style/images/booking/tie_01.png) no-repeat;display:block;margin:0 auto;}
.bookingFrom{overflow:hidden;}
.bookingFrom .mobile-booking-form{overflow:hidden;}
.bookingFrom dl{float:left;width:550px;margin-bottom:20px; padding:0 10px;}
.bookingFrom dt{line-height:60px;font-size:30px;color:#333;}
.bookingFrom dd input.text,.bookingFrom dd select.text{width:100%;height:60px;background-color:#fff;font-size:28px;border:0; color:#666;}
.bookingFrom dd{background-color:#fff;position:relative;padding:0 10px;box-shadow:0 0 6px rgba(0,0,0,.1); border-radius:4px; overflow:hidden;}
.bookingFrom dd.tel{padding-left:130px}
.bookingFrom dd.tel select{width:120px;height:60px;text-align:center;font-size:28px;color:#fff;background-color:#bf9586;border:0;border-radius:0; position:absolute;left:0;top:0;}
.bookingFrom dl.fr{float:right;}
.bookingFrom dl.txt{width:100%;}
.bookingFrom dl.txt dd textarea{width:100%;height:300px;font-size:28px;border:0;}
.bookingFrom .btn{float:left;width:100%;text-align:center;display:block;padding-top:10px;}
.bookingFrom .btn input{width:370px;height:70px;text-align:center;line-height:70px;font-size:34px;color:#fff;background-color:#bf9586;border:0;border-radius:200px;margin:0 40px;} 
.bookingFrom .btn input.reset{background-color:#fc961b;}
.bookingFrom p.txt{text-align:center;line-height:37px;font-size:18px;color:#545353;padding:20px 30px 50px;}
.bookingFrom p.txt span{color:#fc961b;}
@media only screen and (max-width: 750px){
	.item{width:100%;}
	.itemTie{padding:.3rem 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;position:relative;}
	.bannerWap li,.bannerWap li img{width:7.5rem;height:5rem;}
	.bannerWap .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:20px;z-index:1;}
	.bannerWap .pagination span{width:.2rem;height:.2rem;font-size:0;background-color:#cac9cb;border-radius:50%;opacity:1;margin:0 .1rem;display:inline-block;vertical-align:top;}
	.bannerWap .pagination span.active{background-color:#b88a7a;}
	
	/*f1Box*/
	.f1Box{padding:.5rem .3rem;}
	.f1Box span{width:1.5rem;line-height:.7rem;font-size:.28rem;padding-top:.7rem;margin-bottom:.3rem;}
	.f1Box span i{width:.8rem;height:.69rem;}
	.f1Box span i.ioc1,.f1Box span i.ioc2,.f1Box span i.ioc3,.f1Box span i.ioc4,.f1Box span i.ioc5,.f1Box span i.ioc6,
	.f1Box span i.ioc7,.f1Box span i.ioc8,.f1Box span i.ioc9,.f1Box span i.ioc10,.f1Box span i.ioc11,.f1Box span i.ioc12,
	.f1Box span i.ioc13,.f1Box span i.ioc14,.f1Box span i.ioc15,.f1Box span i.ioc16{background-size:100% auto;}
	
	.f2Bg{background-size:100% auto;}
	.f2Box{margin:0 .3rem;padding-bottom: .8rem;}
	.f2Box dl{padding-top:0;}
	.f2Box dt{left:2px;bottom:2px;line-height: 0;}
	.f2Box dt,.f2Box dt img{width:3rem;height:auto;}
	.f2Box dd{padding:.3rem .1rem 0 2.7rem;}
	.f2Box dd h3{line-height:.4rem;font-size:.35rem;padding-bottom:0;margin-right:.3rem;}
	.f2Box dd h3 em{font-size:.26rem;padding-left: .1rem;}
	.f2Box dd h3 span{line-height:.3rem;font-size:.24rem;margin-bottom:0;}
	.f2Box dd h3 small{line-height:.4rem;font-size:.24rem;}
	.f2Box dd .con{height:3.3rem;padding-top:.1rem;}
	.f2Box dd .con li{line-height:.38rem;font-size:.24rem;padding-left:.1rem;-webkit-line-clamp:1;-webkit-box-orient: vertical;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;}
	.f2Box dd .con li i{width:.05rem;height:.05rem;top:.1rem;}
	.f2Box dd .con p{padding:.2rem 0 0;}
	.f2Box dd .con p span{width:1.15rem;height:.9rem;border-radius:.2rem;margin-right:.15rem;}
	.f2Box dd .con p i{width:.33rem;height:.33rem;line-height:.33rem;font-size:.15rem; }
	.f2Box dd .con p em{line-height:.25rem;font-size:.24rem;padding-top:.1rem;}
	.f2Box dd .con p small{line-height:.22rem;font-size:.18rem;}
	.f2Box .pagination{bottom:.3rem;}
	.f2Box .pagination span{width:.15rem;height:.15rem;margin:0 .1rem;}
	.f2BoxList{padding:.3rem .3rem .4rem;}
	.f2BoxList .swiper-slide{float:left;width:auto;}
	.f2BoxList dl{width:2rem;height:auto;}
	.f2BoxList dt,.f2BoxList dt img{width:2rem;height:3.05rem;}
	.f2BoxList dt span{line-height:.6rem;font-size:.32rem;bottom:.55rem;}
	.f2BoxList dd{height:.55rem;line-height:.55rem;font-size:.24rem;}
	.f2BoxList dd.fs{font-size:.24rem;}
	.f2BoxList a.prev,.f2BoxList a.next{width:.5rem;height:.5rem;margin-top:0;transform:translateY(-50%);}
	.f2BoxList a.prev{background-size:100% 100%;left:0;}
	.f2BoxList a.next{background-size:100% 100%;right:0;}
	.f2BoxList a.prev.swiper-button-disabled,.f2BoxList a.next.swiper-button-disabled{opacity:.4;}
	.f2Bg a.btn{width:3rem;height:.5rem;line-height: .5rem;font-size:.36rem;margin:.45rem auto .5rem;}
	
	.f3Box ul{padding:0 .3rem .5rem;}
	.f3Box li{background-size:100% 100%;padding:.3rem .2rem;margin-bottom:.25rem;}
	.f3Box li,.f3Box li img{width:2.95rem;height:3.44rem;}

	.f4Bg{background-size:100% 100%;}
	.f4Box ul{padding:0 .3rem .3rem;}
	.f4Box li{border:#fff solid .05rem;}
	.f4Box li,.f4Box li img{width:2.1rem;height:1.35rem;}

	.f4BoxCon{padding:0 .3rem .5rem;}
	.f4BoxCon p{width:auto;text-indent:2em;line-height:.4rem;font-size:.24rem;padding:0 0 .1rem;border:0;}
	.f4BoxCon p:nth-child(2n){border-right:0;}
	.f4BoxCon p:nth-child(1),.f4BoxCon p:nth-child(2){padding:0 0 .1rem;border-top:0;}

	.f5Box ul{padding:0 .3rem .5rem;}
	.f5Box li{margin-bottom:.05rem;}
	.f5Box li,.f5Box li img{width:1.65rem;height:auto;}

	.booking{background-color:#f5f5f5;}
	.bookingFrom h2{padding:.5rem 0 .3rem;}
	.bookingFrom h2 span{width:2.87rem;height:1.24rem;background-size:100% 100%;}
	.bookingFrom{padding:0 .3rem;}
	.bookingFrom dl{float:none;width:auto;margin-bottom:.2rem;padding-left:2.15rem;position:relative;}
	.bookingFrom dt{width:2.1rem;text-align:right;line-height:.6rem;font-size:.3rem;position:absolute;left:0;top:0;}
	.bookingFrom dd input.text,.bookingFrom dd select.text{width:100%;height:.6rem;font-size:.28rem;}
	.bookingFrom dd{padding:0 .1rem;}
	.bookingFrom dd.tel{padding-left:1.3rem;}
	.bookingFrom dd.tel select{width:1.2rem;height:.6rem;font-size:.28rem;}
	.bookingFrom dl.fr{float:none;}
	.bookingFrom dl.txt{width:auto;}
	.bookingFrom dl.txt dd textarea{width:100%;height:300px;font-size:28px;border:0;}
	.bookingFrom .btn{float:left;width:100%;text-align:center;display:block;}
	.bookingFrom .btn input{width:2.5rem;height:.8rem;line-height:.8rem;font-size:.4rem;border-radius:1rem;margin:0 .15rem;} 
	.bookingFrom .btn input.reset{background-color:#fc961b;}
	.bookingFrom p.txt{line-height:.5rem;font-size:.3rem;padding:.5rem .2rem .5rem;}
	.bookingFrom p.txt span{color:#fc961b;}
}