@charset "utf-8";
@import url('../stylesheet/fonts/common.css');
@import url('../stylesheet/fonts/iconfont.css');
@import url("../stylesheet/message.css");
:root{--color:#015cac;--hovercolor:#FFFFFF;--fontcolor:#111111;--headercolor:#111111;--footercolor:#333333;--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;--fontfamily:'Nunito','Lato','Roboto','Open Sans','Poppins',Arial,Helvetica,sans-serif}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p{margin:0px;padding:0px;border:0px}
html{margin:0px;padding:0px;overflow-x:hidden}
body{margin:0px auto;padding:0px;max-width:1920px;font-size:var(--fontsize16);color:var(--fontcolor);line-height:1.6;font-family:var(--fontfamily)}
ul,ol,li{list-style:none}
img{border:none;max-width:100%;height:auto}
table,tr,td{border-collapse:collapse;border-spacing:0;margin:0px;padding:0px}
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}
abbr,acronym{border:0;font-variant:normal}
input,button,textarea,select,optgroup,option{background-color:#FFFFFF;border:none}
code,kbd,samp,tt{font-size:100%}
caption,th{text-align:left}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
.ehn,.otw,.tow{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.object-center,aside .aside-title,aside ul.latest-news .date,aside ul.latest-products li a{display:flex;align-items:center;justify-content:center}
.transition,nav .share-list i:hover,footer .navgation ul li,footer .navgation ul li a,footer .latest-news ul li:hover p:nth-of-type(1),aside ul.latest-news li:hover p>a,aside ul.latest-news div,aside ul.latest-news div:hover,aside ul.latest-news p>a,aside ul.concat-us li,aside ul.concat-us li:hover,aside ul.product-category li i,aside ul.product-category .active--rotate-right,aside ul.latest-products li,aside ul.latest-products li:hover img,aside ul.latest-products li:hover p,aside ul.latest-products li img,aside ul.latest-products li p{transition:all .3s ease}
.container{max-width:1600px;display:flex;justify-content:center;flex-wrap:wrap;padding:10px 15px;box-sizing:border-box;width:100%}
header{background:#FFFFFF;height:90px;display:flex;justify-content:center;z-index:10001;position:relative}
header .top{box-sizing:border-box;padding-top:10px;width:100%;height:100%;display:flex;justify-content:space-between}
header .top .logo{max-height:100%;max-width:100%}
header .top a{display:block}
header .top .search-box{width:300px;height:40px;border:1px solid #E9E9E9;border-radius:25px;display:flex;align-items:center}
header .top .search-box input{height:40px;margin:0px 20px;width:80%;border-radius:0}
header .top .search-box .search-btn{width:50px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.nav-box{border-top:1px solid #E9E9E9;background:white;height:60px;display:flex;justify-content:center;position:relative;z-index:9}
.nav-box .container{height:100%;padding-top:0px;padding-bottom:0px}
nav{width:100%;display:flex;height:100%;justify-content:space-between}
nav>ul{display:flex;height:100%}
nav>ul>li{padding:0px 40px;position:relative;min-width:35px;text-transform:capitalize}
nav>ul>li ul{position:absolute;background:white;border-radius:6px;top:58px;left:0px}
nav>ul>li ul li{height:50px}
nav>ul>li ul li:hover{background:var(--color)}
nav>ul>li ul li:hover:nth-child(1){border-radius:6px 6px 0px 0px}
nav>ul>li ul li:hover:nth-last-child(1){border-radius:0px 0px 6px 6px}
nav>ul>li ul li:hover>a{color:white}
nav>ul>li ul li a{width:100%;height:100%;display:block;white-space:nowrap;display:flex;align-items:center;padding:0px 20px;color:var(--fontcolor)}
nav>ul>li:nth-child(1){padding-left:0px}
nav>ul>li>a{width:100%;height:11px;font-size:var(--fontsize16);font-weight:var(--fontbold6);color:var(--fontcolor);line-height:40px;height:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap}
@media (min-width:1000px){nav>ul>li>a:hover{background:url(../image/menu-hover.webp) no-repeat;background-position:center}}
nav .share-list ul{display:flex;align-items:center;height:100%}
nav .share-list i{color:var(--fontcolor);font-size:var(--fontsize20);margin-right:12px}
nav .share-list i:hover{color:var(--color)}
nav .inmenu_1{background:url(../image/menu-hover.webp) no-repeat;background-position:center}
@media (max-width:1400px){nav>ul>li{padding:0px 15px}}
@media (max-width:1200px){nav>ul>li{padding:0px 9px}}
.mob-search-box{display:none}
.mobile-box{display:none}
.mobile-font{display:none}
@media (max-width:1000px){
header .top{padding:0px;display:flex;align-items:center}
.mob-search-box{display:block;position:absolute;top:0vw;z-index:99}
header .top .search-box{border:none;background:#333333;border-radius:0px}
.mobile-box{display:flex;align-items:center;height:100%}
header .top .search-box{position:absolute;top:-200px;left:0px;width:100vw;display:flex;justify-content:center;padding:10.6666666667vw;box-sizing:border-box;transition:all .3s ease}
header .top .search-box input{margin:0px;height:10.6666666667vw;padding:0px 10px;box-sizing:border-box}
.mobile-search-btn{display:flex;align-items:center;justify-content:center;height:100%}
.mobile-search-btn img{max-height:48px}
header .top a{height:100%;display:flex;align-items:center}
.mobile-font{display:block}
header .top .search-box .search-btn{background:var(--color);height:10.6666666667vw;padding:0 1.3333333333vw}
header .top .search-box .search-btn img{display:none}
.mobile-font{color:white}
.nav-box{display:none}
.mobile-menu-btn{margin-left:4vw;display:flex;position:relative;flex-direction:column;width:30px;height:20px;align-items:flex-end;transition:all .3s ease}
.mobile-menu-btn.animate-click span:first-of-type{top:50%;width:100%;transform:rotate(45deg);transition:all .3s ease}
.mobile-menu-btn.animate-click span:nth-of-type(2){top:50%;left:50%;width:0px;transition:all .3s ease}
.mobile-menu-btn.animate-click span:nth-of-type(3){top:50%;width:100%;transform:rotate(-45deg);transition:all .3s ease}
.mobile-menu-btn span{border-radius:2px;right:0px;position:absolute;display:block;width:2vw;height:.6vw;background-color:#333333;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s}
.mobile-menu-btn span:nth-child(1){top:0px;width:100%}
.mobile-menu-btn span:nth-child(2){top:50%;width:90%}
.mobile-menu-btn span:nth-child(3){top:100%;width:80%}
.nav-box{height:100vh}
.nav-box .container{padding:0px}
nav{display:block}
nav>ul{display:block}
nav>ul>li>a{height:auto;width:100%;display:inline-block;text-align:center;font-weight:normal}
nav>ul>li:nth-child(1){padding-left:10px}
nav>ul>li{height:auto;display:flex;position:relative}
nav>ul>li>i{position:absolute;right:10vw;top:26px;transform:translateY(-50%) rotate(180deg);font-size:var(--fontsize16) !important;transition:all .3s ease;padding:10px;z-index:5}
nav>ul>li ul{position:static;display:none;}
nav>ul>li{display:block;line-height:50px;border-bottom:solid 1px #EEEEEE}
nav>ul>li ul li a{align-items:center;justify-content:center;text-align:center;padding:0px}}
@media (max-width:500px){header .top .logo{height:12vw}}
header .top .search-box.down{top:13.33333vw !important;transition:all .3s ease}
.active-down{transform:rotate(0deg) translateY(-50%);transition:all .3s ease}
@media (min-width:1000px){nav>ul>li i{display:none !important}
nav>ul>li ul{display:none!important;z-index:9}
nav>ul>li:hover ul{display:block!important;}}
@media (max-width:1000px){nav>ul{display:block;overflow-y:scroll;height:calc(100vh - 55px)}
nav{overflow-y:scroll}
.nav-box{position:fixed;top:55px;z-index:8;width:100vw;margin-top:0px}}
footer{background:url(../image/bottom-bg.webp) var(--hovercolor) no-repeat;background-size:100%;display:flex;justify-content:center}
footer .container{display:flex;justify-content:space-between}
footer .f-title{font-size:var(--fontsize24);color:var(--footercolor);line-height:50px;margin-bottom:20px}
footer .concat-us{max-width:292px}
footer .concat-us .info{font-size:var(--fontsize14);color:var(--footercolor)}
footer .concat-us .info a{color:var(--footercolor)}
footer .concat-us .info p{transition:all .3s ease;margin-bottom:5px}
footer .concat-us .info p:hover{transition:all .3s ease;color:var(--color)}
footer .concat-us .share-list ul{display:flex}
footer .concat-us .share-list{margin-top:24px}
footer .concat-us .share-list i{margin:0px 5px 0px 0px;color:var(--footercolor);font-size:var(--fontsize20);transition:all .3s ease}
footer .concat-us .share-list i:hover{transition:all .3s ease;color:var(--color)}
footer .navgation{max-width:200px}
footer .navgation ul{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
footer .navgation ul li{margin-bottom:5px;width:40%}
footer .navgation ul li:hover a{color:var(--color);transition:all .3s ease}
footer .navgation ul li a{transition:all .3s ease;color:var(--footercolor)}
footer .latest-news{width:450px}
footer .latest-news ul{width:100%;display:flex;flex-wrap:wrap}
footer .latest-news ul a{width:100%;display:flex}
footer .latest-news ul li{width:100%;display:flex}
footer .latest-news ul li:hover p:nth-of-type(1){color:var(--color)}
footer .latest-news .left img{margin-right:5px;max-width:120px;max-height:90px;border-radius:4px}
footer .latest-news .right p:nth-of-type(1){font-size:var(--fontsize16);display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#444444}
footer .latest-news .right p:nth-of-type(2){font-size:var(--fontsize14);color:#B7B7B7;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
footer .latest-news .right p.date{font-size:var(--fontsize14);color:var(--introcolor);line-height:20px}
footer .copyright{margin:20px auto 0px;padding:10px 0px 0px 0px;width:100%;color:var(--footercolor);border-top:1px solid #CCCCCC2C;display:flex;align-items:center;justify-content:center}
footer .copyright a{color:var(--fontcolor);margin-left:10px}
@media (max-width:1000px){
footer{background:url(../image/phone-footer-bg.webp) no-repeat;background-size:cover}
footer .navgation{display:none}
footer .container{flex-wrap:wrap;z-index:3}
footer .container>*{width:100%;max-width:100%}}
.pho-footer{display:none;width:100%;height:55px;bottom:0px;position:fixed;z-index:500;background:#FCFCFCFB;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
.pho-footer ul{display:flex;height:13.067vw}
.pho-footer ul li{width:25%;position:relative}
.pho-footer ul li a{display:flex;flex-direction:column;justify-content:center;color:#333333;height:100%}
.pho-footer ul li a>*{text-align:center;display:block;width:100%}
.pho-footer ul li a i,.pho-footer ul li a em{font-size:var(--fontsize20)}
.pho-footer ul li a span{font-size:var(--fontsize14)}
@media (max-width:1000px){.pho-footer{height:auto;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.shop-car{bottom:13.067vw}
.pho-footer.pho-footer-show{display:block}
.pho-footer ul li a i,.pho-footer ul li a em{font-size:var(--fontsize20)}
.copyright{margin-bottom:calc(55px + constant(safe-area-inset-bottom));margin-bottom:calc(55px + env(safe-area-inset-bottom))}
.pho-footer ul li a span{font-size:var(--fontsize12);text-transform:capitalize}
header{position:fixed;width:100vw;height:55px;top:0px;border-bottom:solid 1px #EEEEEE}
header .container{padding:5px 15px}
header .top{position:static !important}
footer .latest-news{border-top:1px solid #F6F6F6}
.go-top{width:40px;height:40px;right:20px;bottom:175px}}
.go-top{position:fixed;right:40px;bottom:111px;width:40px;height:40px;display:flex;align-self:center;justify-content:center;background:#FFFFFF;border-radius:50%;box-shadow:0px 2px 12px 0 rgba(0,0,0,0.1);z-index:10;cursor:pointer}
.go-top i{display:flex;align-self:center;justify-content:center}
section.banner-template{width:100%}
section.banner-template img{width:100%}
.bread-crumbs-template{display:flex;justify-content:center;height:45px}
.bread-crumbs-template .container{display:flex;align-items:center;justify-content:center;color:var(--color);font-size:var(--fontsize14)}
.bread-crumbs-template .container a{margin:0px 5px;text-transform:capitalize;font-size:var(--fontsize14);color:var(--color)}
.bread-crumbs-template .container i{color:var(--color)}
@media (max-width:1000px){.bread-crumbs-template{margin-top:15.33333333vw;border-top:1px solid #F6F6F6}
.bread-crumbs-template.whitebg-top::before{display:none}
section.banner-template{display:none}}
@media (max-width:769px){.bread-crumbs-template .container a{font-size:var(--fontsize12)}
.product-main .product-container .product-main .product-detail .product-top .product-left{width:100% !important}}
.hvr-bounce-to-right-y{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}
.hvr-bounce-to-right-y:before{content:"";position:absolute;z-index:-1;top:0px;left:0px;right:0px;bottom:0px;background:var(--color);border-radius:3px 8px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-bounce-to-right-y:active,.hvr-bounce-to-right-y:focus,.hvr-bounce-to-right-y:hover{color:#FFFFFF}
.hvr-bounce-to-right-y:active:before,.hvr-bounce-to-right-y:focus:before,.hvr-bounce-to-right-y:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);border-radius:3px 8px;-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66)}
aside{max-width:340px;width:22%}
aside .aside-title{height:50px;border-radius:6px 6px 0 0;font-size:var(--fontsize22);color:#FFFFFF;background:var(--color) repeat-x bottom;position:relative}
aside .aside-title:before{background-image:radial-gradient(circle at 6px,at -3px,transparent 7.2px,#fff 8.2px);background-image:radial-gradient(circle at 6px -3px,transparent 7.2px,#fff 8.2px);background-size:12px 12px;height:7.2px}
aside .aside-title:after,aside .aside-title:before{background-repeat:repeat;bottom:0;content:"";left:0;position:absolute;right:0}
aside .aside-title:after{background-image:radial-gradient(circle at 6px,at 9px,#fff 0,transparent 8.2px);background-image:radial-gradient(circle at 6px 9px,#fff 7.2px,transparent 8.2px)}
aside ul{background:white;margin-bottom:30px;padding:15px;box-sizing:border-box}
aside ul.latest-news{width:100%}
aside ul.latest-news li{width:100%;margin-bottom:20px}
aside ul.latest-news li:hover p>a{color:var(--color)}
aside ul.latest-news div{width:100%;max-height:240px;position:relative}
aside ul.latest-news a{display:flex;align-items:center;justify-content:center;width:100%}
aside ul.latest-news img{border-radius:6px 10px 6px 10px;max-width:100%;width:auto;height:auto;max-height:240px}
aside ul.latest-news .date{position:absolute;bottom:0px;right:0px;width:110px;font-size:var(--fontsize12);color:#FFFFFF;padding:6px 0px;background:var(--color);border-radius:6px 0px 6px 0px}
aside ul.latest-news .date i{margin-right:10px}
aside ul.latest-news p>a{width:100%;display:block;font-size:var(--fontsize16);color:#444444;line-height:24px;margin-top:20px;margin-bottom:11px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}
aside ul.latest-news p:nth-of-type(2){font-size:var(--fontsize14);color:#777777;line-height:24px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
aside ul.concat-us li{display:flex;align-items:flex-start;line-height:24px;margin-bottom:5px}
aside ul.concat-us li:hover{color:var(--color)}
aside ul.concat-us li img{width:16px !important;height:16px;margin-right:5px}
aside ul.product-category{padding:0px 20px}
aside ul.product-category ul{padding:0px;margin-bottom:0px}
aside ul.product-category ul li{box-sizing:border-box;padding:0px 20px}
aside ul.product-category li{border-top:1px solid #F6F6F6;line-height:49px;position:relative}
aside ul.product-category li i{position:absolute;right:11%;top:14px;font-size:var(--fontsize24);cursor:pointer}
aside ul.product-category .active--rotate-right{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
aside ul.product-category .currentProType{color:var(--color)}
aside ul.product-category a{box-sizing:border-box;font-size:var(--fontsize16);font-weight:var(--fontbold4);color:#333333;line-height:28px;display:inline-block;width:100%;height:100%}
aside ul.latest-products{padding:20px}
aside ul.latest-products li{margin-bottom:20px;display:flex}
aside ul.latest-products li:hover img{transform:scale(1.05)}
aside ul.latest-products li:hover p{color:var(--color)}
aside ul.latest-products li .left{display:flex;align-items:center;justify-content:center;margin-right:10px;width:95px}
aside ul.latest-products li .right{flex:1}
aside ul.latest-products li img{max-width:100%;border-radius:4px}
aside ul.latest-products li p{font-size:var(--fontsize16);color:#333333;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
aside ul.latest-products li a{margin-top:10px;color:var(--color);font-size:var(--fontsize14);justify-content:flex-start}
aside ul.latest-products li a i{margin-left:10px;display:none}
aside ul.latest-products li a:hover i{display:block}
@media (max-width:1000px){aside{display:none}
.news-template article{width:100% !important}
.news-template article ul li{width:50% !important}}
.common-pages{margin-bottom:0px;flex-wrap:wrap;height:auto;justify-content:flex-start;font-size:var(--fontsize15)}
.common-pages a,.common-pages span{margin:5px}
.common-pages{margin-bottom:50px;width:100%;font-size:var(--fontsize18)}
.common-pages,.common-pages a,.common-pages span{display:flex;justify-content:center;align-items:center}
.common-pages a,.common-pages span{font-size:var(--fontsize16);margin:10px;transition:all .3s ease;box-sizing:border-box;background:white;height:45px;width:45px;color:#000002}
.common-pages span{color:#999999}
.common-pages span.ctxt{opacity:1;border:none;background:var(--color);color:#FFFFFF;padding:0px}
.common-pages a:hover{background-color:var(--color);color:#FFFFFF}
@media (max-width:1000px){nav>ul>li ul li:hover{background-color:unset}
.nav-box{z-index:999;height:calc(100% - 13.333333vw);box-sizing:border-box}
nav{height:100%;box-sizing:border-box}
nav>ul{display:block;overflow-y:scroll;height:calc(100% - 50px)}
nav .share-list{height:32px;padding:9px}
nav>ul>li ul li:hover>a{color:#333333}}
@media (max-width:1000px){
footer .latest-news .f-title,footer .latest-news ul{display:none}
footer .concat-us .share-list i{font-size:var(--fontsize26)}
footer .f-title{margin-bottom:0px}}
.vPlay{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.6) url(../image/vPlay.webp) no-repeat center;background-size:26px;z-index:10;cursor:pointer;user-select:none;width:40px;height:40px;border-radius:50%}
@media(max-width:768px){body{padding-top:55px}
#media{position:absolute;width:100%;height:calc(100% - 30px);top:30px;left:0px;z-index:99;background:#000000}
.mobflag{position:absolute;right:0px;top:0px;z-index:10;width:30px;height:30px;font-size:var(--fontsize24)}
.mobflag::after,.mobflag::before{content:'';display:block;position:absolute;width:20px;height:2px;background:#000000;top:14px;left:6px}
.mobflag::before{transform:rotate(45deg)}
.mobflag::after{transform:rotate(-45deg)}}
.sr-only{position:absolute;width:1px;height:1px;padding:0px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0px}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0px;overflow:visible;clip:auto}
.object-center{display:flex;align-items:center;justify-content:center}
.transition,.btn a,.btn a:hover,.index .about .left img,.index .about .left img:hover,.index .about ul li,.index .about ul li:hover,.index .product ul li:hover p,.index .product ul li p,.index .popular ul li,.index .popular ul li:hover,.index .news ul li,.index .news ul li:hover{transition:all .3s ease}
.whitebg-top{flex-wrap:wrap;position:relative}
.whitebg-top::before{content:'';background:url(../image/line-top.webp);height:20px;width:100%;position:absolute;top:-18px;z-index:2}
.whitebg-bottom{flex-wrap:wrap;position:relative}
.whitebg-bottom::after{content:'';background:url(../image/line-bottom.webp);height:20px;width:100%;position:absolute;bottom:-18px;z-index:2}
.btn{width:150px;height:40px;background:var(--color);border-radius:4px}
.btn a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:white}
.btn a:hover{font-size:105%}
@media (max-width:600px){.btn{font-size:var(--fontsize13)}}
@media (max-width:1000px){.btn{width:30vw;height:7.5vw}}
.index .banner .index-banner{width:100%}
.index .banner .index-banner .swiper-wrapper{height:auto !important}
.index .banner .index-banner .swiper-slide img{width:100%}
.index .banner .index-banner .swiper-button-next,.index .banner .index-banner .swiper-button-prev{background:rgba(0,0,0,0.5);border-radius:50%;width:50px;height:50px}
.index .banner .index-banner .swiper-button-next:hover,.index .banner .index-banner .swiper-button-prev:hover{background:rgba(255,255,255,0.5);color:var(--color)}
.index .banner .index-banner .swiper-button-next:hover:after,.index .banner .index-banner .swiper-button-next:hover:after,.index .banner .index-banner .swiper-button-prev:hover:after,.index .banner .index-banner .swiper-button-prev:hover:after{color:var(--color) !important}
.index .banner .index-banner .swiper-button-next:after,.index .banner .index-banner .swiper-button-prev:after{font-size:21px;color:white}
.index .banner .index-banner .swiper-pagination-bullet-active{background:var(--color) !important}
.index .banner .index-banner .swiper-pagination-bullet{background:#2F3337;border-radius:0;width:36px;height:4px;border-radius:3px;opacity:1 !important}
@media (max-width:1000px){.index .swiper-pagination{display:none}}
@media (max-width:500px){.index .banner .index-banner .swiper-button-next,.index .banner .index-banner .swiper-button-prev{width:7vw;height:7vw}
.index .banner .index-banner .swiper-button-next:after,.index .banner .index-banner .swiper-button-prev:after{font-size:var(--fontsize12)}}
.index .join-us{display:flex;justify-content:center;align-items:center;height:94px;background:url(../image/nav.webp)}
.index .join-us .container{display:flex;justify-content:space-between;align-items:center}
.index .join-us .container .font{font-size:var(--fontsize26);font-weight:var(--fontbold6);color:var(--color);line-height:12px}
@media (max-width:1000px){.index .join-us .container .font{font-size:var(--fontsize14);line-height:1.3}
.btn{width:30vw;height:9.5vw}}
.index .about{background:#f8f8f8;display:flex;justify-content:center}
.index .about .container{display:flex;justify-content:center;align-items:center;padding-top:50px;padding-bottom:50px}
.index .about .left{width:30%}
.index .about .left img{width:100%}
.index .about .left img:hover{transform:scale(1.01)}
.index .about .right{padding-left:10vw;box-sizing:border-box;width:68%}
.index .about .right h3{color:var(--color);font-size:var(--fontsize28);position:relative}
.index .about .right h3::after{position:absolute;content:'';width:40px;height:2px;background:var(--color);border-radius:1px;top:38px;left:0px}
.index .about .right p:nth-of-type(1){font-size:var(--fontsize18);font-weight:var(--fontbold4);color:#444444;line-height:40px}
.index .about .right p:nth-of-type(2){font-size:var(--fontsize16);font-weight:var(--fontbold4);color:#999999;line-height:26px}
.index .about .right ul{margin:30px 0px;font-size:var(--fontsize16);font-weight:var(--fontbold4);color:#444444;line-height:28px}
.index .about ul li:hover{transform:scale(1.01);color:var(--color)}
.index .about ul li:nth-of-type(1) i{margin-right:5px;color:#E63975}
.index .about ul li:nth-of-type(2) i,.index .about ul li:nth-of-type(2) em{margin-right:5px;color:#599BDF}
.index .about ul li:nth-of-type(3) i,.index .about ul li:nth-of-type(3) em{margin-right:5px;color:#86D635}
@media (max-width:1000px){.index .about .container{float:left}
.index .about .right{width:100%;padding-left:0px}
.index .about .right img{margin-right:20px;width:33%}
.index .about .right p:nth-of-type(2){display:inline}
.index .about .right h3{font-size:5vw}
.index .about .right p:nth-of-type(1){-webkit-line-clamp:2;line-height:30px}
.index .about .right ul{display:none}
.index .about .right .btn{margin:20px auto 0px}}
.title{color:#FFFFFF;font-size:var(--fontsize28);font-weight:var(--fontbold6);line-height:21px}
.index .product{overflow-y:hidden;padding-bottom:70px;display:flex;justify-content:center;background:#f8f8f8 url(../image/bg1.webp) no-repeat;background-size:auto;background-position:top center}
.index .product .top{width:100%;display:flex;justify-content:space-between;margin-bottom:50px}
.index .product .title{width:100%}
.index .product .swiper-choose{color:white !important;display:flex}
.index .product .swiper-choose span{position:static !important;width:50px;height:50px;display:inline-block;cursor:pointer}
.index .product .swiper-choose span.swiper-button-next:after,.index .product .swiper-choose span .swiper-container-rtl .swiper-button-prev:after{color:#FFFFFF;font-size:var(--fontsize24) !important}
.index .product .swiper-choose span.swiper-button-prev:after,.index .product .swiper-choose span .swiper-container-rtl .swiper-button-next:after{color:#FFFFFF;font-size:var(--fontsize24) !important}
.index .product .container{margin-top:70px}
.index .product .product-swiper{width:100%}
.index .product ul li:hover p{color:var(--color)}
.index .product ul li div{width:100%;position:relative}
.index .product ul li a{display:flex;align-items:center;justify-content:center}
.index .product ul li a::after{content:'';display:block;padding-top:100%}
.index .product ul li img{position:absolute;max-width:100%;max-height:100%;width:100%;border-radius:6px}
.index .product ul li img:hover{box-shadow:0px 2px 12px 0 rgba(0,0,0,0.2)}
.index .product ul li p{margin:10px 0px;text-align:center;text-transform:capitalize;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}
@media (max-width:1000px){.swiper-choose{display:none !important}
.title{text-align:center;font-size:5vw}
.index .product{position:relative;padding-bottom:0px}
.top{position:absolute;left:0px}
.title{display:flex;justify-content:space-around}
.index .product .container{margin-top:40px}
.index .product .product-swiper{margin-top:10vw}
.index .product .container .product-swiper{height:125vw}
.index .product .container ul li.swiper-slide{height:auto}
.index .product{background-size:100% 30%}}
@media (max-width:500px){.title span{width:50px}
.title img{width:100%}}
.index .popular{background:white;position:relative;display:flex;justify-content:center;flex-wrap:wrap}
.index .popular .container .top{width:100%;margin-top:35px}
.index .popular .container .top .title{display:flex;justify-content:center;color:var(--color);padding:30px 0px 50px 0px}
.index .popular ul{width:100%;display:flex;flex-wrap:wrap}
.index .popular ul li{padding-right:28px;box-sizing:border-box;margin-bottom:28px;width:50%;display:flex;position:relative}
.index .popular ul li:hover{transform:scale(1.01)}
.index .popular ul li:nth-of-type(even){padding-right:0px}
.index .popular ul li:nth-of-type(2) .left{background:#e63975}
.index .popular ul li:nth-of-type(3) .left{background:#599BDF}
.index .popular ul li:nth-of-type(4) .left{background:#86D635}
.index .popular .left{width:60% !important;height:22vw;color:white;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;border-radius:6px 0px 0px 6px;background:var(--color)}
.index .popular .left>div{padding:0px 30px;position:relative}
.index .popular .left>div p{width:100%}
.index .popular .left>div p:nth-of-type(1){margin-bottom:10px;font-size:var(--fontsize18);font-weight:var(--fontbold6);display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.index .popular .left>div p:nth-of-type(2){font-size:var(--fontsize16);display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.index .popular .left>div::after{content:'';width:0px;height:0px;border-top:20px solid transparent;border-left:40px solid var(--color);border-bottom:20px solid transparent;position:absolute;right:-31px;top:36%}
.index .popular .left .btn{border:1px solid white;margin-top:20px;background:none}
.index .popular .right img{height:22vw;border-radius:0px 6px 6px 0px}
.index .popular li:nth-of-type(2) .left>div::after{content:'';width:0px;height:0px;border-top:20px solid transparent;border-left:40px solid #e63975;border-bottom:20px solid transparent;position:absolute;right:-31px;top:36%}
.index .popular li:nth-of-type(3) .left>div::after{content:'';width:0px;height:0px;border-top:20px solid transparent;border-left:40px solid #599bdf;border-bottom:20px solid transparent;position:absolute;right:-31px;top:36%}
.index .popular li:nth-of-type(4) .left>div::after{content:'';width:0px;height:0px;border-top:20px solid transparent;border-left:40px solid #86d635;border-bottom:20px solid transparent;position:absolute;right:-31px;top:36%}
@media (max-width:1000px){.index .popular .container .top .title{justify-content:space-around}}
@media (max-width:1100px){.index .popular .container .top .title{margin-top:15px;padding-top:15px}
.index .popular ul{margin-top:20vw}
.index .popular ul li{width:100%}
.index .popular .left{flex:1}
.index .popular ul li{padding-right:0px}
.index .popular .left>div::after{right:-22px;transform:translateY(-50%);top:50%}
.index .popular li:nth-of-type(2) .left>div::after{right:-22px;transform:translateY(-50%);top:50%}
.index .popular li:nth-of-type(3) .left>div::after{right:-22px;transform:translateY(-50%);top:50%}
.index .popular li:nth-of-type(4) .left>div::after{right:-22px;transform:translateY(-50%);top:50%}
.index .popular .left>div{height:100%}
.index .popular .right img{height:40vw}
.index .popular .left{height:40vw}
.index .popular .left>div{display:flex;flex-wrap:wrap;align-items:center}}
.index .popular .left .btn i{margin-left:10px;display:none}
.index .popular .left .btn:hover i{display:block}
@media (max-width:700px){.index .popular .container .top .title{justify-content:space-around}
.index .popular .left>div p:nth-of-type(1){font-size:var(--fontsize15)}
.index .popular .left>div p:nth-of-type(2){font-size:var(--fontsize14);-webkit-line-clamp:2}
.index .popular .left .btn{margin-top:0px}
.index .popular .left>div{padding:0px 10px}
.index .popular .container .top{margin-top:1vw}}
.index .news{padding-bottom:70px;display:flex;justify-content:center;background:#f8f8f8}
.index .news .top{width:100%}
.index .news .title{text-align:center;width:100%;justify-content:space-between;color:var(--color);padding:70px 0px 40px 0px}
.index .news ul{width:100%;display:flex}
.index .news ul li{width:25%;margin-right:20px}
.index .news ul li:hover{transform:scale(1.01)}
.index .news ul li:nth-last-of-type(1){margin-right:0px}
.index .news ul li:hover p:nth-of-type(1){color:var(--color)}
.index .news ul li p:nth-of-type(1){font-size:var(--fontsize18);color:var(--fontcolor);margin:10px 0px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.index .news ul li p:nth-of-type(2){font-size:var(--fontsize14);color:#777777;line-height:24px;margin-bottom:21px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.index .news ul li div.view{font-size:var(--fontsize16);color:#444444}
.index .news ul li div.view a{color:#444444;display:inline-block}
.index .news ul li div.view a i{display:none}
.index .news ul li div.view a:hover{color:var(--color)}
.index .news ul li div.view a:hover i{display:inline-block}
.index .news ul .date{position:absolute;right:0px;bottom:0px;background:var(--color);width:110px;height:32px;font-size:var(--fontsize14);display:flex;align-items:center;justify-content:center;color:white;border-radius:6px 0px 6px 0px}
.index .news ul .date i{margin-right:2px;font-size:10px;display:none}
.index .news ul div{width:100%;position:relative}
.index .news ul a{display:flex;align-items:center;justify-content:center}
.index .news ul img{box-shadow:0px 2px 12px 0 rgba(0,0,0,0.1);max-width:100%;max-height:100%;width:100%;border-radius:6px}
@media (max-width:1000px){.index .news .title{padding:6vw 0px 40px 0px;justify-content:space-around}
.index .news ul .date i{display:block}
.index .news ul li{width:48%;margin:0px}
.index .news{padding-bottom:10px}
.index .news ul{justify-content:space-between;flex-wrap:wrap;margin-top:18vw}
.index .news ul li p:nth-of-type(1){-webkit-line-clamp:2;font-size:var(--fontsize15);margin-top:10px;margin-bottom:5px}
.index .news .top{margin-top:20px}
.index .news ul li p:nth-of-type(2){font-size:var(--fontsize12);margin-bottom:10px}
.index .news ul li{margin-bottom:20px}
.index .news ul .date{font-size:var(--fontsize12)}}
@media (max-width:650px){.index .news ul{margin-top:24vw}}
@media (max-width:1000px){.index .popular .left>div p:nth-of-type(1){margin-bottom:0px;margin-top:5px}
.index .popular .left .btn{margin-bottom:5px}
.index .news ul li div.view a i{display:none}
nav .share-list>a{display:none}
.index .product ul li p{margin:10px 0px 0px 0px;font-size:var(--fontsize14);-webkit-line-clamp:2;min-height:45px}}
.singglepage main{display:flex;justify-content:center;background:#f8f8f8;padding-bottom:70px;padding-top:70px}
.singglepage article{width:100%;color:var(--introcolor);display:flex;flex-wrap:wrap;display:flex;justify-content:flex-end;align-items:flex-start}
.singglepage article p{line-height:1.8;margin-bottom:10px}
.singglepage article .box1{display:flex;align-items:flex-start}
.singglepage article .box1 .left{width:60%}
.singglepage article .box1 .right{width:40%}
.singglepage article .title{margin-top:31px;margin-bottom:31px}
.singglepage article .title span:nth-of-type(2){margin:0px 20px;font-size:var(--fontsize26);color:var(--color)}
.singglepage article .descption{font-size:var(--fontsize16);color:#999999;line-height:26px}
.singglepage article ul.icon{display:flex;flex-wrap:wrap;margin-top:50px}
.singglepage article ul.icon li{width:50%;box-sizing:border-box;padding-right:50px;margin-bottom:30px}
.singglepage article ul.icon li div{font-size:var(--fontsize18);color:var(--color);line-height:28px;display:flex;align-items:center}
.singglepage article ul.icon li div img{margin-right:10px}
.singglepage article ul.icon li p{font-size:var(--fontsize16);color:#999999;line-height:26px}
.singglepage article img.pic1{width:40%;height:auto;object-fit:contain}
.singglepage article .box2{margin-top:60px;width:100%}
@media (max-width:1000px){.singglepage article img.pic1{width:33%}
.singglepage .title{justify-content:unset !important}
.singglepage article .box1 .left{width:100%}
.singglepage article img.pic1{margin:0px 10px 10px 0px}
.singglepage article .box1 .left .title img{width:50px}
.singglepage article .title{justify-content:center !important;margin:5px}}
@media (max-width:700px){.singglepage article .title span:nth-of-type(2){font-size:var(--fontsize18);width:auto}
.singglepage article .title span:nth-of-type(2){margin:0px 5px}
.singglepage article ul.icon li{padding:0px}
.singglepage article ul.icon{margin-top:25px}
.singglepage article .box2{margin-top:10px}
.singglepage article .title:nth-of-type(1){justify-content:flex-start !important}
.singglepage article .title:nth-of-type(2){justify-content:flex-start !important}
.singglepage main{padding-bottom:25px}
.singglepage .concat-us .concat-us-box{padding:20px !important}
.singglepage article .title{margin-top:15px}
.singglepage main{padding-top:40px}}
.singglepage .concat-us .title{width:100%;display:flex;justify-content:center;margin-bottom:40px}
.singglepage .concat-us .title span{font-size:var(--fontsize26);color:var(--color)}
.singglepage .concat-us .title span:nth-of-type(2){margin:0px 20px}
.singglepage .concat-us .concat-us-box{width:100%;background:#FFFFFF;border-radius:6px;display:flex;padding:50px;box-sizing:border-box;flex-wrap:wrap}
.singglepage .concat-us .concat-us-box .left{width:40%;box-sizing:border-box;padding-right:10px}
.singglepage .concat-us .concat-us-box .left ul li{width:100%;display:flex;align-items:flex-start;justify-content:flex-start}
.singglepage .concat-us .concat-us-box .right{width:60%}
.singglepage .concat-us .concat-us-box li{margin-bottom:30px}
.singglepage .concat-us .concat-us-box li p{margin-bottom:0px}
.singglepage .concat-us .concat-us-box li p:nth-of-type(1){font-size:var(--fontsize18);color:#333333;line-height:28px}
.singglepage .concat-us .concat-us-box li p:nth-of-type(2){font-size:var(--fontsize14);color:var(--introcolor);line-height:28px}
.singglepage .concat-us .concat-us-box li img{margin:0px 10px 0px 0px}
@media (max-width:1000px){.singglepage .concat-us .title{justify-content:center !important}
.singglepage .concat-us .concat-us-box .left{width:100%}
.singglepage .concat-us .concat-us-box .right{width:100%}}
@media (max-width:700px){.singglepage .concat-us .title{justify-content:center !important}
.singglepage .concat-us .title span{width:auto}
.singglepage .concat-us .title span img{width:70px}
.singglepage .concat-us .title span:nth-of-type(2){margin:0px 10px}}
.object-center,.news-template .title,.news-template article,.news-template article ul,.news-template article ul .date{display:flex;align-items:center;justify-content:center}
.transition,.news-template article ul li:hover p>a,.news-template article ul li:hover a,.news-template article ul li:hover,.news-template article ul li:hover div.img,.news-template article ul div.img,.news-template article ul p>a,.news-template article ul .descption>span a{transition:all .3s ease}
.news-template .title{font-size:var(--fontsize26);color:var(--color);width:100%;margin-bottom:20px}
.news-template .title span:nth-of-type(2){margin:0px 20px;font-size:var(--fontsize26);color:var(--color)}
.news-template main{background:#f8f8f8}
.news-template main .container{justify-content:space-between;align-items:flex-start;padding-top:70px;padding-bottom:70px;margin:0px auto}
.news-template article{flex-wrap:wrap;width:calc(100% - 23%)}
.news-template article ul{width:100%;flex-wrap:wrap;justify-content:flex-start}
.news-template article ul li{width:33.333%;margin-bottom:20px;padding:10px;box-sizing:border-box}
.news-template article ul li:hover .img{box-shadow:0px 2px 12px 0 rgba(0,0,0,0.3)}
.news-template article ul li:hover p>a{color:var(--color)}
.news-template article ul li:hover a{color:var(--color)}
.news-template article ul li:hover i.fa-arrow-right,.news-template article ul li:hover em.fa-arrow-right{display:inline-block !important}
.news-template article ul li:hover div.img{transform:scale(1.02)}
.news-template article ul div.img{width:100%;position:relative;border-radius:6px}
.news-template article ul div.img a{display:flex;align-items:center;justify-content:center}
.news-template article ul div.img a::after{content:'';display:block;padding-top:calc(100% * 0.7)}
.news-template article ul img{max-width:100%;max-height:100%;width:100%;border-radius:6px}
.news-template article ul .date{position:absolute;bottom:0px;right:0px;font-size:var(--fontsize12);color:#FFFFFF;padding:6px 8px;background:var(--color)}
.news-template article ul .date i,.news-template article ul .date em{margin-right:10px}
.news-template article ul p>a{width:100%;font-size:var(--fontsize18);color:var(--fontcolor);margin:10px 0px 0px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-template article ul p{font-size:var(--fontsize16);color:var(--introcolor);margin:10px 0px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-template article ul .descption>span a i.fa-arrow-right,.news-template article ul .descption>span a em.fa-arrow-right{display:none}
@media (max-width:1000px){.news-template .title{justify-content:center !important}
.news-template main .container{width:100%;padding:15px}
.news-template .title{margin-bottom:25px}}
@media (min-width:1000px){.news-template ul.page-0 li{width:100%;margin-bottom:20px;padding-right:0px;box-sizing:border-box;display:flex;height:auto}
.news-template article ul.page-0 img{width:100%;height:auto}
.news-template article ul.page-0 div.img a::after{display:none}
.news-template article ul.page-0 div.img a{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%}
.news-template article ul.page-0 div.img{width:30%}
.news-template article ul.page-0 .descption{width:calc(100% - 30%);padding:3vw 1.5vw;box-sizing:border-box}}
.news-template .title span:nth-of-type(2){margin:0px 20px;font-size:var(--fontsize26);color:var(--color);width:auto}
@media (max-width:1000px){.news-template article ul p>a{margin-top:15px;margin-bottom:0px}
.news-template article ul .descption>span a i.fa-arrow-right,.news-template article ul .descption>span a em.fa-arrow-right{display:none}}
.object-center{display:flex;align-items:center;justify-content:center}
.transition{transition:all .3s ease}
.products .pro-title{width:100%;font-size:var(--fontsize26);color:var(--color);margin-bottom:10px;display:flex;align-items:center}
.products .pro-title::before{content:'';display:inline-block;color:var(--color);border-radius:2px;width:4px;height:30px;background:var(--color);margin-right:12px}
.products article ul li{margin-bottom:30px}
.products article ul div.img{width:100%;position:relative}
.products article ul div.img a{display:flex;align-items:center;justify-content:center}
.products article ul div.img a::after{content:'';display:block;padding-top:100% !important}
.products article ul div.img img{position:absolute;max-width:100%;max-height:100%;border-radius:6px}
.products article ul .add{color:var(--color);font-size:var(--fontsize14)}
.products ul.page-0 div.img{width:100%;position:relative}
.products ul.page-0 div.img a{display:flex;align-items:center;justify-content:center}
.products ul.page-0 div.img a::after{content:'';display:block !important;padding-top:100% !important}
.products ul.page-0 div.img img{position:absolute;max-width:100%;max-height:100%}
@media (max-width:1000px){.products article ul p>a{font-size:var(--fontsize15);margin-top:10px;margin-bottom:0px;-webkit-line-clamp:2}}
@media (min-width:1000px){.products article ul.page-0 div.img{max-width:250px;max-height:250px}
.products article ul.page-0 p>a{margin-top:0px}}
.product-typelist .seo-info{font-size:var(--fontsize14);color:#888888}
.product-typelist .seo-info div{margin-bottom:10px}
.product-typelist .keywords{margin-top:20px;width:100%}
.product-typelist .keywords a{padding:5px 10px;line-height:1.7em;border-radius:999px;margin-right:20px;height:25px;background:#DDD;border-radius:4px;color:#888888}
.object-center,.news-content article .pagination div,.news-content article .pagination div a{display:flex;align-items:center;justify-content:center}
.news-content article{box-sizing:border-box;padding-right:10px;display:block}
.news-content article .article-header{margin-bottom:30px}
.news-content article .article-header h1{text-align:center;font-size:var(--fontsize26);color:var(--fontcolor);line-height:24px;margin-bottom:10px}
.news-content article .article-header div{display:flex;justify-content:center}
.news-content article .article-header span{font-size:var(--fontsize14);color:#999999;line-height:24px}
.news-content article .article-header span:nth-of-type(1){margin-right:30px}
.news-content article .article-header span i,.news-content article .article-header span em{margin-left:10px;margin-right:10px}
.news-content article .content{font-size:var(--fontsize14);color:var(--introcolor);line-height:24px;line-height:1.5;padding-bottom:50px}
.news-content article .content p{margin-bottom:10px}
.news-content article .pagination{margin-top:50px;display:flex}
.news-content article .pagination div{padding:16px 26px;background:white;border:1px solid white;flex:1}
.news-content article .pagination div:hover{border:1px solid #E9E9E9}
.news-content article .pagination div:hover a{color:var(--color)}
.news-content article .pagination div:nth-of-type(1){border-radius:4px 0px 0px 10px}
.news-content article .pagination div:nth-of-type(2){border-radius:0px 10px 4px 0px}
.news-content article .pagination div a{align-items:flex-start;width:100%;height:100%;color:#333333;font-size:var(--fontsize14)}
.news-content article .pagination div a span{color:#333333;font-size:var(--fontsize14)}
.news-content article .inquiry{padding-top:50px}
.news-content article .inquiry .news-content-title{font-size:var(--fontsize22);color:var(--color)}
@media (max-width:1000px){.news-content article{padding-right:0px}
.news-content article .article-header{margin-bottom:17px}
.news-content article .pagination{display:block}
.news-content article .pagination .prev{margin-bottom:10px}
.news-content article .pagination div:hover{border:1px solid white}}
.transition,.industrylist article ul.page-1 li:hover h3,.industrylist article ul.page-1 li:hover a,.industrylist article ul.page-1 li h3,.industrylist article ul.page-1 li h3 a,.industrylist article ul.page-0 li:hover h3,.industrylist article ul.page-0 li:hover a,.industrylist article ul.page-0 li h3,.industrylist article ul.page-0 li h3 a{transition:all .3s ease}
.industrylist article{display:block}
.industrylist article ul.page-1 li{width:calc(33.3333% - 14px) !important;padding:30px;background:white}
.industrylist article ul.page-1 li:nth-of-type(3n+2){margin-right:14px;margin-left:14px}
.industrylist article ul.page-1 li:hover{box-shadow:0px 5px 15px 0px rgba(4,0,0,0.1)}
.industrylist article ul.page-1 li:hover h3,.industrylist article ul.page-1 li:hover a{color:var(--color)}
.industrylist article ul.page-1 li .date1{font-size:var(--fontsize14);color:#999999;line-height:28px}
.industrylist article ul.page-1 li h3{font-size:var(--fontsize18);color:#333333;line-height:28px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.industrylist article ul.page-1 li h3 a{color:#333333}
.industrylist article ul.page-1 li p{font-size:var(--fontsize14);color:#888888;line-height:24px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.industrylist article{display:block}
.industrylist article ul.page-0 li{display:block !important;width:calc(50% - 14px) !important;padding:30px;background:white}
.industrylist article ul.page-0 li:nth-of-type(odd){margin-right:14px}
.industrylist article ul.page-0 li:nth-of-type(odd){margin-left:14px}
.industrylist article ul.page-0 li:hover{box-shadow:0px 5px 15px 0px rgba(4,0,0,0.1)}
.industrylist article ul.page-0 li:hover h3,.industrylist article ul.page-0 li:hover a{color:var(--color)}
.industrylist article ul.page-0 li .date1{font-size:var(--fontsize14);color:#999999;line-height:28px}
.industrylist article ul.page-0 li h3{font-size:var(--fontsize18);color:#333333;line-height:28px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.industrylist article ul.page-0 li h3 a{color:#333333}
.industrylist article ul.page-0 li p{font-size:var(--fontsize14);color:#888888;line-height:24px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}
@media (max-width:1000px){.industrylist article ul.page-0 li:nth-of-type(odd){margin-left:0px}
.industrylist article ul.page-0 li:nth-of-type(odd){margin-right:0px}
.industrylist article ul.page-0 ul li{width:100% !important;padding:30px !important}
.industrylist article ul.page-1 li{width:100% !important;margin-left:0 !important;margin-right:0px!important}}
.transition,.documentlist article ul.project-list li:hover .project-img,.documentlist article ul.project-list .project-img,.documentlist article .download-list li:hover .download-img,.documentlist article .download-list li .download-img,.documentlist article .video-list li:hover .video-img,.documentlist article .video-list li .video-img{transition:all .3s ease}
.object-center,.documentlist main,.documentlist article .title,.documentlist article ul.project-list .project-info,.documentlist article ul.project-list .project-info .project-more{display:flex;align-items:center;justify-content:center}
.documentlist main{background:#f8f8f8}
.documentlist article{width:100%}
.documentlist article .title{font-size:var(--fontsize26);color:var(--color);width:100%;margin:60px 0px}
.documentlist article .title span:nth-of-type(2){margin:0px 20px;font-size:var(--fontsize26);color:var(--color)}
.documentlist article ul.project-list{display:block !important}
.documentlist article ul.project-list li{display:flex;width:100% !important;margin-bottom:30px}
.documentlist article ul.project-list li:hover .project-name{color:var(--color)}
.documentlist article ul.project-list li:hover .project-img{transform:scale(1.05)}
.documentlist article ul.project-list .project-img img{max-width:400px;max-height:300px;width:100%}
.documentlist article ul.project-list .project-info{padding-left:30px;padding-right:30px;flex:1}
.documentlist article ul.project-list .project-info .project-name{font-size:var(--fontsize18);font-weight:var(--fontbold6);color:#333333;line-height:40px;margin-bottom:23px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.documentlist article ul.project-list .project-info .project-content{font-weight:var(--fontbold4);color:var(--introcolor);line-height:24px;margin-bottom:50px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.documentlist article ul.project-list .project-info .project-more{width:120px;height:34px;background:var(--color);border-radius:4px}
.documentlist article ul.project-list .project-info .project-more span{font-size:var(--fontsize14);font-weight:var(--fontbold4);color:#FFFFFF;line-height:40px}
.documentlist article .download-list{display:flex;flex-wrap:wrap}
.documentlist article .download-list li{width:25%;padding-left:10px;padding-right:10px;box-sizing:border-box;margin-bottom:30px}
.documentlist article .download-list li:hover .download-img{transform:scale(1.05)}
.documentlist article .download-list li .download-img img{width:100%}
.documentlist article .download-list li .download-name{font-size:var(--fontsize16);font-weight:var(--fontbold6);color:#333333;line-height:24px;margin:20px 0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.documentlist article .download-list li .download-btn{display:inline-block;padding:10px;background:var(--color);border-radius:4px;color:white}
.documentlist article .video-list{display:flex;flex-wrap:wrap}
.documentlist article .video-list li{width:25%;padding-left:10px;padding-right:10px;box-sizing:border-box;margin-bottom:30px}
.documentlist article .video-list li:hover .video-img{transform:scale(1.05)}
.documentlist article .video-list li:hover a::after{display:block !important}
.documentlist article .video-list li .video-img{position:relative}
.documentlist article .video-list li .video-img a::after{width:55px;height:55px;content:'';display:block;display:none;background:url(../image/play.webp) no-repeat center;position:absolute;top:50%;left:50%}
.documentlist article .video-list li .video-img img{width:100%}
.documentlist article .video-list li .video-name{font-size:var(--fontsize16);font-weight:var(--fontbold6);color:#333333;line-height:24px;margin:20px 0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.documentlist article .video-list li .video-in{display:inline-block;color:#777777;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.documentlist article ul.faq-list{display:block}
.documentlist article ul.faq-list li{margin-bottom:30px;display:block !important;background:white}
.documentlist article ul.faq-list li .project-content{margin-bottom:0px;padding:0px 50px}
.documentlist article ul.faq-list li .project-info{display:block !important;background:white;padding:30px}
.documentlist article ul.faq-list li .project-name{font-weight:var(--fontbold6);display:flex;align-items:center;width:100% !important;padding:0px 50px;box-sizing:border-box;cursor:pointer;background:url(../image/question.webp) no-repeat 0% center,url(../image/add.webp) no-repeat 100% center;height:34px;display:flex;align-items:center}
.documentlist article ul.faq-list li .faq-active{background:url(../image/question.webp) no-repeat 0% center,url(../image/remove.webp) no-repeat 100% center}
@media (max-width:1000px){.documentlist article .title span:nth-of-type(2){width:auto}
.documentlist article .title{display:flex !important;align-items:center !important;justify-content:center !important;margin:20px 0px}
.documentlist article .project-info .project-name{font-size:var(--fontsize14) !important;color:#333 !important;line-height:1.5 !important;margin-bottom:5px !important}
.documentlist article .project-info .project-content{font-size:var(--fontsize12) !important;line-height:1.5 !important;margin-bottom:10px !important}
.documentlist article .project-img{width:50%}
.documentlist article .project-info{padding-left:10px;padding-right:10px}}
@media (max-width:1000px){.documentlist article .download-list li{width:50%}
.documentlist article .download-list .download-btn{font-size:var(--fontsize12)}}
@media (max-width:1000px){.documentlist article ul.faq-list li .project-info{padding:15px}
.documentlist article .video-list li{width:50%}
.documentlist article .video-list .video-in{font-size:var(--fontsize12)}
.documentlist article .video-list a::after{display:block !important}
.documentlist article .download-list .download-btn span{font-size:var(--fontsize13)}}
.documentlist article .video-list .video-img a::after{margin:0px;transform:translate(-50%,-50%)}
.object-center,.productscontent .pagination div,.productscontent .pagination div a{display:flex;align-items:center;justify-content:center}
.transition,.productscontent .like ul img,.productscontent .like li:hover img{transition:all .3s ease}
.productscontent .product-detail{display:flex}
.productscontent .product-detail .img{width:380px;height:380px;background:white;display:flex;align-items:center;justify-content:center;position:relative;border-radius:4px}
.productscontent .product-detail .img img{width:100%;height:auto;border-radius:4px}
.productscontent .product-detail .mask{width:200px;height:200px;position:absolute;left:0px;top:0px;background-color:#EEEEEE;opacity:.3;display:none;cursor:move}
.productscontent .product-detail .big{border:1px solid #EEEEEE;width:500px;height:500px;position:absolute;left:380px;top:0px;overflow:hidden;display:none;z-index:2}
.productscontent .product-detail .big img{width:200%;height:200%;position:absolute;left:0px;top:0px}
.productscontent .product-detail .left{width:380px;position:relative}
.productscontent .product-detail .left .swiper-box{user-select:none;height:90px;position:relative}
.productscontent .product-detail .left .swiper-box .swiper-product-details-page{width:350px;height:100%}
.productscontent .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper{display:flex;align-items:center}
.productscontent .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper .swiper-slide{height:76px;border-radius:4px}
.productscontent .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper .swiper-slide img{border:1px solid #E5E5E5;height:100%;width:76px;border-radius:4px}
.productscontent .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper .swiper-slide img.hover{cursor:pointer;border:1px solid var(--color)}
.productscontent .product-detail .left .swiper-box .swiper-product-details-page .swiper-pagination{display:none}
.productscontent .product-detail .left .swiper-box .swiper-product-details-page-button-prev{position:absolute;left:-10px}
.productscontent .product-detail .left .swiper-box .swiper-button-prev:after,.productscontent .product-detail .left .swiper-box .swiper-container-rtl .swiper-button-next:after{font-size:var(--fontsize30,30px)}
.productscontent .product-detail .left .swiper-box .swiper-button-next:after,.productscontent .product-detail .left .swiper-box .swiper-container-rtl .swiper-button-next:after{font-size:var(--fontsize30,30px)}
.productscontent .product-detail .left .swiper-box .swiper-product-details-page-button-next{position:absolute;right:-3px}
.productscontent .product-detail .right{box-sizing:border-box;padding-left:30px;flex:1}
.productscontent .product-detail .right h1{font-size:var(--fontsize26);color:var(--color);margin:2px auto;line-height:25px;position:relative;margin-bottom:15px}
.productscontent .product-detail .right>p{color:#444444;font-size:var(--fontsize15);line-height:25px;margin:5px 0px}
.productscontent .product-detail .right .btn{width:100%;background:none;display:flex;height:auto}
.productscontent .product-detail .right .btn a{width:180px;height:50px;background:var(--color);border-radius:4px;display:flex;align-items:center;justify-content:center;margin-right:20px;color:#FFFFFF;font-size:var(--fontsize16);padding:0px 20px;box-sizing:border-box;line-height:40px;transition:all .3s ease;cursor:pointer;background:var(--color);border-radius:4px}
.productscontent .product-detail .right .btn a:hover{transform:scale(1.04)}
.productscontent .product-detail .right .share{padding:20px 0px}
.productscontent #picBigBigBig #count{display:none}
@media (max-width:1000px){.productscontent section.content.productscontent .container main .product-detail{display:block}
.productscontent #picBigBigBig .img{display:none}
.productscontent section.content.productscontent .container main .product-detail .left{width:500px;height:auto}
.productscontent section.content.productscontent .container main .product-detail .left .swiper-box{height:100%;border:1px solid black}
.productscontent section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page{height:100%}
.productscontent section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper{height:100%}
.productscontent section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper .swiper-slide{height:100%}
.productscontent section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper .swiper-slide img{width:100%}
.productscontent section.content.productscontent .container main .product-detail .left .swiper-box{width:100% !important}
.productscontent section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page{width:100%}
.productscontent section.content.productscontent .container main .product-detail{display:flex;justify-content:center;flex-wrap:wrap}
.productscontent section.content.productscontent .container main .product-detail .right{width:100%;flex:auto;padding-left:0px}
.productscontent section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper .swiper-slide img.hover{border:none}
.productscontent .swiper-product-details-page-button-prev{display:none}
.productscontent .swiper-product-details-page-button-next{display:none}
.productscontent section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-pagination{display:block}
.productscontent .swiper-pagination-bullet-active{background:#007dc3}
.productscontent .swiper-container-horizontal>.swiper-pagination-bullets,.productscontent .swiper-pagination-custom,.productscontent .swiper-pagination-fraction{bottom:0px}
.productscontent #picBigBigBig{position:relative}
.productscontent #picBigBigBig #count{display:block;position:absolute;right:10px;bottom:10px;color:white;background:black;padding:0px 10px;border-radius:20px;z-index:5}}
@media (max-width:550px){.productscontent section.content.productscontent .container main .product-detail .left{width:calc(100vw - 45px)}}
.productscontent .swiper-button-next:after,.productscontent .swiper-container-rtl .swiper-button-prev:after{color:var(--color)}
.productscontent .swiper-button-prev:after,.productscontent .swiper-container-rtl .swiper-button-next:after{color:var(--color)}
.productscontent article{justify-content:flex-start}
.productscontent .product-content-title{width:100% !important;font-size:var(--fontsize22);color:var(--color);padding:30px 0px 10px 0px}
.productscontent .content{padding:10px;font-size:var(--fontsize16);color:var(--fontcolor);width:100%;box-sizing:border-box}
.productscontent .content p{font-size:var(--fontsize16);color:var(--fontcolor)}
.productscontent .content p.productsTags a{text-decoration:underline;text-transform:lowercase}
.productscontent .content p.productsTags a:hover{color:var(--color)}
.productscontent .hot-tag{width:100%;font-size:var(--fontsize18);font-weight:var(--fontbold4);color:#333333;line-height:30px}
.productscontent .pagination{margin-top:50px;display:flex;width:100%}
.productscontent .pagination div{padding:10px;background:white;border:1px solid white;flex:1}
.productscontent .pagination div:hover{border:1px solid #E9E9E9}
.productscontent .pagination div:hover a{color:var(--color)}
.productscontent .pagination div:nth-of-type(1){border-radius:4px 0px 0px 10px}
.productscontent .pagination div:nth-of-type(2){border-radius:0px 10px 4px 0px}
.productscontent .pagination div a{align-items:center;width:100%;height:100%;color:#333333;font-size:var(--fontsize14)}
.productscontent .pagination div a span{color:#333333;font-size:var(--fontsize14)}
@media (max-width:1000px){.productscontent .productscontent article{padding-right:0px}
.productscontent .productscontent article .article-header{margin-bottom:17px}
.productscontent .productscontent article .pagination{display:block}
.productscontent .productscontent article .pagination .prev{margin-bottom:10px}
.productscontent .productscontent article .pagination div:hover{border:1px solid white}}
.productscontent .inquiry{width:100%}
.productscontent .inquiry .news-content-title{font-size:var(--fontsize22);color:var(--color)}
.productscontent .like{width:100%}
.productscontent .like ul{width:100%}
.productscontent .like ul img{position:absolute;max-width:100%;max-height:100%;border-radius:4px}
.productscontent .like li{margin-bottom:0px;width:25%}
.productscontent .like li:hover img{transform:scale(1.05)}
.productscontent .like ul div{border-radius:4px;width:100%;position:relative}
.productscontent .like ul div a{display:flex;align-items:center;justify-content:center}
.productscontent .like ul div a::after{content:'';display:block;padding-top:100%}
.productscontent .like a{font-size:var(--fontsize14);text-align:center;margin:5px 0px}
@media (max-width:1180px){.productscontent .product-detail .right .btn{display:block}
.productscontent .product-detail .right .btn a{margin-bottom:20px}}
@media (max-width:1000px){.productscontent .product-detail{display:block}
.productscontent .product-detail .right .btn a{width:100%}
.productscontent .product-detail .right{padding-left:0px}
.productscontent main .container{padding-top:15px}
.productscontent .product-detail .left{width:100%;height:auto !important}
.productscontent .product-detail .left .swiper-product-details-page{width:100% !important;height:100% !important}
.productscontent .product-detail .left .swiper-box{width:100% !important;height:100% !important}
.productscontent .product-detail .left .swiper-wrapper{width:100% !important;height:100% !important}
.productscontent .product-detail .left .swiper-slide{width:100% !important;height:100% !important;display:flex}
.productscontent .product-detail .left .swiper-slide img{border:1px solid #f8f8f8 !important;width:100% !important;height:100% !important}
.productscontent .product-detail .right h1{margin-top:15px;line-height:1.35}
.productscontent .pagination{flex-wrap:wrap}
.productscontent .pagination div{width:100%;flex:unset;margin-bottom:10px}}
@media (max-width:1000px){.productscontent .bread-crumbs-template{display:none}}
.productscontent .pagination div a,.news-content article .pagination div a{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.visibility{visibility:hidden}
.products .count{font-size:var(--fontsize12)}
.products .descption .add a{display:flex;align-items:center;justify-content:flex-start;color:var(--color);margin-top:10px}
.products .descption .add span{border:1px solid var(--color);padding:0px;width:15px;height:15px;margin-right:5px;display:flex;align-items:center;justify-content:center}
.shop-car{bottom:13.067vw}
.shop-car{bottom:13.067vw}
.shop-car{width:100%;position:fixed;height:100px;bottom:0px;left:0px;background:#F6F6F7;z-index:3;display:flex;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.shop-car ul{width:1420px;padding-left:10px;overflow-x:auto;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:10px}
.shop-car ul li{height:60px;display:flex;border:1px solid #ececec;background:white;margin-right:10px}
.shop-car ul li .left{width:80px;display:flex;-webkit-box-align:center;-ms-flex-align:center;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(--fontsize12);font-weight:var(--fontbold4);padding:15px;color:#191919;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical}
.shop-car ul li .right{cursor:pointer;width:20px;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:5px}
.shop-car div.button{font-size:var(--fontsize12)}
.shop-car div.button.buy{width:160px;height:36px;background:var(--color)}
.shop-car div.button.buy a{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;cursor:pointer;width:100%;height:100%;color:#FFFFFF}
.shop-car div.button.clear{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;cursor:pointer;width:86px;height:20px;font-weight:var(--fontbold4);color:var(--introcolor);background:0}
@media (max-width:1000px){.shop-car{bottom:13.067vw}
.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)}}
.feedback article a{color:var(--fontcolor)}
.feedback article .feedback-list{margin:20px 0px;padding:0px 20px;border:1px solid #DDD;width:100%}
.feedback article .feedback-list .list-li{display:flex;padding:20px 0px;border-bottom:1px solid #DDD}
.feedback article .feedback-list .list-li:nth-last-of-type(1){border:0px}
.feedback article .feedback-list .list-li div:nth-of-type(1){width:194px;height:145px}
.feedback article .feedback-list .list-li div:nth-of-type(1) img{width:100%;height:100%}
.feedback article .feedback-list .list-li div:nth-of-type(2){-webkit-box-flex:1;flex:1;display:flex;-webkit-box-align:center;align-items:center;padding-left:20px;font-size:var(--fontsize16)}
.feedback article .feedback-list .list-li div:nth-of-type(2) a{color:var(--fontcolor)}
.feedback article .feedback-list .list-li div:nth-of-type(3){width:30px;display:flex;-webkit-box-align:center;align-items:center;justify-content:center;font-size:36px;cursor:pointer;transform:rotate(45deg)}
@media (max-width:600px){.feedback article .feedback-list .list-li div:nth-of-type(1){width:97px;height:72px}
.feedback article .feedback-list .list-li div:nth-of-type(2){font-size:var(--fontsize14)}
.feedback article .feedback-title span{display:-webkit-box !important;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.feedback article .feedback-list .list-li div:nth-of-type(3){width:30px}}
.feedback article .feedback-list>.list-li>div:nth-of-type(1){width:100px;height:auto}
@media (max-width:500px){.feedback article .feedback-list>.list-li>div:nth-of-type(1){width:100px;height:auto}}
.feedback article .inquiry{width:100%}
.ie-html{display:block}
.ie-show{display:none}
.ie .container{width:100%;max-width:1600px}
.ie.index .product{overflow-x:hidden}
.ie .ie-show{display:block;color:white}
.ie.index .join-us .container{margin:auto}
.ie.index .product{background-size:100%}
.ie.index .join-us,.ie.index .popular{display:block}
.ie.index .popular .container{margin:auto}
.ie.index .product ul li a{display:block}
.ie.index .news ul li:hover,.ie.index .about .left img:hover,.ie.index .popular ul li{transform:none}
.ie.index .popular .left>div{width:100%;box-sizing:border-box}
.ie.index .popular .left{width:48% !important}
.ie.index .news ul li{width:24% !important}
.ie.products article ul div.img a{display:block !important}
.ie.productscontent .product-detail{width:100%}
.ie.productscontent .like ul div a{display:block}
.ie.productscontent .ie-show{color:black !important;font-size:var(--fontsize24) !important;transform:translateY(-10px) !important}
.ie.news-template article ul div.img a{display:block}
.ie.singglepage article .box1{max-width:1920px;width:100%}
.ie.index .about .right h3{height:50px}
.ie.index .about .right p:nth-of-type(1){height:40px}
.ie.index .product ul li p{height:22px}
.ie.index .popular .left>div p:nth-of-type(1){height:50px}
.ie.index .popular .left>div p:nth-of-type(2){height:40px}
.ie.index .news ul li p:nth-of-type(1){height:25px}
.ie.index .news ul li p:nth-of-type(2){height:50px}
.ie.news-template article ul p>a{height:28px}
.ie.news-template article ul p>a{height:25px}
.ie.news-template article ul p>a{height:28px}
.ie.industrylist article ul.page-0 li h3 a{display:inline-block;overflow:hidden;height:27px}
.ie.industrylist article ul.page-0 li p{height:44px}
.ie.documentlist article .video-list li .video-name,.ie.documentlist article .download-list li .download-name,.ie.documentlist article ul.project-list .project-info .project-name{height:28px}
.ie.documentlist article .video-list li .video-in,.ie.documentlist article ul.project-list .project-info .project-content{height:50px}
.ie.index .about,.ie footer,.ie .bread-crumbs-template{display:block}
.ie.index .about .container,.ie footer .container,.ie .bread-crumbs-template .container{margin:auto}
.ie aside ul.latest-news img{width:100%}
.ie aside ul.latest-news .date{right:-1px}
.ie aside ul.latest-news p>a{height:20px}
.ie aside ul.latest-news p:nth-of-type(2){height:50px}
.ie.industrylist article.page-1 li p{height:70px}
.ie.industrylist article.page-1 li h3 a{display:block;height:27px}
.ie.news article ul div.img a{position:relative}
.ie.news article ul.page-0 ul img{bottom:0px}
.ie.news article ul div.img{box-shadow:none}
.ie.documentlist article ul.project-list .project-info a{display:block;width:100%}
.ie.index .popular ul li{width:50%}
.ie.index .popular ul li .left{width:48%}
.ie.index .popular ul li .right{width:52%}
.ie.index .popular .right img{width:100%}
.ie aside ul.concat-us li{display:block}
.ie.productscontent .pagination div a,.ie.news-content article .pagination div a{height:20px}
.ie{margin:auto !important}
.ie footer .latest-news ul a .right{width:calc(100% - 120px)}
.ie footer .latest-news .right p:nth-of-type(1){height:30px}
.ie footer .latest-news .right p:nth-of-type(2){height:60px}
.ie aside ul.concat-us li{width:100%}
.ie footer .navgation{width:200px}
.productscontent .content table img{width:100%}
.productscontent .content table{margin:10px 0px;width:100%;font-size:var(--fontsize15);color:#8E8E8E;line-height:25px}
.productscontent .content table tr:nth-child(2n+1){background:#F6F6F6}
@media (max-width:1000px){.productscontent .content table{overflow:scroll}}
.lz-loading{width:16px !important;height:16px !important}
.index .popular ul li .right{display:flex;align-items:center;justify-content:center}
.productscontent .pagination div a,.news-content article .pagination div a{font-size:var(--fontsize16)}
.productscontent .content img{max-width:100%}
.documentlist article ul.project-list .project-info a{width:100%}
@media (max-width:1000px){.industrylist article ul.page-0 li{width:100% !important}
.product-typelist .bread-crumbs-template{height:auto !important}
.singglepic{width:100% !important}
.singglepic img{width:100% !important}
.singglepic{z-index:2 !important}}
.news-content article .content img{max-width:100%}
video{max-width:100%}
@media (min-width:767px) and (max-width:1000px){.productscontent main .container{padding-top:15px}
.singglepic{height:auto !important}}
@media (min-width:1000px){
.index .news ul li p:nth-of-type(2){-webkit-line-clamp:3 !important}
aside ul.latest-products li p{-webkit-line-clamp:3 !important}
.news-template article ul p:nth-of-type(1){margin:0px}
.industrylist article ul.page-0 li p{-webkit-line-clamp:5 !important}
aside ul.latest-news p:nth-of-type(2){-webkit-line-clamp:3 !important}
aside ul.latest-news p>a{-webkit-line-clamp:2 !important}
.documentlist article .video-list li .video-in{-webkit-line-clamp:4 !important}}
@media (min-width:1000px) and (max-width:1456px){.news.news-template article ul.page-0 div.img{height:15.5vw}
.news-template ul.page-0 li{display:flex !important;align-items:center !important}}
.ie.news article ul.page-0 img{position:absolute;bottom:0px}
.industrylist article ul.page-1 li p{-webkit-line-clamp:8 !important}
.index .product ul li img:hover{box-shadow:0px 2px 12px 0 rgb(0 0 0 / 50%)}
.index .popular ul li:hover{transform:unset}
.index .popular ul li:hover img{transform:scale(1.08);transition:all .3s ease}
.index .popular ul li img{transition:all .3s ease}
.btn a:hover{font-size:100%}
.index .popular .left>div::after{border-top:14px solid transparent;border-left:14px solid var(--color);border-bottom:14px solid transparent;right:-14px;z-index:2}
.index .popular li:nth-of-type(2) .left>div::after{border-top:14px solid transparent;border-left:14px solid #e63975;border-bottom:14px solid transparent;right:-14px;z-index:2}
.index .popular li:nth-of-type(3) .left>div::after{border-top:14px solid transparent;border-left:14px solid #599bdf;border-bottom:14px solid transparent;right:-14px;z-index:2}
.index .popular li:nth-of-type(4) .left>div::after{border-top:14px solid transparent;border-left:14px solid #86d635;border-bottom:14px solid transparent;right:-14px;z-index:2}
.index .popular ul li .right{overflow:hidden}
.index .news ul li:hover{transform:scale(1.03)}
.index .news ul li:hover{transform:unset}
.index .news ul li div>a{overflow:hidden}
.index .news ul li div{overflow:hidden}
.index .news ul li:hover div>a{transition:all .3s ease}
.index .news ul li:hover div>a img{transform:scale(1.03);transition:all .3s ease}
.index .news ul li div>a img{transition:all .3s ease}
@media (min-width:1000px){aside,.news-template article ul li:hover p>a,.industrylist article ul li h3 a,.news-template article ul li p>a{text-transform:capitalize}}
.product-typelist .keywords h3{display:none}
.product-typelist .keywords span{display:flex;flex-wrap:wrap}
.product-typelist .keywords a{margin-bottom:10px}
.news-template article ul li:hover div.img{transform:unset}
.news-template article ul li:hover div.img  img{transform:scale(1.03);transition:all .3s ease}
.news-template article ul li div.img  img{transition:all .3s ease}
.news-template article ul div.img{overflow:hidden}
@media (max-width:1000px){.productscontent .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper .swiper-slide img{border-radius:unset}
.news-template article ul .date{font-size:var(--fontsize12);width:auto;padding:2px 3px}
.news-template article ul .date i,.news-template article ul .date em{margin-right:5px}
.index .news ul .date{width:auto;height:25px;padding:2px 3px}
.index .popular .left .btn{width:25vw;height:7.5vw}}
.productscontent .content{color:#333333;font-size:var(--fontsize14)}
.productscontent .content table img{width:100%}
.productscontent .content table{margin:10px 0px;width:100%;font-size:var(--fontsize15);color:#8E8E8E;line-height:25px}
.productscontent .content table tr:nth-child(2n+1){background:#F6F6F6}
.productscontent .content .table td{border:1px solid #CDCDCD;padding:5px;color:#444444}
@media (max-width:1000px){.productscontent .content table{overflow:scroll}}
.seo-info a{color:#888888}
.seo-info a:hover{text-decoration:underline}
.banner .swiper-pagination{bottom:20px !important}
@media (max-width:1000px){.index .news ul .date i{display:none}
.news-template article ul .date i,.news-template article ul .date em{display:none}}
@media (max-width:500px){.products .pro-title{font-size:var(--fontsize18)}}
.singglepage article .title{color:var(--fontcolor);align-items:center}
.news-template article ul.page-1{align-items:flex-start}
.addToCart{width:160px;height:50px;background:#fb9823;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-right:20px;color:#FFFFFF;font-size:var(--fontsize16);padding:0px 15px;box-sizing:border-box;line-height:40px;transition:all .3s ease;cursor:pointer;background:#fb9823;border-radius:4px}
.addToCart span{background:url(../image/addtocart.webp) no-repeat right center;padding-right:26px;background-size:20px}
@media (max-width:1000px){.addToCart{width:100%}}
@media(max-width:768px){.productscontent .content img,.singglepage article img{max-width:100%;height:auto}}
@media(max-width:1441px){img{height:auto;max-width:100%}}
@media(max-width:768px){iframe,video{max-width:100%;min-height:240px;height:auto}}
.productscontent .like li{width:16.6667%}
@media (max-width:1000px){
.nav-box{z-index:999}}
#jljw_IM_GdImBox{z-index:900!important}
@media (max-width:768px){.compare-panel.is-bottom{bottom:calc(51px + constant(safe-area-inset-bottom));bottom:calc(51px + env(safe-area-inset-bottom))}
footer .copyright{display:block;margin:20px auto 50px}}
footer .copyright{font-size:var(--fontsize14)}
.solutions{color:#333333;line-height:1.8}
.solu-flex-l{width:40%}
.singglepage img{height:auto;max-width:100%}
.solu-flex-r{width:60%;padding-left:2%}
.solu-flex-l img{display:block;width:100%;max-height:380px;object-fit:cover}
.flex-reverse .solu-flex-r{padding:0 2% 0 0}
.solutions>.flex{margin-bottom:4%}
.solu-name{font-size:var(--fontsize26);color:var(--fontcolor);position:relative;padding-bottom:6px;margin-bottom:20px;display:block}
.solu-name::before{content:'';display:block;position:absolute;bottom:0px;left:0px;width:70px;height:3px;background-color:var(--color)}
.solutions-list>li{width:24%;background:#F6F6F6;text-align:center;padding:2% 10px 4%;margin:2% 0}
.solutions-list>li .iconfont{font-size:40px;color:var(--color)}
.solutions-list>li p{font-size:var(--fontsize18);color:#777777;line-height:1.6;margin-top:6px}
.solutions-list>li p strong{font-size:var(--fontsize24);color:#333333;font-weight:var(--fontbold5)}
.support{color:#333333;line-height:1.8}
.flex-half{margin-bottom:60px}
.flex-half-l{width:50%;padding-right:6%}
.flex-half-r{width:50%}
.support .flex-half-r{border:1px solid #EFEFEF}
.sup-bref1::before{content:'';display:inline-block;width:60px;height:1px;background:#484742;opacity:.5;vertical-align:middle;margin-right:10px}
.sup-name{display:block;font-size:var(--fontsize26);color:#222;line-height:1.3;margin:10px 0px}
.sup-bref2{font-size:var(--fontsize18);color:#333333;line-height:1.6}
.sup-text{margin:20px 0px 30px;font-size:var(--fontsize18)}
.sup-list>li{max-width:50%;margin-right:10px}
.sup-list>li div{font-size:var(--fontsize20);font-weight:var(--fontbold5);color:#222}
.sup-list>li div p{display:inline-block;border-bottom:1px solid #EEEEEE;position:relative;line-height:1.3;padding:10px 0px}
.sup-list>li div p::before{content:'';display:block;width:40px;height:4px;background:var(--color);position:absolute;bottom:-2px;left:0px}
.sup-list>li strong{font-size:40px;font-weight:var(--fontbold5);color:#333333;line-height:1.7}
.flex-reverse{flex-direction:row-reverse}
.flex-reverse .flex-half-l{padding:0 0 0 6%}
.sup-list2>li{display:flex;flex-wrap:wrap}
.sup-list2>li .iconfont{font-size:40px;color:var(--color);line-height:1}
.sup-list2>li>div{flex:1;padding-left:16px}
.sup-list2>li>div p{font-size:var(--fontsize14);color:#888888;line-height:1.7}
.sup-list2>li>div p:nth-child(1){font-size:var(--fontsize20);color:#222;line-height:1.3;margin-bottom:6px}
.application{color:#333333;line-height:1.8}
.app-name{display:block;font-size:var(--fontsize26);font-weight:var(--fontbold5);color:#222;margin-bottom:20px;line-height:1.3;padding-top:6px}
.president-l,.teami-l{width:40%}
.president-r,.teami-r{width:60%;padding-left:2%}
.president-r p,.teami-r p{margin-bottom:10px}
.flex-reverse .teami-r{padding:0 2% 0 0}
.president-r h6,.teami-r h6{font-size:var(--fontsize24);margin-bottom:20px;line-height:1.3}
.teami{margin-bottom:3%}
#brand-history-list{padding-bottom:160px}
#brand-history-list:after{content:'';display:block;width:0px;height:0px;clear:both}
#brand-history-list li{position:relative;height:130px;width:50.6%;background-size:auto 80%!important}
#brand-history-list li h2{color:var(--fontcolor);font-size:40px;white-space:nowrap;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
#brand-history-list li:hover h2{color:var(--color)}
#brand-history-list li p{color:#999999;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;max-height:170px;overflow:hidden;line-height:1.5}
#brand-history-list li:hover p{color:#333333}
#brand-history-list li.left,#brand-history-list li:nth-of-type(2n+1){float:left;background:url(../image/history_01.webp) 100% 100% no-repeat}
#brand-history-list li.left h2,#brand-history-list li:nth-of-type(2n+1) h2{position:absolute;bottom:10%;right:10%}
#brand-history-list li.left p,#brand-history-list li:nth-of-type(2n+1) p{position:absolute;top:105%;right:10%;width:84%;text-align:right}
#brand-history-list li.right,#brand-history-list li:nth-of-type(2n){float:right;background:url(../image/history_02.webp) 0 100% no-repeat}
#brand-history-list li.right h2,#brand-history-list li:nth-of-type(2n) h2{position:absolute;bottom:10%;left:10%}
#brand-history-list li.right p,#brand-history-list li:nth-of-type(2n) p{position:absolute;top:105%;left:10%;width:84%}
.rank-flex{justify-content:space-between}
.rank-flex>li{width:32%;text-align:center;background:#FFFFFF;margin-top:2%;padding:2%;position:relative;box-shadow:0 0 10px #EEEEEE}
.rank-flex>li p:nth-of-type(2){margin-bottom:0px;font-size:var(--fontsize20);font-weight:var(--fontbold5);line-height:1.3;text-transform:capitalize}
.flex-jc-ai-c{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.rank-flex>li::before{position:absolute;top:0px;right:2%;font-size:140px;color:rgba(255,255,255,.5);line-height:1}
.rank-flex>li:nth-child(1)::before{content:'1'}
.rank-flex>li:nth-child(2)::before{content:'2'}
.rank-flex>li:nth-child(3)::before{content:'3'}
.rank-flex>li:nth-child(4)::before{content:'4'}
.rank-flex>li:nth-child(5)::before{content:'5'}
.rank-flex>li:nth-child(6)::before{content:'6'}
.ch-flex{margin-top:3%}
.ch-flex>li{width:25%;border:1px solid #EFEFEF;padding:2%;text-align:center}
.ch-flex>li:not(:nth-child(4n)){border-right:none}
.ch-flex>li:nth-child(n+5){border-top:none}
.ch-flex>li img{max-width:236px;max-height:342px}
.ch-flex>li p{margin-top:10px}
.proequ-list>div{width:calc(25% - 8px);margin:0px 10px 10px 0px}
.proequ-list{margin-top:3%}
.proequ-list>div img{display:block;width:100%}
.proequ-list>div:nth-of-type(4n){margin-right:0px}
.organ-item{width:25%;text-align:center;padding:0 4% 4%}
.organ-item img{max-width:140px;border-radius:50%}
.cphil{width:100%}
.organ-item h6{font-size:var(--fontsize20);line-height:1.3;margin:10px 0px;font-style:italic}
.organ-item h6>span{font-size:var(--fontsize24);font-style:initial}
.ch-name{font-size:var(--fontsize20);margin:10px 0px}
.ch-name+p{margin-bottom:20px}
.company-honor>div:nth-of-type(1){width:58%}
.company-honor>div:nth-of-type(2){width:40%}
.office-l{width:60%;padding-right:2%}
.office-l p{margin-bottom:10px}
.office-r{width:40%}
.flex-reverse .office-l{padding:0px 0px 0px 2%}
.office-l .atext-t{font-size:var(--fontsize20);line-height:1.3;margin:10px 0px}
.office>.flex{margin-top:2%}
.competitive-tit,.rdc-tit{font-size:var(--fontsize20);line-height:1.3;position:relative;padding-bottom:8px;margin-bottom:20px}
.competitive-tit::before,.rdc-tit::before{content:'';display:block;width:60px;height:3px;background-color:var(--color);position:absolute;bottom:0px;left:0px}
.competitive-two .flex-jc-sb>div,.rdc .flex-jc-sb>div{width:32%;margin:2% 0}
.competitive section p:nth-of-type(n+2),.cvision>p,.rdc>p:nth-of-type(n+2){margin-bottom:10px}
.competitive-four{margin-top:2%}
.strategy-list{padding-left:20px}
.strategy-list,.strategy-list li{list-style-type:circle}
.strategy-list li{margin:10px 0px}
.cmission-item{width:31.3%}
.cmission-item-tit{font-size:var(--fontsize20);line-height:1.3;position:relative;text-transform:uppercase;padding-bottom:8px;margin-bottom:20px}
.cmission-item-tit>span{color:var(--color)}
.cmission-item-tit::before{content:'';display:block;width:50px;height:2px;background-color:var(--color);position:absolute;bottom:0px;left:0px}
.cvision .flex-jc-sb>div{width:calc(50% - 10px)}
.cphil-item{width:24%;text-align:center}
.cphil-item p{text-transform:uppercase;font-size:var(--fontsize18);margin-top:10px;line-height:1.3}
.cphil-item img{max-width:300px;width:100%;border-radius:40px}
.singglepage main>.container *{box-sizing:border-box}
@media(max-width:1281px){.ch-name{margin:0px}}
@media(max-width:1024px){.solutions-list>li{width:48%}
.application,.howtouse,.solutions,.support{line-height:1.8}
.ch-flex>li img{max-width:100%}
.president-l,.teami-l{width:100%}
.president-r,.teami-r{width:100%;padding:20px 0px 0px}
.teami{margin-bottom:6%}
.company-honor>div:nth-of-type(1){width:100%}
.office-l{width:100%;padding-right:0px}
.office-r{width:100%;margin-top:20px}
.flex-reverse .office-l{padding:0px}}
@media(max-width:800px){html{font-size:64px}
.flex-half-l,.president-l,.solu-flex-l,.teami-l{width:100%;padding:0px}
.president-r,.solu-flex-r,.teami-r{width:100%;margin-top:.3rem;padding:0!important}
.flex-half-r{width:100%;margin-top:.4rem}
.flex-reverse .flex-half-l{padding:0px}
.sup-list2>li>div p{font-size:var(--fontsize16)}
.app-name,.ch-name,.cmission-item-tit,.competitive-tit,.office-l .atext-t,.organ-item h6,.rank-flex>li p:nth-of-type(2),.rdc-tit,.solu-name,.sup-name{font-size:.3rem}
.organ-item h6>span{font-size:.32rem}
.solutions>.flex,.teami{margin-bottom:.4rem}
.president-r h6,.teami-r h6{font-size:.32rem;margin-bottom:10px}
.ch-flex>li{width:50%;text-align:center}
.ch-flex>li:nth-child(2n){border-right:1px solid #EFEFEF}
.ch-flex>li:not(:nth-child(-n+2)){border-top:none}
.proequ-list>div{width:calc(50% - 5px)}
.proequ-list>div:nth-of-type(2n){margin-right:0px}
.organ-item{width:50%}
.company-honor>div:nth-of-type(2){width:100%;margin-top:20px}
.competitive section{margin-bottom:.4rem}
.rank-flex>li{width:49%}
.cmission-item{width:100%;margin-bottom:.4rem}
.cvision .flex-jc-sb>div{width:100%;margin-bottom:20px}
.cphil-item{width:48%;margin-bottom:.4rem}}
@media(max-width:540px){#brand-history-list li h2{font-size:var(--fontsize26)}}
@media(max-width:481px){.solutions-list{margin:.2rem 0}
.solutions-list>li{width:100%;padding:.2rem .3rem .4rem}
.solutions-list>li p strong{font-size:var(--fontsize18)}
.app-name,.president-r h6,.solu-name,.sup-name,.teami-r h6{font-size:var(--fontsize20)}
.sup-list>li{max-width:100%}
.solutions-list>li p{font-size:var(--fontsize16)}
.rank-flex>li::before{font-size:70px}
.rank-flex>li img{max-width:80px}
.organ-item img{max-width:90px}
.competitive-two .flex-jc-sb>div,.rdc .flex-jc-sb>div{width:100%}}
@media(max-width:415px){.sup-bref2,.sup-list>li div,.sup-text{font-size:var(--fontsize16)}
.sup-list>li strong{font-size:var(--fontsize30,30px)}
.ch-flex>li p,.cphil-item p{font-size:var(--fontsize14)}
#brand-history-list li p{max-height:2.7rem}}
@media(max-width:321px){.app-name,.president-r h6,.solu-name,.sup-name,.teami-r h6{font-size:var(--fontsize18)}}
.flex{display:flex;flex-wrap:wrap}
.flex-reverse{flex-direction:row-reverse}
.flex-ai-c{display:flex;align-items:center;flex-wrap:wrap}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.flex-jc-c{display:flex;flex-wrap:wrap;justify-content:center}
.addToCart{transition:all .3s}
.addToCart:hover,.addToCart.added{transform:scale(1.04)}
footer .categories{width:30%}
footer .categories ul li{margin-bottom:5px}
footer .categories ul li a{color:var(--footercolor)}
@media (max-width:1000px){
footer .categories{display:none}}
.wmkc-car{display:flex;flex-wrap:wrap}
.wmkc-car-img{width:50%}
.wmkc-car-all{width:50%;padding:10px 0px 0px 50px}
.wmkc-car-size{width:50%;padding:3% 50px 0px 0px}
.wmkc-car-table{display:flex;align-items:center;margin-bottom:30px}
.wmkc-car-table h4{font-size:var(--fontsize26);font-weight:800;color:#4c587c;padding:0px 22px}
.wmkc-car-s p{line-height:30px}
.wmkc-car-size p{line-height:30px}
.wmkc-and{display:flex}
.wmkc-and-size{width:50%}
.wmkc-and-img{width:50%;margin-left:40px}
.wmkc-and-img{margin-left:30px}
.wmkc-and-size p{line-height:30px}
.wmkc-and-y{width:60px;height:60px;background-color:#fb9a26;border-radius:30px;text-align:center;line-height:75px;margin:0px auto;margin-bottom:10px}
.wmkc-and-y img{width:50%}
.wmkc-and-box{width:12%;margin-right:45px}
.wmkc-and-ico{display:flex;margin-top:35px;justify-content:space-around;flex-wrap:wrap}
.wmkc-and-box p{text-align:center;color:#31426f}
.wmkc-agg-table{display:flex;justify-content:center;align-items:center;margin-bottom:30px}
.wmkc-agg-table h4{color:var(--color);font-size:var(--fontsize24);font-weight:800;padding:0px 20px}
.wmkc-agg p{margin-bottom:35px}
.wmkc-agg-img{margin-bottom:50px}
.wmkc-agg-img img{max-width:100%}
.wmkc-agg-imgall{display:flex;justify-content:space-between}
.wmkc-agg-imgall img{width:34%}
.wmkc-agg-all{flex-direction:column;display:flex;width:30%;justify-content:space-between}
.wmkc-agg-all img{width:100%}
@media(max-width:320px){.wmkc-and,.wmkc-car{flex-direction:column}
.wmkc-and-size,.wmkc-car-img{width:100%}
.wmkc-car-all{width:100%;padding:0px}
.wmkc-car-table h4{padding:10px 22px}
.wmkc-car-size{width:100%;padding:0px}
.wmkc-and-ico{justify-content:space-between}
.wmkc-and-img{width:100%}
.wmkc-agg-table h4{font-size:var(--fontsize20)}
.wmkc-agg-imgall{flex-direction:column}
.wmkc-agg-imgall img{width:100%;margin-bottom:10px}
.wmkc-agg-all{width:100%}
.wmkc-and-box{margin-right:0px;width:48%}
.wmkc-and-img{margin-left:0px}}
@media(min-width:321px) and (max-width:768px){.wmkc-and,.wmkc-car{flex-direction:column}
.wmkc-and-img,.wmkc-and-size,.wmkc-car-img{width:100%}
.wmkc-car-all{width:100%;padding:0px}
.wmkc-car-table{justify-content:center;margin-top:25px}
.wmkc-agg-table>img,.wmkc-car-table>img{max-width:30px}
.wmkc-car-size{width:100%;padding:0px}
.wmkc-agg-table h4,.wmkc-car-table h4{font-size:var(--fontsize20)}
.wmkc-and-img{margin-top:40px}
.wmkc-agg-imgall{flex-direction:column}
.wmkc-agg-imgall img{width:100%;margin-bottom:10px}
.wmkc-agg-all{width:100%}
.wmkc-and-box{margin-right:0px;width:48%;margin-bottom:20px}
.wmkc-and-img{margin-left:0px}}
@media (min-width:769px) and (max-width:1024px){.wmkc-car-all{padding:22px}
.wmkc-car-img{margin:auto}
.wmkc-car-size{padding:0px 22px 0px 0px}}
@media (max-width:1000px){.products article ul h4>a{font-size:var(--fontsize15);margin-top:10px;margin-bottom:0px;-webkit-line-clamp:2}}
.news-template article h4>a{width:100%;font-size:var(--fontsize18);color:#444444;margin:10px 0px 0px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media screen and (max-width:768px){.news-template article ul.page-0{display:block}
.news-template article ul.page-0>li .descption{flex:1}
.news-template article ul.page-0>li{display:flex;width:100%!important}
.news-template article ul.page-0>li .img{flex:0 0 40vw;height:40vw;margin-right:10px}
.news-template article ul.page-0>li p{line-height:24px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
.news-template article h4>a{text-transform:capitalize}
@media (max-width:1000px){nav>ul{height:100%}
nav .share-list{display:none}}
@media screen and (max-width:768px){.news-template article ul.page-0>li p{font-size:var(--fontsize12);line-height:18px}
.products .descption .add span{width:13px;height:13px}}
@media (max-width:1000px){.news-template article ul p>a{margin-top:0px}
.news-template article ul .date{top:0px;left:0px;bottom:initial;right:initial}
.news-template article ul .descption>span{padding-top:10px}}
@media (max-width:1000px){.bread-crumbs-template{margin-top:0px;font-size:var(--fontsize12)}}
@media (min-width:1000px){.news-template article ul.page-0 .descption{padding:20px}}
.index .banner .index-banner .swiper-slide img{height:auto}
ul.page-0>li>p{font-size:var(--fontsize14)}
@media(max-width:1024px){.mobcate-main{flex-direction:column-reverse}
.mobcate-main aside{display:block;width:100%;max-width:100%;position:relative;margin:0px 0px 20px;padding:0px 10px;box-sizing:border-box;border-bottom:1px solid #CCC}
.mobcate-main aside .aside-title:nth-of-type(n+2),.mobcate-main aside .concat-us,.mobcate-main aside .latest-products{display:none}
.mobcate-main aside .product-category{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 .aside-title:first-of-type{height:auto;justify-content:flex-start;border-radius:0;color:var(--fontcolor);padding:10px 0px;cursor:pointer;background:url(../image/cate-btn.webp) right center/24px no-repeat}
aside ul.product-category a{padding:0px 10px}
aside ul.product-category li i{right:10px}
aside ul.product-category ul li{padding:0px 20px}}
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}
ul.cate-ulli li,ul.pro-ulli li{list-style-type:disc;line-height:175%}
.industrylist article ul.page-1 li{padding:0px;margin:0px 21px 30px 0px!important;box-sizing:border-box;overflow:hidden;border-radius:6px}
.industrylist article ul.page-1 li:nth-child(3n){margin-right:0px!important}
.industrylist article ul.page-1 li .newspic a{position:relative;display:block;width:100%;padding-bottom:100%}
.industrylist article ul.page-1 li .newspic img{border-radius:6px;height:100%;object-fit:contain}
.industrylist article ul.page-1 li .newstxt{padding:10px 15px}
.industrylist article ul.page-1 li p{-webkit-line-clamp:3!important;height:72px}
@media (max-width:1000px){.productscontent .content{padding:10px 0px}
.industrylist article ul.page-1 li{width:48%!important;margin:0px 4% 30px 0px!important}
.industrylist article ul.page-1 li:nth-child(3n){margin-right:4%!important}
.industrylist article ul.page-1 li:nth-child(2n){margin-right:0px!important}}
@media (max-width:560px){.industrylist article ul.page-1 li{width:100%!important;margin:0px 0px 30px 0px!important}
.industrylist article ul.page-1 li:nth-child(3n){margin-right:0px!important}}
.lang{width:auto;position:relative;z-index:9999;text-align:left;margin-right:15px;margin-left:auto;top:6px;height:30px}
.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;color:var(--headercolor)}
.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;box-sizing:border-box}
.lang-flex .lang-wrap{width:340px;display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;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:768px){.lang{margin-left:auto;position:fixed;top:14px;right:90px;transition:all .2s linear}
.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:70%}
.lang-drop{display:none}
.lang-drop.active{display:block}}
.prohome-content{clear:both;margin:0px auto 30px;max-width:1600px;line-height:1.6;box-sizing:border-box}
.prolist-bottom{clear:both;margin:0px auto 30px;max-width:1600px;line-height:1.6;box-sizing:border-box}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
.proIntro{clear:both;margin:0px auto 30px}
.proIntro a{text-decoration:underline;text-transform:lowercase}
.proIntro a:hover{color:var(--color)}
@media(max-width:1600px){.prohome-content,.prolist-bottom{padding:0px 15px 20px}}
@media(max-width:768px){.prohome-content{clear:both;line-height:1.6}
.prolist-bottom{clear:both;line-height:1.6}}
@media(max-width:768px){
.go-top{display:none !important}
.pho-footer ul li .go-top{display:flex!important;justify-content:center;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#FFFFFF}}
.mediaplay{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:99;width:50px!important;height:50px!important;cursor:pointer;display:none;border:none!important}
@media(max-width:768px){.productscontent .product-detail .left .swiper-slide .mediaplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:99;width:50px!important;height:50px!important;cursor:pointer;display:none;border:none!important}}
#media{width:100%;height:100%;background:#EEEEEE;object-fit:contain;z-index:100;position:relative}
.productscontent .product-detail .big.act{display:none!important}
#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}
@media(max-width:1024px){
#filterlist .aside-title{background:none}}
.pagesbanner{position:relative;z-index:1}
.pagesbanner>a{z-index:1;position:relative;display:block}
.pagesbanner video,.pagesbanner img{width:100%;height:auto;object-fit:cover}
.pagesbanner .pagesbanner-animate{width:100%;padding:0px 20px;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f3f3f3;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 .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)}}