.banner{padding:126px 0 126px;background:url(/resource/images/features_index/banner-bg@2x.webp) no-repeat center;background-size:cover;color:#fff}.banner .container2{display:flex;justify-content:center;align-items:center}.banner h1{font-weight:700;font-size:48px;margin-bottom:24px;line-height:1.2}.banner .left{width:674px;max-width:100%}.banner .list{max-width:860px;text-align:left;display:inline-block;margin:0 auto 56px}.banner .list li{font-size:20px;line-height:120%}.banner .list li:not(.banner .list li:last-child){margin-bottom:8px}.banner .list li::before{vertical-align:-2px;content:'';display:inline-block;width:18px;margin-right:3px;height:18px;background:url(/resource/images/solutions-mobile-screen-mirroring/banner-ic-18-gou@1x.svg) no-repeat}.banner .ic-down{width:24px;height:24px;vertical-align:-6px;display:inline-block;background:url(/resource/images/personal/av-personal-p4-ic-down16.svg) no-repeat;background-size:100% 100%}.banner .device{display:none}.banner .btn{width:240px;height:64px;font-weight:700;font-size:18px;line-height:64px;border-radius:288px 288px 288px 288px}.banner .btn.btn-blue{box-shadow:0 10px 20px 0 rgba(34,88,246,0.4)}.banner .btn.btn-org{box-shadow:0 10px 20px 0 rgba(255,89,0,0.4)}.banner .other-verion{margin-top:12px}.banner .button-box{display:flex;flex-wrap:wrap;gap:24px 16px}.banner .right{display:none}.banner .version-link,.banner .other-verion{gap:8px}@media (max-width:991px){.banner .left{text-align:center}}@media (max-width:767px){.banner{padding:40px 0}.banner .container2{flex-wrap:wrap}.banner h1{font-weight:700;font-size:38px;line-height:46px;margin-bottom:20px}.banner .list{margin-bottom:32px}.banner .list li{font-size:16px;line-height:24px}.banner .list li:not(:last-child){margin-bottom:12px}.banner .button-box{gap:20px;margin-bottom:20px}.banner .button-box .btn{width:200px;height:48px;line-height:48px;font-size:16px}}.what{padding:120px 0;background:#F8F9FA}.what .head{margin:0 auto 40px;text-align:center}.what h2{font-size:40px;line-height:46px;text-align:center}.what p.desc{margin-top:24px;font-size:18px;line-height:30px}.what .tab-nav{display:flex;align-items:center;border-bottom:1px solid #E4E7F0;width:1000px;max-width:100%;margin:auto}.what .tab-nav::-webkit-scrollbar{display:none}.what .tab-btn{flex:1 1 0;min-width:0;position:relative;width:auto;height:74px;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;color:#666666;line-height:24px;font-weight:500;white-space:nowrap;transition:color .25s ease}.what .tab-btn span{display:block}.what .tab-btn::after{content:'';position:absolute;left:24px;right:24px;bottom:0;height:3px;border-radius:999px;background:transparent;transition:background .25s ease}.what .tab-btn .tab-ic{width:24px;height:24px;flex-shrink:0;background-repeat:no-repeat;background-position:center;background-size:100% 100%}.what .tab-btn:nth-child(1) .tab-ic{background-image:url(/resource/images/features_index/what-ic-24-1-0.svg)}.what .tab-btn:nth-child(1).active .tab-ic{background-image:url(/resource/images/features_index/what-ic-24-1-1.svg)}.what .tab-btn:nth-child(2) .tab-ic{background-image:url(/resource/images/features_index/what-ic-24-2-0.svg)}.what .tab-btn:nth-child(2).active .tab-ic{background-image:url(/resource/images/features_index/what-ic-24-2-1.svg)}.what .tab-btn:nth-child(3) .tab-ic{background-image:url(/resource/images/features_index/what-ic-24-3-0.svg)}.what .tab-btn:nth-child(3).active .tab-ic{background-image:url(/resource/images/features_index/what-ic-24-3-1.svg)}.what .tab-btn:nth-child(4) .tab-ic{background-image:url(/resource/images/features_index/what-ic-24-4-0.svg)}.what .tab-btn:nth-child(4).active .tab-ic{background-image:url(/resource/images/features_index/what-ic-24-4-1.svg)}.what .tab-btn.active{color:#2258F6;font-weight:700}.what .tab-btn.active::after{background:#2258F6}.what .tab-cont{margin-top:24px}.what .part{position:relative;padding:32px 24px 24px;border-radius:24px;background:#FFFFFF;transition:box-shadow .3s ease,border-color .3s ease;display:none}.what .part.active{display:block}.what .tab-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.what .part-desc{margin:0 auto 32px;text-align:center;font-size:16px;line-height:22px}.what .wrap{display:flex;flex-wrap:wrap;gap:16px}.what .item{position:relative;width:calc(25% - 12px);max-width:100%;min-height:152px;border-radius:20px;perspective:1200px}.what .item-media,.what .item-body{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px 24px;border-radius:20px;background:#FFFFFF;border:1px solid #E6E8E9;box-shadow:0 4px 16px 0 rgba(10,34,89,0.03);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .75s cubic-bezier(.22, 1, .36, 1),border-color .3s ease,box-shadow .3s ease}.what .item-media{transform:rotateY(0deg)}.what .item-media img{display:block;margin:0 auto 16px}.what .item-media::after{content:attr(data-title);display:block;font-size:18px;line-height:24px;font-weight:700;color:#1A1A1A;text-align:center}.what .item-body{transform:rotateY(-180deg)}.what .item-body h4{min-height:0;margin-bottom:12px;font-size:18px;line-height:24px;font-weight:700;color:#1A1A1A;text-align:center}.what .item-body p{font-size:14px;line-height:22px;color:#333333;text-align:center}.what .item-body .link{color:#2258F6;font-weight:700}@keyframes whatPartShow{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}@media (min-width:768px){.what .item:hover .item-media{transform:rotateY(180deg)}.what .item:hover .item-body{transform:rotateY(0deg)}.what .item:hover .item-media,.what .item:hover .item-body{border-color:rgba(34,88,246,0.18);box-shadow:0 16px 32px 0 rgba(34,88,246,0.08)}}@media (max-width:1199px){.what .item{width:calc(50% - 8px);min-height:202px}}@media (max-width:767px){.what{padding:60px 0}.what .head{margin-bottom:32px}.what h2{font-size:32px;line-height:40px}.what p.desc{margin-top:16px;font-size:16px;line-height:26px}.what .tab-nav{width:100%;flex-wrap:wrap;justify-content:space-between;gap:12px;border-bottom:0;border-radius:20px}.what .tab-btn{flex:0 0 calc(50% - 6px);width:calc(50% - 6px);min-width:0;min-height:60px;height:auto;padding:12px 18px;font-size:16px;line-height:22px;white-space:normal;border:1px solid #E4E7F0;border-radius:20px}.what .tab-btn::after{left:16px;right:16px}.what .tab-cont{margin-top:20px}.what .part{padding:32px 16px 16px;border-radius:24px}.what .part-desc{margin-bottom:20px;font-size:16px;line-height:26px}.what .item{width:100%;min-height:0}.what .item-media,.what .item-body{position:relative;inset:auto;min-height:0;backface-visibility:visible;-webkit-backface-visibility:visible;transform:none !important}.what .item-media{display:none}.what .item-body h4{font-size:18px;line-height:26px}.what .item-body p{display:block}}@media (max-width:575px){.what .tab-btn{width:100%;flex-basis:100%}}.why{padding:120px 0;background:#091121;text-align:center}.why h2{margin-bottom:24px;font-size:40px;line-height:46px;color:#fff}.why p.desc{font-size:18px;line-height:30px;margin-bottom:80px;color:#fff}.why .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.why .wrap li{border-radius:24px;padding:40px;background:linear-gradient(180deg, #F3F5FA 5%, #FFFFFF 100%);box-sizing:border-box;width:416px;max-width:100%}.why .wrap li h4{font-size:20px;margin:20px auto 16px;line-height:26px;font-weight:bold}.why .wrap li p{font-size:16px;line-height:22px}.faq{padding:120px 0}.faq .faq-mn{background:#f8f9fa;padding:80px 40px 60px;border-radius:60px 20px 60px 20px;background:linear-gradient(135deg, transparent 33px, #F8F9FA 0) top left,linear-gradient(-45deg, transparent 33px, #F8F9FA 0) bottom right;background-size:51% 100%;background-repeat:no-repeat}.faq h2{text-align:center;color:#000;margin-bottom:40px;line-height:46px}.faq li{transition:.5s all;overflow:hidden;padding:1px;margin-bottom:24px;border-radius:40px 10px 40px 10px;background:linear-gradient(135deg, transparent 20px, #e6e8e9 0) top left,linear-gradient(-45deg, transparent 20px, #e6e8e9ff 0) bottom right;background-size:51% 100%;background-repeat:no-repeat}.faq .box{transition:.5s all;overflow:hidden;padding:0 40px;border-radius:40px 10px 40px 10px;margin-bottom:24px;background:linear-gradient(135deg, transparent 20px, #fff 0) top left,linear-gradient(-45deg, transparent 20px, #fff 0) bottom right;background-size:51% 100%;background-repeat:no-repeat}.faq .box:nth-last-child(1){margin-bottom:0px}.faq .box .title{display:flex;justify-content:space-between;align-items:center}.faq .box h5{margin-bottom:0;padding:30px 3% 30px 0;position:relative;color:#000;cursor:pointer}.faq .box .tt-ic{display:inline-block;width:24px;height:24px;vertical-align:middle;border-radius:4px;color:#000;position:relative;margin-right:10px}.faq .box .tt-ic::after,.faq .box .tt-ic::before{content:"";display:inline-block;position:absolute;background:#fff;border-radius:2px}.faq .box .tt-ic::after,.faq .box .tt-ic::before{left:25%;top:calc(50% - 4.16%);width:24px;height:2px;background:#2258f6;transition:transform .5s,opacity .5s}.faq .box .tt-ic::after{transform:rotate(270deg);opacity:1}.faq .box p{max-width:880px;font-size:16px;font-weight:400;color:#000;line-height:22px;padding-right:20px;display:none}.faq .box .link{color:#2258f6}.faq .box a{color:#2258F6}.faq .box a:hover{text-decoration:underline}.faq .box.active{padding-bottom:30px}.faq .box.active h5{color:#2258f6;padding-bottom:30px}.faq .box.active p{display:block}.faq .box.active .tt-ic::after{opacity:0;transform:rotate(-45deg)}@media screen and (max-width:476px){.faq{padding:40px 0 0;background:#F8F9FA}.faq .container2{padding:0}.faq li{border-radius:15px 10px 15px 10px;background:linear-gradient(135deg, transparent 15px, #e6e8e9 0) top left,linear-gradient(-45deg, transparent 15px, #e6e8e9ff 0) bottom right;background-size:51% 100%;background-repeat:no-repeat}.faq li:last-child{margin-bottom:0}.faq .box,.faq .faq-mn{padding:24px 20px;clip-path:none;border-radius:10px}.faq .faq-mn{background:#F8F9FA}.faq .box{background:linear-gradient(135deg, transparent 15px, #fff 0) top left,linear-gradient(-45deg, transparent 15px, #fff 0) bottom right;background-size:51% 100%;background-repeat:no-repeat}.faq .box .title{align-items:flex-start}.faq .box.active h5{padding-bottom:17px}.faq .box p{font-size:12px}.faq .box h5{font-size:14px;padding:0 3% 0 0}.faq .box .tt-ic{transform:scale(.6)}}.re{padding:120px 0 176px;background:#F8F9FA}.re .container2{width:1920px;margin:auto;max-width:100%}.re h2{text-align:center;line-height:48px;margin-bottom:24px}.re p.desc{margin:0 auto 80px;font-size:18px;text-align:center;line-height:30px;width:1280px;max-width:100%}.re .slick-center .slick-list::before{background:linear-gradient(-270deg, #F8F9FA 50%, rgba(248,249,250,0) 100%)}.re .slick-center .slick-list::after{background:linear-gradient(270deg, #F8F9FA 50%, rgba(248,249,250,0) 100%)}.re .slick-center .slick-prev{background:transparent;background:#FFFFFF;box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);border:1px solid #E6E8E9}.re .slick-center .slick-prev::before{background:url(/resource/images/solu-desktop/AV-solutions-ic-right.svg) no-repeat;background-position:center;transform:rotate(180deg)}.re .slick-center .slick-prev:hover{background:#2258F6}.re .slick-center .slick-prev:hover::before{background-image:url(/resource/images/solu-desktop/AV-solutions-ic-right-hover.svg)}.re .slick-center .slick-next{background:#FFFFFF;box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);border:1px solid #E6E8E9}.re .slick-center .slick-next::before{background:url(/resource/images/solu-desktop/AV-solutions-ic-right.svg) no-repeat;background-position:center}.re .slick-center .slick-next:hover{background:#2258F6}.re .slick-center .slick-next:hover::before{background-image:url(/resource/images/solu-desktop/AV-solutions-ic-right-hover.svg)}.re .slick-slide{width:600px;background:#FFFFFF;box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);border:1px solid #E6E8E9;margin:0 20px 30px;border-radius:20px;padding:40px}.re .top{margin-bottom:30px}.re .slick-track{display:flex}.re .topbox{display:flex;align-items:center;justify-content:space-between}.re .topbox img{margin:0}.re .topbox .name{width:60px;height:60px}.re .topbox .topleft{display:flex;align-items:center;gap:16px}.re .topbox strong{font-size:24px;font-family:PT Sans, PT Sans;font-weight:400;color:#1A1A1A;line-height:30px;-webkit-text-stroke:1px #1A1A1A;-webkit-background-clip:text}.re .remark>p{font-weight:400;font-size:16px;color:#000000;min-height:141px;line-height:32px}.re .slick-dots{bottom:-44px}.re .slick-dots li button{width:12px;height:12px;background:#2258F6;opacity:.15;border-radius:50%}.re .slick-dots li.slick-active button{opacity:1}@media (max-width:767px){.re{padding:60px 0}.re h2{margin-bottom:40px}.re .slick-slide{padding:20px}.re .slick-center .slick-dots{bottom:15px}.re .slick-center .slick-dots li{margin:0 4px}.re .slick-center .slick-dots li button{width:8px;height:8px}.re .topbox strong{font-size:12px}}@media (max-width:400px){.re{padding:20px 0}.re .container2{padding:0 20px}.re .top{margin-bottom:8px}.re .slick-slide{margin:0 auto 20px;box-shadow:none}.re .topbox>img{width:70px;height:14px;background-size:100% 100%}.re .topbox .topleft strong{line-height:16px}.re .topbox .topleft>img{width:30px;height:30px;background-size:100% 100%}.re h2{font-size:24px;color:#1A1A1A;line-height:36px;margin-bottom:20px}}.data{padding:160px 0;background:url(/resource/images/home/av-home-part8-bg@2x.jpg) no-repeat;background-size:cover;text-align:center;color:#fff}.data h2{line-height:62px;font-size:56px;margin-bottom:60px;margin-top:28px}.data .btn{height:64px;line-height:64px;width:240px;max-width:100%;font-weight:700;font-size:20px}@media (max-width:1919px){.data{background-image:url(/resource/images/home/av-home-part8-bg.jpg);background-position:right}}@media (max-width:767px){.data{padding:60px 0}.data h2{font-size:24px;line-height:32px}}@media (max-width:400px){.data{padding:60px 0 35px}.data h2{margin-bottom:20px}.data p{font-size:16px;line-height:27px;margin-bottom:20px}}/*# sourceMappingURL=./features_index.css.map */