/* #bodyFirst,#bodyLast{display: none;} */
/* btn */
.btnFrames{overflow: hidden;position: relative;}
.btn_active::after {content: "";display: block;width: 14%;height: 290%;background: rgba(255, 255, 255, 0.4);transform: rotate(35deg);position: absolute;left: -20%;top: -120%;animation: leftTransiform ease-in-out 0.5s forwards;-webkit-animation: leftTransiform ease-in-out 0.5s forwards;}
@keyframes leftTransiform {
    0% {left: -20%;}
    100% {left: 120%;}
}

.banner{height: 460px;background: url('../images/banner.png') no-repeat center top;}
.banner .content{width: 594px;height: 287px; position: absolute;left: 89px;top: 59px;background: url('../images/banner_text.png');}
/*  */
.paddingTitle{padding: 40px 0 50px;}
.paddingTitle .background{padding: 40px 0 0;display: flex;justify-content: center;align-items: center;}
.paddingTitle .background.title1{background: url('../images/tit1.png') no-repeat center top;}
.paddingTitle .background.title2{background: url('../images/tit2.png') no-repeat center top;}
.paddingTitle .background.title3{background: url('../images/tit3.png') no-repeat center top;}
.paddingTitle .background.title4{background: url('../images/tit4.png') no-repeat center top;}
.paddingTitle .background.title5{background: url('../images/tit5.png') no-repeat center top;}
.paddingTitle .background.title6{background: url('../images/tit6.png') no-repeat center top;}
.paddingTitle h2{font-size: 40px;font-weight: bold;color: #333333;}
.paddingTitle h2 span{background-image: linear-gradient(90deg, #ff6716, #ff982d);background-clip: text;-webkit-background-clip: text;color: transparent;}
.paddingTitle h2 span.ml{margin-left: 10px;}
.paddingTitle h2 span.mr{margin-right: 10px;}
 
/*  */
.advantage{background: #fff;padding-bottom: 80px;}
.advantage .content{display: flex;justify-content: space-between;}
.advantage .content .item{width: 580px;height: 260px;border-radius: 30px;box-shadow: 0 0 22px rgba(255, 241, 230, 0.5);transition: 0.3s;transform: translateY(0px);position: relative;padding: 38px 0 0 50px;}
.advantage .content .item1{background: url('../images/page1_item1.png') no-repeat;}
.advantage .content .item2{background: url('../images/page1_item2.png') no-repeat;}
.advantage .content .item .title{font-size: 20px;color: #333;font-weight: bold;background: url('../images/page1_icon1.png') no-repeat left bottom;padding: 0 0 3px 7px ;margin-left: -7px;}
.advantage .content .item .list{height: 137px;padding-top: 14px;font-size: 14px;color: #333;}
.advantage .content .item .list p{margin-bottom: 12px;display: flex;justify-content: flex-start;align-items: center;}
.advantage .content .item .list p::before{content: '';width: 7px;height: 7px;background: #ff8610;margin-right: 5px;border-radius: 50%;display: block;}
.advantage .content .item .button{width: 170px;height: 32px;border-radius: 16px;border: 1px solid #ffeede;background: #fffbf7;font-size: 14px;color: #ff8610;display: flex;justify-content: center;align-items: center;}
.advantage .content .item:hover{transform: translateY(-10px);}
.advantage .content .item .button:hover{border: none;color: #fefefe;background: linear-gradient(-80deg,#ff6400,#ff9000);box-shadow: 0 4px 6px rgba(255, 144, 0, 0.12);}
/*  */
.customize{background: #fff url('../images/page2.png') no-repeat center top;padding-bottom: 80px;}
.customize .content{display: flex;justify-content: space-between;margin-bottom: 30px;}
.customize .tabList{width: 180px;border-radius: 30px;background: #fff;border: 1px solid #fff;overflow: hidden;height: 324px;}
.customize .tabList .li{width: 100%;height: 46px;display: flex;justify-content: center;align-items: center;font-size: 14px;color: #ff6500;background: url('../images/page2_tab.png') no-repeat center bottom;cursor: pointer;}
.customize .tabList .li:last-child{background: none;}
.customize .tabList .li.active{font-size: 14px;color: #fff;font-weight: bold;background: linear-gradient(90deg,#ff6716,#ff982d);}
.customize .rightCont{width: 1010px;height: 350px;border-radius: 30px;background: rgba(255, 255, 255, 0.8);position: relative;border: 1px solid #fff;overflow: hidden;}
.customize .rightCont .item{display: none;box-shadow: 0 0 22px rgba(255, 233, 205, 0.3);position: relative;}
.customize .rightCont .item.active{display: block;}
.customize .item .top{width: 220px;height: 40px;border-radius: 30px 0 30px 0;background: linear-gradient(90deg,#ff6716,#ff982d);font-size: 18px;color: #ffffff;display: flex;justify-content: center;align-items: center;font-weight: bold;position: absolute;left: 1px;top: 1px;}
/* 香港 */
.customize .item.xg .minDiv{display: flex;justify-content: flex-start;}
.customize .item.xg .left{padding: 60px 0 0 60px;width: 472px;} 
.customize .item.xg .title{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 11px;position: relative;}
.customize .item.xg .text{font-size: 14px;color: #666666;}
.customize .item.xg .title.icon1::before{content: '';width: 27px;height: 33px;background: url('../images/page2_icon1.png') no-repeat;position: absolute;left: -35px;top: -3px;}
.customize .item.xg .title.icon2::before{content: '';width: 28px;height: 32px;background: url('../images/page2_icon2.png') no-repeat;position: absolute;left: -37px;top: -2px;}
.customize .item.xg .title.icon3::before{content: '';width: 27px;height: 29px;background: url('../images/page2_icon3.png') no-repeat;position: absolute;left: -35px;top: -1px;}
.customize .item.xg .people{display: flex;justify-content: flex-start;padding: 25px 0 0 0px;}
.customize .item.xg .people .example{width: 94px;position: relative;height: 136px;margin-right: 30px;}
.customize .item.xg .people .example:last-child{margin-right: 0;}
.customize .item.xg .people .example .div{width: 100%;height: 26px;border-radius: 5px;background: linear-gradient(90deg,#ff6716,#ff982d);font-size: 14px;color: #fff;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;top: 77px;}
.customize .item.xg .right{padding-top: 60px;}
.customize .item.xg .right .title{margin-bottom: 20px;}
.customize .item.xg .swiper{display: flex;justify-content: flex-start;}
.customize .item.xg .swiper .slide{width: 156px;height: 176px;border-radius: 10px;position: relative;padding: 64px 0 0 20px;}
.customize .item.xg .swiper .slide1{background: url('../images/page2_icon4.png') no-repeat;margin-right: 22px;}
.customize .item.xg .swiper .slide2{background: url('../images/page2_icon5.png') no-repeat;margin-right: 22px;}
.customize .item.xg .swiper .slide3{background: url('../images/page2_icon6.png') no-repeat;}
.customize .item.xg .swiper .slideTtitle{font-size: 14px;color: #333;font-weight: bold;margin-bottom: 9px;}
.customize .item.xg .swiper .slideText{font-size: 14px;line-height: 26px;color: #666;}
.customize .item.xg .swiper .slide_icon{width: 12px;height: 17px;background: url('../images/page2_icon7.png') no-repeat;position: absolute;right: -18px;top: 78px;}
/* 新加坡 */
.customize .xjp{width: 100%;height: 100%;background: url('../images/page2_xjp.png') no-repeat right top;}
.customize .rb{width: 100%;height: 100%;background: url('../images/page2_rb.png') no-repeat right top;}
.customize .mlxy{width: 100%;height: 100%;background: url('../images/page2_mlxy.png') no-repeat right top;}
.customize .dg{width: 100%;height: 100%;background: url('../images/page2_dg.png') no-repeat right top;}
.customize .rs{width: 100%;height: 100%;background: url('../images/page2_rs.png') no-repeat right top;}
.customize .aal{width: 100%;height: 100%;background: url('../images/page2_aal.png') no-repeat right top;}

.customize .other .newDiv{width: 52%;height: 100%;padding: 60px 0 0 60px;}
.customize .other .top{background: #ff522a;}
.customize .other .title{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 7px;position: relative;}
.customize .other .text{font-size: 14px;color: #666666;line-height: 24px;}
.customize .other .title.icon1::before{content: '';width: 27px;height: 33px;background: url('../images/page2_icon1.png') no-repeat;position: absolute;left: -35px;top: -3px;}
.customize .other .title.icon2::before{content: '';width: 28px;height: 32px;background: url('../images/page2_icon2.png') no-repeat;position: absolute;left: -36px;top: -2px;}
.customize .other .title.icon3::before{content: '';width: 27px;height: 29px;background: url('../images/page2_icon3.png') no-repeat;position: absolute;left: -35px;top: -2px;}
.customize .other .mb{margin-bottom: 17px;}
.customize .other .ml{margin-left: 16px;}
  
/*  */
.buttons{width: 260px;height: 46px;border-radius: 23px;background: linear-gradient(80deg,#ff9000,#ff6400);display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;font-weight: bold;margin: auto;box-shadow: 0 6px 6px rgba(255, 144, 0, 0.12);}
/*  */
.youngage{padding-bottom: 80px;}
.youngage .content{display: flex;justify-content: space-between;}
.youngage .content .item{width: 380px;height: 350px;border-radius: 30px;position: relative;transition: 0.3s;}
.youngage .content .item:hover{transform: translateY(-10px);}
.youngage .content .item .back{width: 100%;height: 100%;border-radius: 30px;position: relative;z-index: 9;}
.youngage .content .item::after{content: '';width: 290px;height: 93px;background: url('../images/page3_icon2.png') no-repeat;position: absolute;left: calc((100% - 290px)/2);bottom: -42px;}
.youngage .content .item1 .back{background: url('../images/page3_1.png') no-repeat;}
.youngage .content .item2 .back{background: url('../images/page3_2.png') no-repeat;}
.youngage .content .item3 .back{background: url('../images/page3_3.png') no-repeat;}
.youngage .content .item1:hover  .back{background: url('../images/page3_11.png') no-repeat;}
.youngage .content .item2:hover  .back{background: url('../images/page3_21.png') no-repeat;}
.youngage .content .item3:hover  .back{background: url('../images/page3_31.png') no-repeat;}
.youngage .title{font-size: 20px;font-weight: bold;color: #613816;padding: 38px 0 54px;text-align: center;}
.youngage .text{font-size: 14px;line-height: 26px;color: #333333;padding:0 20px 0 71px;position: relative;}
.youngage .text::before{content: '';width: 16px;height: 15px;background: url('../images/page3_icon1.png') no-repeat;position: absolute;left:45px;top: 5px;}
.youngage .button{width: 220px;height: 32px;border: 1px solid #ffeede;border-radius: 16px;background: #fffbf7;font-size: 14px;color: #ff8610;display: flex;justify-content: center;align-items: center;position: absolute;bottom: 44px;left: calc((100% - 220px)/2);}
.youngage .button:hover{border: none;background: linear-gradient(80deg,#ff9000,#ff6400);font-size: 14px;color: #fefefe;box-shadow: 0 4px 6px rgba(255, 144, 0, 0.12);}
/*  */
.thought{background: #fff6ed url('../images/page4.png') no-repeat center top;padding-bottom: 80px;}
.thought .content{padding-top: 10px;}
.thought .relative{position: relative;height: 345px;}
.thought .slide{box-shadow: 0 0 12px rgba(255, 233, 212, 0.3);border-radius: 20px;width: 350px;height: 80px;transition: 0.3s;}
.thought .slide:hover{transform: translateY(-10px);}
.thought .slide1{position: absolute;left: 90px;top: 0;background: url('../images/page4_1.png') no-repeat;}
.thought .slide2{position: absolute;left: 50px;top: 110px;background: url('../images/page4_2.png') no-repeat;}
.thought .slide3{position: absolute;left: 90px;top: 220px;background: url('../images/page4_3.png') no-repeat;}
.thought .slide4{position: absolute;right: 90px;top: 0;background: url('../images/page4_4.png') no-repeat;}
.thought .slide5{position: absolute;right: 50px;top: 110px;background: url('../images/page4_5.png') no-repeat;}
.thought .slide6{position: absolute;right: 90px;top: 220px;background: url('../images/page4_6.png') no-repeat;}
.thought .title{width: 170px;height: 33px;background: #ff522a;border-radius: 20px 3px 20px 3px;font-size: 18px;color: #fff;font-weight: bold;display: flex;justify-content: center;align-items: center;position: absolute;left: 2px;top: 2px;}
.thought .text{font-size: 14px;line-height: 26px;color: #666666;padding: 40px 0 0 33px;}

/*  */
.accompany{background: url('../images/page5.png') no-repeat center top;padding-bottom: 80px;}
.accompany .content{display: flex;justify-content: space-between;}
.accompany .slide{width: 180px;height: 340px;border-radius: 20px;position: relative;overflow: hidden;cursor: pointer;}
.accompany .slide.slide1{background: url('../images/page5_bk11.png') no-repeat left top;}
.accompany .slide.slide2{background: url('../images/page5_bk21.png') no-repeat left top;}
.accompany .slide.slide3{background: url('../images/page5_bk31.png') no-repeat left top;}
.accompany .slide.slide4{background: url('../images/page5_bk41.png') no-repeat left top;}
 
.accompany .slide .show{position: absolute;left: 0;bottom: 0;}
.accompany .slide .show1{height: 100px;width: 180px;}
.accompany .slide .show2{display: none;height: 174px;width: 600px;}

.accompany .slide .icon{display:block;margin: auto;height: 38px;width: 100%;}
.accompany .slide .icon1{background: url('../images/page5_icon1.png') no-repeat center top;}
.accompany .slide .icon2{background: url('../images/page5_icon2.png') no-repeat center top;}
.accompany .slide .icon3{background: url('../images/page5_icon3.png') no-repeat center top;}
.accompany .slide .icon4{background: url('../images/page5_icon4.png') no-repeat center top;}
.accompany .slide .title{font-size: 20px;color: #fff;font-weight: bold;text-align: center;}
.accompany .slide .title p{padding: 0 0 3px 3px;margin-left: -3px;background: url('../images/page5_icon0.png') no-repeat left bottom;display: inline-block;}

.accompany .slide.slide1.active{background: url('../images/page5_bk1.png') no-repeat left top;}
.accompany .slide.slide2.active{background: url('../images/page5_bk2.png') no-repeat left top;}
.accompany .slide.slide3.active{background: url('../images/page5_bk3.png') no-repeat left top;}
.accompany .slide.slide4.active{background: url('../images/page5_bk4.png') no-repeat left top;}
.accompany .slide.active{width: 600px;}
.accompany .slide.active .show1{display: none;}
.accompany .slide.active .show2{display: block;padding-left: 30px;}

.accompany .flex{}
.accompany .flex .images{height: 40px;width: 100px;}
.accompany .flex .img1{background: url('../images/page5_icon1.png') no-repeat;}
.accompany .flex .img2{background: url('../images/page5_icon2.png') no-repeat;}
.accompany .flex .img3{background: url('../images/page5_icon3.png') no-repeat;}
.accompany .flex .img4{background: url('../images/page5_icon4.png') no-repeat;}
.accompany .flex .titleRight{font-size: 20px;color: #fff;font-weight: bold;padding: 0 0 2px 5px ;margin-left: -5px; background: url('../images/page5_icon0.png') no-repeat left bottom;}

.accompany .padding{padding-top: 12px;padding-right: 60px;}
.accompany .padding .li{font-size: 14px;color: #fff;line-height: 24px;}