@charset "utf-8";
:root{--color:#B96809;--fontcolor:#333;--hometitlefont:36px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--borderradius:8px;--fontfamily:"Open Sans","Roboto","Poppins","Oswald","Noto Sans","Montserrat",sans-serif}
@media(max-width:1280px){:root{--hometitlefont:30px}}
@media(max-width:768px){:root{--hometitlefont:22px}}
body::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.5);background:rgba(122,122,122,.1)}
body::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(122,122,122,.8)}
body::-webkit-scrollbar{width:8px;height:1px}
img.lazy{display:inline-block;opacity:0}
img.lazy,img.tst{transition:opacity .6s,transform .3s ease}
img.loaded{opacity:1}
img:not([src]){visibility:hidden;position:absolute}
.lazy-load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:2px solid #000;border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-radius:100%;animation:circle infinite .75s linear}
@keyframes circle{0%{transform:translate(-50%,-50%) rotate(0)}
100%{transform:translate(-50%,-50%) rotate(360deg)}}
.lazy-wrap{display:block;position:relative;overflow:hidden}
.lazy-wrap::after{content:"";display:block;padding-bottom:50%}
.lazy-wrap.lazy-loaded .lazy-load{-webkit-animation:none;animation:none;display:none}
.lazy-wrap.lazy-loaded::after{padding-bottom:0px}
img{vertical-align:bottom;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
iframe,video{max-width:100%;outline:0;border:none;vertical-align:bottom}
@media(max-width:768px){iframe,video{min-height:240px;height:auto}}
*{padding:0px;margin:0px;box-sizing:border-box}
html{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;background:#fff;overflow-x:hidden}
body{font-family:var(--fontfamily);max-width:1920px;margin:0px auto;font-size:16px;line-height:1.6;overflow-x:hidden;background:#FFF;color:var(--fontcolor);padding-top:140px}
ol{padding-left:0px}
ol li{margin-left:20px}

.list-paddingleft-2 ul ul, ol ol, ul ol, ol ul {padding-left:30px}
.list-paddingleft-2{padding-left:30px}

.hidden{overflow:hidden}
.l-wrap{width:100%;max-width:1700px;padding:0px 10px;margin:0px auto}
.line1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.line2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.line5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.home-des{font-size:16px;font-weight:400;color:#333;text-align:center;margin-bottom:10px;}
.home-title{font-size:var(--hometitlefont);font-weight:var(--fontbold7);color:#232323;text-align:center;line-height:2;text-transform:capitalize}
.home-title2{margin-top: 20px; font-size:var(--hometitlefont);font-weight:var(--fontbold5);color:#232323;text-align:left;line-height:1.2;}
.home-line{height:1px;margin-top:20px;position:relative}
.home-line::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:33px;height:4px;background:#FF9600}
.home-more{padding:20px; min-width:160px;height:50px;background:#fff;color:#232323;border:1px solid #232323; border-radius:var(--borderradius);display:inline-flex;align-items:center;justify-content:center;text-transform:lowercase;font-weight:var(--fontbold6);z-index:1;position:relative;overflow:hidden}
.home-more::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);border: 0px; background:#feb822;width:300px;height:300px;transition:all .15s linear;z-index:-1;border-radius:50%;color:#fff;}
.home-more:hover::after{transform:translate(-50%,-50%) scale(1);color:#fff;font-size: 16px; }
header{position:fixed;width:100%;top:0px;left:50%;transform:translateX(-50%);z-index:100000}
header.is-active .head-top{height:0px;opacity:0;visibility:hidden}
header.is-active .head-info{height:80px}
.head-top{background:#00026e;height:40px;transition:all .1s linear}
.head-top .l-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.head-share{height:100%;background:#161616;padding:0px 10px}
.head-share ul{display:flex;align-items:center;list-style:none;padding:0px;height:100%}
.head-share ul li{margin-right:10px}
.head-share ul li a{color:#FFF;transition:all .1s linear;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px}
.head-share ul li a:hover{background:#1ea4fe;color:#FFF}
.head-share ul li a em{font-size:18px}
.head-company{color:#FFF;margin-left:1px;font-size:14px}
.head-link{display:flex;flex-wrap:wrap;align-items:center}
.head-link .item{display:flex;align-items:center;margin-right:30px;color:#eee;}
.head-link .item:last-child{margin-right:0px}
.head-link .item a{color:#FFF;transition:all .1s linear;}
.head-link .item a:hover{color:#ff5d00;font-size:18px}
.head-link em {margin-right:5px;}
.head-link em a:hover{color:#fe6f06;font-size:18px}
.head-link .social-icon {padding:3px;}
.head-info{transition:all .1s linear;height:100px;background:#FFF;box-shadow:1px 2px 10px rgba(0,0,0,.05)}
.head-info .l-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.head-info .head-nav{height:100%;display:flex;align-items:center}
.head-info .head-logo{min-width:100px;z-index:100}
.head-info .head-logo a{height:100%;display:flex;align-items:center}
.head-info .head-logo a img{width:auto;max-height:30px}
.head-info .nav-ul{display:flex;align-items:center;list-style:none;height:100%}
.head-info .nav-ul>li{margin-left:10px;height:100%;display:flex;align-items:center;justify-content:center;position:relative;white-space:nowrap}
.head-info .nav-ul>li:first-child{margin-left:0px}
.head-info .nav-ul>li>a{display:inline-flex;align-items:center;justify-content:center;height:100%;font-size:18px;font-weight:var(--fontbold6);color:var(--fontcolor);padding:0px 10px;text-transform:capitalize}
.head-info .nav-ul>li>a.inmenu_1,.head-info .nav-ul>li>a:hover{color:#DB1B16}
.head-info .nav-ul>li a em{margin-left:5px;margin-top:3px}
.head-info .nav-ul>li ul{list-style:none;background:#FFF;min-width:220px;padding:0px;margin:0px;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
.head-info .nav-ul>li>.submenu{position:absolute;left:0;top:100%;display:grid;grid-template-columns:1fr 1fr;background:#fff;min-width:220px;padding:0;margin:0;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
.head-info .nav-ul>li>.submenu li{list-style:none;padding:0}
.head-info .nav-ul>li>.submenu li a{display:block;padding:8px 10px;text-decoration:none;color:var(--fontcolor)}
.head-info .nav-ul>li>.submenu li a:hover{color:#DB1B16}
@media (min-width:1024px){
#liproducts .submenu.nav1>li{position:relative}
#liproducts .submenu.nav1>li>a{padding-right:22px}
#liproducts .submenu.nav1>li>em{position:absolute;right:8px;top:50%;transform:translateY(-50%)}
#liproducts .submenu.nav1>li ul{position:absolute;left:100%;top:0px;display:none}
#liproducts .submenu.nav1>li:hover ul{display:block}
#liproducts .submenu.nav2{min-width:inherit!important;width:100%;max-width:1246px;position:fixed!important;left:50%!important;transform:translateX(-50%) scaleY(0);padding:20px 20px;display:flex;flex-wrap:wrap;background:rgba(255,255,255,.98)}
#liproducts .submenu.nav2>li{display:flex;align-items:center;margin-top:20px;width:32%;margin-right:2%}
#liproducts .submenu.nav2>li:nth-child(3n){margin-right:0px}
#liproducts .submenu.nav2>li:nth-child(1),#liproducts .submenu.nav2>li:nth-child(2),#liproducts .submenu.nav2>li:nth-child(3){margin-top:0px}
#liproducts .submenu.nav2>li .item-info{width:80px;height:80px}
#liproducts .submenu.nav2>li .item-info a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;padding:0px;border-radius:var(--borderradius)}
#liproducts .submenu.nav2>li .item-info a img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
#liproducts .submenu.nav2>li .item-info a img:hover{transform:scale(1.02)}
#liproducts .submenu.nav3{min-width:inherit!important;width:100%;max-width:1246px;position:fixed!important;left:50%!important;transform:translateX(-50%) scaleY(0);padding:20px 20px;display:flex;flex-wrap:wrap;background:rgba(255,255,255,.98)}
#liproducts .submenu.nav3 a:hover{color:#1ea4fe}
#liproducts .submenu.nav3 em,#liproducts .submenu.nav3 i{display:none}
#liproducts .submenu.nav3 ul{box-shadow:none!important}
#liproducts .submenu.nav3>li{position:relative;width:32%;min-height:100px;margin-right:2%;margin-top:20px}
#liproducts .submenu.nav3>li:nth-child(3n){margin-right:0px}
#liproducts .submenu.nav3>li>a{padding:0px;padding-left:100px;font-weight:var(--fontbold6);line-height:1;margin-bottom:8px}
#liproducts .submenu.nav3>li .cate-con .cate-img{width:80px;height:80px;position:absolute;top:0px;left:0px}
#liproducts .submenu.nav3>li .cate-con .cate-img a{padding:0px;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%;border-radius:var(--borderradius)}
#liproducts .submenu.nav3>li .cate-con .cate-img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
#liproducts .submenu.nav3>li .cate-con .cate-img img:hover{transform:scale(1.05)}
#liproducts .submenu.nav3>li .cate-con ul{padding-left:100px;margin-top:2px;background:0 0}
#liproducts .submenu.nav3>li .cate-con ul a{padding:0px}
.head-info .nav-ul>li .submenu{transform-origin:top;transform:scaleY(0);opacity:0;transition:all .3s ease-in-out}
.head-info .nav-ul>li:hover .submenu{transform:scaleY(1);opacity:1}
.head-info .nav-ul>li#liproducts:hover .submenu.nav2{transform:translateX(-50%) scaleY(1)}
.head-info .nav-ul>li#liproducts:hover .submenu.nav3{transform:translateX(-50%) scaleY(1)}}

.head-info .nav-ul li img{vertical-align:middle;}

.head-info .search-box{height:100%;position:relative}
.head-info .head-search{height:100%;display:inline-flex;align-items:center}
.head-info .head-search button{outline:0;border:none;cursor:pointer;background:#00026e;color:#FFF;border-radius:50%;margin-left:15px;width:32px;height:32px}
.head-info .head-search button em{font-weight:var(--fontbold6);font-size:20px}
.head-info .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}
.head-info .search-input input{width:200px;height:40px;padding-left:10px;font-size:16px;border:none;outline:0}
.head-info .search-input button{width:40px;height:40px;border:none;outline:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear}
.head-info .search-input button em{font-size:22px;color:#333;font-weight:var(--fontbold6)}
.head-info .search-input.active{transition:opacity .3s,transform .3s;visibility:visible;opacity:1;transform:rotateX(0);transform-origin:top}
.head-lang{margin-left:auto;margin-right:30px;display:flex;align-items:center;justify-content:center}
.m-menu{display:none}
footer{width:100%;background:#fff;color:var(--fontcolor);z-index:999;position:absolute;left:0;border-top:3px solid #333;margin-top:30px}
footer::after{content:'';position:absolute;background:#fff;color:var(--fontcolor);filter:opacity(.02);left:0;top:0;width:100%;height:100%;z-index:-1}

footer a{color:var(--fontcolor)}
footer ul{list-style:none;padding:0px}
footer a:hover{color:#DB1B16}
footer .foot-main{display:flex;justify-content:space-between;align-items:flex-start;padding:70px 80px}
footer .foot-nav{width:70%}
footer .foot-contact{width:30%}
/*footer .foot-main .foot-item{width:65%}*/
footer .foot-main .foot-item.foot-code{width:15%}
footer .foot-share{margin-top:40px}
footer .foot-share ul{display:flex;flex-wrap:wrap}
footer .foot-share ul a{margin-right:10px;width:36px;height:36px;background:#dedede;color:#DB1B16;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;border-radius:var(--borderradius)}
footer .foot-share ul a:hover{background:#DB1B16;color:#FFF}
footer .foot-share ul a em{font-size:20px;font-weight:var(--fontbold7)}
footer .foot-title{font-size:24px;margin-bottom:20px;color:var(--fontcolor);position:relative;padding-bottom:6px}
footer .foot-title::after{content:'';position:absolute;left:0px;bottom:0px;width:25px;height:3px;background:#FF9600}
footer .foot-list{display:flex;flex-wrap:wrap;justify-content:space-between}
footer .foot-list li{width:50%}
footer .foot-code img{width:auto;height:140px}
footer .foot-code img:hover{transform:scale(1.01)}
footer .foot-list a{display:inline-block;padding:4px 0;text-transform:capitalize}
footer .foot-list a em{font-weight:var(--fontbold5);transform:rotate(90deg);margin-right:5px}
footer .foot-touch .foot-inner{display:flex;margin-bottom:10px;align-items:flex-start}
footer .foot-touch .foot-inner .icon{display:inline-flex;align-items:center;justify-content:center}
footer .foot-touch .foot-inner .icon em{font-size:18px;font-weight:var(--fontbold5);color:#DB1B16}
footer .foot-touch .foot-inner .social-icon{padding:6px;}
footer .foot-touch .foot-inner .content{flex:1;padding-left:10px}
footer .foot-touch .foot-inner .content .title{font-size:18px}
footer .foot-touch .foot-inner .content .info{color:#333}
footer .copyright{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;padding:20px 15px;background:#FAFAFA}
footer .gotop{display:flex;justify-content:center;align-items:center;font-weight:600;cursor:pointer;transform:rotate(180deg);opacity:0}
footer .gotop.act{animation:gotop 0.5s forwards}
@keyframes gotop{0%{opacity:0}100%{opacity:1}}
footer .gotop em{font-weight:300;font-size:15px !important;color:#FFF;background:#ff9600;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center}
.footer-mid-left dl{float:left;margin-right:70px}
.footer-mid{margin-top:50px}
.footer-mid-left dt{margin-bottom:5px}
.footer-mid-left dt a{color:#333;font-weight:700}
.footer-mid-left dd a{color:#8c8c8c;font-size:14px}
.footer-mid-left dd a:hover{color:#DB1B16}

/* 标签 */
.rl_tag{padding:12px;text-align:left;background:#fafafa;margin:25px 0;padding:5px 10px;}
.rl_tag>p{display:inline-block;font-size:12px;margin-right:5px;text-transform:uppercase;color:#444;}
.rl_tag li{display:inline-block;margin:5px;border:none;padding:0;}
.rl_tag li:last-child{padding:0;}
.rl_tag li a{display:inline-block;padding:2px 5px;color:#4d4d4d;font-size:12px;text-transform:capitalize;border:2px solid #e5e5e5;text-decoration:none}
.rl_tag li i{padding-right:5px;color:#4d4d4d;}
.rl_tag li:hover a{color:#fff;text-decoration:none;background:#ff9600;border:2px solid #ff9600;}
.rl_tag li:hover i{color:#fff;}

.title_tag {font-size:16px;color:#ff9600;}
.share-btn-list{padding:10px 0}

.bottom-btn{background:#00026e;display:flex;align-items:center;position:fixed;bottom:0px;left:0px;width:100%;z-index:999;box-shadow:1px 2px 10px rgba(0,0,0,.2);transform:translateY(0);transition:all .2s linear;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);display:none;opacity:1}
.bottom-btn.act{transform:translateY(60px) !important;opacity:0}
.bottom-btn.bottom-btn-keep{transform:translateY(0) !important;opacity:1}
.bottom-btn.bottom-btn-menu{transform:translateY(60px) !important;opacity:0}
.bottom-btn .btn-item{width:25%;height:65px;transition:all .2s linear;position:relative}
.bottom-btn .btn-item em,.bottom-btn .btn-item i{font-size:20px;line-height:1;color:#fff}
.bottom-btn .btn-item a,.bottom-btn .btn-item div{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#222;text-transform:capitalize}
.bottom-btn .btn-item a p,.bottom-btn .btn-item div{color:#fff;font-size:12px;text-transform:capitalize}
.mobile-bottom-bag{display:none}
.rfixed{position:fixed;bottom:calc(150px + constant(safe-area-inset-bottom));bottom:calc(150px + env(safe-area-inset-bottom));right:35px;z-index:99}
.compare-panel{width:280px;background:#FFF;position:fixed;z-index:1000;bottom:0px;right:0px;box-shadow:-1px -1px 3px #ccc;display:none;transition:bottom .2s}
.compare-t{background-color:#1ea4fe;font-size:14px;color:#FFF;display:flex;align-items:center;padding:6px 10px;cursor:pointer}
.compare-close{position:relative;width:24px;height:24px;background:0 0;cursor:pointer;border:none}
.compare-close::after,.compare-close::before{content:"";display:block;width:10px;height:2px;background-color:#FFF;position:absolute;top:50%;border-radius:2px}
.compare-close::before{transform:rotate(45deg);left:4px}
.compare-close::after{transform:rotate(-45deg);right:4px}
.compare-tit{text-align:center;flex:1;line-height:1.5}
.compare-checked{color:#FFF;margin:0px 4px}
#productChache_list{padding:0px 10px;height:220px;overflow-y:auto}
#productChache_list::-webkit-scrollbar{width:4px}
#productChache_list::-webkit-scrollbar-track{border-radius:0;background-color:rgba(0,0,0,.05)}
#productChache_list::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.15)}
.selected-item{position:relative;border-bottom:1px solid #efefef;padding:10px 0;display:flex;align-items:center}
.item-clear{position:relative;width:20px;height:20px;background-color:transparent;cursor:pointer;outline:0;border:none}
.item-clear::after,.item-clear::before{content:"";display:block;position:absolute;width:70%;height:2px;background-color:#333;border-radius:2px;top:50%;margin-top:-1px}
.item-clear::before{transform:rotate(45deg);left:3px}
.item-clear::after{transform:rotate(-45deg);left:3px}
.item-content{flex:1;display:flex;align-items:center}
.item-img{width:50px;height:50px;background:#FFF;border:1px solid #efefef;display:flex;align-items:center;justify-content:center}
.item-img img{max-width:100%;max-height:100%}
.item-c{width:calc(100% - 50px);padding:0px 10px;font-size:12px}
.item-title{max-height:34px;word-break:break-word;display:block;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;color:var(--fontcolor)}
.item-price{color:#1ea4fe}
.compare-b{padding:20px 10px;display:flex;justify-content:space-between}
.compare-b *{display:block;width:80px;text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;border-radius:2px;padding:0 2px}
.clear-all{color:var(--fontcolor);background-color:#ededed;cursor:pointer;border:none}
.compare-inquire,.compare-inquire:hover{color:#FFF;background-color:#1ea4fe}
.compare-b .orderNow{margin:0px;background:#f66f08;color:#FFF;line-height:30px;padding:0 2px;border:none;border-radius:2px;font-size:12px;cursor:pointer;display:block;width:80px}
.rfixed-sc{width:40px;height:40px;background:#1ea4fe;border-radius:50%;text-align:center;line-height:50px;color:#FFF;position:relative;margin-bottom:10px;cursor:pointer;display:none}
.rfixed-sc em{font-size:20px}
.rfixed-scnum{position:absolute;right:6px;top:4px;width:16px;height:16px;background:#d4322c;border-radius:50%;text-align:center;font-size:12px;color:#FFF;transform:scale(.9);line-height:16px}
@media(max-width:768px){
.compare-panel{width:100%;bottom:55px}
.rfixed-scnum{right:26px}}
.lang{z-index:99999;text-align:left;position:relative}
.lang img{display:inline-block;width:24px;height:13px;vertical-align:-.25em;margin-right:4px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:15px;user-select:none;white-space:nowrap;}

.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFF;border:1px solid #ebeef5;border-radius:4px;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(20%)}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 7px)}
.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-drop.lang-flex .lang-arrow{left:80%}
.lang-wrap{list-style:none;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%;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33.3333%}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEE}
.lang-wrap li a{display:block;color:var(--fontcolor);font-size:12px;padding:10px 12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

@media(max-width:1024px){
.head-link .item a{color:var(--fontcolor)}
#liproducts .cate-con .cate-img{display:none}
.lang{transition:all .2s linear;margin-top:2px;margin-left:80px; }
.lang-icon img{width:24px}
.lang-drop{display:none}
.lang-drop.active{display:block;top:calc(100% + 13px)}}
.icon-videoplay{background:rgba(0,0,0,.5);color:#FFF;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;z-index:1}
@media(max-width:1366px){body{padding-top:120px}
.head-info{height:80px}
.head-info .nav-ul>li{margin:0px}
.head-info .nav-ul>li a{font-size:16px}
.head-company{display:none}}
@media(max-width:1024px){
body{padding-top:0px}
.l-wrap{padding:0 15px；}
.head-link{padding:15px;border-top:1px solid #EEE}
.head-link .item{width:100%;color:#333;font-size:17px}
.head-link em{font-size:22px}
.head-top{display:none}
.head-info,header.is-active .head-info{height:60px;box-shadow:1px 2px 10px rgba(0,0,0,.15)}
.head-info .head-logo a img{max-height:50px}
.head-info .search-box{width:100%;height:auto;background:#FFF;z-index:2}
.head-info .search-box .head-search{display:none}
.head-info .search-box .search-input{display:flex;position:static;opacity:1;transform:none;visibility:inherit;box-shadow:none;width:90%;margin:10px auto;border:1px solid #eee;border-radius:4px}
.head-info .search-box .search-input input{flex:1;padding-left:20px;height:45px}
.head-info .search-box .search-input button{width:45px;height:45px}
.head-info .head-nav{position:fixed;left:100%;top:0px;width:85%;height:100%;background:#FFF;transition:all .15s linear;opacity:0;visibility:hidden;z-index:99;padding-top:60px}
.head-info .head-nav.head-nav-act{display:flex;flex-direction:column-reverse;justify-content:flex-end;left:15%;opacity:1;visibility:inherit}
.head-info .head-nav .opacity{width:100%;height:100vh;position:fixed;left:0px;top:60px;background:rgba(0,0,0,.7);z-index:1}
.head-info .head-nav .nav-ul{display:block;width:100%;height:calc(100vh - 111px);padding:0px;padding-bottom:100px;overflow-y:scroll;background:#FFF;z-index:2}
.head-info .head-nav .nav-ul>li{height:auto;display:block}
.head-info .head-nav .nav-ul>li.cur>a{color:#ff9600}
.head-info .head-nav .nav-ul>li.cur>em{transform:rotate(0);color:#ff9600}
.head-info .head-nav .nav-ul>li a{color:var(--fontcolor);font-size:18px;display:block;width:100%;padding:10px 20px;font-weight:400;padding-right:50px;text-align:left}
.head-info .head-nav .nav-ul>li a.inmenu_1,.head-info .head-nav .nav-ul>li a.inmenu_1+em{color:#ff9600}
.head-info .head-nav .nav-ul>li>em{transform:rotate(-90deg);position:absolute;right:10px;top:6px;font-size:20px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;z-index:1;transition:all .1s linear}
.head-info .nav-ul>li ul{box-shadow:none}
.head-info .head-nav .nav-ul>li>.submenu{display:none;opacity:1;visibility:inherit;position:static;transform:none;transition:none;padding-left:20px;min-width:inherit;background:0 0}
.head-info .head-nav .nav-ul>li>.submenu .item-info{display:none}
.head-info .head-nav .nav-ul>li>.submenu em,.head-info .head-nav .nav-ul>li>.submenu i{display:none}
.head-info .head-nav .nav-ul>li>.submenu a{font-weight:var(--fontbold5);padding-top:4px;padding-bottom:4px;padding-right:15px}
.head-info .head-nav .nav-ul>li>.submenu ul{display:block;position:static;background:0 0;padding:0 20px}
.m-menu{display:block;position:relative;width:30px;height:40px;cursor:pointer;z-index:99}
.m-menu span{position:absolute;background:#333;height:3px;border-radius:4px;right:0px;transition:all .2s linear}
.m-menu span:nth-child(1){width:30px;top:25%}
.m-menu span:nth-child(2){width:22px;top:48%}
.m-menu span:nth-child(3){width:26px;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:0}
.m-menu.act span:nth-child(3){transform:rotate(-45deg)}
footer .foot-main .foot-item{width:31%!important}
footer .foot-main .foot-item.foot-code{display:none}
footer{margin-bottom:calc(60px + constant(safe-area-inset-bottom));margin-bottom:calc(60px + env(safe-area-inset-bottom))}
.bottom-btn{display:flex}
.rfixed .gotop{display:none}
footer .gotop{opacity:1;margin:0px}
footer .gotop em{width:38px;height:38px;font-size:20px !important}
.toolbar{display:none;}
header{position:static;transform:none}}
@media(max-width:768px){
.head-info,header.is-active .head-info{height:55px}
footer .foot-main{padding:30px 0px}
footer .foot-main .foot-item{width:100%!important;margin-top:30px}
footer .foot-main .foot-item:first-child{margin-top:0px}
footer .foot-list{display:flex;flex-wrap:wrap;justify-content:space-between}
footer .foot-list li{width:50%}
footer .foot-list a{padding:6px 0px}
.rfixed{bottom:calc(140px + constant(safe-area-inset-bottom));bottom:calc(140px + env(safe-area-inset-bottom));right:24px}}
@media(max-width:500px){
.head-info .head-logo a img{max-height:30px}
footer .foot-main{padding:10px;}
footer .foot-nav{display:none;}
.home-more{height:45px}}
@media (max-width:768px) {#wmkc {display:none}}
.toolbar{position:fixed;top:50%;right:1%;margin-top:-163px;z-index:1000;width:80px}
.toolbar dd{position:relative;float:left;width:80px;height:80px;background:#000;margin-top:2px;border-radius:5px;color:#fff;font-size:14px;line-height:16px;text-align:center;cursor:pointer;transition:all .5s}
.toolbar dd:first-child{margin-top:0}
.toolbar dd i{width:100%;height:30px;display:block;margin-top:13px;background:url(../images/toolbar.webp) no-repeat center 0}
.toolbar dd.qq i{background-position-y:0}
.toolbar dd.tel i{background-position-y:-30px}
.toolbar dd.code i{background-position-y:-60px}
.toolbar dd.top i{background-position-y:-90px}
.toolbar dd span{display:block;color:#fff}
.toolbar dd.tel .box{position:absolute;top:0;width:190px;right:-200px;height:100%;margin-right:10px;border-radius:5px;background:#000;opacity:0;transition:all .5s}
.toolbar dd.tel .box p{font-size:14px;margin:15px auto 7px}
.toolbar dd.tel .box p strong {font-size:18px;font-weight:bold}
.toolbar dd.tel .box:after{display:block;content:" ";border-style:solid dashed dashed dashed;border-color:transparent  transparent transparent #000;border-width:9px;width:0;height:0;position:absolute;top:50%;margin-top:-9px;right:-18px;margin-left:-12px}
.toolbar dd.code .box{position:absolute;top:0;width:162px;right:-172px;height:162px;margin-right:10px;border-radius:5px;background:#000;opacity:0;transition:all .5s}
.toolbar dd.code .box img{width:100%;height:100%;padding:11px}
.toolbar dd.code .box:after{display:block;content:" ";border-style:solid dashed dashed dashed;border-color:transparent  transparent transparent #000;border-width:9px;width:0;height:0;position:absolute;top:30px;right:-18px;margin-left:-12px}
.toolbar dd:hover{background:#333}
.toolbar dd.tel:hover .box{opacity:1;right:80px}
.toolbar dd.code:hover .box{opacity:1;right:80px}


.ey-lang a{color:#000;text-decoration:none;outline:none}
.ey-lang a:focus,a:hover{text-decoration:none;outline:none}
.ey-lang .fr{float:right}
.ey-lang .ey-cl:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.ey-lang img{vertical-align:middle}
.ey-lang .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.ey-lang .container{padding:0}
@media (min-width:1366px){}

.ey-lang .ey-top{width:100%;height:30px;line-height:30px;display:flex;justify-content:space-between;align-items:center}


.ey-top .langu{position:relative;padding:0 14px 0 10px;cursor:pointer;transition:all .3s}
.ey-top .langu img{margin-top:-3px}
.ey-top .langu span{padding:0 4px}
.ey-top .language span{padding:0 5px}
.ey-top .langu:after{position:absolute;content:"";top:50%;right:0;margin-top:-8px;border:6px solid #fff;border-color:transparent transparent #fff transparent}
.ey-top .langu:hover span{color:#9ab14d;transition:all .3s}
.ey-top .langu:hover:after{margin-top:-2px;border:6px solid #9ab14d;border-color:#9ab14d transparent transparent transparent;transition:all .3s}
.langu .languagebox{display:none;position:absolute;width:320px;left:50%;transform:translateX(-50%);top:30px;text-align:center;z-index:10}
.langu .language{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0;padding:6px;background-color:#fff;border:1px solid #e6e6e6;width:100%;list-style-type:none;text-align:left}
.langu .language-item{width:48%;margin:2px 0}
.langu .language a{display:block;padding:2px 0;color:grey}
.langu .language a:hover{color:#333;background-color:#f5f5f5;transition:all .3s}
.ey-top .langu:hover .languagebox{display:block;transition:all .3s}
@media (max-width:767px){.ey-lang .container{padding:0 10px}.Relatedc{display: none;}
}

.image-right{float:right;margin-left:15px;margin-bottom:15px;width:500px}
.share-buttons{display:flex;gap:10px}
.share-buttons a{text-decoration:none}
.share-buttons i{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border-radius:50%;font-size:20px;color:#000;transition:all .3s ease;cursor:pointer}
.share-buttons i:hover{background-color:#00026e;color:#fff}
/* extended */
.top-banner{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:30px 2px;border-radius:8px;flex-wrap:nowrap}
.top-banner-content{flex:1;max-width:60%;text-align:left}
.top-banner-content p{color:#fff}
.top-banner-content ul{padding-left:20px;list-style-type:disc!important;list-style-position:outside}
.top-banner-content li{color:#fff;margin-bottom:10px;line-height:1.3}
.top-banner-image{flex-shrink:0;max-width:40%;padding:10px}
.top-banner-image img{width:100%;height:auto;border-radius:10px}
.full-width-banner{position:relative;left:0;right:0;width:100vw;background-color:#00026e;color:#fff;padding:5px;text-align:center;margin-left:calc(-50vw + 50%);}
@media screen and (max-width:768px){.full-width-banner{display:none}
}
@media (max-width:1200px){.top-banner{flex-wrap:wrap}
.top-banner-content,.top-banner-image{max-width:100%}
.top-banner-image{margin-left:0}
}
.features{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;background-color:#f0f0f0;padding:20px;border-radius:8px}
.feature-item{background-color:#fff;padding:20px;border-radius:8px;}
.feature-content{display:flex;align-items:center}
.icon-50 em{font-size:50px!important;margin-right:15px;color:#2cb740}
.text-content{display:flex;flex-direction:column}
.text-content p{margin-bottom:10px}
h3{margin:0;font-size:18px}
p{margin:5px 0 0;}
@media screen and (max-width:768px){.features{display:none;grid-template-columns:1fr}
}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.feature-item{display:flex;align-items:flex-start;padding:10px;border-radius:5px}
.feature-icon{width:40px;height:40px;margin-right:10px}
.cta{display:flex;justify-content:space-between;align-items:center;background-color:#eaeff7;padding:20px;border-radius:10px;margin:20px 0 30px 0}
.cta-content{max-width:80%}
.cta h2{font-size:24px;color:#333;margin-bottom:15px}
.cta p{font-size:16px;color:#666;line-height:1.6}
.cta-button-container{max-width:25%;display:flex;justify-content:left;padding-right:20px}
.cta-button{background-color:#FF9600;color:#fff;padding:12px 20px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s}
.cta-button:hover{background-color:#000000}
@media screen and (max-width:768px){.cta{display:none;flex-direction:column;align-items:flex-start}
.cta-content{max-width:100%;margin-bottom:15px}
.cta-button-container{max-width:100%;justify-content:flex-start;padding-right:0}
}
.faq-container{background-color:#fff;padding:20px;border-radius:5px;border:1px solid #e5e8ed;max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start}
.faq-title{font-size:24px;margin:20px 0}
.faq-item{border-top:1px solid #ccc;padding:10px 0;width:100%}
.faq-question{font-size:18px;cursor:pointer;position:relative;padding-right:50px;user-select:none;display:flex;justify-content:space-between;align-items:center;padding-left:35px}
.faq-question::before{content:"Q";position:absolute;left:2px;top:10px;background-color:#0056b3;color:#fff;font-weight:700;font-size:.9em;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:5px}
.faq-question:hover{color:#0056b3}
.faq-answer{display:none;margin-top:10px;line-height:1.6;padding-left:35px;position:relative}
.faq-answer::before{content:"A";position:absolute;left:2px;top:3px;background-color:#ff9600;color:#fff;font-weight:700;font-size:.9em;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:5px}
.faq-answer p{margin-bottom:15px;line-height:1.8;color:#555}
@media screen and (max-width:768px){.faq-title{font-size:20px;margin:15px 0}
.faq-question{font-size:16px;padding-right:20px}
.faq-answer{margin-top:5px}
}
.about-manufacturer{margin:30px 0 30px 0;border-radius:5px;border:1px solid #e5e8ed;padding: 30px}
.pro_faq{background-color:#fff;border-top:none;border-bottom:1px solid #ddd;border-left:none;border-right:none;border-radius:8px;padding:20px 0;margin:20px 0}
.pro_faq h2{margin:10px 0}
.pro_faq h3{font-weight:600;color:#333;margin-top:15px;margin-bottom:10px;padding-left:35px;padding-right:5px;position:relative;line-height:1.5;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.pro_faq h3::before{content:"Q";position:absolute;left:2px;top:6px;background-color:#ff9600;color:#fff;font-weight:700;font-size:.7em;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:5px}
.pro_faq p{font-size:1em;line-height:1.8;color:#555;margin-bottom:15px;padding-left:35px;position:relative}
.pro_faq p::before{content:"A";position:absolute;left:2px;top:9px;background-color:#555;color:#fff;font-weight:700;font-size:.7em;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:5px}
.toggle-sign{margin-left:auto;font-size:1.2em;color:#333}
.pcshow{display:block}
.mobshow{display:none}
@media (max-width:768px){.pcshow{display:none}
.mobshow{display:block}
}
.pro_specs{margin-top:20px;padding:10px;border:1px solid #ddd;background-color:#f9f9f9}
.specs-item h3{cursor:pointer;margin:0;padding:10px;background-color:#e0e0e0;border:1px solid #ccc}
.specs-item h3 .toggle-sign{float:right}
.specs-content{display:none;padding:10px 0;background-color:#fff;margin-top:5px}
.specs-item.active .specs-content{display:block}
/* extended */
.suspension{position:fixed;z-index:9999;right:0;bottom:85px;width:70px}
.suspension-box{display:flex;flex-direction:column;gap:4px;padding:10px;}
.suspension .a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:50px;background-color:#353535;cursor:pointer;border-radius:5px;transition:all .3s;text-decoration:none;color:#fff;padding:5px;box-sizing:border-box}
.suspension .a:hover{background:#ed0000;transform:translateY(-3px)}
.suspension .a .iconfont{font-size:20px;margin-bottom:2px}
.suspension .a p{margin:0;font-size:10px;line-height:1.2;text-align:center}
.suspension .a-top{background:#d2d3d6;display:none;color:#333}
.suspension .a-top:hover{background:#c0c1c3}
@media (max-width:768px){.suspension{bottom:20px;width:60px}
.suspension .a{width:45px;height:45px}
.suspension .a p{font-size:9px}
}

/*youtube*/
lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer;max-width:720px}
lite-youtube::before{content:attr(data-title);display:block;position:absolute;top:0;background-image:linear-gradient(180deg,rgb(0 0 0 / 67%) 0,rgb(0 0 0 / 54%) 14%,rgb(0 0 0 / 15%) 54%,rgb(0 0 0 / 5%) 72%,rgb(0 0 0 / 0) 94%);height:99px;width:100%;font-family:"YouTube Noto",Roboto,Arial,Helvetica,sans-serif;color:hsl(0deg 0% 93.33%);text-shadow:0 0 2px rgba(0,0,0,.5);font-size:18px;padding:25px 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box}
lite-youtube:hover::before{color:#fff}
lite-youtube::after{content:"";display:block;padding-bottom:calc(100% / (16 / 9))}
lite-youtube>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}
lite-youtube>.lty-playbtn{display:block;width:100%;height:100%;background:no-repeat center/68px 48px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');position:absolute;cursor:pointer;z-index:1;filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,.2,1);border:0}
lite-youtube .lty-playbtn:focus,lite-youtube:hover>.lty-playbtn{filter:none}
lite-youtube.lyt-activated{cursor:unset}
lite-youtube.lyt-activated::before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}
.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
/*youtube*/