@charset "utf-8";
:root{--color:#f47920;--hovercolor:#111111;--fontcolor:#000000;--headercolor:#FFFFFF;--footercolor:#DDDDDD;--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;--fontsize32:32px;--fontsize35:35px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontfamily:'Microsoft Yahei','Arial', arial, sans-serif}
html,body,ul,li,p,div,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,div,p,pre,form,input,button,textarea{margin:0px;padding:0px}
html{line-height:1.15;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{margin:0px auto;padding:0px;font-size:var(--fontsize16);color:var(--fontcolor);line-height:1.6;font-family:var(--fontfamily)}
h1,h2,h3,h4,h5,h6{text-transform:capitalize;font-weight:var(--fontbold6)}
ol,ul,li{list-style:none}
input{border:0px;outline:0}
button{border:0px;outline:0}
button:active{transform:scale(0.95)}
main{display:block}
hr{box-sizing:content-box;height:0px;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{text-decoration:none;color:var(--fontcolor);transition:color .2s ease;background-color:transparent}
a:hover{color:var(--color)}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:var(--fontbold6)}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0px;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
img{max-width:100%;height:auto;border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0px}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0px}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0px;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0px}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
.top-btn{cursor:pointer;display:none;height:40px;width:40px;align-items:center;justify-content:center;border-radius:50%;position:fixed;bottom:150px;right:35px;background:#FFFFFF;box-shadow:0px 3px 5px 0px rgba(0,0,0,.1);transition:all .4s ease;z-index:1}
.top-btn i,.top-btn em{}
.top-btn:hover{background:#c1c1c1}
@media(max-width:768px){.top-btn{bottom:140px;right:24px}}
@keyframes loading{to{opacity:0;transform:scale(2)}}



@media screen and (max-width:768px){
.singglepic{width:100%;height:100vw;border:0px}}
.table-responsive{-ms-touch-action:auto;touch-action:auto;width:100%;margin:.2rem 0px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}
[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}
[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}
[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}
[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}
[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}
[data-aos]{pointer-events:none}
[data-aos].aos-animate{pointer-events:auto}
[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}
@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:none}
html:not(.no-js) [data-aos=fade-up]{transform:translate3d(0, 100px, 0)}
html:not(.no-js) [data-aos=fade-down]{transform:translate3d(0, -100px, 0)}
html:not(.no-js) [data-aos=fade-right]{transform:translate3d(-100px, 0, 0)}
html:not(.no-js) [data-aos=fade-left]{transform:translate3d(100px, 0, 0)}}
.head.is-fixed .head-main{position:fixed;top:0px;left:0px;right:0px;z-index:999;box-shadow:0px 1px 6px 0px rgba(0,0,0,.1)}
.head.is-fixed .head-main .l-wrap{height:96px}
.head.is-fixed .head-top{display:none}
.head.is-fixed .head-nav{height:96px}
.head-top{height:45px;background:var(--hovercolor);position:relative}
.head-top .l-wrap{position:relative;height:100%;display:flex;align-items:center}
.head-top .head-box{position:relative;width:300px;height:21px;top:13px;margin-right:20px;background:#FFFFFF;position:relative}
.head-top .head-box:after{content:"";display:block;position:absolute;right:0px;width:0px;height:0px;border-top:20px solid var(--hovercolor);border-left:24px solid transparent}
.head-top .head-lang{margin-left:auto}

.head-top .mab-login{float:right; color: var(--headercolor);margin-right: 110px;}
.head-top .mab-login a{color: var(--headercolor);font-size: var(--fontsize14);}
.head-top .mab-login i{ font-style:normal;padding-left:10px;padding-right:10px;}
.head-top .mab-login a:hover{color:var(--color)}
.head-top .mab-login em{padding-right:10px;}

.head-top .head-contact{color:var(--headercolor);display:flex;align-items:center}
.head-top .head-contact a{color:var(--headercolor);position:relative;margin-right:20px;display:flex;align-items:center;font-size: var(--fontsize14);}
.head-top .head-contact a:hover{color:var(--color)}
.head-top .head-contact i,.head-top .head-contact em{position:relative;top:2px;color:var(--color);font-size:var(--fontsize16);margin-right:5px}
.head-top .head-tel{margin-right:54px;position:relative}
.head-top:after{content:"";display:block;height:20px;width:300px;background:#FFFFFF;position:absolute;bottom:0px;left:0px}
.head-main{z-index:2;position:relative;background:#FFFFFF}
.head-main .l-wrap{height:110px;display:flex;align-items:center;transition:height .3s ease;position:relative}
.head-main .head-logo img{width:auto;max-width:300px;max-height:100px}
.head-nav{height:110px;margin-left:auto}
.head-nav>ul{display:flex;height:100%}
.head-nav>ul>li{margin:0px 15px;height:100%;position:relative}
.head-nav>ul>li>a{font-weight:var(--fontbold6);height:100%;display:flex;justify-content:center;align-items:center;text-transform:uppercase}
.head-nav li .arrow{display:none}
.head-nav a.inmenu_1{color:var(--color)}
.head-nav .submenu{display:none;position:absolute;top:100%;left:0px;max-width:300px;overflow:hidden;z-index:9;text-overflow:ellipsis}
.head-nav .submenu a{padding:10px;white-space:nowrap;color:var(--headercolor);background:var(--fontcolor);transition:background .2s ease}
.head-nav .submenu a:hover{background:var(--color)}
.head-nav a{font-size:var(--fontsize16);display:block}
.head-nav .nav-btn{display:none;position:relative;cursor:pointer;width:55px;height:55px;background-color:var(--color)}
.head-nav .nav-btn span{display:block;position:absolute;border-radius:999px;background:#FFFFFF;left:15px;width:25px;height:2px}
.head-nav .nav-btn span:nth-child(1){top:18px}
.head-nav .nav-btn span:nth-child(2){top:26px}
.head-nav .nav-btn span:nth-child(3){top:34px}

.head-cart{width: 42px; position:relative;
  height: 42px;
  display: flex;
  cursor: pointer;
  margin-left: 20px;
  justify-content: center;
  align-items: center; background-color:#f2f2f2;}
  .head-cart .fa{color: var(--color);font-size: var(--fontsize20);}
  .head-cart em{ position:absolute;right:0px;top: -10px;font-size: var(--fontsize14); font-style:normal;color: var(--color);}
  
.head-search .head-search-btn{width:42px;height:42px;display:flex;cursor:pointer;margin-left:20px;justify-content:center;align-items:center}
.head-search .head-search-btn>i,.head-search .head-search-btn>em{font-weight:var(--fontbold6);font-size:var(--fontsize20);color:var(--color)}
.head-search .search-box{display:none;position:absolute;top:100%;right:0px;background:#FFFFFF}
.head-search .search-box i{cursor:pointer;position:absolute;right:26px;top:27px}
.head-search .search-btn{position:absolute;right:0px;top:0px}
.head-search .search-wrap{position:relative;padding:20px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}
.head-search #txtSearch{width:200px;font-size:var(--fontsize14);line-height:2.4em;height:2.4em;border:1px solid #EEEEEE;box-sizing:border-box;padding:0px 20px 0px 10px}
.head-icon{display:none}
@media screen and (max-width:1470px){
.head-top .head-box{width:200px}
.head-top:after{width:200px}
.head-nav>ul>li{margin:0 12px}}
@media screen and (max-width:1080px){
.head-nav{height:auto;display:flex;align-items:center}
.head-nav .nav-btn{display:block}
.head-top .l-wrap{width:auto}
.head-main .l-wrap{position:static}
.head-nav>ul{opacity:0;max-height:0px;overflow:hidden;display:block;background-color:#FFFFFF;box-shadow:0px 1px 6px 0px rgba(0,0,0,.1);width:100%;height:auto;position:absolute;top:100%;left:0px;right:0px;transition:max-height .2s ease,opacity .2s ease,height .2s ease}
.head-nav>ul>li{margin:0px 20px}
.head-nav>ul>li>a{display:block;text-align:left;line-height:50px;height:50px;font-weight:normal}
.head-nav.is-active .nav-btn{display:block}
.head-nav.is-active .nav-btn span:nth-child(1){transform:rotate(45deg);top:25px}
.head-nav.is-active .nav-btn span:nth-child(2){opacity:0}
.head-nav.is-active .nav-btn span:nth-child(3){transform:rotate(-45deg);top:25px}
.head-nav.is-active>ul{opacity:1;overflow-y:auto;max-height:100vh}}
@media screen and (max-width:768px){
.head-main{position:fixed;top:0px;left:0px;right:0px;z-index:997;transition:top ease .3s;box-shadow:0px 1px 5px rgba(0,0,0,.1)}
.head-logo img{margin-top:3px;max-width:200px !important;max-height:50px !important}
.head-top{position:fixed;left:0px;top:0px;right:0px;z-index:2;max-height:0px;overflow:hidden;opacity:0;transition:opacity .3s,max-height .3s;background-color:#FFF}
.head-top:after,.head-top .head-box,.head-top .head-lang,.head-top .head-box,.head-top .head-contact{display:none}
.head-top .search-wrap,.head-top .search-box{width:100%;height:100%}
.head-top .search-wrap{display:flex;justify-content:space-between;align-items:center}
.head-top .search-wrap i{flex:0 0 16px;margin-left:10px;color:var(--fontcolor);font-size:var(--fontsize18)}
.head-top .search-wrap input{height:30px;flex:1;background:transparent;color:var(--fontcolor);border: solid 1px #EEEEEE;text-indent:10px}
.head-top.is-active{opacity:1;top:55px;height:50px;max-height:50px}
.head-search{display:none}
.head-main .l-wrap{height:55px}
.head-nav .nav-btn{display:block;margin-right:-4vw}
.head-nav>ul>li{position:relative;height:auto;margin:0vw 4vw;border-bottom:solid 1px #EEEEEE}
.head-nav.is-active>ul{position:fixed;top:55px;bottom:0px;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom);z-index:99}
.head-nav li .arrow{position:absolute;height:46px;width:46px;display:flex;justify-content:flex-end;align-items:center;right:0px;top:3px}
.head-nav li .arrow i{transition:transform .2s ease}
.head-nav li .arrow.is-active i{transform:rotate(90deg)}
.head-nav .submenu{position:relative;max-width:none;max-width:initial}
.head-nav .submenu ul{padding-left:10px}
.head-nav .submenu a{padding:8px;color:var(--fontcolor);overflow:hidden;text-overflow:ellipsis;background:transparent}
.head-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;position:absolute;right:100px;z-index:1}
.head-icon i{font-weight:var(--fontbold6);font-size:var(--fontsize20)}}
.l-wrap{margin:0px auto;max-width:1600px}
.l-mask{display:none;position:fixed;left:0px;z-index:998;width:100%;height:100%;background:rgba(0,0,0,.8)}
main.is-fixed{margin-top:156px}
.inner-banner{position:relative;min-height:90px;background-color:#EEEEEE}
.inner-banner>img{display:block;width:100%;height:auto}
.inner-banner h2,.inner-banner h1{text-transform:uppercase;font-size:var(--fontsize32)}
.inner-banner h2{margin:.6em 0em}
.inner-banner .inner-content{display:flex;position:absolute;left:0px;top:0px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:#FFFFFF}
.common-main{margin:60px 0px}
.common-page{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;margin-bottom:20px}
.common-page a,.common-page span{margin:0px 12px 12px 0px;padding:8px 16px;background-color:#F5F8F8;color:var(--fontcolor);transition:background .2s,color .2s}
.common-page a:hover{background-color:var(--color);color:#FFFFFF}
.common-page span{opacity:.4}
.common-page .last a{display:inline-block;font-style:normal}
.common-page .ctxt{background-color:var(--color);opacity:1;color:#FFFFFF}
.common-page .tol{background:transparent;opacity:1;color:var(--fontcolor)}
.product-main .l-wrap,.new-main .l-wrap{display:flex;flex-wrap:wrap}
.product-main .sidebar,.new-main .sidebar{position:relative;-ms-flex-item-align:start;align-self:flex-start;flex:0 0 370px;box-sizing:border-box;padding:15px 15px 0px;border:2px solid #F3F3F3;width:370px}
.product-main .sidebar .sidebar-item:nth-last-of-type(1),.new-main .sidebar .sidebar-item:nth-last-of-type(1){margin-bottom:0px}
.product-main .common-content,.new-main .common-content{flex:1;width:calc(100% - 410px)}
.new-main .sidebar{padding:15px;margin-left:40px}
.product-main .sidebar{margin-right:40px}
.sidebar-item .send-inquiry .inquiry-form input{width:100%}
.sidebar-item .send-inquiry .inquiry-form textarea{height:120px}
.more-btn{display:inline-block;padding:10px 40px;border:1px solid var(--color);background:var(--color);color:#FFFFFF;transition:color ease .3s,background ease .3s}
.more-btn:hover{background:#FFFFFF;color:var(--color)}
.main-title,.main-part{text-align:center}
.main-title{margin-bottom:5px;color:var(--introcolor)}
.main-part{text-transform:uppercase;font-size:var(--fontsize35)}

@media screen and (max-width:1680px){
.l-wrap{max-width:1400px}}
@media screen and (max-width:1470px){
.l-wrap{max-width:1200px}
.product-main .sidebar,.new-main .sidebar{flex:0 0 320px;width:320px}}
@media screen and (max-width:1279px){
.l-wrap{max-width:none;max-width:initial;width:auto;margin:0px 50px}
.inner-banner h1{font-size:var(--fontsize26)}}
@media(max-width:1024px){
.new-main .sidebar,.product-main .sidebar{display:none}}
@media screen and (max-width:768px){
.l-wrap{margin:0vw 4vw}
.main-part{font-size:19px}
.main-title{font-size:var(--fontsize16)}
.inner-banner{height:40vw}
.inner-banner>img{height:100%;object-fit:cover}
.inner-banner h2,.inner-banner h1{font-size:var(--fontsize26)}
.inner-banner .breadcrumb{font-size:var(--fontsize12)}
.common-main{margin:5.3333333333vw 0}
main{margin-top:55px}}
footer{width:100%;float:left;}
.foot-main{background:var(--hovercolor);color:var(--footercolor)}
.foot-main a{color:var(--footercolor)}
.foot-main .l-wrap{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:40px 0px}
.foot-main .foot-item{width:25%}
.foot-main .foot-intro{max-width:300px;margin-bottom:10px}
.foot-main .foot-title{position:relative;margin-bottom:20px;padding-bottom:10px;text-transform:uppercase;font-size:var(--fontsize20);color:#FFFFFF}
.foot-main .foot-title:after{display:block;position:absolute;left:0px;top:100%;width:40px;height:2px;background:var(--color);content:""}
.foot-main .foot-title img{max-width:280px;max-height:70px}
.foot-main .foot-about .foot-title{padding-bottom:0px;margin-bottom:10px}
.foot-main .foot-about .foot-title:after{display:none}
.foot-main .foot-feedback{padding-bottom:20px}

.foot-cate ul{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:316px}
.foot-cate ul>li{overflow:hidden;position:relative;box-sizing:border-box;margin-right:16px;margin-bottom:10px;padding-left:14px;width:100%;text-overflow:ellipsis;white-space:nowrap}
.foot-cate ul>li:after{position:absolute;left:0px;top:0px;content:">"}
.foot-cate a:hover,.foot-right a:hover,.foot-main a:hover{color:var(--color)}
.foot-contact .contact-item{display:flex}
.foot-contact li{margin-bottom:20px}
.foot-contact .icon{display:flex;justify-content:center;align-items:center;margin-right:10px;width:40px;height:40px;background:#FFFFFF14}
.foot-contact .icon i,.foot-contact .icon em{color:var(--footercolor)}
.foot-contact .con{display:flex;flex-direction:column;justify-content:center;max-width:240px;min-height:40px;line-height:1.3em}

.foot-right{background:var(--hovercolor);font-size:var(--fontsize14);color:var(--footercolor);width:100%;float:left;}

.foot-right .l-wrap-left{float:left;}
.foot-right .foot-link{float:right;}
.foot-right .foot-link a{margin:0px 12px 0px 0px}
.foot-right .foot-link .social-item{justify-content:center;align-items:center;color:#FFFFFF;border-radius:2px;transition:transform .3s ease;float:left;}
.foot-right .foot-link .social-item>i,.foot-about .foot-link .social-item>em{font-size:var(--fontsize20)}

.foot-right .foot-link .social-item:hover{transform:scale(1.1)}


.foot-right a{margin-left:5px;margin-right:5px;color:var(--footercolor)}
.foot-right .l-wrap{padding:10px 0px;border-top:1px solid #FFFFFF2E;text-align:center}

@media screen and (max-width:1080px){
.foot-main .foot-item{width:50%}
.foot-main .l-wrap{padding:40px 0px}}
@media screen and (max-width:768px){
#contact{display:none}
.top-btn{display:none!important}
.foot-main .foot-item{width:100%;margin-bottom:20px}
.foot-contact .con{max-width:250px}
.foot-main .foot-intro,.foot-cate ul{max-width:none;max-width:initial}
.foot-main .foot-title{margin-bottom:20px;font-size: var(--fontsize16);}
.foot-main .l-wrap{padding:8vw 0vw 0vw}
.foot-right .l-wrap{padding:4vw}
.foot-right .foot-link{width:100%;margin-top:10px;margin-bottom:10px;}
.foot-right{padding-bottom:60px;}
footer{margin-bottom:calc(14vw + constant(safe-area-inset-bottom));margin-bottom:calc(14vw + env(safe-area-inset-bottom));}}
img.lazy{opacity:0}
img:not(.initial){transition:opacity 1s,transform .3s ease}
img.initial,img.loaded,img.error{opacity:1}
img:not([src]){visibility:hidden}
.load{position:absolute;width:18px;height:18px;top:50%;left:50%;margin-top:-9px;margin-left:-9px;background-color:#CCCCCC;animation:loading 1.5s ease infinite;border-radius:100%}
#home-swiper .swiper-slide img{display:block;width:100%;height:auto}
#home-swiper .swiper-pagination-bullet{background:#FFFFFF;opacity:.25}
#home-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color);opacity:.95}
#home-swiper .swiper-next,#home-swiper .swiper-prev{cursor:pointer;position:absolute;width:50px;height:50px;display:flex;justify-content:center;align-items:center;top:50%;margin-top:-25px;z-index:9;background:rgba(255,255,255,.2);transition:background .3s ease}
#home-swiper .swiper-next:hover,#home-swiper .swiper-prev:hover{background:var(--color)}
#home-swiper .swiper-next i,#home-swiper .swiper-prev i{color:#FFFFFF;font-weight:var(--fontbold6);font-size:var(--fontsize22)}
#home-swiper .swiper-next{right:0px}
#home-swiper .swiper-next i{}
#home-swiper .swiper-prev{left:0px}
.banner-text{ position:absolute;top: 40%;
  left: 10%;z-index:99999;}
.banner-text span{ color: var(--headercolor);font-size: 40px; text-transform: uppercase; font-weight:bold;width:100%;float:left;}
.banner-text p{color: var(--headercolor);font-size: var(--fontsize16);width:100%;float:left;}
.banner-text em{ font-style:normal;width:100%;float:left;margin-top:2%;}.banner-text em a{ color:#fff;width:120px;float:left; text-align:center; font-size:14px; border:solid 1px #fff;heigth:40px;line-height:40px;}
.banner-text em a:hover{ border: 1px solid var(--color);
  background: var(--color);
  color: #FFFFFF;}
@media screen and (min-width:769px){
#home-swiper{min-height:300px}}
@media screen and (max-width:768px){
#home-swiper .swiper-next,#home-swiper .swiper-prev{width:36px;height:36px}}

#ind{display:flex;padding:100px 0px;overflow:hidden}
#ind>div{flex:1}
#ind .ind-wrap{box-sizing:border-box;padding:80px 100px}
#ind .ind-l{z-index:1;background:var(--hovercolor)}
#ind .ind-l h3{margin-bottom:10px;font-size:var(--fontsize32);color:#FFFFFF;  text-transform: uppercase;}
#ind .ind-l .con{margin-bottom:40px;color:#FFFFFF95}
#ind .ind-r{position:relative;top:-54px;z-index:0;margin-left:-100px}#ind .ind-r a img{width:100%;}
#ind .ind-r>img{display:block;width:100%;height:auto}
#ind .ind-r .play{display:flex;position:absolute;left:50%;top:50%;justify-content:center;align-items:center;border-radius:50%;width:77px;height:77px;background:var(--color);transform:translate(-50%, -50%)}
#ind .adv-icon{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px -16px}
#ind .adv-icon>li{box-sizing:border-box;margin-bottom:25px;padding:0px 16px;width:50%}
#ind .adv-icon .icon-item{display:flex;box-sizing:border-box;padding:25px;background:#FFFFFF10;color:#FFFFFF}
#ind .adv-icon .icon-img{margin-right:24px}
#ind .adv-icon .num{font-size:var(--fontsize32);line-height:1}
#ind .adv-icon .text{margin-top:0px;color:#FFFFFF95}
@media screen and (max-width:1680px){
#ind .ind-wrap{padding:100px}
#ind .ind-r .play{top:40%}}
@media screen and (max-width:1470px){
#ind .ind-wrap{padding:40px}
#ind .adv-icon .icon-item{padding:14px}
#ind .ind-r .play{top:45%}}
@media screen and (max-width:768px){
#ind{flex-direction:column-reverse;margin:5.3333333333vw 0;padding:20px 0px}
#ind .ind-r{position:relative;top:0px;margin:0px}
#ind .ind-r .play{top:50%;width:9.3333333333vw;height:9.3333333333vw}
#ind .ind-r .play img{width:3.2vw}
#ind .ind-wrap{padding:4vw}
#ind .ind-l h3{font-size:var(--fontsize24);margin-bottom:20px}
#ind .adv-icon .icon-img{margin-right:0px}
#ind .adv-icon .icon-item{padding:4vw;height:100%;flex-direction:column}
#ind .adv-icon .icon-item>div{text-align:center}
#ind .adv-icon .num{margin-top:4px;font-size:1.6em}}
#product{margin-bottom:3%}
#product .pro-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:40px -20px 0px}
#product .pro-list>li{width:25%;padding:0px 20px;margin-bottom:40px;box-sizing:border-box}
#product .pro-list .pro-item{padding:15px;border:1px solid #EEEEEE;transition:border .3s ease;float:left;width:100%;}
#product .pro-list .pro-item:hover{border-color:var(--color)}
#product .pro-list .pro-item:hover img{transform:scale(1.05)}
#product .pro-list .pro-img{position:relative;padding-top:100%}
#product .pro-list .pro-img img{transition:transform .3s ease}
#product .pro-list .img-wrap{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
#product .pro-list .pro-name{margin:10px 0px;text-align:center;color:var(--fontcolor);font-size:var(--fontsize18);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#product .pro-list .pro-more{width:100%;display:block;color:var(--fontcolor);font-size:var(--fontsize14);background:#F2F2F2;text-align:center;height:40px;line-height:40px;text-transform:lowercase;transition:color .3s ease,background .3s ease;float:left;}
#product .pro-list .pro-more:hover{color:#FFFFFF;background:var(--color)}
#product .product-more{text-align:center}
#product .product-more .more-btn{display:inline-block;margin:10px auto 0px;padding:10px 25px;background:#FFFFFF;text-transform:capitalize;color:var(--fontcolor);border-color:var(--fontcolor)}
#product .product-more .more-btn:hover{background:var(--color);border-color:var(--color);color:#FFFFFF}
#product .product-more .more-btn i,#product .product-more .more-btn em{display:inline-block;margin-left:14px;transform:rotate(180deg)}
@media screen and (max-width:1470px){
#product .pro-list .pro-item{padding:14px}}
@media screen and (max-width:768px){
#product{margin-bottom:5.3333333333vw}
#product .pro-list{margin:4vw -2vw}
#product .pro-list>li{padding:0vw 2vw;margin-bottom:4vw;width:50%}
#product .pro-list .pro-name{font-size:var(--fontsize16);margin:0vw 0vw 2vw 0vw;-webkit-line-clamp:3}
#product .pro-list .pro-item{padding:10px}
#product .pro-list .pro-more{font-size:var(--fontsize14)}
#product .product-more .more-btn{margin:0px}}


#ferproduct{margin-bottom:3%;margin-top:3%;}
#ferproduct .pro-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:40px -20px 0px}
#ferproduct .pro-list>li{width:25%;padding:0px 20px;margin-bottom:40px;box-sizing:border-box}
#ferproduct .pro-list .pro-item{padding:15px;border:1px solid #EEEEEE;transition:border .3s ease;float: left;width:100%;
  }
#ferproduct .pro-list .pro-item:hover{border-color:var(--color)}
#ferproduct .pro-list .pro-item:hover img{transform:scale(1.05)}
#ferproduct .pro-list .pro-img{position:relative;padding-top:100%}
#ferproduct .pro-list .pro-img img{transition:transform .3s ease}
#ferproduct .pro-list .img-wrap{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
#ferproduct .pro-list .pro-name{margin:10px 0px;text-align:center;color:var(--fontcolor);font-size:var(--fontsize18);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#ferproduct .pro-list .pro-more{width:100%;display:block;color:var(--fontcolor);font-size:var(--fontsize14);background:#F2F2F2;text-align:center;height:40px;line-height:40px;transition:color .3s ease,background .3s ease;float:left;}
#ferproduct .pro-list .pro-more:hover{color:#FFFFFF;background:var(--color)}
#ferproduct .product-more{text-align:center}
#ferproduct .product-more .more-btn{display:inline-block;margin:10px auto 0px;padding:10px 25px;background:#FFFFFF;text-transform:capitalize;color:var(--fontcolor);border-color:var(--fontcolor)}
#ferproduct .product-more .more-btn:hover{background:var(--color);border-color:var(--color);color:#FFFFFF}
#ferproduct .product-more .more-btn i,#product .product-more .more-btn em{display:inline-block;margin-left:14px;transform:rotate(180deg)}
.rate{width:100%;float:left; text-align:center;margin-bottom:10px;}
.rate del{font-weight: 400;  color:var(--introcolor);}
.pro-add{float:right;font-size: var(--fontsize14);margin-bottom:10px;}
.pro-add .fa{padding-right:5px;}

@media screen and (max-width:1470px){
#ferproduct .pro-list .pro-item{padding:14px}}
@media screen and (max-width:768px){
#ferproduct{margin-bottom:5.3333333333vw}
#ferproduct .pro-list{margin:4vw -2vw}
#ferproduct .pro-list>li{padding:0vw 2vw;margin-bottom:4vw;width:50%}
#ferproduct .pro-list .pro-name{font-size:var(--fontsize16);margin:0vw 0vw 2vw 0vw;-webkit-line-clamp:3}
#ferproduct .pro-list .pro-item{padding:10px}
#ferproduct .pro-list .pro-more{font-size:var(--fontsize14)}
#ferproduct .product-more .more-btn{margin:0px}}







#appli{background-color:#F6F6F6;}
#sol-swiper{padding-bottom:60px}
#sol-swiper .swiper-slide{display:flex}
#sol-swiper .swiper-slide>div{flex:1}
#sol-swiper .sol-img img{width:100%;height:auto}
#sol-swiper .sol-r-wrap{padding:0px 11% 0 9%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-sizing:border-box}
#sol-swiper .sol-r{background:#FFFFFF}
#sol-swiper .sol-title{font-size:var(--fontsize26);margin-bottom:10px;font-weight:var(--fontbold6);text-transform:capitalize;color:var(--fontcolor)}
#sol-swiper .sol-con{color:var(--introcolor);line-height:1.7em;margin-bottom:30px}
#sol-swiper .swiper-pagination-bullet{background:var(--color)}
.sol-top{background:#fff url(../images/bg.webp) repeat-x left top;padding-bottom:3%;}
.sol-top h3{font-size:var(--fontsize35);text-align:center;padding:3% 0px 2%;text-transform:uppercase;color:#FFFFFF}
.advan{padding:3% 0px 3%}
.advan h3{margin-bottom:2%;font-size:var(--fontsize35);text-align:center;text-transform:uppercase}
.advan .title{margin:0px auto;color:var(--introcolor);max-width:48%;text-align:center;margin-bottom:54px}
.advan .advan-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px -25px}
.advan .advan-list>li{width:25%;padding:0px 25px;box-sizing:border-box}
.advan .advan-item{padding:38px 20px 46px;box-sizing:border-box;height:100%;background:#FFFFFF;position:relative}
.advan .advan-item .tit{margin:0px auto;text-align:center;font-weight:var(--fontbold6);margin:20px 0px;font-size:var(--fontsize20)}
.advan .advan-item .con{text-align:center;line-height:1.5em;color:var(--introcolor)}
.advan .advan-item:hover .advan-icon{background-color:var(--color)}
.advan .advan-item:hover .advan-icon .qa{background-position:-36px 0px}
.advan .advan-item:hover .advan-icon .gs{background-position:-108px 0px}
.advan .advan-item:hover .advan-icon .rn{background-position:-180px 0px}
.advan .advan-item:hover .advan-icon .fd{background-position:-252px 0px}
.advan .advan-item:hover:after{border-bottom:24px solid var(--color);border-left:24px solid transparent}
.advan .advan-item:after{content:"";position:absolute;display:block;height:0px;width:0px;right:14px;bottom:14px;border-bottom:14px solid var(--color);border-left:14px solid transparent;transition:border .3s ease}
.advan .advan-icon{width:65px;height:65px;margin:0px auto;border-radius:5px;background:#333;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}
.advan .advan-icon>i,.advan .advan-icon>em{display:block;width:36px;height:36px;}

@media screen and (max-width:1470px){
.advan .advan-item{padding:20px 16px 30px}
.advan .advan-item .tit{margin:18px 30px}}
@media screen and (max-width:768px){
#sol-swiper .swiper-slide{display:block}
#sol-swiper .sol-title{font-size:var(--fontsize18)}
#sol-swiper .sol-r-wrap{padding:5.3333333333vw 4vw}
#sol-swiper .sol-con{font-size:var(--fontsize16);margin-bottom:4vw}
.sol-top h3{font-size:19px;padding:9.3333333333vw 0}
.sol-top{background-size:auto 30%;background-position:top 0 center}
.more-btn{font-size:var(--fontsize14);padding:10px 30px}
.advan h3{font-size:19px}
.advan .title{max-width:100%;font-size:var(--fontsize16);margin-bottom:5.3333333333vw}
.advan{padding:5.3333333333vw 0}
.advan .advan-list>li{width:50%;margin-bottom:4vw;padding:0vw 2vw}
.advan .advan-list{margin:0vw -2vw}
.advan .advan-item .tit{font-size:var(--fontsize16);margin:4vw 0vw}
.advan .advan-item .con{font-size:var(--fontsize16)}}
#new{padding:3% 3%}
#new .new-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:36px -25px 0px}
#new .new-list>li{width:33.3333%;padding:0px 25px;box-sizing:border-box}
#new .new-item{box-shadow:0px 0px 70px 0px rgba(184,184,184,.33);padding-bottom:15px}
#new .new-item .new-img:hover img{transform:scale(1.05)}
#new .new-img{position:relative;overflow:hidden;display:block}
#new .new-img img{display:block;width:100%;height:auto}
#new .new-date{position:absolute;left:15px;bottom:0px;padding:5px 10px;font-size:var(--fontsize14);color:#FFFFFF;background:var(--color)}
#new .new-date i{margin-right:6px}
#new .new-more{margin:0px 20px;font-size:var(--fontsize14);display:flex;justify-content:space-between;}
#new .new-more i{font-weight:var(--fontbold6);transform:rotate(180deg)}
#new .new-title{margin:15px;padding-bottom:15px;border-bottom:1px solid #EEEEEE;font-size:var(--fontsize18);color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#new .new-title:hover{color:var(--color)}
@media screen and (max-width:1470px){
#new .new-title{margin:12px}
#new{padding:100px 80px}}
@media screen and (max-width:768px){
#new{padding:4vw 0vw}
#new .new-list{margin:4vw -2vw}
#new .new-list>li{padding:0vw 2vw;width:50%}
#new .new-list>li:last-child{display:none}
#new .new-date{font-size:var(--fontsize12);padding:2px 5px;left:10px}
#new .new-item{padding-bottom:1px}
#new .new-title{font-size:var(--fontsize16);margin:6px 10px;padding-bottom:6px;-webkit-line-clamp:3;height:74px}
#new .new-more{font-size:var(--fontsize14);margin:10px}
#new .new-more i{font-size:var(--fontsize14)}}
.tab{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;align-items:center}
.tab .tab-item{padding:15px 50px;margin:0px 15px 15px 0px;background:#F4F4F4;color:var(--fontcolor);font-weight:var(--fontbold6)}
.tab .tab-item.is-current{background-color:var(--color);position:relative;color:#FFFFFF}
.tab .tab-item.is-current:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%, -5px);display:block;width:0px;height:0px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #FFF}


.lang{width:auto;position:absolute;right:20px;top:8px;z-index:9999999;text-align:left}
.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;color:var(--headercolor)}
.lang-icon span{position:relative;padding-right:18px;}
.lang-icon>img{margin-right:5px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:12px;width:8px;height:1px;background:var(--headercolor);transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:12px;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.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-drop.lang-flex{transform:translateX(25%)}
.lang-drop.lang-flex .lang-arrow{left:75%}
.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{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:1200px){
.banner-text{top:30%;}
.banner-text span{font-size:30px;}.banner-text p{ font-size:14px;}
.banner-text em a{height:30px;line-height:30px; font-size:14px;}}

@media (max-width:1024px){
.lang{margin-left:auto;position:fixed;top:5px;right:56px;transition:all .2s linear}
.lang-icon>img{width:36px;height:24px}
.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:69%}
.lang-drop{display:none}
.lang-drop.active{display:block}}


#onlineService {
  z-index: 100998;
  display: none;
}
#onlineService {
  position: fixed;
  right: 0;
  bottom: 32%;
  z-index: 100998;
}
.foot-main .foot-title i {
  display: none;
  position: absolute;
  right: 0;
  top: 10px;
  cursor: pointer;
  width: 50px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

@media (max-width:768px){
.foot-main .foot-title i {
    display: block;
  }
  .list-area {
    display: none !important;
  }
.foot-main .active .foot-title i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
  }
  
  .active .list-area {
    display: block !important;
  }
.head-nav{ position:absolute;right:0;}
.head-main .l-wrap{ position:relative;}
.head-cart{ position:absolute;right:40px;}
.lang{right:150px !important;top:10px !important;}.lang-icon span{color: var(--fontcolor);}.lang-icon span::before{background: var(--fontcolor) !important;}
.lang-icon span::after{background: var(--fontcolor) !important;}

#onlineService {
	display: block;
}  #onlineService {
    overflow: visible;
  }
	
#onlineService {
	position: fixed;
	bottom: 0;
	left: 50%;
	width: 100%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}
.offside {
	display: flex;
	width: 100%
}
.offside li {
	flex-grow: 1;
	flex: 1;
	text-align: center;
	width: auto;
	height: 60px;
	background:var(--color) !important;
	border-bottom: none !important;
	border-right: 1px solid rgba(255,255,255,0.15)
}
.offside li i {
	color: #fff !important;
	font-size: 20px !important;
	line-height: 60px !important;
	padding: 0;
	font-size: 22px !important
}
.offside li.tel {
	width: 47px;
	transform: translateX(0);
	-webkit-transform: translateX(0)
}
.offside li:last-child {
	display: none
}
.offside li p {
	display: none !important
}
.offside li a {
	position: static;
	display: inline-block
}
.banner-text{top:20%;}
.banner-text span{font-size:16px;}.banner-text p{ font-size:12px;}
.banner-text em a{height:25px;line-height:25px; font-size:12px;}
}