body{background:var(--gray)}.proBanSwiper .swiper-button-next,.proBanSwiper .swiper-button-prev{color:rgba(17,40,139,0.6);transition:color .3s}.footerForm .title{padding-top:90px}.proNavs ul{display:flex;justify-content:space-between;align-items:center}.proNavs ul li{width:20%}.proNavs li a{width:100%;display:block;text-align:center;padding:30px 0;border-bottom:1px solid var(--bgscolor);transition:background .5s}.proNavs li i{font-size:48px;color:#000;transition:color .3s}.proNavs li p{font-size:20px;color:#454545;margin-top:20px;transition:color .3s}.proNavs .proNavActive a{background:var(--bgcolor);border-color:var(--bgcolor)}.proNavs .proNavActive i,.proNavs .proNavActive p{color:var(--white)}.proNavs .proNavActive p{font-family:'OpenSansSemiBold'}.proNavsFixed{background:var(--white);box-shadow:0 5px 10px 0 rgba(1,45,94,.1);position:sticky;left:0;top:0;z-index:9999}.proNavsFixed li a{padding:15px 0;border-bottom:0}.proNavsFixed li p{font-size:18px;margin-top:15px}.proNavsFixed li i{font-size:36px}#tracked{margin-top:90px}.proTop{width:100%;padding:100px 60px 0 60px;background:url("/static/images/products/protop-bg.webp") no-repeat;background-size:100% 100%;aspect-ratio:800 / 203;display:flex;justify-content:space-between;position:relative}.proTop .txt{width:47%;color:var(--white)}.proTop h2{color:var(--white);font-size:40px;margin-bottom:30px}.proTop .line{width:70%;height:1px;background:var(--white)}.proTop p{font-size:20px;line-height:1.5;margin:20px 0 30px}.proTop a{display:flex;font-size:16px;font-family:'OpenSansSemiBold';color:var(--white)}.proTop a i{font-size:22px;display:inline-block;margin-left:5px;margin-top:-2px}.proTop .img{width:58%;position:absolute;right:0;bottom:-50px}.proItems{display:flex;justify-content:space-between;flex-wrap:wrap}.proItem{position:relative;width:calc(33% - 14px);margin-top:30px}.proItems .proItem:last-child:nth-child(3n - 1){margin-right:calc(33% + 1.5% / 2)}.proItems .proItem:last-child:nth-child(3n - 2){margin-right:calc(66% + 3% / 2)}.proItem .tit{width:100%;height:65px;background:linear-gradient(90deg,#071139 0,#3c4982 100%),linear-gradient(90deg,#a1a3ab 0,#727a93 100%);text-align:center;position:relative}.proItem .tit::before{content:'';width:10px;height:100%;position:absolute;left:0;top:0;background:var(--bgscolor);z-index:1}.proItem h3{color:var(--white);font-size:24px;font-family:'OpenSansSemiBold';line-height:65px}.proItem .imgs{position:relative;cursor:pointer}.proItem .proImg img{background:var(--white)}.proImg ul{position:absolute;left:20px;bottom:20px}.proImg ul li{color:var(--ftcolor)}.proImg ul li span{font-family:'OpenSansSemiBold'}.proImg ul li:last-child{margin-top:10px}.proImgHide{position:absolute;left:0;bottom:0;z-index:3;transform:scale(0);transition:transform .5s ease-in-out}.proImgHide ol{width:100%;height:54px;background:rgba(0,0,0,0.56);position:absolute;left:0;bottom:0;display:flex;justify-content:space-between;align-items:center;z-index:4}.proImgHide li{width:50%}.proImgHide li:last-child{border-left:1px solid var(--white)}.proImgHide li a{display:block;color:var(--white);text-align:center;line-height:54px}@media(any-hover:hover){.proTop a:hover,.proItem .proImgHide li a:hover,.proBanSwiper .swiper-button-next:hover,.proBanSwiper .swiper-button-prev:hover{color:var(--bgscolor)}.proNavs ul li:hover a{background:var(--bgcolor);border-color:var(--bgcolor)}.proNavs ul li:hover i,.proNavs ul li:hover p{color:var(--white)}.proNavs ul li:hover p{font-family:'OpenSansSemiBold'}.proItem .imgs:hover .proImgHide{transform:scale(1)}}@media(max-width:1680px){.proTop{padding:60px 40px 0 40px}.proItem h3{font-size:22px}.proImg ul{left:10px;bottom:10px}.proImg ul li{font-size:14px}.proTop .img{bottom:-40px}}@media(max-width:1440px){.proNavs li p{font-size:18px}.proTop .txt{width:46%}.proTop h2{font-size:32px}.proTop p{font-size:16px}}@media(max-width:1280px){.proTop{padding:40px}.proTop h2{font-size:24px}.proTop p{font-size:16px;margin:10px 0 20px}.proItem{width:calc(50% - 10px);margin-top:30px}.proItems .proItem{margin-right:0!important}.proImg ul{left:15px;bottom:15px}.proImg ul li{font-size:16px}}@media(max-width:1024px){.proNavs li i{font-size:40px}.proNavs li a{padding:20px 0}.proNavs li p{font-size:16px;padding:0 8px;margin-top:20px}.proItem h3{font-size:18px}.proTop h2{font-size:18px;margin-bottom:15px}.proTop{padding:20px}.proTop p{font-size:14px;margin:8px 0 10px}.proTop a{font-size:14px}.proTop a i{font-size:18px}.proImg ul li{font-size:14px}}@media(max-width:750px){body{background:var(--gray)}.proBanSwiper .swiper-button-next:after,.proBanSwiper .swiper-button-prev:after{font-size:26px}.products .container{padding:0!important}#tracked{margin-top:50px}.proTop{flex-wrap:wrap;background:url(/static/images/products/protop-bg.webp) no-repeat;background-size:100% 100%;aspect-ratio:75/88;padding:30px 15px}.proTop .txt,.proTop .img{width:100%}
.proTop .line{width:60%}.proTop h2{font-size:22px;margin-bottom:8px}.proTop p{font-size:14px;margin:10px 0 0}.proTop .img{position:static;overflow:hidden}.proTop img{transform:scale(1.2)}.proTop .btn{width:100%!important;border:0;background:rgba(255,255,255,0.10);padding:0 20px!important;justify-content:space-between;margin-top:20px}.proTop .btn i{color:rgba(255,255,255,0.50);display:inline-block;transform:rotate(-90deg);transition:transform .5s ease}.proTop .allIcon i{transform:rotate(90deg)}.proItems .proItem{width:100%;display:none;margin-top:25px}.proItems .proItem:nth-child(-n + 3){display:block}.proItem .tit::before{width:5px}.proItem .tit{height:60px}.proItem h3{line-height:60px!important}.proImg .bottom{display:flex;justify-content:space-between;align-items:end;padding:0 15px 20px;background:var(--white)}.proItem .proImg img{background:var(--white)}.proImg ul{position:static}.proImg ul li:last-child{margin-top:5px}.proImg .bottom .mShow{color:var(--bgcolor);line-height:normal!important}.proImg .bottom .mShow i{font-size:18px}}