@charset "utf-8";
@import url('iconfont1.css');
@import url("message.css");

@font-face {
	font-family: 'Metropolis Light';
	font-style: normal;
	font-weight: 400;
	src: local('Metropolis Light'), url(../fonts/Metropolis-Light.woff) format('woff')
}
@font-face {
	font-family: 'Metropolis Regular';
	font-style: normal;
	font-weight: 400;
	src: local('Metropolis Regular'), url(../fonts/Metropolis-Regular.woff) format('woff')
}
@font-face {
	font-family: 'Metropolis SemiBold';
	font-style: normal;
	font-weight: 400;
	src: local('Metropolis SemiBold'), url(../fonts/Metropolis-SemiBold.woff) format('woff')
}


:root{--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontcolor:#6c6e75;--color:#e64545;--fontfamily:"Metropolis Regular", "Roboto",Arial,"Microsoft YaHei",sans-serif}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p,pre,form,input,button,textarea {margin:0px;padding:0px;text-transform: capitalize;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
h1,h2,h3,h4,h5,h6{font-family:"Open Sans",sans-serif; font-weight:700; text-transform:capitalize; color:#263238}
html{margin:0px;padding:0px;overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none}
body{margin:0px auto;padding-top:118px;font-size:16px;line-height:1.6;color:#263238;font-family:var(--fontfamily)}
a,a:hover{text-decoration:none;color:#263238;cursor:pointer}
button,input,textarea{outline:0;border:none;font:inherit;-webkit-appearance:none;border-radius:0}
button{cursor:pointer}
i{vertical-align:middle}
img{vertical-align:bottom;max-width:100%;height:auto;border:none;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
img[data-src]{opacity:0}
img[src]{opacity:1}
input::placeholder,textarea::placeholder{font-family:inherit;}
li,ol,ul{list-style:none}
iframe,video{max-width:100%;border:none}
table{border-collapse:collapse}
header{position:fixed;top:0px;left:0px;width:100%;background:#FFF;box-shadow:1px 2px 10px rgba(0,0,0,.05);z-index:99;transition:all .2s linear}
header.scrollhead{box-shadow:1px 2px 10px rgb(0 0 0 / 10%)}
header.scrollhead .head-top{margin-top:-40px}
.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
.l-wrap{max-width:1600px;margin:0px auto}
.line1{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.line2{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line3{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line4{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.table td,.table th{border:1px solid #E5E5E5;padding:6px 16px}
.table-bottom td,.table-bottom th{border-bottom:1px solid #E5E5E5;padding:8px}
.head-top{height:40px;border-bottom:1px solid #E9E9E9;transition:all .3s linear;padding:0px 20px;z-index:99999;background:#FFF}
.head-top .l-wrap{height:100%;display:flex;justify-content:space-between;align-items:center}
.head-link{display:flex;align-items:center;font-size:14px}
.head-link div{margin-right:25px;display:inline-flex;align-items:center}
.head-link div em{margin-right:5px;font-size:18px}
.head-link div img{margin-right:5px}
.head-share{display:flex}
.head-share>ul{display:flex;align-items:center}
.head-share>ul a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:5px;transition:all .2s linear}
.head-share>ul a i{font-size:20px}
.head-share>ul a:hover i{color:var(--color)}
.head-info{z-index:999;background:#FFF;height:78px;position:relative;padding:0px 20px}
.head-info .l-wrap{display:flex;align-items:center;height:100%}
.logo{max-width:20%;height:100%;display:inline-flex;align-items:center}
.logo img{max-height:78px;width:auto;height:auto}
#nav{flex:1;display:flex;justify-content:flex-end;height:100%;z-index:9}
#nav ul{display:flex;align-items:center;height:100%}
#nav ul li{height:100%;padding:0px 16px;font-size:16px;position:relative}
#nav ul li:last-child{padding:0px 0px 0px 16px}
#nav ul li:hover .submenu{display:block}
#nav ul li .submenu{z-index:99;display:none;height:auto;position:absolute;top:100%;background:rgba(0,0,0,.6);color:#FFF;width:600px;}
#nav ul li .submenu li{width:49%;padding:0px;height:40px; display: inline-block;}

.sidebar-prolist{padding: 9px 0 0px;}
.pro_screen{background: #fff;padding: 20px;margin-bottom: 20px;}
.sidebar-prol {overflow: hidden;position: relative;padding-left: 45px;font-size:14px;}
.sidebar-prol li {float: left;margin-right: 10px;line-height: 26px;}
.sidebar-prol li.s-t {font-weight: bold;margin-right: 20px;line-height: 38px;position: absolute;left: 0;}
.sidebar-prol li a {display: inline-block;padding: 3px 18px;border-radius: 4px;border: solid 1px #ddd;margin-bottom: 10px;line-height: 25px;height: 30px;}
.sidebar-prol li a.btn-info, .sidebar-prol li.active a, .sidebar-prol li a:hover {color: #e64545;border: solid 1px #e64545;}
.sidebar-prol li:nth-child(4){display:none}
.send_btn{font-size: 20px;padding: 15px 50px;min-width: 300px;background: var(--color);color: #fff;}
.send_btn:hover{background: #cd3c3d;}

.sidebar-title .txt{float: right;font-size: 14px;line-height: 26px;font-weight: normal;background: #eee;color: #888;border-radius: 4px;padding: 0px 10px;}

.link_tag{padding-top: 40px;}
.link_tag a {color: #888;padding-right: 8px;font-size: 13px;}
.link_tag a:hover {color: #ff6a00;text-decoration: underline;}
.p-list{}
.pro-list li .pro-info .title a, .home-product .swiper .swiper-slide .info .title{font-weight: 700;line-height: 1.19;font-size: 16px;font-family:"Open Sans", sans-serif;}

.bottom_logo{padding-top: 50px;}

.canshu{border: 1px solid #d2dbe1;text-align: center;margin-bottom: 20px;}
.canshu div div{line-height: 26px;min-height: 55px;justify-content: center;align-items: center;display: flex;}
.canshu .d1{border: 1px solid #d2dbe1;text-align: center;}
.canshu-title{ background: #f5f7fa;font-weight: bold; border-bottom:solid 1px #d2dbe1;display: flex;justify-content: center;align-items: center;}
.canshu-title .d-1, .canshu-row .r-1{ width:40%}
.canshu-title .d-2, .canshu-row .r-2{ width:20%;border-left:solid 1px #d2dbe1;border-right:solid 1px #d2dbe1;}
.canshu-title .d-3, .canshu-row .r-3{ width:38%}
.canshu-row{border-bottom: solid 1px #d2dbe1;display: flex;justify-content: center;align-items: center;}

.usedp-title{font-weight: bold;font-size:24px;margin-bottom: 10px;font-family: "Open Sans", sans-serif;}
.prodetails-top .swiper-wrapper{justify-content: center;}
.p_text p .p_span_r{font-size: 20px;}

.fuwubaozheng{display: flex;justify-content: space-between;}
.fuwubaozheng-l{}
.fuwubaozheng-r{border: solid 1px #ddd;margin-top: 5px;padding: 0 5px;}

.p-eweima{text-align: center;}
.p-eweima img{padding: 5px;border-radius: 4px;width:120px}
.p-eweima-s{font-size: 12px;color: #8c989f;text-align: center;}


.more-btn{text-align: center;padding-top: 40px;}
.more-btn a{display:inline-flex;align-items:center;justify-content:center;width:150px;height:56px; border-radius: 60px;background:var(--color);border:2px solid var(--color);color:#FFF;transition:all .2s linear;box-shadow:0 10px 20px 0 rgb(183 183 183 / 30%)}
.more-btn a:hover{background:#FFF;color:var(--color)}
.p-search-box{flex: 1;}
.p-17 .sub3, .p-118 .sub3{display: none;}
.p-menu{width: 100%;padding: 20px 20px 0px 20px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.p-menu-title{width: 340px;background: #dfe8f6;font-size: 24px;padding: 5px 5px 5px 45px;}
.p-category{box-shadow: 0 3px 18px 0 rgb(0 0 0 / 8%);}
.category-option {padding: 9px 0 0px;background:#fff;display: block;position: relative; overflow: hidden;}
.category-option .cat-item {height: 40px;line-height: 40px;vertical-align: top;transition: .2s ease-in-out}
.sub3{overflow: hidden;clear: both;}
.category-option .sub-cat .sub-cat-links .sub3 .sub-title{width: 25%;}
.category-option .sub-cat .sub-cat-links .sub3 .sub-title a{padding: 4px 0 4px 10px;font-weight: normal;font-size: 14px;color: #555;border: 0;}
.category-option .cat-item .sub-cat {overflow: hidden;display: none;width: 800px;padding: 9px 30px 25px 0;left: 300px;top: 0px;background: rgba(255,255,255,.95);z-index: 10000;position: absolute;min-height: 300px;
line-height: 20px}
.category-option .cat-item.top-cat .sub-cat {width: 600px}
.category-option .top-cat .sub-cat .sub-cat-links {}
.category-option .sub-cat .sub-cat-links .sub-group {padding-top: 10px; overflow: hidden;padding-bottom: 10px;}
.category-option .sub-cat .sub-cat-links .sub-title {width: 33.3%;float: left;padding: 0px 5px;}
.category-option .sub-cat .sub-cat-links .sub-title a{padding: 10px;border: solid 1px #eee;display: block; margin-bottom: 10px; }
.category-option .sub-cat .sub-cat-links .sub-title a:hover{ background:#e64545; color:#fff;}
.category-option .cat-item.top-cat .icon {opacity: 1}
.category-option .cat-item .icon {float: left;width: 20px;height: 20px;margin: 8px 10px 0 0px;border: 1px solid #d2dbe1;border-radius: 3px;position: relative;}
.category-option .cat-item.active .icon{border-color: #e64545;}
.category-option .cat-item.active .icon::after{content: '';width: 10px;height: 10px;background: #e64545;display: block;position: absolute;left: 4px;top: 4px;border-radius: 2px;}
.category-option .cat-item .txt {margin-right: 10px;float: left; width:100%;position: relative; line-height: 40px; color: var(--fontcolor); font-size:15px;display: block;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;padding-right: 30px;}
.category-option .cat-item .txt::before{content: "\e775";font-family: "iconfont" !important;color: #666;font-size: 14px;position: absolute;right: 0px;top: 0;transition: all .2s linear;}

.category-option .cat-item .txt:hover{color:#e64545}
.category-option .cat-item.top-cat .txt {}
.category-option .cat-item .icon.i0 {background-position: -21px -168px}
.category-option .cat-item .icon.i1 {background-position: -21px -147px}
.category-option .cat-item .icon.i2 {background-position: -21px -126px}

.category-option .cat-item.hover .icon.i0 {background-position: 0 -168px;opacity: 1}
.category-option .cat-item.hover .icon.i1 {background-position: 0 -147px;opacity: 1}
.category-option .cat-item.hover .icon.i2 {background-position: 0 -126px;opacity: 1}

.category-option .cat-item.hover {background: #fff;background: rgba(255,255,255,.9);padding-left: 5px}
.category-option .cat-item.hover a {color: #333!important}
.category-option .cat-item.hover a:hover {color: #e62318!important}
.category-option .cat-item:hover .sub-cat {display: block;opacity: 1;padding-left: 10px;animation: subcat .3s ease-in-out;box-shadow: 0 3px 18px 0 rgb(0 0 0 / 8%);}
@keyframes subcat {
from {padding-left:0}
to {padding-left:10px}
}
.fadeInR {animation-name: fadeInR;animation-duration: 1.5s;animation-timing-function: linear}
@keyframes fadeInR {
from {left:-20px}
to {opacity:1;filter:alpha(opacity=100);left:0}
}

.in-about-t{font-size: 36px; line-height: 48px;margin-bottom: 10px;}
.in-about-t span{color: #e64545;font-style: italic;}
.in-about-l .home-title{text-align: left;color: #e64545;font-size: 18px;}
.in-about-l .home-title-line{    margin: inherit;}
.in-about-l .home-title-line::after, .in-about-l .home-title-line::before{ display: none;}
.about-list ul {list-style: none;margin-top: 40px;margin-left: 0;margin-bottom: 0;}
.about-list li .about-info {padding-left: 0;}
.about-list li .about-info h6 {font-size: 20px;line-height: 24px;}
.about-list ul li {display: flex;margin-bottom: 30px;}
.about-list ul li:last-child {margin-bottom: 0;}
.about-list ul li p {margin-bottom: 0;}
.about-list ul li i {display: inline-block;font-size: 40px;margin-right: 35px;position: relative;color: #ffffff;background: #3b4c60;border-radius: 8px;text-align: center;height: 70px;width: 70px;line-height: 70px;}
.about-list ul li i::after {position: absolute;right: -12px;top: -12px;content: "\f00c";background: url(../images/icon-d.png) #e64545;background-size: cover;font-size: 13px;height: 24px;width: 24px;line-height: 25px;border-radius: 50%;
border: 3px solid #ffffff;box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 10%);}
.about-list .about-info ul li h6 {font-weight: 500;text-transform: inherit;color: #232323;margin-bottom: 15px;font-size: 20px !important;}

.pro-list{display:flex;flex-wrap:wrap}
.pro-list li{display:flex;align-items:center;justify-content:flex-start;margin-bottom:30px; background:#fff;}
.pro-list li:hover{box-shadow: 0 0.05rem 0.85rem rgb(0 0 0 / 5%);}
.pro-list li.pro-item-checked .pro-info::after{height:3px}
.pro-list li.pro-item-checked .pro-info .icon{opacity:1}
.pro-list li:hover .pro-img img{}
.pro-list li:hover .pro-info::after{height:3px}
.pro-list li:hover .pro-info .title a{color:var(--color)}
.pro-list li:hover .pro-info .icon{opacity:1}
.pro-list li .pro-img{overflow:hidden;position:relative;display:flex;align-items:baseline;justify-content:center}
.pro-list li .pro-img a{display:flex;width:100%;height:100%;z-index:1;position:relative}
.pro-list li .pro-img img{width:100%;height:100%;background:#FFF;transition:all .2s linear; max-height: 274px;}
.main-product .pro-list li .pro-img img{border-radius: 10px;}

.pro-list li .pro-info{height:100%;flex:1;padding:10px 10px 5px;position:relative;display:flex;flex-direction:column;z-index:1}
.pro-list li .pro-info::after{content:"";position:absolute;bottom:0px;left:0px;width:100%;height:0px;background:var(--color);transition:all .2s linear}
.pro-list li .pro-info .title{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;font-size:16px;color:var(--fontcolor)}
.pro-list li .pro-info .title a{transition:all .2s linear;text-align:center;text-transform:capitalize;display:block;}
.pro-list li .pro-info .text{font-size:14px;color:#555;line-height:2;margin-bottom:30px}
.pro-list li .pro-info .icon{width:35px;height:35px;color:var(--fontcolor);background-color:#FFFFFFa8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;border:1px solid #DFDFDF}
.pro-list li .pro-info .icon.pro-checked{color:var(--color)}
.pro-list li .pro-info .icon em{font-size:16px}
.pro-list.list0 li{width:100%}
.pro-list.list1 li{width:23.3%;margin-right:2%;flex-direction:column;border-radius: 4px;overflow: hidden;}
.pro-list.list1 li:nth-child(4n){margin-right:0px}
.pro-list.list1 li .pro-img{width:100%}
.pro-list.list1 li .pro-info{width:100%}
.pro-list.list1 li .pro-info .title{flex-direction:column;padding-bottom:0px}
.pro-list.list1 li .pro-info .title.mainp-title{font-size: 20px;}
.pro-list.list1 li .pro-info .text{}
.pro-list.list1 li .pro-info .icon{position:absolute;right:0px;top:-35px}
.pro-list.list1 li:hover .pro-info .icon{opacity:1}
.pro-info h5{padding-bottom:10px; padding-top: 0px;}

.prodetails-info{ position: relative;}
.prodetails-info .pro-id{ position: absolute; right: 0;top: 68px;color: #666;}

.product-index .pro-list.list1 li{width:23.4%; }
.product-index .pro-list.list1 li:nth-child(3n){margin-right: auto;}
.product-index .pro-list.list1 li:nth-child(4n){margin-right: 0;}

.sousuodiv{overflow: hidden;margin-bottom: 15px;line-height: 36px;}
.ss-title{float: left;font-size: 20px;font-weight: bold;}
.ss-title span{font-size: 14px;font-weight: normal;padding-left: 20px}
.ss-title span strong{font-size: 18px;}

.search-input1{text-align: center;border-radius: 33px;width: 40%;margin: 0px auto;position: relative; float:right}
.search-input1 #SidebarSearch{font-family: "Open Sans", sans-serif;height: 36px;display: block;text-indent: 15px;border: none;width: 100%;border-radius: 6px;color: #3D404B;border: solid 1px #ddd;}
.search-input1 .search-btn{position: absolute; line-height: 36px;right: 0px;top: 0px;font-size: 16px;border: none;display: inline-block;cursor: pointer;height: 36px;border-radius: 0 6px 6px 0;width: 120px;background: #e64545;color: #fff;}
.search-input1 .search-btn:hover{background: #cd3c3d;}
.search-input1 .search-btn i{font-size: 24px;}
.hot-div{text-align: center;padding-top: 20px;}
.hot-div span{color: #e64545;}
.hot-div a{padding-right: 10px;color: #666;font-size: 15px;}
.hot-div a:hover{color: var(--color);text-decoration: underline;}

.search_list{background: #F8F8F8;}
.search_list .news-list.list1 li{background: #fff;}

.search-input1 #SidebarSearch::placeholder {color: #999;}

.p_canshu{width:100%;}
.p_canshu p:nth-child(odd){background: #f6f6f6;}
.p_canshu p{display: flex;padding: 0 10px;line-height: 30px;font-size:13px;}
	
.p_canshu p span:first-child {color: #8c989f;}
.p_canshu p span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 50%;}	
.p_canshu p span.p_span_l {}
.p_canshu p span.p_span_r {text-align:right;}
	
.product-main{background: #F8F8F8;}
.product-main.product-bg{background: #fff;}	

.p_text-shuom{padding-top:15px;padding-bottom: 15px;}
.p_text-shuom p{position: relative;font-size: 14px;color: #8c989f;}
.p_text-shuom p i{color: #d1a751;font-size: 18px;font-weight: bold;}
.p_text-shuom p .verified-tip{position: absolute;width: 5px;height: 5px;background-color: #d1a751;left: 5px;top: 10px;transform: translate(-50%, -50%) rotate(45deg);}

.p_text-shuom1{font-size: 14px;color: #8c989f;}
.p_text{padding-bottom:15px;padding-top: 18px;}
.p_text p{display:inline-block; position: relative; width:30%;}
.p_text p:after {background-color: #e5e5e5;bottom: 0;content: " ";height: 100%;position: absolute;right: 0;width: 1px;}
.p_text p.p_p3:after {width:0}
.p_p1{padding-right: 15px;}
.p_p2{padding: 0 15px 0 10px;}
.p_p3{padding-left: 10px;}
.p_text_baoz{font-size: 18px;font-weight: 600;line-height: 24px;margin-bottom: 10px;font-family: "Open Sans",sans-serif;}

.p_text p span{display:block;}
.p_text p .p_span_l{font-size: 14px;color: #8c989f;}
.p_text p .p_span_r{font-size: 24px;font-family: "Open Sans",sans-serif;font-weight: bold;}

.prod-date{margin: 10px 0;font-family: Metropolis SemiBold;}
.prod-date p .p_span_l{font-size:20px;}
.prod-date p .p_span_r{color: #e64545;padding: 2px 10px 0;font-weight: bold;background: #ecedef;border-radius: 100px;text-align: center;display: inline-block;font-size:20px;}

.about_img{float: left;padding-right: 20px;}
.n-main h4{font-size: 30px;padding: 10px 0 15px 0;}

.jy_box_s{margin-top: 20px;}
.jy_box{display: flex;flex-wrap: wrap;}
.jy_m_t10{margin-top: 10px;}
.jy_box .jy_listy{width: 33.3%; padding-right:3%;margin-bottom: 15px;}
.jy_box .jy_listy:last-child{padding-right:0px;}
.jy_box .jy_listy .jy_div{background-color: #f8f8f8;padding:4%;height: 100%;border: solid 3px #f8f8f8;border-radius: 6px;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.jy_box .jy_listy .jy_div:hover{background-color: #ededed !important;-webkit-box-shadow: 0px 16px 27px 0px rgb(0 0 0 / 8%);box-shadow: 0px 16px 27px 0px rgb(0 0 0 / 8%);border: solid 3px #263238;}


.jy_box .jy_listy .jy_div .jy_about_icon{}
.jy_box .jy_listy .jy_div .jy_about_icon img{width:70px;}
.jy_box .jy_listy .jy_div .jy_about_title{font-size: 24px;font-family: "Open Sans",sans-serif;padding: 20px 0 10px 0;font-weight: bold;}
.jy_box .jy_listy .jy_div .jy_about_con{font-size: 14px;color: #8c989f;}

.jy_box .jy_listy .jy_div1{text-align: center;}
.jy_box .jy_listy .jy_div1 .jy_about_icon{}
.jy_box .jy_listy .jy_div1 .jy_about_icon img{width:70px;}
.jy_box .jy_listy .jy_div1 .jy_about_title{font-size: 24px;font-family: "Open Sans",sans-serif;padding: 20px 0 10px 0;font-weight: bold;}
.jy_box .jy_listy .jy_div1 .jy_about_con{font-size: 14px;color: #8c989f;}

.ditubg{background: #f8f8f8;}
.service_box{overflow: hidden;}
.service_text_1{float: left;width: 50%;padding-right: 20px;}
.service_text_1 h5{font-size: 18px;padding-bottom:10px;}
.service_text_1.p_text-shuom p{font-size: 16px;color: var(--fontcolor);}
.service_text_1.p_text-shuom p .verified-tip{top: 13px;}
.services_img{width: 50%;}
.services_img img{float: right;}
.service_div{display: flex;flex-wrap: wrap;}

.faq{}
.faqlist { padding:5px; }
.faqlist ul li { padding:6px 0px; line-height:2em; font-size:1.15em;}
.faq_head {POSITION: relative;CURSOR: pointer; line-height:20px; padding:18px 0px 18px 58px; font-weight:bold; background:url(../images/jia.png) 20px 16px no-repeat #fff;  border:1px solid #ddd}
.faqlist ul li div.current { background:url(../images/jian.png)  20px 16px no-repeat #fff;}
.faq_body {DISPLAY: none; padding: 20px; line-height:1.8em; color:#777;background:#fff;border-left: solid 1px #ddd;border-right: solid 1px #ddd;border-bottom: solid 1px #ddd;}


.x1{ float:right; }
/* 语言切换按钮容器 */
.language-switcher {position: relative;}
/* 语言切换按钮 */
.language-btn {display: flex;border-radius: 4px;cursor: pointer;gap: 5px;font-size: 14px;color: #333;border: solid 1px #eee;padding: 5px 10px 3px;}
.language-btn .globe-icon {font-size: 16px;}
.language-btn .arrow-icon {margin-left: 5px;transition: transform 0.3s;}
.language-list .hidden{ display:none}
/* 下拉框容器 */
.language-dropdown {position: absolute;top: calc(100% + 5px);right:0px;background: #fff;border: 1px solid #ddd;border-radius: 4px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);display: none;z-index: 1000;width:500px;}
/* 语言列表 */
.language-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 5px;padding: 10px;max-height: 230px;overflow-y: auto;}
/* 语言选项 */
.language-item {display: flex;align-items: center;padding: 2px 8px 0px 8px;cursor: pointer;border-radius: 4px;gap: 5px;font-size: 13px;color: #333;}
.language-item a{display: block;width: 100%;height: 30px;line-height: 30px;}
.language-item:hover {background: #f5f5f5;}
.language-item img {width: 16px;height: 12px;object-fit: cover; margin-bottom:1px;}
/* More Language按钮 */
.more-languages {text-align: center;padding: 8px;border-top: 1px solid #eee;cursor: pointer;color: #666;font-size: 13px;line-height: 20px;}
.more-languages:hover {color: #333;background: #f5f5f5;}
/* 展开状态 */
.language-dropdown.active {display: block;background: white;}
.language-list.show-all {max-height: 400px;}
/* 滚动条样式 */
.language-list::-webkit-scrollbar {width: 6px;}
.language-list::-webkit-scrollbar-track {background: #f1f1f1;}
.language-list::-webkit-scrollbar-thumb {background: #ccc;border-radius: 3px;}
.language-list::-webkit-scrollbar-thumb:hover {background: #999;}
.globe-icon img{margin-top:0px !important ;width: 20px;float: left;}

.select_code {width: 120px;padding: 15px;margin-bottom: 15px;font-size: 16px;border: 1px solid #ddd;appearance: none; /* 移除默认的下拉箭头 */
background-color: #fff;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>'); /* 自定义下拉箭头 */
background-repeat: no-repeat;background-position: right 10px center;}
.select_code:focus {outline: none;}

.code_div{display: flex;lex-wrap: wrap;}
.inquiry-form input.input_ph{width: auto;flex: 1;}
#nav ul li.get-btn{padding: 20px 16px;}
#nav ul li.get-btn a{background: #e64545;padding: 10px;color: #fff;font-size: 14px;border-radius: 100px;}
#nav ul li.get-btn a:hover{background: #cd3c3d;color: #fff;}
#nav ul li.get-btn a:hover::after{height:0px;}

#product_xh{font-size: 20px;font-weight: bold;font-family: "Open Sans", sans-serif;}


#jy_ditu .e_image-3 > div:last-child::before {background: #e64545;}
#jy_ditu .e_image-3 > div {position:absolute;height:6px;width:6px;background:#e64545;border-radius:100%;z-index:10;cursor:pointer;}
#jy_ditu .e_image-3 {overflow:hidden;position:relative;z-index:0;}
#jy_ditu .e_image-3 > div p {width:max-content;transform:translateX(-50%);font-weight:100;font-size:12px;margin-top:7px;opacity:1;transition:all 0.5s;}
#jy_ditu .e_image-3 > div::before {content:"";display:block;width:10px;height:10px;border-radius:100%;background:#e64545;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0.5;box-sizing:border-box;}
#jy_ditu .e_image-3 > div::after {content:'';width:14px;height:14px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:100%;border:1px solid #e64545;animation:cncircle 2s infinite linear;pointer-events:none;box-sizing:border-box;}
@keyframes cncircle {0%,100% {transform:translate(-50%,-50%) scale(0);opacity:0;}
50% {transform:translate(-50%,-50%) scale(1.5);opacity:1;}
}
#jy_ditu .e_image-3 > div:last-child::before {background:#e64545;}
#jy_ditu .e_image-3 > div:last-child::after {border:1px solid #e64545;}
#jy_ditu .e_image-3 > div:last-child {background:#e64545;}
@media screen and (min-width:769px) {#jy_ditu .e_image-3 > div:last-child p {color:#fff;background-color:#e64545;padding:4px 5px;border-radius:5px;margin-top:-54px;width:108px;line-height:1.4;text-align:center;}
}


@media(min-width:1025px){
#nav ul li .submenu li:hover ul{display:block}
#nav ul li .submenu li ul{position:absolute;left:100%;top:0px;display:none;background:rgba(0,0,0,.6);height:auto;min-width:200px}}
#nav ul li .submenu a{font-size: 14px; padding:0px 15px;width:100%;height:100%;justify-content:flex-start;transition:all .2s linear;color:#FFF}
#nav ul li .submenu a:hover{background:var(--color);color:#FFF}
#nav ul li .submenu a::after{display:none}
#nav ul li .submenu a span{color: #fff; font-style: italic;position: absolute; right: 10px;font-size: 14px;}

#nav ul li a{height:100%;display:inline-flex;align-items:center;justify-content:center;position:relative;white-space:nowrap;text-transform:capitalize; font-family: Metropolis Regular;}
#nav ul li a::after{content:"";width:100%;height:0px;background:var(--color);position:absolute;bottom:0px;transition:all .2s linear}
#nav ul li a:hover{color:var(--color)}
#nav ul li a:hover::after{height:2px}
#nav ul li a.inmenu_1{color:var(--color)}
#nav ul li a.inmenu_1::after{height:2px}
.head-search button{background:0 0;height:100%}
.head-search button i{font-size:24px;color:var(--color);font-weight:var(--fontbold6)}
.head-search button::after{display:none}
.search-box{position:absolute;width:100%;top:100%;left:0px;background:#FFF;padding:20px 0px;transform:translateY(-200px);opacity:0;z-index:-1;transition:all .2s linear}
.search-box .search-input{width:600px;margin:0px auto;background:#EEE;display:flex;justify-content:space-between;align-items:center;height:40px;padding:0px 10px}
.search-box .search-input input{background:0 0;flex:1;padding-left:10px}
.search-box .search-input .search-btn{cursor:pointer;background:var(--color);color:#FFF;border-radius:4px;height:30px;line-height:30px;padding:0px 10px;transition:all .3s linear}
.search-box .search-input .search-btn:hover{opacity:.9}
.search-box.search-box-show{transform:translateY(0);opacity:1;z-index:1}
.mob-btn{display:none}
.opacity{display:none;position:fixed;top:0px;left:0px;width:100vw;height:100vh;background:rgba(0,0,0,.6);z-index:99}
.home-about,.home-application,.home-honor,.home-news,.home-product,.home-static,.home-video{padding:70px 20px 60px}
.home-title{font-size:30px;text-align:center;position:relative;color:#263238;line-height:1;padding-bottom:15px}
.home-title-line{position:relative;margin:0px auto;width:20px;height:3px;background:var(--color)}
.home-title-line::after,.home-title-line::before{content:"";width:90px;height:3px;background:#EEE;position:absolute;right:calc(100% + 10px);top:0px}
.home-title-line::after{right:auto;left:calc(100% + 10px)}
.home-des{max-width:830px;margin:0px auto;font-size:16px;text-align:center;padding:20px 0px 50px}
.home-about .l-wrap{display:flex;flex-wrap:wrap}
.home-about .l-wrap>div{width:50%}
.home-about .about-info{padding-right:60px}
.home-about .about-info .home-title{text-align:left}
.home-about .about-info .home-des{text-align:left;padding-bottom:20px;font-size:16px;color:var(--fontcolor)}
.home-about .about-info .home-title-line{margin-left:100px}
.home-about .about-info .text{font-size:16px;}
.home-about .about-info .more{margin-top:40px}
.home-about .about-info .more a{display:inline-flex;align-items:center;justify-content:center;width:150px;height:56px; border-radius: 60px;background:var(--color);border:2px solid var(--color);color:#FFF;transition:all .2s linear;box-shadow:0 10px 20px 0 rgb(183 183 183 / 30%)}
.home-about .about-info .more a:hover{background:#FFF;color:var(--color)}
.home-about .about-img{position:relative}
.home-about .about-img img{width:100%;height:100%;object-fit:cover}
.home-about .about-img .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.5);border-radius:50%;width:60px;height:60px;cursor:pointer}
.home-about .about-img .play::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:#FFF;border-radius:50%}
.home-about .about-img .play .iconfont{color:var(--color);font-size:22px;z-index:99;margin-left:3px}
.home-static{background:var(--color) no-repeat center;background-size:cover}
.home-static .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-static .list li{width:23%;display:flex;flex-direction:column;align-items:center;color:#FFF}
.home-static .list li .num{font-size:50px;font-weight:var(--fontbold6);position:relative;line-height:1;padding-bottom:20px}
.home-static .list li .num sup{font-size:25px}
.home-static .list li .num::after{content:"";position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:40px;height:4px;background:#FFF}
.home-static .list li .inner{padding:20px 0px;font-size:18px;color:#FFF}
.home-static .list li .icon img{height:50px;width:auto}
footer{clear:both;margin:0px auto;padding:20px 0px 0px}
.foot-top{max-width:1600px;margin:0px auto;background:var(--color) no-repeat center;background-size:cover;display:flex;justify-content:space-between;align-items:center;color:#FFF;padding:40px 40px;line-height:1;position:relative;z-index:9}
.foot-top .left span{font-size:28px;font-weight:var(--fontbold5)}
.foot-top .left p{padding-top:20px;font-size:16px}
.foot-top .right a{width:160px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:#FFF;color:var(--color);transition:all .2s linear;border:2px solid #FFF}
.foot-top .right a:hover{background:0 0;color:#FFF}
.foot-main{background:url(../images/b-bg1.png);background-size: 100%;}
.foot-main .foot-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;padding:40px 20px 40px}
.foot-main .foot-item{width:20%}
.foot-main .foot-item .title{font-size:24px;font-weight:var(--fontbold5);line-height:1;position:relative;padding-bottom:10px;}
.foot-main .foot-item .title::after{content:"";position:absolute;bottom:0px;left:0px;width:40px;height:3px;background:var(--color)}
.foot-main .foot-item .navlist{margin-top:10px}
.foot-main .foot-item .navlist li{position:relative;}
.foot-main .foot-item .navlist li a{padding:6px 0px;transition:all .2s linear;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:5px;box-sizing:border-box;display:block;color:#6c6e75}
.foot-main .foot-item .navlist li a:hover{transform:translateX(5px);color:var(--color)}
.foot-main .foot-item.navigation{width:25%}
.foot-main .foot-item.contact {width:25%;}
.foot-main .foot-item.contact .foot-logo{display:block;max-height:140px}
.foot-main .foot-item.contact ul.contactlist{margin-top:20px}
.foot-main .foot-item.contact ul.contactlist li{display:flex;align-items:baseline;padding:4px 0px;font-size:14px;position:relative;padding-left:30px}
.foot-main .foot-item.contact ul.contactlist li a{color:#6c6e75}
.foot-main .foot-item.contact ul.contactlist li em{font-size:20px;position:absolute;left:0px;top:0px}
.foot-main .foot-item.contact ul.contactlist li a:hover{color:var(--color)}
.foot-main .foot-item.contact .foot-share ul{display:flex;align-items:center;flex-wrap:wrap;margin-top:20px}
.foot-main .foot-item.contact .foot-share ul a{width:30px;height:30px;background: var(--color);margin-right:10px;color:#FFF;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear}
.foot-main .foot-item.contact .foot-share ul a:hover{background:#cd3c3d}
.foot-main .foot-item.navigation ul{display:flex;flex-wrap:wrap}
.foot-main .foot-item.navigation ul li{width:50%}

.foot-main .copyright{border-top:1px solid #e6eaf3;text-align:center;padding:15px 0px;font-size:14px}
.foot-main .copyright a{margin-left:10px;color:#6c6e75;}
.bottom-btn{display:none;background:#FCFCFCFB;align-items:center;position:fixed;bottom:0px;left:0px;width:100%;z-index:99;box-shadow:1px 2px 10px rgba(0,0,0,.1);transition:all .2s linear;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.bottom-btn .btn-item{width:25%;height:14vw;color:#333;transition:all .2s linear}
.bottom-btn .btn-item a,.bottom-btn .btn-item>div{text-transform:capitalize;width:100%;height:100%;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.bottom-btn .btn-item i{color:#333;font-size:22px;height:28px}
.bottom-btn .btn-item p{font-size:12px;text-transform:capitalize}
.top-btn{display:none}
.bottom-btn .btn-item .top-btn{display:flex !important;width:35px;height:35px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:none;background:none;border:1px solid #ccc}
.bottom-btn .btn-item .top-btn:hover{background:none;box-shadow:none}
.bottom-btn .btn-item .top-btn:hover i{color:#000}
.top-btn{cursor:pointer;display:none;height:40px;width:40px;border-radius:50%;position:fixed;bottom:100px;right:20px;background:#FFF;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transition:all .4s ease;z-index:9;overflow:hidden}
.top-btn:hover{background:#c1c1c1}
.top-btn i{font-size:24px;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:1440px){
.foot-main .foot-item{width:24%}}
@media (max-width:1024px){
body{padding-top:55px;}
.prodetails-info .pro-id{position: inherit;}
header{border-bottom:1px solid #F3F3F3;z-index:999}
#jljw_IM_GdImBox{z-index:900 !important}
.search-box .search-input{padding:0px 15px}
.head-top{display:none}
.head-info{height:55px;padding:0px 15px}
.head-info .l-wrap{justify-content:space-between}
.logo{max-width:inherit;padding-right:15px}
.search-box.m-search-box{display:none;position:static;opacity:1;z-index:1;transform:translate(0);padding:0px}
.search-box.m-search-box .search-input{height:50px;width:100%}
.search-box .search-input i{font-size:22px}
.head-info #nav{background:#FFF;position:fixed;top:55px;left:0px;width:100%;display:block;height:0px;z-index:-1;transition:all .2s linear;display:none}
.head-info #nav.is-active{height:calc(100vh - 55px);opacity:1;z-index:1;display:block}
.head-info #nav .nav-ul{height:auto;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);overflow-y:scroll;height:0px}
.head-info #nav.is-active .nav-ul{height:calc(100vh - 100px)}
.head-info #nav .nav-ul.iosnav{padding-bottom:70px}
.head-info #nav.is-active .search-box.m-search-box{display:block}
.head-info #nav ul{flex-direction:column;align-items:flex-start}
.head-info #nav ul li{padding:0px;width:100%;border-bottom:1px solid rgba(0,0,0,.08);height:auto;font-weight:var(--fontbold5)}
.head-info #nav ul li a{display:block;font-size:20px;padding:15px 50px 15px 30px;width:100%;height:auto;color:var(--fontcolor)}
.head-info #nav ul li a::after{display:none}
.head-info #nav ul li.head-search{display:none}
.head-info #nav ul li:hover .submenu{display:none}
.head-info #nav ul li.nav0>a{color:var(--color)}
.head-info #nav ul li.nav0 .showmenu::after{width:15px;height:2px;background:var(--color)}
.head-info #nav ul li.nav0 .submenu{display:block!important}
.head-info #nav ul li.nav0 .submenu ul{padding-left:15px}
.head-info #nav ul li .submenu{display:none!important;position:static;background:0 0;color:var(--fontcolor);padding-left:10px}
.head-info #nav ul li .submenu li{height:auto;font-weight:400}
.head-info #nav ul li .submenu li:last-child{border:none}
.head-info #nav ul li .submenu.nav2{display:block}
.head-info #nav ul li .showmenu{position:absolute;width:60px;height:40px;right:0px;top:4px;display:flex;align-items:center;justify-content:center}
.head-info #nav ul li .showmenu::after,.head-info #nav ul li .showmenu::before{content:"";width:15px;height:2px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#666}
.head-info #nav ul li .showmenu::after{width:2px;height:15px}
.mob-btn{display:flex;align-items:center;justify-content:flex-end;position:relative;width:50px;height:50px;cursor:pointer}
.mob-btn i{color:var(--fontcolor);font-size:28px;transform:rotate(180deg);font-weight:var(--fontbold5)}
.home-title{font-size:36px}
.home-static .list li{width:50%}
.home-static .list li:nth-child(1),.home-static .list li:nth-child(2){margin-bottom:20px}
.foot-main .foot-item{width:50%;margin-bottom:20px}
}
@media (max-width:768px){
	
.home-about,.home-application,.home-honor,.home-news,.home-product,.home-static,.home-video{padding:50px 15px 20px}
.logo img{max-height:44px}
.head-info #nav ul li a{font-size:18px;padding:10px 50px 10px 15px;font-weight:normal}
.home-title{font-size:22px}
.home-title-line::after,.home-title-line::before{width:12vw}
.home-des{padding:15px 20px 6.66667vw;display:none}
.home-title-line{margin-bottom:26px!important}
.home-about .l-wrap>div{width:100%}
.home-about .about-info{padding:0px}
.home-about .about-info .home-title{text-align:center}
.home-about .about-info .home-title-line{margin:0px auto}
.home-about .about-info .home-des{padding-left:0px}
.home-about .about-info .more{margin-top:20px}
.home-about .about-info .more a{width:100px;height:38px; line-height:38px;}
.more-btn a{height:38px; line-height:38px;}
.home-about .about-img{margin-top:30px}
.home-static .list li .num{font-size:30px}
.home-static .list li .inner{font-size:3.46667vw;padding:10px 0px}
.home-static .list li .icon img{height:8.26667vw}
.foot-top{display:block;padding:30px 20px;background-size:cover}
.foot-top .left span{font-size:6.13333vw;font-weight:var(--fontbold5);line-height:1.2}
.foot-top .left p{font-size:3.46667vw;padding:10px 0px;line-height:1.4}
.foot-top .right{margin-top:10px}
.foot-top .right a{height:33px}
.foot-main{margin:0px;margin-bottom:calc(14vw + constant(safe-area-inset-bottom));margin-bottom:calc(14vw + env(safe-area-inset-bottom));background: url(../images/b-bg1.png) no-repeat;    background-size: cover;}
.foot-main .foot-wrap{padding:40px 20px 0px}
.foot-main .foot-wrap .foot-item{width:100%}
.foot-main .foot-wrap .foot-item .title{font-size:4.53333vw}
.foot-main .foot-wrap .foot-item .navlist{display:flex;flex-wrap:wrap}
.foot-main .foot-wrap .foot-item .navlist li{width:50%}
.foot-main .foot-wrap .foot-item .navlist li a{font-size:16px}
.copyright{font-size:2.93333vw}
.top-btn{right:24px;bottom:calc(140px + constant(safe-area-inset-bottom));bottom:calc(140px + env(safe-area-inset-bottom));display:none !important}
.bottom-btn{display:flex;transform:translateY(100%)}
.bottom-btn.bottom-btn-keep{transform:translateY(0)}
.bottom-btn.is-active{transform:translateY(0)}
.bottom-btn.show-cart{transform:translateY(0)}
.bottom_logo{text-align: center;padding-top: 30px;}
.pro-list li{margin-bottom:20px}
.pro-list li:hover .pro-info::after{height:0px}
.pro-list li:hover .pro-img img{transform:none}
.pro-list li.pro-item-checked .pro-info::after{height:3px}
.pro-list li .pro-img{width:150px;max-height:200px}
.pro-list li .pro-info{padding:10px}
.pro-list li .pro-info .title{display:block;padding-bottom:10px;font-size:3.73333vw}
.pro-list li .pro-info .title a{display:block;font-size:15px;text-align:left;margin-bottom:10px}
.pro-list li .pro-info .text{-webkit-line-clamp:2;margin-bottom:10px;line-height:1.4;display:none}
.pro-list li .pro-info .icon{width:35px;height:35px;opacity:1}
.pro-list.list1{justify-content:space-between}
.pro-list.list1 li{width:48%;margin:0px;margin-bottom:15px}
.pro-list.list1 li .pro-info .title{text-align:center}
.pro-list.list1 li .pro-info .title a{color:inherit}

.product-index .pro-list.list1 li{width:48%;margin:0px;margin-bottom:15px}

.about_img{padding-right:0}

.service_text_1, .services_img{width:100%}
.n-main h4{font-size: 24px;}
.jy_box .jy_listy{text-align: center;width: 100%;padding-right: 0;margin-bottom: 10px;}
.jy_box .jy_listy .jy_div1 .jy_about_title, .jy_box .jy_listy .jy_div .jy_about_title{font-size: 20px;}
#nav ul li.get-btn a, #nav ul li.get-btn a:hover{color: var(--fontcolor);    background: none;}

}
@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}
@keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
.mobile-bottom-bag{display:none}
.rfixed{position:fixed;bottom:calc(190px + constant(safe-area-inset-bottom));bottom:calc(190px + env(safe-area-inset-bottom));right:35px;z-index:99}
.compare-panel{width:280px;background:#FFF;position:fixed;z-index:1000;bottom:0px;right:0px;box-shadow:-1px -1px 3px #CCC;display:none;transition:bottom .2s}
.compare-t{background-color:var(--color);font-size:14px;color:#FFF;display:flex;align-items:center;padding:6px 10px}
.compare-close{position:relative;width:24px;height:24px;background:0 0}
.compare-close::after,.compare-close::before{content:"";display:block;width:10px;height:2px;background-color:#FFF;position:absolute;top:50%;border-radius:2px}
.compare-close::before{transform:rotate(45deg);left:4px}
.compare-close::after{transform:rotate(-45deg);right:4px}
.compare-tit{text-align:center;flex:1;line-height:1.5}
.compare-checked{color:#FFF;margin:0px 4px}
#productChache_list{padding:0px 10px;height:220px;overflow-y:auto}
#productChache_list::-webkit-scrollbar{width:4px}
#productChache_list::-webkit-scrollbar-track{border-radius:0;background-color:rgba(0,0,0,.05)}
#productChache_list::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.15)}
.selected-item{position:relative;border-bottom:1px solid #EFEFEF;padding:10px 0px;display:flex;align-items:center}
.item-clear{position:relative;width:20px;height:20px;background-color:transparent;cursor:pointer}
.item-clear::after,.item-clear::before{content:"";display:block;position:absolute;width:70%;height:2px;background-color:#555;border-radius:2px;top:50%;margin-top:-1px}
.item-clear::before{transform:rotate(45deg);left:3px}
.item-clear::after{transform:rotate(-45deg);left:3px}
.item-content{flex:1;display:flex;align-items:center}
.item-img{width:50px;height:50px;background:#FFF;border:1px solid #EFEFEF;display:flex;align-items:center;justify-content:center}
.item-img img{max-width:100%;max-height:100%}
.item-c{width:calc(100% - 50px);padding:0px 10px;font-size:12px}
.item-title{max-height:34px;word-break:break-word;display:block;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;color:var(--fontcolor)}
.item-price{color:#d4322c}
.compare-b{padding:20px 10px;display:flex;justify-content:space-between}
.compare-b *{display:block;width:80px;text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;border-radius:2px;padding:0px 2px}
.clear-all{color:var(--fontcolor);background-color:#EDEDED}
.compare-inquire,.compare-inquire:hover{color:#FFF;background-color:var(--color)}
.compare-b .orderNow{margin:0px;background:#F66F08;color:#FFF;line-height:30px;padding:0px 2px;border:none;border-radius:2px;font-size:12px;cursor:pointer;display:block;width:80px}
.rfixed-sc{width:40px;height:40px;background:var(--color);border-radius:50%;text-align:center;line-height:38px;color:#FFF;position:relative;margin-bottom:10px;cursor:pointer;display:none}
.rfixed-sc i{font-size:20px}
.rfixed-scnum{position:absolute;right:25px;top:5px;width:16px;height:16px;background:#E00;border-radius:50%;text-align:center;font-size:12px;color:#FFF;transform:scale(.9);line-height:16px}
@media (max-width:768px){
.compare-panel{width:100%;bottom:14vw}}
.lang{width:auto;position:relative;}
.lang-icon>img{margin-right:5px; border-radius: 2px;}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:14px;user-select:none;white-space:nowrap}
.lang-icon span{position:relative;padding-right:18px}
.lang-icon span::before{content:'';position:absolute;right:4px;top:11px;width:8px;height:1px;background:#333;transform:rotate(50deg)}
.lang-icon span::after{content:'';position:absolute;right:0px;top:11px;width:8px;height:1px;background:#333;transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgb(0 0 0 / 10%);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;box-sizing:border-box}
.lang-drop.lang-flex{transform:translateX(20%)}
.lang-drop.lang-flex .lang-arrow{left:80%}
.lang-flex .lang-wrap{width:340px;display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEE}
.lang-wrap li a{display:block;color:#000;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){
.lang{margin-left:auto}
.lang-icon span{display:none}
.lang-icon>img{width:36px;height:24px;margin:2px 0px 0px 0px}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:54px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:82%}
.lang-drop{display:none}
.lang-drop.active{display:block}}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.prohome-content{clear:both;margin:0px auto 20px;padding:0px;max-width:1560px;line-height:1.6;box-sizing:border-box}
.prolist-bottom{clear:both;margin:0px auto 20px;padding:0px;max-width:1560px;line-height:1.6;box-sizing:border-box}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
@media(max-width:1600px){.prohome-content,.prolist-bottom{margin-left:20px;margin-right:20px}}
@media(max-width:768px){.prohome-content{clear:both;margin:0px 15px 20px;padding:0px}
.prolist-bottom{clear:both;margin:0px 15px 20px;padding:0px}}
.prolist-content{clear:both;margin:0px auto 15px;line-height:1.6}
.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:700;margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.icon-videoplay{position:absolute;left:50%;top:50%;transform:translate(-52%,-50%);background:rgba(0,0,0,.5);color:#FFF;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;z-index:1;display:none}
img.lazy.loaded+.icon-videoplay{display:flex}
@media(max-width:768px){
.icon-videoplay{width:30px;height:30px}
.language-dropdown {width: 368px;}
.pro-list li .pro-img img{max-height: 184px;}
.left_box{width:100%;}
}
.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block; margin: 15px 0;border-radius: 4px;}
.ab_img p{text-wrap: inherit !important;  padding-bottom: 10px;}
.ab_img p span{text-wrap: inherit !important;}


.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; 
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}

.text-secondary{text-align:center; padding:20px 0}
.home-product{ background:#f8f8f8;}


::-webkit-scrollbar {width:8px;}
::-webkit-scrollbar-thumb {width:8px;background-color:#aeaeae;}
::-webkit-scrollbar-track-piece {width:8px;background-color:#f8f8f8;}
::-webkit-scrollbar-thumb:hover {width:8px;background-color:#333;}


 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #fff;opacity: 0.7;}
 input:-moz-placeholder, textarea:-moz-placeholder {color: #fff;opacity: 0.7;}
 input::-moz-placeholder, textarea::-moz-placeholder {color: #fff;opacity: 0.7;}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #fff;opacity: 0.7;}