* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: #03050c; font-family: "'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif"; }
button { padding: 0; border: 0; color: inherit; font: inherit; background-color: transparent; }
.bsd-frame { position: fixed; width: 1920px; height: 1080px; transform-origin: left top; background: #03050c; overflow: hidden; }
.know-view { display: none; width: 100%; height: 100%; }
.know-view.is-active { display: block; }
.screen-video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }
.video-out { position: relative; }
.video-play { position: absolute; z-index: 3; left: 50%; top: 50%; width: 0; height: 0; padding: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-left: 19px solid rgba(255,255,255,.82); transform: translate(-40%, -50%); cursor: pointer; }
.video-out.is-playing .video-play { display: none; }
.is-hidden { visibility: hidden; }
/* 首页 */
.wajs-home { position: relative; padding: 50px; background: url("../static/know/img/Home Background@2x.c0084b00.png") no-repeat 0 0 / 100% 100%; }
.rotation3D { position: relative; z-index: 20; width: 800px; height: 800px; margin: -100px auto 0; cursor: move; user-select: none; }
.rotation3D .center { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.rotation3D .itemList { position: absolute; width: 100%; height: 100%; z-index: 20; }
.rotation3D__item { position: absolute; display: block; width: 230px; height: 420px; cursor: pointer; color: inherit; text-align: center; text-decoration: none; }
.rotation3D__item .scale { position: absolute; display: block; top: 0; width: 100%; height: 100%; }
.rotation3D__item .baseImg { position: absolute; width: 100%; height: 100%; z-index: 1; }
.rotation3D__item .cont { position: relative; z-index: 2; display: block; }
.rotation3D__item img { display: block; width: 230px; height: 420px; }
.wajs-guang { width: 751px; height: 987px; position: absolute; left: 49%; top: 23%; transform: translate(-51%, -25%); background: url("../static/know/img/guang2x.a9b5e8fd.png") no-repeat 0 0 / 100% 100%; opacity: .7; }
.wajs-btm { width: 345px; height: 119px; position: absolute; left: 50%; top: 93%; transform: translate(-50%, -93%); background: url("../static/know/img/he1@2x.50b26d2a.png") no-repeat 0 0 / 100% 100%; }
.wajs-btm-line { width: 1799px; height: 885px; position: absolute; left: 50%; top: 48%; transform: translate(-50%, -48%); background: url("../static/know/img/he2@2x.dae4b360.png") no-repeat 0 0 / 100% 100%; }
.wajs-btm-circle { width: 1164px; height: 678px; position: absolute; left: 50%; top: 58%; transform: translate(-50%, -58%); background: url("../static/know/img/he3@2x.398f88e9.png") no-repeat 0 0 / 100% 100%; }
/* 公司介绍 */
.wajs-company { position: fixed; background: url("../static/know/img/background@2x.c04e90ae.png") no-repeat 0 0 / 100% 100%; }
.wajs-company .title-main { display: flex; }
.wajs-company-title { width: 309px; height: 70px; margin: 106px 0 0 1501px; background: url("../static/know/img/title03@2x.8d41d972.png") no-repeat 0 0 / 100% 100%; }
.wajs-company-main { display: flex; margin: 33px 60px 0 59px; }
.company-main-left { width: 1423px; height: 801px; }
.company-main-left .video-out { width: 100%; height: 100%; }
.company-main-right { position: relative; width: 386px; height: 801px; background: linear-gradient(to right, #081144, #40869a); }
.company-main-right-text-top, .company-main-right-text-btm { width: 374px; padding: 33px 31px 0 37px; color: #fff; font-size: 20px; line-height: 32px; text-align: left; }
.company-main-right .btn { position: absolute; display: block; right: -5px; bottom: -7px; width: 188px; height: 67px; cursor: pointer; background: url("../static/know/img/back button@2x.cd11ed29.png") no-repeat 0 0 / 100% 100%; }
/* 产品概述 */
.wajs-productIntroduction { position: absolute; inset: 0; background: url("../static/know/img/background@2x.c04e90ae.png") no-repeat 0 0 / 100% 100%; }
.wajs-productIntroduction .title-main { display: flex; }
.wajs-productIntroduction-title { display: block; width: 190px; height: 67px; margin: 103px 1141px 0 52px; cursor: pointer; background: url("../static/know/img/back button2@2x.c43666fc.png") no-repeat 0 0 / 100% 100%; }
.wajs-productIntroduction-word { width: 364px; height: 105px; margin-top: 108px; background: url("../static/know/img/title04@2x.0ca7af52.png") no-repeat 0 0 / 100% 100%; }
.wajs-productIntroduction-main { display: flex; }
.productIntroduction-main-left { width: 1319px; height: 761px; margin: 40px 0 0 59px; background: linear-gradient(to right, rgba(67,138,155,.5), rgba(8,12,55,.5)); }
.productIntroduction-main-left .video-out { position: relative; width: 1280px; height: 720px; margin: 21px 19px 20px 20px; background: #050c23; }
.productIntroduction-main-right { height: 814px; margin-top: 40px; overflow-y: scroll; }
.productIntroduction-main-right::-webkit-scrollbar-track-piece { background-color: #07184c; }
.productIntroduction-main-right::-webkit-scrollbar { width: 8px; height: 8px; }
.productIntroduction-main-right::-webkit-scrollbar-thumb { min-height: 28px; background-color: #08688f; background-clip: padding-box; }
.titlt-list { display: block; width: 100%; opacity: .8; text-align: left; cursor: pointer; }
.titlt-list.active { background: linear-gradient(to right, #060c38, #387d94); }
.titlt-list .product-heading, .titlt-list .text, .titlt-list .line { display: block; }
.titlt-list .text { color: #fff; font-size: 18px; }
.titlt-list .line { width: 452px; height: 22px; background: linear-gradient(90deg, transparent, #0a7ba7 12%, #20e9ff 50%, #0a7ba7 88%, transparent) no-repeat center / 100% 2px; }
.titlt-list:nth-of-type(1) .text { width: 398px; height: 114px; margin-left: 25px; line-height: 32px; }
.titlt-list:nth-of-type(2) .text { width: 397px; height: 82px; margin-left: 26px; line-height: 32px; }
.titlt-list:nth-of-type(3) .text { width: 398px; height: 146px; margin-left: 25px; line-height: 32px; }
.titlt-list:nth-of-type(4) .text { width: 413px; height: 115px; margin-left: 25px; line-height: 32px; }
.titlt-list:nth-of-type(5) .text { width: 413px; min-height: 96px; margin-left: 25px; line-height: 32px; }
.product-heading { position: relative; isolation: isolate; width: 455px; height: 126px; padding: 81px 0 0 31px; overflow: hidden; color: #fff; text-shadow: 0 0 2px rgba(25,221,235,.55); }
.product-heading::before { content: ""; position: absolute; z-index: -1; left: 15px; bottom: 2px; width: 425px; height: 43px; border-radius: 22px 46%; background: linear-gradient(90deg, rgba(7,120,190,.58), rgba(16,214,222,.64) 48%, rgba(8,132,193,.42)); opacity: .68; filter: blur(2px); }
.product-number { position: absolute; left: 18px; top: 9px; display: flex; width: 88px; height: 70px; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient(ellipse, rgba(23,102,245,.5), rgba(10,53,186,.26) 48%, transparent 70%); font-family: Georgia, serif; font-size: 54px; font-style: italic; line-height: 1; text-shadow: 0 0 2px rgba(255,255,255,.5); }
.product-english { position: absolute; left: 112px; top: 48px; font-family: Arial, sans-serif; font-size: 13px; letter-spacing: .8px; white-space: nowrap; }
.product-name { display: block; font-size: 36px; font-weight: 500; letter-spacing: 1px; line-height: 47px; white-space: nowrap; }
.product-name-long { font-size: 34px; letter-spacing: 0; }
/* 合作客户 */
.wajs-customer { position: fixed; background: url("../static/know/img/background@2x.c04e90ae.png") no-repeat 0 0 / 100% 100%; }
.wajs-customer-title { width: 237px; height: 70px; margin: 90px 0 0 40px; background: url("../static/know/img/title02@2x.70d41fdc.png") no-repeat 0 0 / 100% 100%; }
.wajs-customer-main { display: flex; flex-wrap: wrap; margin: 26px 0 0 37px; }
.wajs-customer-main .main-child { margin-right: 133px; }
.wajs-customer-main .main-child:nth-of-type(4n) { margin-right: 0; }
.wajs-customer-parant { display: inline-block; width: 363px; height: 186px; }
.wajs-customer-parant img { width: 100%; height: 100%; }
.wajs-customer > .wajs-talentPool-btn { display: block; width: 188px; height: 67px; margin: 14px 0 0 1677px; cursor: pointer; background: url("../static/know/img/back button@2x.cd11ed29.png") no-repeat 0 0 / 100% 100%; }
/* 人才理念 */
.wajs-talentPool { position: fixed; background: url("../static/know/img/background@2x.c04e90ae.png") no-repeat 0 0 / 100% 100%; }
.wajs-talentPool-title { width: 558px; height: 73px; margin: 89px 0 0 43px; background: url("../static/know/img/title01@2x.9c865550.png") no-repeat 0 0 / 100% 100%; }
.wajs-talentPool-main { display: flex; flex-wrap: wrap; margin: 183px 0 0 61px; }
.wajs-talentPool-main .main-child { margin-right: 132px; }
.wajs-talentPool-main .main-child:nth-of-type(1) { width: 351px; height: 444px; }
.wajs-talentPool-main .main-child:nth-of-type(2) { width: 370px; height: 463px; }
.wajs-talentPool-main .main-child:nth-of-type(3) { width: 351px; height: 454px; }
.wajs-talentPool-main .main-child:nth-of-type(4) { width: 328px; height: 444px; margin-right: 0; }
.wajs-talentPool-parant, .wajs-talentPool-parant img { display: block; width: 100%; height: 100%; }
.wajs-main-bom { display: flex; align-items: flex-end; margin-top: 163px; }
.wajs-talentPool-bom { width: 1442px; height: 50px; margin: 0 175px 0 60px; color: #fff; font-size: 20px; line-height: 38px; letter-spacing: 3px; }
.wajs-talentPool-bom .large-font { display: inline-block; margin-bottom: 20px; font-size: 38px; letter-spacing: 5px; }
.wajs-talentPool-bom .large-font-num { display: inline-block; margin-bottom: 13px; font-size: 38px; letter-spacing: 5px; }
.wajs-main-bom .wajs-talentPool-btn { display: block; width: 188px; height: 67px; cursor: pointer; background: url("../static/know/img/back button@2x.cd11ed29.png") no-repeat 0 0 / 100% 100%; }
@keyframes cardTurn { 60% { transform: rotateY(0); } 80% { transform: rotateY(180deg); } 100% { transform: rotateY(360deg); } }
.animated-grid .animationCSS { animation: cardTurn 5s; }
@media (prefers-reduced-motion: reduce) {
.animated-grid .animationCSS { animation: none; }
}