@charset "utf-8";
@import url('https://css02.v15cdn.com/m406/fonts/iconfont.css');
@import url("https://css02.v15cdn.com/m406/message.css");
@import url("https://css01.v15cdn.com/language.css");
:root{--color:#013817;--hovercolor:#222222;--fontcolor:#000000;--headercolor:#FFFFFF;--footercolor:#EEEEEE;--introcolor:#555555;--fontsize12:12px;--fontsize13:13px;--fontsize14:14px;--fontsize15:15px;--fontsize16:16px;--fontsize17:17px;--fontsize18:18px;--fontsize20:20px;--fontsize22:22px;--fontsize24:24px;--fontsize26:26px;--fontsize28:28px;--fontsize30:30px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontbold8:800;--fontfamily:'Open Sans','Lato','Roboto','Poppins','Oswald',arial,sans-serif}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p{margin:0px;padding:0px;box-sizing:border-box}
html{margin:0px;padding:0px;font-size:13.3333vw;overflow-x:hidden;direction:rtl}
body{margin:0px auto;padding:0px;max-width:1920px;color:var(--fontcolor);font-size:var(--fontsize14);line-height:1.6;font-family:var(--fontfamily)}
a, a:hover{color:var(--fontcolor);text-decoration:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:var(--fontbold6);text-transform:capitalize}
img{max-width:100%;max-height:100%;height:auto;border:none}
ol,ul,li{list-style:none}
iframe,video{max-width:100%;outline:0;border:none;vertical-align:bottom}
table,td,tr{border-collapse:collapse;border:none;border-spacing:0;margin:0px;padding:0px}
button,input,optgroup,option,select,textarea{font-size:var(--fontsize16);font-style:inherit;background-color:#FFFFFF;border:none;font-family:var(--fontfamily)}
code,kbd,samp,tt{font-size:100%}
caption,th{text-align:left}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
blockquote,q{quotes:none}
:focus{outline:0}
.fr{float:right}
.fl{float:left}
.clearfix{clear:both}
.clearfix:after{display:block;clear:both;content:"\0020";visibility:hidden;height:0px}
.ehn,.otw,.tow{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
header{width:100%;display:flex;flex-wrap:wrap;justify-content:center;position:relative;top:0px;max-width:1920px}
header .top-box{width:86.33333%;max-width:1600px;height:100px;z-index:4;position:absolute}
header .top-box .info{padding:5px 0px 5px 0px;display:flex;justify-content:space-between;color:var(--headercolor)}
header .top-box .info .left{margin-top:8px;font-size:var(--fontsize14);display:flex;align-items:flex-start;color:#FFFFFF}
header .top-box .info .left span{color:var(--headercolor)}
header .top-box .info .left span a,header .top-box .info .left span a:visited{color:var(--headercolor)}
header .top-box .info .left>span:nth-of-type(1){padding-right:30px;color:#FFFFFF}
header .top-box .info .right{display:flex}
header .top-box .info .right ul.sj{display:flex}
header .top-box .info .right ul.sj li{margin:0px 4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}
header .top-box .info .right ul.sj li a{color:var(--headercolor)}
header .top-box .info .right ul.sj li a:hover{color:var(--color)}
header .top-box .nav-box{width:83.3%;max-width:1600px;background-color:#000000;height:62px;display:flex;justify-content:space-between;color:#FFFFFF;z-index:1;position:fixed;-webkit-transition:top 0.5s;transition:top 0.5s}
header .top-box .nav-box .mob-nav{display:none}
header .top-box .nav-box .left{display:flex;align-items:flex-start;padding-left:40px;height:100%}
header .top-box .nav-box .left a{display:flex;align-items:center;color:#FFFFFF;height:100%}
header .top-box .nav-box .left a img{display:inline-block;max-height:100%}
header .top-box .nav-box .left span{font-size:23px;font-weight:var(--fontbold6);padding-left:9px}
header .top-box .nav-box .left span a,header .top-box .nav-box .left span a:visited{color:#FFFFFF}
header .top-box .nav-box .right{display:flex}
@media (min-width:1025px){header .top-box .nav-box .right ul.nav1{display:flex;align-items:center;height:100%;margin-right:10px}
header .top-box .nav-box .right ul.nav1>li{height:100%;position:relative;margin:0px 5px}
header .top-box .nav-box .right ul.nav1>li ul li{padding:10px 10px 10px 0px}
header .top-box .nav-box .right ul.nav1>li ul li:hover{color:#FFFFFF;background:var(--color)}
header .top-box .nav-box .right ul.nav1>li.has-children{padding-right:5px;position:relative}
header .top-box .nav-box .right ul.nav1>li.has-children>i{position:absolute;right:10px;top:calc(50% - 5px);cursor:pointer}
header .top-box .nav-box .right ul.nav1>li:hover>.submenu.nav0{opacity:1;visibility:visible}
header .top-box .nav-box .right ul.nav1>li .submenu.nav0{opacity:0;visibility:hidden;position:absolute;-webkit-transition:opacity 1s;transition:opacity 1s;padding:5px 5px 5px 0px;background:#222222}
header .top-box .nav-box .right ul.nav1>li .nav2{width:498px;position:absolute;z-index:2;color:#FFFFFF;top:62px;background-color:#000000;display:flex;padding:1px;height:426px}
header .top-box .nav-box .right ul.nav1>li .nav2 .nav2-left{width:198px;overflow-y:auto}
header .top-box .nav-box .right ul.nav1>li .nav2 .nav2-left>ul{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:flex-start}
header .top-box .nav-box .right ul.nav1>li .nav2 .nav2-left>ul>li{width:100%;position:relative}
header .top-box .nav-box .right ul.nav1>li .nav2 .nav2-left>ul>li i{position:absolute;right:20px;top:18px;width:20px;height:20px}
header .top-box .nav-box .right ul.nav1>li .nav2 .nav2-left>ul>li i:hover{cursor:pointer}
header .top-box .nav-box .right ul.nav1>li .nav2 .nav2-left>ul>li a{padding:13px 13px}
header .top-box .nav-box .right ul.nav1>li .nav2 .nav2-left>ul>li a:hover{cursor:pointer;background-color:var(--color)}
header .top-box .nav-box .right ul.nav1>li .nav2 .nav2-left>ul>li ul.nav3{display:none}
header .top-box .nav-box .right ul.nav1>li .nav2 .nav2-left>ul>li ul.nav3>li a{color:#DCDCDC}
header .top-box .nav-box .right ul.nav1>li .nav2 .nav2-right{width:300px;padding:20px;display:flex;flex-wrap:wrap}
header .top-box .nav-box .right ul.nav1>li .nav2 .nav2-right p{width:100%;color:#999999}
header .top-box .nav-box .right ul.nav1>li .nav2 .nav2-right p:nth-of-type(2){align-self:flex-end}
header .top-box .nav-box .right ul.nav1>li i{font-size:var(--fontsize14);margin-left:10px}
header .top-box .nav-box .right ul.nav1>li:hover{background-color:var(--color)}
header .top-box .nav-box .right ul.nav1>li .inmenu_1{background-color:var(--color)}
header .top-box .nav-box .right ul.nav1>li a{padding:0px 10px;height:100%;color:#FFFFFF;display:flex;align-items:center;white-space:nowrap}
header .top-box .nav-box .right ul.nav1>li a em{font-size:13px;margin-left:5px;}
#liinquiry{display:flex;align-items:center;background:none;}
#liinquiry a{background:var(--color);height:40px;padding:0 15px;border-radius:30px;color:#fff;transition:all .1s linear;text-decoration:none}
#liinquiry a:hover{opacity:.9}
}
header .top-box .nav-box .right .search-close{display:flex;align-items:center}
header .top-box .nav-box .right .search-box,header .top-box .nav-box .right .search-close{width:30px;display:flex;align-self:center;position:relative;display:flex;align-content:center;justify-content:center;height:100%}
header .top-box .nav-box .right .search-box .search-input,header .top-box .nav-box .right .search-close .search-input{position:absolute;transform:translate(-110px,20px);display:none;background:#222222;border-bottom:1px solid #FFFFFF;color:#FFFFFF;width:200px}
header .top-box .nav-box .right .search-box .search,header .top-box .nav-box .right .search-close .search{display:inline-block;cursor:pointer;align-self:center;font-size:var(--fontsize16);margin-right:20px}
header .top-box .nav-box .right .search-box .search-close,header .top-box .nav-box .right .search-close .search-close{display:inline-block;cursor:pointer;align-self:center;font-size:var(--fontsize16)}
.index-swiper{position:absolute;left:0px;top:0px}
.swiper-box{width:100%;position:absolute;max-width:1920px;left:50%;transform:translateX(-50%)}
.swiper-box .fonts{padding:0px 10vw;color:#FFFFFF;display:flex;flex-wrap:wrap;line-height:80px;position:absolute;bottom:15%}
.swiper-box .fonts>*{width:100%}
.swiper-box .fonts h1{font-size:80px;font-weight:var(--fontbold6);color:#FFFFFF}
.swiper-box .fonts p{font-size:var(--fontsize18);color:#FFFFFF}
.swiper-box .fonts button{border:1px solid white;background:none;color:#FFFFFF;padding:11px 35px;cursor:pointer}
.swiper-box .fonts button:nth-of-type(1){margin-right:40px}
.swiper-box .fonts button:hover{background:var(--color);border:1px solid var(--color);color:#FFFFFF}
@media (max-width:1500px){header .top-box .info{padding-left:40px}}
.nav-set-top{top:0px;z-index:10;-webkit-transition:top 0.5s;transition:top 0.5s}
.nav-set-top-40{top:40px;z-index:10;-webkit-transition:top 0.5s;transition:top 0.5s}
@media (max-width:1325px){ul.sj{display:none !important}}
@media (max-width:1024px){
.nav-set-top-40{top:0px;z-index:10;-webkit-transition:top 0.5s;transition:top 0.5s}
.productsDetails-article .details .right .btn-groups .button a{border:none !important}}
.prev-left{margin-left:3%}
.prev-right{margin-right:3%}
@media (max-width:1560px){header .top-box .nav-box{width:100%}
.prev-left{margin-left:2%}
.prev-right{margin-right:2%}}
@media (max-width:1024px){header .top-box .nav-box .right nav ul.nav1>li.has-children{padding-right:45px;position:relative}
header .top-box .nav-box .right nav ul.nav1>li.has-children>i{position:absolute;transform:translateX(21px)}}
@media (max-width:600px){header .top-box .nav-box .mob-nav{margin:0px 0px !important}
header .top-box .nav-box .right .search-box .search{display:flex;align-items:center}
.item.item-products.productsDetails{font-size:var(--fontsize16);line-height:1.5}}
@media (max-width:500px){header .top-box .nav-box .right .search-box .search-input{right:-80px !important;width:125px}}
@media (max-width:380px){header .top-box .nav-box .right .search-box .search-input{right:-80px !important;width:65px}}
.swiper-index{width:100%;height:calc(100vw / 2.74285);z-index:1}
.swiper-index .swiper-slide1{background:url("../img/home_banner.webp") no-repeat;background-size:cover;background-position:center}
.swiper-index .swiper-slide2{background:url("../img/home_banner.webp") no-repeat;background-size:cover;background-position:center}
.swiper-index .swiper-slide3{background:url("../img/home_banner.webp") no-repeat;background-size:cover;background-position:center}
.swiper-index .navigation-style{background:rgba(255,255,255,0.2);padding:10px 15px;transform:scale(0.8)}
.swiper-index .swiper-pagination-bullet{background:#FFFFFF;border-radius:0;width:30px;height:8px}
@media (max-width:1500px){
.top-box{width:100% !important;height:15vh}}
@media (max-width:1024px){header .top-box .nav-box .right nav ul.nav1 .submenu.nav0{display:block;padding:20px 0px 0px 0px}
header .top-box .nav-box .right nav ul.nav1 .submenu.nav0 li{padding:8px 0px 8px 0px;text-align:right}
header .top-box .info{padding-left:30px}
header .top-box .nav-box .left{padding-left:15px}
header .top-box .nav-box .right{padding-right:15px}
header .top-box .info .right ul{display:none}
header .top-box .nav-box .right .search-box .search-input{height:30px;right:-40px;padding:2px 5px}
header{position:static}
.set-safari-70{height:77vh;top:74px}
.set-safari-50{height:calc(77vh - 50px);top:50px}
.set-top-70{top:50px;height:100vh}
.set-top-50{top:50px;height:100vh}
header .top-box .nav-box .right nav{position:fixed;right:0px;display:none;width:100vw;z-index:3;background:rgba(0,0,0,0.99)}
header .top-box .nav-box .right nav a{color:#FFFFFF}
header .top-box .nav-box .right nav ul.nav1{height:100%;overflow-y:auto}
header .top-box .nav-box .right nav ul.nav1>li{border-bottom:1px solid #333333;padding:20px 45px 20px 2.667vw;display:flex;justify-content:flex-end;display:flex;flex-wrap:wrap}
header .top-box .nav-box .right nav ul.nav1>li>a{display:flex;width:100%;justify-content:flex-start}
header .top-box .nav-box .right nav ul.nav1>li>a i{margin-left:10px}
header .top-box .nav-box .right nav ul.nav1 .submenu.nav0{display:none}
header .top-box .nav-box .right nav ul.nav1 .nav2 ul li{display:flex;justify-content:flex-end;flex-wrap:wrap}
header .top-box .nav-box .right nav ul.nav1 .nav2 ul li>a{text-align:right;padding:20px 2.667vw 20px 2.667vw;width:100%}
.swiper-button-next,.swiper-button-prev{display:none}
header .top-box .nav-box .right ul.nav1>li .nav2 .nav2-right{display:none}
header .top-box .nav-box .right .search-box .search{font-size:36px}
header .top-box .nav-box .mob-nav{display:flex;align-items:center;justify-content:center;width:38px;font-size:36px;margin:0px 30px}
header .top-box .nav-box .right ul.nav1>li .nav2 .nav2-left>ul>li i{display:none}
.swiper-box .fonts{bottom:5%;line-height:60px}
.swiper-box .fonts h1{font-size:60px}
.swiper-box .fonts p{font-size:var(--fontsize16)}
.swiper-box .fonts button{padding:9px 30px}}
@media (max-width:1024px) and (min-width:680px){
.set-top-70{top:62px}}
@media (max-width:750px){
.swiper-box .fonts h1{font-size:var(--fontsize30)}}
@media (max-width:800px){
.swiper-box .fonts{bottom:6%;line-height:50px}
.swiper-box .fonts p{font-size:var(--fontsize14)}
.swiper-box .fonts button{padding:9px 30px}}
main.index section.products .item ul li div p span{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2}
@media (max-width:680px){header .top-box .info .left{display:none !important}
header .top-box .nav-box .right .search-box .search-input{height:20px;right:-40px;top:-15px;padding:2px 5px}
header .top-box{height:4vh}
header .top-box .nav-box{height:50px}
header .top-box .nav-box .right .search-box .search,header .top-box .nav-box .mob-nav{font-size:var(--fontsize24);margin-right:10px}
.swiper-box .fonts p{font-size:var(--fontsize14);line-height:24px}
.swiper-box .fonts button{padding:6px 20px}
.swiper-box .fonts button:nth-of-type(1){margin-right:20px}}
main.index{margin-top:33vw;background:#FAFAFA;padding:90px 0px 20px 0px;display:flex;justify-content:center;flex-wrap:wrap}
main.index section.products{width:86.33333%;max-width:1600px}
main.index section.products .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
main.index section.products .list ul{display:flex}
main.index section.products .list ul li{width:200px;height:40px;background:#222222;display:flex;align-items:center;justify-content:center}
main.index section.products .list ul li.active{background:var(--color)}
main.index section.products .list ul li:hover{background:var(--color)}
main.index section.products .list ul li a{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;color:#FFFFFF;font-size:var(--fontsize16);text-align:center}
main.index section.products .item ul{display:flex;flex-wrap:wrap;margin-bottom:50px}
main.index section.products .item ul li{width:25%}
main.index section.products .item ul li:hover a{color:var(--color)}
main.index section.products .item ul li>div{height:100%;display:flex;flex-direction:column;padding:0px 8px}
main.index section.products .item ul li>div .rule-box{height:auto;overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;background:#FFFFFF;transition:0.3s transform ease}
main.index section.products .item ul li>div .rule-box:hover{box-shadow:0px 5px 10px 0px rgba(4,0,0,0.05);transform:translateY(5px)}
main.index section.products .item ul li>div a{color:var(--fontcolor)}
main.index section.products .item ul li>div img{box-shadow:0px 5px 10px 0px rgba(4,0,0,0.05);width:100%;height:auto;transition:transform 0.3s}
main.index section.products .item ul li>div p{height:70px;display:flex;align-items:center;justify-content:center;text-align:center}
@media (max-width:1600px){main.index{padding:40px 0px}
main.index section.products .title{display:block}
main.index section.products .title .title-img-box{text-align:center;margin-bottom:40px}
main.index section.products .title .list{display:flex;justify-content:center}}
@media (max-width:1210px){main.index section.products{width:100%;margin:0px 4vw}
main.index section.products .item ul li{width:50%}
main.index section.products .item ul li div p{height:60px}}
@media (max-width:1090px){main.index section.products .title .list ul li:nth-of-type(3){display:none}}
@media (max-width:900px){main.index section.products .title .list ul li:nth-of-type(4){display:none}}
@media (max-width:500px){main.index section.products .title .list ul li:nth-of-type(5){display:none}}
@media (max-width:890px){main.index section.products .title .list ul li:nth-of-type(3){display:none}}
@media (max-width:695px){main.index section.products .item ul li div p{font-size:var(--fontsize14)}}
@media (max-width:490px){main.index{padding:20px 0px 0px 0px}
main.index section.products .title .title-img-box{margin-bottom:20px;display:flex;align-items:center;justify-content:center}
main.index section.products .title .title-img-box img{width:200px}
main.index section.products .title{margin-bottom:30px}}
main.index section.about-us{width:100vw;height:calc(100vw / 2.74286);background-size:cover;display:flex;justify-content:center;align-items:center;position:relative}
main.index section.about-us>img{position:absolute;width:100%;height:100%;z-index:1}
main.index section.about-us .block-box{display:flex;width:86.33333%;max-width:1600px;height:calc(100% * 0.6);z-index:3}
main.index section.about-us .block-box .pic{max-width:560px;width:35%}
main.index section.about-us .block-box .pic img{width:100%;height:100%}
main.index section.about-us .block-box .content{width:65%;background:#FAFAFA;padding:3%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}
main.index section.about-us .block-box .content .top h2{font-size:var(--fontsize26);color:var(--color);display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2}
main.index section.about-us .block-box .content .top p{margin:10px 0px;font-size:var(--fontsize16);line-height:1.8;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:7;-webkit-box-orient:vertical}
main.index section.about-us .block-box .content .button-box button{padding:10px 30px;font-size:var(--fontsize16);background:#FFFFFF;border:1px solid black;cursor:pointer}
main.index section.about-us .block-box .content .button-box button:hover{background:var(--color);color:#FFFFFF;border:2px solid var(--color)}
@media (max-width:1680px){main.index section.about-us .block-box .content .button-box button{width:150px;height:37.5px;font-size:var(--fontsize16);padding:5px 25px}}
@media (max-width:1460px){main.index section.about-us .block-box .content .top p{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:7;font-size:var(--fontsize14)}}
@media (max-width:863px){main.index section.about-us .block-box .content{padding:2%}}
@media (max-width:785px){
header .top-box .nav-box .left a{height:90%}
.item-faq.row-1 li{width:100%}
main.index section.about-us .block-box .content .top h2{line-height:4.267vw}
main.index section.about-us .block-box{width:100%;height:100%}
main.index section.about-us{padding:4.667vw 4vw}}
@media (max-width:405px){main.index section.about-us .block-box .content{display:flex;justify-content:center}}
main.index section.number{margin:0px auto 30px;padding:30px 0px;width:100%;max-width:1600px;background:url(https://css02.v15cdn.com/m406/img/homePC-bg_02.webp) no-repeat;background-position:center;background-size:100% 100%}
main.index section.number ul{height:100%;display:flex}
main.index section.number ul li{height:100%;width:25%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center}
main.index section.number ul li p{width:100%;text-align:center}
main.index section.number ul li p:nth-of-type(1){font-size:36px;font-weight:var(--fontbold6)}
main.index section.number ul li p:nth-of-type(2){font-size:var(--fontsize14)}
@media (max-width:1200px){main.index section.number{margin-bottom:20px}}
main.index .news{margin:0px auto;padding:0px;width:100%;max-width:1600px}
main.index .news .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
main.index .news .list ul{display:flex}
main.index .news .list ul li{width:200px;height:40px;background:#222222}
main.index .news .list ul li.active{background:var(--color)}
main.index .news .list ul li:hover{background:var(--color)}
main.index .news .list ul li a{color:#FFFFFF;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--fontsize16)}
main.index .news .item ul{display:flex;flex-wrap:wrap}
main.index .news .item ul li{width:50%;height:130px;margin-bottom:2%}
main.index .news .item ul li:nth-of-type(odd) .box{margin-left:4%}
main.index .news .item ul li:nth-of-type(even) .box{margin-right:4%}
main.index .news .item ul li .box{display:flex;background:#FFFFFF;height:100%;transition:0.5s all ease}
main.index .news .item ul li .box:hover{box-shadow:0px 5px 15px 0px rgba(4,0,0,0.1);transform:translateY(5px)}
main.index .news .item ul li .box .left{width:128px;border-right:1px solid #EDEDED;display:flex;justify-content:center;flex-direction:column;text-align:center;flex-wrap:wrap}
main.index .news .item ul li .box .left span:nth-of-type(1){font-size:var(--fontsize30);font-weight:var(--fontbold6);color:var(--fontcolor);display:block}
main.index .news .item ul li .box .left span:nth-of-type(2){font-size:var(--fontsize16)}
main.index .news .item ul li .box .right{flex:1;padding:4% 3%}
main.index .news .item ul li .box .right p:nth-of-type(1){font-size:var(--fontsize16);font-weight:var(--fontbold6);color:var(--color)}
main.index .news .item ul li .box .right p:nth-of-type(1) a{font-size:var(--fontsize16);font-weight:var(--fontbold6);color:var(--fontcolor);display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2}
main.index .news .item ul li .box .right p:nth-of-type(1) a:hover{color:var(--color)}
main.index .news .item ul li .box .right p:nth-of-type(2){font-size:var(--fontsize14);color:var(--introcolor);display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2}
@media (max-width:1200px){main.index .news .item ul{display:block}
main.index .news .item ul li{width:100%}
main.index .news .item ul li:nth-of-type(odd) .box{margin-right:0px}
main.index .news .item ul li:nth-of-type(even) .box{margin-left:0px}}
@media (max-width:950px){main.index section.news .title{display:block}
main.index section.news .title .title-img-box{text-align:center;margin-bottom:40px}
main.index section.news .title .list{display:flex;justify-content:center}}
@media (max-width:600px){main.index .news .item ul li .box .left{width:100px}
main.index .news .item ul li .box .left span:nth-of-type(2){font-size:var(--fontsize16)}}
@media (max-width:640px){main.index section.news .title .list ul li:nth-of-type(2){display:none}}
@media (max-width:490px){main.index section.news .title .title-img-box{text-align:center;margin-bottom:20px}}
footer{padding:2% 0%;width:100%;color:var(--footercolor);background:var(--hovercolor);display:flex;justify-content:center}
footer .footer-info{width:86.33333%;max-width:1600px;display:flex;line-height:30px;justify-content:space-between;position:relative}
footer .footer-info .logo-box .logo{margin-bottom:5%;display:flex;align-items:center;font-size:23px;font-weight:var(--fontbold6);line-height:24px}
footer .footer-info .logo-box .logo img{margin-right:20px;max-height:50px}
footer .footer-info p{width:390px;transition:0.3s all ease}
footer .footer-info p:hover{transform:translateX(10px);color:var(--color)}
footer .footer-info h4{font-size:var(--fontsize20);color:var(--color);margin-bottom:20px}
footer .footer-info a{color:var(--footercolor)}
footer .footer-info a:hover{color:var(--color)}
footer .footer-info .nav1 ul>li>a,footer .footer-info .nav2 ul>li>a{transition:0.3s padding-left ease}
footer .footer-info .nav1 ul>li>a::before,footer .footer-info .nav2 ul>li>a::before{content:'-';padding-right:5px}
footer .footer-info .nav1 ul>li>a:hover,footer .footer-info .nav2 ul>li>a:hover{padding-left:5px;color:var(--color)}
footer .footer-info .nav1{width:250px}
footer .footer-info .nav1 ul{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
footer .footer-info .nav1 ul li{width:50%;font-size:var(--fontsize14)}
footer .footer-info .nav2{width:205px}
footer .footer-info .soft{display:block;position:absolute;bottom:-75px;left:0px;z-index:2}
footer .footer-info .soft ul{display:flex}
footer .footer-info .soft ul li{width:32px;height:32px;margin-right:10px;display:flex;align-items:center;justify-content:center}
@media (max-width:1024px){
.go-top{display:none}
footer .footer-info{display:block}
footer .footer-info .logo-box,footer .footer-info .nav2,footer .footer-info .qr-code{display:none}
footer .footer-info .nav1{width:100%}
footer .footer-info .nav1 h4{display:none}
footer .footer-info .nav1 ul li{width:20%;font-size:var(--fontsize20)}
footer .footer-info .soft{display:block}
footer .footer-info .soft ul{margin-top:3%;display:flex}
footer .footer-info .soft ul li{width:60px;height:60px;background:#292929;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:35px;margin-right:20px}}
@media (max-width:820px){
.top-box{top:-300px !important}
.info{margin-top:0px !important}
.index-page{z-index:-1}
footer .footer-info .nav1 ul{justify-content:flex-start}
footer .footer-info .nav1 ul li{font-size:var(--fontsize16);width:25%}}
@media (max-width:525px){footer .footer-info .nav1 ul{justify-content:flex-start}
footer .footer-info .nav1 ul li{font-size:var(--fontsize16);width:33.3333%}
footer .footer-info .soft ul li{margin-right:10px;width:45px;height:45px;font-size:var(--fontsize30)}}
@media (max-width:390px){footer .footer-info .nav1 ul li{width:50%}}
.copyright{padding:10px 8%;color:var(--footercolor);background:var(--hovercolor);display:flex;position:relative}
.copyright a{margin-left:10px;font-size:var(--fontsize14);color:var(--footercolor)}
.copyright .go-top{scroll-behavior:smooth;font-size:var(--fontsize24);color:#FFFFFF;background:var(--color);padding:5px 10px;position:absolute;left:30px}
.pho-footer{display:none;position:fixed;z-index:500;bottom:0px;width:100%;background:#FCFCFCFB;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
@media (max-width:1024px){footer .footer-info .soft{position:static}
footer .footer-info .soft ul{width:100%}
.pho-footer ul li{width:25%}
.pho-footer ul li a{display:flex;height:100%;font-size:var(--fontsize12);color:var(--fontcolor);flex-direction:column;justify-content:center;text-align:center;text-transform:capitalize}
.pho-footer ul li a>*{text-align:center;display:block;width:100%}}
@media (max-width:750px){
.shop-car{bottom:13.067vw}
.pho-footer ul li a span{font-size:3.2vw}
.pho-footer ul li a i,.pho-footer ul li a em{font-size:var(--fontsize20);line-height:1}
.pho-footer ul li a span{font-size:2.4vw}
.productsDetails-article .details .right h1{border-bottom:1px solid #ECECEC;padding-bottom:10px;font-size:var(--fontsize16) !important;margin-top:4vw}}
@media (max-width:1400px){footer .footer-info .soft{bottom:-95px}}
header.banner2-header{height:calc(100vw / 4.1)}
.banner2-box{width:100%;position:absolute;height:calc(100vw / 4.1);min-height:300px}
.banner2-box .fonts{width:100%;color:#FFFFFF;display:flex;flex-wrap:wrap;line-height:80px;position:absolute;top:8.1vw;text-align:right}
.banner2-box .fonts>*{margin-right:8.8vw;width:100%}
.banner2-box .fonts h1{font-size:80px;font-weight:var(--fontbold6);color:#FFFFFF}
.banner2-box .fonts p{font-size:var(--fontsize18);color:#FFFFFF}
.banner2-box .fonts button{border:1px solid white;background:none;color:#FFFFFF;padding:11px 35px;cursor:pointer}
.banner2-box .fonts button:nth-of-type(1){margin-right:40px}
.banner2-box .fonts button:hover{background:var(--color);border:1px solid var(--color);color:#FFFFFF}
@media (max-width:1450px){
.banner2-box .fonts{justify-content:flex-end;line-height:60px}
.banner2-box .fonts h1{font-size:60px;line-height:80px}
.banner2-box .fonts p{line-height:32px;font-size:var(--fontsize16);width:300px}}
@media (max-width:1000px){header.banner2-header{height:37px}
.banner2-box .fonts{line-height:60px}
.banner2-box .fonts h1{font-size:60px}
.banner2-box .fonts p{font-size:var(--fontsize16)}}
@media (max-width:1210px){header.banner2-header{height:300px}
header.banner2-header .info{display:none}
main.page-template-1{margin-top:0px;background:royalblue}}
@media (max-width:680px){header.banner2-header{height:35px}}
.tabs{width:100%;display:flex;justify-content:center;align-items:center;height:40px;color:var(--fontcolor);margin-top:24.5vw}
.tabs a{margin:0px 5px;color:var(--fontcolor)}
.tabs h1,.tabs h2{margin:0px 5px;color:var(--color)}
.tabs i{margin:0px 3px}
@media (max-width:1200px){
.tabs{display:none}}
@media (max-width:1210px){main.page-template-1{padding-top:33px}}
.banner2-box img{width:100%;height:100%}
main.page-template-1{background:#FAFAFA;display:flex;justify-content:center;flex-wrap:wrap}
main.page-template-1 .max-width-box{display:flex;width:100%;max-width:1600px;padding:30px}
main.page-template-1 .max-width-box aside{width:300px;min-width:300px}
main.page-template-1 .max-width-box aside ul.nav1{border:1px solid #ECECEC;background-color:#FFFFFF;margin-bottom:30px}
main.page-template-1 .max-width-box aside ul.nav1:nth-of-type(1){color:#FFFFFF}
main.page-template-1 .max-width-box aside ul.nav1.contact-us li:nth-of-type(2){padding:10px 0px;background:#FFFFFF;flex-wrap:wrap}
main.page-template-1 .max-width-box aside ul.nav1 li{padding:5px 10px;font-size:var(--fontsize18)}
main.page-template-1 .max-width-box aside ul.nav1 li a{color:var(--fontcolor)}
main.page-template-1 .max-width-box aside ul.nav1 li p{font-size:var(--fontsize14);line-height:32px;text-align:left;padding:0px 10px;color:var(--fontcolor)}
main.page-template-1 .max-width-box article{flex:1;margin-right:50px}
main.page-template-1 .max-width-box article article{margin-left:0px}
main.page-template-1 .max-width-box article .item-products-0 ul{display:flex;flex-wrap:wrap}
main.page-template-1 .max-width-box article .item-products-0 ul li{width:100%;height:auto;margin-bottom:25px}
main.page-template-1 .max-width-box article .item-products-0 ul li:hover p{color:var(--color)}
main.page-template-1 .max-width-box article .item-products-0 ul li .box{display:flex;background:#FFFFFF;border:1px solid #EDEDED;height:100%;transition:0.3s all ease}
main.page-template-1 .max-width-box article .item-products-0 ul li .box:hover{box-shadow:0px 5px 15px 0px rgba(4,0,0,0.1);transform:translateY(-5px)}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .left{width:320px;border-right:1px solid #EDEDED;display:flex;justify-content:center;flex-direction:column;text-align:center;flex-wrap:wrap;overflow:hidden}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .left img{width:100%;height:100%;transition:transform 0.3s}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .left img:hover{transition:transform 0.3s}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right{flex:1;padding:3%}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1) a{width:100%;font-size:var(--fontsize18);color:var(--fontcolor);display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1) a:hover{color:var(--color)}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(3){font-size:var(--fontsize14);color:var(--introcolor);line-height:24px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;min-height:48px;-webkit-line-clamp:2}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right button{margin-top:10px;cursor:pointer}
main.page-template-1 .max-width-box article .item-products-1 ul{display:flex;flex-wrap:wrap;justify-content:flex-start}
main.page-template-1 .max-width-box article .item-products-1 ul li{width:33%;max-height:380px;margin-bottom:20px}
main.page-template-1 .max-width-box article .item-products-1 ul li:hover p{color:var(--color)}
main.page-template-1 .max-width-box article .item-products-1 ul li .box{display:block;background:#FFFFFF;height:100%;margin:0px 7.9px;transition:0.3s all ease}
main.page-template-1 .max-width-box article .item-products-1 ul li .box:hover{box-shadow:0px 5px 15px 0px rgba(4,0,0,0.1);transform:translateY(-5px)}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .left{border-right:none;width:100%;display:flex;justify-content:center;flex-direction:column;text-align:center;flex-wrap:wrap;overflow:hidden;height:250px;border-bottom:2px solid #F6F6F7}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .left img{width:100%;height:auto;transition:transform 0.3s;margin:0px auto}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .left img:hover{transition:transform 0.3s}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right{flex:1;padding:0px 10px 10px;text-align:center}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right p:nth-of-type(1){font-size:var(--fontsize15);overflow:hidden}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right p:nth-of-type(1) a{color:var(--fontcolor);text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right p:nth-of-type(1) a:hover{color:var(--color)}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right p:nth-of-type(2){font-size:var(--fontsize14);color:var(--introcolor);line-height:24px}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right button{margin:10px auto;cursor:pointer}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right button a{color:var(--color)}
main.page-template-1 .max-width-box article .Pagination{margin-top:40px;display:flex;justify-content:center}
main.page-template-1 .max-width-box article .Pagination span{padding:10px;background:#FFFFFF;margin:0px 5px}
main.page-template-1 .max-width-box article .Pagination a{width:100%;height:100%;color:var(--fontcolor)}
main.page-template-1 .max-width-box article .Pagination ul{display:flex}
main.page-template-1 .max-width-box article .Pagination ul li{padding:10px 15px;background:#FFFFFF;margin:0px 5px}
main.page-template-1 .max-width-box article .Pagination .none a{color:#999999}
main.page-template-1 .max-width-box article .Pagination .active{background:var(--color)}
main.page-template-1 .max-width-box article .Pagination .active a{color:#FFFFFF}
main.page-template-1 .max-width-box article .Pagination span:nth-last-of-type(1){background:none}
@media (max-width:827px){main.page-template-1 .max-width-box article .item-products-0 ul li .box .left img{height:auto}}
@media (max-width:1200px){main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1){font-size:var(--fontsize18);line-height:60px}}
@media (max-width:1200px){main.page-template-1 .max-width-box article .item-products-1 ul li .box .right p:nth-of-type(2){display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;min-height:48px}
main.page-template-1 .max-width-box{padding:0vw 4vw 4vw 4vw}
main.page-template-1 .max-width-box aside{display:none}
main.page-template-1 .max-width-box article{margin-left:0px}
main.page-template-1 .max-width-box article .item ul{display:flex}
main.page-template-1 .max-width-box article .item ul li{width:50%;height:auto;margin-bottom:20px}
main.page-template-1 .max-width-box article .item ul li .box{margin:0px 7.9px;display:flex;flex-direction:column}
main.page-template-1 .max-width-box article .item ul li .box .left{border-right:none;width:100%;height:auto;border-bottom:2px solid #F6F6F7;max-height:210px}
main.page-template-1 .max-width-box article .item ul li .box .left img{margin:0px auto;max-width:320px}
main.page-template-1 .max-width-box article .item ul li .box .right{text-align:center;height:auto;height:240px}
main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1){font-size:var(--fontsize15)}
main.page-template-1 .max-width-box article .item ul p:nth-of-type(2){display:none}}
main.page-template-1 .max-width-box article article{margin-right:0px;margin-left:58px}
@media (max-width:700px){main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1){line-height:24px}}
@media (max-width:533px){
.small-hide{display:none}
.small-hide li{display:none}
main.page-template-1 .max-width-box{width:100%}}
@media (max-width:450px){html{overflow-x:hidden}
main.page-template-1 .max-width-box article{width:100%;-webkit-box-flex:0;-ms-flex:none;flex:none}
.category-title{margin:0px auto;width:96%;font-size:var(--fontsize20)!important;margin-bottom:15px}}
.item-faq ul{display:flex;flex-wrap:wrap}
.item-faq ul li{width:100%;height:150px;margin-bottom:20px}
.item-faq ul li .box{display:flex;background:#FFFFFF;height:100%;transition:0.3s all ease}
.item-faq ul li .box:hover{box-shadow:0px 5px 15px 0px rgba(4,0,0,0.1);transform:translateY(-5px)}
.item-faq ul li .box .left{width:128px;border-right:1px solid #EDEDED;display:flex;justify-content:center;flex-direction:column;text-align:center;flex-wrap:wrap}
.item-faq ul li .box .left span:nth-of-type(1){font-size:var(--fontsize30);font-weight:var(--fontbold6);color:var(--fontcolor);display:block;width:100%}
.item-faq ul li .box .left span:nth-of-type(2){font-size:var(--fontsize14);display:block}
.item-faq ul li .box .right{flex:1;padding:2% 3%}
.item-faq ul li .box .right p:nth-of-type(1){font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:50px}
.item-faq ul li .box .right p:nth-of-type(1):hover{color:var(--color)}
.item-faq ul li .box .right p:nth-of-type(1) a{color:var(--fontcolor);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1}
.item-faq ul li .box .right p:nth-of-type(1) a:hover{color:var(--color)}
.item-faq ul li .box .right p:nth-of-type(2){font-size:var(--fontsize14);color:var(--introcolor);line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2}
.productsDetails-article .ifyou{font-size:var(--fontsize14);padding:0px 0px 15px 0px}
.feedback-list{margin:20px 0px;padding:0px 20px;border:1px solid #DDDDDD}
.feedback-list .list-li{display:flex;padding:20px 0px;border-bottom:1px solid #DDDDDD}
.feedback-list .list-li:nth-last-of-type(1){border:none}
.feedback-list .list-li div:nth-of-type(1){width:100px;height:auto}
.feedback-list .list-li div:nth-of-type(1) img{width:100%;height:100%}
.feedback-list .list-li div:nth-of-type(2){flex:1;display:flex;align-items:center;padding-left:20px;font-size:var(--fontsize16)}
.feedback-list .list-li div:nth-of-type(2) a{color:var(--fontcolor)}
.feedback-list .list-li div:nth-of-type(3){width:30px;display:flex;align-items:center;justify-content:center;font-size:var(--fontsize22);cursor:pointer}
@media (max-width:500px){
.feedback{padding-top:33px !important}}
@media (max-width:600px){
.feedback-list .list-li div:nth-of-type(2){font-size:var(--fontsize14)}
.feedback-title span{text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2}}
.item-faqdetails .title,.item-aboutus .title{text-align:center;position:relative}
.item-faqdetails .title h1,.item-aboutus .title h1{font-size:var(--fontsize26);color:var(--fontcolor);line-height:1.3}
.item-faqdetails .title p,.item-aboutus .title p{margin:10px auto;font-size:var(--fontsize14);text-align:center;color:var(--introcolor)}
.item-faqdetails .title p span:nth-of-type(1),.item-aboutus .title p span:nth-of-type(1){padding:0px 10px}
.item-faqdetails .article,.item-aboutus .article{padding:20px 0px}
.item-faqdetails .share,.item-aboutus .share{margin-bottom:50px}
.item-faqdetails .share ul,.item-aboutus .share ul{display:flex}
.item-faqdetails .share ul li,.item-aboutus .share ul li{width:32px;height:32px;border-radius:3px;font-size:var(--fontsize24);display:flex;align-items:center;justify-content:center;margin-right:10px}
.item-faqdetails .share ul li:nth-of-type(1),.item-aboutus .share ul li:nth-of-type(1){background:#3b5998}
.item-faqdetails .share ul li:nth-of-type(2),.item-aboutus .share ul li:nth-of-type(2){background:#1DA1F2}
.item-faqdetails .share ul li:nth-of-type(3),.item-aboutus .share ul li:nth-of-type(3){background:#0077b5}
.item-faqdetails .share ul li:nth-of-type(4),.item-aboutus .share ul li:nth-of-type(4){background:#C92326}
.item-faqdetails .share ul li i,.item-aboutus .share ul li i{color:#FFFFFF}
.item-faqdetails .btn-group,.item-aboutus .btn-group{display:flex}
.item-faqdetails .btn-group button,.item-aboutus .btn-group button{width:50%;height:50px}
.item-faqdetails .btn-group button a,.item-aboutus .btn-group button a{color:#FFFFFF}
.item-faqdetails .btn-group button:nth-of-type(1),.item-aboutus .btn-group button:nth-of-type(1){background:#222222}
.item-faqdetails .btn-group button:nth-of-type(2),.item-aboutus .btn-group button:nth-of-type(2){background:var(--color) !important}
@media (max-width:1200px){
.item-faqdetails .btn-group,.item-aboutus .btn-group{flex-wrap:wrap}
.item-faqdetails .btn-group button,.item-aboutus .btn-group button{width:100%;margin-bottom:19px}}
.item-aboutus h1{margin-bottom:10px;font-size:var(--fontsize26)}
.item-aboutus .article{padding:0px}
.item-project ul{display:flex;flex-wrap:wrap}
.item-project ul li{width:100%;height:240px;margin-bottom:30px}
.item-project ul li a{color:var(--fontcolor);cursor:pointer}
.item-project ul li:hover p a{color:var(--color)}
.item-project ul li .box{display:flex;background:#FFFFFF;height:100%;transition:0.3s all ease;border:1px solid #EDEDED}
.item-project ul li .box:hover{transform:translateY(-5px);box-shadow:0px 5px 15px 0px rgba(4,0,0,0.1)}
.item-project ul li .box .left{width:320px;border-right:1px solid #EDEDED;display:flex;justify-content:center;flex-direction:column;text-align:center;flex-wrap:wrap;overflow:hidden}
.item-project ul li .box .left img{width:100%;transition:transform 0.3s}
.item-project ul li .box .left img:hover{transition:transform 0.3s}
.item-project ul li .box .right{flex:1;padding:0 3%;line-height:83px}
.item-project ul li .box .right p:nth-of-type(1){font-size:var(--fontsize20);font-weight:var(--fontbold6);display:-webkit-box;display:box;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden}
.item-project ul li .box .right p:nth-of-type(2){font-size:var(--fontsize14);color:var(--introcolor);line-height:24px}
.item-project ul li .box .right button{margin:10px auto;min-width:140px;height:33px;background:#000000;cursor:pointer;cursor:pointer}
.item-project ul li .box .right button a{color:#FFFFFF}
.item-project ul li .box .right button:hover{background:var(--color)}
@media (max-width:900px){
.item-project ul li{height:180px}
.item-project ul li .box .left{width:240px}
.item-project ul li .box .right p:nth-of-type(2){display:-webkit-box;display:box;-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden}}
@media (max-width:650px){main.page-template-1 .max-width-box article .item ul li{max-height:240px}
.item-project ul li{height:90px}
.item-project ul li .box .left{width:120px}
.item-project ul li .box .right p:nth-of-type(1){font-size:var(--fontsize18);line-height:42px}
.item-project ul li .box .right p:nth-of-type(2){font-size:var(--fontsize14);line-height:18px;display:-webkit-box;display:box;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden}}
.item-video-details .video-box{text-align:center;padding-bottom:20px}
.item-video-details .video-box video{width:calc(100vw / 2.4);min-width:750px}
@media (max-width:1000px){
.item-video-details .video-box video{width:100%;min-width:0px}}
main.page-template-1 .max-width-box article .item-video ul li{height:auto}
main.page-template-1 .max-width-box article .item-video ul li .box .left img{margin:0px;width:100%;height:auto;overflow:hidden}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1){margin:10px 0px;height:auto;line-height:1.6;text-align:left}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .title{font-size:var(--fontsize16);font-weight:normal;line-height:1.6;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .title a:hover{color:var(--color)}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .view-count{margin-top:10px;color:var(--introcolor);font-size:var(--fontsize14);text-align:left;display:block}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(2){display:block;text-align:left;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2}
@media (max-width:1200px){main.page-template-1 .max-width-box article .item-video ul li .box .left img{margin:0px auto}
main.page-template-1 .max-width-box article .item-video ul li .box .right{padding:0px 20px 20px 20px}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1){margin-top:0px;display:block}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .view-count{display:block}}
aside.nav2-template{max-width:300px;width:calc(100% * 0.19625);min-width:300px}
aside.nav2-template>ul{background:#FFFFFF;border:1px solid #ECECEC;margin-bottom:20px}
aside.nav2-template>ul a:hover{color:var(--color)}
aside.nav2-template>ul.contact-us li:nth-of-type(2){padding:10px 0px;background:#FFFFFF}
aside.nav2-template>ul>li{line-height:50px;font-size:var(--fontsize16)}
aside.nav2-template>ul>li.has-children2{cursor:pointer}
aside.nav2-template>ul>li.has-children2>a{width:100%;display:block;color:#FFFFFF;background:#222222}
aside.nav2-template>ul>li.has-children2>a:hover{background:var(--color)}
aside.nav2-template>ul>li a{color:var(--fontcolor)}
aside.nav2-template>ul>li:nth-of-type(1){font-size:var(--fontsize20);color:#FFFFFF;padding-left:10px;background:var(--color)}
aside.nav2-template>ul>li p{font-size:var(--fontsize14);line-height:32px;text-align:left;padding:0px 21px}
.input-error{border:1px solid #C92326}
.temp2 ul:nth-of-type(1) li:nth-of-type(n + 2){margin-top:20px;display:flex;align-items:center}
.temp2 ul:nth-of-type(1) li:nth-of-type(n + 2) .left{flex:1;height:100px;width:50%}
.temp2 ul:nth-of-type(1) li:nth-of-type(n + 2) .left a{width:100%}
.temp2 ul:nth-of-type(1) li:nth-of-type(n + 2) .left img{height:100%;max-width:100%}
.temp2 ul:nth-of-type(1) li:nth-of-type(n + 2) .right{flex:1;justify-content:flex-start;padding-left:5px}
.temp2 ul:nth-of-type(1) li:nth-of-type(n + 2) .right a{text-align:left;line-height:21px;display:block;font-size:10px;font-weight:var(--fontbold6);display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2}
.temp2 ul:nth-of-type(1) li:nth-of-type(n + 2) .right a:hover{color:var(--color)}
.temp2 ul:nth-of-type(1) li:nth-of-type(n + 2) .right div{text-align:left;padding:0px;padding:0px 5px;color:var(--introcolor)}
aside .last-products{display:flex;flex-wrap:wrap;align-items:flex-start}
aside .last-products li{width:50%;padding:5px}
aside .last-products li:nth-of-type(1){width:100%;height:50px;margin-bottom:10px}
aside .last-products li img{width:100%}
aside .last-products li:nth-of-type(1){color:#FFFFFF;text-decoration:none}
aside .last-products li a{font-size:var(--fontsize14);display:inline-block;line-height:1.5}
aside .last-products li a:hover{cursor:pointer;color:var(--color)}
aside .last-products li span{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2}
main.page-template-1 .max-width-box article .item-products ul li p a{color:var(--fontcolor)}
main.page-template-1 .max-width-box article .item-products ul li p a:hover{color:var(--color)}
main.page-template-1 .max-width-box article .item-products ul .right button{color:var(--color)}
main.page-template-1 .max-width-box article .item-products ul .right button span{border:1px solid var(--color);display:inline-block;width:15px;height:15px;transform:translateY(3px);margin-right:5px}
main.page-template-1 .max-width-box article .item-products ul .right button span i{font-size:var(--fontsize14);transform:translateY(-3px)}
.visibility{opacity:0}
.shop-car{width:100%;position:fixed;height:100px;bottom:0px;left:0px;background:#FAFAFA;z-index:3;display:flex;justify-content:center;align-items:center}
.shop-car ul{width:1420px;padding-left:10px;overflow-x:auto;display:flex;align-items:center;flex:1;margin-right:10px}
.shop-car ul li{height:60px;display:flex;border:1px solid #ECECEC;background:#FFFFFF;margin-right:10px}
.shop-car ul li .left{width:80px;display:flex;align-items:center;border-right:2px solid #ECECEC;overflow:hidden}
.shop-car ul li .left img{width:100%}
.shop-car ul li .center{width:160px;font-size:var(--fontsize14);padding:15px;color:var(--fontcolor);display:flex;align-items:center;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;flex-wrap:nowrap}
.shop-car ul li .right{cursor:pointer;width:20px;display:flex;align-items:center;justify-content:center;padding-right:5px}
.shop-car div.button{font-size:var(--fontsize14)}
.shop-car div.button.buy{width:160px;height:36px;background:var(--color)}
.shop-car div.button.buy a{display:flex;align-items:center;justify-content:center;cursor:pointer;width:100%;height:100%;color:#FFFFFF}
.shop-car div.button.clear{display:flex;align-items:center;justify-content:center;cursor:pointer;width:86px;height:20px;color:var(--introcolor);background:none}
@media (max-width:1218px){
.shop-car{bottom:98px}
.shop-car ul li .center{display:none}}
@media (max-width:850px){
.shop-car{height:50px;z-index:3}
.shop-car ul{width:100vw;position:absolute;top:-60px;left:0px;padding:0px}
.shop-car ul li{position:relative;border-right:0px;margin-right:0px;display:flex;justify-content:center;width:calc(20vw)}
.shop-car ul li .left{border-right:0px}
.shop-car ul li .right{position:absolute;left:0px;top:0px;background:rgba(0,0,0,0.2);width:100%;height:100%;font-size:var(--fontsize24)}}
.concat-us .info{display:flex}
.concat-us .info .left{width:50%;margin-left:3%}
.concat-us .info .left img{width:100%}
.concat-us .info .right{width:50%;display:flex;align-items:center;flex-wrap:wrap}
.concat-us .info .right h1{font-size:var(--fontsize18);font-weight:var(--fontbold6);width:100%}
.concat-us .info .right p{font-size:var(--fontsize14);line-height:40px;width:100%}
.concat-us .form{margin-top:70px}
.concat-us .form form{display:flex;flex-wrap:wrap;justify-content:space-between}
.concat-us .form p{font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:20px;margin-bottom:20px}
.concat-us .form input{position:relative;width:49%;height:50px;margin-bottom:20px;padding-right:40px}
.concat-us .form input,.concat-us .form textarea{padding-left:20px;outline:none;border:solid 1px #EEEEEE}
.concat-us .form #in-name{background:#FFFFFF}
.concat-us .form #in-email{background:#FFFFFF}
.concat-us .form #in-content{background:#FFFFFF;padding-top:20px;width:100%;height:250px;resize:none;padding-right:40px}
.concat-us .form .send-btn{margin:50px auto 0px;width:200px;height:50px;background:black;color:#FFFFFF;font-size:var(--fontsize18);display:flex;align-items:center;justify-content:center;cursor:pointer}
.concat-us .form .send-btn:hover{background:var(--color)}
@media (max-width:1400px){
.concat-us .info .right p{font-size:var(--fontsize14)}}
@media (max-width:1200px){
.concat-us .info{display:block}
.concat-us .info .left{width:100%}
.concat-us .info .right{margin-top:30px;width:100%}
.concat-us .form{margin-top:30px}}
@media (max-width:700px){
.concat-us .form form{display:block}
.concat-us .form form input{width:100%}}
.iw_poi_title{color:#cc5522;font-size:var(--fontsize14);font-weight:var(--fontbold6);overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.bmap{width:100%;height:400px;border-top:#CCCCCC solid 1px;border-bottom:#CCCCCC solid 1px}
.productsDetails>p{font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:20px;margin-bottom:20px}
.productsDetails>span{font-size:var(--fontsize14);color:var(--introcolor);line-height:24px;display:inline-block;margin-bottom:50px}
.productsDetails .btn-group{display:flex}
.productsDetails .btn-group button{width:50%;height:50px}
.productsDetails .btn-group button a{color:#FFFFFF}
.productsDetails .btn-group button:nth-of-type(1){background:#222222}
.productsDetails .btn-group button:nth-of-type(2){background:var(--color)}
@media (max-width:1475px){
.productsDetails-article .details .right .btn-groups{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.productsDetails-article .details .right .btn-groups .button{margin-bottom:10px}}
@media (max-width:1400px){
.main.page-template-1 .info .right p{font-size:var(--fontsize14)}}
@media (max-width:1200px){
.main.page-template-1 .info{display:block}
.main.page-template-1 .info .left{width:100%}
.main.page-template-1 .info .right{margin-top:30px;width:100%}
.main.page-template-1 .form{margin-top:30px}}
@media (max-width:700px){main.page-template-1 .form form{display:block}
main.page-template-1 .form form input{width:100%}}
.img{width:400px;height:375px;position:relative}
.img img{width:100%;height:100%}
.mask{width:200px;height:200px;position:absolute;left:0px;top:0px;background-color:#EEEEEE;opacity:0.3;display:none;cursor:move}
.big{border:1px solid #EEEEEE;width:450px;height:470px;position:absolute;left:400px;top:0px;overflow:hidden;display:none;z-index:2}
.big img{width:150%;height:200%;position:absolute;left:0px;top:0px}
.productsDetails-article .details{display:flex;margin-bottom:20px}
.productsDetails-article .details .left{position:relative}
.productsDetails-article .details .left .swiper-box{position:relative;--swiper-navigation-color:#666666;--swiper-navigation-size:20px}
.productsDetails-article .details .left .swiper-box .swiper-button-prev{left:0px}
.productsDetails-article .details .left .swiper-box .swiper-button-next{right:0px}
.productsDetails-article .details .left .swiper-box .swiper-wrapper{display:flex !important;align-items:center !important}
.productsDetails-article .details .left .swiper-box .swiper-container{--swiper-theme-color:var(--color);width:350px;height:90px}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide{width:56px;background:#FAFAFA;height:56px;padding:0px 10px}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img{user-select:none;border:1px solid #CCCCCC;cursor:pointer;height:56px}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img.item-hover{border:1px solid var(--color)}
.productsDetails-article .details .right{margin-right:30px}
.productsDetails-article .details .right h1{font-size:var(--fontsize24);color:var(--fontcolor)}
.productsDetails-article .details .right p{font-size:var(--fontsize14);color:var(--fontcolor);margin:10px 0px 20px}
.productsDetails-article .details .right .share{margin-bottom:30px}
.productsDetails-article .details .right .share ul{display:flex}
.productsDetails-article .details .right .share ul li{width:32px;height:32px;border-radius:3px;font-size:var(--fontsize24);display:flex;align-items:center;justify-content:center;margin-right:10px}
.productsDetails-article .details .right .share ul li:nth-of-type(1){background:#3b5998}
.productsDetails-article .details .right .share ul li:nth-of-type(2){background:#1DA1F2}
.productsDetails-article .details .right .share ul li:nth-of-type(3){background:#0077b5}
.productsDetails-article .details .right .share ul li:nth-of-type(4){background:#C92326}
.productsDetails-article .details .right .share ul li i{color:#FFFFFF}
.productsDetails-article .details .right .btn-groups{display:flex}
.productsDetails-article .details .right .btn-groups .button{width:180px;height:45px;margin-right:20px}
.productsDetails-article .details .right .btn-groups .button div{height:45px}
.productsDetails-article .details .right .btn-groups .button a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--fontcolor);border:1px solid var(--color)}
.productsDetails-article .details .right .btn-groups .button a:hover{background:var(--color);color:#FFFFFF}
@media (max-width:750px){
.productsDetails-article .details .left .swiper-box{margin-top:0px}}
.swiper-products-details{position:relative}
.swiper-products-details #index-count{position:absolute;right:5px;bottom:10px;z-index:2;background:#000000;color:#FFFFFF;padding:2px 12px;border-radius:12px;display:none}
@media (max-width:1213px){
.swiper-products-details #index-count{display:inline}
.productsDetails .btn-group{display:block}
.productsDetails .btn-group button{margin-bottom:20px;width:100%}
.productsDetails-article .details{display:block}
.productsDetails-article .details .left .img{display:none}
.productsDetails-article .details .left .swiper-box .swiper-container{width:calc(100vw - 200px);height:auto}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide{width:100%}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img{width:100%}
.productsDetails-article .details .right{margin-left:0px}
.productsDetails-article .details .right .btn-groups .button{width:100%;margin-right:0px}
.productsDetails-article .details .right .btn-groups .button:nth-of-type(1){border:1px solid var(--color)}
.productsDetails-article .details .right .btn-groups .button:nth-of-type(1) a{background:#222222;color:#FFFFFF}
.productsDetails-article .details .right .btn-groups .button:nth-of-type(2){border:none}
.productsDetails-article .details .right .btn-groups .button:nth-of-type(2) a{background:var(--color);color:#FFFFFF}}
@media (max-width:1200px){
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img.item-hover{border:none !important}}
@media (max-width:700px){
.productsDetails-article .details{display:block}
.productsDetails-article .details .left .img{display:none}
.productsDetails-article .details .left .swiper-box .swiper-container{position:absolute;left:0px;top:50px;width:100%;height:auto}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide{width:100%}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img{width:100%}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img.item-hover{border:none !important}
.productsDetails-article .details .right{padding-top:80%}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide{padding:0px}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img{border:none}}
@media (min-width:701px) and (max-width:1200px){
.swiper-products-details #index-count{right:13px}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img{border:none}}
.pd30{padding-bottom:30px}
.rb_bottom{margin-top:20px}
.rb_bottom,.rb_bottom .fy-y,.rb_bottom .pnbtn,.rb_bottom .previous,.rb_bottom .next{display:flex;justify-content:center;align-items:center}
.fy-y{padding:6px 12px;background:#FFFFFF;color:#4f4f4f;font-size:var(--fontsize14);font-weight:var(--fontbold5);margin-right:12px;cursor:pointer;user-select:none}
.fy-d{width:4px;height:4px;border-radius:50%;background:#000000;margin-right:12px}
.selected{background:var(--color);color:#FFFFFF;border:0px}
.pnbtn,.previous,.next{width:62px;height:31px;font-weight:var(--fontbold5);font-size:var(--fontsize14);cursor:pointer;color:var(--fontcolor);user-select:none;background:#FFFFFF}
.previous{margin-right:12px}
.next{margin-right:12px}
@media (max-width:820px){
.rb_bottom .previous:nth-of-type(1){display:none}
.rb_bottom .next:nth-of-type(2){display:none}}
@media (max-width:700px){
.rb_bottom{flex-wrap:wrap}
.rb_bottom .previous:nth-of-type(1){display:none}
.rb_bottom .next:nth-last-child(2){display:none}
.rb_bottom .fy-y,.rb_bottom .fy-d,.rb_bottom .fy-count{display:none}
.rb_bottom .previous:nth-of-type(2){width:100%;margin-right:0px;display:block;display:flex;align-items:center;justify-content:center;background:#222222;color:#FFFFFF;font-size:var(--fontsize14);margin-bottom:10px;height:50px}
.rb_bottom .next:nth-last-child(3){width:100%;margin-right:0px;display:block;display:flex;align-items:center;justify-content:center;background:var(--color);color:#FFFFFF;font-size:var(--fontsize14);height:50px}}
.toast-center-center{top:10%;left:50%;margin-left:-150px}
@media (max-width:450px){main.index section.number ul li p:nth-of-type(2){font-size:var(--fontsize14);min-height:32px}}
@media (max-width:1210px){
.other-page{top:0px}}
header .top-box .nav-box.top-0{top:0px;left:0px;width:100%;max-width:none}
@media (min-width:1920px){header .top-box .nav-box.top-0{padding:0px 9vw}}
.count-more::after{content:"+"}
aside.nav2-template>ul>li.has-children2{font-size:var(--fontsize14)}
.mb{position:absolute;z-index:2;width:100%;height:100%;background:black;opacity:0.8}
.about-div{z-index:3}
.tabs span{color:var(--fontcolor)}
header .top-box .nav-box .right ul.nav1>li:nth-of-type(n + 7) .submenu.nav0 .nav2{right:0 !important}
aside.nav2-template>ul>li.has-children2:nth-of-type(2)>a{font-size:var(--fontsize16)}
@media (max-width:700px){header .top-box .nav-box .right nav ul.nav1>li .nav2 ul li>a{font-size:var(--fontsize14)}}
main.page-template-1 .max-width-box aside ul.nav1 li.active-bg-black{background:var(--color)}
main.page-template-1 .max-width-box aside ul.nav1 li.active-bg-black a{color:#FFFFFF}
main.page-template-1 .max-width-box aside ul.nav1.contact-us li:nth-of-type(1){color:#FFFFFF;background:var(--color)}
main.page-template-1 .max-width-box aside ul.nav1.contact-us li:nth-of-type(1) a{font-size:var(--fontsize22);color:#FFFFFF}
aside.nav2-template>ul>li.has-children2 .currentProType{color:var(--color)}
aside.nav2-template>ul>li.has-children2>ul>li>i{font-size:var(--fontsize20)}
aside.nav2-template>ul>li.has-children2{background:#FFFFFF}
aside.nav2-template>ul>li.has-children2>ul>li{line-height:40px;border-bottom:1px solid #DDDDDD}
aside.nav2-template>ul>li.has-children2>ul>li:last-child{border-bottom:none}
aside.nav2-template>ul>li.has-children2 .has-children3{position:relative;display:none}
aside.nav2-template>ul>li.has-children2 .has-children3 li{padding-left:15px}
aside.nav2-template>ul>li.has-children2 .active-aside-show{position:relative;display:block}
aside.nav2-template>ul>li.has-children2 ul{width:100%}
aside.nav2-template>ul>li.has-children2 ul li{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative}
aside.nav2-template>ul>li.has-children2 ul li a{display:block;padding-left:10px;width:100%;font-size:var(--fontsize16);text-align:left}
aside.nav2-template>ul>li.has-children2 ul li i{position:absolute;right:5px;top:10px;transition:0.3s all ease}
.active--rotate-right{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.category-title{font-size:var(--fontsize22);line-height:2.1;padding-left:15px;border-right:3px solid var(--color);margin-bottom:20px;background-color:#FFFFFF}
.productsDetails .btn-group button:nth-of-type(1){background:var(--color)}
main.page-template-1 .max-width-box aside ul.nav1 li a:hover{color:var(--color)}
main.page-template-1 .max-width-box aside ul.nav1 li.LocalCurrent{background:var(--color)}
main.page-template-1 .max-width-box aside ul.nav1 li.LocalCurrent a{color:#FFFFFF}
main.page-template-1 .max-width-box aside ul.nav1.latest li:nth-of-type(n + 2){background:none}
@media (max-width:830px){
.swiper-index{width:100%}}
@media (max-width:500px){
.page-template-1.projectDetails{padding:0px 15px}}
@media (max-width:750px){
.swiper-box .fonts button{padding:1.467vw 4.667vw;font-size:2.4vw}
.swiper-box .fonts button:nth-of-type(1){margin-right:2.667vw}
main.index .news{padding-bottom:9.333vw}
main.index .news .list ul li{width:26.667vw;min-width:120px}
main.index .news .list ul li a{font-size:var(--fontsize14)}
main.index section.products .title .list ul li{width:26.667vw;min-width:120px}
main.index section.products .title .list ul li a{font-size:var(--fontsize14)}
main.index section.products .item ul{margin-bottom:9.333vw}
main.index .news .title{margin-bottom:4vw}
main.index .news .item ul li .box .left span:nth-of-type(1){font-size:var(--fontsize30)}
main.index .news .item ul li .box .right{padding:3.733vw}
main.index .news .item ul li{min-height:100px;margin-bottom:2.667vw}
main.index section.about-us .block-box .content .top h2{font-size:3.2vw}
main.index section.about-us .block-box .content .button-box button{border:1px solid black}
footer .footer-info .soft ul li{width:8vw;height:8vw}
footer .footer-info .soft ul li i,footer .footer-info .soft ul li em{font-size:4.8vw}
footer .footer-info a{display:flex;align-items:center}
.banner2-box{display:none}
header.banner2-header{height:auto}
header .top-box{height:8.267vw}
.productsDetails-article .details .right p{font-size:var(--fontsize14) !important;margin:2.667vw 0vw 4vw 0vw}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1) a{font-size:2.4vw}
main.page-template-1 .max-width-box article .item ul li .box .right{flex:1;padding:0 2.667vw 10px;line-height:83px}
main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1){font-weight:var(--fontbold6)}
main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1) a{width:100%;display:-webkit-box;font-size:var(--fontsize16);color:var(--fontcolor)}
main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1) a:hover{color:var(--color)}
main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(2){font-size:var(--fontsize14);color:var(--introcolor);line-height:24px;min-height:48px}
main.page-template-1 .max-width-box article .item ul li .box .right button{cursor:pointer;display:flex;align-items:center;justify-content:center}
main.page-template-1 .max-width-box article .item ul li .box .right video{display:none !important}
.mob-hide{display:none !important}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .title a{font-size:var(--fontsize16)}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .view-count{font-weight:normal}
.pd30{padding-bottom:0 !important}}
.productsDetails-article .details .right .btn-groups .button{background:none}
@media (max-width:680px){header .top-box{height:35px !important}
.nav-box{top:0 i !important}}
@media (max-width:430px){
.shop-car{bottom:55px}}
@media (max-width:464px){main.page-template-1 .max-width-box article .item-products-0 ul li .box .right button{width:100%}}
.rotate180{transform:rotate(180deg);transition:.5s}
header .top-box .nav-box .right nav ul.nav1 i{transition:.5s}
.ie-show{display:none}
@media (min-width:1430px){main.page-template-1 .max-width-box article .item-products-1 ul li .box .left a{width:100%;height:100%}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .left a img{height:100%;width:100%;object-fit:cover}}
.row-1 ul{justify-content:space-between}
.row-1 ul li{width:49%}
.pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:20px}
.pages p{display:inline-block;text-align:left}
.pages p span,.pages p a{margin:0px 5px 10px}
.pages p span{height:46px;display:inline-block;padding:0px 15px;color:#999999;border:1px solid #ECECEC;line-height:46px}
.pages p a{border:1px solid #ECECEC;width:46px;display:inline-block;height:46px;color:var(--fontcolor);line-height:46px;text-align:center}
.pages p .ctxt{background:var(--color);color:#FFFFFF;min-width:46px;padding:0px;text-align:center}
@media (max-width:1920px){header .top-box .nav-box{width:86.3%}}
@media (max-width:1500px){header .top-box .nav-box{width:100%}}
.swiper-index .navigation-style span{display:none}
@media (max-width:700px){main.page-template-1 .max-width-box article .item-products ul .right button span{transform:translateY(0px)}
main.page-template-1 .max-width-box article .item-products ul .right button span i{transform:translateY(-3px)}}
@media (max-width:600px){header .top-box .nav-box .right nav ul.nav1>li{padding:10px 15px;font-size:var(--fontsize16)}
header .top-box .nav-box .right nav ul.nav1>li .nav2 ul li>a{padding:10px 20px 10px 2.667vw}}
@media (max-width:600px){main.page-template-1 .form input{margin-bottom:15px}
main.page-template-1 .form .send-btn{margin-top:25px}}
@media (max-width:500px){main.page-template-1 .form #in-content{height:150px}}
@media (max-width:1200px){
.max-width-box{margin-top:60px}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide{height:auto}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img{height:auto}}
@media (max-width:750px){
.max-width-box{margin-top:38px}}
.breadcrumbs-nav{width:100%;text-align:center;display:flex;align-items:center;justify-content:center}
.max-width-box article{width:100%}
.max-width-box article .item-aboutus{width:100%}
.max-width-box article .item-aboutus .article{width:100%}
@media (max-width:1320px){main.index .news .item ul li:nth-of-type(odd) .box,main.index .news .item ul li:nth-of-type(even) .box{margin-left:0px;margin-right:0px}
main.page-template-1 .max-width-box article{margin-right:0px}}
.singglepic{z-index:1 !important;margin:0px !important}
@media (max-width:1200px){
.singglepic{z-index:1 !important;width:100% !important;margin:0px auto !important;left:0px}}
@media (max-width:800px){
.singglepic img{width:100%}}
@media (max-width:500px){
.productsDetails-article .details .right{padding-top:90%}
.singglepic{height:auto !important}}
.banner2-box{z-index:1}
.seo-key{margin:0px auto;padding:0px}
.seo-key a{text-decoration:underline;text-transform:lowercase}
.seo-key a:hover,.seo-key a:active{color:var(--color)}
.keywords span{display:flex;flex-wrap:wrap;padding-top:10px}
.keywords span a{display:block;background:#EEEEEE;padding:2px 10px;color:#2b2b2b;margin:5px 5px 5px 0px}
.random-pro-list{margin:20px 0px}
.random-pro-list .random-title{font-size:var(--fontsize22);font-weight:var(--fontbold6)}
.random-pro-list ul{display:flex;flex-wrap:wrap}
.random-pro-list ul li{width:25%;display:flex;flex-wrap:wrap}
.random-pro-list ul li a{display:flex;flex-wrap:wrap;width:100%}
.random-pro-list ul li a img{width:100%}
.random-pro-list ul li a .pro-name{display:flex;justify-content:center;width:100%;padding:10px;color:var(--fontcolor)}
.product-type-info{margin:0px 18px 15px 8px;padding:10px;background:#FFFFFF;box-shadow:0 0 10px #EEEEEE}
.share-btn-list{margin:20px 0px}
@media (max-width:480px){main.index section.about-us .block-box .content{width:100% !important}
main.index section.about-us .block-box .content .button-box{display:flex;justify-content:center}
main.index section.about-us .block-box .content .top h2{font-size:var(--fontsize16)}}
@media (max-width:680px){
.index-swiper{margin-top:50px}
main.index{margin-top:calc( 36vw + 50px) !important}}
main.page-template-1 .max-width-box article .item ul li .box .left a{display:inherit}
.ie{background:black;min-width:1210px !important}
.ie .top-box{left:50%;transform:translateX(-50%)}
.ie .nav-box{transform:translateX(-50%)}
.ie main.index section.about-us>img{position:relative}
.ie main.index section.about-us .block-box{position:absolute;left:7%;top:18%}
.ie .mb{top:0px}
.ie main.index section.about-us .block-box .content .top p{max-height:none}
.ie .swiper-box{position:relative;left:0px}
.ie .index-swiper{position:absolute;top:0px;left:0px}
.ie header .top-box .info{position:relative;z-index:2}
.ie header .top-box .nav-box .left{flex:1}
.ie header .top-box .nav-box .left a{width:100%}
.ie .swiper-box .fonts button{display:flex;align-items:center;justify-content:center;height:43px;padding:10px 35px}
.ie .swiper-box .fonts button:nth-of-type(1){margin-right:40px}
.ie .swiper-box .fonts .btn-group{display:flex}
.ie .swiper-index .navigation-style span{display:inline;font-size:40px;color:#FFFFFF;transform:scaleY(1.5)}
.ie .copyright .go-top{bottom:10px}
.ie main.index .news{width:92%}
.ie main.index .news .item ul li .box .right p:nth-of-type(1) a{white-space:nowrap}
.ie main.index .news .item ul li .box .right p:nth-of-type(1) a{font-size:var(--fontsize16);display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.ie main.index .news .item ul li .box .right p:nth-of-type(2){height:50px}
.ie .ie main.index section.about-us .block-box .content .top p{max-height:50px}
.ie .banner2-box{position:relative;top:-100px}
.ie .banner2-box .fonts{right:9vw}
.ie .banner2-box .fonts button{height:45px;line-height:24px;padding:10px 35px}
.ie main.page-template-1 .max-width-box article .item-products-0 ul li .box .right button{line-height:43px;display:flex;align-items:center;justify-content:center;margin-top:30px}
.ie main.page-template-1 .max-width-box article .item-products-0 ul li .box .right button span{margin-top:-7px;margin-right:7px}
.ie main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .title a,.ie .item-faq ul li .box .right p:nth-of-type(1) a,.ie main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1) a,.ie main.page-template-1 .max-width-box article .item-products-1 ul li .box .right p:nth-of-type(1) a,.ie .item-project ul li .box .right a{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ie main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(2),.ie .item-faq ul li .box .right p:nth-of-type(2),.ie main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(3),.ie .item-project ul li .box .right p:nth-of-type(2){height:50px}
.ie .item-project ul li .box .right p:nth-of-type(2){text-overflow:hidden;overflow:hidden}
.ie main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1){margin:1.2vw 0px}
.ie main.page-template-1 .max-width-box article .item-products-1 ul li .box .right button{line-height:24px}
.ie main.page-template-1 .max-width-box article .item-products-1 ul li .box .left a{display:block}
.ie main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1){height:83px}
.ie main.page-template-1 .max-width-box{width:86.33%}
.ie .productsDetails-article .details .right{flex:1}
.ie .productsDetails-article .details .right .btn-groups{display:flex}
.ie .productsDetails-article .details .right .btn-groups .button a{width:99%;height:95%}
.ie .ie-show{display:inline-block;font-size:var(--fontsize30);-webkit-transform:scaleY(1.2) translateY(-11px);transform:scaleY(1.2) translateY(-11px);user-select:none}
.ie main.page-template-1 .max-width-box article .item-products-1 ul li .box .right p:nth-of-type(1){height:62px}
.ie main.index section.products .item ul li{height:18.5vw}
.ie main.index section.products .item ul{margin-bottom:45px}
@media (max-width:1800px){
.ie main.index section.products .item ul li{padding-bottom:20px}}
.ie main.page-template-1 .max-width-box article .item-products-0 ul li{height:auto}
.ie main.page-template-1 .max-width-box article .item-products-0 .item-products ul .right button span i{transform:translateY(-14px)}
.ie main.page-template-1 .max-width-box article .item-products-1 .item-products ul .right button span i{transform:translateY(-5px)}
.ie main.page-template-1 .max-width-box article .item-products-0 ul li .box .left{width:auto}
.ie main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .title{line-height:100%}
.ie main.page-template-1 .max-width-box aside{min-width:300px}
.ie main.index .news .item ul li{margin-bottom:2.5%}
.ie .search-box-mob{left:0px}
.ie .tabs{margin-top:0px}
.ie main.page-template-1 .max-width-box article .item-products-0 ul li .box .left{max-width:320px;width:320px}
.ie .header .top-box .nav-box{z-index:1 !important}
.table-wrap .table td{border:1px solid #CCCCCC;padding:5px}
.table-wrap table td img{max-width:50vw}
.qr-code img{height:100px}
.parent{color:#E7E7E8;font-size:50px;font-weight:var(--fontbold6);position:relative}
.sun{font-size:32px;color:var(--color);position:absolute;left:50%;transform:translateX(-50%);bottom:0px}
.go-top{cursor:pointer}
.desc{cursor:pointer}
@media (max-width:785px){
.time{display:flex;align-items:center;justify-content:center}}
.mb-all{width:100%;height:100%;position:fixed;left:0px;top:0px;background:rgba(0,0,0,0.8);z-index:3;display:none}
.no-scroll{overflow:hidden}
.search-box-mob{display:none}
.nav-box{position:relative}
.search-box-mob{max-width:1600px;position:absolute;top:62px;width:100%;padding:15px;background:#c1c1c1;height:70px;display:flex;align-items:center;justify-content:center}
.search-box-mob div{width:100%;margin:15px 0px;max-width:500px}
.search-box-mob div input{background:#FFFFFF;flex:1;height:40px;width:calc(100% - 84px);padding-left:10px;border-radius:0px}
.search-box-mob div button{width:80px;height:40px;margin-left:-3px;background:var(--color);color:#FFFFFF}
.search-box-mob div button:hover{background:#bb0000;cursor:pointer}
.w-100{width:100%;max-width:none;left:0 !important}
.table-wrap{width:100%;overflow-x:auto;overflow-y:hidden;margin-top:20px}
.table-wrap:nth-of-type(1){margin-top:0px}
.table-wrap table{width:100%;min-width:400px;margin:10px 0px}
@media (max-width:680px){
.search-box-mob{top:50px}}
@media screen and (max-width:768px){
.table-wrap table{width:100%!important;min-width:0px}}
main.index section.products .item ul li>div .rule-box{max-height:300px}
.productsDetails .productsTags {clear:both;margin:15px auto;padding:0px}
.productsDetails .productsTags a{color:var(--fontcolor);text-decoration:underline;text-transform:lowercase}
.productsDetails .productsTags a:hover{color:var(--color)}
aside .last-products li img,aside .last-products li img,aside .last-products li img,aside .last-products li img,aside .last-products li img {width:auto;max-height:89px;height:100%}
main.page-template-1 .max-width-box article ul li .box .left img,main.page-template-1 .max-width-box article .item-video ul li .box .left img{width:auto !important;height:100% !important;max-height:225px !important;margin:auto}
.img img {width:auto;height:auto;max-height:380px;max-width:380px}
.big img{transform:scale(1.5)}
.big{background:#FFFFFF}
#categories {margin-top:20px;margin-bottom:20px}
#categories .title-img-box {text-align:center}
.catelist ul {display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:45px}
.catelist ul li {width:49%;height:300px;margin-bottom:25px;position:relative}
.catelist ul li img {width:100%;height:100%;object-fit:cover}
.catelist ul li .cateonebox {width:100%;height:100%;position:absolute;top:0px;left:0px;display:flex;align-items:center;padding:15px 50px}
.catelist ul li .smtab {font-size:var(--fontsize14);color:var(--color);border-radius:20px;padding:2px 8px;text-align:center;border:2px solid var(--color);width:30px;text-transform:capitalize;font-weight:var(--fontbold6);line-height:1.1;margin-bottom:15px}
.catelist ul li .cateonetitle {font-size:var(--fontsize30);line-height:1.3;color:var(--fontcolor);margin-bottom:5px}
.catelist ul li .cateoneword {font-size:var(--fontsize18);line-height:1.5;margin-bottom:25px}
.catelist ul li a {border-radius:24px;padding:16px 30px;line-height:16px;font-size:var(--fontsize16);background:var(--color);display:inline-block;color:#FFFFFF;transition:.3s;text-transform:capitalize}
.catelist ul li a:hover {background:#034f8a}
@media screen and (max-width:960px){
.catelist ul li .cateonebox{padding:10px 25px}
.catelist ul li .cateonetitle{font-size:25px}
.catelist ul li .cateoneword{font-size:var(--fontsize16)}
.catelist ul li a{padding:10px 25px;font-size:var(--fontsize14)}
.catelist ul li{width:100%}}
@media screen and (max-width:560px){
.catelist ul{margin-top:30px}
#categories{margin-bottom:0px}}
.pho-footer ul li a span{text-transform:capitalize}
@media screen and (min-width:768px){
.random-pro-list ul{margin:20px -10px 0px}
.random-pro-list ul li{width:16.6667%;padding:0px 10px;margin-right:0px}
.random-pro-list ul li:nth-child(4n){margin-right:0px}}
main.page-template-1 .max-width-box article .item-video ul li.newsnone {width:100%;height:150px;margin-bottom:20px}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box {display:flex;background:#FFFFFF;height:100%;transition:.3s all ease}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box:hover {box-shadow:0px 5px 15px 0px rgba(4,0,0,.1);transform:translateY(-5px)}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .left {width:128px;border-right:1px solid #EDEDED;display:flex;justify-content:center;flex-direction:column;text-align:center;flex-wrap:wrap;flex:inherit}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .left span:nth-of-type(1){font-size:var(--fontsize30);font-weight:var(--fontbold6);color:var(--fontcolor);display:block;width:100%}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .left span:nth-of-type(2){font-size:var(--fontsize14);display:block}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .right {flex:1;padding:2% 3%}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .right p:nth-of-type(1){font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:50px;margin:0px}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .right p:nth-of-type(1):hover {color:var(--color)}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .right p:nth-of-type(1) a {color:var(--fontcolor);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .right p:nth-of-type(1) a:hover {color:var(--color)}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .right p:nth-of-type(2){font-size:var(--fontsize14);color:var(--introcolor);line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media screen and (max-width:1200px){main.page-template-1 .max-width-box article .item-video ul li.newsnone .box{flex-direction:inherit}}
@media screen and (max-width:680px){main.page-template-1 .max-width-box article .item-video ul li.newsnone{height:100px}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .right p:nth-of-type(1) a{font-size:var(--fontsize16);line-height:1.5;padding:5px 0px}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .left{width:100px}}
.productsDetails-article .details .right p.product-content-price{margin:10px 0px 0px}
.addToCart{cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--color);color:#FFFFFF;border:1px solid var(--color)}
.addToCart span{background:url(https://css02.v15cdn.com/m406/addtocart.webp) no-repeat right center;padding-right:26px;background-size:20px}
@media (max-width:1200px){
main.page-template-1 .max-width-box article .item ul p:nth-of-type(2).product-price{display:block}}
@media (max-width:750px){
main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(2).product-price{min-height:0}}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p.product-price{line-height:1;margin-bottom:10px}
@media(max-width:1024px){
header .top-box .nav-box .right nav{height:auto;bottom:0px}}
@media(max-width:768px){iframe,video{max-width:100%;min-height:240px;height:auto}}
@media(max-width:750px){
header{z-index:999}
.pho-footer{display:block;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.pho-footer ul{display:flex;height:55px}}
#jljw_IM_GdImBox{z-index:900!important}
@media (max-width:768px){
.compare-panel{bottom:calc(13.067vw + constant(safe-area-inset-bottom))!important;bottom:calc(13.067vw + env(safe-area-inset-bottom))!important}
.copyright{display:block;margin-bottom:calc(55px + constant(safe-area-inset-bottom));margin-bottom:calc(55px + env(safe-area-inset-bottom))}}
.app{font-size:var(--fontsize16)}
.app p{font-size:1em;line-height:2em}
.app h4{font-size:1.5em;margin-bottom:1em}
.app h5{font-size:1em;margin:1em 0}
.app .app-list{display:flex}
.app .app-list .list-item{flex:1}
.app .app-list .list-item h4{margin-bottom:1em}
.app .app-list li{padding:10px 0px 10px 35px;background:url(https://css02.v15cdn.com/m406/about_li.webp) no-repeat;background-position:2px}
.app{font-size:var(--fontsize16)}
.app .app-box{display:flex}
.app .box-l{flex:3.5}
.app .box-l img{width:100%}
.app .box-r{flex:6.5}
.app .box-r{padding-left:40px}
.support .support-item{display:flex}
.support .support-item>div{flex:1;margin-bottom:60px}
.support .item-r{flex-direction:row-reverse}
.support .item-l .item-con{padding-right:66px}
.support .item-r .item-con{padding-left:66px}
.support .item-con{margin-top:10px}
.support .item-con p{margin-top:.5em}
.support .item-con h4{font-size:var(--fontsize22);margin-bottom:10px;position:relative}
.support .item-con h4::after{content:'';display:block;position:absolute;top:100%;left:0px;height:2px;width:50px;background-color:var(--color)}
.solution .icon-list{display:flex;position:relative}
.solution .icon-list>div{flex:1}
.solution .icon{width:90px;height:90px;display:flex;justify-content:center;align-items:center}
.solution .sol-icon{display:flex;flex-direction:column;background-color:#FFFFFF;align-items:center;position:relative;margin:0px 6%}
.solution .sol-icon:after{content:'01';font-size:90px;font-weight:var(--fontbold6);position:absolute;top:-8px;left:50%;color:#888888;opacity:.1;transform:translateX(-50%)}
.solution .sol-icon:before{content:'';position:absolute;top:50%;left:100%;width:100%;height:30px;background:url(https://css02.v15cdn.com/m406/sol_line.webp) no-repeat;transform:translateY(-50%)}
.solution .sol-icon:nth-child(2):after{content:'02'}
.solution .sol-icon:nth-child(3):after{content:'03'}
.solution .sol-icon:nth-child(4):after{content:'04'}
.solution .sol-icon:nth-child(4):before{display:none}
.solution h4{font-size:var(--fontsize22)}
.solution .sol-tab .tab-list{display:flex;justify-content:center}
.solution .sol-tab .tab-title{padding:10px 20px;background-color:#EAEEEE;color:var(--introcolor);cursor:pointer;margin-right:20px}
.solution .sol-tab .tab-title:hover{background-color:#b0acac;color:#FFFFFF}
.solution .sol-tab .tab-title.is-active{background-color:#b0acac;color:#FFFFFF}
.solution .sol-tab .tab-title:nth-last-child(1){margin-right:0px}
.solution .sol-tab .tab-content .content-item{display:none}
.solution .tab-content{margin-top:40px}
.solution .sol-box{display:flex;margin-bottom:40px}
.solution .sol-box>div{width:50%;-ms-flex:auto;flex:auto;padding:0px}
.solution .sol-box>div img{display:block;width:100%;height:auto}
.solution .sol-box .box-icon{width:80px;height:80px;border-radius:50%;background-color:#b0acac;display:flex;justify-content:center;align-items:center}
.solution .sol-box .box-icon>img{width:40px;height:auto}
.solution .sol-box .con{background-color:#F3F3F3;padding:3%}
.solution .sol-box .con-top{display:flex;margin-bottom:20px}
.solution .sol-box .con-top p{margin-left:20px;margin-top:10px;font-size:var(--fontsize22);line-height:1.3em}
.applic-list ul{display:flex;flex-wrap:wrap;margin:0px -10px}
.applic-list ul li{width:33.3333%;margin-bottom:20px;padding:0px 10px}
.applic-list .applic-name{padding:10px 0px;display:block;text-align:center;color:var(--fontcolor);font-weight:var(--fontbold6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.applic-list .applic-img img{display:block;width:100%;height:auto}
.support-item-img{margin-bottom:20px}
.support-item-img img{width:100%;height:auto}
.ck-add .cp .cp-img img{width:100%;height:auto}
.ck-add .cp{display:flex}
.ck-add .cp>div{width:50%}
.ck-add .cp-con{padding-left:40px;display:flex;flex-direction:column;justify-content:center}
.ck-add .cp-con h4{font-size:var(--fontsize22);line-height:1.2em;margin-top:15px}
.ck-add .ps-img img{width:100%;height:auto}
.ck-add .ti{display:flex;flex-wrap:wrap;align-items:center}
.ck-add .ti .ti-tit{white-space:nowrap;font-size:var(--fontsize22);font-weight:var(--fontbold6);color:var(--fontcolor);padding:20px}
.ck-add .ti .ti-con{flex:1}
.ck-add .ti .ti-img{width:100%;margin:10px 0px}
.ck-add .ti .ti-img img{width:100%;height:auto}
.ck-add p{margin-bottom:5px;color:var(--fontcolor)}
.ck-add h4{font-size:var(--fontsize22);color:var(--fontcolor);margin-top:20px}
.ck-add ul{padding-left:20px}
.ck-add ul li{position:relative;color:#6E6E6E;list-style:disc}
.ck-add .ce-list{display:flex}
.ck-add .ce-list>div{flex:1}
.ck-add .ce-list img{width:100%;height:auto}
.ck-add .ce-list{margin:0px -10px}
.ck-add .ce-list .ce-item{padding:0px 10px}
.ck-add .ho .ho-item{display:flex}
.ck-add .ho .ho-item img{display:block;margin:0px auto}
.ck-add .ho .l .ho-left,.ck-add .ho .r .ho-right{flex:4}
.ck-add .ho .l .ho-right,.ck-add .ho .r .ho-left{display:flex;flex-direction:column;justify-content:center;flex:6;padding:0px 20px}
.ck-add .ho .ho-title{font-size:var(--fontsize22);font-weight:var(--fontbold6)}
.ck-add .ca-img img{width:100%;height:auto}
.ck-add .ca-img{margin-bottom:20px}
.ck-add .rd .rd-img-list{display:flex}
.ck-add .rd .rd-img{padding:0px 10px;margin-bottom:20px}
.ck-add .rf .rf-con img{float:left;margin-right:30px}
.ck-add .cm-img img{width:100%;height:auto}
.ck-add .cm-img{margin-bottom:20px}
.ck-add .cv img{float:right}
.ck-add .ch-item{display:flex}
.ck-add .ch-item>div{width:50%}
.ck-add .ch-item.r{flex-direction:row-reverse}
.ck-add .ch-con{display:flex;padding:20px;flex-direction:column;justify-content:center}
.ck-add .pe .pe-con .pe-img{float:right}
.ck-add .pe ul li{list-style:none}
.ck-add .pe ul{padding-left:0px}
.support .item-con h4{color:var(--fontcolor)}
@media screen and (max-width:768px){
.support .support-item{flex-direction:column}
.support .item-l .item-con{padding-right:0px}
.support .item-r .item-con{padding-left:0px}
.applic-list ul li{width:50%}
.applic-list .applic-name{font-size:var(--fontsize14)}
.ck-add .cp{flex-direction:column}
.ck-add .cp>div{width:100%}
.ck-add .ce-list{flex-wrap:wrap}
.ck-add .ce-list>div{width:100%;flex:none}
.ck-add .cp-con{padding-left:0px;margin-top:20px}
.ck-add .ho .ho-con{margin-top:0px}
.ck-add .ho .ho-item{display:block}
.ck-add .ho .ho-title{margin:10px 0px}
.ck-add .rd .rd-img-list{flex-direction:column}
.ck-add .rd .rd-img{padding:0px}
.ck-add .ch-item.l,.ck-add .ch-item.r{flex-direction:column}
.ck-add .ch-item>div{width:100%}}
@media screen and (max-width:768px){
.app,.case,.solution,.support{padding:0px}
.applic-list{padding:6vw 0}
.app .app-box,.app .app-list{flex-direction:column}
.app .box-l{margin-bottom:1em}
.app .box-r{padding-left:0px}
.app .list-item{margin-bottom:1em}
.how-to-use ul>li{width:100%}
.case ul>li{width:50%;padding:0 2vw}
.case ul{margin:0px -2vw}}
@media screen and (max-width:1500px){
.solution .tab-content{margin-top:10px}
.solution .sol-box{flex-direction:column}
.solution .sol-box>div{width:100%}
.solution .icon-list{flex-wrap:wrap}
.solution .icon-list>div{flex:auto}
.solution .sol-icon{width:50%;margin:0px;margin-bottom:4vw}
.solution .sol-icon:before{display:none}
.solution .sol-tab .tab-list{flex-wrap:wrap}
.solution .sol-tab .tab-title{width:100%;margin-right:0px;margin-bottom:10px}
.solution .sol-box .box-icon{width:65px;height:65px}
.solution .sol-box .con-top p{margin-top:0px;margin-left:16px}}
@media screen and (max-width:1000px){
.support .support-item{flex-direction:column}
.support .support-item img{width:100%}
.support .item-l .item-con{padding-right:0px}
.support .item-r .item-con{padding-left:0px}
.support .support-item>div{margin-bottom:8vw}
.support .item-con h4{font-size:var(--fontsize20)}}
@media screen and (max-width:768px){
header nav ul.nav1>li:not(#liproducts) .submenu{flex:1}
header .nav-box .right nav .submenu li{padding:6px 10px}
.ck-add .dh-con h4{text-align:left}
.item-aboutus .article p,.item-faqdetails .article p{line-height:1.7em}
.ck-add .ch-con,.ck-add .ti .ti-tit{padding:10px 0px}
.ck-add .ce-list>div{width:50%}}
header nav ul.nav1>li:not(#liproducts) .submenu{display:none}
@media (max-width:1024px){header .top-box .nav-box .right nav{bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}}
.addToCart{background:transparent;color:var(--fontcolor)}
.addToCart.is-active{background:var(--color)}
.addToCart.is-active span{color:#FFFFFF}
.wmkc-add h5{margin-bottom:10px;color:var(--fontcolor);font-size:var(--fontsize22)}
.wmkc-add-size p{margin-bottom:10px;color:var(--fontcolor)}
.wmkc-add-p{display:flex}
.wmkc-add-right{margin-bottom:10px;color:var(--fontcolor)}
.wmkc-add-img{max-width:100%;margin-bottom:50px}
.wmkc-add-aa p{margin-bottom:10px;color:var(--fontcolor)}
.wmkc-addfooter-box{display:flex;margin-top:25px}
.wmkc-add-l{margin-right:10px;width:35.6%;display:flex;flex-direction:column;justify-content:space-between}
.wmkc-add-r{flex:1}
.wmkc-add-left{margin-right:50px}
.wmkc-aff h4{margin-bottom:20px;font-size:var(--fontsize22);color:var(--fontcolor);text-align:center}
.wmkc-aff-sear{margin-bottom:40px;color:var(--fontcolor);text-align:center;font-size:var(--fontsize14)}
.wmkc-aff-computing{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.wmkc-aff-box{margin-bottom:20px;width:32%;background-color:#F6F6F7;justify-content:space-between;align-items:center}
.wmkc-aff-img{margin-top:50px;margin-bottom:20px;text-align:center}
.wmkc-aff-img img{width:32px}
.wmkc-aff-p{color:var(--fontcolor);font-size:var(--fontsize20);font-weight:var(--fontbold6);text-align:center}
.wmkc-aff-box p{margin-bottom:60px;padding:0 30px;color:var(--fontcolor);text-align:center;font-size:var(--fontsize14);line-height:1.8}
.wmkc-aff-box:hover{box-shadow:#e3e3e4 10px 10px 20px 5px}
.wmks-agg-first{display:flex;margin-bottom:40px}
.wmks-agg-p{margin-left:50px;width:60%}
.wmkc-agg-lazy{flex:1}
.wmks-agg-p h5{margin-top:10px;color:var(--fontcolor);font-size:var(--fontsize20)}
.wmks-agg-p p{color:var(--fontcolor);font-size:var(--fontsize14);line-height:1.8}
.wmks-agg-s h5{margin-top:10px;color:var(--fontcolor);font-size:var(--fontsize20)}
.wmks-office-agg .wmks-agg-s p{margin-bottom:35px;color:var(--fontcolor);font-size:var(--fontsize14);line-height:1.8}
.wmks-agg-img{display:flex;overflow:hidden;justify-content:center;align-items:center;justify-content:space-between}
.wmks-agg-img img{width:100%}
.wmks-agg-di{width:33%}
.wmkc-agg-lazy img{width:100%}
.wmks-ahh-p{margin-right:50px}
.wmks-ahh-all{display:flex;margin-bottom:40px;margin-left:50px;justify-content:space-between}
.wmks-ahh-p h5{color:var(--fontcolor);font-size:var(--fontsize22)}
.wmks-ahh-p p{margin-bottom:10px;color:var(--fontcolor);font-size:var(--fontsize14)}
.wmks-ahh-all img{width:100%}
.wmks-ahh-p{margin-right:30px;width:50%}
.wmks-ahh-q{margin-right:30px;width:50%}
.wmks-aee-boy span{display:block;margin-bottom:25px;color:var(--fontcolor);font-weight:var(--fontbold6);font-size:var(--fontsize22)}
.wmks-aee-boy p{color:var(--fontcolor);font-size:var(--fontsize14)}
.wmks-aee-img{margin:20px 0px;max-width:100%}
.wmks-ahh-w{margin-right:50px}
.wmks-aee-box{display:flex}
.wmks-aee-ssie{margin-left:40px;width:68%}
.wmks-aee-ssie p{margin-bottom:10px;color:var(--fontcolor);font-size:var(--fontsize14);line-height:1.8}
.wmks-aee-ui{flex:1}
.wmks-aee-ui img{width:100%}
.wmks-aee-bos{display:flex;margin-top:40px}
.wmks-aee-boo{margin-right:70px;width:68%}
.wmks-aee-boo p{margin-bottom:10px;color:var(--fontcolor);font-size:var(--fontsize14);line-height:1.8}
.wmks-aee-iu{flex:1}
.wmks-aee-iu img{width:100%}
.wmks-aee-bgg{margin-bottom:30px;color:var(--fontcolor);font-size:var(--fontsize14);line-height:1.8}
.wmks-aee-bt p{margin-top:15px;font-size:var(--fontsize20);font-weight:var(--fontbold6)}
.wmks-aee-chile{display:flex;justify-content:space-between}
.wmks-aee-foot{width:48%}
.wmks-aee-l{height:8px;background-color:#E2E2E2;width:100%}
.wmks-aee-k{height:8px;background-color:#000000;width:95%}
.wmks-aee-chile{margin-bottom:-17px}
.wmks-aee-chile p:nth-child(2){margin-right:5%}
.wmks-aee-footer{display:flex;justify-content:space-between;flex-wrap:wrap}
@media (max-width:320px){
.wmkc-add-p,.wmkc-addfooter-box,.wmks-aee-bos,.wmks-aee-box,.wmks-ahh-all{flex-direction:column}
.wmks-agg-img img{margin-top:10px}
.wmkc-aff-computing,.wmks-aee-footer{flex-direction:column}
.wmkc-aff-box,.wmks-agg-img img,.wmks-ahh-all img{width:100%}
.wmks-agg-first,.wmks-agg-img{flex-direction:column}
.wmks-aee-ssie,.wmks-agg-p,.wmks-ahh-all{margin-left:0px}
.wmks-agg-di,.wmks-agg-p{width:100%}
.wmks-aee-boo{margin-right:0px}
.wmks-aee-ssie{margin-top:10px}
.wmks-aee-bos{display:flex;margin-top:20px}
.wmkc-add-left{margin-right:0px}
.wmks-aee-foot,.wmks-ahh-p{width:100%}
.wmks-ahh-q{width:100%}
.wmkc-add-l{margin-right:0px;width:100%;flex-direction:column}
.wmkc-add-l img{margin-bottom:10px}
.wmkc-add-img{margin-bottom:22px}
.wmks-ahh-all:nth-child(1){margin-bottom:-45px}
.wmks-ahh-all:nth-child(4){margin-top:-80px}
.wmks-ahh-q img:nth-child(1){margin-bottom:-20px}
.wmks-ahh-p{margin-top:33px}
.wmks-aee-boo,.wmks-aee-ssie{width:100%}}
@media (min-width:321px) and (max-width:768px){
.wmkc-add-p,.wmkc-addfooter-box,.wmks-aee-bos,.wmks-aee-box,.wmks-agg-first,.wmks-agg-img,.wmks-ahh-all{flex-direction:column}
.banner2-box img{display:none}
.wmkc-aff-box p{font-size:var(--fontsize14);padding:0px}
.wmkc-aff-box{width:48%}
.wmks-aee-ssie,.wmks-agg-p,.wmks-ahh-all{margin-left:0px}
.wmks-agg-di,.wmks-agg-p{width:100%}
.wmks-agg-img img{margin-top:10px;width:100%}
.wmks-ahh-all img{width:100%}
.wmks-aee-boo{margin-right:0px}
.wmks-aee-ssie{margin-top:10px}
.wmkc-add-left{margin-right:0px}
.wmks-ahh-p,.wmks-ahh-q{width:100%}
.wmks-ahh-p span{margin-top:5px}
.wmks-ahh-all{margin-bottom:15px}
.wmkc-add-l{margin-right:0px;width:100%;flex-direction:column}
.wmkc-add-l img{margin-bottom:10px}
.wmks-aee-boo,.wmks-aee-ssie{width:100%}}
@media (min-width:769px) and (max-width:1024px){
.banner2-box img{display:none}
.wmks-agg-img img{margin-top:10px;width:100%}
.wmks-ahh-p span{margin-top:0px}
.wmks-aee-boo,.wmks-aee-ssie{width:56%}}
.repro .container {width:86.33333%;max-width:1600px;margin:0px auto}
.repro .sun {white-space:nowrap}
.repro-box {margin-top:30px}
.flex-ai-c {display:flex;flex-wrap:wrap;align-items:center}
.repro {padding-bottom:40px;overflow:hidden;width:100%}
.repro-swiper {width:calc(100% - 140px);padding:20px 0px}
.repro-box-next,.repro-box-prev {width:40px;height:40px;background-color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-weight:var(--fontbold6);transition:background .2s;color:var(--introcolor);cursor:pointer}
.repro-box-next:hover,.repro-box-prev:hover {background-color:var(--color);color:#FFFFFF}
.repro-boxlist li {background-color:#EEEEEE;padding:10px;height:auto;transition:box-shadow .2s;width:25%}
.repro-item-img {overflow:hidden;background-color:#FFFFFF}
.repro-item-cont {padding:10px}
.repro-name {text-transform:capitalize;font-size:var(--fontsize16);color:var(--fontcolor);height:44px;line-height:22px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}
.repro-more {display:block;border-top:1px solid #DADADB;color:var(--introcolor);margin-top:8px;padding-top:12px;text-transform:capitalize}
.repro-boxlist li:hover .repro-more {color:var(--color)}
.swiper-button-disabled {opacity:.4;cursor:auto;pointer-events:none}
.repro-swiper .repro-boxlist{flex-wrap:nowrap;flex-direction:initial}
@media (max-width:1210px){
.repro .container{width:auto;margin:0px 4vw}}
@media (max-width:1024px){
.repro-box-next, .repro-box-prev{display:none}
.repro-swiper{width:100%}
.repro-box .swiper-pagination {position:static;margin-top:10px}
.repro-box .swiper-pagination-bullet-active{background:#000000}
.repro-boxlist li{margin-top:0!Important}
.repro .title{text-align:center}}
@media (max-width:680px){
.repro .sun {white-space:initial}
.repro{padding-top:50px}
.parent{font-size:36px;line-height:1.1;display:flex;justify-content:center}
.sun{font-size:25px}
.repro-box{margin-top:15px}}
.home-tit {text-align:center;font-weight:var(--fontbold6);font-size:32px;color:#3F3F3F;line-height:1.2}
@media (max-width:680px){
.home-tit{font-size:25px}
.repro-swiper{padding-top:5px}}
.ck-add .cm-img img{width:auto}
#tags{display:flex;flex-wrap:wrap}
#tagContent {padding-top:20px}
#tags li {margin:0px 30px 10px 0px;width:auto;height:auto}
#tags li a {text-decoration:none;display:block;line-height:1.4;padding-bottom:8px;color:var(--fontcolor);font-size:var(--fontsize20);border-bottom:2px solid transparent}
ul#tags li.selectTag a{color:var(--color);border-color:var(--color)}
.tagContent{display:none}
#tagContent div.selectTag{display:block}
@media (max-width:640px){#tags li a{font-size:var(--fontsize17)}
#tags li{margin-right:20px}}
@media(min-width:1025px){header .top-box .nav-box .right nav ul.nav1 i{display:none}}
@media(min-width:1101px) and (max-width:1280px){
header .top-box .nav-box .right ul.nav1>li a{padding:0px 12px}}
@media(min-width:1025px) and (max-width:1100px){
header .top-box .nav-box .right ul.nav1>li a{padding:0px 8px}}
.qr-code img{height:auto;max-width:120px;max-height:120px}
.index-swiper img{height:auto}
@media(min-width:1201px){
main.page-template-1 .max-width-box article.productsDetails-article{max-width:calc(100% - 308px)}}
@media(max-width:480px){
main.index section.about-us .block-box{display:block}
main.index section.about-us .block-box .pic{width:100%;max-width:100%}
main.index section.about-us{height:auto}
main.index section.about-us .block-box .content .top h2{margin-bottom:10px}
main.index section.about-us .block-box .content .top p{display:block;font-size:var(--fontsize16)}}
@media(max-width:1024px){
.mobcate-main{flex-wrap:wrap}
main.page-template-1 .max-width-box.mobcate-main aside{display:block;width:100%;max-width:100%}
.mobcate-main aside .last-products,.mobcate-main aside .contact-us{display:none}
.mobcate-main aside>ul:first-of-type{position:relative}
.mobcate-main aside .has-children2{position:absolute;top:100%;left:0px;right:0px;padding:0px 10px;z-index:20;display:none;background-color:#FFFFFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
.mobcate-main aside>ul:first-of-type>li:first-of-type{text-align:left;color:var(--fontcolor);margin:0px 10px 0px 0px;cursor:pointer;background:url(https://img01.v15cdn.com/cate-btn.webp) right center/24px no-repeat}}
@media (max-width:1200px){
main.page-template-1 .max-width-box article .productsDetails ul{display:block}
main.page-template-1 .max-width-box article .productsDetails ul li{width:auto;margin-bottom:0px}}
@media (max-width:650px){main.page-template-1 .max-width-box article .productsDetails ul li{height:auto}}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:var(--fontbold6)}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px;display:block !important}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.prohome-content{clear:both;margin:0px auto 20px;padding:10px;max-width:1600px;width:100%;line-height:1.6}
.prolist-content{clear:both;margin:0px auto 15px;line-height:1.6}
.prolist-bottom{clear:both;margin:0px auto 20px;padding:10px 30px;max-width:1600px;width:100%;line-height:1.6}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
@media(max-width:1600px){.prohome-content,.prolist-bottom{padding:0px 15px}}
@media(max-width:768px){.prohome-content{clear:both;line-height:1.6;font-size:var(--fontsize16)}
.prolist-bottom{clear:both;line-height:1.6;font-size:var(--fontsize16)}
.prolist-content{clear:both;margin:0px auto 15px;padding:0px 10px;line-height:1.6;font-size:var(--fontsize16)}}
.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:var(--fontbold7);margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
div.blogcontent{clear:both;margin:0px auto 40px;padding:0px}
div.blogcontent h2{margin:20px 0px 0px 0px;font-size:24px;line-height:1.3}
div.blogcontent h3{margin:20px 0px 0px 0px;font-size:22px;line-height:1.3}
div.blogcontent h4{margin:20px 0px 0px 0px;font-size:20px;line-height:1.3}
div.blogcontent h5{margin:20px 0px 0px 0px;font-size:18px;line-height:1.3}
div.blogcontent img{margin:0px 0px 10px 0px;padding:0px;max-width:49%;margin-right:1%;border:solid 1px #EEEEEE;vertical-align:top}
div.blogcontent p{margin:0px 0px 10px 0px;padding:0px;line-height:1.6}
div.blogcontent p a{color:var(--color)}
div.blogcontent p a:hover{text-decoration:underline}
div.blogcontent ul{margin:0px;padding:5px 0px 0px 20px}
div.blogcontent ul li{margin:0px 0px 5px 0px;list-style-type:disc}
.productsDetails-article .details video{max-width:380px;height:380px;width:100%}
@media(max-width:650px){
.swiper-box-products-details .swiper-button-prev,.swiper-box-products-details .swiper-button-next{display:none}}
main.page-template-1 .max-width-box article .item-video ul li .box .left img{width:100%;height:100%;object-fit:cover}
.lang{width:auto;position:relative;z-index:9999;text-align:left;margin-right:15px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:var(--fontsize14);user-select:none;white-space:nowrap}
.lang-icon>img{margin-right:5px;margin-top:3px}
.lang-icon span{position:relative;padding-right:18px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:var(--headercolor);transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:var(--headercolor);transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(25%)}
.lang-drop.lang-flex .lang-arrow{left:75%}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{color:var(--fontcolor);display:block;font-size:var(--fontsize12);text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1024px){
.lang{margin-left:auto;transition:all .2s linear;display:flex;align-items:center;margin-right:15px}
.lang-icon span{display:none}
.lang-icon>img{width:36px;height:24px;margin-top:0px}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:54px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:72%}
.lang-drop{display:none}
.lang-drop.active{display:block}}
@media(max-width:1024px){
.pho-footer ul li .go-top{background:var(--color);color:#FFFFFF}}
@media(min-width:1214px){
.img{display:flex !important}}
.mediaplay{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:99;width:50px!important;height:50px!important;cursor:pointer;display:none}
@media(max-width:768px){.mediaplay{top:50%}}
#media{width:100%;height:100%;background:#EEEEEE;object-fit:contain;z-index:99;position:relative}
#filterlist .sidebar-item .title{font-size:var(--fontsize20);color:#FFFFFF;padding-left:10px;line-height:50px;background:#222222}
#filterlist .filterlist-ul li{display:flex;align-items:center;margin:10px 0px 20px;line-height:1;cursor:pointer;user-select:none}
#filterlist .filterlist-ul li:nth-child(n+21){display:none}
#filterlist .filterlist-ul li.act{color:var(--color)}
#filterlist .filterlist-ul li.act .input::after{transform:translate(-50%,-50%) scale(1)}
#filterlist .filterlist-ul li .input{width:16px;height:16px;margin-right:10px;border:1px solid #666666;position:relative}
#filterlist .filterlist-ul li .input::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:9px;height:9px;background:var(--color);transition:all .1s linear}
#filterlist .filterlist-ul li span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
#filterlist .viewmore-filter{color:var(--color);text-transform:uppercase;cursor:pointer}
#filterlist .viewmore-filter:hover{text-decoration:underline}
.pagesbanner{position:relative;z-index:1;height:100%}
.pagesbanner>a{z-index:1;position:relative;display:block}
.pagesbanner video,.pagesbanner img{width:100%;height:auto;object-fit:cover;min-height:160px}
.pagesbanner .pagesbanner-animate{width:100%;padding:0px 20px;z-index:1;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);color:#FFFFFF;text-align:center;margin-top:20px;opacity:0;animation:pagesbanner 1s .5s forwards}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize30);font-weight:var(--fontbold5);line-height:1.2}
.pagesbanner .pagesbanner-animate .p2{margin-top:20px;font-size:var(--fontsize18);font-weight:var(--fontbold4)}
@keyframes pagesbanner{0%{margin-top:20px;opacity:0}100%{margin-top:0px;opacity:1}}
@media (max-width:1024px){
.pagesbanner .pagesbanner-animate{top:50%}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize26)}
.pagesbanner .pagesbanner-animate .p2{margin-top:10px;font-size:var(--fontsize16)}}
@media (max-width:768px){
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize20)}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize14)}}
.nobanner .tabs{margin-top:10vw}
.nobanner .banner2-box{height:auto;min-height:inherit}
main.page-template-1 .max-width-box aside ul.nav1.contact-us li:nth-of-type(1),
main.page-template-1 .max-width-box aside ul.nav1 li.active-bg-black,
aside.nav2-template>ul>li:nth-of-type(1){height:50px;display:flex;align-items:center}
header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100px;background-image:linear-gradient(#888888, 40%,#FAFAFA)}
@media(max-width:768px){header::before{display:none}}
.blogflex-info{display:flex;align-items:flex-start;margin-bottom:20px}
.blogflex-info .img{width:55px;height:55px;border-radius:50%;border:1px solid #EEEEEE;overflow:hidden}
.blogflex-info .img img{width:100%;height:100%;object-fit:cover}
.blogflex-info .info{flex:1;padding-left:10px}
.blogflex-info .info-name{font-size:18px;font-weight:700}
.blogflex-info .info-content{line-height:1.4;color:#555555;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden}
.email-subscription{display:flex;flex-direction:column;width:100%;margin-bottom:20px}
.email-subscription input{width:100%;outline:0;border:1px solid #CCCCCC;height:40px;border-radius:0;padding:0 10px;transition:all .1s linear;box-sizing:border-box}
.email-subscription button{margin-top:10px;width:100%;height:40px;background:var(--color);color:#FFFFFF;border:none;border-radius:0;cursor:pointer;transition:all .1s linear}
.company-intro{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden;line-height:1.6 !important;width:100% !important}