.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}.no-scroll{overflow:hidden}.absolute.absoluteNo{display:block;position:absolute}.content-auto{content-visibility:auto}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,0.1)}.transition-navbar{transition:background-color .3s,box-shadow .3s,padding .3s}.bg_linear{background-color:#30313a}.bg_No{width:64px;height:50px;background:url("../img/bg-No.png") 0 0 no-repeat}.bgIcon{position:absolute;left:50%;top:50%;margin-left:-25%;margin-top:-25%}.text-indent{text-indent:2em}.attentionUs{position:relative}.icon-group svg{width:3rem;height:3rem}.not-group{position:relative}.child{position:absolute;left:50%;top:5rem;margin-left:-25%;width:12rem;height:14rem;padding:1rem;padding-bottom:.5rem;background:rgba(0,0,0,0.6);opacity:0;visibility:hidden}.child img{width:10rem}.child.show{opacity:100;visibility:visible}.questionItem{border-bottom:2px solid #2405F2}.platform-name{word-wrap:break-word}.myTable td{padding:1rem;margin:1rem}.text-shadow-purple{text-shadow:0 2px 10px rgba(124,58,237,0.3)}#attentionUs .iconfont{font-size:4rem}#sidebar-container .iconfont{font-size:2rem}.search .absolute{top:35%;right:2rem}.search-container{background:url("../img/bg-search.png") 0 0 no-repeat;background-size:100% 100%;cursor:pointer}.xh-cont{width:70vw;margin:0 auto;padding:0 1rem}@media (max-width:992px){.xh-cont{width:90vw}}@media (max-width:768px){.xh-cont{width:95vw}}.xh-title{font-weight:600;text-align:center;margin-bottom:2rem}.xh-b-btn{margin-top:20px}.xh-b-btn a{font-size:1.25rem;padding:.55rem 1.5rem;background-color:white;border-radius:8px;font-weight:800}.xh-1{padding:4rem 0}.xh-1 .xh-box{display:flex;justify-content:center;align-items:center;gap:20px}@media (max-width:992px){.xh-1 .xh-box{flex-direction:column}}.xh-1 .tab-3{margin-top:3rem}.xh-1 .tab-3 .part-box{display:flex;gap:30px;align-items:center;margin-bottom:30px}@media (max-width:992px){.xh-1 .tab-3 .part-box{flex-direction:column;gap:20px}}.xh-1 .tab-3 .part-box .box{display:flex;justify-content:space-between;align-items:center;width:50%;background-color:#fff;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}@media (max-width:992px){.xh-1 .tab-3 .part-box .box{width:100%}}.xh-1 .tab-3 .part-box .box img{width:70px}.xh-1 .tab-3 .part-box .box .box-img-num img{width:70px}.xh-2{padding:4rem 0}.xh-2 .xh-box{display:flex;gap:20px;padding:20px}@media (max-width:992px){.xh-2 .xh-box{flex-direction:column}}.xh-2 .xh-box .xh-t{flex:1;display:flex;flex-direction:column;align-items:center;border-radius:16px;padding:25px;box-shadow:0 5px 25px rgba(0,0,0,0.08);transition:all .3s ease;border:1px solid #eef2ff}@media (max-width:992px){.xh-2 .xh-box .xh-t{flex-direction:column;text-align:center;padding:30px}}@media (max-width:576px){.xh-2 .xh-box .xh-t{padding:20px}}.xh-2 .xh-box .xh-t:hover{transform:translateY(-5px);box-shadow:0 12px 35px rgba(0,0,0,0.15);border-color:#d6e4ff}.xh-2 .xh-box .xh-t .img{flex-shrink:0;display:flex;align-items:center;justify-content:center}@media (max-width:992px){.xh-2 .xh-box .xh-t .img{margin-right:0;margin-bottom:20px}}.xh-2 .xh-box .xh-t .img img{max-width:100%;max-height:100%;object-fit:contain}.xh-2 .xh-box .xh-t .txt{margin:20px 0;flex:1;text-align:center}@media (max-width:992px){.xh-2 .xh-box .xh-t .txt{margin-right:0;margin-bottom:20px}}.xh-2 .xh-box .xh-t .txt h3{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:12px;letter-spacing:-0.5px}@media (max-width:576px){.xh-2 .xh-box .xh-t .txt h3{font-size:20px}}.xh-2 .xh-box .xh-t .txt p{font-size:15px;line-height:1.6;color:#666;margin:0;text-align:justify}@media (max-width:992px){.xh-2 .xh-box .xh-t .txt p{text-align:center}}@media (max-width:576px){.xh-2 .xh-box .xh-t .txt p{font-size:14px}}.xh-2 .xh-box .xh-t .btn{flex-shrink:0;display:flex;flex-direction:column;gap:12px}@media (max-width:992px){.xh-2 .xh-box .xh-t .btn{flex-direction:row;justify-content:center;flex-wrap:wrap}}@media (max-width:576px){.xh-2 .xh-box .xh-t .btn{flex-direction:column;width:100%}}.xh-2 .xh-box .xh-t .btn a{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;text-align:center;transition:all .3s ease}@media (max-width:992px){.xh-2 .xh-box .xh-t .btn a{min-width:140px}}@media (max-width:576px){.xh-2 .xh-box .xh-t .btn a{width:100%}}.xh-2 .xh-box .xh-t .btn a:first-child{background:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);color:white;box-shadow:0 4px 12px rgba(37,99,235,0.3)}.xh-2 .xh-box .xh-t .btn a:first-child:hover{background:linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);transform:translateY(-2px);box-shadow:0 6px 18px rgba(37,99,235,0.4)}.xh-2 .xh-box .xh-t .btn a:last-child{background:white;color:#2563eb;border:2px solid #dbeafe}.xh-2 .xh-box .xh-t .btn a:last-child:hover{background:#f1f5ff;border-color:#2563eb;transform:translateY(-2px)}.xh-3{padding:4rem 0;background-color:white}.xh-3 .product-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin:0 auto}@media (max-width:1200px){.xh-3 .product-grid{grid-template-columns:repeat(3, 1fr)}}@media (max-width:900px){.xh-3 .product-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width:600px){.xh-3 .product-grid{grid-template-columns:repeat(1, 1fr);gap:15px}}.xh-3 .product-grid .product-card{background-color:#ffffff;border-radius:12px;padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.05);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.xh-3 .product-grid .product-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,0.12)}.xh-3 .product-grid .product-card .icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.xh-3 .product-grid .product-card h3{font-size:20px;font-weight:600;color:#333333;margin-bottom:10px}.xh-3 .product-grid .product-card p{font-size:14px;color:#777777;line-height:1.6;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}.xh-4{padding:4rem 0;background-color:white}.xh-4 .xh-box{display:flex;gap:20px;margin:30px auto}@media (max-width:992px){.xh-4 .xh-box{flex-direction:column}}@media (max-width:768px){.xh-4 .xh-box{margin:20px auto;padding:0 15px}}@media (max-width:480px){.xh-4 .xh-box{gap:15px}}.xh-4 .xh-box a{flex:1;display:flex;flex-direction:column;align-items:center;background:#ffffff;border-radius:12px;padding:20px 25px;box-shadow:0 4px 15px rgba(0,0,0,0.05);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:1px solid #e0e0e0}@media (max-width:768px){.xh-4 .xh-box a{flex-direction:column;text-align:center;padding:20px}}.xh-4 .xh-box a:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);border-color:#4285f4}.xh-4 .xh-box a .img{flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px}@media (max-width:768px){.xh-4 .xh-box a .img{margin-right:0;margin-bottom:15px}}.xh-4 .xh-box a .img img{object-fit:contain}.xh-4 .xh-box a .txt{flex:1}.xh-4 .xh-box a .txt h3{font-size:18px;font-weight:600;color:#333333;margin-bottom:8px}@media (max-width:768px){.xh-4 .xh-box a .txt h3{font-size:17px}}.xh-4 .xh-box a .txt p{font-size:14px;color:#666666;line-height:1.5;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}@media (max-width:768px){.xh-4 .xh-box a .txt p{font-size:13px;-webkit-line-clamp:3}}.not-banner{background-color:#30313a;position:relative;height:520px;overflow:hidden}@media (max-width:768px){.not-banner{height:350px}}.not-banner video{height:520px;position:absolute;right:0;object-fit:cover}@media (max-width:768px){.not-banner video{height:350px}}.not-banner .not-v-cont{position:absolute;top:30%;left:5%}@media (max-width:768px){.not-banner .not-v-cont{top:50%;left:50%;transform:translate(-50%, -50%);width:90%;text-align:center}}.not-banner .not-v-cont .typed-text{font-weight:800;font-size:3rem;background:linear-gradient(to right, #8A2BE2, #4169E1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}@media (max-width:768px){.not-banner .not-v-cont .typed-text{font-size:1.8rem;margin-bottom:.5rem}}.not-banner .not-v-cont p{font-weight:400;font-size:2.5rem;color:white;line-height:1.2}@media (max-width:768px){.not-banner .not-v-cont p{font-size:1.2rem;margin-top:1rem}}