.big{ font-size: 3vw; line-height: 4vw; }
.middle{ font-size: 3vw; line-height: 3.4vw; margin: 0.5vw auto 1.5vw auto; }
.small{ font-size: 1.8vw; line-height: 2.6vw; margin-top: 2vw; }
#f3se img{ width: 100%; vertical-align: bottom; }
#f3se .box1{ position: relative; overflow: hidden; }
#f3se .box1 .box{ position: absolute; width: 30%; text-align: center; left: 63%; top: 25%; }
#f3se .box1 .box .f3{ width: 22%; }
#f3se .box1 .box .bb{ font-size: 4vw; line-height: 5vw; color: #000000; }
#f3se .box1 .box .title{ font-size: 2.6vw; line-height: 3vw; font-weight: bold; margin-top: 2%; }
#f3se .box1 .box .text{ font-size: 1.4vw; line-height: 1.8vw; }
#f3se .box1 .box .mt{ margin-top: 6%; }
#f3se .box2{ position: relative; overflow: hidden; }
#f3se .box2 .pt{ position: absolute; box-sizing: border-box; font-size: 1.4vw; line-height: 1.8vw; }
#f3se .box2 .p1{ width: 22.5%; left: 15%; top: 13%; text-align: center; }
#f3se .box2 .p2{ width: 22.5%; left: 38.5%; top: 13%;text-align: center; }
#f3se .box2 .p3{ width: 22.5%; left: 41.5%; top: 51%;  }
#f3se .box2 .p4{ width: 17%; left: 17%; top: 72%;  }
#f3se .box2 .p5{ width: 22.5%; left: 62.5%; top: 13%; text-align: center; }
#f3se .box2 .p6{ width: 22.5%; left: 62.5%; top: 65%; text-align: center; }
#f3se .box3{ position: relative; overflow: hidden; }
#f3se .box3 .pt{ width: 50%; position: absolute; left: 14%; top: 43%; font-size: 4.4vw; line-height: 5vw; color: #ffffff; }
#f3se .box4Other{ width: 60%; text-align: center; margin:2% auto; }
#f3se .box4{ overflow: hidden; position: relative; }
#f3se .box4 .fixedBox{ position: relative; width: 100%; overflow: hidden; }
#f3se .box4 .bgDiv{ position: absolute; width: 60%; height: 60%; left: 0; top: 0; bottom: 0; right: 0; margin: auto; 
    box-shadow: 0px 0px 0px 9999em #ffffff; box-sizing: border-box;
}
#f3se .box4 .floatBox{ position: absolute; left: 10%; top: 100%; width: 80%; overflow: hidden; }
#f3se .box4 .positionLeft{ width: 28%; text-align: right;float: left; }
#f3se .box4 .positionRight{ width: 28%; float: right; margin-top: 7%; }
#f3se .box4 li{ margin-bottom: 40%; }
#f3se .box4 .t{ font-size: 2vw; line-height: 2.4vw; }
#f3se .box4 .w{ font-size: 1.2vw; line-height: 1.6vw; }
#f3se .box5{ overflow: hidden; position: relative; }
#f3se .box5 .box{ width: 75%; text-align: center; left: 12.5%; top: 2%; position: absolute; }
#f3se .box6{ position: relative; overflow: hidden; }
#f3se .box6 .pt{ width: 50%; position: absolute; left: 14%; top: 47%; font-size: 4.4vw; line-height: 5vw; color: #ffffff; }
#f3se .box7{ overflow: hidden; position: relative; }
#f3se .box7 .fixedDiv{ position: relative; width: 100%; }
#f3se .box7 .fixedDiv .box{ width: 75%; margin: 4% auto 1% auto; text-align: center; position: relative; }
#f3se .box7 .fixedDiv .bb2{ opacity: 0; position: absolute; left: 0%; top: 0%; width: 100%; }
#f3se .box7 .fixedDiv .imgBox{ width: 58%; margin: 0% auto; position: relative; }
#f3se .box7 .fixedDiv .imgBox .smallBox{ position: relative; overflow: hidden; }
#f3se .box7 .fixedDiv .imgBox .bg{ background-image: linear-gradient(120deg, #95e2ff , #0da2fe); position: absolute; left: 0%; bottom: 0%; 
    width: 100%; height: 0%;z-index: -1; 
}
#f3se .box7 .fixedDiv .imgBox .smallBox .img{ width: 50%; position: absolute; left: 17%; top: 28%; opacity: 0; }
#f3se .box7Other{ overflow: hidden; width: 75%; margin: 1% auto; }
#f3se .box7Other .ul{ overflow: hidden; width: 100%; margin: 1% auto; }
#f3se .box7Other .ul li{ width: 25%; float: left; }
#f3se .box7Other .ul li .pt{ position: relative; overflow: hidden;box-sizing: border-box; padding-left: 32%; }
#f3se .box7Other .ul li .b{ position: absolute; left: 0%; top: 0%; width: 40%; font-size: 3vw; line-height: 3.4vw; 
    text-align: right;  box-sizing: border-box; padding-right: 12%;
}
#f3se .box7Other .ul li .t{  font-size: 1.2vw; line-height: 1.8vw;  }
#f3se .box7Other .tips{ font-size: 1vw; line-height: 1.4vw; text-align: center; }
#f3se .box8{ position: relative; overflow: hidden; margin: 7% auto 3% auto; }
#f3se .box8 .pt{ width: 50%; position: absolute; left: 14%; top: 36%; font-size: 4.4vw; line-height: 5vw; color: #ffffff; }
#f3se .box9{ overflow: hidden; position: relative; }
#f3se .box9 .box{ position: absolute; width: 75%; left: 12.5%; top: 0%; text-align: center; }
#f3se .box9 .bb{ position: absolute; width: 21%; font-size: 3.4vw; line-height: 4.4vw; background: linear-gradient(120deg, #81b5e0, #ffffff);
        -webkit-background-clip: text;color: transparent; }
#f3se .box9 .b1{ left: 21%; top: 23%; text-align: center; }
#f3se .box9 .b2{ left: 21%; top: 58%; text-align: center; }
#f3se .box9 .b3{ left: 23%; top: 74%; }
#f3se .box9 .pt{ position: absolute; width: 21%; font-size: 1.2vw; line-height: 1.6vw; color: #ffffff; }
#f3se .box9 .p1{ left: 21%; top: 32%; text-align: center; }
#f3se .box9 .p2{ left: 21%; top: 68%; text-align: center; }
#f3se .box9 .p3{ left: 30%; top: 74%; }
#f3se .box10 { overflow: hidden; position: relative; padding-top: 10vw; background-color: #000000; }
#f3se .box10 .box{ position: absolute; width: 70%; top: 6%; left: 15%; color: #ffffff; }
#f3se .box11 { overflow: hidden; position: relative; padding-top: 10vw; background-color: #000000; }
#f3se .box11 .box{ position: absolute; width: 70%; top: 4%; left: 15%; color: #ffffff; }
#f3se .box12 { overflow: hidden; }
#f3se .box12 .box{  width: 70%; margin: 2% auto; text-align: center; }
#f3se .box12 .imgBox{ overflow: hidden; }
#f3se .box13 { overflow: hidden; position: relative; margin-top: 2%; }
#f3se .box13 .box{ position: absolute; width: 70%; top: 0%; left: 15%; }
#f3se .box13 .box .small{ margin-top: 0px; }
#f3se .box14{ position: relative; overflow: hidden; background-color: #EEF7FF; margin-top: 4%; }
#f3se .box14 .fixedBox{ position: relative; width: 100%; height: 60vw; overflow: hidden; }
#f3se .box14 .img{ position: absolute; left: 32%; bottom: -125%; width: 58%; }
#f3se .box14 .box{ width: 40%; position: absolute; left: 23%; top: 32%; opacity: 0; }
#f3se .box15{ position: relative; overflow: hidden; }
#f3se .box15 .pt{ width: 50%; position: absolute; left: 14%; top: 43%; font-size: 4.4vw; line-height: 5vw; color: #ffffff; }
#f3se .box16{ overflow: hidden; margin-left: 2% auto; }
#f3se .box16 .box{ width: 75%; margin: 0% auto; text-align: center; }
#f3se .box16 .phoneBox{ position: relative; overflow: hidden; }
#f3se .box16 .phoneBox .fixedBox{ position: relative; width: 100%; height: 60vw; margin-top: 4%; }
#f3se .box16 .phoneBox .fixedBox .img{ width: 14%; position: absolute; left: 45%; top: 25%; }
#f3se .box16 .phoneBox .fixedBox .img1{ width: 14%; position: absolute; left: 45%; top: 25%; z-index: 1; }
#f3se .box17{ position: sticky; top: 65px; }
#f3se .box18{ position: sticky; top: 65px; }
#f3se .box19{ position: sticky; top: 65px; }
#f3se .box20{ position: sticky; top: 65px; }
#f3se .boxAll{ position: sticky; top: 65px; background-color: #ffffff; }
#f3se .box21{ position: relative; overflow: hidden; background-color: #000000; }
#f3se .box21 .fixedBox{ position: relative; width: 100%; overflow: hidden; }
#f3se .box21 .fixedBox .img{ transform: scale(1); position: relative;z-index: 2; }
#f3se .box21 .fixedBox .img1{ position: absolute; width: 6%; left: 50%; top: -10%; transform: rotate(-90deg); z-index: 1; opacity: 0; }
#f3se .box21 .fixedBox .box{ position: absolute; width: 75%; left: 12.5%; top: 14%; color: #ffffff; text-align: center; opacity: 0; }
#f3se .box21 .fixedBox .box .tips{ font-size: 1vw; line-height: 1.4vw; margin-top: 1%; }
#f3se .box21 .fixedBox .box .ul{ width: 36%; overflow: hidden; margin:3% auto; }
#f3se .box21 .fixedBox .box .ul li{ float: left; width: 50%; text-align: left; }
#f3se .box21 .fixedBox .box .ul li .t{ font-size: 2vw; line-height: 2.4vw;  }
#f3se .box21 .fixedBox .box .ul li .w{ font-size: 1.2vw; line-height: 1.6vw;  }
#f3se .box22{ overflow: hidden; }
#f3se .box22 .box{ width: 75%; margin: 2% auto; text-align: center; }
#f3se .box22 .imgBox{ width: 75%; margin: 2% auto; overflow: hidden; }
#f3se .box22 .imgBox .swiper-pagination-bullets{ bottom: inherit; width: 34%; top: 86%; left: 52%; text-align: left; z-index: 2;
 padding-top: 3vw;
}
#f3se .box22 .imgBox .swiper-pagination-bullet{ width: 4vw; height: 10px; background-color: #C6CACD; border-radius: inherit; }
#f3se .box22 .imgBox .swiper-pagination-bullet-active{ background-color: #000000; }
#f3se .box22 .imgBox .text{ position: absolute; width: 100%; left: 0%; top: 0%; font-size: 1.6vw; line-height: 2vw; opacity: 0; }
#f3se .box22 .imgBox .swiper-pagination-bullet-active .text{ opacity: 1; }
#f3se .box22 .swiper2{ position: relative; }
#f3se .box23 { position: relative; overflow: hidden; }
#f3se .box23 .box{ width: 75%; position: absolute; left: 12.5%; top: 4%; text-align: center; }
#f3se .box23 .box .small{ margin-top: 0px; }
#f3se .box24{ position: relative; overflow: hidden; }
#f3se .box24 .pt{ width: 50%; position: absolute; left: 14%; top: 56%; font-size: 4.4vw; line-height: 5vw; color: #ffffff; }
#f3se .box25{ position: relative; overflow: hidden; }
#f3se .box25 .fixedBox.fixedBox{ position: relative; width: 100%; height: 60vw; }
#f3se .box25 .fixedBox .box{ position: absolute; width: 30%; left: 22%; top: 30%; }
#f3se .box25 .fixedBox .box .small{ margin-top: 0px; }
#f3se .box25 .fixedBox .box .img{ width: 28%; margin:1% auto; }
#f3se .box25 .imgBox{ position: absolute; width: 15%; top: 20%; left: 60%; }
#f3se .box25 .imgBox .img3{ position: absolute; width: 32%; right: -50%; top: 44%; 
    -webkit-animation: toLeft 1s linear infinite;animation: toLeft 1s linear infinite;
}
@-webkit-keyframes toLeft{
    0%{right: -50%;}
    50%{right: -34%;}
    100%{right: -50%;}
}
@keyframes toLeft{
    0%{right: -50%;}
    50%{right: -34%;}
    100%{right: -50%;}
}
#f3se .box25 .imgBox .lineBox{ position: absolute; top: -16%; left: 20%; width: 60%; padding: 0px 7%; box-sizing: border-box; opacity: 0; }
#f3se .box25 .imgBox .lineBox .line{ position: absolute; top: 0%; left: 0%; background-color: #000000; height: 2px;width: 100%; 
    outline: none;border: none; -webkit-animation: toDown 2s linear infinite;animation: toDown 2s linear infinite; 
}
@-webkit-keyframes toDown{
    0%{top: 0%;}
    50%{top: 100%;}
    100%{top: 0%;}
}
@keyframes toDown{
    0%{top: 0%;}
    50%{top: 100%;}
    100%{top: 0%;}
}
#f3se .box26{ position: relative; overflow: hidden; }
#f3se .box26 .box{ width: 75%; text-align: center; margin:2% auto; }
#f3se .box26 .imgBox{ position: relative; overflow: hidden; padding:4vw 0px 6vw 0px; }
#f3se .box26 .imgBox .img{ width: 40%; margin-left: 30%; }
#f3se .box26 .imgBox .img1{ position: absolute; width: 3%; top: 68%; left: 52%; 
    -webkit-animation: scale 1s linear infinite;animation: scale 1s linear infinite;
}
@-webkit-keyframes scale{
    0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}
@keyframes scale{
    0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}
#f3se .box27 { position: relative; overflow: hidden; }
#f3se .box27 .box{ width: 70%; margin: 4% auto; text-align: center; color: #000000; }
#f3se .box28 { position: relative; overflow: hidden; padding:10vw 0px; }
#f3se .box28 .imgNew{ width: 12%; margin-left: 23%; }
#f3se .box28 .box{ width: 40%; position: absolute; left: 45%; top: 36%; text-align: center; color: #000000; }
#f3se .box28 .box .img1{ width: 20%; }

#f3se .box28 .circleBox{ position: absolute; width: 12vw; height: 12vw; left: 22.5%; top: 41%; }
#f3se .box28 .circle{ animation: pulse-blur 4s infinite ease-in-out; border: 6px solid #88C2EA;border-radius: 50%; 
    position: absolute; left: 50%; top: 0%; width: 100%; height: 100%; opacity: 0; z-index: -2;
}
#f3se .box28 .bg{ position: absolute;  left: -5%; top: -7%;  z-index: -1; 
    border: 17vw solid transparent; border-top-color: #ffffff;  transform: translate(50%,50%);
}
#f3se .box28 .b2{ position: absolute; left: -5%; top: -13%; transform: translate(50%,50%) rotate(180deg);
}
#f3se .box28 .circleBox .circle:nth-child(2){ -webkit-animation-delay: 0.4s; animation-delay: 0.4s }
#f3se .box28 .circleBox .circle:nth-child(3){ -webkit-animation-delay: 0.8s; animation-delay: 0.8s }
#f3se .box28 .circleBox .circle:nth-child(4){ -webkit-animation-delay: 1.2s; animation-delay: 1.2s }
#f3se .box28 .circleBox .circle:nth-child(5){ -webkit-animation-delay: 1.6s; animation-delay: 1.6s }
#f3se .box28 .circleBox .circle:nth-child(6){ -webkit-animation-delay: 2s; animation-delay: 2s }
#f3se .box28 .circleBox .circle:nth-child(7){ -webkit-animation-delay: 2.4s; animation-delay: 2.4s }
#f3se .box28 .circleBox .circle:nth-child(8){ -webkit-animation-delay: 2.8s; animation-delay: 2.8s }
#f3se .box28 .circleBox .circle:nth-child(9){ -webkit-animation-delay: 3.2s; animation-delay: 3.2s }
#f3se .box28 .circleBox .circle:nth-child(10){ -webkit-animation-delay: 3.6s; animation-delay: 3.6s }
/*#f3se .box28 .circleBox .circle:nth-child(11){ -webkit-animation-delay: 2s; animation-delay: 2s }*/
@-webkit-keyframes pulse-blur {
    0% { opacity: 0; transform: translate(-50%, 0) scale(0)}
    40% { opacity: 1}
    100% {opacity: 0;transform: translate(-50%, 0) scale(2)}
}

@keyframes pulse-blur {
    0% { opacity: 0; transform: translate(-50%, 0) scale(0)}
    40% { opacity: 1}
    100% { opacity: 0; transform: translate(-50%, 0) scale(2)}
}

@-webkit-keyframes pulse-blur-desktop {
    0% { opacity: 0; transform: translate(-50%, 0) scale(0)}
    40% { opacity: 1}
    100% { opacity: 0; transform: translate(-50%, 0) scale(2)}
}

@keyframes pulse-blur-desktop {
    0% { opacity: 0; transform: translate(-50%, 0) scale(0)}
    40% { opacity: 1}
    100% { opacity: 0; transform: translate(-50%, 0) scale(2)}
}
#f3se .box29 { position: relative; overflow: hidden; margin-top: 8%; }
#f3se .box29 .box{ width: 75%; position: absolute; left: 12.5%; top: 10%; text-align: center; color: #000000; color: #ffffff; }
#f3se .box29 .box .ul{  overflow: hidden; margin-top: 6%; }
#f3se .box29 .box .ul li{ text-align: center; width: 25%; float: left; }
#f3se .box29 .box .ul li .img{ width: auto; height: 4vw; }
#f3se .box29 .box .ul li .text{ font-size: 1.2vw; line-height: 1.6vw; margin-top: 6%; }
#f3se .box29 .link{ font-size: 4vw; line-height: 4.4vw; color: #ffffff; display: inline-block; width: 31%;left: 8%; top: 69%;
    position: absolute;
}
#f3se .box30{ position: relative; overflow: hidden; margin-top: 4%; }
#f3se .box30 .pt{ width: 50%; position: absolute; left: 14%; top: 43%; font-size: 4.4vw; line-height: 5vw; color: #ffffff; }
#f3se .box31{ position: relative; overflow: hidden; background-color: #eef7ff; }
#f3se .box31 .fixedBox{ position: relative; overflow: hidden; width: 100%; }
#f3se .box31 .fixedBox .clientHeight{ position: relative; width: 100%; overflow: hidden; min-height: 30vw; }
#f3se .box31 .fixedBox .clientHeight .box{ text-align: center; margin: 4% auto 0% auto; width: 70%; }
#f3se .box31 .fixedBox .clientHeight .pp{ width: 70%; margin:0% auto; position: relative; }
#f3se .box31 .fixedBox .clientHeight .p{ position: relative; width: 100%; }
#f3se .box31 .fixedBox .clientHeight .p2{ position: absolute; left: 0%; top: 0%; z-index: -1; }
#f3se .box31 .fixedBox .clientHeight .p3{ position: absolute; left: 0%; top: 0%; z-index: -1; }
#f3se .box31 .fixedBox .clientHeight .p2.active{ z-index: 1; transition: all 0.3s linear; }
#f3se .box31 .fixedBox .clientHeight .p3.active{ z-index: 2; transition: all 0.3s linear; }
#f3se .box31 .fixedBox .clientHeight .b1{ position: absolute; width: 33%; top: 18%; left: 24%; }
#f3se .box31 .fixedBox .clientHeight .b2{ position: absolute; width: 20%; top: 39%; left: 24%; }
#f3se .box31 .fixedBox .clientHeight .b3{ position: absolute; width: 20%; top: 55%; left: 24%; }
#f3se .box31 .fixedBox .clientHeight .b4{ position: absolute; width: 20%; top: 71%; left: 24%; }
#f3se .box31 .fixedBox .clientHeight .b5{ font-size: 1.6vw; line-height: 2vw; }
#f3se .box31 .fixedBox .clientHeight .bb{ font-size: 1.8vw; line-height: 2vw; }
#f3se .box31 .fixedBox .clientHeight .s{ font-size: 1vw; line-height: 1.4vw; }
#f3se .box31 .fixedBox .clientHeight .p1 .num{ left: 50%; }
#f3se .box31 .fixedBox .clientHeight .num{ position: absolute; width: 27%; top: 16%; left: 57%; font-size: 4vw; line-height: 4.4vw; color: #1a6ffd; }