.m1200{position: relative;}

a:hover{color: #fff;}

.navFixed{position: fixed !important;left: 0;top: 0;width: 100%;z-index: 999;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;}

.pcno{display: none !important;}

.mno{display: block !important;}

.mflex{display: none !important;}

/* 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%;}

}

@media(max-width:1000px){

    .m1200{width: 100%;}

    .pcno{display: block !important;}

    .mno{display: none !important;}

    .mflex{display: flex !important;}

    body{padding-bottom: 1.5rem;}

    .btn_active::after{display: none;}

    /* .navFixed{left: calc((100% - 7.5rem)/2);} */

}



.header{height: 510px;background: url('../images/banner.png') no-repeat center top;}

.header .logo{position: absolute;left:20px;top:31px;cursor: pointer;width: 260px;}

.header .slogo{position: absolute;right:20px;top:31px;}

.header .header_cont{position: absolute;left: 286px;top: 98px;}

.header .btnNew_{width: 376px;height: 50px;background: url('../images/banner_btnbk.png') no-repeat;position: absolute;left:412px;top:389px;}

.header .linerBtn{width: 171px;height: 62px;background: url('../images/banner_btn.png') no-repeat;position: absolute;left:-5px;top:-6px;font-size: 18px;color: #fff;padding: 13px 11px;box-sizing: border-box;}

.header .linerBtn div{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;border-radius: 18px;}

.header .flex{height: 100%; font-size: 20px;color: #ad52b7;display: flex;justify-content: flex-start;align-items: center;padding-left: 166px;box-sizing: border-box;}



.nav{height: 60px;background: #fff;box-shadow: 0 6px 6px rgba(231, 231, 231, 0.3);position: relative;}

.nav .m1200{padding: 0 64px;height: 100%; box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;}

.nav a{font-size: 18px;color: #333;height: 100%;display: flex;justify-content: center;align-items: center;}

.nav a.active{background-image: linear-gradient(270deg, #cf4080, #684ce1);background-clip: text;-webkit-background-clip: text;color: transparent;font-weight: bold;position: relative;}

.nav a.active::after{content: ''; width: 26px;height: 4px;position: absolute;left: calc((100% - 26px)/2);bottom: 0;background: url('../images/nav_ac.png') no-repeat center top;}



.page1{height: 450px;background: url('../images/page1.png') no-repeat center top;}

.page1 .content{width: 800px;height: 280px;background: #fff;box-shadow: 0 0 16px 40px rgba(221, 240, 253, 0.3);position: absolute;left:63px;top:90px;padding: 41px 64px 0 67px;box-sizing: border-box;}

.page1 .singaporeIntro{line-height: 1;display: flex;justify-content: space-between;height: 43px;}

.page1 .singaporeIntro .tit{font-size: 20px;color: #333;font-weight: bold;}

.page1 .singaporeIntro .more{font-size: 16px; background-image: linear-gradient(270deg, #cf4080, #684ce1);background-clip: text;-webkit-background-clip: text;color: transparent;}

.page1 .border{width: 100%;height: 1px;background: #ffedf7;position: relative;}

.page1 .border::after{content: '';width: 139px;height: 2px;background: linear-gradient(270deg,#cf4080,#684ce1);position: absolute;left: 0;bottom: 0;}

.page1 .fontCont{font-size: 14px;line-height: 26px;color: #666666;padding-top: 18px;}



.titleHFolder{font-size: 40px;color: #333333;font-weight: bold;line-height: normal;display: flex;justify-content: center;align-items: center;margin: -6px 0;}

.titleHFolder span{background-image: linear-gradient(270deg, #cf4080, #684ce1);background-clip: text;-webkit-background-clip: text;color: transparent;}

.titleHFolder span.ml{margin-left: 10px;}

.titleHFolder span.mr{margin-right: 10px;}

.titleHFolder::before{content: '';width: 80px;height: 25px;background: url('../images/tit_l.png') no-repeat;position: relative;margin-right: 20px;}

.titleHFolder::after{content: '';width: 81px;height: 26px;background: url('../images/tit_r.png') no-repeat;position: relative;margin-left: 20px;}



.titleHFolder.orange{color: #fff;}

.titleHFolder.orange span{background-image: linear-gradient(270deg, #cf4080, #af449f);background-clip: text;-webkit-background-clip: text;color: transparent;}

.titleHFolder.orange::before{background: url('../images/tit_l_.png') no-repeat;}

.titleHFolder.orange::after{background: url('../images/tit_r_.png') no-repeat;}



.page2{padding: 80px 0;}

.page2 .titleHFolder{padding-bottom: 60px;}

.page2 .flex{display: flex;justify-content: space-between;}

.page2 .flex .li{width: 285px;height: 219px;border-radius: 22px;overflow: hidden;position: relative;}

.page2 .flex .bk0{background: url('../images/page2_bk1.png') no-repeat;}

.page2 .flex .bk1{background: url('../images/page2_bk2.png') no-repeat;}

.page2 .flex .bk2{background: url('../images/page2_bk3.png') no-repeat;}

.page2 .flex .bk3{background: url('../images/page2_bk4.png') no-repeat;}

.page2 .flex .bk0.active{background: url('../images/page2_bk1_ac.png') no-repeat;}

.page2 .flex .bk1.active{background: url('../images/page2_bk2_ac.png') no-repeat;}

.page2 .flex .bk2.active{background: url('../images/page2_bk3_ac.png') no-repeat;}

.page2 .flex .bk3.active{background: url('../images/page2_bk4_ac.png') no-repeat;}

.page2 .num_{display: none;}

.page2 .opsition{height: 100px;padding-left: 34px;box-sizing: border-box;position: absolute;left: 0;bottom: 0;line-height: 1;transition: 0.3s;}

.page2 .tit{font-size: 18px;color: #fff;font-weight: bold;padding: 18px 0 4px 3px;margin-left: -3px;background: url('../images/page2_icon1.png') no-repeat left bottom;}

.page2 .font{font-size: 16px;line-height: 26px;color: #fff;padding-top: 10px;display: none;}

.page2 .flex .li.active .opsition{height: 180px;}

.page2 .flex .li.active .font{display: block;}

.page2 .active .num{display: none;}

.page2 .active .num_{display: block;}



.page3{padding: 80px 0;height: 500px;background: url('../images/page3.png') no-repeat center top;}

.page3 .titleHFolder{padding-bottom: 60px;}

.page3 .content{width: 1450px;margin:0 auto 74px;}

@media (max-width:1450px) {

    .page3 .content{width: 100%;}

}

.page3 .item{width: 620px;height:290px;position: relative;}

.page3 .item.bk0{background: url('../images/page3_1.png') no-repeat;}

.page3 .item.bk1{background: url('../images/page3_2.png') no-repeat;}

.page3 .item.bk2{background: url('../images/page3_3.png') no-repeat;}

.page3 .item.bk3{background: url('../images/page3_4.png') no-repeat;}

.page3 .item.bk4{background: url('../images/page3_5.png') no-repeat;}

.page3 .item.bk5{background: url('../images/page3_6.png') no-repeat;}

.page3 .black{width: 100%;height: 112px;line-height: 1; background: rgba(0, 0, 0, 0.8);position: absolute;left: 0;bottom: 0;padding: 20px 27px;box-sizing: border-box;}

.page3 .tit{display: flex;justify-content: flex-start;align-items: center;font-size: 16px;font-weight: bold;color: #fff;}

.page3 .tit::before{content: '';display: block;width: 4px;height: 16px;background: #ce4081;border-radius: 2px;margin-right: 8px;}

.page3 .font{font-size: 14px;line-height: 22px;color: #fff;padding: 9px 0 0 12px;box-sizing: border-box;}

/* swiper */

.page3 .swiper-slide{width: 620px;height: 290px;opacity: 0.8;transform: scale(0.6); transition: transform 0.3s, opacity 0.3s, z-index 0.3s;}

.page3 .swiper-slide-active{opacity: 1;transform: scale(1);z-index: 10;}

.page3 .swiper-slide-prev,.page3 .swiper-slide-next {opacity: 0.8;}

.page3 .swiper-slide {margin-left: -50px;margin-right: -50px;}

.page3 .swiper-button{width: 62px;position: absolute;right:206px;top:355px;display: flex;justify-content: space-between;z-index: 99;}

.page3 .swiper-button div{position: initial;width: 26px;height: 26px;cursor: pointer;}

.page3 .swiper-button-nextA{background: url('../images/page3_l.png') no-repeat;}

.page3 .swiper-button-prevA{background: url('../images/page3_r.png') no-repeat;}

.page3 .swiper-button-nextA:hover{background: url('../images/page3_l_ac.png') no-repeat;}

.page3 .swiper-button-prevA:hover{background: url('../images/page3_r_ac.png') no-repeat;}

.page3 .no-transition .swiper-slide-active {transition: none;}

/* swiper end*/

.newBtn{width: 260px;height: 46px;border-radius: 23px;box-shadow: 0 6px 6px rgba(137, 72, 194, 0.12);background: linear-gradient(270deg,#cf4080,#684ce1);display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;font-weight: bold;margin: auto;}



.page4{background: #fefbff;padding: 80px 0 76px;}

.page4 .titleHFolder{padding-bottom: 60px;}

.page4 .navList{position: relative;display: flex;justify-content: flex-start;align-items:flex-end;}

.page4 .li{width: 200px;height: 40px;border-radius: 22px 22px 0 0 ;background: #f9e5ff;font-size: 16px;color: #9a46b3;display: flex;justify-content: center;align-items: center;margin-right: 2px;cursor: pointer;}

.page4 .li.active{height: 50px;background: linear-gradient(270deg,#cf4080,#684ce1);font-size: 16px;font-weight: bold;color: #fff;}

.page4 .content{margin-bottom: 30px;line-height: 1;height: 430px;}

.page4 .item{height: 430px;background: #fff;box-shadow: 0 0 16px 20px rgba(250, 227, 255, 0.3);display: none;}

.page4 .item.active{display: block;}

.page4 .flex{display: flex;justify-content: flex-start;height: 100%;}

.page4 .left{width: 537px;padding: 25px 0 0 56px;box-sizing: border-box;position: relative;background: url('../images/page4_icon3.png') no-repeat right center;}

.page4 .tit{font-size: 16px;color: #333333;font-weight: bold;display: flex;justify-content: flex-start;align-items: center;}

.page4 .left .tit::before{content: '';display: block;width: 14px;height: 16px;background: url('../images/page4_icon1.png') no-repeat;margin-right: 10px;}

.page4 .left .mapSe{width: 339px;height: 268px;background: url('../images/page4_icon2.png') no-repeat;position: absolute;left: 123px;top: 85px;}

.page4 .left .font1{font-size: 14px;font-weight: bold;background-image: linear-gradient(270deg, #cf4080, #684ce1);background-clip: text;-webkit-background-clip: text;color: transparent;position: absolute;left:250px;top: -31px;width: 100%;}

.page4 .left .font2{font-size: 14px;line-height: 20px; color: #8c48bf;position: absolute;left:116px;top: 52px;width: 100%;}

.page4 .left .font3{font-size: 14px;line-height: 20px; color: #8c48bf;position: absolute;left:20px;top: 122px;width: 100%;}

.page4 .left .font4{font-size: 14px;font-weight: bold;color: #333333;position: absolute;left:-47px;top: 283px;width: 100%;}

.page4 .right{flex: 1;padding: 25px 0 0 23px;box-sizing: border-box;}

.page4 .right .tit{margin-bottom: 19px;}

.page4 .right .tit::before{content: '';display: block;width: 16px;height: 16px;background: url('../images/page4_icon4.png') no-repeat;margin-right: 10px;}

.page4 .table{width: 625px;}

.page4 .table table {width: 100%;border-collapse: collapse;}

.page4 .table table, .page4 .table table th, .page4 .table table td {border: 1px solid #f5f5f5;box-sizing: border-box;}

.page4 .table th{background: #fcf3ff;height: 50px;font-size: 12px;font-weight: bold;color: #333333;}

.page4 .table th:nth-child(1){width: 40px;}

.page4 .table th:nth-child(2){width: 40px;}

.page4 .table th:nth-child(3){width: 160px;}

.page4 .table th:nth-child(4){width: 130px;}

.page4 .table th:nth-child(5){width: 60px;}

.page4 .table td{height: 50px;text-align: center;font-size: 12px;color: #333333;line-height: 16px;}

.page4 .table td:nth-child(6){text-align: left;padding: 0 0px 0 12px;box-sizing: border-box;}

.page4 .table td:nth-child(6) span{margin-right: 4px;}

.page4 .table .flex{display: flex;justify-content: flex-start;flex-wrap: wrap;}

.page4 .visibility{visibility: hidden;}





.page4 .item2{height: 340px;}

.page4 .item2 .left{width: 572px;height: 100%;}

.page4 .item2 .left .tit{margin-bottom: 19px;}

.page4 .item2 .left .tit::before{content: '';display: block;width: 18px;height: 16px;background: url('../images/page4_icon11.png') no-repeat;margin-right: 10px;}

.page4 .item2 .table_two{width: 470px;text-align: center;}

.page4 .item2 .table_two table{width: 100%;border: 1px solid #f5f5f5;box-sizing: border-box;}

.page4 .item2 .table_two th:nth-child(1){width: 198px;}

.page4 .item2 .table_two th:nth-child(2){width: 105px;}

.page4 .item2 .table_two th{background: #fcf3ff;height: 50px;font-size: 14px;font-weight: bold;color: #333333;}

.page4 .item2 .table_two td{height: 50px;font-size: 14px;color: #333333;}

.page4 .item2 .table_two tbody tr:nth-child(even){background: #fcf3ff;}

.page4 .item2 .table_two tbody tr:nth-child(odd){background: #fff;}

.page4 .item2 .intro{font-size: 14px;color: #333333;padding: 16px 0 0;width: 470px;text-align: center;}

.page4 .item2 .right{padding: 98px 0 0 64px;box-sizing: border-box;flex: 1;}

.page4 .item2 .timeList{width: 490px;display: flex;justify-content: space-between;position: relative;}

.page4 .item2 .timeLi{width: 100px;height: 140px;border-radius: 12px;box-shadow: 0 0 12px 12px rgba(250, 220, 255, 0.2);text-align: center;}

.page4 .item2 .timeTit{font-size: 14px;color: #333333;padding: 38px 0 47px;}

.page4 .item2 .timeCont{font-size: 14px;color: #333333;font-weight: bold;}

.page4 .item2 .timeIntro{font-size: 14px;color: #333333;text-align: center;width: 490px;padding: 40px 0 0;}

.page4 .item2 .timeImg{width: 547px;height: 22px;background: url('../images/page4_icon12.png') no-repeat;position: absolute;left:-28px;top:59px;}



.page4 .item3{height: 440px;}

.page4 .item3 .left{width: 572px;height: 100%;}

.page4 .item3 .left .tit{margin-bottom: 18px;}

.page4 .item3 .left .tit::before{content: '';display: block;width: 18px;height: 18px;background: url('../images/page4_icon13.png') no-repeat;margin-right: 10px;}

.page4 .item3 .table_three{width: 470px;}

.page4 .item3 .table_three table{width: 100%;text-align: center;border-collapse: collapse;}

.page4 .item3 .table_three th{height: 45px;background: #fcf3ff;font-size: 14px;font-weight: bold;color: #333333;}

.page4 .item3 .table_three th:nth-child(1){width: 212px;}

.page4 .item3 .table_three td{height: 45px;font-size: 14px;color: #333333;border: 1px solid #f5f5f5;box-sizing: border-box;}

.page4 .item3 .table_three td:nth-child(1){border-right: none;}

.page4 .item3 .table_three td:nth-child(2){border-right: none;border-left: none;}

.page4 .item3 .table_three td:nth-child(3){border-left: none;}

.page4 .item3 .table_three tbody tr:nth-child(even){background: #fcf3ff;}

.page4 .item3 .left .intro{font-size: 14px;color: #333;padding:16px 0 0;text-align: center;width: 470px;}

.page4 .item3 .left table, .page4 .item3 .left table th, .page4 .item3 .left table td {border: 1px solid #ffffff;box-sizing: border-box;}

.page4 .item3 .right{padding: 24px 0 0 38px;flex: 1;}

.page4 .item3 .right .tit::before{content: '';display: block;width: 18px;height: 18px;background: url('../images/page4_icon13.png') no-repeat;margin-right: 10px;}

.page4 .item3 .right .tit {margin-bottom: 18px;}

.page4 .item3 .right .table_four{width: 560px;}

.page4 .item3 .right .table_four table{width: 100%;border-collapse: collapse;text-align: center;}

.page4 .item3 .right table, .page4 .item3 .right table th, .page4 .item3 .right table td {border: 1px solid #ffffff;box-sizing: border-box;}

.page4 .item3 .right .table_four th{height: 40px;background: #fcf3ff;font-size: 14px;color: #333;font-weight: bold;}

.page4 .item3 .right .table_four td{height: 40px;background: #fcf3ff;font-size: 12px;}

.page4 .item3 .right .table_four td.bk1{background: #f7dfff;}

.page4 .item3 .right .table_four td.bk2{background: #f8f8f8;}

.page4 .item3 .right .table_four td.bk3{background: none;}

.page4 .item3 .right .intro{font-size: 14px;color: #333;padding:12px 0 0;text-align: center;width: 560px;}



.page5{background: #fff;padding: 80px 0 0px;height: 648px;box-sizing: border-box;}

.page5 .titleHFolder{padding-bottom: 58px;}

.page5 .content{padding: 0 0 0 33px;box-sizing: border-box;position: relative;line-height: 1;}

.page5 .left{width: 380px;height: 380px;position: relative;display: flex;justify-content: center;align-items: center;}

.page5 .left .fiveGre{position: absolute;left: 0;top: 0;}

.page5 .left .font{width: 99px;height: 99px;font-size: 22px;line-height: 28px;color: #fff;position: relative;z-index: 99;font-weight: bold;display: flex;justify-content: center;align-items: center;letter-spacing: 3px;padding-left: 3px;box-sizing: border-box;}

.page5 .li{position: absolute;}

.page5 .li1{left: 398px;top: -4px;}

.page5 .li2{left: 458px;top: 83px;}

.page5 .li3{left: 478px;top: 169px;}

.page5 .li4{left: 458px;top: 255px;}

.page5 .li5{left: 398px;top: 341px;}

.page5 .triangle{display: flex;justify-content: flex-start;align-items: center;}

.page5 .triangle::before{content: '';display: block;width: 8px;height: 12px;background: url('../images/page5_sjx.png') no-repeat;margin-right: 10px;}

.page5 .triangle .mintit{width: 120px;height: 30px;border-radius: 15px;background: linear-gradient(270deg,#cf4080,#684ce1);font-size: 18px;font-weight: bold;color: #fff;display: flex;justify-content: center;align-items: center;}

.page5 .cont{font-size: 14px;color: #333;padding: 12px 0 0 18px;box-sizing: border-box;}





.page6 .titleHFolder{padding-bottom: 60px;margin-top: 30px;}

/* .page6{height: 499px; background: url('../images/page6.png') no-repeat center top;padding: 148px 0 0px;box-sizing: border-box;}



.page6 .list{display: flex;justify-content: space-between;align-items: flex-end;}

.page6 .li{cursor: pointer; width: 111px;height: 54px;font-size: 14px;color: #333;background: #fff;box-shadow: 0 0 12px 12px rgba(250, 227, 255, 0.3);display: flex;justify-content: center;align-items: center;}

.page6 .li.active{height: 60px;background: linear-gradient(270deg,#cf4080,#684ce1);font-size: 14px;color: #fff;font-weight: bold;}

.page6 .cityIntro{width: 1222px;height:152px;background: url('../images/page6_bk1.png') no-repeat;margin: 11px 0 0 -9px;padding: 10px 10px ;box-sizing: border-box;}

.page6 .divPadding{padding: 0 80px 0 41px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;height: 100%;}

.page6 .icon1,.page6 .icon2{line-height: 1;font-size: 16px;color: #333;position: relative;padding-left: 29px;}

.page6 .icon1 p,.page6 .icon2 p{display: flex;justify-content: flex-start;}

.page6 .icon1{margin-bottom: 17px;}

.page6 .icon1::before{content: '';width: 22px;height: 29px;background: url('../images/page6_icon1.png') no-repeat;position: absolute;left:0;top: 0;}

.page6 .icon2::before{content: '';width: 24px;height: 27px;background: url('../images/page6_icon2.png') no-repeat;position: absolute;left:0;top: 0;}

.page6 .newBtn{margin: 0;}

.page6 .divPadding .font{flex: 1;} */



.page7{padding: 80px 0 80px;background: url('../images/page7.png') no-repeat center top;}

.page7 .titleHFolder{padding-bottom: 60px;}

.page7 .content{width: 100%;height: 360px;display: flex;justify-content: space-between;flex-wrap: wrap;background: rgba(255, 255, 255, 0.5);}

.page7 .content .li{width: 300px;height: 180px;overflow: hidden;line-height: 1;}

.page7 .content .li img,.page7 .content .li.flex_ div{transition: 0.3s;}

.page7 .content .li.flex_{display: flex;justify-content: flex-start;align-items: center;padding-left: 40px;box-sizing: border-box;}

.page7 .content .li .tit{font-size: 18px;font-weight: bold;color: #333333;}

.page7 .content .li .font{font-size: 14px;line-height: 22px;color: #666666;padding-top: 14px;}

.page7 .content .li:hover img{transform: scale(1.05);}

.page7 .content .li.flex_:hover div{transform: translateY(-10px);}

.xdf_bottomForm_new .ax_img {

    width: 278px;

    height: 150px;

    background: url(../images/bottomFormImg.png) no-repeat center top;

}

.xdf_bottomForm_title_img .xdf_bottomForm.form-wrap .form {

    padding: 0px 0 0 298px;

    display: block;

    box-sizing: border-box;

}



@media (max-width:1000px) {

    .header{height: 5rem;background: url('../images/images/banner.png') no-repeat center top;background-size: 100% auto;}

    .header .logo{width: 3.1rem;left: 0.34rem;top: 0.2rem;}

    .header .slogo{width: 2.01rem;right: 0.31rem;top: 0.22rem;}

    .header .btnNew_{width: 4.06rem;height: 0.52rem;background: url('../images/images/bannerbtnbk.png') no-repeat;background-size: 100% 100%;left:1.62rem;top:3.85rem;}

    .header .linerBtn{width: 1.95rem;height: 0.64rem;background: url('../images/images/bannerbtn.png') no-repeat;background-size: 100% 100%;left:-0.06rem;top:-0.06rem;font-size: 0.2rem;padding: 0.13rem 0.11rem;}

    .header .flex{font-size: 0.2rem;padding-left: 1.9rem;}



    .nav{height: 0.8rem;}

    .nav .m1200{padding: 0;}

    .nav a.active::after{display: none;}

    .nav a{width: 1.25rem;font-size: 0.22rem;color: #666666;}

    .nav a.active{background: linear-gradient(270deg,#cf4080,#684ce1);color: #fff;}



    .page1 {height: 5rem;background: url(../images/images/page1.png) no-repeat center top;background-size: 100% auto;}

    .page1 .content{width: 6.7rem;height: 3.4rem;left: 0.4rem;top: 0.8rem;box-shadow: 0 0 0.16rem 0.4rem rgba(221, 240, 253, 0.3);padding: 0.42rem 0.62rem 0 0.66rem;box-sizing: border-box;}

    .page1 .singaporeIntro .more{display: none;}

    .page1 .singaporeIntro{height: 0.51rem;}

    .page1 .border::after{width: 1.99rem;height: 0.02rem;}

    .page1 .singaporeIntro .tit{font-size: 0.28rem;}

    .page1 .fontCont{font-size: 0.2rem;line-height: 0.36rem;padding-top: 0.17rem;}



    .titleHFolder{color: transparent;overflow: hidden;height: 0.41rem;padding: 0;margin: 0;font-size: 0;}

    .titleHFolder::before,.titleHFolder::after,.titleHFolder span{display: none;}



    .page2{padding: 0.8rem 0 0.6rem;}

    .page2 .titleHFolder{background: url('../images/images/tit1.png') no-repeat center top;background-size:auto 100%;padding-bottom: 0;margin-bottom: 0.49rem;}

    .page2 .flex{width: 6.9rem;margin: auto;flex-wrap: wrap;}

    .page2 .opsition{width: 100%;height: 100%;padding: 0.24rem 0 0 0.33rem;box-sizing: border-box;}

    .page2 .flex .li{width: 3.35rem;height: 1.99rem;margin-bottom: 0.2rem;border-radius: 0.22rem;overflow: hidden;}

    .page2 .flex .bk0{background: url('../images/images/page2_1.png') no-repeat;background-size: 100% 100%;}

    .page2 .flex .bk1{background: url('../images/images/page2_2.png') no-repeat;background-size: 100% 100%;}

    .page2 .flex .bk2{background: url('../images/images/page2_3.png') no-repeat;background-size: 100% 100%;}

    .page2 .flex .bk3{background: url('../images/images/page2_4.png') no-repeat;background-size: 100% 100%;}

    .page2 .num{display: none;}

    .page2 .num_{display: none;}

    .page2 .font{display: block;}

    .page2 .tit{font-size: 0.22rem;padding: 0.22rem 0 0.03rem 0.04rem;margin-left: -0.04rem;background-size: 0.7rem 0.06rem;}

    .page2 .font{font-size: 0.2rem;line-height: 0.3rem;padding-top: 0.08rem;}



    .page3{padding: 0.8rem 0 0.8rem;height: auto;background: url('../images/images/page3.png') no-repeat center top;background-size:100% auto;}

    .page3 .titleHFolder{background: url('../images/images/tit2.png') no-repeat center top;background-size:auto 100%;padding-bottom: 0;margin-bottom: 0.6rem;}

    .page3 .swiper-button{display: none;}

    .page3 .tit::before{display: none;}

    .page3 .item{width: 4.19rem;height: 2.9rem;}

    .page3 .swiper-slide{width: 4.19rem;height: 2.9rem;transform: scale(0.8);margin-left: -0rem;margin-right: -0rem;}

    .page3 .swiper-slide-active{opacity: 1;transform: scale(1);z-index: 10;}

    .page3 .no-transition .swiper-slide-active {transition: none;}

    .page3 .black{height: 0.9rem;padding: 0;display: flex;justify-content: flex-start;align-items: center;}

    .page3 .maxwidth{width: 100%;}

    .page3 .tit{font-size: 0.24rem;font-weight: bold;text-align: center;display: block;}

    .page3 .font{padding: 0.12rem 0 0;font-size: 0.22rem;text-align: center;line-height:1;}

    .page3 .content{margin-bottom: 0.3rem;}

    .page3 .item.bk0{background: url('../images/images/page3_1.png') no-repeat;background-size: 100% 100%;}

    .page3 .item.bk1{background: url('../images/images/page3_2.png') no-repeat;background-size: 100% 100%;}

    .page3 .item.bk2{background: url('../images/images/page3_3.png') no-repeat;background-size: 100% 100%;}

    .page3 .item.bk3{background: url('../images/images/page3_4.png') no-repeat;background-size: 100% 100%;}

    .page3 .item.bk4{background: url('../images/images/page3_5.png') no-repeat;background-size: 100% 100%;}

    .page3 .item.bk5{background: url('../images/images/page3_6.png') no-repeat;background-size: 100% 100%;}

    .page3 .swiper-pagination{position: initial;font-size: 0;line-height: 1;margin-bottom: 0.74rem;}

    .page3 .swiper-pagination-bullet{width: 0.06rem;height: 0.06rem;background: #fff;opacity: 0.5;margin: 0 0.04rem;}

    .page3 .swiper-pagination-bullet-active{width: 0.2rem;height: 0.06rem;background: #fff;opacity: 1;border-radius: 0.03rem;}



    .newBtn{width: 4.5rem;height: 0.8rem;border-radius: 0.4rem;font-size: 0.28rem;box-shadow: 0 0.06rem 0.06rem rgba(137, 72, 194, 0.12);}



    .page4{padding: 0.8rem 0 0.8rem;height: auto;background: #fefbff;}

    .page4 .titleHFolder{background: url('../images/images/tit3.png') no-repeat center top;background-size:auto 100%;padding-bottom: 0;margin-bottom: 0.49rem;}

    .page4 .navList{width: 6.94rem;margin: auto;display: flex;justify-content: space-between;}

    .page4 .li{width: 2.3rem;height: 0.8rem;border-radius: 0.2rem 0.2rem 0 0;font-size: 0.24rem;margin-right: 0;}

    .page4 .li.active{height: 1rem;font-size: 0.24rem;}

    .page4 .content{width: 6.94rem;margin: 0 auto 0.3rem;}

    .page4 .left{width:100%;}

    .page4 .item{box-shadow: 0 0 0.16rem 0.2rem rgba(250, 227, 255, 0.3);height: 4.3rem;border-radius: 0 0 0.2rem 0.2rem;}

    .page4 .item1 .right{display: none;}

    .page4 .left{background: none;padding: 0.26rem 0 0 0.4rem;box-sizing: border-box;}

    .page4 .tit{font-size: 0.22rem;}

    .page4 .left .tit::before{width: 0.2rem;height: 0.24rem;background: url('../images/images/page4_icon1.png') no-repeat;background-size: 100% 100%;margin-right: 0.19rem;}

    .page4 .left .mapSe{width: 4.36rem;height: 2.68rem;background: url('../images/images/page4_icon2.png') no-repeat;background-size: 100% 100%;position: absolute;left:0.98rem;top:0.7rem;}



    .page4 .content{height: auto;}

    .page4 .left .font1{font-size: 0.22rem;left:3.15rem;top:-0.37rem;}

    .page4 .left .font2{font-size: 0.2rem;line-height: 0.26rem;left: 1.38rem;top: 0.38rem;}

    .page4 .left .font3{font-size: 0.2rem;line-height: 0.26rem;left: 0.45rem;top: 1.08rem;}

    .page4 .left .font4{font-size: 0.22rem;left:0.23rem;top:2.78rem;}



    .page4 .item2{height: 5.8rem;}

    .page4 .item2 .flex{display: block;}

    .page4 .item2 .left{width: 100%;height: auto;}

    .page4 .item2 .left .tit{margin-bottom: 0.21rem;}

    .page4 .item2 .left .tit::before{width: 0.23rem;height: 0.22rem;background: url('../images/images/page4_icon3.png') no-repeat;background-size: 100% 100%; margin-right: 0.16rem;}

    .page4 .item2 .table_two{width: 6.14rem;}

    .page4 .item2 .table_two th{height: 0.5rem;font-size: 0.22rem;}

    .page4 .item2 .table_two th:nth-child(1){width: 2.48rem;}

    .page4 .item2 .table_two th:nth-child(2){width: auto;}

    .page4 .item2 .table_two td{height: 0.5rem;font-size: 0.2rem;}

    .page4 .item2 .intro{font-size: 0.2rem;padding:0.22rem 0 0.38rem;width: 6.14rem;}

    .page4 .item2 .right{width: 5.1rem;padding: 0;margin: auto;}

    .page4 .item2 .timeList{width: 100%;}

    .page4 .item2 .timeLi{width: 1.2rem;height: 1.4rem;border-radius: 0.12rem;box-shadow: 0 0 0.12rem 0.12rem rgba(250, 220, 255, 0.2);}

    .page4 .item2 .timeTit{padding: 0.33rem 0 0.4rem;font-size: 0.2rem;}

    .page4 .item2 .timeCont{font-size: 0.2rem;}

    .page4 .item2 .timeImg{width: 6.17rem;height: 0.22rem;background: url('../images/images/page4_icon4.png') no-repeat;background-size: 100% 100%;left: -0.58rem;top: 0.59rem;}

    .page4 .item2 .timeIntro{width: 5.1rem;font-size: 0.2rem;padding: 0.26rem 0 0;}



    .page4 .item3{height: 8.9rem;}

    .page4 .item3 .flex{display: block;}

    .page4 .item3 .left{height: auto;}

    .page4 .item3 .left .tit::before{width: 0.23rem;height: 0.23rem;background: url('../images/images/page4_icon5.png') no-repeat;background-size: 100% 100%; margin-right: 0.16rem;}

    .page4 .item3 .left .tit{margin-bottom: 0.22rem;}

    .page4 .item3 .table_three{width: 6.14rem;}

    .page4 .item3 .table_three th{height: 0.5rem;font-size: 0.2rem;}

    .page4 .item3 .table_three th:nth-child(1){width: 2.68rem;}

    .page4 .item3 .table_three td{height: 0.4rem;font-size: 0.2rem;}

    .page4 .item3 .table_three img{width: 0.14rem;}

    .page4 .item3 .left .intro{font-size: 0.2rem;width: 6.14rem;padding: 0.2rem 0 0;}



    .page4 .item3 .right{padding: 0.26rem 0 0 0.4rem;}

    .page4 .item3 .right .tit{margin-bottom: 0.22rem;}

    .page4 .item3 .right .table_four{width:6.14rem;}

    .page4 .item3 .right .table_four th{height: 0.5rem;font-size: 0.2rem;}

    .page4 .item3 .right .table_four td{font-size: 0.18rem;height: 0.4rem;}

    .page4 .item3 .right .intro{font-size: 0.2rem;width: 6.14rem;padding: 0.2rem 0 0;}



    .page5 {padding: 0.8rem 0 0rem;background: #fefbff;overflow: hidden;height: 8.75rem;}

    .page5 .titleHFolder{background: url('../images/images/tit4.png') no-repeat center top;background-size:auto 100%;padding-bottom: 0;margin-bottom: 0.5rem;}

    .page5 .content{padding: 0;}

    .page5 .left{left:-1.36rem;top: 0.9rem;width: 3.8rem;height: 3.8rem;}

    .page5 .left img{width: 3.8rem;height: 3.8rem;}

    .page5 .left .font{font-size: 0.22rem;line-height: 0.28rem;width: 1rem;height: 1rem;letter-spacing: 0.02rem;padding-left: 0.02rem;}

    .page5 .li1{left:1.28rem;top:0px;}

    .page5 .li2{left:2.18rem;top:1.29rem;}

    .page5 .li3{left:2.68rem;top:2.58rem;}

    .page5 .li4{left:2.18rem;top:3.87rem;}

    .page5 .li5{left:1.28rem;top:5.16rem;}

    .page5 .triangle::before{width: 0.16rem;height: 0.24rem;background: url('../images/images/page5_icon1.png') no-repeat;background-size: 100% 100%;margin-right: 0.17rem;}

    .page5 .triangle .mintit{width: 1.5rem;height: 0.4rem;font-size: 0.24rem;}

    .page5 .cont{font-size: 0.2rem;line-height: 0.3rem;padding: 0.14rem 0 0 0.32rem;}





    .page6 .titleHFolder{background-size:auto 100%;padding-bottom: 0;margin-bottom: 0.39rem;font-size: 0.4rem;color: #333;}

    /* .page6 {padding: 0.8rem 0 0rem;height: 7.47rem;background: url('../images/images/page6.png') no-repeat center bottom;background-size: 100% auto;}

    .page6 .titleHFolder{background: url('../images/images/tit5.png') no-repeat center top;background-size:auto 100%;padding-bottom: 0;margin-bottom: 0.5rem;}

    .page6 .content{}

    .page6 .list{flex-wrap: wrap;width: 6.9rem;margin: auto;}

    .page6 .li{width: 1.3rem;height: 0.8rem;font-size: 0.22rem;margin-bottom: 0.1rem;box-shadow: 0 0 0.12rem 0.12rem rgba(250, 227, 255, 0.3);}

    .page6 .li.active{height: 0.8rem;font-size: 0.22rem;}

    .page6 .mm{display: none;}

    .page6 .cityIntro{width: 7.12rem;height: 3.02rem;background: url('../images/images/page6_icon3.png') no-repeat;background-size: 100% 100%;margin: 0 auto 0;padding: 0.11rem;box-sizing: border-box;}

    .page6 .divPadding{padding: 0.4rem 0.1rem 0 0.41rem;display: block;}

    .page6 .icon1, .page6 .icon2{font-size: 0.24rem;padding-left: 0.42rem;line-height: 0.28rem;}

    .page6 .icon1{margin-bottom: 0.21rem;}

    .page6 .icon2{margin-bottom: 0.4rem;}

    .page6 .icon1::before{width: 0.27rem;height: 0.27rem;background: url('../images/images/page6_icon1.png') no-repeat;background-size: 100% 100%;}

    .page6 .icon2::before{width: 0.33rem;height: 0.35rem;background: url('../images/images/page6_icon2.png') no-repeat;background-size: 100% 100%;}

    .page6 .newBtn{margin: auto;} */



    .page7{padding: 0.8rem 0 0rem;height: auto;background: url('../images/images/page7.png') no-repeat center bottom;background-size: 100% auto;}

    .page7 .titleHFolder{background-size:auto 100%;padding-bottom: 0;margin-bottom: 0.39rem;font-size: 0.4rem;color: #333;}

    .page7 .box{width: 7.4rem;height: 5.62rem;background: url('../images/images/page7_bk.png') no-repeat;background-size: 100% 100%;margin-left: 0.1rem;padding:0.97rem 0 0 0.84rem;box-sizing: border-box;}

    .page7 .div{margin-bottom: 0.24rem;line-height: 1;}

    .page7 .fontTit{font-size: 0.26rem;color: #333333;font-weight: bold;display: flex;justify-content: flex-start;align-items: center;}

    .page7 .fontTit::before{content: '';display: block;width: 0.2rem;height: 0.2rem;background: url('../images/images/page7_1.png') no-repeat;background-size: 100% 100%;margin-right: 0.16rem;}

    .page7 .fontTitCont{font-size: 0.22rem;color: #666666;padding: 0.13rem 0 0 0.36rem;}



    .fixedWindow{height: 1.6rem;width: 100%;background: #fff;padding: 0.22rem 0.2rem 0 0;box-sizing: border-box; box-shadow: 0 -0.06rem 0.12rem 0.12rem rgba(187, 193, 200, 0.2);position: fixed;left: 0;bottom: 0;z-index: 999;display: flex;justify-content: space-between;}

    .fixedWindow .telPhoneImg{width: 0.34rem;display: block;margin: auto;}

    .fixedWindow .left{padding: 0.09rem 0 0 0.07rem;width: 1.5rem;box-sizing: border-box;display: block;}

    .fixedWindow .telFont{font-size: 0.22rem;line-height: 1;padding-top: 0.13rem;text-align: center;color: #333333;}

    .fixedWindow .right{width: 5.8rem;height: 0.88rem;background: url('../images/images/tel_btn.png') no-repeat;background-size: 100% 100%;display: flex;justify-content: space-between;}

    .fixedWindow .tel{width: 50%;height: 100%;font-size: 0.3rem;color: #fff;font-weight: bold;display: flex;justify-content: center;align-items: center;}

    .fixedWindow .tel.active{background-image: linear-gradient(270deg, #cf4080, #684ce1);background-clip: text;-webkit-background-clip: text;color: transparent;}



    .topMo{width: 0.81rem;border-radius: 50%;box-shadow: 0 0 0.12rem 0.12rem rgba(187, 193, 200, 0.12);}

    .totop{bottom: 1.5rem !important;}

}









@media (max-width: 1000px){

    .page6 .content{background:#fff url('https://oy.xdf.cn/include/2026/hk_associate/1.jpg') no-repeat;background-size: 100% auto;}

    }

    

    .page7{background: linear-gradient(to bottom, #f3f9ff, #f4faff);}

    .page7 .form-wrap{width: 80%;margin: 0 auto;}

    .page7 .qt_form .label{display: block;width: 100%;margin-bottom: 15px;}

    .page7 .qt_form .label .input{width: 100%;box-sizing: border-box;}

    .page7 .qt_form .xdf_formbtn{width: 250px;height: 46px;border-radius: 6px;margin: 15px auto;background: linear-gradient(147deg,#fb9425,#ff6e1f);display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;font-weight: bold;float: none;border: none;padding: 0;}

    .page7 .qt_form .xdf_formbtn.fd{width: 250px;height: 46px;border-radius: 6px;margin: 15px auto;background: linear-gradient(147deg,#fb9425,#ff6e1f);display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;font-weight: bold;float: none;border: none;padding: 0;}

    

    .isPc .xdf_slide{width: 150px;}

    .isPc .xdf_slide .xdf_slidebg{width: 100%;height: auto;display: block;}

    .isPc .xdf_slide .xdf_slidebtn {

        bottom: -20px;

    }