@charset "utf-8";
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate(-100px,0);transform:translate(-100px,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate(-100px,0);transform:translate(-100px,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate(100px,0);transform:translate(100px,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate(100px,0);transform:translate(100px,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.home-contact{margin-bottom:60px}
.home-contact .l-wrap{padding:0px 80px}
.home-contact-flex{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:50px auto 0;max-width:1150px}
.home-contact-left{width:48%;background:#4a4a4a;padding:40px}
.home-contact-tit{color:#fff;font-size:25px}
.home-contact-left .send-inquiry{display:flex;flex-wrap:wrap}
.home-contact-left .inquiry-form{width:100%}
.home-contact-left .inquiry-form input{display:block;width:100%;margin-top:15px;height:42px;padding:0 15px}
.home-contact-left .inquiry-form textarea{width:100%;padding:10px 15px;margin-top:15px;height:180px;display:block}
.home-contact-left .send-btn{margin-top:15px;background:var(--color);color:#fff;padding:10px 45px;cursor:pointer;transition:.3s}
.home-contact-right{width:48%}
.home-contact-left .send-btn:hover{background:rgb(17 99 162 / 80%)}
.home-contact-info p{margin-bottom:10px;font-size:17px}
.home-contact-info p a:hover{color:var(--color)}
.home-contact-right ul{display:flex;margin-top:40px}
.home-contact-right ul li{margin-right:10px}
.home-contact-right ul li a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color);color:#fff;line-height:1}
@media (max-width:1024px){.home-contact .l-wrap{padding:0px 20px}}
@media (max-width:768px){.home-contact .l-wrap{padding:0px 15px}
.home-contact-left{width:100%}
.home-contact-right{width:100%;padding-top:20px}}
@media (max-width:500px){.home-contact-flex{margin-top:30px}
.home-contact-left{padding:20px}
.home-contact-tit{font-size:20px}
.home-contact-right ul{margin-top:25px}}
article strong{font-size:inherit;font-weight:bold}
@media (max-width:1600px){.about-us .l-wrap{max-width:1400px}}
@media (max-width:1440px){.about-us .l-wrap{max-width:1200px}}
.home-des.wow.animate__animated.animate__fadeInUp{display:none}
.home-title-line{margin-bottom:1%}
@media (min-width:1025px){.head-info{height:60px}
body{padding-top:100px}}
.home-about .about-info .text{margin-top:20px}
@media (min-width:1025px){#nav ul li#liproducts{position:static}
li#liproducts .submenu.nav1{width:100%;left:0;flex-wrap:wrap;background:#fff;flex-direction:inherit;white-space:normal;padding:20px}
li#liproducts .submenu.nav1 >li{width:24%;height:auto;margin:10px 1.333% 10px 0}
li#liproducts .submenu.nav1 >li:nth-child(4n){margin-right:0}
li#liproducts .submenu.nav1 >li a{color:#444;font-size:16px}
li#liproducts .submenu.nav1 >li>a{border-bottom:1px solid #ccc;padding:5px 15px;color:#000;font-size:18px}
li#liproducts .submenu.nav1 ul{position:static;display:block;background:none;min-width:100%}
li#liproducts .submenu.nav1 >li a:hover{background:none;color:var(--color)}}
.home-product{padding-top:0;padding-bottom:0}
.home-news{padding-top:0}
.banner-animote.bannertxt1 .btn a{display:inline-block;background:#EA4F32;color:#fff;padding:5px 15px;width:auto;border-radius:5px;margin-right:10px}
.banner-animote{top:45%;transform:translate(0,-50%);left:5%}
.swiper-slide-active .banner-animote{animation:bannerup2 1s forwards}
.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards}
@keyframes bannerimg{0%{transform:scale(1);opacity:0.5}
20%{opacity:1}
80%{transform:scale(1.05);opacity:1}
100%{transform:scale(1.047);opacity:.95}}
.banner-animote .title{font-size:1.8vw;font-family:'Black Ops One',cursive!important;line-height:1.4;margin-bottom:1.5vw}
@keyframes bannerup2{0%{margin-top:20px;opacity:0}
100%{margin-top:0px;opacity:1}}
@media (max-width:1440px){.home-banner .swiper-button-next{right:30px}
.home-banner .swiper-button-prev{left:30px}}
@media (max-width:1300px){.banner-animote.bannertxt1 .btn a{font-size:14px}}
@media (max-width:1024px){.home-banner .swiper-button-next{right:10px}
.home-banner .swiper-button-prev{left:10px}
.banner-animote{left:50px}
.banner-animote.bannertxt1 .btn a{font-size:13px}}
@media (max-width:800px){.home-banner .swiper-button-next{right:0}
.home-banner .swiper-button-prev{left:0}
.banner-animote{left:30px}
.banner-animote.bannertxt1 .btn a{font-size:12px;padding:4px 10px}}
@media (max-width:768px){.banner-animote .title{font-size:2.5vw;margin-bottom:0;max-width:44%}
.banner-animote .title br{display:none}
.banner-animote{left:0;top:50%}}
.home-banner .swiper-button-next,.home-banner .swiper-button-prev{display:none}
.siggle-page.about-us .l-wrap article{margin:0 auto;max-width:1400px}
li#liproducts .submenu.nav1{display:none !important}
body{max-width:2560px}
:root{--fontfamily:'Lato','Open Sans','Roboto','Poppins','Oswald','Noto Sans','Montserrat',sans-serif}
#nav>ul>li>a{text-transform:uppercase;font-weight:bold}
.home-video .videowrap .videoitem{width:33%}
.about-right iframe{height:100%;min-height:280px}
section.home-about{background:url(/images/m420/images/appli_bg.png) no-repeat center;background-size:cover;margin:60px 0}
@media (max-width:768px){section.home-about{margin:40px 0;padding:40px 15px}
.about-right{margin-top:25px}}
#product-swiper2 .swiper-wrapper{flex-wrap:wrap;justify-content:space-between}
#product-swiper2 .swiper-slide{width:48%;margin-bottom:20px}
.foot-top{max-width:100%}
.home-video .videowrap .videoitem{width:31%}
@media (max-width:768px){.home-video .videowrap .videoitem{width:100%}}
.head-share ul li:nth-child(5),.foot-share ul li:nth-child(5){order:1}
.head-share ul li:nth-child(4),.foot-share ul li:nth-child(4){order:2}
.head-share ul li:nth-child(1),.foot-share ul li:nth-child(1){order:3}
.head-share ul li:nth-child(2),.foot-share ul li:nth-child(2){order:4}
.head-share ul li:nth-child(3),.foot-share ul li:nth-child(3){order:5}
.head-share>ul a i.icon-tiktok{font-size:25px}
.icon-tiktok{font-size:22px}
.icon-instagram{font-size:20px}
.foot-item:nth-child(3) .navlist{display:none}
.foot-main .foot-item:nth-child(3){display:none}
.banner-animote .title{font-size:2.2vw;margin-bottom:0.5vw}
@media (min-width:1921px){.l-wrap{max-width:90%}}
#product-swiper2{margin-top:30px}
@media (min-width:1025px){#product-swiper2 .swiper-slide{display:flex}
.home-product .swiper .swiper-slide .info i,.home-product .swiper .swiper-slide::after{display:none}
.home-product .swiper .swiper-slide .img{width:250px}
.home-product .swiper .swiper-slide .info{flex:1;padding:30px 0 30px 25px}
.home-product .swiper .swiper-slide .info .title{font-size:22px;margin-bottom:8px}
.home-product .swiper .swiper-slide .info .text{font-size:16px;line-height:1.7;-webkit-line-clamp:5}}
@media (max-width:1300px) and (min-width:1025px){.home-product .swiper .swiper-slide .img{width:200px}
.home-product .swiper .swiper-slide .info{padding:20px 0 20px 20px}
.home-product .swiper .swiper-slide .info .text{-webkit-line-clamp:4}}
.home-product{overflow:hidden}
.home-product .product-list{padding-top:10px;padding-bottom:20px;margin-top:30px}
.home-product .product-list:before{content:'';width:100vw;height:100%;background:url(/uploads/41075/homepro-bg.jpg) no-repeat center;background-size:cover;position:absolute;left:50%;top:0;transform:translate(-50%,0);z-index:-2;max-width:2560px}
.home-product .product-list:after{content:'';width:100vw;height:100%;background:#00000099;position:absolute;left:50%;top:0;transform:translate(-50%,0);display:block;z-index:-1}
.home-product .product-list>div{position:relative}
.home-product .swiper .swiper-slide .info .title,.home-product .swiper .swiper-slide .info .title a,.home-product .swiper .swiper-slide .info .text{color:#fff}
.home-product .more{text-align:center;margin-top:25px}
.home-product .more a{display:inline-flex;align-items:center;justify-content:center;width:150px;height:50px;background:var(--color);border:2px solid var(--color);color:#FFF;transition:all .2s linear;text-transform:uppercase}
.home-product .more a:hover{background:#FFF;color:var(--color)}
@media (max-width:768px){#product-swiper2{padding-bottom:10px}
.home-product .swiper .swiper-slide .info{padding:0;margin-top:8px}
.home-product .swiper .swiper-slide .info .title{font-size:15px}
.home-product .swiper .swiper-slide .info i{display:none}
.home-product .more a{font-size:15px;width:auto;height:40px;padding:0 15px}}
.foot-procate-list{display:flex;flex-wrap:wrap;margin-top:20px}
.procate-list-item{width:50%}
.procate-list-item .procate-name a{color:#fff}
.procate-list-item .navlist{padding-left:15px}
.foot-main .foot-item{width:33%}
.foot-main .foot-item:nth-child(2) .title::after{width:65%}
@media (max-width:1024px){.procate-list-item{width:100%}}
@media (min-width:1025px){.inner-banner .inner-content{height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;line-height:1.4}
.inner-banner .inner-content .l-wrap{flex-direction:column}
.inner-banner .inner-content .page-title-h1{color:#fff;margin-bottom:10px;text-transform:uppercase;font-size:30px;font-weight:bold}
.inner-banner .inner-content .page-breadcrumbs a:hover,.inner-banner .inner-content .page-breadcrumbs a{color:#fff}}
header.scrollhead .head-top{margin-top:0}