.inner-banner{position:relative;background-color:var(--color);min-height:150px}
.inner-banner>img{display:block;width:100%}
.inner-banner h2,.inner-banner h1{text-transform:uppercase;font-size:40px;color:#FFF;font-weight:var(--fontbold5);text-align:center;position:absolute;top:50%;left:0px;width:100%;transform: translateY(-26%);}
.breadcrumb .l-wrap{position:relative}
.breadcrumb .breadcrumb-box{position:absolute;bottom:0px;left:20px;display:inline-block;background-color:#FFF;color:#222;font-size:14px;padding:8px 12px;text-transform:capitalize}
.breadcrumb .breadcrumb-box em{color:#5E5E5E;margin-right:6px}
.breadcrumb .breadcrumb-box a:link,.breadcrumb .breadcrumb-box a:visited{color:#222}
.breadcrumb .breadcrumb-box span{color:var(--color)}
.common-main{margin:3% auto 5% auto}
.common-page{display:flex;flex-wrap:wrap;justify-content:center;margin:30px 0px}
.common-page a,.common-page span{display:block;min-width:40px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;margin: 0px 2px;transition:background .3s;line-height:40px}
.common-page .page-nums{display:flex;flex-wrap:wrap}
.common-page .page-nums a,.common-page .page-nums span{line-height:40px;border-radius:50%}
.common-page .page-nums a:hover,.common-page .page-nums a.page-num-current,.common-page .page-nums span:hover{background-color:var(--color);color:#FFF}
.common-page>span{opacity:.4}
.pro-cart{cursor:pointer;display:flex;justify-content:center;align-items:center;max-width:100%}
.pro-cart em{font-size:22px}
.pro-bottom{margin-top:60px;font-size:16px;line-height:1.6em;box-shadow:0 0 10px rgba(0,0,0,.05);border-radius:5px;padding:10px;color:#2b2b2b}
.pro-bottom a{text-decoration:underline;text-transform:lowercase}
.pro-bottom a:hover,.pro-bottom a:active{color:var(--color)}
.common-content{width:calc(100% - 324px);padding-left:4%}
.sidebar{width:324px}
.sidebar-item{margin-bottom:25px}
.sidebar-item .sidebar-title{position:relative;font-size:22px;padding-bottom:10px;margin-bottom:20px;font-weight:var(--fontbold5);border-bottom:1px solid #E8E8E8;text-transform:capitalize}
.sidebar-item .sidebar-title:after{content:"";position:absolute;background:var(--color);width:68px;height:3px;left:0px;bottom:-1px}
.siderbar-search{display:flex}
.siderbar-search input{flex:1;background-color:#F2F2F2;padding:0px 14px;font-size:14px}
.siderbar-search button{width:46px;height:46px;background:var(--color)}
.siderbar-search button em{font-size:24px;color:#FFF}
.sidebar-cate li{position:relative}
.sidebar-cate a{display:block;text-transform:capitalize}
.sidebar-cate .sub-menu{display:none;padding:0px 10px}
.sidebar-cate .sub-menu li a{padding:10px 0px;text-overflow:ellipsis;white-space:nowrap}
.sidebar-cate .sub-menu ul a{font-size:14px;padding:6px 20px}
.sidebar-cate .icon-arr{display:block;width:30px;height:30px;text-align:center;line-height:30px;font-size:24px;font-style:normal;position:absolute;right:0px;top:10px;z-index:1;cursor:pointer}
.sidebar-cate .icon-arr::before{content:"+"}
.sidebar-cate .icon-arr.is-active{font-size:32px;line-height:26px}
.sidebar-cate .icon-arr.is-active::before{content:"-"}
.sidebar-cate>li{border-bottom:1px solid #E8E8E8}
.sidebar-cate>li>a{width:100%;padding:14px 30px 14px 0px;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--fontbold5)}
.sidebar-cate .is-current>a{color:var(--color)}
.sidebar-prolist li{display:flex;align-items:center;margin-bottom:12px}
.sidebar-prolist li:hover img{transform:scale(1.1)}
.sidebar-prolist li:hover .pro-name{color:var(--color)}
.sidebar-prolist .pro-img{width:85px;height:85px;position:relative}
.sidebar-prolist .pro-img img{width:100%}
.sidebar-prolist .pro-info{flex:1;padding-left:10px}
.sidebar-prolist .pro-more{display:block;font-size:16px;color:var(--color);margin-top:12px;text-transform:lowercase}
.sidebar-prolist .pro-name{display:block;font-weight:var(--fontbold5);text-transform:capitalize;display:block;display:-webkit-box;display:-moz-box;max-height:3em;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sidebar-newslist li{margin-bottom:18px;display:flex;align-items:center}
.sidebar-newslist li:hover img{transform:scale(1.1)}
.sidebar-newslist li:hover .news-name{color:var(--color)}
.sidebar-newslist .news-img{width:80px;height:80px}
.sidebar-newslist .news-img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.sidebar-newslist .news-info{flex:1;padding-left:16px}
.sidebar-newslist .news-name{display:block;font-weight:var(--fontbold5);color:#222;margin-bottom:8px;text-transform:capitalize;display:block;display:-webkit-box;display:-moz-box;max-height:2.6em;line-height:1.3em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sidebar-newslist .news-date{font-size:14px;color:#666}
.sidebar-newslist .news-date em{font-size:14px;margin-right:4px}
.sidebar-tags{display:flex;flex-wrap:wrap}
.sidebar-tags li{border:1px solid #E7E7E7;color:#222;padding:5px;transition:color .3s,background .3s,border .3s;margin:0px 8px 8px 0px;text-transform:capitalize}
.sidebar-tags li:hover{color:#FFF;background-color:var(--color);border-color:var(--color)}
.sidebar-tags li:hover a{color:#FFF}
.table-responsive{touch-action:auto;width:100%;margin:10px 0px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
@media(max-width:1024px){
	.inner-banner{min-height:0px;height:200px}
	.inner-banner img{height:100%;-o-object-fit:cover;object-fit:cover}
	.sidebar{display:none}
	.common-content{width:100%;padding-left:0px}
}
@media(max-width:900px){
	article iframe,.pro-detail-box iframe{max-width:100%;height:auto;min-height:220px}
}
@media(max-width:768px){
	.inner-banner h2,.inner-banner h1{font-size:6.9333333333vw}
	.breadcrumb{font-size:14px}
}
@media(max-width:480px){
	.common-page a,.common-page span{min-width:35px;line-height:35px}
	.common-page .page-num a,.common-page .page-num span{line-height:35px}
	.common-main{margin:8vw 0 10.6666666667vw}
}
#brand{padding:3.5% 0px 5%}
#brand .brand-list{margin-top:6%;padding-left:3%}
#brand .brand-list li{position:relative;font-weight:var(--fontbold5);display:flex;align-items:center}
#brand .brand-list li .brand-number{font-size:50px;line-height:1;position:relative;z-index:1}
@media(max-width:1280px){
	#brand .brand-list li .brand-number{font-size:40px}
}
#brand .brand-list li .brand-number .text-shadow{font-size:113px;font-weight:var(--fontbold5);color:#FFF;text-shadow:0 0 2px #CCC;position:absolute;top:50%;right:0px;z-index:-1;line-height:1;transform:translate(12px, -50%)}
@media(max-width:1280px){
	#brand .brand-list li .brand-number .text-shadow{font-size:80px}
}
#brand .brand-list li .brand-label{flex:1;text-transform:uppercase;padding-left:20px}
#brand .brand-list li .brand-label span{display:block}
.contact .contact-sec1{margin-bottom:4%}
.contact .contact-sec1 .contact-sec1-item{background:#FFF;box-shadow:0px 13px 54px 0px rgba(235,235,235,.75);width: 32%;text-align:center;padding:0px 10px 4%;border-bottom:3px solid transparent;transition:border .3s}
.contact .contact-sec1 .contact-sec1-item .icon{display:inline-block;background-color:var(--color);color:#FFF;padding:16px;position:relative;transform:translateY(-8px)}
.contact .contact-sec1 .contact-sec1-item .icon::before{content:"";display:block;position:absolute;right:-8px;top:0px;border:4px solid transparent;border-left-color:var(--color);border-bottom-color:var(--color);opacity:.8}
.contact .contact-sec1 .contact-sec1-item .icon em{font-size:30px}
.contact .contact-sec1 .contact-sec1-item .item-name{font-size:22px;font-weight:var(--fontbold5);margin:6% 0 6px}
.contact .contact-sec1 .contact-sec1-item a,.contact .contact-sec1 .contact-sec1-item span{color:#666}
.contact .contact-sec1 .contact-sec1-item a:hover{color:var(--color)}
.contact .contact-sec1 .contact-sec1-item:hover{border-color:var(--color)}
.contact .contact-sec2 .contact-sec2-img{width:25.6%}
.contact .contact-sec2 .contact-sec2-img img{display:block;width:100%}
.contact .contact-sec2 .contact-inquiry{flex:1;padding-left:4%}
.contact .contact-sec2 .contact-inquiry .item-name{font-size:30px;font-weight:var(--fontbold5);margin-bottom:20px}
.contact>iframe{display:block;width:100%;height:450px;margin:5% 0 -5%}
.single-main article a{text-decoration:underline;color:var(--color)}
.cp .cp-sec3{}
.cp .cp-sec3 #brand{padding:5% 0;background-color:#FFF;box-shadow:0px 1px 79px 0px rgba(174,175,177,.16);border-radius:3px;margin-bottom:4%}
.cp .cp-sec3 #brand .brand-list{margin:0px}
.cp .cp-sec3 .item-title{font-size:28px;font-weight:var(--fontbold5);margin-bottom:20px}
.cp .cp-sec3 .item-des,.cp .cp-sec3 .item-des p{color:#666;line-height:1.75}
.cc .tabs-nav p{font-size:16px;font-weight:var(--fontbold5);padding:12px 20px;transition:background .3s,color .3s;min-width:136px;text-align:center}
.cc .tabs-nav p.active,.cc .tabs-nav p:hover{background-color:var(--color);color:#FFF}
@media(max-width:900px){
	#brand .brand-list li{width:50%;padding-left:100px}
	#brand .brand-list li:nth-last-of-type(-n + 2){margin:70px 0px 40px}
	.pe .pe-sec1 .pe-des{width:100%;max-width:100%}
	.pe #pe .swiper-button-next,.pe #pe .swiper-button-prev{display:none}
	.contact .contact-sec1 .contact-sec1-item{width:48%;margin:0px 0px 5% 0px}
	.contact .contact-sec2 .contact-sec2-img{display:none}
	.contact .contact-sec2 .contact-inquiry{padding:0px}
}
@media(max-width:768px){
	#brand .brand-list li{padding-left:6.6666666667vw}
	#brand .brand-list li:nth-last-of-type(-n + 2){margin:9.3333333333vw 0 5.3333333333vw}
	#brand .brand-list li .brand-number{font-size:6.6666666667vw}
	#brand .brand-list li .brand-number .text-shadow{font-size:12vw}
	.certificates .certificates-list .certificates-item{width:48%;margin-bottom:4%}
	.ca .ca-sec2{padding:5.3333333333vw 0}
}
@media(max-width:480px){
	.cp .cp-sec3{background-size:200%}
	.cp .cp-sec3 .item-title{font-size:20px;margin:20px 0px 10px}
	.contact .contact-sec1 .contact-sec1-item .icon{padding:10px}
	.contact .contact-sec1 .contact-sec1-item .icon em{font-size:22px;line-height:1}
	.contact .contact-sec1 .contact-sec1-item .item-name{font-size:16px}
	.contact .contact-sec1 .contact-sec1-item a,.contact .contact-sec1 .contact-sec1-item span{font-size:14px}
	.contact .contact-sec2 .contact-inquiry .item-name{font-size:22px}
	.contact>iframe{height:66.6666666667vw;margin-bottom:-10.6666666667vw}
}
@media(max-width:415px){
	#brand .brand-list li{padding-left:10px}
	#brand .brand-list li .brand-label{font-size:13px}
	.cp .cp-sec1 .cp-sec1-cont .item-flex p{font-size:14px}
}
.send-tit{margin:70px 0px 30px;font-size:34px;color:#222;font-weight:var(--fontbold5);text-transform:uppercase}
.send-inquiry .inquiry-form .feed-verification{width: 49%;display:flex;align-items:center;max-width: unset;margin-top: 0;margin-bottom: 20px;}
.sidebar-item .send-inquiry .feed-verification{width:100%}
.send-inquiry .inquiry-form .feed-verification input{margin:0px 10px 0px 0px;flex:1;max-width:300px}
.send-inquiry .inquiry-form .feed-verification img{vertical-align:middle;width:75px;height:25px;cursor:pointer}
@media screen and (max-width:768px){
	.send-inquiry .inquiry-form .feed-verification{width:100%}
	.send-tit{margin:20px 0px 20px;font-size:18px;color:#222;font-weight:var(--fontbold5)}
	.send-inquiry .send-btn .span:nth-child(1){font-size:14px}
	.send-inquiry .send-btn .span:nth-child(2){width:6.6666666667vw}
}
@media(max-width:480px){
	.send-inquiry .send-btn{width:150px;height:40px}
	.send-inquiry .inquiry-form input{height:40px;padding-left:10px}
	.send-inquiry .inquiry-form textarea{padding:10px 0px 0px 10px}
}
.pro-cate-wrap{border-bottom:1px solid #d6d6d6}
.pro-cate-wrap .pro-cate-list{overflow-x:auto;overflow-y:hidden;text-align:center;white-space:nowrap}
@media(min-width:769px){
	.pro-cate-wrap .pro-cate-list::-webkit-scrollbar{width:6px;height:6px}
	.pro-cate-wrap .pro-cate-list::-webkit-scrollbar-track{border-radius:0;background:#FFF}
	.pro-cate-wrap .pro-cate-list::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(205,162,116,.5)}
	.pro-cate-wrap .pro-cate-list::-webkit-scrollbar-thumb:hover{background-color:var(--color)}
}
.pro-cate-wrap li{display:inline-block;width:10%;position:relative}
.pro-cate-wrap li::after{content:"";display:inline-block;padding-bottom:100%}
.pro-cate-wrap li a{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;background-color:#FFF;transition:background .3s}
.pro-cate-wrap li .cate-img{width:80px;height:80px;border-radius:50%;border:1px solid #E6E6E6;overflow:hidden}
.pro-cate-wrap li .cate-img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}
.pro-cate-wrap li .cate-name{width:100%;font-size:14px;color:#555;text-align:center;margin-top:10px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0px 4px}
.pro-cate-wrap li:hover a{background-color:var(--color)}
.pro-cate-wrap li:hover .cate-name{color:#FFF}
.common-main .pro-cate li{width:calc(33.33% - 13px);margin:0 18px 4% 0;position:relative}
.common-main .pro-cate li:nth-of-type(3n){margin-right:0px}
.common-main .pro-cate li .cate-img::before{content:"";display:block;position:absolute;top:0px;left:0px;right:0px;bottom:0px;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .3s;z-index:1}
.common-main .pro-cate li .cate-cont{width:100%;display:block;position:absolute;top:0px;left:0px;z-index:2;background-color:#F7F7F7EB;color:#555;padding:4% 8%;transition:background .1s}
.common-main .pro-cate li .cate-cont .cate-name{font-size:22px;font-weight:var(--fontbold5);color:var(--fontcolor);margin:4% 0px;position:relative;padding-top:.7em;display:block;display:-webkit-box;display:-moz-box;max-height:3.3em;line-height:1.3em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.common-main .pro-cate li .cate-cont .cate-name::before{content:"";display:block;width:18px;height:3px;background:var(--color);position:absolute;left:0px;top:0px}
.common-main .pro-cate li .cate-cont .cate-des{display:block;display:-webkit-box;display:-moz-box;max-height:5.1em;line-height:1.7em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.common-main .pro-cate li .cate-more{display:block;width:32px;height:32px;background:var(--color);border-radius:50%;color:#FFF;position:absolute;bottom:18%;left:8%;z-index:2;text-align:center;line-height:32px;opacity:0;transition:opacity .3s}
.common-main .pro-cate li .cate-more em{font-size:14px}
@media(min-width:901px){
	.common-main .pro-cate li:hover .cate-more{opacity:1}
	.common-main .pro-cate li:hover img.lazy{transform:scale(1.1)}
	.common-main .pro-cate li:hover .cate-cont{background-color:transparent;color:#FFF}
	.common-main .pro-cate li:hover .cate-cont .cate-name{color:#FFF}
	.common-main .pro-cate li:hover .cate-img::before{opacity:1}
}
.common-main .pro-list{display:flex;flex-wrap:wrap}
.common-main .pro-list.list1 li{width:calc(33.33% - 22px);margin:0px 32px 30px 0px}
.common-main .pro-list.list1 li .pro-img{position:relative;overflow:hidden;border:1px solid #E8E8E8;padding: 0 0 100% 0;}
.common-main .pro-list.list1 li .pro-img a{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.common-main .pro-list.list1 li .pro-img img{
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: unset;
}
.common-main .pro-list.list1 li .pro-cart{position:absolute;bottom:0px;right:20px;width:40px;height:40px;padding:0px;transform:translate(50%, 110%);background-color:#FFFFFFCF;color:var(--fontcolor);text-transform:capitalize;transition:transform .3s,background .3s,color .3s}
.common-main .pro-list.list1 li .pro-cart span{flex:1;padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:901px){
	.common-main .pro-list.list1 li .pro-cart:hover{background-color:var(--color);color:#FFF}
}
.common-main .pro-list.list1 li .pro-info{padding:10px}
.common-main .pro-list.list1 li .pro-info .pro-name{display:block;display:-webkit-box;display:-moz-box;max-height:3em;font-size:16px;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.common-main .pro-list.list1 li:nth-of-type(3n){margin-right:0px}
@media(min-width:901px){
	.common-main .pro-list.list1 li:hover .pro-cart,.common-main .pro-list.list1 li.is-checked .pro-cart{transform:translate(50%, 0)}
}
.common-main .pro-list .pro-info .pro-name{display:block;font-size:18px;margin-bottom:10px;text-transform:capitalize;font-weight:var(--fontbold5)}
.common-main .pro-list .pro-info .data-price{display:block;color:var(--color);font-size:14px}
.common-main .pro-list .pro-info .pro-des{color:#555;display:block;display:-webkit-box;display:-moz-box;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:7;margin-top:10px}
.common-main .pro-list .pro-info .pro-more{display:inline-block;font-size:16px;color:var(--color);margin-top:10px;text-transform:lowercase}
.common-main .pro-list .pro-info .pro-btn{display:flex;margin-top:40px}
.common-main .pro-list li:hover .pro-name{color:var(--color)}
.common-main .pro-list li:hover img.lazy{transform:scale(1.1)}
.common-main .pro-list li.is-checked .pro-cart{background-color:var(--color);color:#FFF}
@media(max-width:768px){
	.pro-d-main .inner-banner,.pro-d-main .breadcrumb{display:none}
	.pro-d-main .common-main{margin-top:20px}
}
.pro-detail .singglepic{width:40%}
@media(max-width:900px){
	.pro-detail .singglepic{width:100%}
}
.pro-detail .preview-container{position:relative;background:#FFF;padding-bottom:1px;display:flex;flex-direction:row-reverse;padding-left:148px}
.pro-detail .preview-container .small-box{position:relative;width:570px;height:570px;border:1px solid #EEE;display:flex;justify-content:center;align-items:center;background-color:#FFF;cursor:move}
.pro-detail .preview-container .small-box img{max-width:100%;max-height:100%}
.pro-detail .preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:rgba(204,204,204,.6);border:1px solid #EEE;display:none}
.pro-detail .preview-container .thumbnail-box{position:absolute;top:0px;left:0px;height:100%;background:#FFF;padding:30px 0px}
.pro-detail .preview-container .thumbnail-box .list{width:100%;height:100%;overflow-y:hidden;position:relative}
@media(min-width:901px){
	.pro-detail .preview-container .thumbnail-box .list ul{width:100%;display:block}
}
.pro-detail .preview-container .thumbnail-box .list ul .item{width:120px;height:120px;display:flex;justify-content:center;align-items:center;margin-bottom:10px;overflow:hidden;border:1px solid #EEE;position:relative}
.pro-detail .preview-container .thumbnail-box .list ul .item::before{content:"";display:block;border:6px solid transparent;border-left-color:var(--color);position:absolute;left:100%;top:50%;transform:translateY(-50%)}
.pro-detail .preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.pro-detail .preview-container .thumbnail-box .list ul .item img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}
.pro-detail .preview-container .thumbnail-box .list ul .item-cur{border-color:var(--color)}
.pro-detail .preview-container .thumbnail-box .btn{position:absolute;width:100%;display:flex;justify-content:center;align-items:center;left:0px;background-color:var(--color)}
.pro-detail .preview-container .thumbnail-box .btn-prev{top:0px}
.pro-detail .preview-container .thumbnail-box .btn-next{bottom:0px;transform:rotate(180deg)}
.pro-detail .preview-container .thumbnail-box .btn_prev_disabled,.pro-detail .preview-container .thumbnail-box .btn_next_disabled{cursor:not-allowed;opacity:.4}
.pro-detail .preview-container .thumbnail-box .arrow{width:30px;height:20px;display:inline-block;position:relative}
.pro-detail .preview-container .thumbnail-box .arrow:before,.pro-detail .preview-container .thumbnail-box .arrow:after{content:"";display:block;width:10px;height:2px;background-color:#FFF}
.pro-detail .preview-container .thumbnail-box .arrow:before{transform:translate(8px, 8px) rotate(-45deg)}
.pro-detail .preview-container .thumbnail-box .arrow:after{transform:translate(14px, 6px) rotate(45deg)}
.pro-detail .preview-container .big-box{display:none;overflow:hidden;top:0px;left:calc(100% - 1px);border:1px solid #EEE;position:absolute;width:510px;height:calc(100% - 1px);background:#FFF;z-index:20}
.pro-detail .preview-container .big-box.act{display:none!important}
.pro-detail .preview-container .big-box img{display:block;max-width:none;max-height:none;width:150%}
.pro-detail .preview-container .banner-page{display:none;justify-content:center;align-items:center;position:absolute;padding:5px 10px;border-radius:999px;background:var(--color);bottom:2.6666666667vw;right:9px}
.pro-detail .preview-container .banner-page span{color:#FFF}
.pro-detail .preview-container .banner-page .of{margin:0px 4px}
.pro-detail .pro-detail-top .pro-info{flex:1;padding-left:4%}
.pro-detail .pro-detail-top .pro-info .pro-name{font-weight:var(--fontbold5);font-size:26px;text-transform:capitalize}
.pro-detail .pro-detail-top .pro-info .pro-price{font-size:16px;color:#555;margin:10px 0px 20px}
.pro-detail .pro-detail-top .pro-info .pro-con{border-top:1px solid #DADADA;padding:1em 0px 0px;color:#555;margin-bottom:2em;display:block;display:-webkit-box;display:-moz-box;max-height:11.5em;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:7}
.pro-detail .pro-btnlist{display:flex;flex-wrap:wrap;margin-top:20px;text-transform:capitalize}
.pro-detail .pro-btnlist>a,.pro-detail .pro-btnlist .pro-btn,.pro-detail .pro-btnlist .addToCart,.pro-detail .pro-btnlist .pdown2{min-width:200px;height:50px;display:flex;cursor:pointer;margin-bottom:12px;margin-right:12px;justify-content:center;align-items:center;line-height:49px;color:#FFF;background-color:#000;transition:background-color .2s ease;border-radius:3px}
.pro-detail .pro-btnlist>a em,.pro-detail .pro-btnlist .pro-btn em,.pro-detail .pro-btnlist .addToCart em{margin-right:10px;font-size:18px}
.pro-detail .pro-btnlist>a:hover,.pro-detail .pro-btnlist .pro-btn:hover,.pro-detail .pro-btnlist .addToCart:hover,.pro-detail .pro-btnlist .pdown2:hover{background-color:var(--color)}
.pro-detail .pro-btnlist>a.active,.pro-detail .pro-btnlist .pro-btn.active,.pro-detail .pro-btnlist .addToCart.active{background-color:var(--color)}
.pro-detail .pro-detail-content .tabs-nav{border-top:1px solid #EBEBEB;border-bottom:1px solid #EBEBEB;margin:50px 0px 40px}
.pro-detail .pro-detail-content .tabs-nav p::before{content:"";display:block;width:65px;height:2px;background:#000;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s}
.pro-detail .pro-detail-content .tabs-nav p.active::before{opacity:1}
.pro-detail .pro-detail-content .l-wrap{max-width: 830px;}
.pro-detail .pro-detail-content .l-wrap td{border:1px solid;padding-left: 5px !important;}
.pro-detail .pro-detail-content .l-wrap img{height:auto !important;}
.pro-detail .pro-detail-content .pro-detail-box{font-size:16px}
.pro-detail .pro-detail-content .pro-detail-box p{line-height:1.8}
.pro-detail .pro-detail-content .pro-detail-box table{width:100%}
.pro-detail .pro-detail-content .pro-detail-box a{color:var(--color);text-decoration:underline}
.pro-detail .pro-detail-content .pro-detail-box p.productsTags a{color:var(--fontcolor);text-decoration:underline;text-transform:lowercase}
.pro-detail .pro-detail-content .pro-detail-box p.productsTags a:hover{color:var(--color)}
.pro-detail .pro-inquiry{margin-bottom:6%}
.pro-detail .pro-detail-title{font-size:22px;margin-bottom:20px;font-weight:var(--fontbold5);text-transform:capitalize}
.pro-detail .pro-random .pro-list.list1 li{width:calc(16.66% - 30px)}
@media(min-width:1281px){
	.pro-detail .pro-random .pro-list.list1 li:nth-of-type(3n){margin-right:32px}
}
.pro-detail .pro-random .pro-list.list1 li:last-of-type{margin-right:0px}
.pro-detail .pro-random .pro-list.list1 li .pro-info .pro-name{font-size:14px;margin-bottom:0px}
.pro-detail .pro-random .pro-list.list1 li .pro-info .pro-more{font-size:14px;color:var(--fontcolor)}
.pro-detail .pro-random .pro-list.list1 li .pro-cart{font-size:14px;height:40px}
.pro-detail .pro-random .pro-list.list1 li:hover .pro-more{color:var(--color)}
@media(max-width:1280px){
	.pro-detail .pro-random .pro-list.list1 li{width:calc(33.33% - 30px)}
	.pro-detail .preview-container{padding-left:130px}
	.pro-detail .preview-container .small-box{width:400px;height:400px}
	.pro-detail .preview-container .big-box{width:400px}
	.pro-detail .preview-container .thumbnail-box .list ul .item{width:107px;height:107px}
	.pro-detail .pro-btnlist>a,.pro-detail .pro-btnlist .pro-btn,.pro-detail .pro-btnlist .addToCart,.pro-detail .pro-btnlist .pdown2{min-width:calc(50% - 12px)}
}
@media(max-width:1024px){
	.pro-cate-wrap li{width:120px}
	.pro-cate-wrap li a{justify-content:flex-start;padding-top:4px}
	.pro-cate-wrap li .cate-name{margin-top:0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:pre-wrap}
}
@media(max-width:900px){
	.common-main .pro-cate li{width:100%;margin:0px 0px 4%;display:flex;align-items:center;flex-direction:row-reverse;background-color:#F7F7F7}
	.common-main .pro-cate li .cate-img{width:57%}
	.common-main .pro-cate li .cate-img::after{padding-bottom:70%}
	.common-main .pro-cate li .cate-img img{position:absolute;bottom:0px;left:0px;width:100%;top:50%;transform:translateY(-50%)}
	.common-main .pro-cate li .cate-cont{position:static;width:44%;padding:0px 3% 10px}
	.common-main .pro-list.list1{justify-content:space-between}
	.common-main .pro-list.list1 li{width:48%;margin:0px 0px 4% 0px}
	.common-main .pro-list.list1 li .pro-cart{transform:none;right:0px}
	.common-main .pro-list.list1 li .pro-cart span{display:none}
	.pro-detail .preview-container{width:100%;padding:0px}
	.pro-detail .preview-container .small-box,.pro-detail .preview-container .thumbnail-box .btn{display:none}
	.pro-detail .preview-container .thumbnail-box{position:static;padding:0px;width:100%}
	.pro-detail .preview-container .thumbnail-box .list ul .item{min-height:75vw;height:auto;border:none;display:flex;justify-content:center;align-items:center;margin:0px;outline:none}
	.pro-detail .preview-container .banner-page{display:flex;z-index:1}
	.pro-detail .preview-container .thumbnail-box .list{width:100%;min-height:75vw}
	.pro-detail .pro-random .pro-list.list1{justify-content:space-between}
	.pro-detail .pro-random .pro-list.list1 li{width:48%;margin-right:0px}
	.pro-detail .pro-detail-top .pro-info{padding:5.3333333333vw 0 0}
}
@media(max-width:480px){
	.common-main .pro-cate li .cate-cont .cate-name{font-size:16px}
	.common-main .pro-cate li .cate-cont .cate-des{font-size:14px}
	.common-main .pro-detail .pro-detail-top .pro-info .pro-name{font-size:20px}
	.common-main .pro-detail .pro-detail-top .pro-info .pro-price{font-size:14px}
	.common-main .pro-detail .pro-btnlist>a,.common-main .pro-detail .pro-btnlist .pro-btn,.common-main .pro-detail .pro-btnlist .addToCart,.pro-detail .pro-btnlist .pdown2{width:100%;min-width:0px;height:50px;line-height:48px;margin-right:0}
	.common-main .pro-detail-title{font-size:20px}
}
@media(max-width:415px){
	.common-main .pro-cate li .cate-img{width:50%;height:100%}
	.common-main .pro-cate li .cate-cont{width:50%;padding-top:10px}
	.common-main .pro-list .pro-info .pro-name{font-size:16px}
	.common-main .pro-list .pro-info .data-price{font-size:14px}
	.common-main .pro-list .pro-info .pro-des{-webkit-line-clamp:2;max-height:3em}
	.common-main .pro-list.list1 li .pro-cart{width:30px;height:30px}
	.common-main .pro-list.list1 li .pro-cart em{font-size:16px}
	.common-main .pro-list.list1 li .pro-info{padding:10px 0px}
	.pro-detail .pro-random .pro-list.list1 li .pro-cart{height:30px}
}
.common-main .news-list.list1{display:flex;flex-wrap:wrap}
.common-main .news-list.list1 li{width:calc(33.33% - 24px);margin:0px 30px 60px 0px}
.common-main .news-list.list1 li:nth-of-type(3n){margin-right:0px}
.common-main .news-list.list1 li .news-date{position:absolute;top:10px;left:6%;transform:translateY(-90%)}
.common-main .news-list.list1 li .news-cont{border:1px solid #e7e7e7;padding:40px 6% 0;position:relative}
.common-main .news-list.list1 li .news-des{display:block;display:-webkit-box;display:-moz-box;max-height:3.5em;line-height:1.75em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:10px}
@media(max-width:768px){
	.common-main .news-list.list1 li .news-des{display:none}
}
.common-main .news-list.list1 li .news-more{transition:background .3s,color .3s;transform:translateY(50%);background-color:#FFF;border:1px solid #343434}
.common-main .news-list.list1 li .news-more:hover{background-color:#000;color:#FFF}
.common-main .news-list .news-date{display:inline-block;background-color:#FFF;font-size:14px;text-align:center;border-bottom:3px solid var(--color);padding:6px 15px}
.common-main .news-list .news-date span{font-size:20px;display:block;font-weight:var(--fontbold5)}
.common-main .news-list .news-title{font-size:18px;font-weight:var(--fontbold5);text-transform:capitalize;display:block;display:-webkit-box;display:-moz-box;max-height:2.6em;line-height:1.3em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media(max-width:768px){
	.common-main .news-list .news-title{-webkit-line-clamp:3;max-height:3.9em}
}
.common-main .news-list .news-des{color:#555}
.common-main .news-list .news-more{display:inline-block;font-size:14px;color:#222;font-weight:var(--fontbold5);text-align:center;min-width:130px;padding:9px 10px;text-transform:lowercase}
.common-main .news-list li:hover img.lazy{transform:scale(1.1)}
.common-main .news-list li:hover .news-title{color:var(--color)}
@media(max-width:900px){
	.common-main .news-list.list1{justify-content:space-between}
	.common-main .news-list.list1 li{width:49%;margin-right:0px}
}
@media(max-width:480px){
	.common-main .news-list .news-title{font-size:16px;font-weight:normal}
	.common-main .news-list .news-more{min-width:120px;padding:6px 10px;font-weight:normal}
	.common-main .news-list.list1 li .news-date{font-size:12px;min-width:40px}
	.common-main .news-list.list1 li .news-date span{font-size:16px}
	.common-main .news-list.list1 li .news-cont{padding-top:30px}
}
.pagelink{display:flex;margin:40px 0px}
.pagelink .pagelink-item{width:50%;padding:12px 30px;border:1px solid #DCDCDC;transition:border .3s;font-size:14px;text-transform:capitalize}
.pagelink .pagelink-item .iconfont{font-size:20px}
.pagelink .pagelink-item.prev .iconfont{margin-right:4px}
.pagelink .pagelink-item.next{text-align:right}
.pagelink .pagelink-item.next .iconfont{margin-left:4px}
.pagelink .pagelink-item a{display:block;font-size:14px}
.pagelink .pagelink-item:hover{border-color:var(--color)}
.pagelink .pagelink-item:hover a{color:var(--color)}
.pagelink .link-intro{font-size:18px;margin-bottom:6px;text-transform:capitalize}
.content-share{padding:24px 0px 0px;margin:20px 0px 0px;border-top:1px solid #E3E3E3}
.content-share .share-label{text-transform:uppercase;font-weight:var(--fontbold5);color:#222;margin-right:16px}
.content-share .share-btn-list{width:auto}
.common-inquiry{margin-top:20px}
.detail-date,.detail-count{color:#555;font-size:14px}
.detail-date em,.detail-count em{color:var(--color);margin-right:2px}
.detail-count{margin-left:20px}
.common-inquiry-title{font-size:22px;font-weight:var(--fontbold5);margin-bottom:20px}
.common-main article .news-title{font-size:22px;font-weight:var(--fontbold5);margin-bottom:10px}
.common-main article .article-cont{margin-top:30px;color:#222;font-size:16px;line-height:1.8}
.common-main article .article-cont a{text-decoration:underline;color:var(--color)}
@media(max-width:900px){
	.pagelink{flex-wrap:wrap}
	.pagelink .pagelink-item{width:100%;margin:10px 0px;padding:10px}
}
@media(max-width:480px){
	.common-inquiry-title{font-size:22px}
}
.inquiry-prolist{background:#FFF;margin:50px 0px;display:none;width:100%;border:1px solid #DDD;padding:0px 30px}
.inquiry-prolist a{text-decoration:none;color:var(--fontcolor)}
.inquiry-prolist .inquiry-pro-item.has-price .pro-item-name{padding-top:0px}
.inquiry-prolist .inquiry-pro-item.has-price .price{margin-top:10px}
.inquiry-prolist .inquiry-pro-item{width:100%;height:100px;border-bottom:1px solid #DDD;display:flex;padding:20px 10px;margin-top:0px;box-sizing:content-box}
.inquiry-prolist .inquiry-pro-item .pro-item-img{height:100%;width:200px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.inquiry-prolist .inquiry-pro-item .pro-item-img a{width:100%;height:100%}
.inquiry-prolist .inquiry-pro-item .pro-item-img img{height:100%}
.inquiry-prolist .inquiry-pro-item .pro-item-name{padding-top:30px;margin-left:50px;font-size:14px}
.inquiry-prolist .inquiry-pro-item .pro-item-name a{font-size:16px}
.inquiry-prolist .inquiry-pro-item .pro-item-name a:hover{color:var(--color)}
.inquiry-prolist .inquiry-pro-item .pro-item-name p{padding:0px;margin:10px 0px 0px 0px}
.inquiry-prolist .inquiry-pro-item .pro-item-del{position:relative;padding-top:20px;height:100%;width:60px;margin-left:auto;display:flex;justify-content:center;align-items:center}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close{position:absolute;width:32px;height:32px;left:-6px;top:43px}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close:before,.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close:after{position:absolute;left:15px;content:"";height:20px;width:2px;background-color:#333}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close:before{transform:rotate(45deg)}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close:after{transform:rotate(-45deg)}
.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close:hover{cursor:pointer}
.inquiry-prolist .inquiry-pro-item:last-child{border:none}
@media screen and (max-width:767px){
	.inquiry-prolist{padding:1vw 5vw}
	.inquiry-prolist .inquiry-pro-item{padding:3vw;margin:0px;height:20vw}
	.inquiry-prolist .inquiry-pro-item .pro-item-del{padding-top:0px;width:10vw}
	.inquiry-prolist .inquiry-pro-item .pro-item-del .ic-close{right:0px;top:4vw}
	.inquiry-prolist .inquiry-pro-item .pro-item-name{font-size:3vw;padding:0px;margin:0px;padding-top:2vw;max-width:48vw}
	.inquiry-prolist .inquiry-pro-item .pro-item-name p a{font-size:3.2vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
	.inquiry-prolist .inquiry-pro-item .pro-item-img{min-width:24vw;margin-right:3vw;width:auto}
}
.breadcrumb .breadcrumb-box h1{display:inline;font-size:inherit;font-weight:var(--fontbold4)}
.pro-list li .pro-img .icon-hottitle{background:var(--color);font-size:18px;width:30px;height:30px;position:absolute;left:5px;top:5px;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#FFF}
.imgalt{position:absolute;left:50%;transform:translateX(-50%);z-index:99;bottom:2.6666666667vw;background:rgba(0,0,0,.2);color:#FFF;width:95%;padding:0px 6px;line-height:32px;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;border-radius:30px;font-size:14px;display:none;text-transform:capitalize}
@media(max-width:500px){
	.imgalt{padding-right:46px;display:-webkit-box}
}
.newsendinquiry{margin-left:20px;cursor:pointer;color:#555}
.sidebar-item .send-inquiry .inquiry-form input{width:100%}
.sidebar-item .send-inquiry .inquiry-form textarea{height:150px}
.inquiry-pc{padding:15px}
@media(max-width:768px){
	.breadcrumb .breadcrumb-box{left:0;width:100%}
}
.mediaplay{position:absolute;left:60%;top:50%;transform:translate(-50%,-50%);z-index:99;width:50px!important;height:50px!important;cursor:pointer;display:none}
@media(max-width:768px){
	.mediaplay{left:50%}
}