:root{--color:#222;--fontcolor:#000000;--summarycolor:#555555;--border:5px;--fontweight5:500;--fontweight4:400;--fontweight7:700;--fontfamily:"Roboto","Lato","Open Sans","Poppins","Oswald","Noto Sans","Montserrat",'sans-serif'}
::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.1);border-radius:10px;background:rgba(122,122,122,.1)}
::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#d7d7d7}
::-webkit-scrollbar{width:8px;height:1px}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p,pre,form,input,button,textarea{padding:0px;margin:0px;box-sizing:border-box}
html{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
body{clear:both;margin:0px auto;padding:55px 0px 0px 0px;max-width:1920px;font-size:16px;line-height:1.6;color:var(--fontcolor);overflow-x:hidden;font-family:var(--fontfamily)}
h1,h2,h3,h4,h5,h6,b{text-transform:capitalize;font-weight:var(--fontweight5)}
img{vertical-align:bottom;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
li,ol,ul{list-style:none}

          @font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont.eot");
  src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),
       url("../fonts/iconfont.woff") format("woff"),
       url("../fonts/iconfont.ttf") format("truetype"),
       url("../fonts/iconfont.svg#iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
}


.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;}
.icon-inquiry:before{content:"\e626";}
.icon-youtube:before {content:"\e61d";}
.icon-tiktok:before {content:"\ecdc";}
.icon-cart:before {content:"\e613";}
.icon-view:before {content:"\e860";}
.icon-video:before {content:"\e73c";}
.icon-skype:before {content:"\e882";}
.icon-message1:before {content:"\e626";}
.icon-home:before {content:"\e618";}
.icon-whatsapp:before {content:"\e97b";}
.icon-mail:before {content:"\e70b";}
.icon-map2:before {content:"\e813";}
.icon-fax:before {content:"\e6e5";}
.icon-map:before {content:"\e758";}




.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-qq:before{content:"\e882"}
.icon-tiktok:before{content:"\ecdc"}
.icon-shopping3:before{content:"\e73c"}
.icon-gouwuche:before{content:"\e613"}
.icon-shejiguifan:before{content:"\e601"}
.icon-shopping2:before{content:"\e600"}
.icon-videofill:before{content:"\e7c7"}
.icon-cart:before{content:"\e88c"}
.icon-fax:before{content:"\e620"}
.icon-factory:before{content:"\e8ce"}
.icon-erji:before{content:"\e6bf"}
.icon-jiangbei1:before{content:"\e669"}
.icon-shijian:before{content:"\e652"}
.icon-renqun:before{content:"\e6c9"}
.icon-caidanlan-chanpin:before{content:"\e64c"}
.icon-yungongchang:before{content:"\e607"}
.icon-wechat:before{content:"\e883"}


.icon-email2:before{content:"\e638"}
.icon-arrow-r:before{content:"\e64d"}
.icon-phone:before{content:"\e63d"}
.icon-facebook:before{content:"\e63a"}
.icon-close:before{content:"\e650"}
.icon-twitter:before{content:"\e726"}
.icon-linkedin:before{content:"\e696"}
.icon-arrow-l:before{content:"\e606"}
.icon-gp:before{content:"\e65d"}
.icon-email:before{content:"\e65e"}
.icon-address:before{content:"\e644"}
.icon-whatsapp:before{content:"\e933"}
.icon-inquiry:before{content:"\e6db"}

.icon-arrow-long-r:before{content:"\e92e"}
.icon-youtube2:before{content:"\e7b2"}

.icon-shouji:before{content:"\e692"}
.icon-arrow-b:before{content:"\e60c"}
.icon-arrow-t:before{content:"\e60d"}
.icon-tel:before{content:"\e661"}
.icon-pinterest:before{content:"\e685"}
.icon-search:before{content:"\e610"}
.icon-below-right:before{content:"\e627"}
.icon-below-bottom:before{content:"\e628"}
.icon-address2:before{content:"\e612"}
.icon-home2:before{content:"\e60e"}
.icon-send:before{content:"\e678"}
.icon-date:before{content:"\e6c5"}
.icon-eyes:before{content:"\e603"}
.icon-download:before{content:"\e6ba"}


.icon-phone2:before {content:"\e86e";}
.icon-pinterest:before {content:"\e697";}
.icon-instagram:before {content:"\e87f";}
.icon-facebook:before {content:"\e634";}
.icon-linkedin:before {content:"\e978";}
.icon-twitter:before {content:"\e9b2";}
.icon-angle-up:before {content:"\e60a";}
.icon-cc-arrow-left:before {content:"\e609";}
.icon-cc-arrow-right:before {content:"\e60c";}
.icon-earth:before {content:"\e781";}
.icon-mail_fill:before {content:"\e70a";}
.icon-search:before {content:"\e607";}
.icon-phone:before {content:"\e787";}
.icon-map-filling:before {content:"\e68c";}


.l-wrap{width:100%;max-width:1700px;padding:0px 70px;margin:0px auto}
.head-lang{display:flex;align-items:center;justify-content:center}
.lang{width:auto;z-index:9999;text-align:left;position:relative;margin-right:20px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:14px;user-select:none;white-space:nowrap}
.lang-icon span{position:relative;padding-right:18px;color:#FFF}
.lang-icon>img{margin-right:5px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:#FFF;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:#FFF;transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFF;border:1px solid #EBEEF5;border-radius:var(--border);box-shadow:0 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(23%)}
.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:#FFF;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 0;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:0px}
.lang-flex .lang-wrap li a{padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEE}
.lang-wrap li a{display:block;color:var(--fontcolor);font-size:12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1024px){.l-wrap{padding:0px 15px}
.lang{margin-left:auto;margin-right:10px;transition:all .2s linear}
.lang-icon span{display:none}
.lang-icon>img{width:36px;height:24px}
.lang-drop{display:none}
.lang-drop.active{display:block}}

/* header */
header{position:fixed;top:0px;left:0px;width:100%;background:#FFF;z-index:999}
header.is-active .head-top{margin-top:-40px;opacity:0;visibility:hidden}
header.is-active .head-info{height:80px}
header .head-top{background:var(--color);color:#FFF;height:40px;transition:margin .1s linear}
header .head-top .l-wrap{height:100%;display:flex;justify-content:space-between;align-items:center}
header .head-top .head-share{display:flex;align-items:center;height:100%}
header .head-top .head-share ul{display:flex;align-items:center;margin-right:10px;height:100%}
header .head-top .head-share ul li{width:26px;height:26px;margin:0px 4px}
header .head-top .head-share ul li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:all .1s linear;color:#FFF;border-radius:var(--border)}
header .head-top .head-share ul li a:hover{color:var(--color);background-color:#FFF}
header .head-top .head-contact{display:flex;align-items:center}
header .head-top .head-contact .item{display:flex;align-items:center;margin-right:20px}
header .head-top .head-contact .item em{color:#FFF;margin-right:5px;font-size:16px}
header .head-top .head-contact .item a{color:#FFF}
header .head-top .head-contact .item span{font-size:14px;color:var(--fontcolor)}
header .head-info{height:100px;box-shadow:1px 2px 10px rgba(0,0,0,.1);transition:all .1s linear}
header .head-info .l-wrap{max-width:1600px;padding:0px 15px;height:100%;display:flex;justify-content:space-between;align-items:center}
header .head-info .head-logo{max-width:50%;display:flex;align-items:center}
header .head-info .head-logo a{display:inline-flex;align-items:center}
header .head-info .head-logo a span{font-size:18px;padding-left:10px}
header .head-info .head-logo img{width:auto;max-height:60px}
header .head-info .head-nav{align-items:center}


header .head-info .head-nav{background:#FFF;width:100%;height:calc(100vh - 55px);padding:10px 20px;position:fixed;left:0px;top:55px;transition:all .2s linear;display:flex;flex-direction:column-reverse;justify-content:flex-end;opacity:0;visibility:hidden;transform:translateY(-20px);z-index:9999}

header.is-active .head-info .head-nav{top:54px;height:calc(100vh - 54px)}
header .head-top{font-size:14px;height:30px;position:static;transition:all .2s linear;display:none}
header .nav-ul>li .submenu>li em{display:none}
header .head-info{height:55px}
header .head-info .head-logo{max-width:inherit}
header .head-info .head-nav{background:#FFF;width:40%;height:calc(100vh - 55px);padding:10px 20px;position:fixed;left:0px;top:65px;transition:all .2s linear;display:flex;flex-direction:column-reverse;justify-content:flex-end;opacity:0;visibility:hidden;transform:translateY(-20px);z-index:9999}
header .head-info .head-nav.head-nav-act{opacity:1;visibility:inherit;transform:translateY(0)}



header .head-info .head-nav .nav-ul{}
header .head-info .head-nav .nav-ul>li{position:relative;}
header .head-info .head-nav .nav-ul>li>em{position:absolute;right:0px;top:50%;transform:translateY(-50%);font-size:12px}
header .head-info .head-nav .nav-ul>li>a{display:flex;align-items:center;justify-content:left;width:100%;height:100%;font-size:18px;color:var(--fontcolor);font-weight:var(--fontweight5);padding:10px 20px;transition:all .1s linear;text-transform:capitalize;position:relative;white-space:nowrap}
header .head-info .head-nav .nav-ul>li:hover>em{color:var(--color)}
header .head-info .head-nav .nav-ul>li:hover>a{color:var(--color)}
header .head-info .head-nav .nav-ul>li:hover .submenu{opacity:1;visibility:inherit;transform:translateY(0)}
header .head-info .head-nav .nav-ul>li .submenu{opacity:0;visibility:hidden;transform:translateY(10px);transition:all .1s linear;position:absolute;top:100%;left:0px;min-width:200px;background:#FFF;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
header .head-info .head-nav .nav-ul>li .submenu li{white-space:nowrap;position:relative;padding:0px 10px;height:55px}
header .head-info .head-nav .nav-ul>li .submenu li a{display:flex;align-items:center;font-size:16px;height:100%;color:var(--fontcolor);padding-right:30px;border-bottom:1px solid #eaeaea;text-transform:capitalize}
header .head-info .head-nav .nav-ul>li .submenu li ul li a{color:var(--fontcolor);text-transform:capitalize}
header .head-info .head-nav .nav-ul>li .submenu li em{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px}
header .head-info .head-nav .nav-ul>li .submenu li ul{display:none}
header .head-info .head-nav .nav-ul>li .submenu li:hover{background:#F6F6F6}
header .head-info .head-nav .nav-ul>li .submenu li:hover ul{display:block;position:absolute;left:100%;top:0px;background:#FFF;box-shadow:1px 2px 10px rgba(0,0,0,.1);min-width:200px}
header .head-info .head-nav .nav-ul>li .submenu>li:hover>a,header .head-info .head-nav .nav-ul>li .submenu>li:hover>em{color:var(--color)}
header .head-info .head-nav .nav-ul>li .submenu li:hover ul li:hover a,header .head-info .head-nav .nav-ul>li .submenu li:hover ul li:hover em{color:var(--color)}
header .head-info .head-nav .nav-ul>li>a.inmenu_1{color:var(--color)}


header .head-info .head-nav .nav-ul{width:100%;height:100%;display:block;flex-direction:column;overflow-y:auto;padding:0px 0px 60px}
header .head-info .head-nav .nav-ul>li{height:auto}
header .head-info .head-nav .nav-ul>li:hover>a,header .head-info .head-nav .nav-ul>li:hover>em{color:inherit}
header .head-info .head-nav .nav-ul>li:hover .submenu{opacity:inherit;visibility:inherit;transform:inherit;transform:none}
header .head-info .head-nav .nav-ul>li.cur>a{color:var(--color)}
header .head-info .head-nav .nav-ul>li.cur>em{color:var(--color);transform:rotateX(180deg)}
header .head-info .head-nav .nav-ul>li>em{width:40px;height:40px;display:flex;align-items:center;justify-content:center;top:8px;right:0px;font-size:22px;cursor:pointer;transition:all .1s linear;transform:none}
header .head-info .head-nav .nav-ul>li>a{padding:12px 0px;height:auto;justify-content:flex-start;font-size:18px;font-weight:normal}
header .head-info .head-nav .nav-ul>li>a::after{content:none}
header .head-info .head-nav .nav-ul>li .submenu{display:none;opacity:1;visibility:inherit;position:static;transform:none;box-shadow:none;transition:none;padding-left:10px;min-width:inherit}
header .head-info .head-nav .nav-ul>li .submenu li{height:auto}
header .head-info .head-nav .nav-ul>li .submenu li:hover{background:0 0}
header .head-info .head-nav .nav-ul>li .submenu li a{border:none;font-weight:var(--fontweight4);padding:5px 0px}
header .head-info .head-nav .nav-ul>li .submenu li ul{display:block!important;position:static!important;padding-left:10px;box-shadow:none!important}

.search-box{height:auto;width:100%}
.search-box input{flex:1}
.m-menu{display:block;position:relative;width:40px;height:40px;cursor:pointer;margin-right: 3%}
.m-menu span{position:absolute;background:var(--color);width:30px;height:3px;border-radius:var(--border);right:0px;transition:all .2s linear}
.m-menu span:nth-child(1){top:25%}
.m-menu span:nth-child(2){top:48%}
.m-menu span:nth-child(3){top:73%}
.m-menu.act span{top:48%;width:32px}
.m-menu.act span:nth-child(1){transform:rotate(45deg)}
.m-menu.act span:nth-child(2){width:0px}
.m-menu.act span:nth-child(3){transform:rotate(-45deg)}

.search-box{position:relative;display:flex;align-items:center;height:100%}
.head-search{display:flex;align-items:center;margin-left:auto}
.head-search button{outline:0;background:0 0;border:none;padding:10px;cursor:pointer}
.head-search button em{font-size:26px;color:var(--color);font-weight:var(--fontweight5)}
.search-input{position:absolute;top:100%;right:0px;background:#FFF;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 4px rgba(0,0,0,.2);opacity:0;transform:rotateX(90deg);visibility:hidden}
.search-input input{width:200px;height:40px}
.search-input input{width:200px;height:40px;padding-left:10px;font-size:16px;border:none;outline:0}
.search-input .search-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear}
.search-input .search-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear}
.search-input .search-btn:hover{opacity:.9}
.search-input .search-btn em{font-size:22px;color:var(--color)}
.search-input.active{transition:opacity .3s,transform .3s;visibility:visible;opacity:1;transform:rotateX(0);transform-origin:top}

@media (max-width:1280px){header .head-info .head-nav .nav-ul>li>a{padding:0px 15px}
header .head-info .head-nav .nav-ul>li>em{right:15px}}
@media (max-width:1024px){
.search-box{display:none}
.search-input{margin:10px 0px;display:block;position:static;opacity:1;transform:none;visibility:inherit;display:flex;align-items:center;width:100%;box-shadow:none;border:1px solid #c2c2c2;border-radius:var(--border);overflow:hidden}
.search-input input{flex:1}
header.is-active .head-info{height:55px}
header .head-info .head-logo img{max-height:45px}
header.is-active .head-info .head-nav{top:54px;height:calc(100vh - 54px)}
header .head-top{font-size:14px;height:30px;position:static;transition:all .2s linear;display:none}
header .nav-ul>li .submenu>li em{display:none}
header .head-info{height:55px}
header .head-info .head-logo{max-width:inherit}
header .head-info .head-nav{background:#FFF;width:100%;height:calc(100vh - 55px);padding:10px 20px;position:fixed;left:0px;top:55px;transition:all .2s linear;display:flex;flex-direction:column-reverse;justify-content:flex-end;opacity:0;visibility:hidden;transform:translateY(-20px);z-index:9999}
header .head-info .head-nav.head-nav-act{opacity:1;visibility:inherit;transform:translateY(0)}
header .head-info .head-nav .nav-ul{width:100%;height:100%;display:block;flex-direction:column;overflow-y:auto;padding:0px 0px 60px}
header .head-info .head-nav .nav-ul>li{height:auto}
header .head-info .head-nav .nav-ul>li:hover>a,header .head-info .head-nav .nav-ul>li:hover>em{color:inherit}
header .head-info .head-nav .nav-ul>li:hover .submenu{opacity:inherit;visibility:inherit;transform:inherit;transform:none}
header .head-info .head-nav .nav-ul>li.cur>a{color:var(--color)}
header .head-info .head-nav .nav-ul>li.cur>em{color:var(--color);transform:rotateX(180deg)}
header .head-info .head-nav .nav-ul>li>em{width:40px;height:40px;display:flex;align-items:center;justify-content:center;top:8px;right:0px;font-size:22px;cursor:pointer;transition:all .1s linear;transform:none}
header .head-info .head-nav .nav-ul>li>a{padding:12px 0px;height:auto;justify-content:flex-start;font-size:18px;font-weight:normal}
header .head-info .head-nav .nav-ul>li>a::after{content:none}
header .head-info .head-nav .nav-ul>li .submenu{display:none;opacity:1;visibility:inherit;position:static;transform:none;box-shadow:none;transition:none;padding-left:10px;min-width:inherit}
header .head-info .head-nav .nav-ul>li .submenu li{height:auto}
header .head-info .head-nav .nav-ul>li .submenu li:hover{background:0 0}
header .head-info .head-nav .nav-ul>li .submenu li a{border:none;font-weight:var(--fontweight4);padding:5px 0px}
header .head-info .head-nav .nav-ul>li .submenu li ul{display:block!important;position:static!important;padding-left:10px;box-shadow:none!important}
.search-box{height:auto;width:100%}
.search-box input{flex:1}
.m-menu{display:block;position:relative;width:40px;height:40px;cursor:pointer}
.m-menu span{position:absolute;background:var(--color);width:30px;height:3px;border-radius:var(--border);right:0px;transition:all .2s linear}
.m-menu span:nth-child(1){top:25%}
.m-menu span:nth-child(2){top:48%}
.m-menu span:nth-child(3){top:73%}
.m-menu.act span{top:48%;width:32px}
.m-menu.act span:nth-child(1){transform:rotate(45deg)}
.m-menu.act span:nth-child(2){width:0px}
.m-menu.act span:nth-child(3){transform:rotate(-45deg)}


.nav-ul .head-contact{padding:15px 0px;border-top:1px solid #EEE}
.nav-ul .head-contact .item{font-size:17px;color:#333;width:100%;display:flex;align-items:center}
.nav-ul .head-contact .item em{margin-right:6px;color:var(--color);font-size:22px}}
@media screen and (max-width:768px){
}
@media (max-width:500px){
}

@media (max-width:768px){.compare-panel{width:100%;bottom:calc(55px + constant(safe-area-inset-bottom));bottom:calc(55px + env(safe-area-inset-bottom))}}