.topx{position:relative; z-index:888;}
.topx-content{position:relative; margin-top:-88px;}
.topx-content:before{position:absolute; content:''; top:-38px; left:-38px; right:-38px; border-radius:18px; bottom:0; background:#fff;}
.topx-content:after{display:block; content:''; clear:both;}
.topx-list{margin:0 -14px;}
.topx-item{position:relative; z-index:8; float:left; width:25%; padding:0 14px;}
.topx-item>div{background:#f8f8f8; padding:38px 28px; position:relative;}
.topx-item>div>i{font-size:38px; margin-right:8px; color:#f20f0f;}
.topx-item>div>b{font-size:36px;}
.topx-item>div>h3{font-size:20px; margin:18px 0 8px 0;} 
.topx-item>div>ul:after{display:block; content:''; clear:both;}
.topx-item>div>ul>li{float:left; min-width:50%; position:relative; padding-left:18px; margin-top:18px; font-size:16px; color:#686868;}
.topx-item>div>ul>li:before{position:absolute; width:6px; height:6px; border-radius:6px; opacity:0.8; content:''; left:0; top:50%; margin-top:-3px; background:#f20f0f;}
.topx-item>div>span{display:block; margin-top:28px;}
.topx-item>div>span:after{display:block; content:''; clear:both;}
.topx-item>div>span>a{float:left; overflow:hidden; line-height:36px; padding:0 18px; border-radius:3px; color:#fff; background:#f20f0f;}
.topx-item>div>span>a>b{font-weight:normal; position:relative; z-index:1;}
.topx-item>div>span>a:hover{background:#fff; color:#f20f0f;}
@media(max-width:1200px){
.topx-content{margin-top:0; padding-top:38px;}
.topx-content:before{display:none;}
.topx-list{margin:0 -10px;}
.topx-item{width:50%; padding:10px;}
}
@media(max-width:767px){
.topx-content{padding-top:18px;}
.topx-list{margin:0;}
.topx-item{width:100%; padding:4px 0;}
.topx-item>div{padding:16px;}
.topx-item>div>i{font-size:28px; margin-right:4px;}
.topx-item>div>b{font-size:26px;}
.topx-item>div>h3{font-size:16px; margin:12px 0 4px 0;} 
.topx-item>div>ul>li{padding-left:12px; margin-top:12px; font-size:14px;}
.topx-item>div>span{margin-top:18px;}
.banner-content>article{display:none;}

}


.intx{position:relative; margin-top:38px;}
.intx-content{display:block; background:url('../images/150031444.jpg') #000; background-size:cover; padding:48px; color:#fff;}
.intx-content:after{display:block; content:''; clear:both;}
.intx-text{width:50%; float:left;}
.intx-text>span{display:block; margin-top:48px;}
.intx-text>span>a{display:inline-block; border-radius:3px; padding:8px 38px; font-size:16px;}
.intx-text>span>a:first-child{background:#fff; margin-right:18px;}
.intx-text>span>a:last-child{color:#fff; background:#f20f0f;}
.intx-text>h3{font-size:38px; margin:0 0 28px 0;}
.intx-text>h3>b{color:#f20f0f;}
.intx-text>p{font-size:16px; line-height:2;}
.intx-text>h4{font-size:28px; font-weight:normal; margin:28px 0 0 0;}
.intx-text>div{margin-top:38px;}
.intx-text>div:after{display:block; content:''; clear:both;}
.intx-text>div>a{float:left; overflow:hidden; line-height:42px; position:relative; padding:0 38px; border-radius:3px; background:#fff;}
.intx-text>div>a>b{font-weight:normal; position:relative; z-index:1; font-size:15px;}
.intx-text>div>a:hover{color:#fff; }
.intx-text>div>a:after{position:absolute; left:100%; top:100%; content:''; width:0; height:0; border-radius:50%; transition:0.6s; transform:translate(-50%,-50%); background:#f20f0f;}
.intx-text>div>a:hover:after{width:300px; height:300px;}
.intx-list{width:50%; float:left; padding-left:28px;}
.intx-swiper{width:600px; margin:0 auto; max-width:100%; overflow:hidden; position:relative; width:480px;}
.intx-outer{width:10000%;}
.intx-item{float:left; width:1%;}
.intx-item img{width:100%; display:block;}
.intx-item b{display:block; margin-top:16px; font-size:18px; color:#fff;}
.intx-prev,
.intx-next{position:absolute; z-index:8; top:50%; width:48px; height:48px; line-height:48px; text-align:center; margin-top:-18px; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.intx-swiper:hover .intx-prev,
.intx-swiper:hover .intx-next{opacity:1;}
.intx-prev i,
.intx-next i{color:#fff; font-size:48px;}
.intx-prev:hover i,
.intx-next:hover i{color:#f20f0f;}
.intx-prev{left:0;}
.intx-next{right:0;}
@media(max-width:1200px){
.intx-text{width:100%; float:none;}
.intx-content{padding:38px;}
.intx-list{width:100%; float:none; padding-left:0; padding-top:38px;}
.intx-swiper{margin:0;}
}
@media(max-width:767px){
.intx{margin-top:18px;}
.intx-content{padding:16px;}
.intx article{padding:0;}
.intx-text>h3{font-size:28px; margin-bottom:18px;}
.intx-text>p{font-size:14px; line-height:1.5;}
.intx-text>h4{font-size:22px; margin-top:18px;}
.intx-text>div{margin-top:28px;}
.intx-text>div>a{line-height:36px; padding:0 28px;}
.intx-item b{margin-top:8px; font-size:16px;}
}

.case{padding:50px 0;}
.case-content{display:block; margin:0 -12px;}
.case-content:after{display:block; content:''; clear:both;}
.case-title{padding-bottom:28px;}
.case-title>b{display:block; font-size:38px; line-height:1; color:#989898;}
.case-title>b>u{position:relative; text-decoration:none; padding-right:8px; color:#f20f0f;}
.case-title>b>i{font-style:normal; display:inline-block; position:relative;}
.case-title>b>u:before{position:absolute; left:100%; top:50%; width:48px; height:8px; content:''; opacity:0.2; background:#f20f0f;}
.case-title>p{font-size:38px; line-height:1; margin:12px 0 0;}
.case-title>p>b{display:inline-block; padding-right:4px;}
.case-item{float:left; width:33.333%; padding:12px;}
.case-item>a>div{position:relative; overflow:hidden;}
.case-item>a>div>img{width:100%; display:block; transition:2.8s;}
.case-item>a>div>span{position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; color:#fff; overflow:hidden; transition:.3s; transform:scale(0); opacity:0; visibility:hidden; padding:28px; background:rgba(0,0,0,0.68);}
.case-item>a>div>span>b{display:block; font-size:28px;}
.case-item>a>div>span>em{display:block; margin:28px 0; font-style:normal; font-size:15px;}
.case-item>a>div>span>u{display:block; text-decoration:none;}
.case-item>a>div>span>u ins{margin-left:2px;}
.case-item>a>span{display:block; padding:8px 0;}
.case-item>a>span:after{display:block; content:''; clear:both;}
.case-item>a>span>b{float:left; font-size:21px;}
.case-item>a>span>u{float:right; text-decoration:none; padding:4px 8px 0 0; color:#686868;}
.case-item>a>span>u>i{transition:.2s; display:inline-block;}
.case-item>a>span>u>ins{display:inline-block; margin-left:2px;}
.case-item>a:hover>div>img{transform:scale(1.08);}
.case-item>a:hover>div>span{transform:scale(1); opacity:1; visibility:visible;}
.case-more{text-align:center; font-size:0; margin-top:18px;}
.case-more>a{display:inline-block; overflow:hidden; position:relative; border:1px solid #d8d8d8; border-radius:3px; padding:12px 38px;}
.case-more>a:after{position:absolute; z-index:1; left:100%; top:100%; content:''; width:0; height:0; border-radius:50%; transition:0.6s; transform:translate(-50%,-50%); background:#f20f0f;}
.case-more>a>u{position:relative; z-index:2; display:inline-block; text-decoration:none; font-size:16px;}
.case-more>a>i{position:relative; z-index:2; font-size:18px; transition:0.3s; margin-left:8px;}
.case-more>a:hover{color:#fff; border-color:#f20f0f;}
.case-more>a:hover:after{width:500px; height:500px;}
.case-more>a:hover>i{color:#fff; transform:translateX(8px);}
@media(max-width:1200px){
.case-item{width:50%;}
}
@media(max-width:992px){
.case{padding:38px 0;}
.case-content{margin:0 -8px;}
.case-item{padding:8px;}
.case-item>a>span>b{font-size:18px;}
.case-item>a>div>span{padding:18px;}
.case-item>a>div>span>b{display:block; font-size:20px;}
.case-item>a>div>span>em{margin:12px 0; font-size:14px;}
}
@media(max-width:767px){
.case{padding:18px 0;}
.case-title{padding-bottom:16px;}
.case-title>b{font-size:28px;}
.case-title>b>u{padding-right:4px;}
.case-title>b>u:before{width:38px; height:6px;}
.case-title>p{font-size:28px; margin:8px 0 0;}
.case-title>p>b{padding-right:2px;}
.case-content{margin:0;}
.case-item{width:100%; padding:4px;}
.case-item>a>span>b{font-size:18px;}
.case-item>a>span>u{padding-top:0;}
.case-more{margin-top:8px;}
.case-more>a{padding:8px 28px;}
.case-more>a>u{font-size:14px;}
.case-more>a>i{font-size:16px; margin-left:6px;}
.case-more>a:hover:after{width:400px; height:400px;} 
.case-more>a:hover>i{transform:translateX(4px);}
}

.news{padding:50px 0; background-color:#f8f8f8; background-image:url('');}
.news-title{padding-bottom:28px;}
.news-title>b{display:block; font-size:38px; line-height:1; color:#989898;}
.news-title>b>u{position:relative; text-decoration:none; padding-right:8px; color:#f20f0f;}
.news-title>b>i{font-style:normal; display:inline-block; position:relative;}
.news-title>b>u:before{position:absolute; left:100%; top:50%; width:48px; height:8px; content:''; opacity:0.2; background:#f20f0f;}
.news-title>p{font-size:38px; line-height:1; margin:12px 0 0;}
.news-title>p>b{display:inline-block; padding-right:4px;}
.news-content{display:block; margin:0 -8px;}
.news-content:after{display:block; content:''; clear:both;}
.news-item{float:left; width:33.333%; padding:8px;}
.news-item>a>ins{float:right; background:#f8f8f8; text-align:center; margin-left:18px; transition:.4s;}
.news-item>a>ins>i{font-style:normal; display:block; font-size:28px;}
.news-item>a>ins>u{text-decoration:none; display:block; padding:2px 8px; font-size:14px; background:rgba(0,0,0,0.06);}
.news-item:first-child>a>ins{position:absolute; top:18px; left:0;}
.news-item:first-child>a>ins,
.news-item>a:hover>ins{color:#fff; background:#f20f0f;}
.news-item>a>img{display:block; width:100%; height:328px; object-fit:cover;}
.news-item>a>h2{position:absolute; left:18px; bottom:18px; right:18px; padding:28px 18px; background:#fff;}
.news-item>a{display:block; background:#fff; position:relative; padding:28px; overflow:hidden;}
.news-item:first-child>a{padding:0;}
.news-item>a>h3{display:block; height:24px; margin-bottom:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-item>a>p{display:block; height:21px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#686868;}
.news-item>a>u{display:inline-block; height:21px; margin-top:16px; color:#f20f0f;}
.news-item>a>u>b{transition:.2s; font-weight:normal; font-size:14px; display:inline-block; color:#181818; padding-right:6px;}
.news-item>a>u>i{transition:.2s; font-size:18px; display:inline-block; vertical-align:middle;}
.news-item>a:hover{transform:translateY(-2px); box-shadow:0 2px 8px rgba(0,0,0,0.18);}
.news-item>a:hover>u>b{transform:translateX(4px); color:#f20f0f;}
.news-item>a:hover>u>i{transform:translateX(8px);}
.news-more{text-align:center; font-size:0; margin-top:18px;}
.news-more>a{display:inline-block; overflow:hidden; position:relative; background:#fff; border-radius:3px; padding:12px 38px;}
.news-more>a:after{position:absolute; z-index:1; left:100%; top:100%; content:''; width:0; height:0; border-radius:50%; transition:0.6s; transform:translate(-50%,-50%); background:#f20f0f;}
.news-more>a>u{position:relative; z-index:2; display:inline-block; text-decoration:none; font-size:16px;}
.news-more>a>i{position:relative; z-index:2; font-size:18px; transition:0.3s; margin-left:8px;}
.news-more>a:hover{color:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.18);}
.news-more>a:hover:after{width:500px; height:500px;}
.news-more>a:hover>i{color:#fff; transform:translateX(8px);}
@media(max-width:1200px){
.news{padding:30px 0;}
.news-item{width:50%;}
.news-item:last-child{display:none;}
}
@media(max-width:767px){
.news{padding:18px 0;}
.news-content{margin:0;}
.news-title{padding-bottom:16px;}
.news-title>b{font-size:28px;}
.news-title>b>u{padding-right:4px;}
.news-title>b>u:before{width:38px; height:6px;}
.news-title>p{font-size:28px; margin:8px 0 0;}
.news-title>p>b{padding-right:2px;}
.news-item{width:100%; padding:4px;}
.news-item:last-child{display:block;}
.news-item>a{padding:12px;}
.news-item>a>img{height:228px;}
.news-item>a>h2{left:8px; bottom:8px; right:8px; padding:12px 8px; font-size:16px;}
.news-item>a>ins{margin-left:8px;}
.news-item>a>ins>u{font-size:12px; padding:2px 6px;}
.news-item:first-child>a>ins{top:8px; margin-left:8px;}
.news-more{margin-top:8px;}
.news-more>a{padding:8px 28px;}
.news-more>a>u{font-size:14px;}
.news-more>a>i{font-size:16px; margin-left:6px;}
.news-more>a:hover:after{width:400px; height:400px;} 
.news-more>a:hover>i{transform:translateX(4px);}
}


.join{padding:58px 0;}
.join-text{float:left; width:33.333%;}
.join-text h4{display:block; font-weight:normal; font-size:18px; margin-bottom:18px;}
.join-text h3{display:block; font-weight:normal; font-size:28px;}
.join-title{padding-bottom:28px;}
.join-title>b{display:block; font-size:38px; line-height:1; color:#989898;}
.join-title>b>u{position:relative; text-decoration:none; padding-right:8px; color:#f20f0f;}
.join-title>b>i{font-style:normal; display:inline-block; position:relative;}
.join-title>b>u:before{position:absolute; left:100%; top:50%; width:48px; height:8px; content:''; opacity:0.2; background:#f20f0f;}
.join-title>p{font-size:38px; line-height:1; margin:12px 0 0;}
.join-title>p>b{display:inline-block; padding-right:4px;}
.join-list{float:right; width:66.666%;}
.join-list ul{margin:-16px -8px 0 -8px}
.join-list li{width:25%; float:left; padding:16px 8px 0 8px;}
.join-list li img{display:block; width:100%; height:108px; border:1px solid #e8e8e8; transition:.2s; object-fit:cover;}
.join-list li a:hover img{border-color:#f20f0f;}
@media(max-width:1200px){
.join{padding:38px 0;}
.join-text{width:100%;}
.join-list{width:100%; margin-top:38px;}
}
@media(max-width:767px){
.join{padding:18px 0;}
.join-title{padding-bottom:16px;}
.join-title>b{font-size:28px;}
.join-title>b>u{padding-right:4px;}
.join-title>b>u:before{width:38px; height:6px;}
.join-title>p{font-size:28px; margin:8px 0 0;}
.join-title>p>b{padding-right:2px;}
.join-list{margin-top:18px;}
.join-list li{width:50%;}
.join-list ul{margin:-8px -4px 0 -4px}
.join-list li{padding:8px 4px 0 4px;}
.join-list li img{height:88px;}
}

.tact{padding:58px 0;}
.join+.tact{padding-top:0;}
.tact-content{display:block; background:url('../images/150031444.jpg') center #000; background-size:cover; padding:48px; color:#fff;}
.tact-content:after{display:block; content:''; clear:both;}
.tact-text{float:left; width:50%;}
.tact-text>h2{font-size:38px;}
.tact-text>h2 b{color:#f20f0f;}
.tact-text>p{font-size:18px; margin:18px 0 0;}
.tact-text>h3{font-size:28px; margin:38px 0 0;}
.tact-text>h4{display:block; margin:8px 0 0; font-weight:normal; font-size:38px;}
.tact-text>h4 u{text-decoration:none; display:inline-block; animation:fbu 2s infinite;}
.tact-text>div{margin-top:18px;}
.tact-text>div:after{display:block; content:''; clear:both;}
.tact-text>div a{float:left; position:relative; color:#fff; border-radius:40px; overflow:hidden; background:#f20f0f;}
.tact-text>div a:after{position:absolute; left:100%; top:100%; content:''; width:0; height:0; border-radius:50%; transition:0.6s; transform:translate(-50%,-50%); background:#fff;}
.tact-text>div a>i{float:left; position:relative; z-index:2; width:36px; height:36px; line-height:36px; text-align:center; transition:0.6s; font-size:18px; margin:2px; border-radius:40px; background:#fff; color:#f20f0f;}
.tact-text>div a>u{float:left; position:relative; z-index:1; text-decoration:none; line-height:40px; height:40px; padding:0 28px 0 16px;}
.tact-text>div a:hover{color:#f20f0f;}
.tact-text>div a:hover>i{color:#fff; animation:szu 2s infinite; background:#f20f0f;}
.tact-text>div a:hover:after{width:300px; height:300px;}
.tact-form{float:left; width:50%;}
.tact-form>div{max-width:480px; margin:auto;}
.tact-form h2{font-size:28px; font-weight:normal; margin-bottom:18px;}
.tact-form dt{display:none;}
.tact-form dd{position:relative; margin-bottom:18px;}
.tact-form dd>p{display:none;}
.tact-form select,
.tact-form textarea,
.tact-form input[type=file],
.tact-form input[type=text],
.tact-form input[type=password],
.tact-form input[type=number],
.tact-form input[type=tel],
.tact-form input[type=email]{background:rgba(255,255,255,.18); border-radius:0; border:none; padding:10px 18px; line-height:24px; height:44px; font-size:15px; color:#fff;}
.tact-form textarea{height:108px;}
.tact-form .form888 span.captcha{position:relative; width:268px; max-width:100%; display:block;}
.tact-form .form888 span.captcha i>img{position:absolute; right:6px; top:6px; background:rgba(255,255,255,0.88); padding:1px; cursor:pointer;}
.tact-form div.file_input>i{background:rgba(0,0,0,0.38); border:none;}
.tact-form select option{color:#181818;}
.tact-form button{color:#fff; border:none; line-height:44px; padding:0 38px; font-size:16px; border-radius:3px; cursor:pointer; transition:.3s; background:#f20f0f;}
.tact-form button:hover{background:#fff; color:#f20f0f;}
.tact-form *::-webkit-input-placeholder{color:#fff; opacity:1;}
.tact-form *::-moz-input-placeholder{color:#fff; opacity:1;}
.tact-form *::-ms-input-placeholder{color:#fff; opacity:1;}
@media(max-width:1200px){
.tact{padding:38px 0;}
.tact-text{width:100%;}
.tact-form{width:100%;}
.tact-form>div{margin:38px 0 0;}
}
@media(max-width:767px){
.tact{padding:18px 0;}
.tact article{padding:0;}
.tact-content{padding:16px;}
.tact-text>h2{font-size:28px;}
.tact-text>p{font-size:16px; margin:12px 0 0;}
.tact-text>h3{font-size:18px; margin:28px 0 0;}
.tact-form h2{font-size:22px;}
}
@keyframes fbu{
50%{transform:scale(1);}
60%{transform:scale(1.04);}
70%{transform:scale(1);}
80%{transform:scale(1.02);}
85%{transform:scale(1);}
}
@keyframes szu{
from{transform:rotate(0);}
to{transform:rotate(360deg);}
}
.home-hero{position:relative; min-height:900px; overflow:hidden; padding:150px 0 86px; background:radial-gradient(circle at 30% 18%,rgba(255,223,246,.78),transparent 32%),radial-gradient(circle at 78% 28%,rgba(168,220,255,.82),transparent 38%),linear-gradient(115deg,#fff7fb 0%,#edf7ff 52%,#dff2ff 100%);}
.home-hero:before{position:absolute; content:''; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,255,255,.18) 46%,rgba(255,255,255,.22));}
.home-hero:after{position:absolute; content:''; width:820px; height:820px; right:-210px; bottom:-270px; border-radius:50%; background:radial-gradient(circle,rgba(80,175,255,.20),rgba(80,175,255,0) 65%);}
.home-hero>article{position:relative; z-index:2; min-height:660px;}
.home-hero-copy{position:relative; z-index:4; width:52%; max-width:760px; padding-top:54px; word-break:normal;}
.home-hero-slides{position:relative; min-height:560px;}
.home-hero-slide{position:absolute; left:0; top:0; width:100%; opacity:0; visibility:hidden; transform:translateY(22px); transition:opacity .55s ease,transform .55s ease,visibility .55s ease; pointer-events:none;}
.home-hero-slide.active{opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto;}
.home-hero-kicker{display:inline-flex; align-items:center; gap:10px; margin-bottom:22px; color:#1a1f28; font-size:22px;}
.home-hero-kicker i{display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; color:#fff; background:#202124; font-size:16px;}
.home-hero-copy h2{font-size:92px; line-height:1.06; letter-spacing:0; color:#202124; font-weight:800;}
.home-hero-copy h2 span{font-weight:800;}
.home-hero-en{margin-top:28px; font-size:52px; line-height:1.12; letter-spacing:0; color:#111; font-weight:300; font-family:Arial, Helvetica, sans-serif;}
.home-hero-sub{width:720px; max-width:100%; margin-top:44px; font-size:20px; line-height:1.8; color:#232a35;}
.home-hero-actions{display:flex; align-items:center; gap:18px; margin-top:30px;}
.home-hero-primary,.home-hero-secondary{display:inline-flex; align-items:center; justify-content:center; height:64px; border-radius:34px; padding:0 38px; font-size:18px; word-break:normal;}
.home-hero-primary{background:#2d7cff; color:#fff; box-shadow:0 18px 38px rgba(45,124,255,.24);}
.home-hero-primary i{margin-left:12px; font-size:22px;}
.home-hero-primary:hover{color:#fff; transform:translateY(-2px); box-shadow:0 22px 44px rgba(45,124,255,.30);}
.home-hero-secondary{background:rgba(255,255,255,.62); color:#202124; border:1px solid rgba(255,255,255,.8);}
.home-hero-secondary:hover{color:#2d7cff; transform:translateY(-2px);}
.home-hero-stage{position:absolute; z-index:3; top:52px; left:39%; width:690px; height:620px; transform-style:preserve-3d; perspective:1100px;}
.home-hero-stage:before{position:absolute; content:''; left:40px; top:170px; width:530px; height:300px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.72),rgba(255,255,255,0) 68%); filter:blur(8px);}
.hero-card,.hero-glass{position:absolute; border:1px solid rgba(255,255,255,.54); box-shadow:0 26px 56px rgba(35,83,150,.18); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); transform-style:preserve-3d; transition:translate .35s ease;}
.hero-card{width:210px; height:146px; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:4px; color:#fff; text-shadow:0 2px 10px rgba(0,0,0,.18); animation:heroFloat 6.8s ease-in-out infinite;}
.hero-card i{font-size:42px; margin-bottom:12px;}
.hero-card span{font-size:26px; font-weight:bold; letter-spacing:0;}
.hero-card-blue{left:60px; top:330px; background:linear-gradient(135deg,rgba(0,118,255,.86),rgba(35,217,255,.74)); transform:rotate(-18deg) skewY(-6deg); translate:calc(var(--hero-x,0px) * -.35) calc(var(--hero-y,0px) * -.25);}
.hero-card-red{left:190px; top:402px; background:linear-gradient(135deg,rgba(255,62,66,.88),rgba(255,132,93,.78)); transform:rotate(-34deg) skewY(-7deg); translate:calc(var(--hero-x,0px) * .45) calc(var(--hero-y,0px) * .3); animation-delay:-1.1s;}
.hero-card-purple{left:350px; top:315px; background:linear-gradient(135deg,rgba(247,58,214,.82),rgba(93,61,255,.82)); transform:rotate(-18deg) skewY(-8deg); translate:calc(var(--hero-x,0px) * -.25) calc(var(--hero-y,0px) * .35); animation-delay:-2.2s;}
.hero-card-cyan{left:394px; top:84px; background:linear-gradient(135deg,rgba(56,213,244,.68),rgba(46,132,255,.72)); transform:rotate(28deg) skewY(-7deg); translate:calc(var(--hero-x,0px) * .3) calc(var(--hero-y,0px) * -.45); animation-delay:-3s;}
.hero-card-orange{left:468px; top:240px; background:linear-gradient(135deg,rgba(255,105,32,.86),rgba(255,184,48,.74)); transform:rotate(-11deg) skewY(-5deg); translate:calc(var(--hero-x,0px) * .4) calc(var(--hero-y,0px) * .25); animation-delay:-4s;}
.hero-glass{width:240px; height:160px; border-radius:4px; background:rgba(255,255,255,.16); box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 22px 52px rgba(35,83,150,.12); animation:heroGlass 8s ease-in-out infinite;}
.hero-glass-one{left:260px; top:190px; transform:rotate(-20deg) skewY(-7deg);}
.hero-glass-two{left:520px; top:110px; transform:rotate(28deg) skewY(-6deg); animation-delay:-2s;}
.home-hero-tabs{position:absolute; z-index:5; right:30px; top:350px; display:flex; flex-direction:column; gap:20px; width:300px;}
.home-hero-tabs button{height:86px; display:flex; align-items:center; gap:22px; padding:0 28px 0 18px; border:0; border-radius:46px; background:rgba(255,255,255,.38); color:#1f2630; box-shadow:inset 0 0 0 1px rgba(255,255,255,.42); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); font-size:24px; word-break:normal; cursor:pointer; transition:.3s;}
.home-hero-tabs button i{width:58px; height:58px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:1px solid rgba(42,73,104,.18); font-size:25px;}
.home-hero-tabs button.active{background:#fff; box-shadow:0 22px 46px rgba(43,83,129,.16);}
.home-hero-tabs button.active i{background:#2d7cff; color:#fff; border-color:#2d7cff;}
.home-hero-tabs button:hover{color:#2d7cff; transform:translateX(-4px);}
.home-hero + .topx .topx-content{margin-top:0; padding-top:48px;}
.home-hero + .topx .topx-content:before{display:none;}
@keyframes heroFloat{0%,100%{translate:0 0;}50%{translate:0 -22px;}}
@keyframes heroGlass{0%,100%{translate:0 0; opacity:.78;}50%{translate:18px -18px; opacity:1;}}
@media(max-width:1400px){
.home-hero{min-height:780px;}
.home-hero-copy{width:56%;}
.home-hero-slides{min-height:500px;}
.home-hero-copy h2{font-size:76px;}
.home-hero-en{font-size:42px;}
.home-hero-stage{left:43%; transform:scale(.86); transform-origin:left top;}
.home-hero-tabs{right:22px; transform:scale(.9); transform-origin:right center;}
}
@media(max-width:1200px){
.home-hero{padding-top:120px; min-height:auto;}
.home-hero>article{min-height:720px;}
.home-hero-copy{width:100%; max-width:720px;}
.home-hero-slides{min-height:500px;}
.home-hero-stage{left:38%; top:260px; transform:scale(.72); opacity:.9;}
.home-hero-tabs{top:auto; right:auto; left:18px; bottom:36px; width:auto; flex-direction:row; transform:none;}
.home-hero-tabs button{height:68px; font-size:18px; padding-right:22px;}
.home-hero-tabs button i{width:46px; height:46px; font-size:20px;}
}
@media(max-width:767px){
.home-hero{padding:104px 0 42px;}
.home-hero>article{min-height:0;}
.home-hero-copy{padding-top:22px;}
.home-hero-slides{min-height:348px;}
.home-hero-kicker{font-size:15px; margin-bottom:14px;}
.home-hero-kicker i{width:26px; height:26px; font-size:13px;}
.home-hero-copy h2{font-size:46px;}
.home-hero-en{font-size:28px; margin-top:18px;}
.home-hero-sub{margin-top:24px; font-size:15px; line-height:1.7;}
.home-hero-actions{margin-top:22px; gap:10px;}
.home-hero-primary,.home-hero-secondary{height:48px; padding:0 22px; font-size:15px;}
.home-hero-stage{position:relative; left:auto; top:auto; width:100%; height:330px; margin:18px 0 0; transform:scale(.55); transform-origin:left top;}
.home-hero-tabs{position:relative; left:auto; bottom:auto; top:auto; right:auto; margin-top:-152px; flex-direction:row; gap:6px; width:100%;}
.home-hero-tabs button{flex:1; min-width:0; height:52px; gap:6px; font-size:13px; padding:0 6px; justify-content:center;}
.home-hero-tabs button i{width:34px; height:34px; flex:0 0 34px; font-size:15px;}
.home-hero-tabs button:hover{transform:none;}
}

.yq-home-main{background:#fff; color:#161b22; overflow:hidden;}
.yq-section,.yq-proof{position:relative; padding:96px 0;}
.yq-band-white{background:#fff;}
.yq-proof{padding:82px 0 74px; border-bottom:1px solid #edf1f6;}
.yq-proof article{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(520px,.9fr); align-items:end; gap:56px;}
.yq-proof-head span,.yq-section-title span,.yq-cta-panel span{display:inline-flex; align-items:center; min-height:34px; padding:0 16px; border-radius:20px; background:#edf5ff; color:#1769d8; font-size:14px; font-weight:bold; letter-spacing:0; word-break:normal;}
.yq-proof-head h2,.yq-section-title h2,.yq-cta-panel h2{margin-top:18px; color:#111827; font-size:52px; line-height:1.14; letter-spacing:0;}
.yq-proof-head p,.yq-section-title p,.yq-cta-panel p{max-width:760px; margin-top:18px; color:#5b6472; font-size:18px; line-height:1.8;}
.yq-proof-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; padding:12px; border-radius:34px; background:#f5f8fc;}
.yq-proof-grid div{min-height:132px; padding:24px 18px; border-radius:24px; background:#fff; box-shadow:0 16px 40px rgba(32,65,104,.08);}
.yq-proof-grid b{display:block; color:#111827; font-size:42px; line-height:1; letter-spacing:0;}
.yq-proof-grid span{display:block; margin-top:14px; color:#667085; font-size:15px; line-height:1.45;}
.yq-section-title{max-width:980px; margin:0 auto 46px; text-align:center;}
.yq-section-title.compact{margin:0; text-align:left;}
.yq-section-title.with-action{max-width:none; display:flex; align-items:end; justify-content:space-between; gap:32px; text-align:left;}
.yq-section-title.with-action>div{max-width:900px;}
.yq-solutions{padding:0; background:#fff;}
.yq-solutions article{width:100%; padding:0;}
.yq-solution-panel{position:relative; min-height:760px; overflow:hidden; background:#2473f4; color:#fff;}
.yq-solution-panel:before{position:absolute; content:''; inset:0; background:linear-gradient(90deg,rgba(36,115,244,.98),rgba(36,115,244,.72) 32%,rgba(36,115,244,.96) 62%),repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0,rgba(255,255,255,.16) 1px,transparent 1px,transparent 25%);}
.yq-solution-label{position:absolute; z-index:4; left:50px; top:128px; display:flex; align-items:center; gap:12px; color:#8de5ff; font-size:18px; font-weight:bold; letter-spacing:0;}
.yq-solution-label i{display:block; width:9px; height:9px; transform:rotate(45deg); background:#8de5ff;}
.yq-solution-headline{position:absolute; z-index:3; right:50px; top:116px; width:min(58vw,980px); text-align:right; pointer-events:none;}
.yq-solution-headline strong{display:block; color:#48d7ff; font-size:70px; line-height:1; font-weight:300; letter-spacing:0; font-family:Arial, Helvetica, sans-serif;}
.yq-solution-headline h2{margin-top:28px; color:#74e3ff; font-size:52px; line-height:1.15; letter-spacing:0;}
.yq-solution-headline h2 span{font-size:62px; color:#32d9ff;}
.yq-industry-grid{position:relative; z-index:2; display:flex; height:760px;}
.yq-industry-card{position:relative; flex:1 1 25%; min-width:0; display:flex; align-items:flex-end; padding:0 48px 48px; overflow:hidden; color:#83e8ff; border-right:1px solid rgba(126,210,255,.18); transition:flex-basis .5s ease,flex-grow .5s ease,color .35s ease;}
.yq-industry-card:before{position:absolute; content:''; inset:0; background-image:var(--solution-image); background-size:cover; background-position:center; opacity:0; transform:scale(1.08); transition:opacity .48s ease,transform .7s ease;}
.yq-industry-card:after{position:absolute; content:''; inset:0; background:linear-gradient(180deg,rgba(10,22,38,.04),rgba(10,22,38,.78)); opacity:0; transition:.45s;}
.yq-industry-card.active,.yq-industry-grid:hover .yq-industry-card:hover{flex:0 0 36%; color:#fff;}
.yq-industry-grid:hover .yq-industry-card.active:not(:hover){flex:1 1 21.33%; color:#83e8ff;}
.yq-industry-card.active:before,.yq-industry-card.active:after,.yq-industry-grid:hover .yq-industry-card:hover:before,.yq-industry-grid:hover .yq-industry-card:hover:after{opacity:1;}
.yq-industry-card.active:before,.yq-industry-grid:hover .yq-industry-card:hover:before{transform:scale(1);}
.yq-industry-grid:hover .yq-industry-card.active:not(:hover):before,.yq-industry-grid:hover .yq-industry-card.active:not(:hover):after{opacity:0;}
.yq-industry-logo{position:absolute; z-index:2; left:48px; top:70px; opacity:0; transform:translateY(-12px); transition:.35s;}
.yq-industry-logo b{display:block; color:#fff; font-size:24px; line-height:1.1; letter-spacing:0;}
.yq-industry-logo em{display:block; margin-top:7px; color:rgba(255,255,255,.78); font-size:13px; font-style:normal; letter-spacing:0;}
.yq-industry-copy{position:relative; z-index:2; max-width:560px; transform:translateY(112px); transition:.45s ease;}
.yq-industry-copy h3{color:inherit; font-size:40px; line-height:1.2; letter-spacing:0;}
.yq-industry-card:not(.active) .yq-industry-copy h3{font-size:34px;}
.yq-industry-copy p{width:520px; max-width:100%; margin-top:26px; color:rgba(255,255,255,.9); font-size:18px; line-height:1.9; opacity:0; transition:.35s;}
.yq-industry-copy ul{display:flex; flex-wrap:wrap; gap:12px 20px; margin-top:28px; opacity:0; transition:.35s;}
.yq-industry-copy li{color:rgba(255,255,255,.86); font-size:17px; word-break:normal;}
.yq-industry-arrow{position:absolute; z-index:3; right:44px; bottom:305px; width:56px; height:56px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#2915d9; color:#fff; opacity:0; transform:translateX(-16px); transition:.35s;}
.yq-industry-arrow i{font-size:28px;}
.yq-industry-card.active .yq-industry-logo,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-logo,.yq-industry-card.active .yq-industry-arrow,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-arrow{opacity:1; transform:translate(0);}
.yq-industry-card.active .yq-industry-copy,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-copy{transform:translateY(0);}
.yq-industry-card.active .yq-industry-copy h3,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-copy h3{font-size:40px;}
.yq-industry-card.active .yq-industry-copy p,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-copy p,.yq-industry-card.active .yq-industry-copy ul,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-copy ul{opacity:1;}
.yq-industry-grid:hover .yq-industry-card.active:not(:hover) .yq-industry-logo,.yq-industry-grid:hover .yq-industry-card.active:not(:hover) .yq-industry-arrow,.yq-industry-grid:hover .yq-industry-card.active:not(:hover) .yq-industry-copy p,.yq-industry-grid:hover .yq-industry-card.active:not(:hover) .yq-industry-copy ul{opacity:0;}
.yq-industry-grid:hover .yq-industry-card.active:not(:hover) .yq-industry-copy{transform:translateY(112px);}
.yq-stack{position:relative; overflow:hidden; background:linear-gradient(180deg,#101827 0%,#0c1426 52%,#102056 100%); color:#fff;}
.yq-stack:before,.yq-stack:after{position:absolute; content:''; left:0; right:0; height:120px; pointer-events:none; z-index:0;}
.yq-stack:before{top:0; background:linear-gradient(180deg,rgba(8,14,28,.78),rgba(8,14,28,0));}
.yq-stack:after{bottom:0; background:linear-gradient(180deg,rgba(45,124,255,0),rgba(45,124,255,.24));}
.yq-stack article{display:grid; grid-template-columns:380px minmax(0,1fr); gap:58px; align-items:start;}
.yq-stack article,.yq-stack-left,.yq-stack-list{position:relative; z-index:1;}
.yq-stack .yq-section-title h2,.yq-stack .yq-section-title p{color:#fff;}
.yq-stack .yq-section-title p{color:#aab5c8;}
.yq-round-link{display:inline-flex; align-items:center; justify-content:center; height:52px; padding:0 24px; border-radius:28px; background:#2d7cff; color:#fff; font-size:16px; word-break:normal; box-shadow:0 18px 38px rgba(45,124,255,.22);}
.yq-round-link i{margin-left:10px;}
.yq-round-link:hover{color:#fff; transform:translateY(-2px); box-shadow:0 24px 46px rgba(45,124,255,.30);}
.yq-stack-left .yq-round-link{margin-top:30px;}
.yq-stack-list{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.yq-stack-item{position:relative; overflow:hidden; min-height:210px; padding:28px; border-radius:24px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); color:#fff; transform:translateY(28px); opacity:.01; transition:transform .6s cubic-bezier(.22,.78,.22,1),opacity .55s ease,background .35s,border-color .35s,box-shadow .35s;}
.yq-stack-item:before{position:absolute; content:''; inset:0; background:linear-gradient(180deg,rgba(13,22,41,.28),rgba(13,22,41,.88)),var(--stack-bg); background-size:cover; background-position:center; opacity:.22; transform:scale(1.04); transition:.45s ease;}
.yq-stack-item:after{position:absolute; content:''; inset:0; background:radial-gradient(circle at 24% 18%,rgba(45,124,255,.32),rgba(45,124,255,0) 38%); opacity:.85; pointer-events:none;}
.yq-stack.in-view .yq-stack-item{opacity:1; transform:translateY(0);}
.yq-stack.in-view .yq-stack-item:nth-child(2){transition-delay:.06s;}
.yq-stack.in-view .yq-stack-item:nth-child(3){transition-delay:.12s;}
.yq-stack.in-view .yq-stack-item:nth-child(4){transition-delay:.18s;}
.yq-stack.in-view .yq-stack-item:nth-child(5){transition-delay:.24s;}
.yq-stack.in-view .yq-stack-item:nth-child(6){transition-delay:.30s;}
.yq-stack-item i,.yq-stack-item b,.yq-stack-item p{position:relative; z-index:1;}
.yq-stack-item i{width:52px; height:52px; display:flex; align-items:center; justify-content:center; border-radius:18px; background:#fff; color:#2d7cff; font-size:24px;}
.yq-stack-item b{display:block; margin-top:24px; font-size:22px; letter-spacing:0;}
.yq-stack-item p{margin-top:12px; color:#aab5c8; font-size:15px; line-height:1.7;}
.yq-stack-item:hover{background:rgba(255,255,255,.14); color:#fff; transform:translateY(-8px); border-color:rgba(255,255,255,.28); box-shadow:0 28px 68px rgba(0,0,0,.22);}
.yq-stack-item:hover:before{opacity:.38; transform:scale(1);}
.yq-stack-item:hover p{color:#d4deee;}
@keyframes yqClockFloat{from{transform:rotate(0);}to{transform:rotate(360deg);}}
.yq-media-relations{position:relative; overflow:hidden; min-height:900px; padding:0; background:radial-gradient(circle at 22% 72%,#0aa0ff 0%,rgba(10,160,255,.6) 26%,rgba(10,160,255,0) 50%),radial-gradient(circle at 66% 58%,#1b73ff 0%,rgba(27,115,255,.52) 32%,rgba(27,115,255,0) 58%),linear-gradient(116deg,#023fbd 0%,#061caa 46%,#07139b 100%); color:#fff;}
.yq-media-relations article{position:relative; width:100%; max-width:none; min-height:900px; padding:0; overflow:hidden;}
.yq-media-head{position:relative; z-index:4; padding-top:0; text-align:center;}
.yq-media-head span{position:absolute; left:54px; top:188px; display:inline-flex; align-items:center; gap:10px; color:#fff; font-size:18px; font-weight:bold; letter-spacing:1px;}
.yq-media-head span:before{content:''; width:9px; height:9px; border-radius:2px; background:#4bd8ff; transform:rotate(45deg);}
.yq-media-head h2{margin:0; color:#fff; line-height:1.05; letter-spacing:0;}
.yq-media-head h2 em{display:block; font-style:normal; font-size:84px; font-weight:300; font-family:Arial, Helvetica, sans-serif;}
.yq-media-head h2 strong{display:block; margin-top:10px; color:#fff; font-size:56px; font-weight:800;}
.yq-media-head h2 strong span{position:static; display:inline; color:#1682ff; font-size:inherit; letter-spacing:0;}
.yq-media-head h2 strong span:before{display:none;}
.yq-media-orbit{position:absolute; z-index:2; left:50%; top:50%; width:2400px; height:650px; transform:translate(-50%,-40%);}
.yq-media-orbit:before,.yq-media-orbit:after{position:absolute; content:''; top:-120px; bottom:-120px; width:430px; z-index:3; pointer-events:none;}
.yq-media-orbit:before{left:0; background:linear-gradient(90deg,#0348c7 0%,rgba(3,72,199,.84) 36%,rgba(3,72,199,0));}
.yq-media-orbit:after{right:0; background:linear-gradient(270deg,#07139b 0%,rgba(7,19,155,.88) 34%,rgba(7,19,155,0));}
.yq-media-orbit-mask{display:none;}
.yq-media-center{position:absolute; z-index:8; left:50%; top:50%; width:430px; height:430px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; border:2px solid rgba(159,206,255,.30); background:radial-gradient(circle at 50% 42%,#2d7cff 0%,#2671e1 58%,#2367d2 100%); transform:translate(-50%,-50%); box-shadow:0 0 72px 46px rgba(28,92,205,.46),inset 0 0 80px rgba(255,255,255,.08);}
.yq-media-center:before{position:absolute; content:''; inset:-84px; z-index:-1; border-radius:50%; pointer-events:none; background:radial-gradient(circle,rgba(33,105,218,.48) 0%,rgba(31,101,214,.34) 46%,rgba(30,98,210,.16) 72%,rgba(28,94,205,0) 100%);}
.yq-media-center strong,.yq-media-center p{position:relative; z-index:1;}
.yq-media-center strong{color:#fff; font-size:38px; line-height:1.38; text-align:center; letter-spacing:0;}
.yq-media-center strong b{color:#1682ff; font-size:70px; line-height:.8;}
.yq-media-center p{margin-top:28px; color:rgba(255,255,255,.92); font-size:22px;}
.yq-media-row{position:absolute; left:0; display:flex; align-items:center; gap:58px; width:max-content; animation:yqMediaDrift 42s linear infinite; opacity:.98;}
.yq-media-row:nth-child(2){top:52px; animation-duration:48s;}
.yq-media-row:nth-child(3){top:176px; animation-duration:54s;}
.yq-media-row:nth-child(4){top:300px; animation-duration:46s;}
.yq-media-row:nth-child(5){top:424px; animation-duration:58s;}
.yq-media-row:nth-child(6){top:548px; animation-duration:50s;}
.yq-media-row-alt{animation-direction:reverse;}
.yq-media-row span{position:relative; display:inline-flex; align-items:center; justify-content:flex-start; gap:16px; min-width:0; height:64px; padding:0; border-radius:0; background:transparent; color:rgba(255,255,255,.9); font-size:21px; font-weight:bold; text-shadow:0 0 22px rgba(70,154,255,.45); white-space:nowrap; word-break:normal; box-shadow:none;}
.yq-media-row span:before{content:attr(data-icon); width:54px; height:54px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 54px; border-radius:10px; background:#fff; color:#126cff; font-size:21px; font-weight:800; box-shadow:0 12px 28px rgba(1,20,100,.20);}
.yq-media-row span img{position:absolute; left:0; top:5px; z-index:1; width:54px; height:54px; padding:8px; border-radius:10px; object-fit:contain; background:#fff; box-sizing:border-box; box-shadow:0 12px 28px rgba(1,20,100,.20);}
.yq-media-row span:nth-child(2n):before{background:#eef5ff; color:#0b61db;}
.yq-media-row span:nth-child(3n):before{background:#101827; color:#fff;}
.yq-media-row span:nth-child(4n):before{background:#f72b4d; color:#fff;}
.yq-media-row span:nth-child(5n):before{background:#18c04f; color:#fff;}
.yq-media-row span:nth-child(6n):before{background:#f7faff; color:#d62020;}
.yq-media-row span:nth-child(7n):before{background:#236fff; color:#fff;}
.yq-media-row span:nth-child(n+9){opacity:.48;}
.yq-cases{background:#fff; overflow:hidden;}
.yq-case-marquee{position:relative; overflow:hidden; margin:0; padding:0;}
.yq-case-marquee:before,.yq-case-marquee:after{position:absolute; content:''; top:0; bottom:0; width:150px; z-index:2; pointer-events:none;}
.yq-case-marquee:before{left:0; background:linear-gradient(90deg,#fff,rgba(255,255,255,0));}
.yq-case-marquee:after{right:0; background:linear-gradient(270deg,#fff,rgba(255,255,255,0));}
.yq-case-track{display:flex; align-items:stretch; gap:24px; width:max-content; animation:yqCaseScroll var(--yq-case-duration, 152s) linear infinite; will-change:transform; transform:translate3d(0,0,0); backface-visibility:hidden;}
.yq-case-marquee:hover .yq-case-track{animation-play-state:paused;}
.yq-case-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.yq-case-card{display:block; flex:0 0 calc((min(1388px, 100vw) - 128px) / 4); min-height:470px; padding:16px 16px 28px; border-radius:28px; background:#fff; border:1px solid #e9eef5; color:#111827; box-shadow:0 18px 48px rgba(31,72,118,.08); transition:.35s;}
.yq-case-card img{display:block; width:100%; aspect-ratio:1.45/1; object-fit:cover; border-radius:20px; background:#edf1f6;}
.yq-case-card span{display:inline-flex; margin:22px 12px 0; color:#2d7cff; font-size:13px; font-weight:bold;}
.yq-case-card b{display:block; margin:10px 12px 0; font-size:24px; line-height:1.35; letter-spacing:0;}
.yq-case-card p{margin:12px 12px 0; color:#5b6472; font-size:15px; line-height:1.75;}
.yq-case-card:hover{transform:translateY(-8px); color:#111827; box-shadow:0 30px 72px rgba(31,72,118,.14);}
.yq-insights{background:#f6f9fd;}
.yq-insight-list{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
.yq-insight-item{position:relative; display:flex; flex-direction:column; min-height:0; padding:14px 14px 24px; border-radius:24px; overflow:hidden; background:#fff; color:#111827; box-shadow:0 16px 38px rgba(31,72,118,.08); transition:.35s;}
.yq-insight-thumb{display:block; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:18px; background:#eaf1f8;}
.yq-insight-thumb img{display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s ease;}
.yq-insight-item time{display:block; margin:18px 10px 0; color:#2d7cff; font-size:14px;}
.yq-insight-item b{display:-webkit-box; min-height:60px; margin:12px 10px 0; overflow:hidden; font-size:21px; line-height:1.45; letter-spacing:0; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.yq-insight-item p{display:-webkit-box; margin:12px 10px 0; overflow:hidden; color:#5b6472; font-size:15px; line-height:1.75; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.yq-insight-item>i{align-self:flex-start; margin:18px 10px 0; color:#2d7cff; font-size:20px;}
.yq-insight-item:hover{transform:translateY(-8px); color:#111827;}
.yq-insight-item:hover .yq-insight-thumb img{transform:scale(1.05);}
.yq-cta{padding:86px 0; background:#fff;}
.yq-cta-panel{position:relative; display:flex; align-items:center; justify-content:space-between; gap:38px; padding:64px; border-radius:34px; overflow:hidden; background:linear-gradient(125deg,#172033 0%,#243e76 54%,#2d7cff 100%); color:#fff; box-shadow:0 28px 80px rgba(31,72,118,.18);}
.yq-cta-panel:after{position:absolute; content:''; right:-120px; top:-160px; width:430px; height:430px; border-radius:50%; background:rgba(255,255,255,.12);}
.yq-cta-panel>div,.yq-cta-button{position:relative; z-index:1;}
.yq-cta-panel h2{color:#fff;}
.yq-cta-panel p{color:rgba(255,255,255,.78);}
.yq-cta-button{flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; height:64px; padding:0 36px; border-radius:34px; background:#fff; color:#185fd0; font-size:18px; font-weight:bold; word-break:normal;}
.yq-cta-button i{margin-right:10px;}
.yq-cta-button:hover{color:#185fd0; transform:translateY(-3px);}
@keyframes yqMarquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes yqMediaDrift{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes yqCaseScroll{from{transform:translateX(0);}to{transform:translateX(calc(-50% - 12px));}}
@keyframes yqCaseScrollMobile{from{transform:translate3d(0,0,0);}to{transform:translate3d(calc(-50% - 8px),0,0);}}
@media(max-width:1400px){
.yq-proof article{grid-template-columns:1fr; gap:36px;}
.yq-proof-grid{grid-template-columns:repeat(4,1fr);}
.yq-proof-head h2,.yq-section-title h2,.yq-cta-panel h2{font-size:44px;}
.yq-solution-headline strong{font-size:58px;}
.yq-solution-headline h2{font-size:44px;}
.yq-solution-headline h2 span{font-size:52px;}
.yq-industry-card{padding-left:34px; padding-right:34px;}
.yq-stack article{grid-template-columns:1fr;}
}
@media(min-width:1600px){
.yq-case-card{flex-basis:calc((1600px - 128px) / 4);}
}
@media(max-width:1024px){
.yq-section,.yq-proof{padding:70px 0;}
.yq-proof-grid,.yq-stack-list,.yq-case-grid,.yq-insight-list{grid-template-columns:repeat(2,1fr);}
.yq-section-title.with-action{align-items:flex-start; flex-direction:column;}
.yq-solutions{padding:0;}
.yq-solution-panel{min-height:auto;}
.yq-solution-panel:before{background:#2473f4;}
.yq-solution-label{position:relative; left:auto; top:auto; padding:54px 18px 0;}
.yq-solution-headline{position:relative; right:auto; top:auto; width:auto; padding:26px 18px 34px; text-align:left;}
.yq-industry-grid{height:auto; display:grid; grid-template-columns:repeat(2,1fr);}
.yq-industry-card,.yq-industry-card.active,.yq-industry-grid:hover .yq-industry-card:hover,.yq-industry-grid:hover .yq-industry-card.active:not(:hover){min-height:440px; flex:auto; color:#fff; padding:28px 28px 34px;}
.yq-industry-card:before,.yq-industry-card:after,.yq-industry-card.active:before,.yq-industry-card.active:after,.yq-industry-grid:hover .yq-industry-card:hover:before,.yq-industry-grid:hover .yq-industry-card:hover:after,.yq-industry-grid:hover .yq-industry-card.active:not(:hover):before,.yq-industry-grid:hover .yq-industry-card.active:not(:hover):after{opacity:1;}
.yq-industry-card:before,.yq-industry-card.active:before,.yq-industry-grid:hover .yq-industry-card:hover:before{transform:scale(1);}
.yq-industry-logo,.yq-industry-card.active .yq-industry-logo,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-logo,.yq-industry-grid:hover .yq-industry-card.active:not(:hover) .yq-industry-logo{left:28px; top:28px; opacity:1; transform:none;}
.yq-industry-copy,.yq-industry-card.active .yq-industry-copy,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-copy,.yq-industry-grid:hover .yq-industry-card.active:not(:hover) .yq-industry-copy{transform:none;}
.yq-industry-copy p,.yq-industry-copy ul,.yq-industry-card.active .yq-industry-copy p,.yq-industry-card.active .yq-industry-copy ul,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-copy p,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-copy ul,.yq-industry-grid:hover .yq-industry-card.active:not(:hover) .yq-industry-copy p,.yq-industry-grid:hover .yq-industry-card.active:not(:hover) .yq-industry-copy ul{opacity:1;}
.yq-industry-arrow,.yq-industry-card.active .yq-industry-arrow,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-arrow,.yq-industry-grid:hover .yq-industry-card.active:not(:hover) .yq-industry-arrow{right:28px; bottom:34px; opacity:1; transform:none;}
}
@media(max-width:767px){
.yq-section,.yq-proof{padding:54px 0;}
.yq-proof article{gap:24px;}
.yq-proof-head span,.yq-section-title span,.yq-cta-panel span{min-height:30px; padding:0 12px; font-size:12px;}
.yq-proof-head h2,.yq-section-title h2,.yq-cta-panel h2{font-size:30px; line-height:1.22;}
.yq-proof-head p,.yq-section-title p,.yq-cta-panel p{font-size:15px; line-height:1.7;}
.yq-section-title{margin-bottom:28px; text-align:left;}
.yq-proof-grid,.yq-stack-list,.yq-case-grid,.yq-insight-list{grid-template-columns:1fr;}
.yq-proof-grid{border-radius:24px;}
.yq-proof-grid div{min-height:104px;}
.yq-proof-grid b{font-size:34px;}
.yq-solutions{background:#f4f7ff;}
.yq-solution-panel{background:#f4f7ff;}
.yq-solution-panel:before{display:none;}
.yq-solution-label{padding-top:42px;}
.yq-solution-headline{padding-bottom:28px;}
.yq-solution-headline strong{font-size:34px; line-height:1.05;}
.yq-solution-headline h2{margin-top:16px; font-size:27px;}
.yq-solution-headline h2 span{display:block; margin-top:4px; font-size:34px;}
.yq-industry-grid{display:block; grid-template-columns:none; padding:0; gap:0;}
.yq-industry-card,.yq-industry-card.active,.yq-industry-grid:hover .yq-industry-card:hover,.yq-industry-grid:hover .yq-industry-card.active:not(:hover){min-height:100svh; min-height:100vh; border-radius:0; border-right:0; padding:22px 22px calc(42px + env(safe-area-inset-bottom)); background:#1810c8; transform:translateY(42px); transition:transform .78s cubic-bezier(.22,.78,.22,1),background .45s ease; margin:0;}
.yq-industry-card:before,.yq-industry-card:after,.yq-industry-card.active:before,.yq-industry-card.active:after,.yq-industry-grid:hover .yq-industry-card:hover:before,.yq-industry-grid:hover .yq-industry-card:hover:after,.yq-industry-grid:hover .yq-industry-card.active:not(:hover):before,.yq-industry-grid:hover .yq-industry-card.active:not(:hover):after{opacity:0; transition:opacity .75s ease,transform .9s ease;}
.yq-industry-card:before{transform:translateY(80px) scale(1.08); background-position:center top;}
.yq-industry-card.is-revealed,.yq-industry-card.is-revealed.active,.yq-industry-grid:hover .yq-industry-card.is-revealed:hover,.yq-industry-grid:hover .yq-industry-card.is-revealed.active:not(:hover){background:transparent; transform:translateY(0);}
.yq-industry-card.is-revealed:before,.yq-industry-card.is-revealed:after,.yq-industry-card.is-revealed.active:before,.yq-industry-card.is-revealed.active:after,.yq-industry-grid:hover .yq-industry-card.is-revealed:hover:before,.yq-industry-grid:hover .yq-industry-card.is-revealed:hover:after,.yq-industry-grid:hover .yq-industry-card.is-revealed.active:not(:hover):before,.yq-industry-grid:hover .yq-industry-card.is-revealed.active:not(:hover):after{opacity:1;}
.yq-industry-card.is-revealed:before,.yq-industry-card.is-revealed.active:before,.yq-industry-grid:hover .yq-industry-card.is-revealed:hover:before,.yq-industry-grid:hover .yq-industry-card.is-revealed.active:not(:hover):before{transform:translateY(0) scale(1);}
.yq-industry-logo,.yq-industry-card.active .yq-industry-logo,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-logo,.yq-industry-grid:hover .yq-industry-card.active:not(:hover) .yq-industry-logo{left:22px; top:22px;}
.yq-industry-logo,.yq-industry-card.active .yq-industry-logo,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-logo,.yq-industry-grid:hover .yq-industry-card.active:not(:hover) .yq-industry-logo,.yq-industry-copy,.yq-industry-card.active .yq-industry-copy,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-copy,.yq-industry-grid:hover .yq-industry-card.active:not(:hover) .yq-industry-copy,.yq-industry-arrow,.yq-industry-card.active .yq-industry-arrow,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-arrow,.yq-industry-grid:hover .yq-industry-card.active:not(:hover) .yq-industry-arrow{opacity:0; transition:opacity .55s ease .18s,transform .65s cubic-bezier(.22,.78,.22,1) .12s;}
.yq-industry-copy,.yq-industry-card.active .yq-industry-copy,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-copy,.yq-industry-grid:hover .yq-industry-card.active:not(:hover) .yq-industry-copy{transform:translateY(64px);}
.yq-industry-arrow,.yq-industry-card.active .yq-industry-arrow,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-arrow,.yq-industry-grid:hover .yq-industry-card.active:not(:hover) .yq-industry-arrow{transform:translateY(26px);}
.yq-industry-card.is-revealed .yq-industry-logo,.yq-industry-card.is-revealed.active .yq-industry-logo,.yq-industry-grid:hover .yq-industry-card.is-revealed:hover .yq-industry-logo,.yq-industry-grid:hover .yq-industry-card.is-revealed.active:not(:hover) .yq-industry-logo,.yq-industry-card.is-revealed .yq-industry-copy,.yq-industry-card.is-revealed.active .yq-industry-copy,.yq-industry-grid:hover .yq-industry-card.is-revealed:hover .yq-industry-copy,.yq-industry-grid:hover .yq-industry-card.is-revealed.active:not(:hover) .yq-industry-copy,.yq-industry-card.is-revealed .yq-industry-arrow,.yq-industry-card.is-revealed.active .yq-industry-arrow,.yq-industry-grid:hover .yq-industry-card.is-revealed:hover .yq-industry-arrow,.yq-industry-grid:hover .yq-industry-card.is-revealed.active:not(:hover) .yq-industry-arrow{opacity:1; transform:translateY(0);}
.yq-industry-logo b{font-size:20px;}
.yq-industry-copy h3{font-size:34px;}
.yq-industry-copy p{margin-top:18px; font-size:15px; line-height:1.75;}
.yq-industry-copy ul{margin-top:20px; gap:8px 14px;}
.yq-industry-copy li{font-size:14px;}
.yq-industry-arrow,.yq-industry-card.active .yq-industry-arrow,.yq-industry-grid:hover .yq-industry-card:hover .yq-industry-arrow,.yq-industry-grid:hover .yq-industry-card.active:not(:hover) .yq-industry-arrow{right:22px; bottom:28px; width:48px; height:48px;}
.yq-stack article{gap:28px;}
.yq-stack-list{grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
.yq-stack-item{min-height:166px; padding:18px 14px; border-radius:20px;}
.yq-stack-item i{width:42px; height:42px; border-radius:14px; font-size:20px;}
.yq-stack-item b{margin-top:18px; font-size:18px;}
.yq-stack-item p{margin-top:9px; font-size:13px; line-height:1.55;}
.yq-media-relations{min-height:930px;}
.yq-media-relations article{min-height:930px;}
.yq-media-head{padding-top:86px;}
.yq-media-head span{left:28px; top:88px; font-size:13px;}
.yq-media-head h2 em{font-size:40px;}
.yq-media-head h2 strong{margin-top:12px; font-size:32px;}
.yq-media-orbit{top:54%; width:1120px; height:610px; transform:translate(-50%,-39%);}
.yq-media-orbit:before,.yq-media-orbit:after{width:210px;}
.yq-media-center{width:238px; height:238px;}
.yq-media-center strong{font-size:24px;}
.yq-media-center strong b{font-size:48px;}
.yq-media-center p{margin-top:18px; font-size:15px;}
.yq-media-row{gap:36px;}
.yq-media-row:nth-child(2){top:30px;}
.yq-media-row:nth-child(3){top:150px;}
.yq-media-row:nth-child(4){top:270px;}
.yq-media-row:nth-child(5){top:390px;}
.yq-media-row:nth-child(6){top:510px;}
.yq-media-row span{height:54px; gap:11px; font-size:17px;}
.yq-media-row span:before{width:44px; height:44px; flex-basis:44px; border-radius:8px; font-size:17px;}
.yq-media-row span img{top:5px; width:44px; height:44px; padding:7px; border-radius:8px;}
.yq-case-marquee{margin:0 -18px; padding:0 18px;}
.yq-case-marquee:before,.yq-case-marquee:after{width:34px;}
.yq-case-track{gap:16px; animation-name:yqCaseScrollMobile; animation-duration:var(--yq-case-duration, 152s);}
.yq-case-card{flex-basis:82vw; min-height:0; border-radius:22px;}
.yq-insight-list{grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
.yq-insight-item{min-height:0; border-radius:22px;}
.yq-insight-thumb{border-radius:16px;}
.yq-insight-item{padding:10px 10px 16px;}
.yq-insight-item time{margin:12px 6px 0; font-size:12px;}
.yq-insight-item b{min-height:0; margin:8px 6px 0; font-size:15px; line-height:1.4;}
.yq-insight-item p{display:none;}
.yq-insight-item>i{margin:10px 6px 0; font-size:16px;}
.yq-cta-panel{display:block; padding:34px 22px; border-radius:24px;}
.yq-cta-button{margin-top:26px; width:100%; height:56px;}
}
@media(prefers-reduced-motion:reduce){
.yq-media-row{animation:none;}
.yq-industry-card,.yq-industry-card:before,.yq-industry-card:after,.yq-industry-copy,.yq-stack-item,.yq-case-card,.yq-insight-item,.yq-round-link,.yq-cta-button{transition:none;}
}