@charset "utf-8";
.line4{-webkit-line-clamp:inherit}
table td{white-space:inherit}
.preview-container{width:400px;position:relative}
.preview-container #media{height:400px!important;width:100%;display:none;border:1px solid #dfdfdf}
.preview-container .small-box{width:100%;height:400px;border:1px solid #dfdfdf;position:relative}
.preview-container .small-box img{width:100%;height:100%;object-fit:contain}
.preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:rgba(204,204,204,.6);border:1px solid #eee;display:none;cursor:move;z-index:9}
.preview-container .small-box .vPlay{position:absolute;right:0;bottom:0;z-index:9;width:40px;height:40px;text-align:center;line-height:40px;background:rgba(0,0,0,.4);cursor:pointer;color:#fff;display:none;font-size:24px}
.preview-container .thumbnail-box{margin-top:20px;position:relative;padding:0 40px}
.preview-container .thumbnail-box .item{height:85px;display:flex;align-items:center;justify-content:center;border-radius:3px;border:1px solid #dcdcdc;cursor:pointer;overflow:hidden}
.preview-container .thumbnail-box .item.item-cur{border-color:var(--color)}
.preview-container .thumbnail-box .item .imgalt{display:none}
.preview-container .thumbnail-box .prodetails-button-next,.preview-container .thumbnail-box .prodetails-button-prev{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:30px;height:30px;transition:all .2s linear}
.preview-container .thumbnail-box .prodetails-button-next{left:auto;right:0}
.preview-container .big-box{display:none;border:1px solid #dfdfdf;border-left:none;width:420px;height:400px;position:absolute;left:100%;top:0;overflow:hidden;z-index:999;background:#fff}
.preview-container .banner-page{display:none}
@media (max-width:1280px){.preview-container{width:300px}
.preview-container .small-box{height:300px}
.preview-container .thumbnail-box .item{height:65px}
.preview-container #media{height:300px}
.preview-container .big-box{width:400px;height:300px}}
@media (max-width:768px){.preview-container{width:100%}
.preview-container .small-box{display:none}
.preview-container .thumbnail-box{padding:0;margin:0;border:1px solid #e5e5e5;overflow:hidden}
.preview-container .thumbnail-box .item{height:calc(100vw - 30px);border:none}
.preview-container #media{border:none;height:calc(100vw - 30px)!important;min-height:240px;max-width:100%}
.preview-container .thumbnail-box .item .imgalt{position:absolute;left:50%;transform:translateX(-50%);z-index:99;bottom:8px;background:rgba(0,0,0,.2);color:#fff;width:95%;padding:0 6px;line-height:35px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;border-radius:30px;font-size:14px;padding-right:40px;text-transform:capitalize}
.preview-container .thumbnail-box .prodetails-button-next,.preview-container .thumbnail-box .prodetails-button-prev{display:none}
.preview-container .banner-page{display:block;position:absolute;right:9px;bottom:10px;background:var(--color);color:#FFF;border-radius:30px;padding:4px 10px;z-index:9}}
.home-mainproduct .homepro-list .swiper-slide .info{width:60%;flex:inherit}
.home-mainproduct .homepro-list .swiper-slide{height:auto}
@media (max-width:1600px) and (min-width:769px){.home-mainproduct #homemainproduct{height:580px}}
@media (max-width:1366px) and (min-width:769px){.home-mainproduct #homemainproduct{height:510px}
.home-mainproduct .homepro-list .swiper-slide .info .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px}
.home-mainproduct .homepro-list .swiper-slide .info .text{margin-bottom:10px}
.home-mainproduct .homepro-list .swiper-slide .info{padding:10px 20px}}
@media (max-width:1024px) and (min-width:769px){.home-mainproduct #homemainproduct{height:420px}
.home-mainproduct .homepro-list .swiper-slide .info .title{margin-bottom:5px;line-height:1.3}
.home-mainproduct .homepro-list .swiper-slide .info .text{margin-bottom:6px;font-size:14px}
.home-mainproduct .homepro-list .swiper-slide .info .home-more{height:38px;font-size:13px;min-width:120px}
.home-mainproduct .homepro-list .swiper-slide .info{padding:10px 20px}}
@media (max-width:768px){.home-mainproduct #homemainproduct{height:auto}}
@media (max-width:560px){.home-mainproduct .homepro-list .swiper-slide .info .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px}}
@media (min-width:769px){.home-about .l-wrap .about-info h1{font-size:34px;max-width:100%}}
.contact-box::before{width:100vw;background:url(/uploads/202340561/ImgScroll/ba202311241631528964405.jpg) no-repeat center;background-size:cover}
.sidebar-item.contact ul{padding:10px 20px}
.prodetails-info{position:relative}
.prodetails-info .prodetails-info-img{position:absolute;right:0;bottom:0}
@media (max-width:768px){.prodetails-info .prodetails-info-img{right:0;bottom:10px}
.prodetails-info .prodetails-info-img img{max-width:100px}}
@media (min-width:1025px){footer .foot-item{width:auto;max-width:19%}}
.foot-inquiry input{outline:none;display:block;max-width:100%;width:240px;padding:0 10px;height:38px;margin-bottom:12px}
.foot-inquiry textarea{outline:none;display:block;max-width:100%;width:240px;padding:10px;height:110px;margin-bottom:12px;resize:none}
.foot-inquiry input.footBtn{cursor:pointer;width:auto;border:none;padding:0 30px;background:var(--color);color:#fff;text-transform:uppercase}
.foot-inquiry input.footBtn:hover{opacity:.9}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:var(--fontfamily)}
input:-moz-placeholder,textarea:-moz-placeholder{font-family:var(--fontfamily)}
input::-moz-placeholder,textarea::-moz-placeholder{font-family:var(--fontfamily)}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:var(--fontfamily)}
@media (max-width:1550px) and (min-width:1025px){footer .foot-contact .foot-tel .icon{margin-right:12px}
footer .foot-contact .foot-tel .content a:nth-child(2){font-size:20px}}
@media (max-width:1300px) and (min-width:1025px){footer .foot-contact .foot-tel .icon{width:35px;height:35px}
footer .foot-contact .foot-tel .icon em{font-size:17px}
footer .foot-contact .foot-tel .content a:nth-child(2){font-size:18px}}
#ind{display:flex;padding:100px 0px;overflow:hidden}
#ind .l-wrap{position:relative;display:flex}
#ind .l-wrap>div{flex:1}
#ind .ind-wrap{box-sizing:border-box;padding:90px 120px}
#ind .ind-l{z-index:1;background:#09162a}
#ind .ind-l h3{margin-bottom:20px;font-size:2em;color:#FFF}
#ind .ind-l .con{margin-bottom:30px;line-height:1.5em;color:#98a0b4}
#ind .ind-r{position:relative}
#ind .ind-r lite-youtube{max-width:100%;height:100%}
#ind .adv-icon{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px -16px}
#ind .adv-icon>li{box-sizing:border-box;margin-bottom:25px;padding:0px 16px;width:50%}
#ind .adv-icon .icon-item{display:flex;box-sizing:border-box;padding:30px;background:#0d1b31;color:#FFF}
#ind .adv-icon .icon-img{margin-right:24px}
#ind .adv-icon .num{font-size:2em}
#ind .adv-icon .text{margin-top:0px;color:#98a0b4}
@media screen and (max-width:1680px){#ind .ind-wrap{padding:100px}
#ind .ind-r .play{top:40%}}
@media screen and (max-width:1470px){#ind .ind-wrap{padding:40px}
#ind .adv-icon .icon-item{padding:14px}
#ind .ind-r .play{top:45%}}
@media screen and (max-width:768px){#ind{margin:5.3333333333vw 0;padding:20px 0px}
#ind .l-wrap{flex-direction:column-reverse}
#ind .ind-r{position:relative}
#ind .ind-r .play{top:50%;width:9.3333333333vw;height:9.3333333333vw}
#ind .ind-r .play img{width:3.2vw}
#ind .ind-wrap{padding:4vw}
#ind .ind-l h3{font-size:24px;margin-bottom:20px}
#ind .adv-icon .icon-img{margin-right:0px}
#ind .adv-icon .icon-item{padding:4vw;height:100%;flex-direction:column}
#ind .adv-icon .icon-item>div{text-align:center}
#ind .adv-icon .num{margin-top:4px;font-size:1.6em}}
@media (min-width:1025px){.product-catelist .product-cateitem{width:23.5%}
.product-catelist .product-cateitem:nth-child(3n){margin-right:2%}
.product-catelist .product-cateitem:nth-child(4n){margin-right:0}}
a.footlogo{margin-bottom:15px;display:inline-block}
a.footlogo img{max-height:50px}
#appli{background-color:#F6F6F6;background-image:url("/images/m420/images/appli_bg.png");background-repeat:no-repeat;background-position:center;background-size:cover;padding-bottom:40px}
#sol-swiper{padding-bottom:60px}
#sol-swiper .swiper-slide{display:flex;height:auto}
#sol-swiper .swiper-slide>div{flex:1}
#sol-swiper .sol-l{height:100%}
#sol-swiper .sol-img{height:100%}
#sol-swiper .sol-img img{width:100%;height:100%;object-fit:cover}
#sol-swiper .sol-r-wrap{padding:30px 60px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-sizing:border-box}
#sol-swiper .sol-r{background:#FFF}
#sol-swiper .sol-title{font-size:1.8em;margin-bottom:10px;font-weight:var(--fontbold6);text-transform:capitalize;color:var(--fontcolor)}
#sol-swiper .sol-con{color:#555;line-height:1.7em;margin-bottom:30px}
#sol-swiper .swiper-pagination-bullet{background:var(--color)}
.sol-top{position:relative}
.sol-top:before{content:'';width:100%;height:40%;background:#333;position:absolute;top:0;left:0}
.sol-top .l-wrap{position:relative}
.sol-top h3{font-size:2.2em;text-align:center;padding:70px 0px 50px;text-transform:uppercase;color:#FFF}
.more-btn{padding:10px 40px;border:1px solid var(--color);background:var(--color);color:#FFF;text-transform:lowercase;transition:color ease .3s,background ease .3s}
.more-btn:hover{background:#FFF;color:var(--color)}
@media (max-width:1300px){#sol-swiper .sol-r-wrap{padding:20px 40px}}
@media (max-width:1024px){#sol-swiper .swiper-slide{display:block}
#sol-swiper .sol-l{height:auto}}
@media (max-width:768px){.sol-top h3{padding:30px 0 20px;font-size:24px}
#sol-swiper .sol-r-wrap{padding:20px 15px}
#sol-swiper .sol-title{font-size:20px}
#sol-swiper .sol-con{font-size:15px}
.more-btn{font-size:14px;padding:10px 30px}}
.contact-list .contact-item {width: 19%;}
.foot-item.foot-quick {width:100%!important;max-width:100%;}
.foot-item.foot-info>.foot-title,.foot-qrimg {display:none;}
@media (min-width:1025px){footer .foot-pro .foot-list {display:flex;flex-wrap:wrap;justify-content:space-between;}
footer .foot-pro .foot-list li {width:55%}
footer .foot-pro .foot-list li:nth-child(2n) {width:43%}
footer .foot-item.foot-pro {max-width:35%}
footer .foot-item.foot-contact {max-width:23%}}
.preview-container .small-box .hover,.preview-container .big-box{display:none !important}