.contact-section { padding: 60px 0; background-color: #fff; }
.contact-form { max-width: 600px; margin: 0 auto; width: 100%; }
.contact-form h2 { font-size: 28px; margin-bottom: 30px; color: #333; position: relative; padding-bottom: 15px; }
.contact-form h2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background-color: #28a745; }
.form-group { margin-bottom: 20px; }
.form-group label { display: block; margin-bottom: 8px; font-weight: 500; color: #555; }
.form-group input,
    .form-group textarea { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; transition: border-color 0.3s; }
.form-group input:focus,
    .form-group textarea:focus { outline: none; border-color: #28a745; }
.form-group textarea { resize: vertical; min-height: 120px; }
.submit-btn { background-color: #333; color: white; padding: 12px 30px; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; transition: background-color 0.3s; }
.submit-btn:hover { background-color: #28a745; }

.slide-item  img{max-height:500px}
@media (max-width: 768px) {
	.contact-form { max-width: 100%; }
	.slide-item  img{height:200px;object-fit: cover;object-position: center; /* 居中裁切，脸部/主体不会被切掉 */}
}
.social-item.x { background-color: #000000; }
.icon-x:before { content: "\e60c"; }
.icon-alibaba:before { content: "\e61e"; }
.icon-made-in-china:before { content: "\e61d"; }
.icon-globalsources:before { content: "\e601"; }
.icon-ok:before { content: "\e603"; }
.icon-line:before { content: "\e608"; }
.icon-kakao:before { content: "\e600"; }
.icon-telegram:before { content: "\e60f"; }
.home-tcca .tcca-inner .tcca-left .numCount .itemnum .icon { width: 30%; padding: 10px; text-align: center; }

@media (max-width: 550px) {
	.home-tcca .tcca-inner .tcca-left .numCount .itemnum .icon { padding: 4px; }
}
.home-categories-tags li { border-radius: 27px; }
.home-categories-info { transition: transform .8s ease-in-out,opacity .2s ease-in-out; transform: scale(0); opacity: 0; position: absolute; top: 0px; left: 0px; display: block; width: 100%; }
.home-categories-content { position: relative; }
.home-categories-info.active { transform: scale(1); position: static; opacity: 1; }
.home-categories-infolist li .home-categories-infotxt { background: var(--color); color: #fff; flex: 1; }
.home-categories-infolist li { border: 1px solid var(--color); }
.home-categories-infolist li a { display: flex; flex-direction: column; height: 100%; }
.home-categories-infolist li:hover .home-categories-infotxt { color: #fff; }
.home-categories-infolist li .home-categories-infotxt { margin-top: 0; padding: 10px 0; }
.application { padding: 50px 0 20px; }
 
@media (max-width: 768px) {
	.application .home-tit { margin: 0; }
}
#swiper-banner .swiper-pagination { width: 100%; }
.repro .home-tit { margin-bottom: 0; }
.repro .repro-swiper { padding-top: 3%; }
.repro .repro-boxlist li { border: 1px solid var(--color); }
.news-item-img img { aspect-ratio: 1/1; object-fit: cover; display: block; }
.banner-text-1 { position: absolute; left: 7%; top: 50%; transform: translate(0,-50%); color: #fff; }
.banner-text-1 .title { font-size: 3vw; font-weight: 700; line-height: 1.2; margin-bottom: 4%; }
.banner-text-1 .desc { font-size: 1.5vw; line-height: 1.5; letter-spacing: 2px; margin-bottom: 3%; color: var(--color); }
.banner-text-1 .list { font-size: 2vw; line-height: 1.5; letter-spacing: 2px; margin-bottom: 3%; }
.banner-text-1 .desc span { color: var(--color); margin-right: 10px; }
.prod-faq-box { margin: 15px 0; }
.prod-faq-head { background: #00a651; color: #fff; font-size: 20px; padding: 4px 14px; margin: 0 0 0px; }
.prod-faq-ul { list-style: none; padding: 0; margin: 0; }
.prod-faq-li { padding: 13px 0; border-bottom: 1px solid #eee; }
.prod-faq-q { border-left: 3px solid var(--color); padding-left: 10px; margin-bottom: 10px; font-size: var(--fontsize18); margin-bottom: 4px; color: var(--color); }
.prod-faq-a { font-size: var(--fontsize16); color: var(--introcolor); line-height: 1.4; }
table { width: 100%; border-collapse: collapse; }
table, td, th { border: 1px solid #ccc; }
td, th { padding: 6px; }

.lang-drop li span { background: url(./language-all.webp) no-repeat center; width: 24px; height: 16px; display: inline-flex; margin-right: 6px; vertical-align: sub; }
.lang-flex .lang-wrap { width: 360px; max-height: 400px; overflow-y: auto; position: relative; }
.inquiry-form input { width: 100%; height: 50px; background: #FFFFFF; border: 1px solid #EEEEEE; padding: 0px 10px; color: var(--fontcolor); margin-bottom: 20px; display: inline-flex; align-items: center; }
.inquiry-form input::placeholder,.inquiry-form textarea::placeholder { color: #666; }
.inquiry-form textarea { padding: 10px; width: 100%; height: 200px; background: #FFFFFF; border: 1px solid #EEEEEE; color: var(--fontcolor); resize: none; overflow: hidden; }
.wmkcfeedback .send-btn[disabled] { background: #EEE; color: #999; }
.wmkcfeedback .send-btn[disabled]::before { content: none; }
.wmkcfeedback .loading { position: relative; width: 18px; height: 18px; margin-left: 8px; border: 2px solid #000; border-top-color: rgba(0,0,0,.2); border-right-color: rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.2); border-radius: 100%; animation: feedbacksenloading infinite .75s linear; }

@media (max-width:1024px) {

	.wmkcfeedback input { width: 100%; height: 44px; }
	.wmkcfeedback .send-btn { height: 45px; }
	.wmkcfeedback .send-btn { width: 100%; }
}
.wmkcfeedback .send-btn { margin: 20px auto; min-width: 200px; height: 50px; font-size: var(--fontsize18); color: #FFFFFF; background: var(--hovercolor,#111111); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s; }
.wmkcfeedback .send-btn:hover { background-color: var(--color); }

@media (min-width:769px) {
	.repro .repro-box-next, .repro-box-prev { display: none; }
	.repro .repro-swiper { width: 100%; }
	.repro .repro-boxlist li { width: 24%; margin-right: 0; margin-bottom: 20px; }
	.repro .repro-boxlist.swiper-wrapper { flex-wrap: wrap; justify-content: space-between; }
}
.repro { background: #fff; }
/**.home-categories { padding: 60px 0 20px; }*/
.home-categories-tags { display: flex; flex-wrap: wrap; justify-content: space-between; }
.home-categories-tags li { border: 1px solid var(--color); color: var(--color); background: #fff; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 50px; width: 12%; line-height: 1.3; padding: 6px 10px; cursor: pointer; margin-bottom: 10px; text-transform: capitalize; }
.home-categories-tags li.active,.home-categories-tags li:hover { background: var(--color); color: #fff; }
.home-categories-content { padding-top: 20px; }
.home-categories-info { display: none; }
.home-categories-info.active { display: block; }
.home-categories-infolist { display: flex; flex-wrap: wrap; }
.home-categories-infolist li { width: 24%; margin: 0 1.333% 25px 0; border: 1px solid #EEEEEE; }
.home-categories-infolist li:nth-child(4n) { margin-right: 0; }
.home-categories-infolist li a { display: block; text-align: center; }
.home-categories-infolist li .home-categories-infopic { display: block; overflow: hidden; border-bottom: 1px solid #EEEEEE; }
.home-categories-infolist li .home-categories-infopic img { display: block; transition: .4s; }
.home-categories-infolist li .home-categories-infotxt { padding: 10px; font-size: 17px; text-transform: capitalize; transition: .3s; }
.home-categories-infolist li:hover .home-categories-infopic img { transform: scale(1.1); }
.home-categories-infolist li:hover .home-categories-infotxt { color: var(--color); }

@media (max-width:1440px) {
	.home-categories-tags li { width: 24%; }
}

@media (max-width:800px) {
	.home-categories-tags li { width: 48%; font-size: 15px; min-height: 46px; }
	.home-categories-infolist li { width: 48%; margin: 0 4% 25px 0; }
	.home-categories-infolist li:nth-child(2n) { margin-right: 0; }
	.home-categories-infolist li .home-categories-infotxt { font-size: 15px; }
}

@media (min-width:801px) {
	.nav .submenu>li { position: relative; display: flex; flex-wrap: wrap; align-items: center; }
	.nav .submenu>li ul { position: absolute; left: 100%; top: 0; width: 220px; display: none; visibility: visible; transform: none; z-index: 11; background: var(--color); box-shadow: 0 2px 8px rgba(0,0,0,.15); }
	.nav .submenu>li:hover ul { display: block; }
	.nav .submenu>li.menu-item>i { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-size: 12px; color: #fff; z-index: 12; pointer-events: none; }
	.nav .submenu>li.menu-item>a { padding-right: 25px; }
}

@media (max-width:800px) {
	.nav .submenu>li ul { display: block; position: static; width: 100%; padding-left: 30px; visibility: visible; transform: none; }
}
footer .footitem.footitem4 #wmkcfeedback2 .inquiry-form input { height: 33px; margin-bottom: 10px; }
footer .footitem.footitem4 #wmkcfeedback2 .inquiry-form textarea { height: 120px; }
footer .footitem.footitem4 #wmkcfeedback2.wmkcfeedback .send-btn { background: var(--color); margin-top: 10px; }

@media (max-width:800px) {
	footer .footitem.footitem4 { margin-top: 15px; display: block; }
}
.repro-item-img>a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: contain; }
.home-categories-infolist li .home-categories-infopic,.maybe-img { position: relative; padding-bottom: 100%; width: 100%; }
.home-categories-infolist li .home-categories-infopic img,.products-list-img img,.maybe-img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: contain; }
.sf-menu>li { border-bottom: 1px solid #ccc; }
aside .categories .sub-menu>li i { display: none; }

@media (min-width:1025px) {
	.fnav li { width: 50%; margin-right: 0; }
	.footitem { max-width: 20%; }
	.fnav { flex-direction: inherit; }
}
footer .footitem.footitem4 #wmkcfeedback2 .inquiry-form input { border-radius: 10px; }
footer .footitem.footitem4 #wmkcfeedback2 .inquiry-form textarea { border-radius: 10px; }
header .lang:hover .lang-drop { visibility: visible; opacity: 1;}
aside .relatedpro ul.relatedpro-list { display: flex; flex-wrap: wrap; justify-content: space-around; }
aside .relatedpro ul.relatedpro-list li { width: 35%; }
aside .relatedpro ul.relatedpro-list .relatedpro-box { padding-left: 0; }
:root { --color: #03a130; --hovercolor: #111111; --fontcolor: #111111; --headercolor: #FFFFFF; --footercolor: #EEEEEE; --introcolor: #555555; --fontsize12: 12px; --fontsize13: 13px; --fontsize14: 14px; --fontsize15: 15px; --fontsize16: 16px; --fontsize17: 17px; --fontsize18: 18px; --fontsize20: 20px; --fontsize22: 22px; --fontsize24: 24px; --fontsize26: 26px; --fontsize28: 28px; --fontsize30: 30px; --fontsize32: 32px; --fontbold3: 300; --fontbold4: 400; --fontbold5: 500; --fontbold6: 600; --fontbold7: 700; --fontfamily: 'Roboto', 'Lato', 'Open Sans', 'Poppins', 'Oswald', 'Noto Sans', 'Montserrat', arial, sans-serif; }
*,html, h1,h2,h3,table,th,td,ul,li,div,p,form,input,button,textarea { margin: 0px; padding: 0px; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { margin: 0px; padding: 0px; font-size: 13.333vw; overflow-x: hidden; }
body { margin: 0px auto !important;; padding-top: 60px; max-width: 1920px; font-size: var(--fontsize16); line-height: 1.6; color: var(--fontcolor); font-family: var(--fontfamily); }
a,a:hover { text-decoration: none; color: inherit; cursor: pointer; }
button,input,textarea { outline: 0; font: inherit; -webkit-appearance: none; border-radius: 0; }
h1,h2,h3 { font-weight: var(--fontbold6); text-transform: capitalize; }
table { border-collapse: collapse; }
 
textarea { overflow: auto; }
button { cursor: pointer; }
i { vertical-align: middle; }
img { max-width: 100%; border: none; height: auto; vertical-align: bottom; }
video { max-width: 100%; border: none; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { font-family: inherit; }
input::-moz-placeholder,textarea::-moz-placeholder { font-family: inherit; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder { font-family: inherit; }
input::-ms-input-placeholder,textarea::-ms-input-placeholder { font-family: inherit; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { font-family: inherit; }
input::-moz-placeholder,textarea::-moz-placeholder { font-family: inherit; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder { font-family: inherit; }
input::-ms-input-placeholder,textarea::-ms-input-placeholder { font-family: inherit; }
input::placeholder,textarea::placeholder { font-family: inherit; }
main,section { display: block; }
.table td,.table th { border: 1px solid #EEEEEE; padding: 2px 6px; }
.clearfix { zoom: 1; }
.clearfix::after { content: ''; display: block; height: 0px; visibility: hidden; clear: both; }
.flex { display: flex; flex-wrap: wrap; }
.flex-ai-c { display: flex; flex-wrap: wrap; align-items: center; }
.flex-jc-sb { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flex-jc-ai-c { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.line1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.line2 { display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.container { width: 100%; max-width: 1640px; margin: 0px auto; padding: 0px 20px; }
.lazy-lodding { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.lazy-lodding::before { content: ''; display: block; width: 26px; height: 26px; position: absolute; left: 50%; top: 50%; margin-left: -17px; margin-top: -17px; z-index: 10; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s linear infinite; animation: swiper-preloader-spin 1s linear infinite; border-left: 2px solid #888888; border-bottom: 2px solid #888888; border-right: 2px solid #888888; border-radius: 50%; border-top: 2px solid transparent; }
img.lazy { opacity: 0; position: absolute; }
img.error,img.loaded { opacity: 1; position: static; }
.lazy-wrap { width: 100%; display: flex; align-items: center; justify-content: center; position: relative; flex-wrap: wrap; }
.lazy-wrap::after { display: block; content: ''; padding-bottom: 100%; }
.lazy-loaded .lazy-lodding { display: none; }
.products-add-inquirl,.rfixed-sc { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
body > header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; background: #FFFFFF; transition: height .2s; box-shadow: 0 0 5px #F1F1F1; }

@media (min-width:801px) {
	.fixhead { height: 60px; }
}
body > header>.container { height: 100%; }
.head-box { height: 100%; }
.logo { max-width: 200px; max-height: 100%; }
.logo img { max-height: 100%; max-width:60px;transition: all .3s; }

.headsearch { position: relative; height: 100%; }
.searchicon { color: var(--color); padding: 6px 10px; cursor: pointer; font-size: var(--fontsize22); margin-right: 14px; }
.search-box { position: absolute; right: 24px; top: 100%; display: none; width: 300px; border: 1px solid #CCCCCC; background: #FFFFFF; height: 44px; }
.search-box #txtSearch { width: 260px; height: 100%; color: var(--fontcolor); padding: 0px 20px; font-size: var(--fontsize14); float: left; }
.search-box #txtSearch::-webkit-input-placeholder { color: var(--introcolor); }
.search-box #txtSearch::-moz-placeholder { color: var(--introcolor); }
.search-box #txtSearch:-ms-input-placeholder { color: var(--introcolor); }
.search-box #txtSearch::-ms-input-placeholder { color: var(--introcolor); }
.search-box #txtSearch::placeholder { color: var(--introcolor); }
.search-box .searchbtn { width: 38px; float: left; height: 100%; background: 0 0; display: block; border-left: 1px solid #CCCCCC; color: var(--introcolor); }
/**.nav { height: 100%; }*/
.nav .submenu { width: auto; max-width: 250px; position: absolute; top: 100%; left: 0px; transition: transform .3s; z-index: 10; background: var(--color); transform-origin: top; transform: rotateX(90deg); visibility: hidden; }
.nav>li:last-child .submenu { left: auto; right: 0px; }
.nav>li:last-child .submenu::before { left: auto; right: 12px; }
.nav .submenu::before { content: ''; display: block; position: absolute; left: 12px; border: 6px solid transparent; border-bottom-color: var(--color); top: 0px; transform: translateY(-100%); }
.nav a { display: block; color: var(--fontcolor); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.nav>li:not(.liproducts-diff) { position: relative; }
.nav>li { display: flex; align-items: center; margin: 0px 10px; }
.nav>li>a { text-transform: uppercase; }
.nav .submenu a { padding: 5px 15px; color: var(--headercolor); }
.nav>li:hover>a { color: var(--color); }
.nav .submenu a:hover { background: rgba(0,0,0,.2); }
.nav>li:hover .submenu { transform: rotateX(0); }
.nav>li>a i { font-size: var(--fontsize12); margin-left: 4px; }




.repro { padding: 3% 0px; overflow: hidden; }
.repro-swiper { width: calc(100% - 80px); padding: 20px 0px; }
.repro-box-next,.repro-box-prev { width: 40px; height: 40px; color: var(--color); background-color: #FFFFFF; font-weight: var(--fontbold7); display: flex; align-items: center; justify-content: center; transition: background .2s; cursor: pointer; }
.repro-box-next:hover,.repro-box-prev:hover { background-color: var(--color); color: #FFFFFF; }
.repro-boxlist li { background-color: #FFFFFF; padding: 0px; height: auto; transition: box-shadow .2s; width: 25%; }
.repro-item-img { overflow: hidden; background-color: #FFFFFF; }
.repro-item-cont { padding: 10px; }
.repro-name { text-transform: capitalize; font-size: var(--fontsize16); color: var(--fontcolor); max-height: 48px; }
.repro-more { display: block; border-top: 1px solid #DADADB; color: var(--introcolor); font-size: var(--fontsize14); margin-top: 8px; padding-top: 12px; text-transform: lowercase; }
.repro-boxlist li:hover .repro-more { color: var(--color); }
.home-tit { font-size: var(--fontsize32); color: var(--color); margin-bottom: 10px; text-transform: capitalize; text-align: center; line-height: 1.2; }
.home-text { color: var(--introcolor); font-size: var(--fontsize18); text-align: center; max-width: 920px; margin: 0px auto; }
.our-list li .iconfont { font-size: 48px; color: var(--color); transition: all 0.2s linear; display: inline-block; }
.our-list li:hover .iconfont { transform: rotateY(180deg); }
.news { padding: 3% 0px; background-color: #FAFAFA; }
.news-list { margin-top: 2%; }
.news-list li { width: 24%; background-color: #FFFFFF; transition: box-shadow .2s; }
.news-item-img { overflow: hidden; }
.news-item-img::after { padding-bottom: 50%; }
.news-item-img img { width: 100%; transition: all .3s; }
.news-cont { padding: 20px 15px 15px 15px; position: relative; }
.news-item-date { position: absolute; right: 5px; top: -28px; width: 50px; height: 50px; background-color: var(--hovercolor); border-radius: 50%; color: #FFFFFF; font-size: var(--fontsize14); text-align: center; transition: background .2s; text-transform: uppercase; }
.news-item-date strong { display: block; font-size: var(--fontsize15); font-weight: var(--fontbold5); line-height: 1; padding-top: 10px; }
.news-name { text-transform: capitalize; font-size: var(--fontsize18); color: var(--fontcolor); display: block; }
.news-bref { color: var(--introcolor); font-size: var(--fontsize14); max-height: 48px; margin-top: 4px; }
.news-list li:hover .news-name { color: var(--color); }
.news-list li:hover .news-item-date { background-color: var(--color); }
body > footer {  clear: both; margin: 0px auto 0px auto; padding: 0px; color: var(--footercolor); background-color: var(--hovercolor); }
.index footer { margin: 0px auto; }
body > footer a { color: var(--footercolor); }
.foot-t { padding: 2% 0px; overflow: hidden; }
.footitem { max-width: 22%; }
.foottit { font-size: var(--fontsize22); margin-bottom: 20px; text-transform: capitalize; }
.fshare { margin: 24px 0px 0px; }
.fshare ul { display: flex; flex-wrap: wrap; }
.fshare ul li { margin: 0px 10px 10px 0px; }
.fshare a { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: #FFFFFF; border-radius: 4px; transition: transform .2s ease-in-out; }
.fshare i { font-size: var(--fontsize20); }
.fcontact a:hover,.fnav li a:hover,.fpronav li a:hover { color: var(--color); }
.fcontact p { margin-bottom: 8px; }
.fnav { display: flex; flex-wrap: wrap; flex-direction: column; max-height: 220px; max-width: 100%; width: 300px; }
.fnav li { margin-bottom: 8px; margin-right: 40px; text-transform: capitalize; max-width: 50%; }
.fpronav li { margin-bottom: 6px; text-transform: capitalize; }
.fnav li a,.fpronav li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.foot-bcont { border-top: 1px solid #FFFFFF1A; padding: 10px 0px; }
.copy { font-size: var(--fontsize14); text-align: center; }
.copy a { font-size: var(--fontsize14); margin-left: 10px; }
.rfixed { position: fixed; bottom: calc(150px + constant(safe-area-inset-bottom)); bottom: calc(150px + env(safe-area-inset-bottom)); right: 35px; z-index: 99; }

@media (max-width:800px) {
	.rfixed { right: 24px; }
}
.rfixed-sc { width: 40px; height: 40px; background: var(--color); border-radius: 50%; text-align: center; line-height: 38px; color: #FFFFFF; position: relative; margin-bottom: 10px; cursor: pointer; display: none; }
.rfixed-sc i { font-size: var(--fontsize20); }
.rfixed-scnum { position: absolute; right: -2px; top: -2px; width: 16px; height: 16px; background: var(--color); border-radius: 50%; text-align: center; font-size: var(--fontsize12); color: #FFFFFF; transform: scale(.9); line-height: 16px; }
.mobile-bottom-bag .rfixed-scnum { right: 26%; top: .05rem; }
.gotop { width: 40px; height: 40px; background-color: #FFFFFF; text-align: center; line-height: 38px; cursor: pointer; display: none; font-weight: var(--fontbold7); border-radius: 50%; color: var(--fontcolor); box-shadow: 0 0 4px #EEEEEE; }
.mob-menu { display: none; cursor: pointer; margin-left: 30px; position: relative; }
.mob-menu span { position: absolute; left: 0px; display: block; height: 3px; background: #222222; border-radius: 2px; transition: all .2s; }
.mob-menu span:nth-child(1) { width: 100%; top: 0px; }
.mob-menu span:nth-child(2) { width: 90%; top: 43%; }
.mob-menu span:nth-child(3) { width: 80%; top: auto; bottom: 0px; }
.mobile-bottom-bag { display: none; position: relative; }
.mobile-bottom { display: none; background: #FCFCFCFB; align-items: center; position: fixed; left: 0px; bottom: -1.2rem; width: 100%; z-index: 500; box-shadow: 1px 2px 10px rgba(0,0,0,.1); transition: opacity .2s,bottom .2s; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
.mobile-bottom-item { text-align: center; width: 25%; font-size: var(--fontsize12); text-transform: capitalize; height: 1rem; }
.mobile-bottom-item a { color: var(--fontcolor); }
.mobile-bottom-item i { display: block; line-height: 1; margin-top: 6px; font-size: var(--fontsize20); }
.page-box { padding: 2% 0px; }
.crumbs { padding: 10px 0px; width: 100%; color: var(--introcolor); text-transform: capitalize; border-bottom: solid 1px #F5F5F5; }
.crumbs a,.crumbs h1 a:nth-child(1) { font-size: var(--fontsize14); color: var(--fontcolor); font-weight: normal; }
.crumbs a:hover,.crumbs a:active { color: var(--color); }
.crumbs h1,.crumbs h1 a,.crumbs span,.crumbs span a { font-size: var(--fontsize18); color: var(--color); font-weight: var(--fontbold5); line-height: 1; display: inline-block; }
.page-l { float: left; width: 340px; }
.page-r { width: calc(100% - 410px); float: right; }
.inquiry-form { display: flex; flex-wrap: wrap; justify-content: space-between; }
.siggle-cont { font-size: var(--fontsize16); }
.contactus>div>p .iconfont { font-size: var(--fontsize18); }
.categories { margin-bottom: 20px; }
.aside-tit { font-size: var(--fontsize22); color: var(--fontcolor); border-bottom: 1px solid #DDDDDD; position: relative; padding-bottom: 10px; margin-bottom: 15px; }
.aside-tit::before { content: ''; display: block; width: 40px; height: 3px; background: var(--color); position: absolute; bottom: -2px; left: 0px; }
.sf-menu a { display: block; padding: 10px 20px 10px 0px; color: var(--fontcolor); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }
.sf-menu>li { position: relative; }
.sf-menu .LiLevel1>a { font-size: var(--fontsize16); color: var(--fontcolor); }
.sf-menu .LiLevel1:last-child { border: none; }
.sf-menu>li i { position: absolute; right: 6px; top: 10px; z-index: 1; cursor: pointer; transition: transform .2s ease-in-out; color: var(--fontcolor); font-weight: var(--fontbold7); }
.sf-menu>li i.active { transform: rotate(90deg); }
.sf-menu ul { display: none; }
.sf-menu ul a { font-size: var(--fontsize16); padding: 5px 15px; }
.sf-menu a:hover { color: var(--color); }
.sub-menu>li i { top: 4px; }
.sub-menu ul a { padding: 4px 30px; font-size: var(--fontsize14); }
.sf-menu li:hover>i { transform: rotate(90deg); }
.sf-menu li:hover>ul { display: block; }
.relatedpro { margin-bottom: 40px; }
.relatedpro-list li { width: 100%; margin-top: 20px; }
.relatedpro-img { overflow: hidden; border: 1px solid #EEEEEE; width: 120px; height: 120px; display: block; }
.relatedpro-img img { width: 100%; display: block; transition: all .3s; }
.relatedpro-box { flex: 1; padding-left: 18px; }
.relatedpro-name { font-size: var(--fontsize16); color: var(--fontcolor); max-height: 48px; }
.relatedpro-more { font-size: var(--fontsize14); color: var(--introcolor); display: block; margin-top: 16px; text-transform: lowercase; }
.relatedpro-list>li:hover .relatedpro-name { color: var(--color); }
.relatedpro-list>li:hover img { transform: scale(1.05); }
.products-ninelist-1 { display: flex; flex-wrap: wrap; }
.products-ninelist-1 li { width: calc(33.33% - 27px); margin: 0px 40px 40px 0px; border: 1px solid #EEEEEE; }
.products-ninelist-1 li:nth-child(3n) { margin-right: 0px; }
.products-list-img { overflow: hidden; border-bottom: 1px solid #EEEEEE5A; position: relative; }
.products-list-img .icon-hottitle { position: absolute; left: 5px; top: 0px; z-index: 1; font-size: 35px; color: var(--color); }
.maybe-img img,.products-list-img img,.repro-item-img img { transition: all .3s; }
.products-item-name { text-transform: capitalize; font-size: var(--fontsize18); color: var(--fontcolor); max-height: 47px; line-height: 1.3; margin-bottom: 8px; }
.proline::before { content: ''; display: block; width: 30px; height: 2px; background: var(--color); }
.products-add-inquirl { width: 35px; height: 35px; cursor: pointer; display: flex; align-items: center; justify-content: center; position: absolute; right: -1px; bottom: -1px; color: var(--introcolor); background-color: #FFFFFF; }
.products-add-inquirl i { font-size: var(--fontsize20); }
.pro-price { color: var(--color); font-size: var(--fontsize14); margin-top: 10px; }
.products-ninelist-1 li:hover .products-item-name { color: var(--color); }
.products-ninelist-1 li .products-list-box { padding: 14px; }
.pages { color: var(--fontcolor); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 20px 0px; font-size: var(--fontsize14); }
.pages a,.pages span { text-transform: capitalize; display: inline-block; min-width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #EDEDED; padding: 0px 10px; transition: background .2s; margin: 5px; }
.pages a { color: var(--fontcolor); }
.pages span { color: var(--fontcolor); }
.pages .ctxt,.pages a:hover { background: var(--color); color: #FFFFFF; }
.pdshow-l { width: 400px; }
.preview-container { position: relative; width: 100%; height: 100%; }
.small-box { width: 100%; height: 400px; border: 1px solid #EEEEEE; position: relative; background: #FFFFFF; overflow: hidden; }
.preview-container .small-box img { max-width: 100%; max-height: 100%; display: block; }
.preview-container .small-box .hover { position: absolute; width: 200px; height: 200px; background-color: hsla(0,0%,80%,.6); display: none; cursor: move; }
.preview-container .thumbnail-box { margin-top: 20px; position: relative; width: 100%; }
.preview-container .thumbnail-box .btn { position: absolute; top: 50%; width: 28px; height: 28px; margin-top: -14px; color: var(--introcolor); line-height: 1; }
.preview-container .thumbnail-box .btn i { font-size: var(--fontsize26); font-weight: var(--fontbold7); }
.preview-container .thumbnail-box .btn-prev { left: 5px; }
.preview-container .thumbnail-box .btn-next { right: 5px; }
.preview-container .thumbnail-box .list { overflow: hidden; width: calc(100% - 72px); margin: 0px auto; position: relative; }
.preview-container .thumbnail-box .list ul .item { width: 76px; height: 76px; display: flex; justify-content: center; align-items: center; margin: 0px 3px; border: 1px solid #EEEEEE; font-size: 0px; cursor: pointer; overflow: hidden; position: relative; }
.preview-container .thumbnail-box .list ul .item img { width: 100%; max-height: 100%; }
.preview-container .thumbnail-box .list ul .item-cur { border-color: var(--color); }
.preview-container .thumbnail-box .list .banner-page { display: none; justify-content: center; align-items: center; position: absolute; width: 50px; border-radius: 20px; background: #999999; bottom: 32px; height: 34px; right: 0px; z-index: 999; }
.preview-container .thumbnail-box .list .banner-page span { color: #FFFFFF; font-size: var(--fontsize14); margin: 0px 2px; }
.preview-container .big-box { display: none; overflow: hidden; top: 0px; left: calc(100% - 1px); border: 1px solid #EEEEEE; position: absolute; width: 100%; height: 400px; background: #FFFFFF; z-index: 20; }
.preview-container .big-box img { display: block; max-width: none; max-height: none; width: 150%; }
.pdshow-r { width: calc(100% - 400px); padding: 20px 0px 0px 40px; }
.pdshow-r h1 { font-size: var(--fontsize26); line-height: 1.3; font-weight: var(--fontbold5); color: var(--fontcolor); }
.pdshow-r-text { margin: 10px 0px 30px; color: var(--introcolor); font-size: var(--fontsize16); }
.pdshow-r-btn { margin: 30px 0px 0px; display: flex; }
.pdshow-r-btn  button { display: block; margin: 0px 20px 20px 0px; width: 240px; text-align: center; font-size: var(--fontsize16); color: var(--color); padding: 10px 0px; border: 1px solid var(--color); position: relative; cursor: pointer; text-transform: capitalize; }
.pdshow-r-btn  button::before { content: ''; display: block; position: absolute; top: -1px; left: 0px; width: 0px; height: calc(100% + 2px); background-color: var(--color); transition: width .3s; z-index: -1; }
.pdshow-r-btn i { margin-left: 8px; font-size: var(--fontsize18); line-height: 1; }
.prodetails-box { margin-top: 4%; }
.details-tit { font-size: var(--fontsize22); color: var(--fontcolor); text-transform: capitalize; margin-bottom: 20px; }
.details-tit span { display: inline-block; border-bottom: 1px solid #DDDDDD; position: relative; padding: 0px 10px 10px 0px; }
.details-tit span::before { display: block; content: ''; position: absolute; bottom: -2px; left: 0px; width: 40px; height: 3px; background-color: var(--color); }
.newsdetails-cont video,.page-r video,.siggle-cont video { max-width: 100%; max-height: 100%; }
.newsdetails-cont img,.siggle-cont img { height: auto; }
.newsdetails-cont>a { color: var(--color); text-decoration: underline; }
.newsdetails-cont strong { font-weight: var(--fontbold6); }
.newsdetails-cont p { margin-bottom: 0px; word-wrap: break-word; }
.pages-list { margin-top: 40px; display: flex; flex-wrap: wrap; border: 1px solid #EEEEEE; }
.pages-list>div { width: 50%; color: var(--fontcolor); display: flex; font-size: var(--fontsize16); padding: 15px; line-height: 1.3; }
.pages-list>div span:nth-child(2) { word-break: break-all; padding-left: 4px; }
.pages-list>div:hover a { color: var(--color); }
.maybe { margin-top: 40px; }
.maybe-list li { width: 32%; margin-bottom: 20px; }
.maybe-img { border: 1px solid #EEEEEE; overflow: hidden; }
.maybe-name { text-align: center; font-size: var(--fontsize16); color: var(--fontcolor); margin-top: 6px; line-height: 1.3; }
.maybe-list li:hover .maybe-name { color: var(--color); }
.newspage-ninelist-1 { display: flex; flex-wrap: wrap; }
.newspage-ninelist-1 li { border-radius: 5px; overflow: hidden; box-shadow: 0 8px 10px 0 rgba(38, 38, 38, .11);width: calc(25% - 15px); margin: 0px 20px 40px 0px; transition: box-shadow .2s; }
.newspage-ninelist-1 li:nth-child(4n) { margin-right: 0px; }
.newspage-ninelist-1 li:hover .news-item-date { background-color: var(--color); }
.newspage-ninelist-1 li:hover .newspage-tit { color: var(--color); }
.article-name { font-size: var(--fontsize26); font-weight: var(--fontbold5); color: var(--fontcolor); text-align: center; margin-bottom: 10px; }
.article-date { display: flex; justify-content: center; font-size: var(--fontsize14); color: var(--introcolor); }
.article-view i { font-size: var(--fontsize14); margin-right: 6px; }
.article-view { margin-left: 20px; }
.newsdetails-cont { color: var(--fontcolor); margin: 20px 0px 40px; }
.solutions-list>li .iconfont { font-size: 40px; color: var(--color); }
.sup-list2>li .iconfont { font-size: 40px; color: var(--color); line-height: 1; }
.application { color: var(--introcolor); line-height: 1.8; }
.newspage-box {
    padding: 20px 15px 15px 15px;
    position: relative;
}
@media (max-width:1024px) {
	.application { line-height: 1.8; }
}
@media (min-width:800px) {
	.pdshow-r-btn  button:hover { color: #FFFFFF; }
	.pdshow-r-btn  button:hover::before { width: calc(100% + 2px); }
	.maybe-list li:hover .maybe-img img,.news-list li:hover .news-item-img img,.products-ninelist-1 li:hover .products-list-img img,.repro-boxlist li:hover .repro-item-img img { transform: scale(1.05); }
	.news-list li:hover,.newspage-ninelist-1 li:hover,.repro-boxlist li:hover { box-shadow: 0px 5px 10px 0px rgba(1,1,1,.1); }
	.fshare a:hover { transform: translateY(-4px); }
}

@media (max-width:1500px) {
	.pdshow-r-btn  button { width: 180px; }
}

@media (max-width:1367px) {
	.nav>li { margin: 0px 8px; }
	.preview-container .thumbnail-box .btn-prev { left: 0px; }
	.preview-container .thumbnail-box .btn-next { right: 0px; }
}

@media (max-width:1281px) {
	.nav>li>a { font-size: var(--fontsize14); }
	.logo { max-width: 160px; }
	.news-name { font-size: var(--fontsize18); }
	.page-l { width: 280px; }
	.page-r { width: calc(100% - 300px); }
	.relatedpro-img { width: 100px; height: 100px; }
}

@media (max-width:1024px) {
	.page-l { display: none; }
	.page-r { width: 100%; }
}

@media (max-width:800px) {

	body { padding-top: 60px; }
	.container { padding-left: .3rem; padding-right: .3rem; }
	.logo { max-width: 45%; }
	.logo img { max-width: 45px; max-height: 45px; }
	.mob-menu { display: block; width: 36px; height: 25px; }
	.mobheadnav { position: fixed; width: 100%; top: 105px; left: 0px; bottom: 0px; background: #FFFFFF; display: none; overflow-y: auto; padding: 10px 20px; z-index: 999; }
	.head-box { align-items: center;padding:10px 0 }
	.nav .submenu::before,.searchicon { display: none; }
	.headsearch {background: #fff; position:fixed;height: auto;  top: 60px; left: 0px; width: 100%; padding: 10px 20px; }
	.search-box { display: block; position: static; width: 100%; height: .5rem; border-radius: 4px; overflow: hidden; }
	.search-box #txtSearch { width: calc(100% - 50px); font-size: var(--fontsize14); }
	.search-box .searchbtn { width: 50px; }
	nav { height: auto; }
	.nav,.nav>li { display: block; margin: 0px; width: 100%; }
	.submenu i { display: none; }
	.nav>li>a { font-size: var(--fontsize20); line-height: 3; border-bottom: 1px solid rgba(0,0,0,.08); }
	.nav .submenu { border-bottom: 1px solid rgba(0,0,0,.08); max-width: 100%; }
	.nav .submenu ul { padding-left: 30px; }
	.nav>li>a i { position: absolute; right: 0px; font-size: var(--fontsize22); z-index: 10; margin: 0px; line-height: 1; top: .12rem; padding: 5px; }
	.nav .submenu a { color: var(--introcolor); }
	.nav .submenu ul a { padding: 0px; }
	.nav .submenu a:hover { background: 0 0; color: var(--color); }
	.nav .submenu,.nav>li:hover .submenu { transform: rotateX(0); position: static; display: none; transition: none; width: 100%; background: 0 0; }
	.nav>li ul a { font-size: var(--fontsize18); line-height: 2; }
	.repro-swiper { width: 100%; }
	.repro-swiper .swiper-pagination { position: static; margin-top: 10px; }
	.repro-name { font-size: var(--fontsize16); }
	.news { padding: 1rem 0rem; }
	.news-list { margin-top: 0px; }
	.news-list li { width: 100%; margin-top: .4rem; }
	.news-bref { font-size: .27rem; max-height: .78rem; }
	.news-cont { padding: .3rem .2rem; }
	.footitem { max-width: 100%; width: 100%; font-size: var(--fontsize16); }
	.foot-t { padding: .6rem 0rem; }
	.footitem1 { margin-bottom: .5rem; }
	.foottit { font-size: .28rem; margin-bottom: .3rem; }
	.fcontact p { margin-bottom: .1rem; }
	.fshare { margin-top: .4rem; }
	.fnav { flex-direction: row; height: auto; width: auto; }
	.fnav li { margin-right: .4rem; margin-bottom: .1rem; max-width: 100%; }
	.page-box { padding: .2rem 0; }
	.article-name { text-align: left; }
	.article-date { justify-content: flex-start; font-size: .2rem; }
	.newspage-ninelist-1 li { width: 100%; margin: 0px 0px .4rem 0px; }
	.footitem4,.repro-box-next,.repro-box-prev { display: none; }
	.footitem3 { margin-top: 20px; }
	.fpronav { display: flex; flex-wrap: wrap; }
	.fpronav li { margin-right: 20px; }
	.pages-list { border: none; margin-top: .5rem; }
	.pages-list>div { width: 100%; }
	.pages-list>div { margin-bottom: .2rem; font-size: var(--fontsize16); border: 1px solid #EEEEEE; }
	.pages-list>div a { color: var(--color); }
	.products-ninelist-1 li { width: calc(50% - .15rem); margin: 0px .3rem .4rem 0; }
	.products-ninelist-1 li:nth-child(3n) { margin-right: .3rem; }
	.products-ninelist-1 li:nth-child(2n) { margin-right: 0px; }
	.products-item-name { font-size: var(--fontsize16); max-height: .76rem; }
	.preview-container .thumbnail-box .list ul .item img { width: auto; }
	.pdshow-l { width: 100%; height: calc(100vw - .6rem); }
	.preview-container { height: 100%; }
	.preview-container .thumbnail-box { margin-top: 0px; height: 100%; }
	.preview-container .thumbnail-box .list { width: 100%; height: 100%; padding-bottom: 30px; }
	.preview-container .thumbnail-box .list .banner-page { display: flex; }
	.preview-container .thumbnail-box .list ul .item-cur { border: none; }
	.preview-container .thumbnail-box .list ul .item { width: 100%; height: auto; border: none; margin: 0px; }
	.pdshow-r { padding: .4rem 0 0 0; width: 100%; border-top: 1px solid #EEEEEE; }
	#gallery .swiper-pagination { bottom: 5px; }
	.prodetails-page .page-box { padding-top: 0px; }
	.pdshow-r-text { font-size: .27rem; margin: 10px 0px 20px; }
	.pdshow-r-btn  button { width: 100%; border-radius: 0; margin: 0px 0px .2rem 0px; font-size: .28rem; }
	.maybe { margin-top: .6rem; }
	.maybe-list li { width: 48%; }
	.preview-container .thumbnail-box .btn,.prodetails-page .crumbs,.small-box { display: none; }
	.home-tit { font-size: var(--fontsize22); }
	.article-name,.details-tit { font-size: var(--fontsize20); }
	.maybe-name,.news-name,.pdshow-r h1 { font-size: var(--fontsize16); }
	.newsdetails-cont,.pdshow-r-btn i,.siggle-cont { font-size: var(--fontsize16); }
	.contactus>div>p .iconfont,.home-text { font-size: var(--fontsize16); }
	.crumbs,.crumbs a { font-size: var(--fontsize14); }
	.pro-price { font-size: .22rem; }
	.foot-bcont { font-size: .28rem; }
	.repro-boxlist li { width: 50%; }
}

@media (max-width:768px) {
	.newsdetails-cont video,.page-r video,.siggle-cont video { max-width: 100%; min-height: 240px; height: auto; }
}

@media (max-width:481px) {
	.products-list-img .icon-hottitle { left: 2px; top: 5px; line-height: 1; font-size: var(--fontsize30); }
	.products-add-inquirl { width: 35px; height: 35px; border: none; background: none; }
	#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev { width: 40px; height: 40px; line-height: 40px; margin-top: -20px; padding: 0px 4px; }
	#swiper-banner .swiper-button-next { right: -20px; }
	#swiper-banner .swiper-button-prev { left: -20px; }
	#swiper-banner .swiper-button-next::before,#swiper-banner .swiper-button-prev::before { width: 50px; height: 50px; top: -5px; left: -5px; }
	#swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i,.products-add-inquirl i { font-size: var(--fontsize20); }
	.nav>li>a { font-size: var(--fontsize16); }
	.search-box { height: 40px; }
	.home-tit { margin-bottom: 10px; }
	.nav>li ul a { font-size: var(--fontsize16); }
	.our-list li .iconfont { font-size: 36px; }
}

@media (max-width:415px) {
	.mob-menu { width: 30px; height: 20px; margin-left: 10px; }
	.repro-swiper { padding-top: 0px; }
	.repro-boxlist li { padding: 6px; }
	.products-ninelist-1 li .products-list-box { padding: 8px; }
	.pro-price,.article-date { font-size: var(--fontsize14); }
	.article-name,.pdshow-r h1 { font-size: var(--fontsize22); }
	.contactus>div>p .iconfont,.foottit { font-size: .39rem; }
	.news-item-date { font-size: var(--fontsize12); top: -25px; width: 45px; height: 45px; }
	.news-item-date strong { font-size: var(--fontsize16); padding-top: 7px; }
	.news { padding: .5rem 0rem; }
	.fshare a { width: 30px; height: 30px; }
	.pdshow-r-btn  button { font-size: var(--fontsize16); padding: 8px 0px; }
	.inquiry-form textarea { height: 160px; }
	.mob-menu span { height: 2px; }
	.mob-menu span:nth-child(2) { top: 43%; }
}

@media (max-width:321px) {
	.nav>li>a { font-size: var(--fontsize16); }
	.nav>li ul a { font-size: var(--fontsize14); }
	.nav>li>a i { top: 10px; font-size: var(--fontsize18); }
}

@media (min-width:1368px) and (max-width:1460px) {
	.nav>li { margin: 0px 9px; }
}

@media (min-width:1281px) and (max-width:1330px) {
	.nav>li { margin: 0px 5px; }
}

@media (max-width:1024px) {
	.mobcate-main .page-l { display: block; width: 100%; margin-bottom: 15px; }
	.mobcate-main .relatedpro { display: none; }
	.mobcate-main .categories { position: relative; margin-bottom: 0px; }
	.mobcate-main .categories .sf-menu { position: absolute; top: 100%; left: 0px; right: 0px; padding: 0px 10px; z-index: 20; display: none; background-color: #FFFFFF; box-shadow: rgb(0 0 0 / 20%) 0 2px 16px; }
	.mobcate-main .categories .aside-tit { margin: 0px; padding: 5px 0px; cursor: pointer; font-size: var(--fontsize20); background: url(https://img01.v15cdn.com/cate-btn.webp) right center/24px no-repeat; }
	.mobcate-main .categories .aside-tit::before { display: none; }
	.mobcate-main .sf-menu li:hover>i { transform: none; }
	.mobcate-main .sf-menu li i.active { transform: rotate(90deg); }
	.mobcate-main .sf-menu li:hover>ul { display: none; }
}
.lang { display: inline-block; position: relative; margin-top: 3px; }
.lang-icon { display: flex; align-items: center; width: 100%; height: 30px; cursor: pointer; box-sizing: border-box; font-size: var(--fontsize14); position: relative; user-select: none; }
.lang-icon span { position: relative; padding-right: 18px; margin-left: 8px; display: none; }
.lang-icon::before { content: ''; display: block; position: absolute; right: 0px; top: 50%; width: 6px; height: 6px; border: 0 solid #333333; border-bottom-width: 1px; border-left-width: 1px; transform: rotate(-45deg); margin-top: -4px; }
.lang-drop { position: absolute; top: calc(100% + 26px); right: 50%; transform: translateX(50%); background: #FFFFFF; border: 1px solid #EBEEF5; border-radius: 4px; box-shadow: 0px 2px 12px 0 rgb(0 0 0 / 10%); z-index: 9999; visibility: hidden; opacity: 0; transition: opacity .3s,top .3s; }
.lang-drop.active { visibility: visible; opacity: 1;  }
.lang-arrow { display: block; width: 10px; height: 10px; background-color: #FFFFFF; border-top: 1px solid #EBEEF5; border-left: 1px solid #EBEEF5; transform: translateX(-50%) rotate(45deg); position: absolute; top: -6px; left: 50%; }
.lang-wrap { width: 140px; padding: 8px 0px; box-sizing: border-box; }
.lang-flex .lang-wrap { display: flex; flex-wrap: wrap; padding: 8px; }
.lang-wrap li { width: 100%; padding: 8px 16px; box-sizing: border-box; transition: background-color .3s; }
.lang-flex .lang-wrap li { width: 33%; padding: 8px 6px; }
.lang-wrap li.lang-active,.lang-wrap li:hover { background-color: #EEEEEE; }
.lang-wrap li a { display: block; color: var(--fontcolor); font-size: var(--fontsize12); text-decoration: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.lang-wrap li img { display: inline-block; width: 24px; height: 16px; vertical-align: -.25em; margin-right: 4px; }
.lang-icon { padding: 0px; }
.lang-icon span,.lang-icon::before { display: none; }

@media (max-width:768px) {
	video { max-width: 100%; min-height: 240px; height: auto; }
	.lang { margin-left: auto; margin-top: 0px; }
	.lang-icon img { width: 36px; height: 24px; margin-top: 4px; }
	.lang-drop.lang-flex { right: auto; left: 50%; transform: translateX(-50%); top: 60px; position: fixed; width: calc(100vw - 20px); }
	.lang-drop.lang-flex.active { top: 54px; }
	.lang-flex .lang-wrap { width: 100%; }
	.lang-drop.lang-flex .lang-arrow { left: 80%; }
	.lang-icon { margin-right: 10px; }
}
.prolist-content { clear: both; margin: 0px auto 15px; line-height: 1.6; }
.news-download { color: var(--color); }
.newsdetails-cont ul { margin: 0px; padding: 5px 0px 0px 20px; }
.newsdetails-cont ul li { margin: 0px 0px 5px 0px; list-style-type: disc; }
.newsendinquiry { cursor: pointer; }
.inquiry-pc { padding: 15px; }

@media (max-width:768px) {
	.gotop { display: none; }
	.mobile-bottom-item .gotop { display: flex; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 35px; height: 35px; background: var(--color,#EEE); align-items: center; justify-content: center; }
	.mobile-bottom-item .gotop i { font-size: var(--fontsize16); color: #FFFFFF; margin: 0px; }
}
.imgalt { position: absolute; left: 50%; transform: translateX(-50%); z-index: 99; bottom: 2px; background: rgba(0,0,0,.2); color: #FFFFFF; width: 98%; padding: 0px 6px; line-height: 34px; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; border-radius: 30px; font-size: var(--fontsize14); display: none; text-transform: capitalize; }

@media (max-width:500px) {
	.imgalt { padding-right: 46px; display: -webkit-box; }
}
.mediaplay { position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); z-index: 99; width: 50px; height: 50px; cursor: pointer; display: none; }

@media (max-width:768px) {
	.mediaplay { top: 50%; }
}
#media { width: 100%; height: 100%; background: #EEEEEE; object-fit: contain; z-index: 100; position: relative; }

@media (min-width:1280px) {
	.newsdetails-page .maybe-list li { width: 15%; }
}

@media (max-width: 800px) {
}
h1, h2, h3, p { margin: 0; }
*,:after,:before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x:  ; --tw-pan-y:  ; --tw-pinch-zoom:  ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position:  ; --tw-gradient-via-position:  ; --tw-gradient-to-position:  ; --tw-ordinal:  ; --tw-slashed-zero:  ; --tw-numeric-figure:  ; --tw-numeric-spacing:  ; --tw-numeric-fraction:  ; --tw-ring-inset:  ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur:  ; --tw-brightness:  ; --tw-contrast:  ; --tw-grayscale:  ; --tw-hue-rotate:  ; --tw-invert:  ; --tw-saturate:  ; --tw-sepia:  ; --tw-drop-shadow:  ; --tw-backdrop-blur:  ; --tw-backdrop-brightness:  ; --tw-backdrop-contrast:  ; --tw-backdrop-grayscale:  ; --tw-backdrop-hue-rotate:  ; --tw-backdrop-invert:  ; --tw-backdrop-opacity:  ; --tw-backdrop-saturate:  ; --tw-backdrop-sepia:  ; --tw-contain-size:  ; --tw-contain-layout:  ; --tw-contain-paint:  ; --tw-contain-style:  ; }
::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x:  ; --tw-pan-y:  ; --tw-pinch-zoom:  ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position:  ; --tw-gradient-via-position:  ; --tw-gradient-to-position:  ; --tw-ordinal:  ; --tw-slashed-zero:  ; --tw-numeric-figure:  ; --tw-numeric-spacing:  ; --tw-numeric-fraction:  ; --tw-ring-inset:  ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur:  ; --tw-brightness:  ; --tw-contrast:  ; --tw-grayscale:  ; --tw-hue-rotate:  ; --tw-invert:  ; --tw-saturate:  ; --tw-sepia:  ; --tw-drop-shadow:  ; --tw-backdrop-blur:  ; --tw-backdrop-brightness:  ; --tw-backdrop-contrast:  ; --tw-backdrop-grayscale:  ; --tw-backdrop-hue-rotate:  ; --tw-backdrop-invert:  ; --tw-backdrop-opacity:  ; --tw-backdrop-saturate:  ; --tw-backdrop-sepia:  ; --tw-contain-size:  ; --tw-contain-layout:  ; --tw-contain-paint:  ; --tw-contain-style:  ; }
*,:after,:before { box-sizing: border-box; border: 0 solid #e5e7eb; }
:after,:before { --tw-content: ""; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
body { margin: 0; line-height: inherit; }
h1,h2,h3 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
strong { font-weight: bolder; }
table { text-indent: 0; border-color: inherit; border-collapse: collapse; }
button,input,textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; }
button { text-transform: none; }
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) { -webkit-appearance: button; background-color: transparent; background-image: none; }
::-webkit-inner-spin-button,::-webkit-outer-spin-button { height: auto; }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
summary { display: list-item; }
h1,h2,h3,p { margin: 0; }
menu,ul { list-style: none; margin: 0; padding: 0; }
textarea { resize: vertical; }
input::-moz-placeholder,textarea::-moz-placeholder { opacity: 1; color: #9ca3af; }
input::placeholder,textarea::placeholder { opacity: 1; color: #9ca3af; }
[role=button],button { cursor: pointer; }
img,video { display: block; vertical-align: middle; }
img,video { max-width: 100%; height: auto; }
.container { width: 100%; }

@media (min-width:640px) {
	.container { max-width: 640px; }
}

@media (min-width:768px) {
	.container { max-width: 768px; }
}

@media (min-width:1024px) {
	.container { max-width: 1024px; }
}

@media (min-width:1280px) {
	.container { max-width: 1280px; }
}

@media (min-width:1536px) {
	.container { max-width: 1536px; }
}
.lang-drop li span,.lang-icon span{background:url(./language-all.webp) no-repeat center;width:24px;height:16px;display:inline-flex;
	margin-right:6px;vertical-align:sub;
/* 👇 只加这一行！安全、无BUG、消警告 */
  content-visibility: auto;
}
.lang-flex .lang-wrap{width:360px;max-height:400px;overflow-y:auto;position:relative;}
.lang-drop li span.lang-en, .lang-icon span.lang-en{background-position:0px 0px;}
.lang-drop li span.lang-fr, .lang-icon span.lang-fr{background-position:0px -17px;}
.lang-drop li span.lang-de, .lang-icon span.lang-de{background-position:0px -34px;}
.lang-drop li span.lang-es, .lang-icon span.lang-es{background-position:0px -51px;}
.lang-drop li span.lang-pt, .lang-icon span.lang-pt{background-position:0px -68px;}
.lang-drop li span.lang-it, .lang-icon span.lang-it{background-position:0px -85px;}
.lang-drop li span.lang-ar, .lang-icon span.lang-ar{background-position:0px -102px;}
.lang-drop li span.lang-ko, .lang-icon span.lang-ko{background-position:0px -119px;}
.lang-drop li span.lang-zh, .lang-icon span.lang-zh{background-position:0px -186px;}
.lang-drop li span.lang-ja, .lang-icon span.lang-ja{background-position:0px -136px;}
.lang-drop li span.lang-ru, .lang-icon span.lang-ru{background-position:0px -153px;}
.lang-drop li span.lang-nl, .lang-icon span.lang-nl{background-position:0px -170px;}
.lang-drop li span.lang-cn, .lang-icon span.lang-cn{background-position:0px -187px;}
.lang-drop li span.lang-tw, .lang-icon span.lang-tw{background-position:0px -204px;}
.lang-drop li span.lang-ua, .lang-icon span.lang-ua{background-position:0px -221px;}
.lang-drop li span.lang-fj, .lang-icon span.lang-fj{background-position:0px -238px;}
.lang-drop li span.lang-my, .lang-icon span.lang-my{background-position:0px -255px;}
.lang-drop li span.lang-af, .lang-icon span.lang-af{background-position:0px -272px;}
.lang-drop li span.lang-hr, .lang-icon span.lang-hr{background-position:0px -289px;}
.lang-drop li span.lang-bg, .lang-icon span.lang-bg{background-position:0px -306px;}
.lang-drop li span.lang-sk, .lang-icon span.lang-sk{background-position:0px -323px;}
.lang-drop li span.lang-id, .lang-icon span.lang-id{background-position:0px -340px;}
.lang-drop li span.lang-no, .lang-icon span.lang-no{background-position:0px -357px;}
.lang-drop li span.lang-ee, .lang-icon span.lang-ee{background-position:0px -374px;}
.lang-drop li span.lang-si, .lang-icon span.lang-si{background-position:0px -391px;}
.lang-drop li span.lang-ht, .lang-icon span.lang-ht{background-position:0px -408px;}
.lang-drop li span.lang-pk, .lang-icon span.lang-pk{background-position:0px -425px;}
.lang-drop li span.lang-fi, .lang-icon span.lang-fi{background-position:0px -442px;}
.lang-drop li span.lang-tr, .lang-icon span.lang-tr{background-position:0px -459px;}
.lang-drop li span.lang-dk, .lang-icon span.lang-dk{background-position:0px -476px;}
.lang-drop li span.lang-mt, .lang-icon span.lang-mt{background-position:0px -493px;}
.lang-drop li span.lang-se, .lang-icon span.lang-se{background-position:-25px 0px;}
.lang-drop li span.lang-il, .lang-icon span.lang-il{background-position:-25px -17px;}
.lang-drop li span.lang-cy, .lang-icon span.lang-cy{background-position:-25px -34px;}
.lang-drop li span.lang-th, .lang-icon span.lang-th{background-position:-25px -51px;}
.lang-drop li span.lang-ro, .lang-icon span.lang-ro{background-position:-25px -68px;}
.lang-drop li span.lang-lv, .lang-icon span.lang-lv{background-position:-25px -85px;}
.lang-drop li span.lang-gr, .lang-icon span.lang-gr{background-position:-25px -102px;}
.lang-drop li span.lang-hu, .lang-icon span.lang-hu{background-position:-25px -119px;}
.lang-drop li span.lang-vn, .lang-icon span.lang-vn{background-position:-25px -136px;}
.lang-drop li span.lang-lt, .lang-icon span.lang-lt{background-position:-25px -153px;}
.lang-drop li span.lang-cz, .lang-icon span.lang-cz{background-position:-25px -170px;}
.lang-drop li span.lang-ca, .lang-icon span.lang-ca{background-position:-25px -187px;}
.lang-drop li span.lang-pl, .lang-icon span.lang-pl{background-position:-25px -204px;}
.lang-drop li span.lang-tlh, .lang-icon span.lang-tlh{background-position:-25px -221px;}
.lang-drop li span.lang-yua, .lang-icon span.lang-yua{background-position:-25px -238px;}
.lang-drop li span.lang-mww, .lang-icon span.lang-mww{background-position:-25px -255px;}
.lang-drop li span.lang-otq, .lang-icon span.lang-otq{background-position:-25px -272px;}
.lang-drop li span.lang-srla, .lang-icon span.lang-srla{background-position:-25px -289px;}
.lang-drop li span.lang-srcyrl, .lang-icon span.lang-srcyrl{background-position:-25px -306px;}
.lang-drop li span.lang-sq, .lang-icon span.lang-sq{background-position:-25px -323px;}
.lang-drop li span.lang-am, .lang-icon span.lang-am{background-position:-25px -340px;}
.lang-drop li span.lang-az, .lang-icon span.lang-az{background-position:-25px -357px;}
.lang-drop li span.lang-eu, .lang-icon span.lang-eu{background-position:-25px -374px;}
.lang-drop li span.lang-be, .lang-icon span.lang-be{background-position:-25px -391px;}
.lang-drop li span.lang-fa, .lang-icon span.lang-fa{background-position:-25px -408px;}
.lang-drop li span.lang-fy, .lang-icon span.lang-fy{background-position:-25px -425px;}
.lang-drop li span.lang-km, .lang-icon span.lang-km{background-position:-25px -442px;}
.lang-drop li span.lang-ka, .lang-icon span.lang-ka{background-position:-25px -459px;}
.lang-drop li span.lang-gu, .lang-icon span.lang-gu{background-position:-25px -476px;}
.lang-drop li span.lang-ky, .lang-icon span.lang-ky{background-position:-25px -493px;}
.lang-drop li span.lang-gl, .lang-icon span.lang-gl{background-position:-50px 0px;}
.lang-drop li span.lang-kn, .lang-icon span.lang-kn{background-position:-50px -17px;}
.lang-drop li span.lang-co, .lang-icon span.lang-co{background-position:-50px -34px;}
.lang-drop li span.lang-ku, .lang-icon span.lang-ku{background-position:-50px -51px;}
.lang-drop li span.lang-la, .lang-icon span.lang-la{background-position:-50px -68px;}
.lang-drop li span.lang-lo, .lang-icon span.lang-lo{background-position:-50px -85px;}
.lang-drop li span.lang-lb, .lang-icon span.lang-lb{background-position:-50px -102px;}
.lang-drop li span.lang-mg, .lang-icon span.lang-mg{background-position:-50px -119px;}
.lang-drop li span.lang-mr, .lang-icon span.lang-mr{background-position:-50px -136px;}
.lang-drop li span.lang-ml, .lang-icon span.lang-ml{background-position:-50px -153px;}
.lang-drop li span.lang-mk, .lang-icon span.lang-mk{background-position:-50px -170px;}
.lang-drop li span.lang-mi, .lang-icon span.lang-mi{background-position:-50px -187px;}
.lang-drop li span.lang-mn, .lang-icon span.lang-mn{background-position:-50px -204px;}
.lang-drop li span.lang-ms, .lang-icon span.lang-ms{background-position:-50px -221px;}
.lang-drop li span.lang-xh, .lang-icon span.lang-xh{background-position:-50px -238px;}
.lang-drop li span.lang-zu, .lang-icon span.lang-zu{background-position:-50px -255px;}
.lang-drop li span.lang-ne, .lang-icon span.lang-ne{background-position:-50px -272px;}
.lang-drop li span.lang-pa, .lang-icon span.lang-pa{background-position:-50px -289px;}
.lang-drop li span.lang-ny, .lang-icon span.lang-ny{background-position:-50px -306px;}
.lang-drop li span.lang-sm, .lang-icon span.lang-sm{background-position:-50px -323px;}
.lang-drop li span.lang-st, .lang-icon span.lang-st{background-position:-50px -340px;}
.lang-drop li span.lang-sl, .lang-icon span.lang-sl{background-position:-50px -357px;}
.lang-drop li span.lang-eo, .lang-icon span.lang-eo{background-position:-50px -374px;}
.lang-drop li span.lang-sw, .lang-icon span.lang-sw{background-position:-50px -391px;}
.lang-drop li span.lang-gd, .lang-icon span.lang-gd{background-position:-50px -408px;}
.lang-drop li span.lang-ceb, .lang-icon span.lang-ceb{background-position:-50px -425px;}
.lang-drop li span.lang-so, .lang-icon span.lang-so{background-position:-50px -442px;}
.lang-drop li span.lang-tg, .lang-icon span.lang-tg{background-position:-50px -459px;}
.lang-drop li span.lang-te, .lang-icon span.lang-te{background-position:-50px -476px;}
.lang-drop li span.lang-ta, .lang-icon span.lang-ta{background-position:-50px -493px;}
.lang-drop li span.lang-haw, .lang-icon span.lang-haw{background-position:-75px 0px;}
.lang-drop li span.lang-sd, .lang-icon span.lang-sd{background-position:-75px -17px;}
.lang-drop li span.lang-sn, .lang-icon span.lang-sn{background-position:-75px -34px;}
.lang-drop li span.lang-hy, .lang-icon span.lang-hy{background-position:-75px -51px;}
.lang-drop li span.lang-ig, .lang-icon span.lang-ig{background-position:-75px -68px;}
.lang-drop li span.lang-yi, .lang-icon span.lang-yi{background-position:-75px -85px;}
.lang-drop li span.lang-su, .lang-icon span.lang-su{background-position:-75px -102px;}
.lang-drop li span.lang-jw, .lang-icon span.lang-jw{background-position:-75px -119px;}
.lang-drop li span.lang-yo, .lang-icon span.lang-yo{background-position:-75px -136px;}
.lang-drop li span.lang-ha, .lang-icon span.lang-ha{background-position:-75px -153px;}
.lang-drop li span.lang-ps, .lang-icon span.lang-ps{background-position:-75px -170px;}
.lang-drop li span.lang-kk, .lang-icon span.lang-kk{background-position:-75px -187px;}
.lang-drop li span.lang-tl, .lang-icon span.lang-tl{background-position:-75px -204px;}
.lang-drop li span.lang-tk, .lang-icon span.lang-tk{background-position:-75px -221px;}
.lang-drop li span.lang-ug, .lang-icon span.lang-ug{background-position:-75px -238px;}
.lang-drop li span.lang-rw, .lang-icon span.lang-rw{background-position:-75px -255px;}
.lang-drop li span.lang-tt, .lang-icon span.lang-tt{background-position:-75px -272px;}
.lang-drop li span.lang-or, .lang-icon span.lang-or{background-position:-75px -289px;}
.lang-drop li span.lang-as, .lang-icon span.lang-as{background-position:-75px -306px;}
.lang-drop li span.lang-awa, .lang-icon span.lang-awa{background-position:-75px -323px;}
.lang-drop li span.lang-lij, .lang-icon span.lang-lij{background-position:-75px -340px;}
.lang-drop li span.lang-ay, .lang-icon span.lang-ay{background-position:-75px -357px;}
.lang-drop li span.lang-oc, .lang-icon span.lang-oc{background-position:-75px -374px;}
.lang-drop li span.lang-tpi, .lang-icon span.lang-tpi{background-position:-75px -391px;}
.lang-drop li span.lang-ban, .lang-icon span.lang-ban{background-position:-75px -408px;}
.lang-drop li span.lang-mai, .lang-icon span.lang-mai{background-position:-75px -425px;}
.lang-drop li span.lang-bm, .lang-icon span.lang-bm{background-position:-75px -442px;}
.lang-drop li span.lang-pag, .lang-icon span.lang-pag{background-position:-75px -459px;}
.lang-drop li span.lang-nso, .lang-icon span.lang-nso{background-position:-75px -476px;}
.lang-drop li span.lang-bem, .lang-icon span.lang-bem{background-position:-75px -493px;}
.lang-drop li span.lang-dyu, .lang-icon span.lang-dyu{background-position:-100px 0px;}
.lang-drop li span.lang-fo, .lang-icon span.lang-fo{background-position:-100px -17px;}
.lang-drop li span.lang-mni, .lang-icon span.lang-mni{background-position:-100px -34px;}
.lang-drop li span.lang-fon, .lang-icon span.lang-fon{background-position:-100px -51px;}
.lang-drop li span.lang-gn, .lang-icon span.lang-gn{background-position:-100px -68px;}
.lang-drop li span.lang-kac, .lang-icon span.lang-kac{background-position:-100px -85px;}
.lang-drop li span.lang-lus, .lang-icon span.lang-lus{background-position:-100px -102px;}
.lang-drop li span.lang-crh, .lang-icon span.lang-crh{background-position:-100px -119px;}
.lang-drop li span.lang-li, .lang-icon span.lang-li{background-position:-100px -136px;}
.lang-drop li span.lang-ln, .lang-icon span.lang-ln{background-position:-100px -153px;}
.lang-drop li span.lang-rn, .lang-icon span.lang-rn{background-position:-100px -170px;}
.lang-drop li span.lang-luo, .lang-icon span.lang-luo{background-position:-100px -187px;}
.lang-drop li span.lang-lg, .lang-icon span.lang-lg{background-position:-100px -204px;}
.lang-drop li span.lang-lmo, .lang-icon span.lang-lmo{background-position:-100px -221px;}
.lang-drop li span.lang-pap, .lang-icon span.lang-pap{background-position:-100px -238px;}
.lang-drop li span.lang-ak, .lang-icon span.lang-ak{background-position:-100px -255px;}
.lang-drop li span.lang-sg, .lang-icon span.lang-sg{background-position:-100px -272px;}
.lang-drop li span.lang-ti, .lang-icon span.lang-ti{background-position:-100px -289px;}
.lang-drop li span.lang-tum, .lang-icon span.lang-tum{background-position:-100px -306px;}
.lang-drop li span.lang-sat, .lang-icon span.lang-sat{background-position:-100px -323px;}
.lang-drop li span.lang-war, .lang-icon span.lang-war{background-position:-100px -340px;}
.lang-drop li span.lang-vec, .lang-icon span.lang-vec{background-position:-100px -357px;}
.lang-drop li span.lang-wo, .lang-icon span.lang-wo{background-position:-100px -374px;}
.lang-drop li span.lang-szl, .lang-icon span.lang-szl{background-position:-100px -391px;}
.lang-drop li span.lang-scn, .lang-icon span.lang-scn{background-position:-100px -408px;}
.lang-drop li span.lang-ace, .lang-icon span.lang-ace{background-position:-100px -425px;}
.lang-drop li span.lang-ilo, .lang-icon span.lang-ilo{background-position:-100px -442px;}
.lang-drop li span.lang-dz, .lang-icon span.lang-dz{background-position:-100px -459px;}
.lang-drop li span.lang-kg, .lang-icon span.lang-kg{background-position:-100px -476px;}
.lang-drop li span.lang-ba, .lang-icon span.lang-ba{background-position:-100px -493px;}


/* ====================== */
/* ✅ 缺失的全部补齐（官方标准色） */
/* ====================== */
/* X (Twitter) */
.social-item.x{background-color:#000000}
/* Snapchat */
.social-item.sc{background-color:#FFFC00;color:#000}
/* TikTok */
.social-item.tt{background-color:#000000}
/* Alibaba */
.social-item.ali{background-color:#FF6700}
/* Made-in-China */
.social-item.mic{background-color:#0066CC}
/* Global Sources */
.social-item.gs{background-color:#008A00}
/* OK.ru */
.social-item.ok{background-color:#EE5A1F}
/* Line */
.social-item.line{background-color:#00C300}
/* Kakao */
.social-item.kk{background-color:#FEE500;color:#000}
/* Skype */
.social-item.sk{background-color:#00AFF0}
/* Teams */
.social-item.ms{background-color:#4664C9}
/* Email */
.social-item.em{background-color:#4D4D4D}
/* WhatsApp */
.social-item.wa{background-color:#25D366}
/* Telegram */
.social-item.tg{background-color:#0088CC}
/* WeChat */
.social-item.wx{background-color:#07C160}
.social-item.fb{background-color:#3b5997}
.social-item.tw{background-color:#323232}
.social-item.lk{background-color:#0077b5}
.social-item.ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #FD5949 45%, #d6249f 60%, #285aeb 90%)}
.social-item.you{background-color:#cc2127}
.social-item.pi{background-color:#db0023}
.social-item.tik{background-color:#000000}
.social-item.vk{background-color:#0077FF}
/* 👇 修复缺失的图标 */
.icon-x:before{content:"\e60c"}
.icon-alibaba:before{content:"\e61e"}
.icon-made-in-china:before{content:"\e61d"}
.icon-globalsources:before{content:"\e601"}
.icon-ok:before{content:"\e603"}
.icon-line:before{content:"\e608"}
.icon-kakao:before{content:"\e600"}
.icon-telegram:before{content:"\e60f"}

#右下角添加商品

.pro-item-checked .products-item-name,.products-ninelist-1 li:hover .products-item-name{color:var(--color)}
.pro-item-checked .products-add-inquirl{color:var(--color)}

.compare-panel{width:280px;background:#FFFFFF;position:fixed;z-index:1000;bottom:0px;right:0px;box-shadow:-1px -1px 3px #CCCCCC;display:none;transition:bottom .2s}
#jljw_IM_GdImBox{z-index:900!important}
.mobactfoot+.compare-panel{bottom:calc(1rem + constant(safe-area-inset-bottom) + 1px);bottom:calc(1rem + env(safe-area-inset-bottom) + 1px)}
.compare-t{background-color:var(--color);font-size:var(--fontsize14);color:#FFFFFF;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:#FFFFFF;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:#FFFFFF;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 #DDDDDD;padding:10px 0px;display:flex;align-items:center}
.item-clear{position:relative;width:26px;height:26px;background-color:transparent;cursor:pointer}
.item-clear::after,.item-clear::before{content:'';display:block;position:absolute;width:70%;height:2px;background-color:#555555;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:#FFFFFF;border:1px solid #EEEEEE;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:var(--fontsize12)}
.item-title{max-height:34px;line-height:1.3;word-break:break-word;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.item-price{color:var(--color)}
.compare-b{padding:20px 10px;display:flex;justify-content:space-between}
.compare-b *{display:block;width:80px;text-align:center;font-size:var(--fontsize12);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:#FFFFFF;background-color:var(--color)}
.compare-b .orderNow{margin:0px;background:#F66F08;color:#FFFFFF;line-height:30px;padding:0px 2px;border:none;border-radius:2px;font-size:var(--fontsize12);cursor:pointer;display:block;width:80px}

.inquiry-pro-list{margin:20px 0px;display:none;width:100%;justify-content:space-between;flex-wrap:wrap}
.inquiry-pro-item{display:flex;align-items:center;width:49%;padding:20px 0px;position:relative;border-bottom:1px solid #DDDDDD}
.pro-item-img{display:flex;align-items:center;justify-content:center;border:1px solid #EEEEEE;width:110px;height:110px}
.pro-itemcont{flex:1;padding:0px 16px}
.pro-itemprice{font-size:var(--fontsize16);color:var(--color)}
.pro-item-name:hover{color:var(--color)}
.pro-item-name{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;font-size:var(--fontsize16)}
@media (max-width:768px) { .inquiry-pro-item{width:100%;}}

/*#轮播图*/
/* 主标题 */
.banner-text-1 > div:first-child { font-size:24px; line-height:32px; }
@media (min-width:768px) { .banner-text-1 > div:first-child { font-size:36px; line-height:40px; font-weight:700; } }
@media (min-width:1024px) { .banner-text-1 > div:first-child { font-size:48px; line-height:48px; } }

/* 绿色副标题 */
.banner-text-1 > div:nth-child(2) { margin:2vw 0; font-size:14px; line-height:20px; font-weight:700; color:#16a34a; }
@media (min-width:768px) { .banner-text-1 > div:nth-child(2) { font-size:24px; line-height:32px; margin:20px 0; } }
@media (min-width:1024px) { .banner-text-1 > div:nth-child(2) { font-size:24px; line-height:32px; margin:20px 0; } }

/* 底部描述 */
.banner-text-1 > div:last-child { font-size:12px; line-height:16px; }
@media (min-width:768px) { .banner-text-1 > div:last-child { font-size:16px; line-height:24px; margin-top:12px; } }
@media (min-width:1024px) { .banner-text-1 > div:last-child { font-size:16px; line-height:24px; } }

/* 轮播图 begin */
* { margin: 0; padding: 0; box-sizing: border-box; }
.slide { position: relative; overflow: hidden; user-select: none; touch-action: pan-y; width: 100%; }
.slide-wrap { display: flex; height: 100%; transition: transform .4s cubic-bezier(.25,.1,.25,1); will-change: transform; }
.slide-item { width: 100%; position: relative; flex-shrink: 0; display: grid; place-items: center; color: #fff; font-size: clamp(16px,3vw,32px); }
.slide-item a { display: block; max-height: 500px; width: 100%; height: 100%; }
.slide-item img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.slide-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer; width: clamp(36px,8vw,48px); height: clamp(36px,8vw,48px); display: grid; place-items: center; font-size: clamp(16px,4vw,24px); background: rgba(255, 255, 255, 0.9); color: #000; border: none; transition: all 0.3s; }
.slide-prev { left: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; }
.slide-next { right: 0; border-top-left-radius: 50px; border-bottom-left-radius: 50px; }
.slide-arrow:hover { background: var(--color); color: #fff; }
.slide-pager { position: absolute; bottom: 16px; right: 16px; background: rgba(0,0,0,.35); color: #fff; border-radius: 16px; z-index: 10; font-size: clamp(12px,2.5vw,14px); padding: clamp(3px,1vw,5px) clamp(8px,2vw,12px); }
.slide-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 10; }
.slide-dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.4); cursor: pointer; transition: all .3s; }
.slide-dot.active { background: #fff; transform: scale(1.2); }
.hide { display: none !important; }

@media (max-width: 768px) {
.slide { height: 200px; }
.slide-item a { max-height: 200px; }
.slide-item img { height: 200px; object-fit: cover; object-position: center; }
}
/* 轮播图 end */


/* 视觉隐藏，但 SEO 正常读取 H1 */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}