@charset "utf-8";
/* CSS Document */
*{ box-sizing: border-box;}
html{ width: 100%; overflow-x: hidden;}
body { font:14px "microsoft Yahei","Arial",sans-serif; color: #333; line-height: 1.4; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust: none; box-sizing: border-box;  background: #000000;}
body,form,input,p,ol,ul,li,h1,h2,h3,h4,h5,h6,table,th,td,dl,dt,dd{padding:0;margin:0;}
img{border:0; vertical-align: middle;}
ul,li{list-style:none;}
dl,dt,dd{display: block;}
a{text-decoration:none; transition: 0.4s; -webkit-transition: 0.4s; outline: none; color: #ffffff;}
input,textarea{ box-sizing: border-box; outline:none;  border: 0; background:none; font:14px "microsoft Yahei","Arial",sans-serif; width: 100%; }
input[type="button"], input[type="submit"], input[type="text"] {-webkit-appearance: none; outline: none; }
h2{font-weight:400;}
i{ font-style:normal;}
b{ font-weight:normal;}
video{object-fit: cover;}

/*文本框placeholder=""文字颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #333; opacity: 1}
input:-moz-placeholder, textarea:-moz-placeholder {color: #333; opacity: 1}
input::-moz-placeholder, textarea::-moz-placeholder {color: #333; opacity: 1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #333; opacity: 1}

/* html::-webkit-scrollbar {
    display: none;
} */


/* 字体 */
@font-face {
	font-family: 'Montserrat-Medium';
	src: url('../fonts/Montserrat-Medium.ttf');
}
@font-face {
	font-family: 'Montserrat-Regular';
	src: url('../fonts/Montserrat-Regular.ttf');
}
@font-face {
	font-family: 'Montserrat-SemiBold';
	src: url('../fonts/Montserrat-SemiBold.ttf');
}
@font-face {
	font-family: 'PublicSans-Regular';
	src: url('../fonts/PublicSans-Regular.ttf');
}



/*预加载*/
.content_body{ height: 100%; width: 100%;}
.load_body{ width: 100%; height: 100%; overflow: hidden; position: absolute;} 
.load{ position: fixed; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; z-index: 10000;}
.load.load_no{ opacity: 0; transition:opacity 0.4s, visibility 0.1s 0.4s; visibility: hidden;}
.load .icon{ width: 100%; height: 100%; position: absolute; left:0; top: 0; display: flex; z-index: 10; justify-content: center; align-items: center; transition: 0.5s;}
.load .logo{ text-align: center;animation: logo 2s ease infinite;}
.load .logo img{ margin: 0 auto; height: 4rem;}


.loading-bar{ position: absolute; top: 99.0%; width: 100%; height: 0.5rem; background: #16A4C5; transform: scaleX(0); transform-origin: top left; transition: transform 0.5s; z-index: 10000; will-change: transform; pointer-events: none;}
.loading-bar.ended{ transform-origin: top right; transition: transform 1s ease-in-out;}

.loading-bg{ position: absolute; width: 100%; height: 100vh; left: 0; top: 0; background: #000000; z-index: 1001; pointer-events: none;}
/* .loading-bg{ position: absolute; width: 100%; height: 100vh; left: 0; top: 0; background: var(--11, linear-gradient(123deg, #00111F 6.63%, #07477D 98.24%)); z-index: 400;} */

.loading-text{ position: absolute; z-index: 10000; bottom: 3%; right: 1%; pointer-events: none;}
.loading-text .txt{ padding-top: 20px; margin-top: 20px; border-top: 1px solid #43485B;}
.loading-text .text{ display: flex; color: var(---, #FFF); font-family: 'Montserrat-Regular'; font-size: 161px; font-weight: 400; line-height: 76%; letter-spacing: -4.83px; text-transform: capitalize; opacity: 0.6;  transition: opacity 0.5s;}
.loading-text .text i{ font-size: 78px; line-height: 100%; padding-top: 45px; padding-left: 10px; letter-spacing: -2.34px;}
.loading-text .text.on{ opacity: 0; }


/* 公用变量 */
:root {
    --ease1: cubic-bezier(.01,.22,.41,.99);
}


/* 公用头部 */
.header{ position: fixed; left: 0; top: 0; width: 100%; padding: 1.98vw 3.13vw 1.56vw 3.13vw; display: flex; align-items: center; justify-content: space-between; z-index: 2000; transition: 1s; color: #fff; background: none;}

.header .logo{ display: flex;align-items: center; height: 40.6px; z-index: 1;}
.header .logo a{ display: block; height:100%;}
.header .logo img{ height: 100%;}

.header .btn_box{ display: flex; align-items: center; position: absolute; padding-left: 18.23vw;}
.header .btn_nav{ width: 53.95px; height: 0.36vw; cursor: pointer;  display: flex; align-items: center;}
.header .btn_nav span{ display: block; width: 100%; height: 2px; position: relative; transition: 0.4s;}
.header .btn_nav span:before,
.header .btn_nav span:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background: #fff; transition: 0.4s;}
.header .btn_nav span:before{ top: -3.1px; border-radius: 100px;}
.header .btn_nav span:after{ top: 3.1px; border-radius: 100px;}
.header .btn_nav.btn_nav_close span:before{ transform: rotate(45deg); top: 0; width:100%;}
.header .btn_nav.btn_nav_close span:after{ transform: rotate(-45deg); top: 0; width:100%;}
.header .btn_nav.btn_nav_close span{ background:none;}
.header .btn_box .menu{ padding-left: 2.08vw; color: #FFF;font-family: 'Montserrat-Regular';font-size: 1.04vw;font-weight: 400;letter-spacing: -0.4px;line-height: 130%;}

.header .col{flex-shrink: 0; display: flex; align-items: center;}
.header .col div{ position: relative;}
.header .col div::after{ content: ""; position: absolute; width: 6.25vw; height: 2.08vw; top: 0; left: 0; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 50px; border-bottom: 1px solid rgba(0, 0, 255, 0.00); background: linear-gradient(112deg, rgba(3, 207, 244, 0.15) 5.27%, rgba(24, 24, 118, 0.30) 82.06%); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
.header .col div:last-child{padding: 0;}
.header .col div:last-child::before{display: none;}
.header .col .d2 dl{cursor: pointer;}
/* .header .col .d2 dt {width: 6.25vw; height: 2.08vw; display: flex; align-items: center; background: url(../images/qianfan/nav_btn.svg) no-repeat center; background-size: 100% 100%; display: flex; justify-content: center; align-items: center;} */
.header .col .d2 dt span{padding: 0 0.36vw 0 0.36vw; font-size: 0.73vw;}
.header .col .d2 dt .icon-diqiu{font-size: 0.83vw;}
.header .col .d2 dt .icon-sanjiao{font-size: 0.63vw;}
.header .col .d2 dd{position: absolute; z-index: 2; left: -0.89vw; opacity: 0; pointer-events: none; transition: 0.5s;}
.header .col .d2 dd ul{ width: 5.21vw; font-size: 0.73vw; margin-top: 0.52vw; box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.1); padding: 0.26vw 0;}
.header .col .d2 dd a{ display: block; text-align: center; padding: 0.26vw 0;}
.header .col .d2 dd a:hover{color: #002fff;}
.header .col .d2 dl:hover dd{opacity: 1; pointer-events: initial;}



/* 导航-全屏 */
.nav_full{width: 100%;height: 100%; position: fixed; z-index: 1900; left: 0; top: 100%; display: flex; flex-direction: column; background:#000; transition: 0.6s; }
.nav_full .top_box{ height: 6.625rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.nav_full .ul_box{ overflow-x: hidden; flex: 1;}
.nav_full .ul_box .ul{ padding: 1.25rem 3.125rem;}
.nav_full .ul_box .li{ border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding:2rem 0px;position: relative; cursor: pointer;}
.nav_full .ul_box .li:last-child{ border-bottom: none;}
.nav_full .ul_box .li_a{ display: flex;justify-content: space-between;align-items: flex-start;} 
.nav_full .ul_box .li_a a{ flex: 1; padding-right:6.25rem; font-size: 1.5rem; color: #fff;}
.nav_full .ul_box .li_a span{ font-size: 1.5rem; color: #fff; transition: 0.4s;}
.nav_full .ul_box > .ul .ul { display: none;}
.nav_full .ul_box .li_up > .li_a span{ transform: rotate(90deg);}

/* 导航-全屏-展开 */
.nav_full_show{ top: 0%;}
.body_overflow{ position: absolute;left: 0;top: 0;z-index: 99;width: 100%;height: 100%;}



/* 公用底部 */
.footer{ position: relative; width: 100%; margin-top: -10.42vw; left: 0; z-index: 1000; background: #000000;}
.footer a{color:#ffffff; }
.footer a:hover{ color: #2e66ff;}
.footer .wrap{ height: 100%; display: flex; flex-direction: column; padding-top: 5.21vw; padding-bottom: 0;}
.footer .con_t{ display: flex;}
.footer .con_t .li{ cursor: pointer;}
.footer .con_t .li1{ text-align: center;}
.footer .con_t .li1 img{ width: 10.05vw;}
.footer .con_t .li2{ margin-left: 21.56vw;}
.footer .con_t .li3{ text-align: center; margin-left: auto;}
.footer .con_t .li3 img{ width: 3.13vw;}
.footer .con_t .list{ display: flex; flex-direction: column; gap: 0.73vw;}
.footer .con_t .ul{ display: flex; flex-direction: column; gap: 1.56vw;}
.footer .con_t .ul a{ font-family: 'Montserrat-SemiBold';font-size: 0.83vw;font-weight: 600;line-height: 150%;letter-spacing: -0.03vw;}
.footer .con_t .txt{ display: flex; flex-direction: column;}
/* .footer .con_t .phone{ color: #999; font-size: 0.83vw; font-family: 'Montserrat-Regular'; font-weight: 400; line-height: 150%; letter-spacing: -0.04vw; margin-top: -1.04vw;} */
.footer .con_t .email{ color: #999; font-size: 0.83vw; font-family: 'Montserrat-Regular'; font-weight: 400; line-height: 150%; letter-spacing: -0.04vw; margin-top: -0.78vw;}
.footer .con_t .email span{display: none;}

.footer .con_t .logo{ display: flex; gap: 0.73vw; padding: 1.2vw 0 5.21vw 0;}
.footer .con_t .logo .l{ cursor: pointer;}
.footer .con_b{margin-top: auto; border-top: 1px solid rgba(255, 255, 255, 0.15); padding-top: 2.08vw; padding-bottom: 2.6vw; display: flex; justify-content: space-between;}
.footer .con_b .cop{ max-width: 60%; color: #999;font-family: 'Montserrat-Regular';font-size: 0.73vw;font-weight: 400;line-height: 150%;letter-spacing: -0.02vw;}
.footer .con_b .onefeel{ max-width: 60%; color: #999;font-family: 'Montserrat-Regular';font-size: 0.73vw;font-weight: 400;line-height: 150%;letter-spacing: -0.02vw;}



/* 公用部分 */
.main{ width: 100%;}
.wrap{width: 100%; margin: 0 auto; padding: 0 3.13vw; }

.pic_x{ overflow: hidden;}
.pic_x .home_tit{ transform: translateY(100%);transition: 1.0s;}
.one .pic_x .home_tit{ transform: translateY(0%);}

.pic_x{ overflow: hidden;}
.pic_x .home_tit5,
.pic_x .home_tit5_02{ transform: translateY(100%);transition: 1.0s;}
.one .pic_x .home_tit5,
.one .pic_x .home_tit5_02{ transform: translateY(0%);}

.btn_more{display: flex;}
.btn_more a{ display: flex; padding: 0 1.8vw; line-height: 330%; text-align: center; background: linear-gradient(100deg, rgba(3, 207, 244, 0.10) 9.02%, rgba(11, 11, 59, 0.30) 81.2%); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: 50px; font-size:0.94vw; font-weight: 600; color: #00EFFF; font-family: 'Montserrat-SemiBold'; letter-spacing: -0.36px; transition: 0.4s; }
.home_s19 .btn_more a{ padding: 0 3.2vw;}
.btn_more a .jiantou{ position: relative; top: -2px; padding-left: 10px; }
.btn_more a .jiantou img{ width: 2.19vw; height: auto;}
.btn_more .jiantou01{ position: relative; top: 15px; left: 0;}
.btn_more .jiantou01 img{ width: 2.19vw; height: auto;}
/* .btn_more a::after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/qianfan/btn.svg) no-repeat center; background-size: 100% 100%; } */

.btn_more a .txt{ display: inline-block; transition: 0.4s ease;}
.btn_more a:hover .txt{ transform: translateX(1.3vw);}
.btn_more a .jiantou{ opacity: 1; transition: 0.4s ease;}
.btn_more a:hover .jiantou{ opacity: 0; transform: translateX(2.08vw);}





/* 首页 */
.home_part_box{ position: relative; width: 100%; height: 100%; z-index: 10;}
.home_part_particle{ position: relative; width: 100%; height: 100%; z-index: 10;}
/* .home_tit{ font-size: 4.69vw; line-height: 5.16vw; font-family: 'Montserrat-Regular'; color: #fff; font-weight: 400; letter-spacing: -0.23vw; text-shadow: 9px 0px 20px rgb(0, 0, 0.6);} */
.home_tit{ font-size: 5.21vw; line-height: 110%; font-family: 'Montserrat-Medium'; color: #fff; font-weight: 500; letter-spacing: -2px;}
.home_tit.blur{ position: absolute; top: 0; left: 0; color: rgba(0, 0, 0, 0.6); filter: blur(0.39vw); z-index: -1;}


.home_tit2{ font-size: 2.4vw; line-height: 120%; font-family: 'Montserrat-Regular'; color: #fff; font-weight: 400; letter-spacing: -0.07vw; }
.home_txt{ font-size: 0.94vw; line-height: 150%; font-family: 'Montserrat-Regular'; color: #fff; font-weight: 400; letter-spacing: -0.03vw; }
.home_tit3{ font-size: 6.77vw; line-height: 110%; font-family: 'PublicSans-Regular'; color: #fff; font-weight: 400; letter-spacing: -0.2vw;}
.home_tit3.blur{ position: absolute; top: 0; left: 0; color: rgba(0, 0, 0, 0.6); filter: blur(0.39vw); z-index: -1;}
.home_tit3_txt{ font-size: 0.94vw; line-height: 120%; font-family: 'Montserrat-Regular'; color: #fff; font-weight: 400; letter-spacing: -0.05vw;}
.home_tit3_txt.blur{ position: absolute; top: 0; left: 0; color: rgba(0, 0, 0, 0.6); filter: blur(0.39vw); z-index: -1;}
.home_tit4{ font-size: 0.94vw;line-height: 100%; font-family: 'Montserrat-SemiBold'; color: #fff; font-weight: 600; letter-spacing: -0.03vw;}
.tit{ font-size: 6.04vw; line-height: 72%; font-family: 'Montserrat-Medium'; color: #fff; font-weight: 500; letter-spacing: -0.3vw;}

.tit_txt{ font-size: 0.94vw; line-height: 150%; font-family: 'Montserrat-Regular'; color: #fff; font-weight: 400; letter-spacing: -0.05vw; text-shadow: 2px 2px 5px rgba(0,0,0,0.2);}

.con_tit{ font-size: 0.73vw; line-height: 120%; font-family: 'Montserrat-SemiBold'; color: #fff; font-weight: 600; letter-spacing: -0.7px;}

.home_tit5{ font-size: 4.17vw; line-height: 120%; font-family: 'Montserrat-Medium'; color: #fff; font-weight: 400; letter-spacing: -0.21vw; }
.home_tit5_02{ font-size: 3.13vw; line-height: 120%; font-family: 'Montserrat-Regular'; color: #fff; font-weight: 400; letter-spacing: -0.16vw; }
.home_tit5 span{ padding-right: 1.56vw; font-size: 0.94vw; line-height: 150%; font-family: 'Montserrat-Regular'; color: #fff; font-weight: 700; letter-spacing: -0.03vw; }
.home_tit5_txt{ font-size: 0.83vw; line-height: 150%; font-family: 'Montserrat-Regular'; color: #fff; font-weight: 400; letter-spacing: 0px; }
.home_tit5_txt span{ font-size: 0.83vw; line-height: 150%; font-family: 'Montserrat-Regular'; color: #fff; font-weight: 700; letter-spacing: 0px; }



.cookies{ position: fixed; width: 30.3vw; height: 4.6vw; bottom: 1.72vw; right: 4.64vw; border-radius: 100px; border: 1px solid rgba(255, 251, 251, 0.20); background: rgba(34, 35, 42, 0.80); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); display: inline-flex; padding: 0.83vw 0.83vw 0.83vw 2.08vw; align-items: center; gap: 1.56vw; z-index: 2000;}
.cookies .con_txt{ font-size: 1.04vw; line-height: 120%; font-family: 'Montserrat-Regular'; color: #fff; font-weight: 400; letter-spacing: -0.6px; }
.cookies .con_txt a{ text-decoration: underline;}
.cookies .btn_more a{ background: linear-gradient(97deg, rgba(3, 207, 244, 0.30) 31.59%, rgba(18, 94, 107, 0.5) 127.2%); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: 50px; }
.cookies .btn_more a:hover .txt{ transform: translateX(0);}
.cookies{ transform: translateY(0); opacity: 0; transition: 0.5s ease-out;}
.cookies.on{ transform: translateY(0); opacity: 1;}
.cookies.onPointer{ pointer-events: none;}

.home_s1_bg{ position: relative; width: 100%; height: 500vh; left: 0; top: 0; z-index: 999;}
.home_s1_bg .canvas_3d{ position: sticky; left: 0; top: 0; width: 100%; height: 100vh; background: #000000; will-change: transform opacity; transform: translateZ(0);}
.home_s1_bg .canvas_3d::after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(0.5px); backdrop-filter: blur(0.5px);}
.home_s1_bg .canvas_3d::before{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/qianfan/s1_bg.png) no-repeat center; background-size: 100% 100%;}





.home_s1{ position: absolute; width: 100%; height: 100vh; top: 0; left: 0; z-index: 100;}
.home_s1 .con_c{ position: fixed; width: auto; height: 100%; display: flex; flex-direction: column; padding: 0 0 4.17vw 18.2vw; justify-content: end;}
.home_s1 .con_c::after{ content: ""; position: absolute; width: 40.36vw; height: 17.4vw; left: 13.8vw; background-color: #000; border-radius: 775px; filter: blur(100px); opacity: 0.6; z-index: -1;}
.home_s1 .con_c::before{ content: ""; position: absolute; width: 62.29vw; height: 27.55vw; left: 13.8vw; background-color: #000; border-radius: 775px; filter: blur(100px); opacity: 0.2; z-index: -1;}
.home_s1 .con_b{ width: 83vw; display: flex; justify-content: space-between; align-items: center; align-self: flex-start; position: relative; left: -9.3vw; padding: 0 0 0 0;}
.home_s1 .con_b .li1 img{ width: 6.25vw; height: 6.25vw;}
.home_s1 .con_b .li2{ display: flex; width: 100%; margin: 3.18vw 3.13vw 0 3.13vw; padding-top: 2.14vw; border-top: solid 1px #d9d9d97a;}
.home_s1 .con_b .li2 .txt{ color: #FFF;font-family: 'Montserrat-Regular';font-size: 0.83vw;font-weight: 400;letter-spacing: 0.8px; margin-left: 10px;}
.home_s1 .con_b .li2 span{ width: 0.21vw; height: 0.21vw; background-color: #FFF; border-radius: 50%; margin: 0.42vw 1.04vw 0 1.04vw;}
.home_s1 .con_b .li3{ cursor: pointer;}
.home_s1 .con_b .li3 img{ width: 2.4vw; height: 2.4vw;}

.home_s1 .con_b .li3 .logo{ position: absolute; top: -12.6vw; right: 0; opacity: 0; transform: translateY(10px); pointer-events: none; transition: 0.3s;}
.home_s1 .con_b .li3 .logo .l{ margin-bottom: 0.52vw;}
.home_s1 .con_b .li3:hover .logo{ opacity: 1; transform: translateY(0);}

.home_s1 .con_c::after{ opacity: 0; transition: 1s 0.0s;}
.home_s1 .con_c::before{ opacity: 0; transition: 1s 0.0s;}
.home_s1 .con_c .li1 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.0s;}
.home_s1 .con_c .li2:nth-of-type(2) .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.2s;}
.home_s1 .con_c .li2:nth-of-type(3) .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.4s;}
.home_s1 .con_c .li3 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.6s;}
.home_s1 .con_b{ transform: translateY(60px); opacity: 0; transition: 1s 0.6s;}
.home_s1.one .con_c .li1 .pic{ transform: translateY(0); opacity: 1;}
.home_s1.one .con_c .li2 .pic{ transform: translateY(0); opacity: 1;}
.home_s1.one .con_c .li3 .pic{ transform: translateY(0); opacity: 1;}
.home_s1.one .con_b{ transform: translateY(0); opacity: 1;}
.home_s1.one .con_c::after{ opacity: 0.6;}
.home_s1.one .con_c::before{ opacity: 0.2;}

.home_s1.leaving .con_c::after{ opacity: 0; transition: 1s;}
.home_s1.leaving .con_c::before{ opacity: 0; transition: 1s;}
.home_s1.leaving .con_c .li1 .pic .home_tit{ opacity: 0; transform: translateY(-100%); transition: 1s;}
.home_s1.leaving .con_c .li2 .pic .home_tit{ opacity: 0; transform: translateY(-100%); transition: 1s;}
.home_s1.leaving .con_c .li3 .pic .home_tit{ opacity: 0; transform: translateY(-100%); transition: 1s;}
.home_s1.leaving .con_b{ opacity: 0; transform: translateY(-60px); transition: 1s;}











.home_s2{  position: absolute; width: 100%; height: 100vh; top: 0; left: 0; z-index: 100; pointer-events: none;}
.home_s2 .con_c{ position: fixed; width: 100%; height: 100%; right: 3.13vw; bottom: 2.6vw;}

.home_s2 .con_c .li{ position: absolute; inset: 0; display: flex; justify-content: flex-end; align-items: flex-end;}
.home_s2 .con_c .li1{ pointer-events: none;}

.home_s2 .con_c .li1 .pic{ position: relative; width: 40.63vw; height: 23vw; z-index: 2; border-radius: 15px; background: rgba(153, 159, 199, 0.13); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); opacity: 1; transform: scale(1); filter: blur(0);}
.home_s2 .con_c .li2 .pic { position: relative; width: 40.63vw; height: 23vw; z-index: 1; border-radius: 15px; background: rgba(153, 159, 199, 0.13); opacity: 0; transform: scale(0.7); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);}

.home_s2 .con_c .li1 .pic .home_tit2{ padding: 2.4vw 6.04vw 1.3vw 3.13vw;}
.home_s2 .con_c .li1 .pic .home_txt{ padding: 0 3.13vw 0 3.13vw;}
.home_s2 .con_c .li2 .pic .home_txt{ padding: 4.0vw 3.13vw 0vw 3.13vw;}
.home_s2 .con_c .li2 .pic .btn_more{ padding: 4.0vw 0 0 3.13vw;}

/* home_s2进入动画 */
.home_s2 .con_c .li1 .pic{ transform: translateY(60px) scale(1); opacity: 0; transition: 1s 0.0s;}
.home_s2 .con_c .li2 .pic{ transform: translateY(0) scale(0.7); opacity: 0; transition: 1s 0.0s;}

/* 进入动画完成 */
.home_s2.stage1 .con_c .li1 .pic{ transform: translateY(0) scale(1); opacity: 1; filter: blur(0);}
.home_s2.stage1 .con_c .li2 .pic{ transform: translateY(60px) scale(0.8); opacity: 0; filter: blur(20px);}

/* li1放大模糊渐隐 */
.home_s2.stage2 .con_c .li1 .pic{ transform: translateY(0) scale(1.3); opacity: 0; filter: blur(20px); transition: 1.3s;}

/* li2从小且模糊放大到原尺寸渐显 */
.home_s2.stage3 .con_c .li2 .pic{ transform: translateY(0) scale(1); opacity: 1; filter: blur(0); transition: 1.3s 0.3s;}

/* home_s2离开动画 */
.home_s2.stage4 .con_c .li1 .pic,
.home_s2.stage4 .con_c .li2 .pic{  opacity: 0;  transform: translateY(-60px); transition: 1s;}

.home_s2.onPointer{ pointer-events: all;}







.home_s3{ position: absolute; width: 100%; height: 100vh; top: 0; left: 0; z-index: 10;}
.home_s3 .con_c{ position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; column-gap: 23.07vw; row-gap: 10.26vw;}
.home_s3 .con_c .li{ position: relative; width: 14vw; }
.home_s3 .con_c .li1{ grid-column: 1; grid-row: 1;}
.home_s3 .con_c .li2{ grid-column: 2; grid-row: 1;}
.home_s3 .con_c .li3{ grid-column: 1; grid-row: 2;}
.home_s3 .con_c .li4{ grid-column: 2; grid-row: 2;}

.home_s3 .con_c .li span{ font-size: 4.17vw; position: absolute; margin-top: -1.3vw;}

.home_s3 .con_c .li1 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.0s;}
.home_s3 .con_c .li2 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.2s;}
.home_s3 .con_c .li3 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.4s;}
.home_s3 .con_c .li4 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.6s;}

.home_s3.one .con_c .li1 .pic{ transform: translateY(0); opacity: 1;}
.home_s3.one .con_c .li2 .pic{ transform: translateY(0); opacity: 1;}
.home_s3.one .con_c .li3 .pic{ transform: translateY(0); opacity: 1;}
.home_s3.one .con_c .li4 .pic{ transform: translateY(0); opacity: 1;}

.home_s3.leaving .con_c .li1 .pic{ opacity: 0; transform: translateY(-60px); transition: 1s;}
.home_s3.leaving .con_c .li2 .pic{ opacity: 0; transform: translateY(-60px); transition: 1s;}
.home_s3.leaving .con_c .li3 .pic{ opacity: 0; transform: translateY(-60px); transition: 1s;}
.home_s3.leaving .con_c .li4 .pic{ opacity: 0; transform: translateY(-60px); transition: 1s;}













.home_s4{ position: relative; width: 100%; height: 100vh; top: 0; left: 0; z-index: 1000; pointer-events: none;}
.home_s4 .video_box{ position: fixed; width: 100%; height: 100vh; z-index:100; top: 0; left: 0; opacity: 0; visibility: hidden; transition: 1.5s; transform: translate3d(0,0,0); will-change: transform;}
.home_s4 .video-container { width: 100%; height: 100%; position: relative; will-change: transform;}
.home_s4 .video-container video { width: 100%; height: 100%;}
.home_s4 .video_box.active { opacity: 1; visibility: visible;}
.home_s4 .video_box video{  width: 100%; height: 100%; }

.home_s4 .img-box { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.home_s4 .img-box img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

/* 添加模糊过渡层 */
.home_s4 .blur-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgb(5, 50, 109); z-index: 99; opacity: 0; visibility: hidden; transition: 1.5s; will-change: transform;}
.home_s4 .blur-overlay.active { opacity: 1; visibility: visible;}

.home_s4 .video_box.relative-mode { position: sticky !important; top: 0; z-index: 1000;}
.home_s4 .blur-overlay.relative-mode { position: sticky !important; z-index: 999;}



.home_s4 .con_c{ position: fixed; width: 100%; height: 100vh; display: flex; justify-content: flex-end; padding-right: 4.01vw; top: 50%; z-index: 1000; will-change: transform;}

.home_s4 .smart_anim{ position: fixed; width: 100%; top: 1.93vw; right: 0.42vw; display: flex; justify-content: flex-end; gap: 0; height: 10.42vw;}

.home_s4 .smart_anim svg{ position: absolute; width: 10.42vw; height: 10.42vw; overflow: visible;}

.home_s4 .smart_anim .li{ margin-right: 2px; width: 10.42vw; height: 10.42vw; transition: 1s; cursor: pointer;}
.home_s4 .smart_anim .li .li_an{ width: 100%; height: 100%;}
.home_s4 .smart_anim .li .li_box{ position: relative; width: 100%; height: 100%; padding: 0 0; display: flex; justify-content: space-between; transition: 0.8s;}
.home_s4 .smart_anim .li .letter{ transition: 0.4s; position: relative; top: 0; left: 0; z-index: 1;}

.home_s4 .smart_anim .li .tit{ width:0; height: 4.48vw; overflow: hidden; position: absolute; left: 11.3vw; top: 1.41vw; transition: 0.8s; z-index: 1; white-space: nowrap;}
.home_s4 .smart_anim .li .tit span{ display: inline-block; vertical-align: top;}

.home_s4 .pc { display: block; }
.home_s4 .mobile { display: none !important; }

.home_s4 .smart_anim .li .mobile{ width: 26.57vw; height: 2.81vw; overflow: hidden; position: absolute; left: 11.46vw; top: 6.51vw; transform: translateY(20px); opacity: 0; transition: 0.5s; z-index: 1; }
.home_s4 .smart_anim .li .mobile span{ position: absolute; left: 0; top: 0; }

.home_s4 .smart_anim .li .txt1{ width: 30.57vw; height: 2.81vw; overflow: hidden; position: absolute; left: 11.46vw; top: 6.51vw; transform: translateY(20px); opacity: 0; transition: 0.5s; z-index: 1; }
.home_s4 .smart_anim .li .txt2{ width: 30.57vw; height: 2.81vw; overflow: hidden; position: absolute; left: 11.46vw; top: 7.9vw; transform: translateY(20px); opacity: 0; transition: 0.5s; z-index: 1; }
.home_s4 .smart_anim .li .txt1 span{ position: absolute; left: 0; top: 0; }
.home_s4 .smart_anim .li .txt2 span{ position: absolute; left: 0; top: 0; }

.home_s4 .smart_anim .li1{width: 10.42vw;min-width: 10.42vw;}
.home_s4 .smart_anim .li2{width: 10.42vw;min-width: 10.42vw;}
.home_s4 .smart_anim .li3{width: 10.42vw;min-width: 10.42vw;}
.home_s4 .smart_anim .li4{width: 10.42vw;min-width: 10.42vw;}
.home_s4 .smart_anim .li5{width: 10.42vw;min-width: 10.42vw;}

.home_s4 .smart_anim .li.one { flex: 0 0 auto; }
.home_s4 .smart_anim .li1.one { width: calc(41.88vw + 2.6vw);}
.home_s4 .smart_anim .li2.one { width: calc(53.8vw + 2.6vw);}
.home_s4 .smart_anim .li3.one { width: calc(46.56vw + 2.6vw);}
.home_s4 .smart_anim .li4.one { width: calc(51.31vw + 2.6vw);}
.home_s4 .smart_anim .li5.one { width: calc(38.91vw + 2.6vw);}

.home_s4 .smart_anim .li.one .tit{ transition: 0.8s 0.1s;}
.home_s4 .smart_anim .li.one .txt1{ opacity: 1; transform: translateY(0); transition: 0.8s 0.4s;}
.home_s4 .smart_anim .li.one .txt2{ opacity: 1; transform: translateY(0); transition: 0.8s 0.55s;}

.home_s4 .smart_anim .li1.one .tit{ width: 30.68vw;}
.home_s4 .smart_anim .li2.one .tit{ width: 42.6vw;}
.home_s4 .smart_anim .li3.one .tit{ width: 35.36vw;}
.home_s4 .smart_anim .li4.one .tit{ width: 40.11vw;}
.home_s4 .smart_anim .li5.one .tit{ width: 27.71vw;}

.home_s4 .con_c .lii1 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.0s;}
.home_s4 .smart_anim{ transform: translateY(60px); opacity: 0; transition: 1s 0.2s;}

.home_s4 .con_c.one1 .lii1 .pic{ transform: translateY(0); opacity: 1;}
.home_s4 .smart_anim.one1{ transform: translateY(0); opacity: 1;}

.home_s4 .smart_anim .li .letter svg path { fill-opacity: 0.4; transition: fill-opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.home_s4 .smart_anim .li.one .letter svg path { fill-opacity: 1;}

.home_s4 .smart_anim .li .letter { position: relative;}
.home_s4 .smart_anim .li .letter::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(0%, -50%); width: 10.42vw; height: 10.42vw; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 1.04vw; z-index: -1; opacity: 1.0; transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.home_s4 .smart_anim .li.one .letter::before { opacity: 1;}
.home_s4 .smart_anim .li .letter svg foreignObject { display: none;}

.home_s4.pe_on{
    pointer-events: all;
}












.left_down{ position: fixed; width: 100%; height: auto; left: 0; bottom: 3.13vw; z-index: 10000; pointer-events: none;}
.left_down .txt{ color: #fff; font-family: 'Montserrat-Regular'; font-size: 10px; font-weight: 400; line-height: 118%; letter-spacing: 1px; writing-mode: vertical-rl; text-orientation: mixed; padding: 0 14px 5px 13px;}

.left_down .li1{ transform: translateY(60px); opacity: 0; transition: 1s 0.0s;}
.left_down.one .li1{ transform: translateY(0); opacity: 1;}
.left_down.leaving .li1{ opacity: 0; transform: translateY(-60px); transition: 0.5s;}













.home_s5{ position: sticky; width: 100%; height: 100vh; left: 0; top: 0; z-index: 1000; pointer-events: none;}
.home_s5 .particle_3d { position: sticky; left: 0; top: 0; width: 100%; height: 100vh; will-change: transform opacity; transform: translateZ(0);}

.home_s5 .particle_3d .bg-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
    pointer-events: none;
    will-change: opacity;
    transform: translateZ(0);
    z-index: -1;
}

.home_s5 .particle_3d .layer1 {
    background-image: url(../images/qianfan/s5_bg.jpg); background-position: center;
}
.home_s5 .particle_3d .layer2 {
    background-image: url(../images/qianfan/s5_bg1.jpg); background-position: center;
}
.home_s5 .particle_3d .layer3 {
    background-image: url(../images/qianfan/s5_bg2.jpg); background-position: center;
}
.home_s5 .particle_3d .layer4 {
    background-image: url(../images/qianfan/s5_bg3.jpg); background-position: center;
}
.home_s5 .particle_3d .layer5 {
    background-image: url(../images/qianfan/s5_bg4.jpg); background-position: center;
}
.home_s5 .particle_3d .layer6 {
    background-image: url(../images/qianfan/s5_bg5.jpg); background-position: center;
}
.home_s5 .particle_3d .layer7 {
    display: none;
    background-image: url(../images/qianfan/s5_bg6.jpg); background-position: center;
}


.home_s5 .particle_3d .bg_light{ display: none; position: absolute; left: 50.5%; bottom: 0px; transform: translateX(-50%); opacity: 0; transition: 1s; z-index: -1;}
.home_s5 .particle_3d .bg_light img{ width: 115vw; height: 70vw;}
.home_s5 .particle_3d .bg_light.one{ opacity: 1;}
.home_s5 .particle_3d .bg_light.one1{ opacity: 0;}









.home_s6{ position: relative; width: 100%; height: 100vh; left: 0; top: 0; z-index: 1000; pointer-events: none;}
.home_s6 .con_c{ position: fixed; width: 100%; height: 100%; left: 12.92vw; top: 23%;}
.home_s6 .con_c .li4{ margin-top: 2.45vw; margin-left: 40.21vw; width: 31.02vw;}
.home_s6 .con_c .li5{ margin-top: 2.19vw; margin-left: 40.21vw;}

.home_s6 .con_c .li1 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.0s;}
.home_s6 .con_c .li2 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.2s;}
.home_s6 .con_c .li3 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.4s;}
.home_s6 .con_c .li4 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.6s;}
.home_s6 .con_c .li5 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.8s;}

.home_s6.one .con_c .li1 .pic{ transform: translateY(0); opacity: 1;}
.home_s6.one .con_c .li2 .pic{ transform: translateY(0); opacity: 1;}
.home_s6.one .con_c .li3 .pic{ transform: translateY(0); opacity: 1;}
.home_s6.one .con_c .li4 .pic{ transform: translateY(0); opacity: 1;}
.home_s6.one .con_c .li5 .pic{ transform: translateY(0); opacity: 1;}


.home_s6.leaving .con_c .li1 .pic .home_tit5{ opacity: 0; transform: translateY(-100%); transition: 1s;}
.home_s6.leaving .con_c .li2 .pic .home_tit5{ opacity: 0; transform: translateY(-100%); transition: 1s;}
.home_s6.leaving .con_c .li3 .pic .home_tit5{ opacity: 0; transform: translateY(-100%); transition: 1s;}
.home_s6.leaving .con_c .li4 .pic{ opacity: 0; transform: translateY(-60px); transition: 1s;}
.home_s6.leaving .con_c .li5 .pic{ opacity: 0; transform: translateY(-60px); transition: 1s;}

.home_s6.onPointer{ pointer-events: all;}








.home_s7{ position: relative; width: 100%; height: 100vh; left: 0; top: 0; z-index: 1000; pointer-events: none;}
.home_s7 .con_c{ position: fixed; width: 100%; height: 100%; padding-left: 7.8vw; top: 23%; --after-opacity: 0; --before-opacity: 0; z-index: 2;}
.home_s7 .con_c .li2{ margin-top: 0;}
.home_s7 .con_c .li3{ margin-top: 2.45vw; margin-left: 10.42vw; width: 18.65vw;}

.home_s7 .con_c .li1 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.0s;}
.home_s7 .con_c .li2 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.2s;}
.home_s7 .con_c .li3 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.4s;}

.home_s7.one .con_c .li1 .pic{ transform: translateY(0); opacity: 1;}
.home_s7.one .con_c .li2 .pic{ transform: translateY(0); opacity: 1;}
.home_s7.one .con_c .li3 .pic{ transform: translateY(0); opacity: 1;}

.home_s7 .con_c.leaving .li1 .pic .home_tit5{ opacity: 0; transform: translateY(-100%); transition: 1s;}
.home_s7 .con_c.leaving .li2 .pic .home_tit5{ opacity: 0; transform: translateY(-100%); transition: 1s;}
.home_s7 .con_c.leaving .li3 .pic{ opacity: 0; transform: translateY(-60px); transition: 1s;}


.home_s7 .con_b{ position: relative; width: 100%; height: 100%; top: -13.02vw; display: flex; justify-content: center;}

.home_s7 .con_b .li1{ position: absolute; right: 11.82vw; top: 0; z-index: 1; width: 10.94vw; height: 9.79vw; border-radius: 20px; background: linear-gradient(104deg, rgba(0, 179, 255, 0.10) 3.95%, rgba(153, 153, 153, 0.10) 59.84%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); overflow: hidden;}
.home_s7 .con_b .li1 .vid1{ position: absolute; left: 0; top: 0; width: 10.94vw; height: 9.79vw;}
.home_s7 .con_b .li1 img{ width: 10.94vw; height: 9.79vw;}
.home_s7 .con_b .li1 .con_tit{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 4.69vw 0.99vw 0 0.99vw; display: flex; align-items: center; justify-content: center; text-align: center;}
.home_s7 .con_b .li1 .con_tit span{ display: block;}

.home_s7 .con_b .li2{ position: absolute; right: 32vw; top: 8.85vw; z-index: 1; background: linear-gradient(104deg, rgba(0, 239, 255, 0.20) 3.95%, rgba(0, 0, 255, 0.10) 59.84%); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);border-radius: 10px;}
.home_s7 .con_b .li2 img{ width: 18.02vw; height: 4.69vw;}

.home_s7 .con_b .li3{ position: absolute; right: 10.21vw; top: 22.92vw; z-index: 0;}
.home_s7 .con_b .li3 img{ width: 36.67vw; height: 21.25vw;}

.home_s7 .con_b .li4{ position: absolute; right: 5.83vw; top: 40.63vw;}
.home_s7 .con_b .li4 img{ width: 11.82vw; height: 19.84vw;}

.home_s7 .con_b .li5{ position: absolute; right: 24.95vw; top: 61.46vw; z-index: 1; background: linear-gradient(155deg, rgba(0, 129, 175, 0.60) 15.86%, rgba(0, 0, 156, 0.30) 84.14%); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); border-radius: 10px;}
.home_s7 .con_b .li5 img{ width: 7.08vw; height: 6.46vw;}

.home_s7 .con_b .li6{ position: absolute; right: 24.43vw; top: 70.31vw; z-index: 1; background: linear-gradient(104deg, rgba(0, 179, 255, 0.15) 3.95%, rgba(0, 0, 255, 0.15) 59.84%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 10px;}
.home_s7 .con_b .li6 .vid2{ position: absolute; left: 1.04vw; top: 1.04vw; width: 2.6vw; height: 2.6vw; border-radius: 10.42vw;}
.home_s7 .con_b .li6 img{ width: 14.32vw; height: 7.71vw;}


.home_s7 .con_b .li{ transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); will-change: transform;}
.home_s7 .con_b .li1 { transform: translateY(0px); }
.home_s7 .con_b .li2 { transform: translateY(0px); }
.home_s7 .con_b .li3 { transform: translateY(0px); }
.home_s7 .con_b .li4 { transform: translateY(0px); }
.home_s7 .con_b .li5 { transform: translateY(0px); }
.home_s7 .con_b .li6 { transform: translateY(0px); }







.home_s8{ position: relative; width: 100%; height: 100vh; left: 0; top: 0; z-index: 1000;pointer-events: none;}





.home_s9{ position: relative; width: 100%; height: 100vh; left: 0; top: 0; z-index: 1000;pointer-events: none;}
.home_s9 .con_c{ position: fixed; width: 100%; height: 100%; top: 23%; left: 100%; transform: translateX(-50%);}
.home_s9 .con_c .li2{ margin-top: 0;}
.home_s9 .con_c .li3{ margin-top: 2.45vw; margin-left: 10.42vw; width: 20.99vw;}
.home_s9 .con_c .li4{ margin-top: 0; opacity: 0; pointer-events: none;}

.home_s9 .con_c .li1 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.0s;}
.home_s9 .con_c .li2 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.2s;}
.home_s9 .con_c .li3 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.4s;}
.home_s9 .con_c .li4 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.5s;}

.home_s9.one .con_c .li1 .pic{ transform: translateY(0); opacity: 1;}
.home_s9.one .con_c .li2 .pic{ transform: translateY(0); opacity: 1;}
.home_s9.one .con_c .li3 .pic{ transform: translateY(0); opacity: 1;}
.home_s9.one .con_c .li4 .pic{ transform: translateY(0); opacity: 1;}

.home_s9 .con_c.leaving .li1 .pic .home_tit5{ opacity: 0; transform: translateY(-100%); transition: 1s;}
.home_s9 .con_c.leaving .li2 .pic .home_tit5{ opacity: 0; transform: translateY(-100%); transition: 1s;}
.home_s9 .con_c.leaving .li3 .pic{ opacity: 0; transform: translateY(-60px); transition: 1s;}
.home_s9 .con_c.leaving .li4 .pic{ opacity: 0; transform: translateY(-60px); transition: 1s;}


.home_s9 .con_b{ position: absolute; width: 100%; height: 100%; top: -35.46vw;display: flex;flex-direction: column; align-items: center; right: 24.5%;}
.home_s9 .con_b .li{ width: 17.75vw; height: 17.75vw; border-radius: 500px;background: linear-gradient(127deg, rgba(0, 179, 255, 0.15) 15.59%, rgba(0, 0, 255, 0.10) 85.24%);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px); margin-bottom: 2.65vw; flex-shrink: 0;}
.home_s9 .con_b .circle{ width: 100%; height: 100%; background: url(../images/qianfan/s13_tit4.png) no-repeat center; background-size: 17.75vw 17.75vw; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.26vw; text-align: center;}
.home_s9 .con_b .circle_tit{ font-size: 3.44vw; line-height: 120%; font-family: 'PublicSans-Regular'; font-weight: 400; letter-spacing: -0.07vw; background: linear-gradient(90deg, #00EBF8 0%, #00F 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.home_s9 .con_b .circle_txt{ font-size: 0.83vw; line-height: 150%; font-family: 'Montserrat-Regular'; color: #fff; font-weight: 400; letter-spacing: -0.04vw; width: 9.38vw;}




/* 序列帧 */
.bg_sequence { position: relative; width: 100%; height: 100%; left: 0; top: 0; z-index: 0;display: flex; justify-content: center; align-items: center; }
.bg_sequence .bg_phone { position: relative; left: 0; top: 0; width: 31.25vw; height: 31.25vw; }
.bg_sequence .bg_phone img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; object-fit: contain; }
.bg_sequence .bg_phone img.one { opacity: 1; z-index: 10; }




.home_s10{ position: relative; width: 100%; height: 170vh; left: 0; top: 0; z-index: 1000;pointer-events: none;}



.home_s11{ position: relative; width: 100%; height: 100vh; left: 0; top: 0; z-index: 1000;pointer-events: none;}
.home_s11 .con_c{ position: fixed; width: 100%; height: 100%; top: 23%; padding: 0 10.94vw 0 9.38vw;}
.home_s11 .con_c .li2{ margin-top: 0;}
.home_s11 .con_c .li3{ margin-top: 0;}
/* 右对齐 */
.home_s11 .con_c .li4{ width: 20.99vw; margin-top: 9.25vw; margin-left: auto; margin-right: 6.25vw;}

/* .home_s11 .pc { display: block; }
.home_s11 .mobile { display: none !important; } */

.home_s11 .con_c .li1 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.0s;}
.home_s11 .con_c .li2 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.2s;}
.home_s11 .con_c .li3 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.4s;}
.home_s11 .con_c .li4 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.5s;}

.home_s11.one .con_c .li1 .pic{ transform: translateY(0); opacity: 1;}
.home_s11.one .con_c .li2 .pic{ transform: translateY(0); opacity: 1;}
.home_s11.one .con_c .li3 .pic{ transform: translateY(0); opacity: 1;}
.home_s11.one .con_c .li4 .pic{ transform: translateY(0); opacity: 1;}

.home_s11 .con_c.leaving .li1 .pic .home_tit5{ opacity: 0; transform: translateY(-100%); transition: 1s;}
.home_s11 .con_c.leaving .li2 .pic .home_tit5_02{ opacity: 0; transform: translateY(-100%); transition: 1s;}
.home_s11 .con_c.leaving .li3 .pic .home_tit5_02{ opacity: 0; transform: translateY(-100%); transition: 1s;}
.home_s11 .con_c.leaving .li4 .pic{ opacity: 0; transform: translateY(-60px); transition: 1s;}






.home_s12{ position: relative; width: 100%; height: 100vh; left: 0; top: 0; z-index: 1000;pointer-events: none;}




.home_s13{ position: relative; width: 100%; height: 100vh; left: 0; top: 0; z-index: 1000;pointer-events: none;}
.home_s13 .con_c{ position: fixed; width: 100%; height: 100%; text-align: center; top: 0; display: flex; flex-direction: column; justify-content: center; z-index: 2;}
.home_s13 .con_c .li1{ margin-right: 5.21vw; margin-top: -23.44vw;}
.home_s13 .con_t{ position: fixed; left: 51%; bottom: 0; transform: translateX(-50%); z-index: 0;}
.home_s13 .con_t img{ width: 62.5vw; height: 33.02vw;}
.home_s13 .con_c .li3{ position: absolute; width: 42.19vw; left: 50%; bottom: 3.13vw; padding-right: 5.21vw; transform: translateX(-50%);}


.home_s13 .con_t .pc { display: block; }
.home_s13 .con_t .mobile { display: none !important; position: absolute; bottom: 0;}

.home_s13 .con_c .li1 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.0s;}
.home_s13 .con_t .pic{ transform: translateY(0); opacity: 0; transition: 1s 0s;}
.home_s13 .con_c .li3 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.4s;}

.home_s13.one .con_c .li1 .pic{ transform: translateY(0); opacity: 1;}
.home_s13.one .con_t .pic{ transform: translateY(0); opacity: 1;}
.home_s13.one .con_c .li3 .pic{ transform: translateY(0); opacity: 1;}


.home_s13.leaving .con_c .li1 .pic .home_tit5{ opacity: 0; transform: translateY(-100%); transition: 1s;}
.home_s13.leaving .con_t .pic{ opacity: 0; transform: translateY(0); transition: 1s;}
.home_s13.leaving .con_c .li3 .pic{ opacity: 0; transform: translateY(-60px); transition: 1s;}


.home_s13 .con_b{ position: relative; width: 100%; height: 100%; top: -62.5vw; display: flex; justify-content: center;}

.home_s13 .con_b .li1{ position: absolute; left: 16.67vw; width: 12.92vw; height: 12.92vw; border-radius: 10px; overflow: hidden;}
.home_s13 .con_b .li1 .vid1{ position: absolute; left: -1.35vw; top: -1.72vw; width: 15.63vw; height: 15.63vw;}
.home_s13 .con_b .li1 img{ width: 12.92vw; height: 12.92vw;}

.home_s13 .con_b .li2{ position: absolute; right: 13.94vw; top: 39.58vw; border-radius: 20px; background: linear-gradient(90deg, #00EBF8 0%, #00F 100%);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
.home_s13 .con_b .li2 img{ width: 9.38vw; height: 8.96vw;}

.home_s13 .con_b .li3{ position: absolute; left: 23.04vw; top: 33.85vw; width: 17.71vw; height: 13.54vw; border-radius: 10px; background: rgba(4, 36, 85, 0.60);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.home_s13 .con_b .li3 img{ width: 17.71vw; height: 13.54vw;}
.home_s13 .con_b .li3 .con_tit{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 0 3.18vw 2.08vw; display: flex; align-items: end; justify-content: start; text-align: center;}

.home_s13 .con_b .li4{ position: absolute; right: 21.49vw; top: 47.4vw; width: 17.71vw; height: 13.54vw; border-radius: 10px; background: rgba(4, 36, 85, 0.60);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.home_s13 .con_b .li4 img{ width: 17.71vw; height: 13.54vw;}
.home_s13 .con_b .li4 .con_tit{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 0 3.18vw 2.08vw; display: flex; align-items: end; justify-content: start; text-align: center;}


.home_s13 .con_b .li5{ position: absolute; left: 14.6vw; top: 78.13vw; }
.home_s13 .con_b .li5 img{ width: 13.54vw; height: 12.5vw;}

.home_s13 .con_b .li6{ position: absolute; right: 13vw; top: 116.58vw; border-radius: 20px; width: 9.43vw; height: 8.59vw; border-radius: 10px; background: rgba(4, 36, 85, 0.60);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.home_s13 .con_b .li6 img{ width: 9.43vw; height: 8.59vw;}


.home_s13 .con_b .li{ transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); will-change: transform;}
.home_s13 .con_b .li1 { transform: translateY(0px); }
.home_s13 .con_b .li2 { transform: translateY(0px); }
.home_s13 .con_b .li3 { transform: translateY(0px); }
.home_s13 .con_b .li4 { transform: translateY(0px); }
.home_s13 .con_b .li5 { transform: translateY(0px); }
.home_s13 .con_b .li6 { transform: translateY(0px); }




.home_s14{ position: relative; width: 100%; height: 100vh; left: 0; top: 0; z-index: 1000;pointer-events: none;}




.home_s15{ position: relative; width: 100%; height: 100vh; left: 0; top: 0; z-index: 1000;pointer-events: none;}
.home_s15 .earth_icons{ display: none;}
.home_s15 .con_c{ position: fixed; width: 100%; height: 100%; top: 23%; left: 100%; transform: translateX(-50%);}
.home_s15 .con_c .li2{ margin-top: 0;}
.home_s15 .con_c .li3{ margin-left: 10.42vw; margin-top: 2.45vw; width: 27.81vw;}
.home_s15 .con_c .li4{ margin-left: 10.42vw; margin-top: 1.3vw; width: 27.81vw;}
.home_s15 .con_c .li5{ margin-left: 10.42vw; margin-top: 1.3vw; width: 27.81vw;}
.home_s15 .con_c .li6{ margin-left: 10.42vw; margin-top: 1.3vw; width: 27.81vw;}
.home_s15 .con_c .li4 .home_tit5_txt{ color: #999; margin-left: 16px;}
.home_s15 .con_c .li5 .home_tit5_txt{ color: #999; margin-left: 16px;}
.home_s15 .con_c .li6 .home_tit5_txt{ color: #999; margin-left: 16px;}
.home_s15 .con_c svg{ position: absolute; top: 8px;}

.home_s15 .pc { display: block; }
.home_s15 .mobile { display: none !important; }

.home_s15 .con_c .li1 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.0s;}
.home_s15 .con_c .li2 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.2s;}
.home_s15 .con_c .li3 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.4s;}
.home_s15 .con_c .li4 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.6s;}
.home_s15 .con_c .li5 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.8s;}
.home_s15 .con_c .li6 .pic{ transform: translateY(60px); opacity: 0; transition: 1s 0.8s;}

.home_s15.one .con_c .li1 .pic{ transform: translateY(0); opacity: 1;}
.home_s15.one .con_c .li2 .pic{ transform: translateY(0); opacity: 1;}
.home_s15.one .con_c .li3 .pic{ transform: translateY(0); opacity: 1;}
.home_s15.one .con_c .li4 .pic{ transform: translateY(0); opacity: 1;}
.home_s15.one .con_c .li5 .pic{ transform: translateY(0); opacity: 1;}
.home_s15.one .con_c .li6 .pic{ transform: translateY(0); opacity: 1;}

.home_s15 .con_c.leaving .li1 .pic .home_tit5{ opacity: 0; transform: translateY(-100%); transition: 1s;}
.home_s15 .con_c.leaving .li2 .pic .home_tit5_02{ opacity: 0; transform: translateY(-100%); transition: 1s;}
.home_s15 .con_c.leaving .li3 .pic{ opacity: 0; transform: translateY(-60px); transition: 1s;}
.home_s15 .con_c.leaving .li4 .pic{ opacity: 0; transform: translateY(-60px); transition: 1s;}
.home_s15 .con_c.leaving .li5 .pic{ opacity: 0; transform: translateY(-60px); transition: 1s;}
.home_s15 .con_c.leaving .li6 .pic{ opacity: 0; transform: translateY(-60px); transition: 1s;}



/* .home_s16{ position: relative; width: 100%; height: 100vh; left: 0; top: 0; z-index: 1000; pointer-events: none;} */


/* .home_s17{ position: relative; width: 100%; height: 100vh; left: 0; top: 0; z-index: 1000; pointer-events: none;} */



.home_s18{ position: relative; width: 100%; height: 100vh; left: 0; margin-top: -26.04vw; z-index: 1000;pointer-events: none;}
.home_s18 .con_c{ position: absolute; width: 100%; height: 100%; top: 0; text-align: center;}
.home_s18 .con_c .li2{ margin: 0.68vw auto 0; width: 60.65vw;}


.home_s18.one .con_c .li1 .pic{ transform: translateY(0); opacity: 1;}
.home_s18.one .con_c .li2 .pic{ transform: translateY(0); opacity: 1;}


.home_s18 .con_b{ position: absolute; top: 10.42vw; left: 0;}
.home_s18 .con_b .sw_con1{ position: relative; z-index: 0; top: 0; width: 110.42vw; height: 7.29vw;}
.home_s18 .con_b .sw_con2{ position: relative; z-index: 0; top: 1.04vw; width: 110.42vw; height: 7.29vw;}
.home_s18 .con_b .swiper { width: 100%; height: 100%;}
.home_s18 .con_b .swiper .swiper-wrapper{
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.home_s18 .con_b .sw_con1 .swiper-slide{ border: 1px solid rgba(255, 255, 255, 0.10); display: flex; align-items: center; justify-content: center; width: 20.83vw; height: 7.29vw;background: linear-gradient(127deg, rgba(0, 179, 255, 0.10) 15.59%, rgba(153, 153, 153, 0.10) 85.24%);border-radius: 0.52vw;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
.home_s18 .con_b .sw_con1 .swiper-slide img{ width: auto; width: auto;}
.home_s18 .con_b .sw_con1 .swiper-slide img{ max-width: 50%; max-height: 50%; width: auto; height: auto; object-fit: contain;}
.home_s18 .con_b .sw_con2 .swiper-slide{ border: 1px solid rgba(255, 255, 255, 0.10); display: flex; align-items: center; justify-content: center; width: 20.83vw; height: 7.29vw;background: linear-gradient(127deg, rgba(0, 179, 255, 0.10) 15.59%, rgba(153, 153, 153, 0.10) 85.24%);border-radius: 0.52vw;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
.home_s18 .con_b .sw_con2 .swiper-slide img{ width: auto; width: auto;}
.home_s18 .con_b .sw_con2 .swiper-slide img{ max-width: 50%; max-height: 50%; width: auto; height: auto; object-fit: contain;}



/* .home_s19_ceshi{ position: relative; width: 100%; height: 0; left: 0; top: 0; z-index: 1000;}
.home_s19_ceshi .bg_canvas{ position: relative; left: 0; top: 0; width: 100%; height: 100vh; z-index: 0;} */



.home_s19{ position: relative; width: 100%; height: 100vh; left: 0; top: -10.42vw; z-index: 1000;}
.home_s19 .con_c{ position: absolute; width: 100%; height: 100%; padding-top: 15.1vw; left: 15.52vw;}
.home_s19 .con_c .li2{ margin-top: 1.56vw; margin-left: -0.36vw;}
.home_s19 .con_c .li3{ margin-top: 2.08vw; margin-left: -0.21vw;}

.home_s19 .con_c .li2 .pic .img{ width: 27.08vw; height: 3.13vw; background: rgba(128, 169, 255, 0.21);-webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); border-radius: 10px;}
.home_s19 .con_c .li2 .pic .img2{ margin-top: 0.78vw;}
.home_s19 .con_c .li2 .pic .img3{ margin-top: 0.78vw; height: 6.09vw;}

.home_s19 .img input,
.home_s19 .img textarea { width: 100%; height: 100%; background: transparent; border: none; outline: none; padding: 0 20px; color: #fff; font-size: 0.94vw; font-family: inherit; box-sizing: border-box;}
.home_s19 .img textarea { padding: 15px 20px; resize: none;}
.home_s19 .img input::placeholder,
.home_s19 .img textarea::placeholder { color: #DADADA; font-family: 'Montserrat-Regular'; font-weight: 400; line-height: 150%; letter-spacing: -0.03vw;}


/* 横屏提示层 */
.rotate-tip {display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;color: #fff;z-index: 10000000;justify-content: center;align-items: center;flex-direction: column;text-align: center;font-size: 18px;}


/* 动效 */
.header{transition: 1s 0.0s; transform: translateY(-120%);}
.header.on{transform: translate(0) !important;}



.scrollbox .often_anima{ opacity: 0; transition: 1s;}
.scrollbox .often_anima:nth-child(1){ transition-delay: 0s;}
.scrollbox .often_anima:nth-child(2){ transition-delay: 0.2s;}
.scrollbox .often_anima:nth-child(3){ transition-delay: 0.4s;}
.scrollbox .often_anima:nth-child(4){ transition-delay: 0.6s;}
.scrollbox .often_anima:nth-child(5){ transition-delay: 0.8s;}
.scrollbox .often_anima:nth-child(6){ transition-delay: 1s;}

.scrollbox .often_anima_scale{ transform: scale(0.9);}
.scrollbox .often_anima_left{ transform: translateX(-60px);}
.scrollbox .often_anima_right{ transform: translateX(60px);}
.scrollbox .often_anima_top{ transform: translateY(-60px);}
.scrollbox .often_anima_bottom{ transform: translateY(60px);}
.scrollbox .often_anima_alpha{ opacity: 1;}
.scrollbox.on .often_anima{ transform: translate(0) scale(1); opacity: 1;}




/* 小PC-1600以下 */
@media screen and (max-width:1600px){
    .header .logo{ height: 40px;}
    .header .btn_nav{ width: 48px;}
    .header .btn_box .menu{ font-size: 14px;}
    .header .col div::after{ width: 114px; height: 34px;}
    .header .col .d2 dt span{ font-size: 11px;}
    .header .col .d2 dt .icon-diqiu{ font-size: 13px;}
    .header .col .d2 dt .icon-sanjiao{ font-size: 9px;}
    .header .col .d2 dd ul{ font-size: 11px;}

    /* .home_s1 .con_b{ padding: 3.56vw 0 0 0;} */

    
    .home_s13 .con_c .li1{ margin-right: 5.21vw; margin-top: -25.44vw;}

    .footer .con_t .ul a{ font-size: 13.94px;}
    .footer .con_t .phone{ font-size: 13.94px;}
    .footer .con_t .email{ font-size: 13.94px;}
    .footer .con_b .cop{ font-size: 13.02px;}
    .footer .con_b .onefeel{ font-size: 13.02px;}
    
}



/* 小PC-1400以下 */
@media screen and (max-width:1400px){

    /* .home_s1 .con_b{ padding: 5.56vw 0 0 0;} */

    .home_s2 .con_c{ right: 60.1px; bottom: 49.92px;}

    .home_s13 .con_c .li1{ margin-right: 5.21vw; margin-top: -29.44vw;}
}



/* ipad-横 */
@media screen and (max-width:1200px){
    .cookies{ position: fixed; width: 400px; height: 68px; bottom: 1.72vw; right: 4.64vw; border-radius: 100px; border: 1px solid rgba(255, 251, 251, 0.20); background: rgba(34, 35, 42, 0.80); backdrop-filter: blur(20px); display: inline-flex; padding: 0.83vw 13px 0.83vw 26px; align-items: center; gap: 15px; z-index: 2000;}
    .cookies .con_txt{ font-size: 14px; }

    /* .home_s1 .con_b{ padding: 5.56vw 0 0 0;} */
    .home_s1 .con_c{ padding: 0 0 5.31vw 18.23vw;}
    .home_s1 .con_b{ width: 83.33vw; left: -12.5vw; padding: 1.56vw 0 0 0;}
    .home_s1 .con_b .li1 img{ width: 8.25vw; height: auto;}
    .home_s1 .con_b .li2{ display: flex; width: 100%; margin: 4vw 4.17vw 0 4.16vw; padding-top: 2.14vw; border-top: solid 1px #d9d9d97a;}
    .home_s1 .con_b .li2 .txt{ color: #FFF;font-family: 'Montserrat-Regular';font-size: 1vw;font-weight: 400;letter-spacing: 0.8px;}
    .home_s1 .con_b .li2 span{ width: 0.21vw; height: 0.21vw; background-color: #FFF; border-radius: 50%; margin: 0.42vw 1.04vw 0 1.04vw;}
    .home_s1 .con_b .li3 img{ width: 3.4vw; height: auto;}

    .home_s1 .con_b .li3 .logo{ top: -15.7vw;}

    .home_s2 .con_c .li1 .pic{ width: 490px; height: 320px;}
    .home_s2 .con_c .li2 .pic { width: 490px; height: 275px;}

    
    .home_tit2{ font-size: 29px;}
    .home_txt{ font-size: 14px;}
    .btn_more a{ padding: 0 30px; line-height: 41px; font-size: 11px;}
    .home_s19 .btn_more a{ padding: 0 39px;}
    .btn_more a .jiantou{ top: -1px; padding-left: 5px;}
    .btn_more a .jiantou img{ width: 26px; height: auto;}

    .home_s2 .con_c .li1 .pic .home_tit2{ padding: 38px 70px 10px 40px;}
    .home_s2 .con_c .li1 .pic .home_txt{ padding: 0 50px 0 40px;}
    .home_s2 .con_c .li2 .pic .home_txt{ padding: 38px 25px 9px 40px;}
    .home_s2 .con_c .li2 .pic .btn_more{ padding: 18px 0 0 40px;}

    .home_tit3{ font-size: 100px; }
    .home_tit3_txt{ font-size: 14px; }
    .home_s3 .con_c .li{ width: 188px;}
    .home_s3 .con_c .li span{ font-size: 50px;}

    

    .home_tit4{ font-size: 1.82vw; }
    .tit{ font-size: 5.04vw;}
    .tit_txt{ font-size: 15px; line-height: 120%; letter-spacing: 0;}
    .home_s4{ height: 120vw !important; }
    /* .home_s4{ height: 160vh !important; } */
    .home_s4 .video-container video { display: none;}
    .home_s4 .img-box { display: block;}
    .home_s4 .con_c {  position: absolute; flex-direction: column; align-items: flex-start; justify-content: flex-start; top: 0;  left: 10%; height: auto; min-height: 100vh;}
    .home_s4 .lii1 { margin-bottom: 8.21vw; width: 100%;}
    .home_s4 .smart_anim {  position: relative; flex-direction: column;  align-items: flex-start;  justify-content: flex-start; width: 100%; top: 0; right: 0; height: auto;}
    .home_s4 .smart_anim svg{ position: absolute; width: 13vw; height: 13vw;}
    .home_s4 .smart_anim .li {  width: 100% !important;  height: auto; min-width: 100% !important;  margin-bottom: 22.58vw;}
    .home_s4 .smart_anim .li::before{ content: ""; position: absolute; width: 50vw; height: 100%; margin-left: 15.5vw; border-top: 1px solid #FFF;}
    .home_s4 .smart_anim .li .tit{ width:100%; height: 4.48vw; overflow: hidden; position: absolute; left: 15.5vw; top: 2.3vw; transition: 0.8s; z-index: 1;}
    .home_s4 .smart_anim .li .tit_txt{ width: 48.25vw; height: 10.21vw; overflow: hidden; position: absolute; left: 15.46vw; top: 8vw; transform: translateY(0); opacity: 1;}
    .home_s4 .smart_anim .li .letter svg path { fill-opacity: 1; fill: white;}
    .home_s4 {pointer-events: none;}
    .home_s4 .smart_anim .li * { pointer-events: auto;}
    .home_s4 .smart_anim .li .letter::before{ display: none;}

    .home_s4 .pc { display: none !important; }
    .home_s4 .mobile { display: block !important;}

    .home_s4 .smart_anim .li1.one .tit{ width: 589.06px;}
    .home_s4 .smart_anim .li2.one .tit{ width: 817.92px;}
    .home_s4 .smart_anim .li3.one .tit{ width: 678.91px;}
    .home_s4 .smart_anim .li4.one .tit{ width: 750.91px;}
    .home_s4 .smart_anim .li5.one .tit{ width: 532.03px;}



    .left_down .wrap{ padding: 0 2.13vw; }



    
    .home_tit5 span{ font-size: 1.3vw; }
    .home_tit5_txt{ font-size: 14px; }
    .con_tit{ font-size: 12px;}

    .home_s5 .particle_3d .bg_light{ display: block; position: absolute; left: 50.5%; bottom: 2vw; transform: translateX(-50%); z-index: -1;}
    .home_s5 .particle_3d .bg_light img{ width: 115vw; height: auto;}

    .home_s6 .con_c .li4{ width: 35vw;}
    .home_s7 .con_c .li3{ width: 20vw;}


    .home_s7 .con_b{ position: relative; width: 100%; height: 100%; top: -16.02vw; display: flex; justify-content: center;}

    .home_s7 .con_b .li1{ position: absolute; right: 11.82vw; top: 0; z-index: 1; width: 12.94vw; height: auto; border-radius: 20px; background: linear-gradient(104deg, rgba(0, 179, 255, 0.10) 3.95%, rgba(153, 153, 153, 0.10) 59.84%);-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); overflow: hidden;}
    .home_s7 .con_b .li1 .vid1{ display: none;}
    .home_s7 .con_b .li1 .con_tit{ display: none;}
    .home_s7 .con_b .li1 img{ width: 12.94vw; height: auto;}

    .home_s7 .con_b .li2{ position: absolute; right: 33.67vw; top: 8.85vw; z-index: 1; background: linear-gradient(104deg, rgba(0, 239, 255, 0.20) 3.95%, rgba(0, 0, 255, 0.10) 59.84%); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);border-radius: 10px;}
    .home_s7 .con_b .li2 img{ width: 20.02vw; height: auto;}

    .home_s7 .con_b .li3{ position: absolute; right: 10.21vw; top: 25.92vw; z-index: 0;}
    .home_s7 .con_b .li3 img{ width: 37.42vw; height: auto;}

    .home_s7 .con_b .li4{ position: absolute; right: 5.83vw; top: 45.63vw;}
    .home_s7 .con_b .li4 img{ width: 13.82vw; height: auto;}

    .home_s7 .con_b .li5{ position: absolute; right: 24.95vw; top: 66.46vw; z-index: 1; background: linear-gradient(155deg, rgba(0, 129, 175, 0.60) 15.86%, rgba(0, 0, 156, 0.30) 84.14%); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); border-radius: 10px;}
    .home_s7 .con_b .li5 img{ width: 9.08vw; height: auto;}

    .home_s7 .con_b .li6{ position: absolute; right: 29.43vw; top: 75.31vw; z-index: 1; background: linear-gradient(104deg, rgba(0, 179, 255, 0.15) 3.95%, rgba(0, 0, 255, 0.15) 59.84%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 10px;}
    .home_s7 .con_b .li6 .vid2{ display: none;}
    .home_s7 .con_b .li6 img{ width: 16.32vw; height: auto;}



    .home_s9 .con_c .li3{ width: 28vw;}

    .home_s9 .con_b{ top: -38.46vw; right: 30%;}
    .home_s9 .con_b .li{ width: 20.75vw; height: 20.75vw; margin-bottom: 4vw;}
    .home_s9 .con_b .circle{ background-size: 20.75vw 20.75vw;}
    .home_s9 .con_b .circle_tit{ font-size: 4.65vw;}
    .home_s9 .con_b .circle_txt{ font-size: 1.1vw; width: 20.38vw;}


    .home_s11 .con_c .li4{ width: 25.99vw; margin-top: 12.25vw; margin-left: auto; margin-right: 2.25vw;}

    
    .home_s13 .con_c .li1{ margin-right: 5.21vw; margin-top: -33.44vw;}
    .home_s13 .con_t img{ width: 70.5vw; height: 41.02vw;}
    .home_s13 .con_c .li3{ width: 50.19vw; }

    .home_s13 .con_b{ position: relative; width: 100%; height: 100%; top: -85.5vw; display: flex; justify-content: center;}

    .home_s13 .con_b .li1{ position: absolute; left: 8.67vw; width: 14.92vw; height: auto; border-radius: 10px; overflow: hidden;}
    .home_s13 .con_b .li1 .vid1{ display: none;}
    .home_s13 .con_b .li1 img{ width: 14.92vw; height: auto;}

    .home_s13 .con_b .li2{ position: absolute; right: 13.94vw; top: 50.58vw; border-radius: 20px; background: linear-gradient(90deg, #00EBF8 0%, #00F 100%);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
    .home_s13 .con_b .li2 img{ width: 11.38vw; height: auto;}

    .home_s13 .con_b .li3{ position: absolute; left: 17.04vw; top: 41.85vw; width: 19.71vw; height: auto; border-radius: 10px; background: rgba(4, 36, 85, 0.60);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
    .home_s13 .con_b .li3 img{ width: 19.71vw; height: auto;}
    .home_s13 .con_b .li3 .con_tit,
    .home_s13 .con_b .li4 .con_tit{ padding: 0 0 3.4vw 2.4vw;}

    .home_s13 .con_b .li4{ position: absolute; right: 18.49vw; top: 60.4vw; width: 19.71vw; height: auto; border-radius: 10px; background: rgba(4, 36, 85, 0.60);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
    .home_s13 .con_b .li4 img{ width: 19.71vw; height: auto;}

    .home_s13 .con_b .li5{ position: absolute; left: 9.23vw; top: 95.13vw; }
    .home_s13 .con_b .li5 img{ width: 15.54vw; height: auto;}

    .home_s13 .con_b .li6{ position: absolute; right: 11.81vw; top: 142.58vw; width: 11.43vw; height: auto; border-radius: 10px; background: rgba(4, 36, 85, 0.60);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
    .home_s13 .con_b .li6 img{ width: 11.43vw; height: auto;}


    
    .home_s15 .con_c .li3{ width: 34vw;}
    .home_s15 .con_c .li4{ width: 34vw;}
    .home_s15 .con_c .li5{ width: 34vw;}
    .home_s15 .con_c .li6{ width: 34vw;}


    .home_s18 .con_b .sw_con2{ top: 20px;}

    
    .home_s19 .con_c { top: 100px;}
    .home_s19 .img input,
    .home_s19 .img textarea { font-size: 1.1vw;}
    /* .home_s19 .con_c .li1, */
    /* .home_s19 .con_c .li2, */
    /* .home_s19 .con_c .li3 { width: 100%; margin-left: 0; margin-right: 0; display: flex; justify-content: center; } */
    /* .home_s19 .con_c .li3{ margin-top: 9vw;} */

    /* .home_s19 .con_c .li2 .pic{ position: relative; width: 100%; padding: 0 30px 0 30px;} */
    /* .home_s19 .con_c .li2 .pic .img{ width: 100%; height: 14vw; border-radius: 2vw;} */
    /* .home_s19 .con_c .li2 .pic .img1{ margin-top: 3vw;} */
    /* .home_s19 .con_c .li2 .pic .img2{ margin-top: 2vw;} */
    /* .home_s19 .con_c .li2 .pic .img3{ margin-top: 2vw; height: 22vw;} */

    /* .home_s19 .img input, */
    /* .home_s19 .img textarea { font-size: 3.6vw;} */


    /* .footer .wrap{ padding-top: 2.21vw;} */
    .footer .con_t .li1 img{ width: 13.46vw;}
    .footer .con_t .li3 img{ width: 5.13vw;}
    
    .footer .con_t .ul a{ font-size: 1.16vw;}
    .footer .con_t .phone{ font-size: 1.16vw;}
    .footer .con_t .email{ font-size: 1.16vw;}
}



/* ipad-竖 */
@media screen and (max-width:940px){
    .home_tit{ font-size: 50px; line-height: 55px;}

    .header .btn_box{ padding-left: 180px;}
    .home_s1 .con_c{ padding-left: 180px;}

    /* .home_s1 .con_b{ height: 100vh; bottom: 50px;}
    .home_s1 .con_b .li2::after{ margin-top: -30px;}
    .home_s1 .con_b .li1 img{ width: 60px; height: 60px;}
    .home_s1 .con_b .li2::after{ margin-top: -15px;}
    .home_s1 .con_b .li2 .txt{ font-size: 10px;}
    .home_s1 .con_b .li2 span{ width: 3px; height: 3px; margin: 5px 10px 0 10px ;}
    .home_s1 .con_b .li3{ position: absolute; right: 60px; bottom: 0;}
    .home_s1 .con_b .li3 img{ width: 25px; height: 25px;} */

    .home_s2 .con_c{ right: 40px; bottom: 30px;}

    /* .tit_txt{ font-size: 10px; }
    .home_s4 .smart_anim .li .tit_txt{ top: 6.4vw;} */
    /* .home_s4{ height: 130vw; } */




    .home_tit5 span{ font-size: 1.7vw; }
    .home_tit5_txt{ font-size: 1.5vw; }
    .home_s6 .con_c .li3{ width: 36vw;}
    .home_s7 .con_c .li3{ width: 23vw;}



    .home_s7 .con_b{ position: relative; width: 100%; height: 100%; top: -20.02vw; display: flex; justify-content: center;}

    .home_s7 .con_b .li1{ position: absolute; right: 11.82vw; top: 0; z-index: 1; width: 15.94vw; height: auto; border-radius: 20px; background: linear-gradient(104deg, rgba(0, 179, 255, 0.10) 3.95%, rgba(153, 153, 153, 0.10) 59.84%);-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); overflow: hidden;}
    .home_s7 .con_b .li1 .vid1{ display: none;}
    .home_s7 .con_b .li1 .con_tit{ display: none;}
    .home_s7 .con_b .li1 img{ width: 15.94vw; height: auto;}

    .home_s7 .con_b .li2{ position: absolute; right: 36.67vw; top: 10.85vw; z-index: 1; background: linear-gradient(104deg, rgba(0, 239, 255, 0.20) 3.95%, rgba(0, 0, 255, 0.10) 59.84%); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);border-radius: 10px;}
    .home_s7 .con_b .li2 img{ width: 23.02vw; height: auto;}

    .home_s7 .con_b .li3{ position: absolute; right: 10.21vw; top: 40.92vw; z-index: 0;}
    .home_s7 .con_b .li3 img{ width: 42.42vw; height: auto;}

    .home_s7 .con_b .li4{ position: absolute; right: 5.83vw; top: 70.63vw;}
    .home_s7 .con_b .li4 img{ width: 16.82vw; height: auto;}

    .home_s7 .con_b .li5{ position: absolute; right: 24.95vw; top: 95.46vw; z-index: 1; background: linear-gradient(155deg, rgba(0, 129, 175, 0.60) 15.86%, rgba(0, 0, 156, 0.30) 84.14%); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); border-radius: 10px;}
    .home_s7 .con_b .li5 img{ width: 12.08vw; height: auto;}

    .home_s7 .con_b .li6{ position: absolute; right: 29.43vw; top: 105.31vw; z-index: 1; background: linear-gradient(104deg, rgba(0, 179, 255, 0.15) 3.95%, rgba(0, 0, 255, 0.15) 59.84%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 10px;}
    .home_s7 .con_b .li6 .gif2{ position: absolute; left: 1.04vw; top: 1.04vw; width: 6vw; height: 6vw; background-color: #000000; border-radius: 200px;}
    .home_s13 .con_b .li6 img{ width: 15.8vw; height: 13.8vw;}


    .home_s9 .con_c .li3{ width: 28vw;}

    .home_s9 .con_b{ top: -38.46vw; right: 30%;}
    .home_s9 .con_b .li{ width: 22.75vw; height: 22.75vw; margin-bottom: 4vw;}
    .home_s9 .con_b .circle{ background-size: 22.75vw 22.75vw;}
    .home_s9 .con_b .circle_tit{ font-size: 4.65vw;}
    .home_s9 .con_b .circle_txt{ font-size: 1.4vw; width: 15vw;}


    .home_s11 .con_c{ padding: 0 8.94vw 0 7.38vw;}
    .home_s11 .con_c .li4{ width: 25.99vw; margin-top: 25.25vw; margin-left: auto; margin-right: 2.25vw;}


    .home_s13 .con_b{ position: relative; width: 100%; height: 100%; top: -120.5vw; display: flex; justify-content: center;}

    .home_s13 .con_b .li1{ position: absolute; left: 7.67vw; width: 17.92vw; height: auto; border-radius: 10px; overflow: hidden;}
    .home_s13 .con_b .li1 .vid1{ display: none;}
    .home_s13 .con_b .li1 img{ width: 17.92vw; height: auto;}

    .home_s13 .con_b .li2{ position: absolute; right: 13.94vw; top: 70.58vw; border-radius: 20px; background: linear-gradient(90deg, #00EBF8 0%, #00F 100%);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
    .home_s13 .con_b .li2 img{ width: 14.38vw; height: auto;}

    .home_s13 .con_b .li3{ position: absolute; left: 17.04vw; top: 50.85vw; width: 22.71vw; height: auto; border-radius: 10px; background: rgba(4, 36, 85, 0.60);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
    .home_s13 .con_b .li3 img{ width: 22.71vw; height: auto;}
    .home_s13 .con_b .li3 .con_tit,
    .home_s13 .con_b .li4 .con_tit{ padding: 0 0 3.7vw 2.6vw;}

    .home_s13 .con_b .li4{ position: absolute; right: 18.49vw; top: 80.4vw; width: 22.71vw; height: auto; border-radius: 10px; background: rgba(4, 36, 85, 0.60);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
    .home_s13 .con_b .li4 img{ width: 22.71vw; height: auto;}

    .home_s13 .con_b .li5{ position: absolute; left: 9.23vw; top: 130.13vw; }
    .home_s13 .con_b .li5 img{ width: 18.54vw; height: auto;}

    .home_s13 .con_b .li6{ position: absolute; right: 11vw; top: 200.58vw; border-radius: 20px; width: 14.43vw; height: auto; border-radius: 10px; background: rgba(4, 36, 85, 0.60);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
    .home_s13 .con_b .li6 img{ width: 14.43vw; height: auto;}


    .home_s19 .btn_more a{ padding: 0 55px;}


    /* .home_s19 .con_c .li2 .pic .img{ width: 27.08vw; height: 3.13vw; background: rgba(194, 194, 194, 0.20); backdrop-filter: blur(7.5px); border-radius: 10px;}
    .home_s19 .con_c .li2 .pic .img2{ margin-top: 0.78vw;}
    .home_s19 .con_c .li2 .pic .img3{ margin-top: 0.78vw; height: 6.09vw;}
    .home_s19 .img input,
    .home_s19 .img textarea { width: 100%; height: 100%; background: transparent; border: none; outline: none; padding: 0 20px; color: #fff; font-size: 0.94vw; font-family: inherit; box-sizing: border-box;}
    .home_s19 .img textarea { padding: 15px 20px; resize: none;}
    .home_s19 .img input::placeholder,
    .home_s19 .img textarea::placeholder { color: #DADADA; font-family: 'Montserrat-Regular'; font-weight: 400; line-height: 150%; letter-spacing: -0.03vw;} */


    .footer .con_t .ul a{ font-size: 1.6vw;}
    .footer .con_t .phone{ font-size: 1.6vw;}
    .footer .con_t .email{ font-size: 1.6vw;}
    /* .footer .con_t .list{ gap: 0.5vw;} */
    /* .footer .con_t .ul{ gap: 0.45vw;} */
    .footer .con_t .logo .l img{ width: 4.08vw;}

}


/* 手机端 */
@media screen and (max-width:758px){
    .cookies{ width: calc(100% - 26px); left: 13px; right: 13px; bottom: 13px; right: 0; border-radius: 100px; border: 1px solid rgba(255, 251, 251, 0.20); background: rgba(34, 35, 42, 0.80); backdrop-filter: blur(20px); display: inline-flex; justify-content: space-between; padding: 0.83vw 13px 0.83vw 26px;}
    .cookies .con_txt{ font-size: 14px; }

    /* 首页 */
	.load .logo img{ width: 16rem; height: 3rem;}
	.loading-text{ right: 3%;}
	.loading-text .text{ font-size: 5rem;}
	.loading-text .text i{ font-size: 2.5rem; padding-top: 20px;}
    
    .wrap{ padding: 0 0; }
    .header{ padding: 35px 0 0 25px;}
    .header .btn_box{ position: absolute; right: 40px; }
    .header .btn_box::after{ content: ""; position: absolute; width: 50px; height: 50px; right: -15px; border-radius: 100px; background: #FFF; z-index: -1;}
    .header .btn_nav{ width: 20.95px;}
    .header .btn_nav span{ height: 3px;}
    .header .btn_nav span:before,
    .header .btn_nav span:after{ background: #000;}
    .header .btn_nav span:before{ top: -4px; border-radius: 100px;}
    .header .btn_nav span:after{ top: 4px; border-radius: 100px;}
    .header .btn_box .menu{ display: none;}
    .header .col{ display: none;}



    .home_tit{ font-size: 40px; line-height: 120%; letter-spacing: 0;}
    .home_tit.blur{ display: none;}
    .home_tit3.blur{ display: none;}
    .home_tit3_txt.blur{ display: none;}
    .home_tit2{ line-height: 100%; letter-spacing: 0px; }
    .home_txt{ letter-spacing: 0px; }



    .home_s1 .con_c{ padding: 0 25px 30px 25px;}
    .home_s1 .con_b{ width: 87vw; left: 0px; padding: 70px 0 0 0;}
    .home_s1 .con_b .li1 img{ width: 60px; height: 60px;}
    .home_s1 .con_b .li2 .txt{ display: none;}
    .home_s1 .con_b .li2 span{ display: none;}
    .home_s1 .con_b .li3 img{ width: 30px; height: 30px;}

    .home_s1 .con_b .li3 .logo .l{ margin-bottom: 5px;}
    .home_s1 .con_b .li3 .logo{ top: -90px;}



    .home_s2 .con_c{ right: 0; bottom: 0;}
    .home_s2 .con_c .li1 .pic{ width: 100%; height: auto; border-radius: 0;}
    .home_s2 .con_c .li2 .pic{ width: 100%; height: auto; border-radius: 0;}
    
    .home_s2 .con_c .li1 .pic .home_tit2{ padding: 25px 25px 15px 25px;}
    .home_s2 .con_c .li1 .pic .home_txt{ padding: 0 25px 40px 25px;}
    .home_s2 .con_c .li2 .pic .home_txt{ padding: 25px 25px 22px 25px;}
    .home_s2 .con_c .li2 .pic .btn_more{ padding: 0 0 40px 25px;}



    .home_tit3{ font-size: 14.27vw; letter-spacing: 0;}
    .home_tit3_txt{ font-size: 3.73vw; letter-spacing: 0;}
    .home_s3 .con_c{ left: 50%; top: 100%; transform: translate(-50%, -100%); width: 100%; padding: 25px 30px 40px 25px; background: rgba(153, 159, 199, 0.13); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); column-gap: auto; row-gap: auto;}
    .home_s3 .con_c .li{ width: 31.5vw;}
    .home_s3 .con_c .li span{ font-size: 8.6vw;}

    .home_s3 .con_c .li .pic{ transform: none !important; opacity: 1 !important; transition: none !important;}

    .home_s3 .con_c{ opacity: 0; transform: translate(-50%, -80%); transition: 1s 0s;}
    .home_s3.one .con_c{ opacity: 1; transform: translate(-50%, -100%);}
    .home_s3.leaving .con_c{ opacity: 0; transform: translate(-50%, -120%); transition: 1s;}




    .home_tit4{ font-size: 3vw;}
    .tit{ font-size: 8.2vw;}
    .tit_txt{ font-size: 3vw; line-height: 116%; letter-spacing: -0.04vw;}
    .home_s4{ height: 200vw !important; }
    .home_s4 .video-container video { display: none;}
    .home_s4 .img-box { display: block;}
    .home_s4 .img-box img { object-position: 56%; }
    /* .home_s4 .blur-overlay { position: fixed; top: 0; left: 0; width: 100%; height: auto; background: rgb(5, 50, 109); z-index: 99; opacity: 0; visibility: hidden; transition: 1.5s;} */
    .home_s4 .con_c {  position: absolute; flex-direction: column; align-items: flex-start; justify-content: flex-start; top: 0; left: 5%; height: auto; min-height: 100vh;}
    .home_s4 .lii1 { margin-bottom: 12vw; width: 100%;}
    .home_s4 .smart_anim {  position: relative; flex-direction: column;  align-items: flex-start;  justify-content: flex-start; width: 100%; top: 0; right: 0; height: auto;}
    .home_s4 .smart_anim svg{ position: absolute; width: 18vw; height: 18vw;}
    .home_s4 .smart_anim .li {  width: 100% !important;  height: 10.42vw; min-width: 100% !important; margin-bottom: 25.33vw;}
    .home_s4 .smart_anim .li::before{ content: ""; position: absolute; width: 65vw; height: 100%; margin-left: 20.5vw; border-top: 1px solid #FFF;}
    .home_s4 .smart_anim .li .tit{ width:100%; height: 6.48vw; overflow: hidden; position: absolute; left: 20.5vw; top: 4vw; transition: 0.8s; z-index: 1;}
    .home_s4 .smart_anim .li .tit_txt{ width: 60.25vw; height: 10.21vw; overflow: hidden; position: absolute; left: 20.46vw; top: 12.5vw; transform: translateY(0); opacity: 1;}
    .home_s4 .smart_anim .li .letter svg path { fill-opacity: 1; fill: white;}
    .home_s4 {pointer-events: none;}
    .home_s4 .smart_anim .li * { pointer-events: auto;}

    /* .home_s4 .con_c .lii1 .pic,
    .home_s4 .smart_anim{ transform: translateY(0); opacity: 1;} */
    .home_s4 .letter foreignObject { display: none;}
    .home_s4 .smart_anim .li .letter::before{ display: none;}



    .left_down{ display: none;}


    /* 粒子变换内容部分 */
    .home_tit5 { font-size: 32px; width: 85vw; line-height: 100%; letter-spacing: 0;}
    .home_tit5 span { font-size: 14px; display: block; padding-right: 0; margin-bottom: 10px; }
    .home_tit5_02 { font-size: 20px; width: 85vw; letter-spacing: 0px;}
    .home_tit5_txt { font-size: 14px; width: 85vw; font-weight: 400;}
    .home_tit5_txt span{ font-size: 14px; }

    .home_s5 .particle_3d .layer1 { background-position: center;}
    .home_s5 .particle_3d .layer2 { background-position: 60%;}
    .home_s5 .particle_3d .layer3 { background-position: 20%;}
    .home_s5 .particle_3d .layer4 { background-position: center;}
    .home_s5 .particle_3d .layer5 { background-position: 20%;}
    .home_s5 .particle_3d .layer6 { background-position: center;}
    .home_s5 .particle_3d .layer7 { display: block; background-position: 75%;}


    .home_s5 .particle_3d .bg_light{ display: block; position: absolute; left: 51.3%; bottom: 21.3vw; transform: translateX(-50%); z-index: -1;}
    .home_s5 .particle_3d .bg_light img{ width: 174vw; height: auto;}

    /* .home_s5 .particle_3d .bg_light{ display: block; position: absolute; left: 51%; bottom: 9.42vw; transform: translateX(-50%); z-index: -1;}
    .home_s5 .particle_3d .bg_light img{ width: 174vw; height: 160vw;} */






    .home_s6 .con_c { position: relative; left: 0; text-align: center; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; top: -500px; height: 100%;}
    .home_s6 .con_c .li1,
    .home_s6 .con_c .li2,
    .home_s6 .con_c .li3,
    .home_s6 .con_c .li4,
    .home_s6 .con_c .li5 { width: 100%; margin-left: 0; margin-right: 0; display: flex; justify-content: center; }
    .home_s6 .con_c .li3 { margin-top: 0;}
    .home_s6 .con_c .li4 { margin-top: 20px;}
    .home_s6 .con_c .li5 { margin-top: 25px;}
    
    .pic_x .home_tit5{ transform: translateY(0);}
    .pic_x .home_tit5_02{ transform: translateY(0);}
    .home_s6 .con_c .li1 .pic,
    .home_s6 .con_c .li2 .pic,
    .home_s6 .con_c .li3 .pic,
    .home_s6 .con_c .li4 .pic,
    .home_s6 .con_c .li5 .pic{ transform: translateY(0); opacity: 1;}
    .home_s6.leaving .con_c .li1 .pic .home_tit5,
    .home_s6.leaving .con_c .li2 .pic .home_tit5,
    .home_s6.leaving .con_c .li3 .pic .home_tit5,
    .home_s6.leaving .con_c .li4 .pic,
    .home_s6.leaving .con_c .li5 .pic { opacity: 1; transform: translateY(0);}
    



    

    .home_s7 .con_c { position: relative; left: 0; padding-left: 0; text-align: start; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; top: -350px; height: 100%; }
    .home_s7 .con_c .li1,
    .home_s7 .con_c .li2,
    .home_s7 .con_c .li3 { width: 100%; margin-left: 0; margin-right: 0; display: flex; justify-content: center; }
    .home_s7 .con_c .li3 { margin-top: 20px;}

    .home_s7 .con_c .li1 .pic,
    .home_s7 .con_c .li2 .pic,
    .home_s7 .con_c .li3 .pic{ transform: translateY(0); opacity: 1;}
    .home_s7 .con_c.leaving .li1 .pic .home_tit5,
    .home_s7 .con_c.leaving .li2 .pic .home_tit5,
    .home_s7 .con_c.leaving .li3 .pic{ opacity: 1; transform: translateY(0);}

    .home_s7 .con_b{ position: relative; top: -330px;}
    .home_s7 .con_b .li{ left: auto; right: auto;}
    .home_s7 .con_b .li1{ left: 54vw; top: 0; border-radius: 0; background: none; overflow: visible;}
    .home_s7 .con_b .li1 .vid1{ display: none;}
    .home_s7 .con_b .li1 .con_tit{ display: none;}
    .home_s7 .con_b .li1 img{ width: 135.05px; height: auto;}

    .home_s7 .con_b .li2{ left: 11vw; top: 135.1px;}
    .home_s7 .con_b .li2 img{ width: 250px; height: auto;}

    .home_s7 .con_b .li3{ left: auto; top: 205px;}
    .home_s7 .con_b .li3 img{ width: 320.06px; height: auto;}

    .home_s7 .con_b .li4{ left: 50vw; top: 340px;}
    .home_s7 .con_b .li4 img{ width: 137.94px; height: auto;}

    .home_s7 .con_b .li5{ left: 26.1vw; top: 483.15px;}
    .home_s7 .con_b .li5 img{ width: 110.34px; height: auto;}

    .home_s7 .con_b .li6{ left: 9vw; top: 555.46px;}
    .home_s7 .con_b .li6 .gif2{ display: none;}
    .home_s7 .con_b .li6 img{ width: 190px; height: auto;}






    .home_s9 .con_c { position: relative; left: 0; transform: translateX(0); text-align: start; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; top: -700px; height: 100%; }
    .home_s9 .con_c .li1,
    .home_s9 .con_c .li2,
    .home_s9 .con_c .li3,
    .home_s9 .con_c .li4 { width: 100%; margin-left: 0; margin-right: 0; display: flex; justify-content: center; }
    .home_s9 .con_c .li4{ margin-top: 0; opacity: 1;}
    .home_s9 .con_c .li3 { margin-top: 20px;}
    .bg_sequence .bg_phone { width: 51.25vw; height: 51.25vw;}


    .home_s9 .con_c .li1 .pic,
    .home_s9 .con_c .li2 .pic,
    .home_s9 .con_c .li3 .pic,
    .home_s9 .con_c .li4 .pic{ transform: translateY(0); opacity: 1;}
    .home_s9 .con_c.leaving .li1 .pic .home_tit5,
    .home_s9 .con_c.leaving .li2 .pic .home_tit5,
    .home_s9 .con_c.leaving .li3 .pic,
    .home_s9 .con_c.leaving .li4 .pic{ opacity: 1; transform: translateY(0);}

    .home_s9 .con_b{ position: relative; width: 100%; height: 100%; top: -640px; display: flex;flex-direction: column; align-items: center; right: 0;}
    .home_s9 .con_b .li{ width: 100%; height: 0; border-radius: 0;background: none; -webkit-backdrop-filter: none; backdrop-filter: none; margin-bottom: 150px;}
    .home_s9 .con_b .circle{ width: 100%; height: 100%; background: none; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0; text-align: center;}
    .home_s9 .con_b .circle_tit{ font-size: 64px; letter-spacing: -0.6vw;}
    .home_s9 .con_b .circle_txt{ font-size: 14px; width: 50.38vw;}





    .home_s11 .con_c { position: relative; left: 0; text-align: start; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; top: -1000px; height: 100%; }
    .home_s11 .con_c .li1,
    .home_s11 .con_c .li2,
    .home_s11 .con_c .li3,
    .home_s11 .con_c .li4 { width: 100%; margin-left: 0; margin-right: 0; display: flex; justify-content: center;}
    .home_s11 .con_c .li4{ width: 20.99vw; margin-top: 20px; margin-left: 10px;}

    /* .home_s11 .pc { display: none !important; }
    .home_s11 .mobile { display: block !important; padding-left: 0;} */

    .home_s11 .con_c .li1 .pic,
    .home_s11 .con_c .li2 .pic,
    .home_s11 .con_c .li3 .pic,
    .home_s11 .con_c .li4 .pic{ transform: translateY(0); opacity: 1;}
    .home_s11 .con_c.leaving .li1 .pic .home_tit5,
    .home_s11 .con_c.leaving .li2 .pic .home_tit5,
    .home_s11 .con_c.leaving .li3 .pic .home_tit5,
    .home_s11 .con_c.leaving .li4 .pic{ opacity: 1; transform: translateY(0);}




    .con_tit{ font-size: 12px;}

    .home_s13 .con_c { position: relative; left: 0; text-align: start; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; top: -900px; height: 100%; }
    .home_s13 .con_c .li1,
    .home_s13 .con_t,
    .home_s13 .con_c .li3{ width: 100%; margin-left: 0; margin-right: 0; display: flex; justify-content: center; }

    .home_s13 .con_c .li3{ margin-top: 0; padding-left: 5vw;}

    .home_s13 .con_c .li1{ margin-top: 0;}
    .home_s13 .con_t{ position: fixed; top: 85.6vw; z-index: -1;}
    .home_s13 .con_t img{ width: 100vw; height: auto;}
    .home_s13 .con_c .li3{ position: absolute; width: 42.19vw; left: 50%; bottom: 0; top: 50px; transform: translateX(-50%);}

    .home_s13 .con_t .pc { display: none; }
    .home_s13 .con_t .mobile { display: block !important; position: absolute; bottom: 0;}

    /* .home_s13 .con_t .pic{
        margin-bottom: 50px;
        width: 100vw;
        height: auto;
        background: url(../images/qianfan/s9_tit3.png) center / contain no-repeat;
        background-size: 100% 100%;
    } */

    /* .home_s13 .con_t img{
        display: none;
    } */

    .home_s13 .con_c .li1 .pic,
    .home_s13 .con_c .li3 .pic{ transform: translateY(0); opacity: 1;}
    .home_s13 .con_c.leaving .li1 .pic .home_tit5,
    /* .home_s13 .con_c.leaving .li2 .pic, */
    .home_s13 .con_c.leaving .li3 .pic{ opacity: 1; transform: translateY(0);}

    .home_s13 .con_b{ position: relative; width: 100%; height: 100%; top: -790px; display: flex; justify-content: center;}
    .home_s13 .con_b .li2{ right: 6vw; top: 0; border-radius: 1.04vw;}
    .home_s13 .con_b .li2 img{ width: 33vw; height: auto;}

    .home_s13 .con_b .li3{ left: 6vw; top: 35vw; width: 48.6vw; height: auto; border-radius: 0.52vw;}
    .home_s13 .con_b .li3 img{ width: 48.6vw; height: auto;}
    .home_s13 .con_b .li3 .con_tit,
    .home_s13 .con_b .li4 .con_tit{ padding: 0 0 8.6vw 6vw;}

    .home_s13 .con_b .li1{ left: auto; right: 10vw; top: 64vw; width: 33.92vw; height: auto; border-radius: 0.52vw; overflow: visible;}
    .home_s13 .con_b .li1 .vid1{ display: none !important;}
    .home_s13 .con_b .li1 video{ display: none !important;}
    .home_s13 .con_b .li1 img{ width: 33.92vw; height: auto;}

    .home_s13 .con_b .li5{ left: 14.5vw; top: 105vw; }
    .home_s13 .con_b .li5 img{ width: 33.54vw; height: auto;}

    .home_s13 .con_b .li6{ right: 7vw; top: 150.83vw; width: 33vw; height: auto; border-radius: 0.52vw;}
    .home_s13 .con_b .li6 img{ width: 33vw; height: auto;}

    .home_s13 .con_b .li4{ right: auto; left: 6vw; top: 195.4vw; width: 48.6vw; height: auto; border-radius: 0.52vw;}
    .home_s13 .con_b .li4 img{ width: 48.6vw; height: auto;}

    



    .home_s15 .con_c { position: relative; left: 0; transform: translateX(0); text-align: start; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; top: -1000px; height: 100%;}
    .home_s15 .con_c .li1,
    .home_s15 .con_c .li2,
    .home_s15 .con_c .li3,
    .home_s15 .con_c .li4,
    .home_s15 .con_c .li5,
    .home_s15 .con_c .li6 { width: 100%; margin-left: 0; margin-right: 0; display: flex; justify-content: center; }

    .home_s15 .pc { display: none !important; }
    .home_s15 .mobile { display: block !important; padding-left: 30px;}
    
    .home_s15 .con_c .li3{ margin-left: 0; margin-top: 20px; width: 27.81vw;}
    .home_s15 .con_c .li4{ margin-left: 4vw; margin-top: 3vw; width: 27.81vw;}
    .home_s15 .con_c .li5{ margin-left: 4vw; margin-top: 3vw; width: 27.81vw;}
    .home_s15 .con_c .li6{ margin-left: 4vw; margin-top: 3vw; width: 27.81vw;}


    .home_s15 .con_c .li1 .pic,
    .home_s15 .con_c .li2 .pic,
    .home_s15 .con_c .li3 .pic,
    .home_s15 .con_c .li4 .pic,
    .home_s15 .con_c .li5 .pic,
    .home_s15 .con_c .li6 .pic{ transform: translateY(0); opacity: 1;}
    .home_s15 .con_c.leaving .li1 .pic .home_tit5,
    .home_s15 .con_c.leaving .li2 .pic .home_tit5,
    .home_s15 .con_c.leaving .li3 .pic,
    .home_s15 .con_c.leaving .li4 .pic,
    .home_s15 .con_c.leaving .li5 .pic,
    .home_s15 .con_c.leaving .li6 .pic{ opacity: 1; transform: translateY(1);}


    


    .home_s18 .con_c { position: relative; left: 0; text-align: center; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; top: -580px; height: 100%;}
    .home_s18 .con_c .li1,
    .home_s18 .con_c .li2 { width: 100%; margin-left: 0; margin-right: 0; display: flex; justify-content: center; }
    .home_s18 .con_c .li2{ margin-top: 15px;}
    .home_s18 .con_b{ top: -88px;}
    .home_s18 .con_b .sw_con1{ width: 110.42vw; height: auto;}
    .home_s18 .con_b .sw_con2{ top: 10px; width: 110.42vw; height: auto;}
    .home_s18 .con_b .sw_con1 .swiper-slide{ width: 195px; height: 90px;}
    .home_s18 .con_b .sw_con2 .swiper-slide{ width: 195px; height: 90px;}




    .home_s19 .con_c { position: relative; left: 0; text-align: center; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; top: 0; height: 100%;}
    .home_s19 .con_c .li1,
    .home_s19 .con_c .li2,
    .home_s19 .con_c .li3 { width: 100%; margin-left: 0; margin-right: 0; display: flex; justify-content: center; }
    .home_s19 .con_c .li3{ margin-top: 9vw;}

    .home_s19 .con_c .li2 .pic{ position: relative; width: 100%; padding: 0 30px 0 30px;}
    .home_s19 .con_c .li2 .pic .img{ width: 100%; height: 14vw; border-radius: 2vw;}
    .home_s19 .con_c .li2 .pic .img1{ margin-top: 3vw;}
    .home_s19 .con_c .li2 .pic .img2{ margin-top: 2vw;}
    .home_s19 .con_c .li2 .pic .img3{ margin-top: 2vw; height: 22vw;}

    .home_s19 .img input,
    .home_s19 .img textarea { font-size: 3.6vw;}







    
    .footer .con_t{ padding: 5vw 0 0 6.82vw;}
    .footer .con_t .li1{ display: none;}
    .footer .con_t .li3{ display: none;}
    .footer .con_t .li2{ margin-left: 0;}
    .footer .con_t .ul a{ display: none;}
    .footer .con_t .txt{ gap: 0.42vw;}
    .footer .con_t .phone{ font-size: 3.5vw; }
    .footer .con_t .email{ font-size: 3.5vw;}
    .footer .con_t .email span{display: inline-block;}
    .footer .con_t .logo{ gap: 4.83vw; padding: 5vw 0 10vw 0;}
    .footer .con_t .logo .l img{ width: 40px;}
    
    .footer .con_b{ padding-left: 6.82vw; flex-direction: column; gap: 1vw;}
    .footer .con_b .cop{ max-width: 90%; font-size: 3.5vw;line-height: 200%;}
    .footer .con_b .onefeel{ font-size: 3.5vw;line-height: 200%;}
}

























