.banner{padding:145px 0 145px;background:url(/resource/images/solutions-mobile-screen-mirroring/banner-bg@2x.webp) no-repeat center;background-size:cover;color:#fff}.banner .container2{display:flex;flex-wrap:wrap}.banner h1{font-weight:700;font-size:52px;color:#FFFFFF;margin-bottom:24px;line-height:120%}.banner .left{width:660px;max-width:100%;text-align:left}.banner .list{text-align:left;display:inline-block;margin-bottom:60px}.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-go{width:24px;height:24px;vertical-align:-6px;display:inline-block;background:url(/resource/images/home/av-home-button-arrow.svg) no-repeat;background-size:100% 100%}.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:260px;height:64px;font-weight:700;font-size:18px;line-height:64px;border-radius:288px 288px 288px 288px}.banner .button-box{display:flex;gap:24px 48px}@media (max-width:767px){.banner{padding:40px 0}.banner h1{font-weight:700;font-size:40px;line-height:50px;margin-bottom:12px}.banner p.desc{font-size:20px;line-height:28px;margin-bottom:20px}.banner .button-box{flex-wrap:wrap;gap:20px;margin-bottom:20px}.banner .button-box .btn{width:200px;height:48px;line-height:48px;font-size:16px}}.why{padding:120px 0;text-align:center}.why h2{margin-bottom:24px;font-size:40px;line-height:46px}.why p.desc{margin-bottom:80px;font-size:18px;line-height:24px}.why .wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:stretch}.why .wrap .item{position:relative;width:416px;max-width:100%;height:266px;border-radius:20px;padding:34px 36px 32px;background:linear-gradient(180deg, #F3F5FA 5%, #FFFFFF 100%);border:2px solid #FFFFFF;box-shadow:5px 5px 20px 0 #EFF1F6;overflow:hidden;transition:box-shadow .45s cubic-bezier(.22, 1, .36, 1),border-color .35s ease}.why .wrap .item-inner{position:relative;width:100%;height:100%}.why .wrap .item-media{position:absolute;top:2px;left:0;right:0;height:80px;display:flex;align-items:center;justify-content:center;z-index:2;transition:opacity .32s ease,transform .55s cubic-bezier(.22, 1, .36, 1)}.why .wrap .item-media img{display:block}.why .wrap .item-body{position:relative;width:100%;height:100%;transition:transform .55s cubic-bezier(.22, 1, .36, 1)}.why .wrap h4{position:absolute;left:0;right:0;top:96px;max-width:92%;margin:0 auto;font-size:20px;line-height:28px;font-weight:700;color:#1A1A1A;text-align:center;transition:transform .55s cubic-bezier(.22, 1, .36, 1)}.why .wrap .item-copy{position:absolute;left:0;right:0;top:184px;bottom:0}.why .wrap .copy-preview,.why .wrap .copy-full{width:100%;max-width:92%;margin:0 auto;font-size:16px;line-height:1.6;color:#333333;text-align:center}.why .wrap .copy-preview{position:absolute;left:0;right:0;bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3.2em;transition:opacity .3s ease,transform .42s cubic-bezier(.22, 1, .36, 1)}.why .wrap .copy-full{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(16px);transition:opacity .42s ease,transform .55s cubic-bezier(.22, 1, .36, 1)}@media (min-width:768px){.why .wrap .item:hover,.why .wrap .item:focus-within{box-shadow:0 22px 44px rgba(18,52,122,0.12);border-color:rgba(34,88,246,0.12)}.why .wrap .item:hover .item-media,.why .wrap .item:focus-within .item-media{opacity:0;transform:translateY(-16px) scale(.92)}.why .wrap .item:hover .item-body,.why .wrap .item:focus-within .item-body{transform:translateY(-84px)}.why .wrap .item:hover .copy-preview,.why .wrap .item:focus-within .copy-preview{opacity:0;transform:translateY(-10px)}.why .wrap .item:hover .copy-full,.why .wrap .item:focus-within .copy-full{opacity:1;transform:translateY(-36px)}}@media (max-width:767px){.why .wrap .item{height:auto;min-height:0}.why .wrap .item-copy{position:static;margin-top:16px}.why .wrap .copy-preview{display:none}.why .wrap .copy-full{opacity:1;transform:none;position:static}.why .wrap .item-media,.why .wrap .item-body,.why .wrap h4{position:static}.why .wrap .item-media{margin-bottom:20px}}.steps{padding:120px 0;background:#F8F9FA}.steps h2{text-align:center;margin-bottom:80px;color:#000}.steps .tab-pane{display:flex;justify-content:space-between;align-items:center}.steps .how-cont{background:#ffffff;border:1px solid #e6e8e9;overflow:hidden;padding:40px;border-radius:30px}.steps .slick-text{display:flex;gap:12px;flex-direction:column}.steps .slick-text li{font-size:16px;color:#1a1a1a;width:600px;min-height:112px;border-radius:24px;padding:22px 24px;border:1px solid transparent}.steps .slick-text li a{cursor:pointer}.steps .slick-text li h4{font-weight:700;font-size:22px;font-weight:bold;line-height:24px;margin-bottom:6px}.steps .slick-text li h4 span{margin-right:20px;text-align:center;display:inline-block;min-width:60px;height:26px;font-weight:700;font-size:16px;color:#000000;line-height:26px;background:#f9dec3;border-radius:4px 4px 4px 4px}.steps .slick-text li p{font-weight:400;font-size:16px;color:#1A1A1A;line-height:26px}.steps .slick-text li.active{position:relative;box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);border-radius:16px 16px 16px 16px;border:1px solid #e6e8e9}.steps .slick-text li.active h4{font-weight:600;color:#0256FF}.steps .slick-item{padding:0 35px}.steps .slick-dots{bottom:-50px}.steps .slick-img{width:566px;max-width:100%}.steps .swiper-box .swiper-item{padding:0px;display:none}.steps .swiper-box .swiper-item.active{display:block}.steps .swiper-box .swiper-item .top{margin-bottom:0px}@media (max-width:1280px){.steps .tab-pane{display:block}.steps .slick-text li{width:700px;margin:auto;max-width:100%}.steps .slick-img{margin:20px auto 0;text-align:center}}@media (max-width:767px){.steps{padding:40px 0}.steps h2{margin-bottom:20px}.steps p.desc{font-size:16px;line-height:20px;margin-bottom:20px}.steps .how-cont{padding:30px 15px}.steps .how-cont .f-fs16{line-height:24px}.steps .how-cont .slick-text li h4{font-size:18px}.steps .how-cont .slick-text li p{font-size:12px;line-height:18px}}.cases{background:#FFFFFF;color:#000;text-align:center;padding:120px 0}.cases h2{margin-bottom:74px}.cases .wrap{margin-top:80px;display:flex;gap:80px;flex-wrap:wrap;align-items:center}.cases .wrap .txt-box{width:682px;max-width:100%;text-align:left}.cases .wrap h4{margin-bottom:40px;font-size:32px;line-height:40px;font-weight:700}.cases .wrap ul li{font-size:18px;line-height:22px}.cases .wrap ul li:not(.cases .wrap ul li:last-child){margin-bottom:24px}.how{background:#091121 url(/resource/images/solutions-mobile-screen-mirroring/AV.svg) no-repeat;background-size:1155px 1155px;background-position:center -84px;text-align:center;padding:120px 0 136px;position:relative;overflow:hidden}.how .container2{position:relative;z-index:1}.how h2{color:#FFFFFF;font-size:56px;line-height:1.12;margin:0 auto 84px;max-width:1120px;font-weight:700}.how .compare-wrap{max-width:1280px;margin:0 auto;padding-top:30px}.how .compare-card{position:relative;border-radius:26px;overflow:visible;box-shadow:0 30px 80px rgba(1,18,55,0.32);background:rgba(255,255,255,0.98)}.how .compare-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.how .compare-table th,.how .compare-table td{padding:18px 18px;text-align:center;vertical-align:middle}.how .compare-table thead th{height:64px;font-size:18px;font-weight:700;color:#1A1A1A;background:rgba(255,255,255,0.98)}.how .compare-table thead th:last-child{border-radius:0 24px 0 0}.how .compare-table tbody th,.how .compare-table tbody td{font-size:14px;line-height:18px}.how .compare-table tbody th{width:210px;padding-left:24px;text-align:left;font-size:15px;font-weight:500}.how .compare-table tbody tr:nth-child(odd) th,.how .compare-table tbody tr:nth-child(odd) td{background:rgba(248,249,252,0.98)}.how .compare-table tbody tr:nth-child(odd) .compare-cell-av{background:linear-gradient(90deg, #4D77F2 0%, #396AF7 100%) !important}.how .compare-table tbody tr:nth-child(even) th,.how .compare-table tbody tr:nth-child(even) td{background:rgba(255,255,255,0.98)}.how .compare-table tbody tr:nth-child(even) .compare-cell-av{background:linear-gradient(90deg, #3967F0 0%, #2359F6 100%) !important}.how .compare-table tbody tr:last-child th{border-radius:0 0 0 24px}.how .compare-table tbody tr:last-child td:last-child{border-radius:0 0 24px 0}.how .compare-table tbody tr:last-child .compare-cell-av{border-radius:0 0 20px 20px}.how .compare-table .feature-col{border-radius:24px 0 0 0;width:210px}.how .compare-table .brand-col-av{border-radius:24px 24px 0 0;min-height:82px;width:280px;position:absolute !important;top:-18px;z-index:2;color:#FFFFFF;font-weight:700;box-shadow:0 0 0 1px rgba(255,255,255,0.04) inset;background:linear-gradient(180deg, #4C73F3 0%, #315DEB 100%) !important}.how .compare-table .compare-cell-av{position:relative;z-index:2;width:280px;display:inline-block;color:#FFFFFF;font-weight:700;background:linear-gradient(90deg, #4D77F2 0%, #396AF7 100%) !important}.how .compare-table .compare-row-methods th,.how .compare-table .compare-row-methods td{padding:10px 18px}.how .compare-table .compare-row-methods th.compare-cell-av,.how .compare-table .compare-row-methods td.compare-cell-av{padding:19px 18px}.how .compare-table .last th,.how .compare-table .last td{padding:12px;height:24px}.how .compare-table .last th:last-child,.how .compare-table .last td:last-child{border-radius:0 0 24px 0}.how .compare-table .last .compare-cell-av{position:absolute;min-height:40px}.how .brand-badge{position:absolute;top:-44px;left:50%;border-radius:18px;transform:translateX(-50%)}.how .brand-badge img{display:block;width:48px;height:62px}@media (max-width:1280px){.how h2{font-size:46px;margin-bottom:64px}.how .compare-table thead th{padding:16px 14px;font-size:15px}.how .compare-table tbody th,.how .compare-table tbody td{padding:16px 14px;font-size:15px}.how .compare-table tbody th{width:190px}.how .compare-table .feature-col{width:190px}.how .compare-table .brand-col-av{width:250px}}@media (max-width:991px){.how{padding:84px 0 96px}.how h2{font-size:36px;line-height:1.2;margin-bottom:48px}.how .compare-wrap{overflow-x:auto;padding:28px 0 8px}.how .compare-card{min-width:980px}.how .compare-table tbody th{width:180px}.how .compare-table .feature-col{width:180px}.how .compare-table .brand-col-av{width:230px}}@media (max-width:767px){.how{padding:60px 0 72px}.how h2{font-size:28px;margin-bottom:32px}.how .compare-wrap{margin:0 -20px;padding:24px 20px 6px}.how .compare-card{min-width:920px;border-radius:20px}.how .compare-table thead th{padding:14px 12px;height:58px;font-size:14px}.how .compare-table tbody th,.how .compare-table tbody td{padding:14px 12px;font-size:14px}.how .compare-table tbody th{width:170px}.how .compare-table tbody tr:last-child .compare-cell-av{min-height:0;border-radius:0}.how .compare-table .feature-col{width:170px}.how .compare-table .compare-cell-av{width:220px}.how .compare-table .brand-col-av{width:220px;min-height:58px;border-radius:0;top:0}.how .brand-badge{display:none}}.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:80px}.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:24px;padding-bottom:24px;border-bottom:1px solid #E6E8E9}.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:160px;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:24px}.data p{line-height:32px;margin-bottom:72px}.data .btn{height:64px;line-height:64px;width:240px;max-width:100%;font-weight:700;font-size:20px}.data .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%}@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=./mobile-screen-mirroring-v2.css.map */