@charset "utf-8";
@import url('iconfont.css');
:root{--color: #007CBC;}
h1,h2,h3,h4,h5,ul,li,p,div{margin:0;padding:0}
a{text-decoration:none;color:#222;transition:color .2s ease}
a:hover{color:#2196F3}
ul,li{list-style:none}
body{font-size:16px;color:#222;font-family: arial,sans-serif;}
input{border:0;outline:0}
button{border:0;outline:0}
button:active{transform:scale(0.95)}
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0;background: #F4F4F4;padding-top: 125px;}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
img{border-style:none;height:auto;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;pointer-events: none;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
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:0}
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:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[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}
dl{margin-top:0;margin-bottom: 0;}
dd{margin-left: 0;}

.flex{display:flex;flex-wrap:wrap}
.flex-ai-c{display:flex;flex-wrap:wrap;align-items:center}
.flex-ai-fs{display:flex;flex-wrap:wrap;align-items:flex-start}
.flex-ai-fe{display:flex;flex-wrap:wrap;align-items:flex-end}
.flex-jc-c{display:flex;flex-wrap:wrap;justify-content:center}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.flex-jc-sa{display:flex;flex-wrap:wrap;justify-content:space-around}
.flex-jc-fe{display:flex;flex-wrap:wrap;justify-content:flex-end}
.flex-jc-fs{display:flex;flex-wrap:wrap;justify-content:flex-start}
.flex-jc-ai-c{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.flex-jc-ai-sb{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}

.top-btn{cursor:pointer;display:none;height:40px;width:40px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;position:fixed;bottom:145px;right:24px;background:#FFF;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transition:all .4s ease;z-index:1}
.top-btn i,.top-btn em{transform:rotate(270deg)}
.top-btn:hover{background:#c1c1c1}
@keyframes loading{
	to{opacity:0;transform:scale(2)}
}
@media screen and (max-width:768px){
	.product-view .singglepic{width:100%;height:100vw}
	.pro-main .common-breadcrumb{display:none}
}
.table-responsive{-ms-touch-action:auto;touch-action:auto;width:100%;margin:.2rem 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.close{display:inline-block;position:relative;top:-6px;width:16px;height:16px}
.close::before,.close::after{position:absolute;content:" ";background-color:#666;left:8px;width:2px;height:16px}
.close::before{transform:rotate(45deg)}
.close::after{transform:rotate(-45deg)}
.slide-fade-enter-active{transition:all .2s ease}
.slide-fade-leave-active{transition:all .2s ease}
.slide-fade-enter,.slide-fade-leave-to{transform:translateY(10px);opacity:0}
.feedback-main #feedbackForm{margin-top:20px}
.content-title{font-size:1.5em;margin-top:0}
@media screen and (max-width:768px){
	.content-title{font-size:1.2em}
}
.singglepic{width:450px;height:450px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:1px solid #EEE}
.singglepic img{max-width:100%;max-height:100%}
.singglepic:hover img{transform:scale(1.1)}
.map{margin-bottom:30px}
.map iframe{width:100%}
@media screen and (max-width:768px){
	.singglepic{width:100%;height:100vw;border:0}
}
.table-responsive{-ms-touch-action:auto;touch-action:auto;width:100%;margin:.2rem 0;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)}
}



/*header*/
#header{position:fixed;top:0;width:100%;z-index: 10;background:#fff;box-sizing:border-box;box-shadow: 0 0 3px 1px #ccc;}
.shop{
    margin-right: 20px;
    position: relative;
    z-index: 1;
}
.shop a{
    display: block;
    width: 26px;
    height: 26px;
}
.shop svg{
    width: 26px;
    height: 26px;
}
.lang{width:auto;z-index:9999;text-align:left;position:relative;margin-right:20px}
.lang-icon{display:flex;align-items:center;width:100%;border:none;cursor:pointer;font-size:var(--fontsize14);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: 8px;width:8px;height:1px;background: #fff;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top: 8px;width:8px;height:1px;background: #fff;transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:var(--border);box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(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:#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: 120px;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:0px}
.lang-flex .lang-wrap li a{padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;color: #111111;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){
	.container{padding:0 20px}
	.l-wrap{padding:0px 15px}
	.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:54px!important;position:fixed;width:calc(100vw - 20px)}
	.lang-flex .lang-wrap{width:100%}
	.lang-drop.lang-flex .lang-arrow{left:80%}
	.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.is-active .head-top{margin-top:-40px;opacity:0;visibility:hidden}
header .head-top{height:40px;color:var(--headercolor);background:#2B2B2B;transition:margin .1s linear;background: var(--color);}
header .head-top .l-wrap{height:100%;align-items:center}
.head-top{background:#2B2B2B;padding:2px 0px}
.head-top .head-share{color:#fff;line-height:32px;font-size:13px}
.head-contact>a{color:#FFF;font-size:14px;margin-right:20px;position: relative;}
.head-contact>a:after{content:'';position: absolute;display: block;right: 0;bottom: 0;width: calc(100% - 21px);height: 1px;background: #fff;opacity: 0;}
.head-contact>a:hover:after{opacity:1}
.head-contact em{margin-right:4px;vertical-align:middle;line-height:1;color: #fff;}
.head-search{position:relative;height:100%;display:flex;align-items:center;border:1px solid #BED7FF}
.head-search .search-wrap{display:flex}
.head-search .search-wrap.active{transition:opacity .3s,transform .3s;visibility:visible;opacity:1;transform:rotateX(0);transform-origin:top}
.head-search .txtSearch{width:160px;line-height:26px;padding-left:10px;font-size:14px;background:transparent;color:#fff}
.head-search .txtSearch::-moz-placeholder{color:#fff}
.head-search .txtSearch:-ms-input-placeholder{color:#fff}
.head-search .txtSearch::placeholder{color:#fff}
.head-search #btnSearch{width:28px;background:transparent;display:block;cursor: pointer;}

#header .head-info{align-items:center;height:80px}
#header .head-info .lang,#header .head-info .shop{display:none}
.nav-btn{display:none;position:relative;cursor:pointer;width:60px;height:60px;z-index:5}
.nav-btn span{display:block;position:absolute;border-radius:999px;background:#333;left:20px;width:20px;height:3px}
.nav-btn span:nth-child(1){top:22px}
.nav-btn span:nth-child(2){top:29px}
.nav-btn span:nth-child(3){top:36px}
.logo a img{display:block;max-height:50px}
.nav{max-width:80%}
.nav>ul>li{position:relative;margin:0 40px}
.nav>ul>li:first-child{margin-left:0}
.nav>ul>li:last-child{margin-right:0}
.nav>ul>li>a{display:block;text-align:center;line-height:1.4;position: relative;}
.nav>ul>li>a>span{display:block;font-size: 18px;}
.nav>ul>li>a>.cn{font-size:20px}
.nav>ul>li:hover>a,.nav>ul>li>a.active{color: #007aff;}
.nav>ul>li>a.active:after{content:'';display: block;width: 100%;height: 4px;background: var(--color);}
.subnav{position:absolute;margin-left: -20px;width: 140px;padding:15px 20px 10px;background:#fff;z-index: 1;display:none;border-radius: 0 0 10px 10px;}
.subnav li{line-height:2}
.subnav a{font-size: 18px;display: block;}
@media screen and (min-width:768px){
	.nav>ul>li:hover .subnav{display:block;}
}
.arrow{display:none}
@media screen and (max-width:1200px){
	.nav>ul{justify-content:center}
	.nav>ul>li{margin:0 20px}
	.nav>ul>li{margin: 0 15px;}
	.nav>ul>li>a>.cn{font-size: 18px;}
}
@media screen and (max-width:900px){
	.nav>ul>li{margin: 0 10px;}
	.nav>ul>li>a>.cn{font-size: 16px;}
}
@media screen and (max-width:768px){
	#header .head-info .lang,#header .head-info .shop{display:block}
	header .head-top{display:none}
	body{padding-top: 60px;padding-bottom: 60px;}
	#header .l-wrap{height: 60px;}
	.nav-btn{display:block}
	.nav-btn.on span:nth-child(1){transform:rotate(45deg);top:30px}
	.nav-btn.on span:nth-child(2){opacity:0}
	.nav-btn.on span:nth-child(3){transform:rotate(-45deg);top:30px}
	.subnav{position: relative;width: 100%;box-sizing: border-box;margin-left: 0;background: #eee;border-radius: 0;}
	.subnav a{font-size:16px;}
	.logo{position:relative;z-index:5}
	.logo a img{}
	.nav{height:100%;background-image: linear-gradient(#eee 60px,#fff 60px);top:0;box-sizing:border-box;padding-top: 60px;display: none;max-width: 100%;position: fixed;width: 100%;left: 0;}
	.nav>ul{display:block;}
	.nav>ul>li{margin: 0;}
	.nav>ul>li>a{text-align:left;padding:9px 15px;line-height:2}
	.nav>ul>li>a>span{display:inline}
	.nav>ul>li>a>.cn{font-size:16px}
	.nav>ul>li>a>.en{font-size:14px;color:#666;margin-left:10px}
	.arrow{position:absolute;right:0;top:0;width:50px;height:50px;line-height:50px;text-align:center;display:block}
}

#footer{background:var(--color);padding: 50px 0;color:#fff}
#footer .l-wrap{display:flex;justify-content:space-between;flex-wrap:wrap}
#footer .foot-item div{display:flex;align-items:center;}
#footer .foot-item div span{display:block;margin-right:15px;background-repeat:no-repeat;background-position:center}
#footer .foot-item div .icon-add{width:45px;height:58px;background-image:url(../images/icon-add.png);margin-right:30px}
#footer .foot-item div .icon-tel{background-image:url(../images/icon-tel.png);width:32px;height:32px}
#footer .foot-item div .icon-people{background-image:url(../images/icon-people.png);width:32px;height:31px}
#footer .foot-item div .icon-email{background-image:url(../images/icon-email.png);width:31px;height:23px}
#footer .foot-item div p{font-size:18px;line-height:2;margin-left: 5px;}
#footer .foot-item div p a{color:#fff}
#footer .foot-item div:last-child{}
#footer .foot-item1{}
#footer .foot-item2{}
.bottom-btn{position:fixed;display:none;left:0;bottom:-16vw;width:100%;z-index:890;background-color: #2196F3;padding-bottom:env(safe-area-inset-bottom);justify-content:space-between;transition:bottom .2s ease;box-sizing:border-box}
.bottom-btn .btn-item{width: 25%;height: 60px;}
.bottom-btn .btn-item>a{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;align-items:center}
.bottom-btn .iconfont{font-size:28px;color:#FFF}
.bottom-btn p{font-size:12px;color:#FFF;text-transform:capitalize}
.bottom-btn .btn-item.cart{display:none}
.bottom-btn .btn-item.cart>div{width:100%;height:100%}
.bottom-btn.is-active{bottom:0}
.bottom-btn.show-cart{bottom:0}
.bottom-btn.is-pro .btn-item.inquiry{display:none}
.bottom-btn.is-pro .btn-item.cart{display:block}
@media screen and (max-width:1200px){
	#footer{}
	#footer .foot-item2{}
	#footer .foot-item div p{font-size: 16px;}
}
@media screen and (max-width:1024px){
	#footer .foot-item1{}
}
@media screen and (max-width:768px){
	#footer{padding: 20px 0 10px;}
	#footer .foot-item{max-width:unset}
	#footer .foot-item1{width:100%}
	#footer .foot-item2{width:100%}
	#footer .foot-item div{margin-bottom:0;margin-bottom:15px}
	#footer .foot-item div:last-child{}
	#footer .foot-item div p{line-height: 1.6;}
	.bottom-btn{display:flex;}
}


.l-wrap{margin:0px auto;max-width: 1520px;}
.l-mask{display:none;position:fixed;left:0;z-index:998;width:100%;height:100%;background:rgba(0,0,0,.8)}
main.is-fixed{margin-top: 96px;}

.crumbs .banner-content{background-color: #F9F9F9;padding: 10px 0;}
.crumbs .banner-content .l-wrap{display:flex;align-items:center;justify-content:space-between}
.crumbs .banner-content .banner-title-h1{font-size: 20px;text-transform:capitalize;font-weight: bold;}
.crumbs .banner-content .banner-breadcrumbs{font-size: 14px;}
.crumbs .banner-content .banner-breadcrumbs em{color:var(--color);margin-right:2px}
.crumbs .banner-content .banner-breadcrumbs a{transition:all .1s linear;text-transform:capitalize;color: #666;}
.crumbs .banner-content .banner-breadcrumbs a:first-child:before{font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;content:'\e618'}
.crumbs .banner-content .banner-breadcrumbs span{text-transform:capitalize}
.crumbs .banner-content .banner-breadcrumbs a:hover{color:var(--color)}

.common-main{margin:60px 0px}
.common-page{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}
.common-page a,.common-page span{margin-right:14px;margin-bottom:14px;padding:10px 14px;background-color: #ddd;color:#222;transition:background .2s,color .2s;}
.common-page a:hover,.common-page .page-num-current{background-color:#222;color:#FFF}
.common-page span{opacity:.4}
.common-page .last a{display:inline-block;font-style:normal}
.common-page .ctxt{background-color:#222;opacity:1;color:#FFF}
.common-page .tol{background:transparent;opacity:1;color:#222}
.product-main .l-wrap,.new-main .l-wrap{display:-ms-flexbox;display:flex;flex-wrap:wrap}
.product-main .sidebar,.new-main .sidebar{position:relative;-ms-flex-item-align:start;align-self:flex-start;-ms-flex:0 0 370px;flex:0 0 370px;box-sizing:border-box;padding: 0 24px 0;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:0}
.product-main .common-content,.new-main .common-content{-ms-flex:1;flex:1;width:calc(100% - 410px)}
.new-main .sidebar{padding:20px}
.product-main .sidebar{margin-right:40px}
.new-main .sidebar{margin-left:40px}
.main-title,.main-part{text-align:center}
.main-title{margin-bottom:12px;color:#666}
.main-part{text-transform:uppercase;font-size:2.375em}
@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{-ms-flex:0 0 320px;flex:0 0 320px;width:320px}
}
@media screen and (max-width:1279px){
	.l-wrap{max-width:none;max-width:initial;width:auto;margin:0 50px}
	.new-main .sidebar,.product-main .sidebar{display:none}
	.inner-banner h1{font-size:1.8em}
}
@media screen and (max-width:1024px){
	.crumbs .banner-img img{width:100%;height:100%;object-fit:cover}
}
@media screen and (max-width:768px){
	.l-wrap{margin: 0 2vw;}
	.main-part{font-size:19px}
	.main-title{font-size:14px}
	.crumbs .banner-content .l-wrap{flex-wrap:wrap;/* flex-direction:column; *//* align-items:flex-start; */}
	.crumbs .banner-content .banner-title-h1{color:var(--color);font-size:var(--fontsize20)}
	.common-main{margin:5.3333333333vw 0}
}
#contact{padding:30px 0;background:#2e2e2e}
#contact .l-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
#contact .foot-contact{padding:0px 14px;height:45px;background:var(--color);line-height:45px;color:#FFF;white-space:nowrap}
#contact .foot-title{line-height:45px;text-transform:uppercase;font-size:1.6em;color:#FFF}


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:#CCC;animation:loading 1.5s ease infinite;border-radius:100%}

.tab{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.tab .tab-item{padding:20px 60px;margin:0 20px 20px 0;background:#f4f4f4;color:#000}
.tab .tab-item.is-current{background-color:var(--color);position:relative;color:#FFF}
.tab .tab-item.is-current:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%,-5px);display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #FFF}
.common-main #about{padding:0}
.common-main #about .about-con{margin-top:80px}
.common-main #about .about-con ul{padding-left:20px}
.common-main #about .about-con ul:before,.common-main #about .about-con ul:after{display:none}
.common-main article p{color:#555;line-height:1.8em}
.common-main article img{max-width:100%;height:auto !important}
.common-main article iframe{width:100%;height:624px;border: 0;}
.product-case{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:48px;margin:0 -9px -36px}
.product-case>li{width:25%;padding:0 9px;margin-bottom:36px;box-sizing:border-box}
.product-case .case-img{padding:14px;border:1px solid #e7e7e7;box-sizing:border-box}
.product-case .case-img img{width:100%;height:auto;pointer-events:none}
.product-case .case-name{width:100%;height:60px;line-height:60px;text-overflow:ellipsis;text-align:center;overflow:hidden;white-space:nowrap;padding:0px 14px;box-sizing:border-box;font-size:1.125em;background:#f0f0f0}
.contact{display:-ms-flexbox;display:flex}
.contact .contact-box{-ms-flex:0 0 420px;flex:0 0 420px;margin-right:90px;-ms-flex-item-align:self-start;align-self:self-start;box-sizing:border-box}
.contact .contactL{padding: 30px 30px 30px;box-sizing:border-box;background:var(--color);color:#FFF;}
.contact .contactL p{color:#FFF}
.contact .contactL p a{color:#fff}
.contact .contactL .title{font-size:2.125em;margin-bottom:10px}
.contact .contactL .tip{margin-bottom:20px}
.contact .contact-inquiry{padding-top:50px;-ms-flex:1;flex:1}
.contact .contact-inquiry .title{font-size:2.125em;font-weight:bold;position:relative;margin-bottom:30px;padding-bottom:20px;color:#222}
.contact .contact-inquiry .title:after{content:"";position:absolute;width:80px;height:3px;top:100%;left:0;background:var(--color)}
.contact .contact-inquiry .tip{color:#222;margin-bottom:30px}
.contact .contact-item{display:-ms-flexbox;display:flex;margin-bottom:20px}
.contact .contact-item .icon{width:50px;height:50px;-ms-flex:0 0 50px;flex:0 0 50px}
.contact .contact-item .con{-ms-flex:1;flex:1}
@media screen and (max-width:768px){
	.tab .tab-item{width:calc(50% - 4vw);margin:0 4vw 4vw 0;padding:14px 4px;box-sizing:border-box;font-size:14px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.tab .tab-item:nth-of-type(2n){margin-right:0}
	.product-case{margin:0 -4vw -36px}
	.product-case>li{width:50%;padding:0 2vw}
	.product-case .case-name{font-size:14px;height:36px;line-height:36px}
	.product-case .case-img{padding:8px}
	.contact{display:block}
	.contact .contact-box{-ms-flex:initial;flex:initial;padding:14px;margin-right:0}
	.contact .contact-box .title{font-size:18px}
	.contact .contact-inquiry .title{font-size:18px;padding-bottom:14px}
.common-main article iframe{height:unset;display:block;margin-bottom:10px}
}
.send-inquiry .inquiry-form{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.send-inquiry .inquiry-form input,.send-inquiry .inquiry-form textarea{padding-right:40px;transition:.3s}
.send-inquiry .inquiry-form input::-webkit-input-placeholder,.send-inquiry .inquiry-form textarea::-webkit-input-placeholder{color:#999;-webkit-transition:.3s;transition:.3s;transform-origin:top left}
.send-inquiry .inquiry-form input::-moz-input-placeholder,.send-inquiry .inquiry-form textarea::-moz-input-placeholder{color:#999}
.send-inquiry .inquiry-form input::-ms-input-placeholder,.send-inquiry .inquiry-form textarea::-ms-input-placeholder{color:#999}
.send-inquiry .inquiry-form input:focus,.send-inquiry .inquiry-form textarea:focus{border-color:var(--color)}
.send-inquiry .inquiry-form input{position:relative;box-sizing:border-box;padding-left:20px;width:49%;height:50px;outline:none;margin-bottom:30px;background: #fff;border:1px solid #F6F6F6;}
.send-inquiry .inquiry-form textarea{padding-top:20px;padding-left:20px;width:100%;outline:none;height:250px;background: #Fff;border:1px solid #F6F6F6;box-sizing:border-box;resize:none;}
.send-inquiry .inquiry-form .input-error{border:1px solid #var(--color)}
.send-inquiry .send-btn{width:180px;height:50px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;margin:30px 0px;box-sizing:border-box;background-color:#222}
.send-inquiry .send-btn .span:nth-child(1){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;font-weight:bold;color:#FFF;text-transform:uppercase;-ms-user-select:none;user-select:none}
.send-inquiry .send-btn .span:nth-child(2){display:none}
.inquiry .l-wrap{padding:0;max-width:900px}
.inquiry .send-inquiry .send-btn{margin:50px auto}
.inquiry-tip{margin-bottom:30px;line-height:1.5em}
.inquiry-tip a{text-decoration:underline}
.inquiry-tip a:hover{color:var(--color)}
.feedback p{line-height:1.5em}
.feedback #feedbackForm{margin-top:20px;max-width:900px;margin:0 auto}
.send-tit{margin:70px 0 30px;font-size:34px;color:#222;font-weight:bold;text-transform:uppercase}
@media screen and (max-width:769px){
	.send-tit{margin:20px 0 20px;font-size:18px;color:#222;font-weight:bold}
	.send-inquiry .inquiry-form input{padding-left:2.6666666667vw;width:100%;height:12vw;margin-bottom:4vw}
	.send-inquiry .inquiry-form textarea{padding-top:3.3333333333vw;padding-left:2.6666666667vw;width:100%;height:33.3333333333vw}
	.send-inquiry .inquiry-form #in-company{background-size:5.3333333333vw 5.3333333333vw;background-position:right 2.6666666667vw top 3.2vw}
	.send-inquiry .inquiry-form #in-name{background-size:5.3333333333vw 5.3333333333vw;background-position:right 2.6666666667vw top 3.2vw}
	.send-inquiry .inquiry-form #in-title{background-size:5.3333333333vw 5.3333333333vw;background-position:right 2.6666666667vw top 3.2vw}
	.send-inquiry .inquiry-form #in-phone{background-size:4.6666666667vw 4.6666666667vw;background-position:right 2.6666666667vw top 3.2vw}
	.send-inquiry .inquiry-form #in-email{background-size:4.6666666667vw 4.6666666667vw;background-position:right 2.6666666667vw top 3.2vw}
	.send-inquiry .inquiry-form #in-content{background-size:4vw 4vw;background-position:right 2.6666666667vw top 3.2vw}
	.send-inquiry .send-btn{width:150px;height:50px;margin:20px auto 20px}
	.send-inquiry .send-btn .span:nth-child(1){font-size:14px}
	.send-inquiry .send-btn .span:nth-child(2){width:6.6666666667vw}
	.l-main-single .inquiry{padding:8vw 0}
	.inquiry .send-inquiry .send-btn{margin:8vw auto 4vw}
	.inquiry-tip{margin-bottom:6vw}
	.send-inquiry .send-btn{height:10.6666666667vw;margin:20px 0 0;padding:0 6.6666666667vw}
	.send-inquiry{margin-top:6.6666666667vw}
}
.pro-img img{max-width:100%;max-height:100%}
.product-main .pro-list .pro-more{color:#09162a;background:#F2F2F2;transition:background .2s ease,color .2s ease}
.product-main .pro-list .pro-more:hover{background:var(--color);color:#FFF}
.product-main .pro-list .pro-name{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;font-size:1.125em;font-weight:bold}
.product-main .pro-list .pro-img:hover .img-wrap:after{opacity:1}
.product-main .pro-list .pro-img:hover .pro-cart{opacity:1}
.product-main .pro-list .pro-img:hover img{transform:scale(1.05)}
.product-main .pro-list .img-wrap{position:absolute;left:0;top:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden}
.product-main .pro-list .img-wrap:after{content:"";display:block;background:rgba(0,0,0,.2);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .2s ease}
.product-main .pro-price{color:var(--color)}
.product-main .pro-cart{position:absolute;right:20px;bottom:20px;width:40px;height:40px;cursor:pointer;background:#FFF;border-radius:50%;display:-ms-flexbox;display:flex;opacity:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:1;transition:opacity .2s ease;color:var(--color)}
.product-main .pro-cart i{font-size:25px}
.product-main .pro-list.list1{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px}
.product-main .pro-list.list1>li{width:33.3333%;margin-bottom:38px;box-sizing:border-box;padding:0 20px}
.product-main .pro-list.list1 .pro-item{height:100%;box-sizing:border-box;border:1px solid #E3E3E3;background: #fff;}
.product-main .pro-list.list1 .pro-info{padding:0 40px 30px;}
.product-main .pro-list.list1 .pro-more{display:block;width:100%;height:40px;line-height:40px;text-align:center;transition:background .2s ease,color .2s ease}
.product-main .pro-list.list1 .pro-name{text-align:center;margin-bottom:18px}
.product-main .pro-list.list1 .pro-price{text-align:center;margin-bottom:14px}
.product-main .pro-list.list1 .pro-img{width:100%;padding-top:100%;margin-bottom:18px;position:relative;}
.product-main .pro-bottom{margin-top:20px;font-size:16px;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:5px;padding:10px;line-height:1.7em;color:#2b2b2b}
.product-main .keywords{margin-top:10px}
.product-main .keywords span a{padding:4px 8px;border-radius:999px;background-color:#EEE;margin-right:6px;white-space:nowrap;display:inline-block;margin-bottom:6px}
.product-main li.is-checked .pro-cart{box-shadow:0 5px 5px 0 rgba(0,0,0,.1);opacity:1}
.pro-detail .pro-detail-top{display:-ms-flexbox;display:flex}



.pro-preview{width: 550px;}
.imgalt{display:none}
.preview-container{position:relative;display:flex}
.preview-container .thumbnail-show{flex:1;position:relative;display:flex;justify-content:center}
.preview-container .small-box{width:100%;aspect-ratio:var(--prosaspectratio);background:#fff;position:relative;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;overflow:hidden}
.preview-container .small-box:hover{cursor:crosshair}
.preview-container .small-box img{width:100%;height:100%;object-fit:contain}
.preview-container .big-box{display:none;border:1px solid #dfdfdf;border-left:none;width:100%;height:100%;position:absolute;left:100%;top:0;overflow:hidden;z-index:999;background:#fff}
.preview-container .big-box img{display:block;max-width:none;max-height:none;width:150%}
.preview-container .big-box.act{display:none!important}
.small-box .hover{position:absolute;width:180px;height:180px;background-color:rgba(204,204,204,.6);border:1px solid #eee;display:none;cursor:move;z-index:9}
.preview-container .thumbnail-show #media{background:#eee;width:100%;aspect-ratio:1/1;object-fit:contain;z-index:9}
.preview-container .thumbnail-box{margin-right: 20px;padding:35px 0;width: 83px;position:relative;}
.preview-container .thumbnail-box .swiper{width:100%;height: 360px;overflow: hidden;}
.preview-container .thumbnail-box .item{width:100%;overflow:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear;position:relative;border:1px solid #eee;box-sizing: border-box;}
.preview-container .thumbnail-box .item.item-cur{border-color: var(--color);}
.preview-container .thumbnail-box .item img{width:100%;height:100%;object-fit:cover}
.thumbnail-box .prodetails-button-next,.thumbnail-box .prodetails-button-prev{position:absolute;top:0;left:0;width:100%;height:30px;background: var(--color);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear;z-index:9}
.thumbnail-box .prodetails-button-next.not,.thumbnail-box .prodetails-button-prev.not{background:#eee;color:#999}
.thumbnail-box .prodetails-button-next:hover,.thumbnail-box .prodetails-button-prev:hover{opacity:.9}
.thumbnail-box .prodetails-button-prev em{transform: rotate(-90deg);}
.thumbnail-box .prodetails-button-next em{transform: rotate(90deg);}
.thumbnail-box .prodetails-button-next{top:auto;bottom:0}
.thumbnail-show .prodetails-button-next,.thumbnail-show .prodetails-button-prev{width:45px;height:45px;background:#fff;border-radius:10px;border:1px solid #e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;position:absolute;left:20px;top:50%;transform:translateY(-50%);z-index:2;transition:all .1s linear;cursor:pointer}
.thumbnail-show .prodetails-button-next:hover,.thumbnail-show .prodetails-button-prev:hover{color:#fff;border-color:var(--color);background:var(--color)}
.thumbnail-show .prodetails-button-next{left:auto;right:20px}
.preview-container .thumbnail-box .banner-page{display:none}


.pro-detail .pro-detail-top .pro-info{-ms-flex:1;flex:1;margin-left:50px;color:#000002}
.pro-detail .pro-detail-top .pro-info .pro-name{font-weight:bold;margin-top:20px;font-size:1.375em}
.pro-detail .pro-detail-top .pro-info .pro-price{color:#222;margin:22px 0}
.pro-detail .pro-detail-top .pro-info .pro-con{padding-top:20px;margin-bottom:20px;line-height:1.6em;border-top:1px solid #dcdcdc}
.pro-detail .pro-detail-top .pro-info .pro-con table,.pro-detail .pro-detail-top .pro-info .pro-con td{border-collapse: collapse;padding: 0 5px;}
.pro-detail .pro-btnlist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px}
.pro-detail .pro-btnlist>a,.pro-detail .pro-btnlist .pro-btn{width:230px;height:48px;display:-ms-flexbox;display:flex;cursor:pointer;margin-bottom:12px;margin-right:12px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;line-height:48px;font-weight:bold;color:#000002;border:1px solid #000002;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.pro-detail .pro-btnlist>a i,.pro-detail .pro-btnlist .pro-btn i{position:relative;margin-right:10px;font-size:18px;top:2px}
.pro-detail .pro-btnlist>a .icon-cart,.pro-detail .pro-btnlist .pro-btn .icon-cart{font-size:20px;top:1px}
.pro-detail .pro-btnlist>a:hover,.pro-detail .pro-btnlist .pro-btn:hover{background-color:var(--color);border-color:var(--color);color:#FFF}
.pro-detail .pro-btnlist>a:hover i,.pro-detail .pro-btnlist .pro-btn:hover i{color:#FFF}
.pro-detail .pro-detail-content{padding-top:30px}
.pro-detail .pro-detail-content .part-title{padding:20px;font-weight:bold;position:relative;font-size:1.125em;cursor:pointer;background-color:#EEE;color:#222}
.pro-detail .pro-detail-content .part-title i{position:absolute;right:24px;top:24px;font-size:18px;color:#525252;transform:rotate(270deg)}
.pro-detail .pro-detail-content .part-title.is-close i{transform:rotate(90deg)}
.pro-detail .pro-detail-content .part-con{padding:20px 10px 10px 10px}
.pro-detail .pro-detail-content .pro-part{margin-bottom:20px}
.pro-detail .pro-detail-content table{width:100%;border-collapse:collapse}
.pro-detail .pro-detail-content table td{padding:10px;border-width:1px;border-bottom:1px solid #E5E5E5}
.pro-detail .pro-detail-content p,.pro-detail .pro-detail-content li{color:#333;line-height:1.6em}
.pro-detail .pro-detail-content img{max-width:100%}
.pro-detail .pro-random{margin-bottom:30px}
.pro-detail .pro-random ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px}
.pro-detail .pro-random li{width:33.3333%;padding:0px 20px;margin-bottom:20px;box-sizing:border-box}
.pro-detail .pro-random .pro-item{padding:5px;border:1px solid #E3E3E3;transition:border .3s ease}
.pro-detail .pro-random .pro-item:hover{border-color:var(--color)}
.pro-detail .pro-random .pro-item:hover img{transform:scale(1.05)}
.pro-detail .pro-random .pro-img{position:relative;padding-top:100%}
.pro-detail .pro-random .pro-img img{transition:transform .3s ease}
.pro-detail .pro-random .img-wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden}
.pro-detail .pro-random .pro-name{display:block;margin:5px 0px;font-weight:bold;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#000;font-size:16px}
.pro-detail .pro-random .pro-more{width:100%;display:block;color:#09162a;background:#F2F2F2;text-align:center;height:40px;line-height:40px;transition:color .3s ease,background .3s ease}
.pro-detail .pro-random .pro-more:hover{color:#FFF;background:var(--color)}
.pro-detail .pro-inquiry-title,.pro-detail .pro-random-title{font-size:1.375em;margin-bottom:36px;text-align:left;color:#222;font-weight:bold}

.pro-cer{margin:11px 0 0 103px}
.pro-cer img{display:block;width:100%}
@media screen and (max-width:1470px){
	.product-main .pro-list.list1 .pro-info{padding:0 16px 20px}
	.pro-detail .pro-random .pro-item{padding:20px 16px}
}
@media (max-width:1366px){
	.preview-container{height:400px}
	.thumbnail-show .prodetails-button-next{right:0}
	.preview-container .thumbnail-box .swiper{height:330px}
	.preview-container .thumbnail-box{width:100px}
	.preview-container .thumbnail-box .item{width:100px}
	.thumbnail-show .prodetails-button-prev{left:0}
}
@media (max-width:1024px){
	.preview-container{width:100%;height:auto;align-items:flex-start}
	.preview-container .thumbnail-box{width:20%}
	.preview-container .thumbnail-box .swiper{height:600px}
	.preview-container .thumbnail-box .item{width:100%}
	.preview-container .big-box,.small-box .hover{display:none!important}
}
@media screen and (max-width:768px){
	.pro-cer{margin: 10px 0;}
	.product-main .pro-bottom{margin:8vw 0 5.3333333333vw;font-size:16px}
	.pro-detail .pro-detail-top{display:block}
	.pro-preview{width:100%}
	.pro-detail .pro-detail-top .pro-info{margin-left:0}
	.preview-container .thumbnail-show{display:none}
	.preview-container .thumbnail-box{width:100%;padding:0;margin:0;border:1px solid #999}
	.preview-container .thumbnail-box .item{aspect-ratio:1/1;border:none}
	.preview-container .thumbnail-box .banner-page{height:40px;min-width:40px;text-align:center;line-height:40px;position:absolute;right:10px;bottom:10px;white-space:nowrap;z-index:1;color:#fff;border-radius:30px;padding:0 10px;background:#00000080;display:block}
	.preview-container .thumbnail-box .swiper{height:auto}
	.thumbnail-box .prodetails-button-next,.thumbnail-box .prodetails-button-prev{display:none}
	.imgalt{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;width:95%;height:40px;line-height:40px;background:#00000080;color:#fff;border-radius:30px;padding:0 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;box-sizing: border-box;}
	
	.pro-detail .pro-detail-top .pro-info .pro-price{margin:14px 0}
	.pro-detail .pro-btnlist{display:block}
	.pro-detail .pro-btnlist>a,.pro-detail .pro-btnlist .pro-btn{width:100%;height:13.3333333333vw}
	.pro-detail .pro-detail-content .part-title{font-size:16px;padding:4vw}
	.pro-detail .pro-detail-content .part-title i{top:4vw;right:4vw}
	.product-main .pro-list .pro-name{font-size:14px;white-space:inherit}
	.product-main .pro-list.list1>li{width:50%;margin-bottom:4vw;padding:0 2vw}
	.product-main .pro-list.list1{margin:0 -2vw}
	.product-main .pro-list.list1 .pro-info{padding:0 16px 16px}
	.product-main .pro-list.list1 .pro-more{font-size:14px;height:36px;line-height:36px}
	main.pro-main .inner-banner{display:none}
	.pro-detail .pro-inquiry-title,.pro-detail .pro-random-title{font-size:18px;margin-bottom:4vw}
	.pro-detail .pro-random ul{margin:0 -2vw}
	.pro-detail .pro-random li{width:50%;margin-bottom:4vw;padding:0 2vw}
	.pro-detail .pro-random .pro-item{padding:10px}
	.product-main .pro-list>li.is-checked .pro-item{border-color:var(--color)}
	.product-main .pro-list .pro-img:hover img{transform:scale(1)}
	.product-main .pro-list .pro-img:after{display:none}
	.product-main .pro-cart{opacity:1;right:10px;bottom:10px}
}

.new-main .new-list.list1{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -14px 30px}
.new-main .new-list.list1>li{width:33.3333%;padding:0px 14px;margin-bottom:28px;box-sizing:border-box}
.new-main .new-list.list1 .new-item{box-shadow:0px 0px 70px 0px rgba(184,184,184,.33);padding-bottom:20px}
.new-main .new-list.list1 .new-img{position:relative;display:block;height: 0;padding: 0 0 100% 0;background: #fff;}
.new-main .new-list.list1 .new-img img{display:block;max-width: 100%;max-height: 100%;height:auto;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.new-main .new-list.list1 .new-date{position:absolute;left:20px;font-size:14px;font-weight:bold;padding:10px 14px;color:#FFF;background:var(--color);bottom:0}
.new-main .new-list.list1 .new-date i{margin-right:6px}
.new-main .new-list.list1 .new-more{margin:0 30px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
.new-main .new-list.list1 .new-more i{font-weight:bold;transform:rotate(180deg)}
.new-main .new-list.list1 .new-title{display:block;font-weight:bold;margin:18px 20px;padding-bottom:18px;border-bottom:1px solid #E3E3E3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.125em;color:#222}
.new-main .new-list.list1 .new-title:hover{color:var(--color)}
@media screen and (max-width:768px){
	.pro-detail .pro-detail-content img,.pro-detail .pro-detail-content iframe{max-width:100%;height:auto !important}
	.new-main .new-list.list1{margin:0 -2vw}
	.new-main .new-list.list1>li{width:50%;padding:0 2vw}
	.new-main .new-list.list1 .new-title{font-size:16px;margin:10px}
	.new-main .new-list.list1 .new-date{font-size:12px;padding:6px 8px;left:10px}
	.new-main .new-list.list1 .new-more{margin:0 10px;font-size:14px}
	.new-main .new-list.list1 .new-item{padding-bottom:10px}
}
.new-main .new-top{font-size:14px;font-weight:bold;color:var(--color)}
.new-main .news-views{margin-left:14px}
.new-main .new-title{color:#222;font-size:1.875em}
.new-main .new-share{margin:20px 0}
.pagelink{display:-ms-flexbox;display:flex;margin:30px -29px}
.pagelink>div{width:50%;padding:0 29px;box-sizing:border-box}
.pagelink .pagelink-info{display:block;padding:15px;line-height:1.5em;border:1px solid #E5E5E5;transition:border .2s ease,box-shadow .2s ease}
.pagelink .pagelink-info:hover{border-top:2px solid var(--color);box-shadow:0px 0px 20px 0px rgba(215,215,215,.74)}
.pagelink .link-intro{font-size:14px;color:var(--color)}
.pagelink .pagelink-item.prev .iconfont{margin-right:10px}
.pagelink .pagelink-item.next .pagelink-info{text-align:right}
.pagelink .pagelink-item.next .iconfont{display:inline-block;margin-left:10px;transform:rotate(180deg)}
.share-btn-list{margin-top:30px}
.common-inquiry{margin-top:20px}
.common-inquiry-title{color:#222;font-size:1.875em;margin-bottom:22px}
@media screen and (max-width:768px){
	.pagelink{display:block;margin:0}
	.pagelink>div{width:100%;margin-bottom:4vw;padding:0}
	.pagelink .pagelink-info{padding:16px}
	.common-inquiry-title,.new-main .new-title{font-size:18px}
}
.sidebar-item{margin-bottom:42px}
.sidebar-item .sidebar-title{position:relative;font-size:1.375em;padding-bottom:16px;margin-bottom:30px;font-weight:bold}
.sidebar-item .sidebar-title:after{content:"";position:absolute;background: var(--color);width:54px;height:3px;left:0;top:100%}
.siderbar-search{display:-ms-flexbox;display:flex}
.siderbar-search input{-ms-flex:1;flex:1;border: 2px solid var(--color);padding:0px 14px;font-size:14px;box-sizing:border-box}
.siderbar-search button{width:50px;height:50px;-ms-flex:0 0 50px;flex:0 0 50px;background: var(--color);}
.siderbar-search button i{font-size:24px;color:#FFF}
.sidebar-cate li{position:relative}
.sidebar-cate li>.iconfont{cursor:pointer;position:absolute;right:20px;top:20px}
.sidebar-cate .sub-menu{display:none}
.sidebar-cate .sub-menu li{line-height:40px;height:40px;padding:0 30px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-cate .icon-arr{transition:transform .2s ease}
.sidebar-cate .icon-arr.is-active{transform:rotate(90deg)}
.sidebar-cate>li{margin-bottom:8px;position:relative}
.sidebar-cate>li>a{display:block;width:100%;height:56px;line-height:56px;padding:0 30px;box-sizing:border-box;overflow:hidden;background:#F8F8F8;text-overflow:ellipsis;white-space:nowrap}
.sidebar-cate .is-current>a{color:var(--color)}
.sidebar-prolist .pro-item{display:-ms-flexbox;display:flex}
.sidebar-prolist .pro-item:hover img{transform:scale(1.05)}
.sidebar-prolist .pro-img{-ms-flex:0 0 87px;flex:0 0 87px;height:87px;overflow:hidden;position:relative;margin-right:16px}
.sidebar-prolist .pro-img img{max-width:100%;max-height:100%;transition:transform .2s ease}
.sidebar-prolist .pro-info{-ms-flex:1;flex:1;display: flex;align-items: center;}
.sidebar-prolist .pro-more{display:block;margin-top:10px}
.sidebar-prolist .pro-name{width:100%;display:block;display:-webkit-box;display:-moz-box;max-height:3em;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sidebar-prolist .img-wrap{display:block;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.sidebar-prolist li{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #E3E3E3}
.sidebar-prolist li:last-child{margin-bottom:0;border-bottom:0}
.sidebar-newlist>li{margin-bottom:30px;border-bottom:1px solid #E3E3E3}
.sidebar-newlist>li:last-child{margin-bottom:0;border-bottom:0}
.sidebar-newlist .new-item{display:block;position:relative;padding-right:20px;box-sizing:border-box;padding-bottom:24px;border-bottom:1px solid #E3E3E3}
.sidebar-newlist .new-item:last-child{border:0}
.sidebar-newlist .new-title{font-size:1.125em;line-height:1.5em}
.sidebar-newlist .iconfont{position:absolute;right:0;bottom:24px;transform:rotate(180deg)}
.sidebar-newcate li.LiLevel1{margin-bottom:8px;position:relative}
.sidebar-newcate li.LiLevel1:after{content:"";position:absolute;width:40px;height:56px;top:0;left:0;background:url("../images/new_icon.png") no-repeat;background-position:center center}
.sidebar-newcate li.LiLevel1>a{display:block;width:100%;height:50px;line-height:50px;background:#F8F8F8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px 0 40px;box-sizing:border-box}
.arrow-bottom{width:24px;height:33px;cursor:pointer;display:inline-block;position:absolute;top:3px;left:10px;transition:.2s ease-in-out;text-align:left;transform:rotate(0)}
.arrow-bottom:after,.arrow-bottom:before{content:"";transition:.2s ease-in-out;background-color:transparent;width:1.8px;height:8px;display:inline-block;position:absolute;border-bottom:8px solid #FFF;top:10px;left:10px}
.arrow-bottom:before{transform:rotate(-135deg)}
.arrow-bottom:after{transform:rotate(135deg)}

.toast-title{font-weight:700}
.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}
.toast-message a,.toast-message label{color:#FFF}
.toast-message a:hover{color:#CCC;text-decoration:none}
.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #FFF;text-shadow:0 1px 0 #FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}
.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}
.rtl .toast-close-button{left:-.3em;float:left;right:.3em}
button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}
.toast-top-center{top:0;right:0;width:100%}
.toast-bottom-center{bottom:0;right:0;width:100%}
.toast-top-full-width{top:0;right:0;width:100%}
.toast-bottom-full-width{bottom:0;right:0;width:100%}
.toast-top-left{top:12px;left:12px}
.toast-top-right{top:12px;right:12px}
.toast-bottom-right{right:12px;bottom:12px}
.toast-bottom-left{bottom:12px;left:12px}
#toast-container{position:fixed;z-index:999999;pointer-events:none}
#toast-container *{box-sizing:border-box}
#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}
#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}
#toast-container>div:hover{box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}
#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}
#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}
#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}
#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}
#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}
#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}
.toast{background-color:#030303}
.toast-success{background-color:#51A351}
.toast-error{background-color:#BD362F}
.toast-info{background-color:#2F96B4}
.toast-warning{background-color:#F89406}
.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}
@media all and (max-width:240px){
	#toast-container>div{padding:8px 8px 8px 50px;width:11em}
	#toast-container>div.rtl{padding:8px 50px 8px 8px}
	#toast-container .toast-close-button{right:-.2em;top:-.2em}
	#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}
}
@media all and (min-width:241px) and (max-width:480px){
	#toast-container>div{padding:8px 8px 8px 50px;width:18em}
	#toast-container>div.rtl{padding:8px 50px 8px 8px}
	#toast-container .toast-close-button{right:-.2em;top:-.2em}
	#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}
}
@media all and (min-width:481px) and (max-width:768px){
	#toast-container>div{padding:15px 15px 15px 50px;width:25em}
	#toast-container>div.rtl{padding:15px 50px 15px 15px}
}
.pro-detail .pro-detail-content .table td{border:1px solid #CCC}
.pro-detail .pro-detail-content .table-bottom td{border:none;border-bottom:1px solid #CCC}
@media(max-width:1240px){
	.head-search .head-search-btn{margin-left:20px}
}
@media(min-width:1081px) and (max-width:1200px){
	.head-nav>ul>li{margin:0 6px}
}
.pro-detail .preview-container #media{background:#FFF}
.table{border-collapse:collapse}
.table td,.table th{border:1px solid #CCC;padding:10px}
#feedbackForm .inquiry-form .feed-verification{width:100%;display:flex;margin-top:30px}
#feedbackForm .inquiry-form .feed-verification input{margin:0;flex:1;max-width:300px}
#feedbackForm .inquiry-form .feed-verification img{width:90px;height:100%!important;cursor:pointer}
@media(max-width:768px){
	#feedbackForm .inquiry-form .feed-verification{margin-top:4vw}
}
@media(max-width:1024px){
	.mobcate-main .sidebar{display:block;width:100%;flex-basis:100%;margin:0 0 30px;padding:0}
	.mobcate-main .common-content{width:100%}
	.mobcate-main .sidebar-item:nth-of-type(n+2){display:none}
	.mobcate-main .sidebar-item:first-of-type{margin:0;padding:20px}
	.mobcate-main .sidebar-cate{position:absolute;top:101%;left:-2px;right:-2px;z-index:20;display:none;background-color:#FFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
	.mobcate-main .sidebar-item:first-of-type .sidebar-title{margin:0;padding:0;cursor:pointer;background:url(../images/cate-btn.png) right center/24px no-repeat}
	.mobcate-main .sidebar-item .sidebar-title::after{display:none}
	.mobcate-main .sidebar-newcate li.LiLevel1{margin-bottom:0}
}
@media(max-width:415px){
	.mobcate-main .sidebar-item:first-of-type{padding:12px}
}
.inner-banner .breadcrumb{width:100%;max-width:1600px;position:absolute;bottom:-4px}
.inner-banner .breadcrumb>div{display:inline-block;background:#FFF;min-height:30px;color:#666;padding:0 20px;line-height:2;font-size:14px;display:-webkit-inline-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.inner-banner .breadcrumb a{color:#666}
@media(max-width:1680px){
	.inner-banner .breadcrumb{max-width:1400px}
}
@media(max-width:1470px){
	.inner-banner .breadcrumb{max-width:1200px}
}
@media(max-width:1280px){
	.inner-banner .breadcrumb{max-width:initial;box-sizing:border-box;padding:0 4%}
}
@media(max-width:768px){
	.inner-banner .breadcrumb>div{margin-left:15px;margin-right:15px}
	.inner-banner .breadcrumb{padding:0}
}




/*float js*/
#wmkc{position:fixed;right:5px;top:40%;transform:translateY(-50%);font-family:Arial,Helvetica,sans-serif;z-index:9999}
#wmkc *{box-sizing:border-box;font-size:12px;line-height:1.1}
.wmkc-list{padding:0;border:1px solid #EEE;background-color:#FFF;max-width:78px;border-radius:4px;margin:0}
.wmkc-icon{display:inline-block;background:url(../images/wmkc-ico23.png)no-repeat;width:28px;height:28px;transform:scale(.8)}
.wmkc-list>li{width:100%;border-top:1px solid #EEE;list-style:none;text-align:center;padding:2px 0 4px;transition:all .2s ease-in-out}
.wmkc-list>li>a>p{margin:0;transform:scale(.9);text-transform:capitalize}
.wmkc-list>li a{color:#555;text-decoration:none;display:block;padding:0 2px}
.wmkc-wechat-img{position:absolute;right:calc(100% - 1px);bottom:0;width:120px;text-align:center;padding:10px 10px 6px;background-color:#FFF;border:1px solid #EEE;border-radius:4px;transform:scale(0);transform-origin:right bottom}
.wmkc-wechat-img img{display:block;max-width:100%;max-height:100%}
.wmkc-wechat-img p{margin:4px 0 0;transform:scale(.9);word-break:break-all}
.wmkc-wechat-img em{display:inline-block;width:16px;height:16px;background:url(../images/wmkc-ico23.png)-76px -8px/99px no-repeat;vertical-align:middle;margin-right:4px}
.wmkc-list>li:hover .wmkc-wechat-img{transition:transform .4s;transform:scale(1)}
.wmkc-list>li:hover,.wmkc-list>li:hover+li{border-color:transparent}
.wmkc-email .wmkc-icon{background-position:-8px -6px}
.wmkc-whatsapp .wmkc-icon{background-position:-52px -50px}
.wmkc-skype .wmkc-icon{background-position:-52px -6px}
.wmkc-wechat .wmkc-icon{background-position:-144px -10px}
.wmkc-list li:hover a{color:#FFF}
.wmkc-email:hover{background-color:#f90}
.wmkc-whatsapp:hover{background-color:#2cb740}
.wmkc-skype:hover{background-color:#0091df}
.wmkc-wechat:hover{background-color:#51c332}
.wmkc-email:hover .wmkc-icon{background-position:-96px -6px}
.wmkc-whatsapp:hover .wmkc-icon{background-position:-52px -94px}
.wmkc-skype:hover .wmkc-icon{background-position:-96px -50px}
.wmkc-wechat:hover .wmkc-icon{background-position:-144px -62px}
.wmkc-list>li:first-child{border-radius:4px 4px 0 0;border:0}
.wmkc-list>li:last-child{border-radius:0 0 4px 4px}
@media (max-width:768px){
	#wmkc{display:none}
}

.BMap_bubble_content{line-height: 1.2;font-size: 14px;}