<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.m1200{position: relative;width: 1200px;margin: auto;}
a:hover{color: #fff;}
.navFixed{position: fixed;left: 0;top: 0;width: 100%;z-index: 99;}
.pcno{display: none !important;}
.mno{display: block !important;}
.mflex{display: none !important;}
/* xyz搴曢儴鐗堟潈css淇敼*/
.footget{background: #333 !important;color: #fff !important;padding: 10px 0 10px !important;}
.footget a{color: #fff !important;}
.footget a img{width: 135px !important;height: 42px !important;}

@media(max-width:1000px){
    .m1200{width: 100%;}
    .pcno{display: block !important;}
    .mno{display: none !important;}
    .mflex{display: flex !important;}
    body{padding-bottom: 1rem;}
    .navFixed{left: calc((100% - 7.5rem)/2);}
}
 

.banner{height:500px;background: url('../images/banner.jpg') no-repeat center top;overflow: hidden;}
.banner .hongkong{width: 195px;height: 77px;background: url('../images/banner_1.png') no-repeat;position: absolute;left:391px;top:138px;}
.banner .text{width: 932px;height: 322px;background: url('../images/banner_0.png') no-repeat;position: absolute;left: 127px;top: 33px;}
.banner .text2{width: 1155px;height: 41px;background: url('../images/banner_2.png') no-repeat;position: absolute;left: 20px;top: 309px;}
.banner .logo{width: 286px;height: 44px;background: url('../images/logo.png') no-repeat;position: absolute;left:20px;top:22px;}
.banner .slogo{width: 200px;height: 46px;background: url('../images/slogo.png') no-repeat;position: absolute;right:20px;top:21px;}
.banner .flexBox{display: flex;justify-content: space-between;padding: 396px 310px 0;box-sizing: border-box;box-sizing: border-box;}
.banner .btn{width: 230px;height: 46px;border-radius: 6px;background: linear-gradient(90deg,#fb9425,#ff6e1f);display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;font-weight: bold;}

.home_tit{text-align: center;line-height: 1;padding: 80px 0 60px;}
.home_tit .mainTitle{font-size: 38px;color: #333333;font-weight: bold;display: flex;justify-content: center;align-items: center;}
.home_tit .mainTitle::before{content: '';width: 140px;height: 20px;background: url('../images/tit_l.png') no-repeat;margin-right: 20px;display: block;}
.home_tit .mainTitle::after{content: '';width: 140px;height: 20px;background: url('../images/tit_r.png') no-repeat;margin-left: 20px;display: block;}
.home_tit .mainTitle span{margin-left: 10px; background-image: linear-gradient(164deg, #44b6ff,#4298fa);background-clip: text;-webkit-background-clip: text;color: transparent;}
.home_tit .mainTitle span.orange{background-image: linear-gradient(164deg, #fb9425,#ff6e1f);}

.page1{background: url('../images/page1.jpg') no-repeat center top;padding-bottom: 50px;}
.page1 .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.page1 .li{width: 380px;height: 120px;border-radius: 11px;box-shadow: 0 0 40px rgba(228, 240, 249, 0.22);margin-bottom: 30px;display: flex;justify-content: flex-start;align-items: center;padding: 0 26px 0 125px;box-sizing: border-box;}
.page1 .icon1{background:#fff url('../images/page1_1.png') no-repeat left 20px top 28px;}
.page1 .icon2{background:#fff url('../images/page1_2.png') no-repeat left 20px top 28px;}
.page1 .icon3{background:#fff url('../images/page1_3.png') no-repeat left 20px top 28px;}
.page1 .icon4{background:#fff url('../images/page1_4.png') no-repeat left 20px top 28px;}
.page1 .icon5{background:#fff url('../images/page1_5.png') no-repeat left 20px top 28px;}
.page1 .icon6{background:#fff url('../images/page1_6.png') no-repeat left 20px top 28px;}
.page1 .tit{font-size: 18px;color: #333333;font-weight: bold;line-height: 1;margin-bottom: 10px;}
.page1 .cont{font-size: 14px;color: #666666;line-height: 24px;}

.page1 .li{transition: 0.5s;}
.page1 .li:hover{transform: translateY(-10px);}

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

.page2{background: url('../images/page2.jpg') no-repeat center top;padding-bottom: 80px;}
.page2 .home_tit{padding-bottom: 0px;}
.page2 .fu_tit {width: 1194px;height: 174px; background:url('../images/page2_titbk.png') no-repeat;margin:0 auto 13px;text-align: center;padding-top: 34px;box-sizing: border-box;}
.page2 .fu_tit h3{text-align: center;font-size: 18px;color: #333333;font-weight: bold;line-height: 1;position: relative;display: inline-block;}
.page2 .fu_tit h3::before{content: '';display: block;width: 24px;height: 20px;background: url('../images/page2_tit1.png') no-repeat;position: absolute;left:-17px;top:-6px ;}
.page2 .fu_tit h3::after{content: '';display: block;width: 74px;height: 16px;background: url('../images/page2_tit2.png') no-repeat;position: absolute;right:-7px;bottom:-7px ;}
.page2 .fu_cont{color: #333333;line-height: 30px;padding: 10px 64px 0;box-sizing: border-box;text-align: left;}
.page2 .list{display: flex;justify-content: space-between;padding: 0 20px 34px;box-sizing: border-box;}
.page2 .left{width: 280px;}
.page2 .li{cursor: pointer; width: 100%;height: 50px;line-height: 1; display: flex;justify-content: flex-start;align-items: center;border-radius: 6px;padding-left: 63px;box-sizing: border-box;}
.page2 .li span{margin-left: 20px;font-size: 16px;color: #333333;}
.page2 .dianzan{width: 18px;height: 18px;background: url('../images/page2_nav41.png') no-repeat;margin:0 0 2px 12px;}

.page2 .li.active span{font-weight: bold;color: #fff;}
.page2 .li.active{background: linear-gradient(270deg,#5cb8ff,#28c5ff);}
.page2 .icon1{width: 22px;height: 17px;background: url('../images/page2_nav1.png') no-repeat center top;}
.page2 .icon2{width: 22px;height: 20px;background: url('../images/page2_nav2.png') no-repeat center top;}
.page2 .icon3{width: 22px;height: 20px;background: url('../images/page2_nav3.png') no-repeat center top;}
.page2 .icon4{width: 22px;height: 18px;background: url('../images/page2_nav4.png') no-repeat center top;}
.page2 .li.active .icon1{background: url('../images/page2_nav01.png') no-repeat center top;}
.page2 .li.active .icon2{background: url('../images/page2_nav02.png') no-repeat center top;}
.page2 .li.active .icon3{background: url('../images/page2_nav03.png') no-repeat center top;}
.page2 .li.active .icon4{background: url('../images/page2_nav04.png') no-repeat center top;}
.page2 .right{width: 840px;height: 320px;background: #fff;border-radius: 12px;box-shadow: 0 0 40px rgba(214, 234, 244, 0.3);}
.page2 .box{width: 100%;height: 100%;display: none;position: relative;padding: 30px 0 0 45px;box-sizing: border-box;overflow: hidden;}
.page2 .box.active{display: block;}

.page2 .box1{background: url('../images/page2_img1.jpg') no-repeat right top;}
.page2 .box2{background: url('../images/page2_img2.jpg') no-repeat right top;}

.page2 .box .rTit{line-height: 1; padding: 0px 0 18px 33px;font-size: 18px;font-weight: bold;color: #333333;}
.page2 .box1 .rTit{background: url('../images/page2_r1.png') no-repeat;}
.page2 .box2 .rTit{background: url('../images/page2_r2.png') no-repeat;}
.page2 .box3 .rTit{background: url('../images/page2_r3.png') no-repeat;}
.page2 .box4 .rTit{background: url('../images/page2_r4.png') no-repeat;}


.page2 .cont{line-height: 1;margin-bottom: 14px; font-size: 14px;color: #666666;background: url('../images/page2_gre.png') no-repeat left center;margin-left: 33px;padding-left: 20px;box-sizing: border-box;}
.page2 .boxBtn{margin: 15px 0 0 33px; width: 120px;height: 32px;background:#f6fbff;border: 1px solid #bfe5ff;box-sizing: border-box;border-radius: 4px;font-size: 14px;color: #55baff;display: flex;justify-content: center;align-items: center;}
.page2 .box2 .boxBtn{margin-top: 70px;}
.page2 .time{background: url('../images/page2_img3.png') no-repeat;width: 700px;margin: auto;position: relative;height: 58px;position: absolute;left: 58px;top: 84px;}
.page2 .font{font-size: 14px;line-height: 22px;color: #333333;text-align: center;position: absolute;top: 72px;}
.page2 .font1{left: -16px;width: 60px;}
.page2 .font2{left: 90px;width: 70px;}
.page2 .font3{left: 209px;width: 56px;}
.page2 .font4{left: 320px;width: 56px;}
.page2 .font5{left: 431px;width: 60px;}
.page2 .font6{left: 543px;width: 62px;}
.page2 .font7{left: 635px;width: 98px;}

.page2 .contentSi{position: absolute;left: 50px;top: 76px;width:740px;display: flex;justify-content: space-between;}
.page2 .pos{border-radius: 12px;border: 1px solid #e6f7ff;box-sizing: border-box;background: #f5fcff;position: relative;padding-left: 17px;box-sizing: border-box;}
.page2 .pos::after{content: '';display: block;width: 19px;height: 22px;background: url('../images/page2_icon2.png') no-repeat;position: absolute;right: -33px;top: 59px;}
.page2 .s1{width: 180px;height: 200px;}
.page2 .s2{width: 150px;height: 200px;}
.page2 .s3{width: 170px;height: 200px;}
.page2 .s4{width: 100px;height: 140px;}
.page2 .s4::after{display: none;}
.page2 .rtl{background: #e4faff;height: 22px;padding:0 12px;line-height: 22px; font-size: 12px;color: #55baff;border-radius:0 8px 0 8px; position: absolute;right: 0;top: 0;display: inline-block;}
.page2 .h4{font-size: 16px;line-height: 25px;color: #333333;font-weight: bold;padding: 42px 0 24px;}
.page2 .minFont{font-size: 12px;height: 22px;color: #333333;background: url('../images/page2_icon1.png') no-repeat left top 5px;margin-bottom: 0px;padding-left: 22px;box-sizing: border-box;}
.page2 .box4 .boxBtn{position: absolute;right: 0;top: 168px;width: 100px;}

.page2 .active .icon{animation-name: tada;}
.page2 .active .dianzan{animation-name: shake;}
.page2 .boxBtn:hover{background: #55baff;color: #fff;}


.page3{}
.page3 .list{display: flex;justify-content: space-between;padding-top: 12px;}
.page3 .li{font-size: 16px;line-height: 24px;color: #333333;text-align: center;position: relative;height: 72px;cursor: pointer;}
.page3 .li::after{content: '';display: none;width: 100%;height: 60px;position: absolute;left: 0;bottom: 0;background: url('../images/page3_navac.png') no-repeat center bottom;}
.page3 .li.active{font-weight: bold;background-image: linear-gradient(270deg, #5cb8ff,#28c5ff);background-clip: text;-webkit-background-clip: text;color: transparent;}
.page3 .li.active::after{display: block;}
.page3 .content{background:url('../images/page3.jpg') no-repeat center bottom;height: 500px;display: flex;justify-content: space-between;align-items: center;}
.page3 .box{width: 1200px;margin: auto; height: 380px;border-radius: 12px;background: #fff url('../images/page3_bk.jpg') no-repeat right top;overflow: hidden; display: flex;justify-content: space-between;position: relative;}
.page3 .slide{display: none;justify-content: space-between;width: 100%;}
.page3 .slide.active{display: flex;}
.page3 .left{width: 740px;padding: 38px 46px 0 34px;box-sizing: border-box;position: relative;height: 100%;}
.page3 .right{flex: 1;height: 100%;position: relative;}
.page3 .tit{line-height: 1;font-size: 16px;margin-bottom: 6px; font-weight: bold;color: #333333;background: url('../images/page3_icon1.png') no-repeat left center;padding-left: 23px;box-sizing: border-box;}
.page3 .cont{font-size: 14px;color: #666666;line-height: 26px;padding-left: 24px;box-sizing: border-box;width: 100%;margin-bottom: 12px;}
.page3 .classList{display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 6px 0 7px 24px;box-sizing: border-box;}
.page3 .sMaj{font-size: 14px;color: #666666;border-radius: 13px;background: #f6f6f6;height: 26px; border:1px solid #e4e4e4;box-sizing: border-box;padding: 0 24px;margin-right: 10px;margin-bottom: 5px;}
.page3 .sMaj:last-child{margin-right: 0px;}
.page3 .rightSchool{width: 100%;height: 50px;background: rgba(5, 90, 147, 0.8);font-weight: bold; color: #ffffff;font-size: 16px;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;bottom: 0;}
.page3 .btnMAx{width: 230px;position: absolute;left:calc((100% - 230px)/2);bottom: 36px;}

.page4{background: url('../images/page4.jpg') no-repeat center top;padding-bottom: 80px;}
.page4 .content{width: 428px;height: 416px;background: url('../images/page4_bk.png') no-repeat;margin: 0 auto 16px;position: relative;}
.page4 .li{width: 284px;padding: 16px 0 0 15px;box-sizing: border-box;position: absolute;}
.page4 .li1{background: url('../images/page4_1.png') no-repeat;left:-276px;top:45px;}
.page4 .li2{background: url('../images/page4_2.png') no-repeat;left:-376px;top:170px;}
.page4 .li3{background: url('../images/page4_3.png') no-repeat;left:-276px;top:295px;}
.page4 .li4{background: url('../images/page4_4.png') no-repeat;left:423px;top:45px;}
.page4 .li5{background: url('../images/page4_5.png') no-repeat;left:523px;top:170px;}
.page4 .li6{background: url('../images/page4_6.png') no-repeat;left:423px;top:295px;}

.page4 .tit{font-size: 18px;font-weight: bold;color: #333333;line-height: 1;padding: 0 0 10px 28px;box-sizing: border-box;}
.page4 .cont{font-size: 14px;color: #666666;line-height: 24px;}
.page4 .aj{font-size: 12px;color: #666666;line-height: 1;display: flex;justify-content: center;align-items: center;padding-bottom: 14px;}
.page4 .aj::after{content: '';display: block;width: 29px;height: 1px;background: url('../images/page4_r.png') no-repeat;}
.page4 .aj::before{content: '';display: block;width: 29px;height: 1px;background: url('../images/page4_l.png') no-repeat;}
.page4 .aj span{padding: 0 10px;}
.page4 .li{transition: 0.5s;}
.page4 .li:hover{transform: translateY(-10px);}

.page5{background: url('../images/page5.jpg') no-repeat center top;padding-bottom: 80px;}
.page5 .content{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 20px 0 0;margin-bottom: -5px;}
.page5 .li{width: 580px;height: 90px;background: #ffffff;border-radius: 0 12px 12px 12px;margin-bottom: 50px;position: relative;box-shadow:  0 0 30px rgba(219, 228, 240, 0.3);}
.page5 .li1{background:#fff url('../images/page5_01.png') no-repeat right 26px top 14px;}
.page5 .li2{background:#fff url('../images/page5_02.png') no-repeat right 26px top 14px;}
.page5 .li3{background:#fff url('../images/page5_03.png') no-repeat right 26px top 14px;}
.page5 .li4{background:#fff url('../images/page5_04.png') no-repeat right 26px top 14px;}
.page5 .li5{background:#fff url('../images/page5_05.png') no-repeat right 26px top 14px;}
.page5 .li6{background:#fff url('../images/page5_06.png') no-repeat right 26px top 14px;}

.page5 .wen{width: 500px;height: 50px;border-radius: 12px 40px 0 0;background: linear-gradient(270deg,#5cb8ff,#28c5ff);box-shadow: 12px 12px 12px rgba(192, 230, 255, 0.4);display: flex;align-items: center;margin:-20px 0 15px 0;}
.page5 .font{height: 26px;background: url('../images/page5_1.png') no-repeat;margin-left: 20px;padding-left: 38px;box-sizing: border-box;font-size: 18px;font-weight: bold;color: #fff;}
.page5 .fontCont{background: url('../images/page5_2.png') no-repeat;margin-left: 20px;padding-left: 38px;line-height: 26px; box-sizing: border-box;font-size: 14px;color: #666666;}
.page5 .li{transition: 0.5s;}
.page5 .li:hover{transform: translateY(-10px);}

.page6 {background: url('../images/page6.jpg') no-repeat center top;padding-bottom: 80px;}
.page6 .mainTitle span.orange{margin: 0 10px 0 0;}
.page6 .content{width: 100%;height: 284px;background: url('../images/page6_bk.png') no-repeat;box-shadow: 0 0 22px rgba(235, 239, 241, 0.4);display: flex;justify-content: space-between;position: relative;}
.page6 .li{width: calc(100%/5);position: relative;line-height: 1;padding-top: 43px; text-align: center;background: url('../images/page6_xian.png') no-repeat right top 50px;}
.page6 .li.bknone{background: none;}
.page6 .font{font-size: 32px;background-image: linear-gradient(270deg, #5cb8ff,#28c5ff);background-clip: text;-webkit-background-clip: text;color: transparent;padding-bottom: 14px;display: flex;justify-content: center;align-items: flex-end;}
.page6 .font span.min{font-size: 16px;}
.page6 .font span.taranY{text-align: left;transform: translateY(1px);background-image: linear-gradient(270deg, #5cb8ff,#28c5ff);background-clip: text;-webkit-background-clip: text;color: transparent;}

.page6 .cont{color: #333333;font-size: 14px;}
.page6 .stop{width: 82px;height: 31px;background:url('../images/page6_top.png') no-repeat;position: absolute;right: 14px;top: 28px;}
.page6 .aj{position: absolute;right: 40px;top: 125px;font-size: 12px;color: #999999;line-height: 1;}

.page6 .list{display: flex;justify-content: space-between;margin-top: -110px;}
.page6 .pos{width: 280px;height: 220px;overflow: hidden;border-radius: 20px;position: relative;}
.page6 .icon1{background: url('../images/page6_1.png') no-repeat;}
.page6 .icon2{background: url('../images/page6_2.png') no-repeat;}
.page6 .icon3{background: url('../images/page6_3.png') no-repeat;}
.page6 .icon4{background: url('../images/page6_4.png') no-repeat;}
.page6 .bottom{height: 80px;width: 100%;position: absolute;left: 0;bottom: 0;padding-left: 30px;transition: 0.6s;}
.page6 .i{width: 26px;height: 23px;margin-bottom: 15px;}
.page6 .i1{background: url('../images/page6_icon1.png') no-repeat;}
.page6 .i2{background: url('../images/page6_icon2.png') no-repeat;}
.page6 .i3{background: url('../images/page6_icon3.png') no-repeat;}
.page6 .i4{background: url('../images/page6_icon4.png') no-repeat;}

.page6 .fontBold{font-size: 20px;font-weight: bold;color: #fff;line-height: 1;padding-bottom:2px;background: url('../images/page6_titbk.png') no-repeat left bottom;}
.page6 .blue{width: 14px;height: 4px;background: url('../images/page6_blue.png') no-repeat;margin:6px 0;display: none;}
.page6 .fontBt{font-size: 14px;color: #fff;line-height: 22px;display: none;}

.page6 .pos.active .fontBold{background: none;}
.page6 .pos.active .blue,.page6 .pos.active .fontBt{display: block;}
.page6 .pos.active .bottom{height: 140px;}

/* 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鍔ㄧ敾淇敼 */
.banner .ta{width: 932px;height: 250px;background: url('../images/banner_new2.png') no-repeat;position: absolute;left:127px;top:33px;}
.banner .text{width: 340px; height: 104px;background: url('../images/banner_new1.png') no-repeat;left:220px;top:174px;}
.banner .text2{background: url('../images/banner_centerBox.png') no-repeat;display: flex;justify-content: center;align-items: center;}
.banner .hideFide{animation: hideFide 1s forwards;opacity: 0; animation-delay: 0.5s;}
@keyframes hideFide {
    0%{opacity: 0;}
    100%{opacity: 1;}
}
.banner .div1{background: url('../images/banner_new1.png') no-repeat left -348px top;position: absolute;left: 348px;top: 0;width: 82px;height: 100%;}
.banner .div2{background: url('../images/banner_new1.png') no-repeat left -430px top;position: absolute;left: 430px;top: 0;width: 81px;height: 100%;}
.banner .div3{background: url('../images/banner_new1.png') no-repeat left -511px top;position: absolute;left: 511px;top: 0;width: 76px;height: 100%;}
.banner .div4{background: url('../images/banner_new1.png') no-repeat left -590px top;position: absolute;left: 590px;top: 0;width: 82px;height: 100%;}
.banner .div5{background: url('../images/banner_new1.png') no-repeat left -667px top;position: absolute;left: 667px;top: 0;width: 83px;height: 100%;}
.banner .text div{animation-duration: 0.5s;}



.page2 .time{background: url(../images/page2_img5.png) no-repeat;}
.page2 .fu_tit{width: 1234px;height: 214px;background: url('../images/page2_new2.png') no-repeat;margin:-6px 0 5px -17px;padding-top: 66px;}




@media (max-width:1000px) {
    .btn_active::after{display: none;}
    .banner .text div{display: none;}

    .banner{height: 5rem;background: url('../images/images/banner.jpg') no-repeat;background-size: 100% auto;}
    .banner .logo{width: 2.88rem;height: 0.43rem;left:0.3rem;top:0.22rem;background: url('../images/images/logo.png') no-repeat;background-size: cover;}
    .banner .slogo{width: 1.88rem;height: 0.44rem;right:0.3rem;top:0.22rem;background: url('../images/images/slogo.png') no-repeat;background-size: cover;}
    .banner .hongkong{display: none;}
    .banner .text{width: 100%; height: 2.83rem;background: url('../images/images/banner_text.png') no-repeat;background-size: cover;left: 0;top: 0.78rem;}
    .banner .text2{display: none;}
    .banner .flexBox{padding: 3.78rem 0.5rem 0;box-sizing: border-box;}
    .banner .btn{width: 3rem;height: 0.7rem;border-radius: 0.35rem;font-size: 0.26rem;}

    .home_tit{padding: 0.66rem 0 0.5rem;}
    .home_tit .mainTitle{overflow: hidden;color: transparent;font-size: 0;}
    .home_tit .mainTitle::after{display: none;}
    .home_tit .mainTitle::before{display: none;}
    .home_tit .mainTitle span{display: none;}

    .page1 .mainTitle{height:0.38rem;background:url('../images/images/tit1.png') no-repeat center top;background-size:7.35rem 0.38rem;}
    .page2 .mainTitle{height:0.39rem;background:url('../images/images/tit2.png') no-repeat center top;background-size:6.69rem 0.39rem;}
    .page25 .mainTitle{height:0.39rem;background:url('../images/images/tit3.png') no-repeat center top;background-size:7.07rem 0.39rem;}
    .page35 .mainTitle{height:0.39rem;background:url('../images/images/tit4.png') no-repeat center top;background-size:7.5rem 0.39rem;}
    .page4 .mainTitle{height:0.38rem;background:url('../images/images/tit5.png') no-repeat center top;background-size:7.5rem 0.38rem;}
    .page6 .mainTitle{height:0.38rem;background:url('../images/images/tit6_new.png') no-repeat center top;background-size:7.47rem 0.38rem;}

    .page1{background: url('../images/images/page1.jpg') no-repeat;background-size: cover;padding-bottom: 0.6rem;}
    .page1 .list{padding: 0 0.2rem 0;box-sizing: border-box;}
    .page1 .li{width: 3.45rem;height: 1.6rem;border-radius: 0.12rem;margin-bottom: 0.2rem;padding: 0.3rem 0rem 0 0.3rem;box-sizing: border-box;box-shadow: 0 0 0.4rem rgb(228 240 249 / 22%);align-items: flex-start;}
    .page1 .icon1 {background: #fff url(../images/images/page1_1.png) no-repeat;background-size: cover;}
    .page1 .icon2 {background: #fff url(../images/images/page1_2.png) no-repeat;background-size: cover;}
    .page1 .icon3 {background: #fff url(../images/images/page1_3.png) no-repeat;background-size: cover;}
    .page1 .icon4 {background: #fff url(../images/images/page1_4.png) no-repeat;background-size: cover;}
    .page1 .icon5 {background: #fff url(../images/images/page1_5.png) no-repeat;background-size: cover;}
    .page1 .icon6 {background: #fff url(../images/images/page1_6.png) no-repeat;background-size: cover;}
    .page1 .tit{font-size: 0.28rem;}
    .page1 .cont{font-size: 0.22rem;line-height:0.32rem;}
    .page1 .li:hover{transform: translateY(0);}



    .page2{background: url('../images/images/page2.jpg') no-repeat;background-size: cover;padding-bottom: 0.8rem;}
    .page2 .home_tit{padding-bottom: 0.5rem;}
    .page2 .mtit{width: 7.44rem;height: 1.94rem;background: url('../images/images/page2_titbk.png') no-repeat;background-size: 100% 100%;padding:0.24rem 0.45rem 0 0.49rem;box-sizing: border-box; font-size: 0.22rem;line-height: 0.36rem;color: #333333;margin: -0.3rem auto 0.3rem;}
    .page2 .navs{box-shadow: 0 0 0.22rem rgba(203, 226, 255, 0.2);width: 100%; height: 0.7rem;border-radius: 0.3rem 0.3rem 0 0;position: relative;background: #e8e8e8;margin: auto;display: flex;justify-content: space-between;}
    .page2 .navs div{width: 50%;height: 100%;font-size: 0.26rem;color: #666666;display: flex;justify-content: center;align-items: center;}
    .page2 .navs div:nth-child(1):after{content: '閫傚悎浜虹兢';}
    .page2 .navs div:nth-child(2):after{content: '鏉′欢/璐圭敤';}
    .page2 .navs div:nth-child(1).active{width: 3.6rem;height: 1.1rem;background: url('../images/images/page2_nav1.png') no-repeat;background-size: 100% 100%;margin-top: -0.2rem;}
    .page2 .navs div:nth-child(2).active{width: 3.6rem;height: 1.1rem;background: url('../images/images/page2_nav2.png') no-repeat;background-size: 100% 100%;margin-top: -0.2rem;}
    .page2 .navs div.active:after,.page2 .navs div.active::before{background-image: linear-gradient(270deg, #5cb8ff,#28c5ff);background-clip: text;-webkit-background-clip: text;color: transparent;font-weight: bold;}
    .page2 .navs div.active{align-items: flex-start;padding-top: 0.33rem;box-sizing: border-box;line-height: normal;padding-right: 0.1rem;}
    .page2 .navCont{width:100%;height: 3.71rem;border-radius: 0 0 0.3rem 0.3rem;background: #fff;margin: auto;}
    .page2 .border{box-shadow: 0 0 0.22rem rgba(203, 226, 255, 0.3);width: 6.9rem;margin: auto;}
    .page2 .boxs{padding: 0.43rem 0 0 0.78rem;box-sizing: border-box;display: none;}
    .page2 .boxs.active{display: block;}
    .page2 .mTit{font-size: 0.26rem;line-height: 1;color: #333333;font-weight: bold;background: url('../images/images/page2_icon1.png') no-repeat;background-size:0.32rem 0.25rem;margin-left: -0.46rem;padding:0 0 0.28rem 0.46rem; box-sizing: border-box;}
    .page2 .mfont{font-size: 0.22rem;line-height: 1;color: #666666;background: url('../images/images/page2_icon2.png') no-repeat left center;background-size:0.14rem 0.15rem;padding-left: 0.28rem;margin-bottom: 0.18rem;}
    .page2 .second .mTit{background: url(../images/images/page2_icon3.png) no-repeat;background-size: 0.26rem 0.28rem;}

    .page25{overflow: hidden;padding-bottom: 0.8rem;}
    .page25 .mList{width: 7.02rem;margin-left: 0.18rem;display: flex;justify-content: space-between;}
    .page25 .leftDiv{width: 0.33rem;height: 4.4rem; margin-top: 0.66rem;background: url('../images/images/page25_l.png') no-repeat;background-size: 0.33rem 4.4rem;}
    .page25 .rightDiv{width: 6.5rem;}
    .page25 .oi{height: 1.3rem;border-radius: 0.12rem;margin-bottom:0.2rem;border: 1px solid #d1eaf6;box-sizing: border-box;position: relative;overflow: hidden;}
    .page25 .oi1{background:#f5fcff url('../images/images/page3_01.png') no-repeat left 0.17rem top 0.15rem;background-size:0.27rem 0.25rem;}
    .page25 .oi2{background:#f5fcff url('../images/images/page3_02.png') no-repeat left 0.17rem top 0.15rem;background-size:0.34rem 0.25rem;}
    .page25 .oi3{background:#f5fcff url('../images/images/page3_03.png') no-repeat left 0.17rem top 0.15rem;background-size:0.34rem 0.25rem;}
    .page25 .oi4{background:#f5fcff url('../images/images/page3_04.png') no-repeat left 0.17rem top 0.15rem;background-size:0.35rem 0.25rem;height: 0.9rem;margin-bottom: 0.5rem;}
    .page25 .mtit{font-size: 0.28rem;line-height: 1;color: #333333;font-weight: bold;padding: 0.28rem 0 0.18rem 0.28rem;box-sizing: border-box;}
    .page25 .pRtop{height: 0.31rem;width: 1.7rem; background: #e4faff;border-radius: 0 0 0 0.08rem;position: absolute;right: 0;top: 0;font-size: 0.2rem;color: #55baff;display: flex;justify-content: center;align-items: center;line-height: 1;}
    .page25 .mpro{padding-left: 0.28rem;box-sizing: border-box;display: flex;justify-content: flex-start;line-height: 1;}
    .page25 .ever{display: flex;align-items: center;height:0.23rem;font-size: 0.2rem;color: #333333;background: url('../images/images/page3_icon4.png') no-repeat left center;background-size: 0.23rem 0.23rem;padding-left: 0.34rem;margin-right: 0.2rem;}

    .btnMAx{width: 4rem;height: 0.8rem;border-radius: 0.4rem;font-size: 0.28rem;}
 
    .page35{height: 8.94rem;background: url('../images/images/page4.jpg') no-repeat;background-size: 100% 100%;}
    .page35 .mlist{position: relative;margin-top: 0.2rem;height: 5.6rem;}
    .page35 .mli{display: flex;align-items: center;background: #fff;border-radius: 0.12rem;position: absolute;line-height: 1;padding-left: 0.32rem;box-sizing: border-box;}
    .page35 .m1{width:2.6rem;height:0.8rem;left:0.4rem;top:0rem;}
    .page35 .m2{width:2.2rem;height:1rem;left:0.2rem;top:1.2rem;}
    .page35 .m3{width:2.2rem;height:1rem;left:0.2rem;top:2.6rem;}
    .page35 .m4{width:2.6rem;height:1rem ;left:0.6rem;top:4rem;}

    .page35 .m5{width:2.6rem;height:0.8rem;right:0.4rem;top:0rem;}
    .page35 .m6{width:2.2rem;height:1rem;right:0.2rem;top:1.2rem;}
    .page35 .m7{width:2.2rem;height:1rem;right:0.2rem;top:2.6rem;}
    .page35 .m8{width:2.6rem;height:1rem ;right:0.6rem;top:4rem;}
    .page35 .mtit{font-size: 0.26rem; font-weight: bold;color: #333333;background: url('../images/images/page4_icon1.png') no-repeat left bottom;background-size: 0.4rem 0.06rem;padding:0 0 0.03rem 0.03rem;margin: 0.05rem 0 0 -0.04rem;box-sizing: border-box;}
    .page35 .mcont{font-size: 0.24rem;color: #333333;}

    
    .page4{background: #f4faff;padding-bottom: 0.8rem;}
    .page4 .mlist{display: flex;justify-content: space-between;flex-wrap: wrap;width: 7rem;margin: auto;padding-bottom: 0.3rem;}
    .page4 .mli{width: 3.4rem;height: 1.6rem;line-height: 1;box-shadow: 0 0 0.4rem rgba(217, 238, 255, 0.5); background: #fff;border: 1px solid #ddf0ff;padding: 0 0.3rem 0 0.32rem; box-sizing: border-box;display: flex;align-items: center;border-radius: 0.2rem;margin-bottom: 0.2rem;}
    .page4 .i1{background: #fff url('../images/images/page5_01.png') no-repeat right 0.29rem top 0;background-size: 0.34rem 0.34rem;}
    .page4 .i2{background: #fff url('../images/images/page5_02.png') no-repeat right 0.29rem top 0;background-size: 0.34rem 0.34rem;}
    .page4 .i3{background: #fff url('../images/images/page5_03.png') no-repeat right 0.29rem top 0;background-size: 0.34rem 0.34rem;}
    .page4 .i4{background: #fff url('../images/images/page5_04.png') no-repeat right 0.29rem top 0;background-size: 0.34rem 0.34rem;}
    .page4 .i5{background: #fff url('../images/images/page5_05.png') no-repeat right 0.29rem top 0;background-size: 0.34rem 0.34rem;}
    .page4 .i6{background: #fff url('../images/images/page5_06.png') no-repeat right 0.29rem top 0;background-size: 0.34rem 0.34rem;}

    .page4 .mtit{font-size: 0.28rem;font-weight: bold;margin-bottom: 0.12rem; background-image: linear-gradient(270deg, #5cb8ff,#28c5ff);background-clip: text;-webkit-background-clip: text;color: transparent;}
    .page4 .mcont{font-size: 0.22rem;color: #333333;line-height: 0.32rem;}

    .page5{display: none;}

    .page6 {padding-bottom: 0.8rem;}
    .page6 .content{display: flex;justify-content: space-between;flex-wrap: wrap;box-shadow: 0 0 0 transparent; width: 7.1rem;height: 5.86rem; margin: auto;background: url('../images/images/page61.jpg') no-repeat;border-radius: 0.3rem; background-size: 100% auto;padding-top: 3.4rem;box-sizing: border-box;}
    .page6 .list{display: none;}
    .page6 .li{padding-top: 0;background: none;height: 1.18rem;}
    .page6 .li:nth-child(1){width: 2.36rem;padding-top: 0.1rem;box-sizing: border-box; }
    .page6 .li:nth-child(2){width: 2.30rem;padding-top: 0.1rem;box-sizing: border-box; height: 0.96rem;transform: translateY(-0.14rem);}
    .page6 .li:nth-child(3){width: 2.35rem;padding-top: 0.1rem;box-sizing: border-box; }
    .page6 .li:nth-child(4){width: 3.5rem;}
    .page6 .li:nth-child(5){width: 3.5rem;}
    .page6 .font{font-size: 0.3rem;font-weight: bold;padding-bottom: 0.1rem;}
    .page6 .font span.min{font-size: 0.22rem;font-weight: normal;}
    .page6 .font span.taranY{transform: translateY(1px);}
    .page6 .cont{font-size: 0.2rem;}
    .page6 .stop{width: 1.12rem;height: 0.36rem;background: url('../images/images/page6_stop.png') no-repeat;background-size: cover;right:0.21rem;top: -0.22rem;}
    .page6 .aj{font-size: 0.2rem;right: 0;top: auto;bottom: 0.18rem;width: 100%;text-align: center;}

    .xdfBottom{width: 100%; height: 1.16rem;background: #fff;position: fixed;left: 0;bottom: 0;display: flex;justify-content: space-between;box-shadow: 0.12rem -0.12rem 0.12rem rgba(216, 223, 226, 0.2);}
    .xdfBottom .sumPh{width: 1.36rem;display: flex;justify-content: center;font-size: 0.26rem;color: #51bbff;line-height: 1;flex-wrap: wrap;align-items: flex-start;height: 0.92rem;padding-top: 0.17rem;box-sizing: border-box;}
    .xdfBottom .xdfPhone{text-align: center;width: 100%;display: block;}
    .xdfBottom img.phoneImg{width: 0.38rem;height: 0.38rem; margin-bottom: 0.12rem;}
    .xdfBottom .rightFix{margin-right: 0.3rem;display: flex;justify-content: space-between;padding-top: 0.17rem;width: 5.4rem;}
    .xdfBottom .xdfZixun{border: 1px solid #78d6ff;border-radius: 0.4rem;background: #f1fbff;box-sizing: border-box; width: 2.6rem;height: 0.8rem;display: flex;justify-content: center;align-items: center;font-size: 0.28rem;color: #51bbff;}
    .xdfBottom .xdfZixun:hover{color: #51bbff;}
    .xdfBottom .xdfZixun.active{border: none;background: linear-gradient(270deg,#5cb8ff,#28c5ff);font-weight: bold;color: #fff;}


    
}
</pre></body></html>