@charset "utf-8";
.organization{height: 591px;background:url(https://www.szkouqiang.hk/style/images/home/f6Bg.jpg) no-repeat center top;}
.organization h2{padding: 35px 0 54px;}
.organization h2 img{width: 737px; height:127px; margin: 0 auto; display: block;}
.organization .imgBox{background-color: #fff; border: 3px solid #259a9a; border-radius: 18px; overflow: hidden;}
.organization .imgBox img{width: 1194px; height: 305px; display: block;}

.booking-box{padding:48px 0 55px;}
.booking-box h2{padding-bottom: 80px;}
.booking-box h2 img{width: 706px; height: 89px; margin: 0 auto; display: block;}
.bookingform{overflow: hidden;}
.bookingform li{float: left; width: 1200px; min-height: 70px; margin-bottom: 40px;}
.bookingform li .tit{float: left;width: 150px; color: #333; font-size: 28px; line-height: 70px;}
.bookingform li .tit b{padding-left: 60px;}
.bookingform li.remask .tit{line-height: 34px;}
.bookingform li.remask .tit span{display: block; padding-top: 5px;}
.bookingform li .txt,.bookingform li select{float: left; width: 1050px; height: 70px; padding: 0 20px; background-color: #e6e6e6; color: #333; font-size: 28px; line-height: 70px; border:none;box-sizing: border-box;}
.bookingform li .submit{width: 100%; height: 80px; display: block; background-color: #fc6e42; border: none; color: #fff; font-size: 50px; line-height: 80px; text-align: center;text-shadow:1px 1px 0 rgba(0, 0, 0, 1),-1px -1px 0 rgba(0, 0, 0, 1),1px -1px 0 rgba(0, 0, 0, 1),-1px 1px 0 rgba(0, 0, 0, 1);}
.bookingform li .submit:hover{opacity: .8;}

.projectAll{height: 134px; padding: 42px 0 37px; background-color: #f1fcff;}
.projectAll a{float: left; position: relative; width: 110px; height: 134px; margin-right:11px; display: block; background-color: #32aeaf; border-radius: 8px;}
.projectAll .a8{margin-right: 0;}
.projectAll .a2{/*! width:132px; */}
.projectAll a i{position: absolute; top:12px; left: 50%; margin-left: -22px; width: 44px; height: 81px; background:url(/style/images/home/project_icon.png?v=3) no-repeat;}
.projectAll .a2 i{top:14px;margin-left: -26px; width: 53px; height: 64px;background-position:-60px 0;}
.projectAll .a3 i{top:20px;margin-left: -41px; width: 82px; height: 44px;background-position:-130px 0;}
.projectAll .a4 i{top:12px;margin-left: -31px; width: 63px; height: 68px;background-position:-240px 0;}
.projectAll .a5 i{top:10px;margin-left: -28px; width: 57px; height: 74px;background-position:-320px 0;}
.projectAll .a6 i{top:8px;margin-left: -30px; width: 60px; height: 76px;background-position:-400px 0;}
.projectAll .a7 i{top:12px;margin-left: -35px; width: 70px; height: 67px;background-position:-480px 0;}
.projectAll .a8 i{top:14px;margin-left: -33px; width: 66px; height: 62px;background-position:-580px 0;}
.projectAll .a9 i{top:14px;margin-left: -37px; width: 74px; height: 75px;background-position:-670px 0;}
.projectAll .a10 i{top:11px;margin-left: -24px; width:48px; height:77px;background-position:-752px 0;}
.projectAll a span{height: 58px; padding-top: 76px; display: block; color: #fff; font-size: 24px; line-height: 58px; text-align: center;}
.projectAll a:hover{opacity: .8;}

@media only screen and (max-width:750px){
	.organization{height: auto;background-size:100% 100%;padding-bottom: .5rem;}
    .organization h2{padding: .5rem 0 .3rem;}
    .organization h2 img{width: 3.73rem; height:auto;  }
    .organization .imgBox{border: 1px solid #259a9a; border-radius: .15rem; margin: 0 .6rem;}
    .organization .imgBox img{width: 6.3rem; height: auto;}

	.booking-box{padding:.36rem 0 .4rem;}
    .booking-box h2{padding-bottom: .4rem;}
    .booking-box h2 img{width: 4.26rem; height: auto;  }
    .bookingform{padding: 0 .3rem;}
    .bookingform li{ width: auto; min-height: .6rem;background-color:#e6e6e6;margin-bottom: .2rem;padding-left:.2rem;}
    .bookingform li .tit{width: 1.25rem;height: .6rem;font-size: .25rem; line-height: .6rem;margin-right: -.1rem;}
    .bookingform li .tit b{padding-left: 0;}
    .bookingform li.remask .tit{line-height:.34rem;font-size:.2rem;padding:.1rem 0;}
    .bookingform li.remask .tit span{font-size:.25rem;padding-top: 0;}
    .bookingform li .txt,.bookingform li select{ width: 5.45rem; height: .6rem; padding: 0 .1rem;   font-size: .25rem; line-height: .6rem; }
    .bookingform li:nth-child(1){width:3.2rem !important;}
    .bookingform li:nth-child(1) .tit{width:.8rem;}
    .bookingform li:nth-child(1) input{width:2.4rem !important;}
    .bookingform li:nth-child(2){width:3.15rem !important;}
    .bookingform li:nth-child(2) input{width:1.9rem !important;}
    .bookingform li:nth-child(4) .tit{width:2.05rem !important;}
    .bookingform li:nth-child(4) input{width:4.65rem !important;}
    .bookingform li:last-child{background-color:transparent;width: 100%;padding-left: 0;}
    .bookingform li .submit{width: 100%; height: .65rem;     font-size: .37rem; line-height: .65rem; }
    .bookingform li .submit:hover{opacity: .8;}

    .projectAll{height:auto;padding:.4rem .5rem .2rem;background-color:#f1fcff;display:block;}
	.projectAll .item{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
	.projectAll a{width:1.45rem; height:1.5rem;margin-right:.21rem;border-radius:.1rem;margin-bottom:.2rem;}
	.projectAll .a8{margin-right: 0;}
	.projectAll a i{width:.71rem;height:.71rem;top:.1rem;left:50%;margin-left:0;transform:translateX(-50%);background:url(/style/images/home/wap/project_icon.png?v=3) no-repeat;background-size:7.5rem .7rem;}
	.projectAll .a2 i{width:.71rem;height:.71rem;top:.1rem;margin-left:0;background-position:-.75rem 0;}
	.projectAll .a3 i{width:.71rem;height:.71rem;top:.1rem;margin-left:0;background-position:-1.5rem 0;}
	.projectAll .a4 i{width:.71rem;height:.71rem;top:.1rem;margin-left:0;background-position:-2.2rem 0;}
	.projectAll .a5 i{width:.71rem;height:.71rem;top:.1rem;margin-left:0;background-position:-3rem 0;}
	.projectAll .a6 i{width:.71rem;height:.71rem;top:.1rem;margin-left:0;background-position:-3.75rem 0;}
	.projectAll .a7 i{width:.71rem;height:.71rem;top:.1rem;margin-left:0;background-position:-4.5rem 0;}
	.projectAll .a8 i{width:.71rem;height:.71rem;top:.1rem;margin-left:0;background-position:-5.2rem 0;}
	.projectAll .a9 i{width:.81rem;height:.71rem;top:.1rem;margin-left:0;background-position:-6.02rem 0;}
    .projectAll .a10 i{width:.52rem;height:.7rem;top:.1rem;margin-left:0;background-position:-6.96rem 0;}
	.projectAll a span{height: .58rem; padding-top: .76rem;   font-size: .28rem; line-height: .58rem; }
    .projectAll a:nth-child(4n){margin-right:0;}
	.projectAll a:hover{opacity: .8;}
}