@charset "utf-8";
@import url('https://css01.v15cdn.com/fonts/iconfont.css');
@import url("https://css02.v15cdn.com/m521/message.css");
@import url("https://css01.v15cdn.com/language.css");
:root {--color:#2B3AA1;--fontcolor:#000000;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontbold8:800;--fontbold9:900;--fontfamily:'Lato','Open Sans','Roboto','Poppins','Oswald',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}
html {margin:0px;padding:0px;overflow-x:hidden}
body {margin:0px auto;padding:0px;font-size:16px;color:var(--fontcolor);line-height:1.5;font-family:var(--fontfamily)}
h1,h2,h3,h4,h5,h6 {text-transform:capitalize;font-weight:var(--fontbold7)}
li,ol,ul {list-style:none}
a,a:hover {color:var(--fontcolor)}
a,a:hover,a:link,a:visited {text-decoration:none}
img {border:none;max-width:100%}
div {box-sizing:border-box}
table {border-collapse:collapse}
.table-responsive {touch-action:auto;width:100%;margin:.2rem 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
header {position:relative}
header .header-top {display:flex;height:50px;background:#0B0B0B;padding:0px 260px;justify-content:space-between}
header .header-top .top-info {display:flex;align-items:center;height:100%;color:#CCC}
header .header-top .top-info i {margin-right:5px}
header .header-top .top-info .info-email {margin-left:30px}
header .header-top .top-info a {color:#CCC}
header .header-top .top-right {display:flex;align-items:center;height:100%}
header .header-top .top-right .search-input {display:flex;align-items:center;width:230px;height:30px;box-sizing:border-box;border:1px solid #CCC;border-radius:15px}
header .header-top .top-right .search-input .icon-search {cursor:pointer;color:#CCC;margin-left:18px}
header .header-top .top-right .search-input input {margin-left:10px;height:24px;outline:0;border:none;color:#CCC;background:#0B0B0B}
header .header-top .top-right .search-input .search-btn {display:none}
header nav {position:absolute;padding:0px 260px;top:50px;display:flex;width:100%;height:100px;box-sizing:border-box;justify-content:space-between;background:#FFF;z-index:90;transition-property:height;transition-duration:.2s;transition-timing-function:ease}
header nav .header-logo {cursor:pointer;height:100%;display:flex;align-items:center;justify-content:center}
header nav .header-logo img {max-width:100%;max-height:100%}
header nav .header-logo a {width:100%;height:100%;display:flex;align-items:center;justify-content:center}
header nav ul {display:flex;position:relative}
header nav ul li {display:flex;align-items:center;height:100%;margin:0px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent}
header nav ul li:last-child {margin-right:0px}
header nav ul li a {width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;font-size:18px;font-weight:var(--fontbold9);color:var(--fontcolor);transition:all .3s ease}
header nav ul li a:after {transition:.4s ease-in-out;content:"";background:var(--color);left:50%;width:80%;height:2px;transform:translateX(-50%) rotateY(90deg);position:absolute;bottom:30px}
header nav ul li .inmenu_1 {color:var(--color)}
header nav ul li .inmenu_1:after {transition:all .3s ease;content:"";background:var(--color);width:80%;height:2px;left:50%;transform:translateX(-50%);position:absolute;bottom:30px}
header nav ul li .inmenu_1~.icon-angle-down,header nav ul li:hover>.icon-angle-down,header nav ul li:hover>a {color:var(--color)}
header nav ul li:hover>.icon-angle-down:after,header nav ul li:hover>a:after {transform:translateX(-50%) rotateY(0)}
header nav ul .submenu {transition:all .5s ease;display:flex;width:100vw;top:100px;height:100px;right:-260px;transform-origin:top;transform:rotateX(90deg);opacity:0;position:absolute;background:#FCFCFC;justify-content:center}
header nav ul .submenu li {position:relative;margin:0px 10px;border-bottom:none}
header nav ul .submenu li a {font-size:14px}
header nav ul .submenu li a:after {content:none}
header nav ul .submenu li a:hover {color:var(--color)}
header nav ul .submenu li:after {content:"";position:absolute;height:15px;width:2px;right:-10px;background:#CCC}
header nav ul .submenu li:last-child:after {content:none}
header nav ul .submenu+.icon-angle-down {position:relative;transform:scale(1);font-weight:var(--fontbold7);color:var(--fontcolor);margin-left:5px;top:1px}
header nav .nav-btn {display:none;position:relative;margin:auto 0px;height:4.2666666667vw;width:5.0666666667vw}
header nav .nav-btn span {border-radius:2px;position:absolute;display:block;width:5.0666666667vw;height:.6666666667vw;background-color:var(--color);transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s}
header nav .nav-btn span:first-child {top:.1vw}
header nav .nav-btn span:nth-child(2) {top:2.1333333333vw;width:4.2666666667vw}
header nav .nav-btn span:nth-child(3) {top:4.2666666667vw}
header nav .toggle-animate span:first-of-type {top:1.6vw;transform:rotate(45deg);transition:top .2s,transform .2s .2s,background .2s}
header nav .toggle-animate span:nth-of-type(2) {opacity:0;transition:opacity .2s}
header nav .toggle-animate span:nth-of-type(3) {top:1.6vw;transform:rotate(-45deg);transition:bottom .2s,transform .2s .2s,background .2s}
header nav .mobile-search-btn {display:none}
header .min ul li a:after {bottom:15px}
main {margin-top:100px;width:100%}
main .common-pages {display:flex;justify-content:center;align-items:center;margin-bottom:50px;width:100%;height:60px}
main .common-pages span {opacity:.4}
main .common-pages a,main .common-pages span {margin:0px 5px;transition:all .3s ease;box-sizing:border-box;border:1px solid #F9F9F9;padding:8px 14px;display:flex;height:40px;justify-content:center;align-items:center;color:#494949}
main .common-pages a:hover,main .common-pages span.ctxt {background:var(--color);color:#FFF}
main .common-pages span.ctxt {opacity:1;border:none}
main.common-container .inner-banner .pc {display:block}
main.common-container .inner-banner .sm {display:none}
footer {margin-top:30px;width:100%}
footer .top-btn {display:none;border-radius:50%;width:40px;height:40px;background:#FFF;z-index:1;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transition:all .4s ease}
footer .top-btn:hover {cursor:pointer;background:#CCC}
footer .top-btn i {position:relative;transform:scale(1.4)}
footer .footer-top {margin:0px 260px;height:120px;background:var(--color);display:flex;align-items:center;padding:0px 40px;justify-content:space-between}
footer .footer-top .contact-left {display:flex}
footer .footer-top .contact-left .contact-logo img {position:relative;width:75%}
footer .footer-top .contact-left .contact-content {position:relative;margin:0px 0px 0px 40px;max-width:600px;height:100%}
footer .footer-top .contact-left .contact-content p:first-child {line-height:58px;position:relative;top:8px;font-size:16px;color:#FFF}
footer .footer-top .contact-left .contact-content p:nth-child(2) {font-size:20px;color:#FFF}
footer .footer-top .contact-left .contact-content:before {content:"";position:absolute;top:40px;left:-20px;width:2px;height:35px;background:#FFF;opacity:.6}
footer .footer-top .contact-btn {width:180px;height:45px;border:1px solid #FFF;justify-content:flex-end;display:flex;justify-content:center;align-items:center;transition:all .3s ease}
footer .footer-top .contact-btn a {width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#FFF;font-size:18px;font-weight:var(--fontbold7)}
footer .footer-top .contact-btn:hover {background:#FFF}
footer .footer-top .contact-btn:hover a {color:var(--color)}
footer .footer-container {overflow:hidden;min-height:520px;background:#1F1F1F}
footer .footer-container>ul {display:flex;height:120px;background:#161616;margin:0px 260px}
footer .footer-container>ul>li {height:100%;flex:1;display:flex;justify-content:center;align-items:center}
footer .footer-container>ul>li .logo {position:relative;height:100%;width:120px;background:url(imgs/footer-contact.webp) no-repeat}
footer .footer-container>ul>li .content {padding:37px 0px 0px 20px;height:100%;line-height:1.2;display:flex;flex-direction:column;flex:1}
footer .footer-container>ul>li .content .content-title {color:#DDD}
footer .footer-container>ul>li .content .content-title:after {content:"";background:#FFF;width:3px;height:30px}
footer .footer-container>ul>li .content .content-text,footer .footer-container>ul>li .content .content-text a {color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
footer .footer-container>ul>li.map .logo {background-position:50px 33px}
footer .footer-container>ul>li.email .logo {background-position:-70px 33px}
footer .footer-container>ul>li.tel .logo {background-position:-190px 33px}
footer .footer-container>ul>li span {height:26px;width:2px;background:#FFFFFFa6}
footer .footer-container .bottom-info {margin:30px 260px;height:auto;display:flex;background:#1F1F1F}
footer .footer-container .bottom-info>li {height:100%;display:block;margin:0px 15px}
footer .footer-container .bottom-info>li .title {color:#EEE;line-height:50px;font-size:20px;font-weight:var(--fontbold7)}
footer .footer-container .bottom-info>li:last-child {margin-right:0px}
footer .footer-container .bottom-info .intro {flex:1.3}
footer .footer-container .bottom-info .intro .intro-text {color:#999;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
footer .footer-container .bottom-info .intro .contact-list {margin-top:30px;display:flex}
footer .footer-container .bottom-info .intro .contact-list li {width:32px;height:32px;margin-right:10px;display:flex;transition:all .5s;justify-content:center;align-items:center;box-sizing:border-box}
footer .footer-container .bottom-info .intro .contact-list li a {color:#EEE}
footer .footer-container .bottom-info .intro .contact-list li a:hover {color:var(--color)}
footer .footer-container .bottom-info .nav {flex:1}
footer .footer-container .bottom-info .nav ul li a {position:relative;color:#999;line-height:28px;padding-left:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
footer .footer-container .bottom-info .nav ul li a:hover {color:#FFF}
footer .footer-container .bottom-info .nav ul li a:after {content:">";position:absolute;top:0px;left:0px}
footer .footer-container .bottom-info .cate {flex:1}
footer .footer-container .bottom-info .cate ul li a {position:relative;color:#999;line-height:28px;padding-left:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
footer .footer-container .bottom-info .cate ul li a:hover {color:#FFF}
footer .footer-container .bottom-info .cate ul li a:after {content:">";position:absolute;top:0px;left:0px}
footer .footer-container .bottom-info .code {flex:0.7}
footer .footer-container .bottom-info .code img {width:135px;height:135px;min-width:135px;background:#000;opacity:.85;transition:all .5s;display:block;margin:0px auto}
footer .footer-container .bottom-info .code img:hover {opacity:1;cursor:pointer}
footer .footer-container .bottom-info .code .title {text-align:center}
footer .footer-container .bottom-info .contact-list {display:none}
footer .footer-container .right-text {color:#999;font-size:14px;padding:10px 260px}
footer .footer-container .right-text a {color:#999;margin-left:10px}
.sm-mask,footer .mobile-bottom {display:none}
.sm-mask {position:fixed;width:100%;bottom:0px;height:100%;background:rgba(0,0,0,.6);z-index:9;top:13.3333333333vw}
#toast-container {padding-top:250px}
.singglepic {z-index:9!important;width:450px!important;height:450px!important;margin-bottom:40px!important;border-color:#EEE!important;display:flex;justify-content:center;align-items:center}
.home-container {width:100%}
.home-container .swiper-container .swiper-slide {width:100%;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;overflow:hidden}
.home-container .swiper-container .swiper-slide img {transform:translateZ(0)}
.home-container .swiper-container .swiper-button-next:after,.home-container .swiper-container .swiper-button-prev:after {content:""}
.home-container .swiper-container .swiper-button-next i,.home-container .swiper-container .swiper-button-prev i {transform:scale(3);color:var(--color)}
.home-container .swiper-container .swiper-pagination-bullet {background:#FFF}
.home-container .swiper-container .swiper-pagination-bullet-active {background:var(--color)}
.home-container .part-title {position:relative}
.home-container .part-title h3 {text-align:center;font-size:42px;color:var(--fontcolor)}
.home-container .part-title h3 em {color:var(--color);font-style:normal}
.home-container .part-title p {text-align:center;color:#202020;font-weight:var(--fontbold7);line-height:24px}
.home-container .part-title:after {color:#DEDEDE;font-weight:var(--fontbold7);font-size:150px;position:absolute;top:-80%;left:50%;transform:translateX(-50%);z-index:-99}
.home-container .welcome-info {margin-top:100px}
.home-container .welcome-info .part-title:after {content:"01"}
.home-container .welcome-info .part-item {margin:80px 260px 0px}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide {display:flex}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item {position:relative;border:1px solid #EAEAEA;flex:1;margin-right:50px;transition:all .5s}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:last-child {margin-right:0px}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img {display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:auto;background:var(--color)}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img img {position:absolute;transition:all .5s ease;width:100%;height:100%;display:block}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a {transition:all .5s ease;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0px;left:0px;display:flex;font-size:24px;transform:translate3d(0,20px,0);opacity:0;color:#FFF;z-index:666}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img:after {content:"";display:block;padding-top:100%}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item p {color:var(--fontcolor)}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {margin:10px 10px 0px;font-size:18px}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content {margin:10px;font-size:16px;color:#444;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover {transform:translateY(-2px);box-shadow:0 0 15px rgba(0,0,0,.3)}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-title {color:var(--color)}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img {opacity:.4}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img a {transform:translateZ(0);opacity:1}
.home-container .welcome-info .part-item .swiper-part-pagination {margin:50px 0px;display:flex;justify-content:center}
.home-container .welcome-info .part-item .swiper-part-pagination .swiper-pagination-bullet {background:#000}
.home-container .welcome-info .part-item .swiper-part-pagination .swiper-pagination-bullet-active {background:var(--color)}
.home-container .about-info {overflow:hidden;width:100%;display:flex}
.home-container .about-info div {width:50%}
.home-container .about-info .about-img img {width:100%;display:block}
.home-container .about-info .about-content {padding:20px 0px;background:var(--color);display:flex;flex-direction:column;justify-content:space-evenly}
.home-container .about-info .about-content .content-title {padding-left:80px;font-size:36px;font-weight:var(--fontbold7);color:#FFF}
.home-container .about-info .about-content article {padding-left:80px;padding-right:200px}
.home-container .about-info .about-content article p {font-size:18px;color:#FFF;line-height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical}
.home-container .about-info .about-content .about-btn {width:200px;height:50px;border:2px solid #FFF;font-size:20px;display:flex;justify-content:center;align-items:center;margin-left:80px;transition:all .5s ease}
.home-container .about-info .about-content .about-btn:hover {background:#FFF;border:2px solid var(--color);cursor:pointer}
.home-container .about-info .about-content .about-btn:hover a {color:var(--color)}
.home-container .about-info .about-content .about-btn a {color:#FFF}
.home-container .hot-product {margin-top:100px}
.home-container .hot-product .part-title:after {content:"03"}
.home-container .hot-product ul {margin:80px 260px;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-container .hot-product ul li {width:30%;height:30%;margin-bottom:30px}
.home-container .hot-product ul li .pro-img {width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;border:1px solid #EEE}
.home-container .hot-product ul li .pro-img img {display:block;width:100%;height:100%;border:none;transition:all .5s}
.home-container .hot-product ul li .pro-img:after {display:block;content:"";padding-top:100%}
.home-container .hot-product ul li .pro-name {color:var(--fontcolor);font-size:18px;line-height:45px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.home-container .hot-product ul li .pro-btn {width:120px;height:33px;margin:0px auto;box-sizing:content-box;display:flex;justify-content:center;align-items:center;border:1px solid #4E4D4D;border-radius:16.5px;transition:all .5s}
.home-container .hot-product ul li .pro-btn a {color:var(--fontcolor)}
.home-container .hot-product ul li:hover .pro-img img {transform:scale(1.1)}
.home-container .hot-product ul li:hover .pro-name {color:var(--color)}
.home-container .hot-product ul li:hover .pro-btn {border:1px solid #FFF;background:var(--color)}
.home-container .hot-product ul li:hover .pro-btn a {color:#FFF}
.home-container .lastest-news {width:100%}
.home-container .lastest-news ul {width:100%;display:flex;flex-wrap:wrap}
.home-container .lastest-news ul li {width:50%}
.home-container .lastest-news ul li a object {display:flex}
.home-container .lastest-news ul li div {flex:1}
.home-container .lastest-news ul li .news-img img {width:100%;display:block}
.home-container .lastest-news ul li .news-content {position:relative;background:#F6F6F6;display:flex;flex-direction:column;justify-content:space-evenly}
.home-container .lastest-news ul li .news-content .news-title {margin:0px 80px;color:var(--fontcolor);font-size:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-container .lastest-news ul li .news-content .news-date {margin:0px 80px;color:#666}
.home-container .lastest-news ul li .news-content article {margin:0px 80px;color:#444;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.home-container .lastest-news ul li .news-content .more-link {margin:0px 80px;color:var(--fontcolor);font-weight:var(--fontbold7);line-height:24px;font-size:18px}
.home-container .lastest-news ul li .news-content .more-link i {color:var(--fontcolor);position:relative;top:1px;transform:scale(1.7)}
.home-container .lastest-news ul li .news-content:before {content:"";position:absolute;bottom:0px;transition:opacity .7s ease 0s,transform .7s ease 0s;width:94%;height:92%;top:4%;left:3%;opacity:0;border-top:2px solid var(--color);border-bottom:2px solid var(--color);transform:scaleX(0);-webkit-transform:scaleX(0);box-sizing:border-box}
.home-container .lastest-news ul li .news-content:after {transition:opacity .5s ease 0s,transform .5s ease 0s;content:"";border-left:2px solid var(--color);border-right:2px solid var(--color);transform:scaleY(0);-webkit-transform:scaleY(0);opacity:0;position:absolute;width:94%;height:92%;top:4%;left:3%;box-sizing:border-box}
.home-container .lastest-news ul li:hover .news-content .more-link a,.home-container .lastest-news ul li:hover .news-content .more-link i,.home-container .lastest-news ul li:hover .news-content .news-title a {color:var(--color)}
.home-container .lastest-news ul li:hover .news-content:after,.home-container .lastest-news ul li:hover .news-content:before {opacity:1;transform:scale(1)}
.home-container .lastest-news ul li:nth-child(3) a object,.home-container .lastest-news ul li:nth-child(4) a object {flex-direction:row-reverse}
.home-container .partners {margin:100px 260px 100px}
.home-container .partners .part-title:after {content:"05"}
.home-container .partners ul {width:100%;margin-top:90px;display:flex;flex-wrap:wrap}
.home-container .partners ul li {max-width:16%;min-width:16%;height:0px;padding-bottom:13%;flex:1;border-top:1px solid #EEE;border-left:1px solid #EEE;transition:all .5s}
.home-container .partners ul li img {transition:all .3s ease}
.home-container .partners ul li:nth-of-type(6n) {border-right:1px solid #EEE}
.home-container .partners ul li:nth-of-type(n+7) {border-bottom:1px solid #EEE}
.home-container .partners ul li:nth-of-type(n+7):hover {border-bottom:1px solid var(--color)}
.home-container .partners ul li:hover {border-top:1px solid var(--color);border-left:1px solid var(--color)}
.home-container .partners ul li:hover img {transform:scale(1.1)}
.home-container .partners ul li:hover+li {border-left:1px solid var(--color)}
.home-container .partners ul li:hover+li+li+li+li+li+li {border-top:1px solid var(--color)}
.home-container .partners ul li:nth-of-type(6n):hover {border-right:1px solid var(--color)}
.common-container .inner-banner {width:100%;min-height:10px;background:#F1F1F1}
.common-container .inner-banner img {width:100%;display:block}
.common-container .breadcrumbs-nav {position:relative;height:78px;padding:0px 260px;border-bottom:1px solid #ECECEC;color:var(--fontcolor)}
.common-container .breadcrumbs-nav a,.common-container .breadcrumbs-nav h1,.common-container .breadcrumbs-nav h2 {color:var(--fontcolor);line-height:78px;margin:0px 5px}
.common-container .breadcrumbs-nav h1,.common-container .breadcrumbs-nav h2 {display:inline;font-size:16px;color:var(--fontcolor)}
.common-container .breadcrumbs-nav h1 a,.common-container .breadcrumbs-nav h2 a {color:var(--fontcolor)}
.abouts-content {padding:0px 260px 50px}
.abouts-content .abouts-title {margin-top:40px;font-size:28px;font-weight:var(--fontbold7);color:var(--fontcolor);text-transform:uppercase;padding:10px 0px;border-bottom:1px solid #D5D5D5;margin-bottom:20px}
.abouts-content article div {margin-bottom:30px}
.abouts-content article .content,.abouts-content article .title,.abouts-content article p {color:var(--fontcolor);line-height:28px}
.abouts-content article .title {font-size:16px;font-weight:var(--fontbold7)}
.abouts-content article .content {width:1000px}
.abouts-content article .imgs-list {margin-top:30px;display:flex;justify-content:space-between}
.abouts-content article .imgs-list li {margin-right:10px}
.abouts-content article .imgs-list li:last-child {margin:0px}
.abouts-content article .imgs-list li img {display:block}
.products-content {position:relative;width:100%;padding-top:0px}
.products-content .type-box {margin:0px 260px 50px}
.products-content .type-box h1 {font-size:24px;padding:5px 10px;color:var(--fontcolor);border-left:5px solid var(--color);border-bottom:1px solid #EEE}
.products-content .pro-list {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box;margin-top:50px;padding:0px 260px}
.products-content .pro-list li {transition:all .4s ease}
.products-content .pro-list .list-1 {box-sizing:border-box;flex:1;width:23%;min-width:23%;max-width:23%;border:2px solid #EEE;margin-right:20px;margin-bottom:40px}
.products-content .pro-list .list-1:nth-of-type(4n) {margin-right:0px}
.products-content .pro-list .list-1 .pro-img {position:relative;width:100%;display:flex;justify-content:center;align-items:center}
.products-content .pro-list .list-1 .pro-img a {width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.products-content .pro-list .list-1 .pro-img img {position:absolute;max-width:100%;max-height:100%;display:block}
.products-content .pro-list .list-1 .pro-img:after {display:block;content:"";padding-top:100%}
.products-content .pro-list .list-1 .pro-name {padding:10px 20px 0px;min-height:50px;display:flex;justify-content:center;align-items:center}
.products-content .pro-list .list-1 .pro-name a {text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--fontcolor);font-size:18px;font-weight:var(--fontbold7);line-height:24px}
.products-content .pro-list .list-1 article {padding:0px 20px;margin-top:10px}
.products-content .pro-list .list-1 article a {color:#666666;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.products-content .pro-list .list-1>span {display:block;margin:10px;height:1px;background:#EEE}
.products-content .pro-list .list-1 .more-btn {display:block;margin:30px 20px;height:37px;background:var(--color);color:#FFF;line-height:37px;text-align:center}
.products-content .pro-list .list-1:hover {box-shadow:0 5px 5px rgba(0,0,0,.1);transform:translateY(-3px)}
.products-content .pro-list .list-2 {width:100%;display:flex;margin-bottom:30px}
.products-content .pro-list .list-2 .pro-img {width:280px;display:flex;justify-content:center;align-items:center;border:1px solid #E5E5E5}
.products-content .pro-list .list-2 .pro-img img {display:block;width:100%}
.products-content .pro-list .list-2 .pro-info {padding:40px 100px;flex:1;background:#F6F6F6}
.products-content .pro-list .list-2 .pro-info .pro-name a {font-size:18px;font-weight:var(--fontbold7);color:var(--fontcolor);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.products-content .pro-list .list-2 .pro-info article {margin-top:15px}
.products-content .pro-list .list-2 .pro-info article a {font-size:16px;color:#666666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.products-content .pro-list .list-2 .pro-info .more-btn {margin-top:35px;width:200px;height:42px;display:block;display:flex;justify-content:center;align-items:center;border:1px solid var(--color);color:var(--color);font-size:18px;font-weight:var(--fontbold7);transition:all .3s ease}
.products-content .pro-list .list-2 .pro-info .more-btn i {position:relative;top:1.2px;margin-left:5px;transform:scale(1.1)}
.products-content .pro-list .list-2:hover {cursor:pointer;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transform:translateY(5px)}
.products-content .pro-list .list-2:hover .pro-info .more-btn {background:var(--color);color:#FFF}
.products-content .pro-list .list-2:hover .pro-info .more-btn i {color:#FFF}
.products-content .pro-list .list-2 .compare-action {position:relative;margin:20px 0px;width:200px;height:42px}
.products-content .pro-list .list-2 .compare-action .compare-action-check+label {border-color:#1867d4}
.products-content .pro-list .list-1.pro-checked {border:2px solid var(--color)}
.products-content .pro-list:after {content:"";width:23%}
.products-content .seo-key {margin:0px 260px;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:5px;padding:10px;line-height:1.7em;color:var(--fontcolor)}
.products-content .seo-key .keywords {margin-top:10px}
.products-content .seo-key .keywords a {padding:5px 10px;background:#F1F1F1;border-radius:50px;margin-right:10px;color:var(--fontcolor)}
.pro-filter {position:absolute;top:19px;right:260px;height:40px;background:var(--color);display:flex;justify-content:space-between;align-items:center;padding:0px 40px 0px 10px}
.pro-filter>a {color:#FFF!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.pro-filter i {top:10px;right:20px;position:absolute;transform:scale(1.5);color:#FFF}
.pro-filter i:hover,.pro-filter:hover {cursor:pointer}
.filter-box {overflow-y:auto;width:100%;position:absolute;padding:0px 260px;max-height:300px;min-height:100px;background:#F8F8F8;transition:all .4s ease;top:-68px;z-index:20;box-shadow:0 7px 10px -7px rgba(0,0,0,.6);transform-origin:top;transform:rotateX(90deg);opacity:0}
.filter-box::-webkit-scrollbar {width:3px}
.filter-box::-webkit-scrollbar-thumb,.filter-box::-webkit-scrollbar-track {border-radius:10px;background-color:rgba(0,0,0,.1)}
.filter-box::-webkit-scrollbar-thumb {box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
.filter-box .pro-type-list {padding:15px 0px}
.filter-box .pro-type-list>ul {width:100%;display:flex;flex-wrap:wrap}
.filter-box .pro-type-list>ul a {transition:all .4s ease}
.filter-box .pro-type-list>ul a:hover {color:var(--color)}
.filter-box .pro-type-list>ul .LiLevel1 {width:25%;margin-bottom:20px}
.filter-box .pro-type-list>ul .LiLevel1 li:last-child {margin-bottom:0px}
.filter-box .pro-type-list>ul .LiLevel1 li a {width:100%;height:100%;line-height:40px}
.filter-box .pro-type-list>ul .LiLevel1 li a,.filter-box .pro-type-list>ul .LiLevel1>a {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center}
.filter-box .pro-type-list>ul .LiLevel1>a {font-size:18px;height:35px;line-height:35px;background:#FFF;width:70%;border-top:2px solid var(--color)}
.filter-box .pro-type-list>ul .LiLevel1 .sub-menu {margin:10px 0 0;display:flex;flex-wrap:wrap;flex-direction:column}
.filter-box .pro-type-list>ul .LiLevel2 {width:70%;height:35px;background-color:#FFF;margin-bottom:10px}
.filter-box .pro-type-list>ul .LiLevel2 a {font-size:13px}
.filter-box .pro-type-list>ul .LiLevel2 .sub-menu {display:none}
.filter-box .pro-type-list .prosubmenu {width:100%}
.filter-box .pro-type-list .prosubmenu>ul {width:100%;display:flex;flex-wrap:wrap}
.filter-box .pro-type-list .prosubmenu>ul a {transition:all .4s ease}
.filter-box .pro-type-list .prosubmenu>ul a:hover {color:var(--color)}
.filter-box .pro-type-list .prosubmenu>ul>li {width:25%;margin-bottom:10px}
.filter-box .pro-type-list .prosubmenu>ul>li>a {font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:35px;line-height:35px;background:#FFF;text-align:center;width:70%;border-top:2px solid var(--color)}
.filter-box .scrollTip {height:35px;width:35px;box-sizing:border-box;position:absolute;right:260px;bottom:40px;animation:down 1.5s infinite;border-radius:50%;background:rgba(0,0,0,.3);-webkit-animation:down 1.5s infinite;display:flex;justify-content:center;align-items:center}
.filter-box .scrollTip i {position:relative;top:1px;transform:scale(2);color:#FFF}
@keyframes down {0% {transform:translate(0)}
20% {transform:translateY(15px)}
40% {transform:translate(0)}}
@-webkit-keyframes down {0% {transform:translate(0)}
20% {transform:translateY(15px)}
40% {transform:translate(0)}}
.common-container .news-content {margin:0px 260px}
.common-container .news-content .news-list {margin:50px 0px 0px;width:100%;display:flex;flex-wrap:wrap}
.common-container .news-content .news-list .list-1 {width:100%;height:195px;padding:0px 24px;display:flex;justify-content:space-between;align-items:center;background:#F8F8F8;margin-bottom:20px;transition:all .3s ease}
.common-container .news-content .news-list .list-1:hover {cursor:pointer;box-shadow:0 5px 10px rgba(0,0,0,.2);transform:translateY(-2px)}
.common-container .news-content .news-list .list-1:hover .news-info .more-btn,.common-container .news-content .news-list .list-1:hover .news-info .news-title a {color:var(--color)}
.common-container .news-content .news-list .list-1 .news-img {width:200px;max-width:200px;min-width:200px;height:150px;display:flex;justify-content:center;align-items:center}
.common-container .news-content .news-list .list-1 .news-img img {width:100%}
.common-container .news-content .news-list .list-1 .news-info .news-date {color:#666}
.common-container .news-content .news-list .list-1 .news-info .news-title {margin-top:10px}
.common-container .news-content .news-list .list-1 .news-info .news-title a {color:var(--fontcolor);font-weight:var(--fontbold7);font-size:18px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.common-container .news-content .news-list .list-1 .news-info .news-text {margin:10px 0px;font-size:16px;color:#666}
.common-container .news-content .news-list .list-1 .news-info .news-text a {color:#666666;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.common-container .news-content .news-list .list-1 .news-info .more-btn {position:relative;display:block;color:var(--fontcolor);font-weight:var(--fontbold7)}
.common-container .news-content .news-list .list-1 .news-info .more-btn i {position:absolute;top:1px;left:80px;transform:scale(1)}
.common-container .news-content .news-list .list-2 {margin-right:25px;width:23%;border:2px solid #EEE;box-sizing:border-box;margin-bottom:50px;transition:all .4s ease}
.common-container .news-content .news-list .list-2:nth-of-type(4n) {margin-right:0px}
.common-container .news-content .news-list .list-2 .news-img {width:100%}
.common-container .news-content .news-list .list-2 .news-img img {width:100%;max-width:100%;max-height:100%;transition:all .4s ease}
.common-container .news-content .news-list .list-2 .news-info {padding:8px}
.common-container .news-content .news-list .list-2 .news-info .news-date {color:#666}
.common-container .news-content .news-list .list-2 .news-info .news-title {margin-top:10px}
.common-container .news-content .news-list .list-2 .news-info .news-title a {color:var(--fontcolor);font-weight:var(--fontbold7);font-size:18px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.common-container .news-content .news-list .list-2 .news-info .news-text {margin:10px 0px;font-size:16px;color:#666}
.common-container .news-content .news-list .list-2 .news-info .news-text a {color:#666666;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.common-container .news-content .news-list .list-2:hover {border-color:var(--color);box-shadow:0 0 5px 1px rgba(0,0,0,.3);transform:translateY(-3px)}
.common-container .news-content .news-list .list-2:hover .news-info .news-title a {color:var(--color)}
.common-container .news-content .common-pages {margin-bottom:80px}
.knowledges-content {margin:0px 260px}
.knowledges-content .knowledges-list {margin:50px 0 30px;width:100%;display:flex;flex-wrap:wrap}
.knowledges-content .knowledges-list .list-1 {width:100%;height:195px;padding:0px 24px;display:flex;justify-content:space-between;align-items:center;background:#F8F8F8;margin-bottom:20px;transition:all .3s ease}
.knowledges-content .knowledges-list .list-1:hover {cursor:pointer;box-shadow:0 5px 10px rgba(0,0,0,.2);transform:translateY(-2px)}
.knowledges-content .knowledges-list .list-1:hover .knowledges-info .knowledges-title a,.knowledges-content .knowledges-list .list-1:hover .knowledges-info .more-btn {color:var(--color)}
.knowledges-content .knowledges-list .list-1 .knowledges-img {width:200px;max-width:200px;min-width:200px;height:150px;display:flex;justify-content:center;align-items:center}
.knowledges-content .knowledges-list .list-1 .knowledges-img img {width:100%}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-date {color:#666}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title {margin-top:10px}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title a {color:var(--fontcolor);font-weight:var(--fontbold7);font-size:18px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text {margin:10px 0px;font-size:16px;color:#666}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text a {color:#666666;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn {position:relative;display:block;color:var(--fontcolor);font-weight:var(--fontbold7)}
.knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn i {position:absolute;top:1px;left:80px;transform:scale(1)}
.knowledges-content .knowledges-list .list-2 {margin-right:25px;width:23%;border:2px solid #EEE;box-sizing:border-box;margin-bottom:50px;transition:all .4s ease}
.knowledges-content .knowledges-list .list-2:nth-of-type(4n) {margin-right:0px}
.knowledges-content .knowledges-list .list-2 .knowledges-img {width:100%}
.knowledges-content .knowledges-list .list-2 .knowledges-img img {width:100%;max-width:100%;max-height:100%;transition:all .4s ease}
.knowledges-content .knowledges-list .list-2 .knowledges-info {padding:8px}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-date {color:#666}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title {margin-top:10px}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title a {color:var(--fontcolor);font-weight:var(--fontbold7);font-size:18px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text {margin:10px 0px;font-size:16px;color:#666}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a {color:#666666;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.knowledges-content .knowledges-list .list-2:hover {border-color:var(--color);box-shadow:0 0 5px 1px rgba(0,0,0,.3);transform:translateY(-3px)}
.knowledges-content .knowledges-list .list-2:hover .knowledges-info .knowledges-title a {color:var(--color)}
.knowledges-content .common-pages {margin-bottom:80px}
.news-detail-content {margin:50px 0px 100px;width:100%;padding:0px 260px}
.news-detail-content .news-title {padding:0px 160px;text-align:center;color:var(--fontcolor);font-size:30px;line-height:48px;font-weight:var(--fontbold7)}
.news-detail-content .news-date {margin:0px;color:#666666;text-align:center}
.news-detail-content .news-views {color:#666666;margin-left:20px;text-align:center}
.news-detail-content .news-info {display:flex;justify-content:center;align-items:center;margin-bottom:20px}
.news-detail-content article p {margin-bottom:10px;color:var(--fontcolor)}
.news-detail-content article p:first-of-type {margin-top:0px}
.news-detail-content span.line {margin:20px 0px;display:block;width:100%;height:1px;background:#ECECEC}
.news-detail-content .pages-list a,.news-detail-content .pages-list div,.news-detail-content .pages-list span {color:var(--fontcolor);font-size:16px}
.news-detail-content .pages-list span {color:var(--color)}
.news-detail-content .pages-list div {margin-top:10px}
.news-detail-content .pages-list a:hover {text-decoration:underline;color:var(--color)}
.knowledges-detail-content {margin:50px 0px 100px;width:100%;padding:0px 260px}
.knowledges-detail-content .knowledges-title {padding:0px 160px;text-align:center;color:var(--fontcolor);font-size:30px;line-height:48px;font-weight:var(--fontbold7)}
.knowledges-detail-content .knowledges-date {color:#666666;text-align:center}
.knowledges-detail-content .knowledges-views {color:#666666;margin-left:20px;text-align:center}
.knowledges-detail-content .knowledges-info {display:flex;justify-content:center;align-items:center;margin-bottom:20px}
.knowledges-detail-content article p {margin-bottom:10px;color:var(--fontcolor)}
.knowledges-detail-content article p:first-of-type {margin-top:0px}
.knowledges-detail-content span.line {margin:20px 0px;display:block;width:100%;height:1px;background:#ECECEC}
.knowledges-detail-content .pages-list a,.knowledges-detail-content .pages-list div,.knowledges-detail-content .pages-list span {color:var(--fontcolor);font-size:16px}
.knowledges-detail-content .pages-list span {color:var(--color)}
.knowledges-detail-content .pages-list div {margin-top:10px}
.knowledges-detail-content .pages-list a:hover {text-decoration:underline;color:var(--color)}
.pro-detail-content {position:relative;margin-bottom:100px}
.pro-detail-content .pro-review {margin:50px 260px 30px;display:flex}
.pro-detail-content .pro-review .pro-preview-left {min-width:428px;height:550px;box-sizing:border-box}
.pro-detail-content .pro-review .pro-preview-right {padding:10px 80px 0px;margin-bottom:20px;flex:1}
.pro-detail-content .pro-review .pro-preview-right .pro-name {font-size:28px;font-weight:var(--fontbold7);color:var(--fontcolor)}
.pro-detail-content .pro-review .pro-preview-right .pro-price,.pro-detail-content .pro-review .pro-preview-right .pro-views {font-size:24px;color:var(--color);line-height:24px;margin:20px 0px}
.pro-detail-content .pro-review .pro-preview-right article {font-size:16px;color:#333333;margin:10px 50px 0px 0px}
.pro-detail-content .pro-review .pro-preview-right .btn-list {margin-top:10px;display:flex;flex-wrap:wrap}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 {height:46px;width:300px;border:1px solid var(--color);display:flex;justify-content:center;align-items:center;margin:20px 20px 0 0;cursor:pointer}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn a,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 a {width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 span {font-size:18px;color:var(--color)}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn:hover span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2:hover span {color:#FFF}
.pro-detail-content .pro-detail-title {padding:0px 260px;line-height:50px;width:100%;background:#F8F8F8;font-size:20px;color:var(--fontcolor);font-weight:var(--fontbold7)}
.pro-detail-content .pro-intro {margin:30px 260px 0px}
.pro-detail-content .pro-intro .intro-title {font-size:20px;font-weight:var(--fontbold7);color:var(--color);line-height:50px}
.pro-detail-content .pro-intro article {font-size:16px;color:var(--fontcolor);padding:0px}
.pro-detail-content .pro-intro article p {font-size:16px;color:var(--fontcolor)}
.pro-detail-content .pro-spec {margin:30px 260px 0px}
.pro-detail-content .pro-spec .spec-title {font-size:20px;font-weight:var(--fontbold7);color:var(--color);line-height:50px}
.pro-detail-content .pro-spec .spec-content {padding:20px 0px;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6}
.pro-detail-content .pro-spec .spec-content table tr td {height:50px;width:480px}
.pro-detail-content .pro-bottom-tip {margin:0px 260px;font-size:16px;color:var(--fontcolor);padding:40px 0px}
.pro-detail-content .pro-page-switch {width:100%;background:#F8F8F8;height:50px;padding:0px 260px;display:flex;justify-content:space-between;margin:50px 0px}
.pro-detail-content .pro-page-switch .page-next,.pro-detail-content .pro-page-switch .page-prev {font-size:16px;font-weight:var(--fontbold7);color:var(--fontcolor);line-height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.pro-detail-content .pro-page-switch .page-prev {display:flex}
.pro-detail-content .pro-page-switch .page-prev i {margin-right:10px}
.pro-detail-content .pro-page-switch .page-prev .page-btn {margin-right:30px}
.pro-detail-content .pro-page-switch .page-next {display:flex;flex-direction:row-reverse}
.pro-detail-content .pro-page-switch .page-next i {margin-left:10px}
.pro-detail-content .pro-page-switch .page-next .page-btn {margin-left:30px}
.pro-detail-content .pro-page-switch .page-btn {width:180px;height:100%;background:var(--color);display:flex;justify-content:center;align-items:center;color:#FFF;font-size:16px;line-height:50px}
.pro-detail-content .pro-page-switch a {font-size:16px;color:var(--fontcolor);line-height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.pro-detail-content .random-pro-list {margin:0px 260px}
.pro-detail-content .random-pro-list .random-title {font-size:22px;font-weight:var(--fontbold7);color:var(--fontcolor);line-height:50px;text-align:center;background:#F8F8F8}
.pro-detail-content .random-pro-list ul {margin-top:20px;display:flex;justify-content:space-between}
.pro-detail-content .random-pro-list ul li {flex:1;max-width:15%;min-width:15%}
.pro-detail-content .random-pro-list ul li .pro-img {width:100%;border:1px solid #EEE;display:flex;justify-content:center;align-items:center;overflow:hidden}
.pro-detail-content .random-pro-list ul li .pro-img img {width:100%;transition:all .3s ease}
.pro-detail-content .random-pro-list ul li .pro-img:after {display:block;content:"";padding-top:100%}
.pro-detail-content .random-pro-list ul li .pro-name {text-align:center;color:var(--fontcolor);min-height:40px;margin:10px 0px}
.pro-detail-content .random-pro-list ul li .more-btn {margin:0px auto;display:block;width:100px;height:33px;border:1px solid #000;border-radius:16px;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:var(--fontbold7);color:var(--fontcolor);transition:all .3s ease}
.pro-detail-content .random-pro-list ul li:hover .more-btn {background:var(--color);color:#FFF;border:1px solid var(--color)}
.pro-detail-content .random-pro-list ul li:hover .pro-img img {transform:scale(1.2)}
.pro-detail-content .send-inquiry {margin-top:40px}
.pro-detail-content .send-inquiry .inquiry-title {margin:20px 0px;width:100%;height:50px;line-height:50px;font-size:22px;font-weight:var(--fontbold7);color:var(--fontcolor);text-align:center;background:#F8F8F8}
.pro-detail-content .send-inquiry .inquiry-form {position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0px 260px}
.pro-detail-content .share-btn-list {margin-top:30px}
.swiper-pagination-bullet-active {background:var(--color)!important}
.common-container .contact-wrapper {margin:50px 0px;display:flex}
.common-container .contact-wrapper .contact-left {padding:40px;width:450px;background:#F8F8F8}
.common-container .contact-wrapper .contact-left .title {font-size:30px;font-weight:var(--fontbold7);color:var(--fontcolor)}
.common-container .contact-wrapper .contact-left ul {margin-top:30px}
.common-container .contact-wrapper .contact-left ul li {margin:16px 0px;color:var(--fontcolor);line-height:24px}
.common-container .contact-wrapper .contact-left ul li .contact-way {font-size:18px;font-weight:var(--fontbold7)}
.common-container .contact-wrapper .contact-left ul li .contact-info {font-size:16px}
.common-container .contact-wrapper .contact-left ul li .contact-num {font-size:20px;margin-top:10px}
.common-container .contact-wrapper .contact-main {margin-left:20px;flex:1}
.common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form {position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;margin-left:30px}
.common-container .video-content {margin:0px 260px}
.common-container .video-content .video-list {margin:50px 0px;width:100%}
.common-container .video-content .video-list li {height:195px;padding:0px 24px;display:flex;justify-content:space-between;align-items:center;background:#F8F8F8;margin-bottom:20px;transition:all .3s ease}
.common-container .video-content .video-list li:hover {cursor:pointer;box-shadow:0 5px 10px rgba(0,0,0,.2);transform:translateY(-2px)}
.common-container .video-content .video-list li:hover .video-info .more-btn,.common-container .video-content .video-list li:hover .video-info .video-title a {color:var(--color)}
.common-container .video-content .video-list li .video-img {width:200px;height:150px}
.common-container .video-content .video-list li .video-img img {width:100%}
.common-container .video-content .video-list li .video-info .video-date {color:#666}
.common-container .video-content .video-list li .video-info .video-title {margin-top:10px}
.common-container .video-content .video-list li .video-info .video-title a {color:var(--fontcolor);font-weight:var(--fontbold7);font-size:18px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.common-container .video-content .video-list li .video-info .video-text {margin:10px 0px;font-size:16px;color:#666}
.common-container .video-content .video-list li .video-info .video-text a {color:#999;font-size:16px;line-height:24px}
.common-container .video-content .video-list li .video-info .more-btn {position:relative;display:block;color:var(--fontcolor);font-weight:var(--fontbold7)}
.common-container .video-content .video-list li .video-info .more-btn i {position:absolute;top:1px;left:80px;transform:scale(1)}
.common-container .video-content .video-list-2 {display:flex;flex-wrap:wrap;margin:50px 0px;width:100%}
.common-container .video-content .video-list-2 li {margin-right:36px;width:23%;border:2px solid #EEE;box-sizing:border-box;margin-bottom:50px;transition:all .4s ease}
.common-container .video-content .video-list-2 li:nth-of-type(4n) {margin-right:0px}
.common-container .video-content .video-list-2 li .video-img {width:100%}
.common-container .video-content .video-list-2 li .video-img img {width:100%;max-width:100%;max-height:100%;transition:all .4s ease}
.common-container .video-content .video-list-2 li .video-info {padding:8px}
.common-container .video-content .video-list-2 li .video-info .video-date {color:#666}
.common-container .video-content .video-list-2 li .video-info .video-title {margin-top:10px}
.common-container .video-content .video-list-2 li .video-info .video-title a {color:var(--fontcolor);font-weight:var(--fontbold7);font-size:18px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.common-container .video-content .video-list-2 li .video-info .video-text {margin:10px 0px;font-size:16px;color:#666}
.common-container .video-content .video-list-2 li .video-info .video-text a {color:#666666;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.common-container .video-content .video-list-2 li:hover {border-color:var(--color);box-shadow:0 0 5px 1px rgba(0,0,0,.3);transform:translateY(-3px)}
.common-container .video-content .video-list-2 li:hover .video-info .video-title a {color:var(--color)}
.common-container .video-content .common-pages {margin-bottom:80px}
.common-container .feedback-content {margin:50px 0px;padding:0px 260px;display:flex}
.common-container .feedback-content .feedback-main {margin-left:20px;flex:1}
.common-container .feedback-content .feedback-main .feedback-tips {margin-bottom:50px}
.common-container .feedback-content .feedback-main .feedback-tips p {line-height:30px}
.common-container .feedback-content .feedback-main .feedback-tips p a {color:var(--color)}
.common-container .feedback-content .feedback-main .send-inquiry .inquiry-form {position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}
@media(min-width:1441px)and (max-width:1680px) {.home-container .about-info .about-content .content-title {font-size:30px}
.home-container .about-info .about-content article {padding-right:100px}
.home-container .about-info .about-content article p {font-size:18px}
.home-container .about-info .about-content .about-btn {width:140px;height:40px;font-size:18px}
.home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content .news-title,.home-container .lastest-news ul li .news-content article {margin:0px 50px}}
@media(min-width:1281px)and (max-width:1440px) {.home-container .about-info .about-content .content-title {font-size:26px}
.home-container .about-info .about-content article {padding-right:100px}
.home-container .about-info .about-content article p {font-size:14px}
.home-container .about-info .about-content .about-btn {width:120px;height:30px;font-size:14px}
.home-container .lastest-news ul li .news-content .news-title {margin:0px 40px;font-size:20px}
.home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content article {margin:0px 40px}}
@media(min-width:1281px)and (max-width:1520px) {.home-container .welcome-info .part-item {margin:80px 100px 0px}
.home-container .hot-product ul {margin:80px 100px}
.home-container .partners {margin:140px 100px 150px}}
@media(max-width:1440px) {.home-container .part-title p:first-child {font-size:40px}
.home-container .part-title:after {font-size:170px}
.home-container .about-info .about-content .content-title {padding-left:20px;font-size:18px}
.home-container .about-info .about-content article {padding:0px 20px}
.home-container .about-info .about-content article p {font-size:15px;line-height:28px}
.home-container .about-info .about-content .about-btn {width:120px;height:30px;font-size:14px;margin-left:20px}}
@media(min-width:1081px)and (max-width:1280px) {.home-container .welcome-info .part-item {margin:80px 50px 0px}
.home-container .hot-product ul {margin:80px 50px}
.home-container .lastest-news ul li .news-content .news-title {margin:0px 30px;font-size:16px}
.home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content article {margin:0px 30px}
.home-container .partners {margin:140px 50px 150px}}
@media(min-width:769px)and (max-width:1081px) {.home-container .welcome-info .part-item {margin:80px 15px 0 25px}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item {margin-right:25px}
.home-container .about-info .about-content article {padding:0px 20px}
.home-container .about-info .about-content article p {font-size:13px;line-height:28px}
.home-container .hot-product ul {margin:80px 25px}
.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content .news-title {margin:0px 20px;font-size:14px}
.home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content article {margin:0px 20px;font-size:12px}
.home-container .lastest-news ul li .news-content:before {border-top:2px solid var(--color);border-bottom:2px solid var(--color)}
.home-container .lastest-news ul li .news-content:after {border-left:2px solid var(--color);border-right:2px solid var(--color)}
.home-container .lastest-news ul li .news-content:after,.home-container .lastest-news ul li .news-content:before {width:96%;height:94%;top:3%;left:2%}
.home-container .partners {margin:140px 25px 150px}}
@media screen and (max-width:768px) {.home-container #swiper-banner .swiper-button-next,.home-container #swiper-banner .swiper-button-prev {display:none}
.home-container .part-title h3 {font-size:4.8vw}
.home-container .part-title p {line-height:24px;font-size:3.4666666667vw}
.home-container .part-title:after {font-size:19.2vw;top:-8vw}
.home-container .welcome-info {margin-top:10vw}
.home-container .welcome-info .part-item {margin:6vw 4vw 0vw}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide {max-width:50vw}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {margin:2.6666666667vw 1.3333333333vw 0;font-size:3.4666666667vw;line-height:120%;padding-right:.5333333333vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:9.3333333333vw}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content {margin:1.3333333333vw;font-size:4vw}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img {min-height:41vw;background:#FFF}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover {transform:translateY(0);box-shadow:none}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-title {color:var(--color)}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img {opacity:.4}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img a {transform:translateZ(0);opacity:1}
.home-container .welcome-info .part-item .swiper-part-pagination {margin:4vw 0vw}
.home-container .about-info {position:relative}
.home-container .about-info .about-img {width:100%;background:var(--color)}
.home-container .about-info .about-img img {opacity:.1}
.home-container .about-info .about-content {padding:2.6666666667vw 0vw;width:100%;background:0 0;z-index:9}
.home-container .about-info .about-content .content-title {padding-left:4vw;font-size:4.8vw;font-weight:var(--fontbold7);color:#FFF}
.home-container .about-info .about-content article {padding-left:4vw;padding-right:4vw;margin:15px 0px}
.home-container .about-info .about-content article p {font-size:4vw;line-height:150%}
.home-container .about-info .about-img {position:absolute;height:100%;height:100%}
.home-container .about-info .about-content .about-btn {width:26.6666666667vw;height:10.6666666667vw;border:1px solid #FFF;font-size:4vw;margin-left:5.3333333333vw;transition:all .5s ease}
.home-container .about-info .about-content .about-btn:hover {background:#FFF;border:2px solid var(--color);cursor:pointer}
.home-container .about-info .about-content .about-btn:hover a {color:var(--color)}
.home-container .about-info .about-content .about-btn a {color:#FFF}
.home-container .hot-product {margin-top:10vw}
.home-container .hot-product ul {margin:6vw 4vw}
.home-container .hot-product ul li {width:48%;margin-bottom:5vw;margin-right:1.8666666667vw}
.home-container .hot-product ul li:nth-of-type(2n) {margin-right:0px}
.home-container .hot-product ul li .pro-img {min-height:40vw}
.home-container .hot-product ul li .pro-name {font-size:3.4666666667vw;text-align:center;line-height:4.8vw;margin:2.6666666667vw 0vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-container .hot-product ul li .pro-btn {display:none}
.home-container .lastest-news ul li {width:100%}
.home-container .lastest-news ul li:nth-of-type(2n) {display:none}
.home-container .lastest-news ul li .news-content,.home-container .lastest-news ul li .news-img {width:50%}
.home-container .lastest-news ul li .news-content .news-title {margin:1.0666666667vw 2.6666666667vw 0vw;font-size:3.4666666667vw}
.home-container .lastest-news ul li .news-content .news-date {margin:.6666666667vw 2.6666666667vw;font-size:3.2vw}
.home-container .lastest-news ul li .news-content article {display:none;margin:0 2.6666666667vw;font-size:3.4vw;line-height:110%}
.home-container .lastest-news ul li .news-content .more-link {display:none}
.home-container .partners {margin:6vw 4vw 10vw}
.home-container .partners ul {margin-top:10.6666666667vw}
.home-container .partners ul li {box-sizing:border-box;max-width:33%;min-width:33%;height:auto;padding-bottom:0px;border:1px solid #EEE;border-right:none;border-bottom:none}
.home-container .partners ul li:nth-of-type(6n) {border-top:1px solid #EEE;border-left:1px solid #EEE;border-right:none}
.home-container .partners ul li:nth-of-type(3n) {border-right:1px solid #EEE}
.home-container .partners ul li:nth-of-type(n+7) {border-top:1px solid #EEE;border-left:1px solid #EEE;border-bottom:none}
.home-container .partners ul li:nth-of-type(n+10),.home-container .partners ul li:nth-of-type(n+7):hover {border-bottom:1px solid #EEE}
.home-container .partners ul li:hover {border-top:1px solid #EEE;border-left:1px solid #EEE}
.home-container .partners ul li:hover+li {border-left:1px solid #EEE}
.home-container .partners ul li:hover+li+li+li+li+li+li {border-top:1px solid #EEE}
.home-container .partners ul li:nth-of-type(6n):hover {border-right:1px solid #EEE}}
@media screen and (min-width:751px)and (max-width:768px) {.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {font-size:18px;min-height:0px}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content {font-size:14px}
.home-container .about-info .about-content .content-title {font-size:28px}
.home-container .about-info .about-content article p,.home-container .hot-product ul li .pro-name,.home-container .lastest-news ul li .news-content .news-title {font-size:24px}
.home-container .lastest-news ul li .news-content .news-date {font-size:20px}
.home-container .lastest-news ul li .news-content article {font-size:18px}}
@media(min-width:1281px)and (max-width:1520px) {header .header-top,header nav {padding:0px 100px}
header nav ul .submenu {right:-100px}
main.common-container .breadcrumbs-nav {padding:0px 100px}
footer .footer-container>ul,footer .footer-top {margin:0px 100px}
footer .footer-container .right-text {padding:0px 100px}}
@media(min-width:1081px)and (max-width:1280px) {header .header-top,header nav {padding:0px 50px}
header nav ul .submenu {right:-50px}
header nav ul .submenu li a {font-size:14px}
header nav ul li a {font-size:16px}
main.common-container .breadcrumbs-nav {padding:0px 50px}
footer .footer-container>ul,footer .footer-top {margin:0px 50px}
footer .footer-container .right-text {padding:0px 50px}}
@media(min-width:769px)and (max-width:1080px) {header .header-top,header nav {padding:0px 25px}
header nav ul .submenu {right:-25px}
header nav ul .submenu li a {font-size:12px}
header nav ul li {margin:0px 8px}
header nav ul li a {font-size:14px}
main.common-container .breadcrumbs-nav {padding:0px 25px}
footer .footer-top {margin:0px 25px}
footer .footer-top .contact-left .contact-content p:nth-child(2) {font-size:20px}
footer .footer-container>ul {margin:0px 25px}
footer .footer-container .right-text {padding:0px 25px}}
@media screen and (max-width:768px) {body,html {overflow:hidden;overflow-y:auto}
body {font-size:4vw}
header .header-top {position:relative;background:0 0}
header .header-top .top-info,header .header-top i {display:none}
header .header-top .top-right {transition:all .4s ease}
header .header-top .top-right .search-input {position:fixed;width:100vw;left:0px;background:#FFF;border-radius:0;padding:26px 15px;z-index:80;border:none;display:flex;opacity:0;top:0px;transition:all .4s ease}
header .header-top .top-right .search-input .search-btn {padding:0px 1.3333333333vw;display:block;height:10.6666666667vw;line-height:10.6666666667vw;background:var(--color);color:#FFF;transition:all .4s ease}
header .header-top .top-right .search-input input {flex:1;height:10.6666666667vw;background-color:#EEE;color:var(--fontcolor);padding-left:4vw;transition:all .4s ease}
header .header-top .top-right .search-active {opacity:1;top:13.3333333333vw}
header nav {position:relative;width:100vw;height:13.3333333333vw;position:fixed;top:0px;left:0px;padding:0px 4vw;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}
header nav ul {background-color:#232429;top:13.3333333333vw;left:0px;position:absolute;flex-direction:column;width:66.7%}
header nav ul li {position:relative;height:auto;margin:0px;display:block;padding:4vw;border-bottom:1px solid #FFFFFF33}
header nav ul li a {width:100%;display:flex;justify-content:space-between;color:#FFF;font-weight:normal;font-size:4vw}
header nav ul li a:hover {color:var(--color)}
header nav ul li a:hover:after {display:none;transform:none}
header nav ul li .inmenu_1 {color:#FFF}
header nav ul li .inmenu_1:after {content:none}
header nav ul li:last-child {border-bottom:none}
header nav ul li i {position:absolute;box-sizing:border-box;width:8vw;height:4vw;padding-left:4vw;right:4vw;top:4vw;color:#FFF;transform:scale(1.4) rotate(0);transform-origin:center center;transition:all .3s}
header nav ul li .slide-active {transform:scale(1.4) rotate(90deg);transform-origin:6vw 2.9vw}
header nav ul li:hover>a,header nav ul li:hover>i {color:#FFF}
header nav ul li:hover>a:after,header nav ul li:hover>i:after {transform:translateX(-50%) rotateY(90deg)}
header nav ul .submenu {transition:none;position:relative;width:100%;right:0px;transform-origin:top;transform:rotateX(0);opacity:1;height:auto;background:#232429;top:0px;list-style-type:square;display:none}
header nav ul .submenu li {position:relative;list-style-type:square;padding:2.6666666667vw 0 0;margin:0 0 0 5.3333333333vw}
header nav ul .submenu li a {font-size:3.4666666667vw}
header nav ul .submenu li:after {content:none}
header nav ul .submenu li:before {content:"";position:absolute;top:4.2666666667vw;left:-2.6666666667vw;width:1.0666666667vw;height:1.0666666667vw;background-color:#FFF}
header nav>ul {left:-66.7%}
header nav .nav-btn {width:33%;display:flex}
header nav .header-logo img {max-height:90%}
header nav .mobile-search-btn {display:block;width:33%;display:flex;justify-content:flex-end;align-items:center}
header nav .mobile-search-btn i {transform:scale(1.4);color:#919194}
header nav .header-logo {width:33%}
main {margin-top:0px}
.common-container .breadcrumbs-nav {padding:0px 15px;height:auto}
.common-container .breadcrumbs-nav a,.common-container .breadcrumbs-nav h1,.common-container .breadcrumbs-nav h2 {line-height:50px}
.detail-container .breadcrumbs-nav {display:none}
.pro-filter {display:none}
main .common-pages {margin-bottom:6.6666666667vw;height:8vw;font-size:4.6666666667vw}
main .common-pages a,main .common-pages span {margin:0 .6666666667vw;padding:1.3333333333vw 2.6666666667vw;font-size:4.6666666667vw;height:auto}
main.common-container .inner-banner {min-height:0px}
main.common-container .inner-banner .pc {display:none}
main.common-container .inner-banner .sm {display:block;min-height:40vw;background:url(imgs/inner-banner-sm.webp);background-size:100vw 40vw}
footer {margin-top:6.6666666667vw}
footer .footer-top {height:18.6666666667vw;margin:0px;padding:0px 4vw}
footer .footer-top .contact-left .contact-logo {display:none}
footer .footer-top .contact-left .contact-content {display:flex;flex-direction:column;justify-content:space-evenly;padding-top:0px;margin-left:0px;width:60vw;height:18.6666666667vw}
footer .footer-top .contact-left .contact-content p:first-child {font-size:4vw;line-height:4vw;top:0px;left:-5.3333333333vw;transform:scale(.8)}
footer .footer-top .contact-left .contact-content p:nth-child(2) {position:relative;left:-5.3333333333vw;font-size:4vw;line-height:4vw;padding-right:.6666666667vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;transform:scale(.8)}
footer .footer-top .contact-left .contact-content:before {display:none}
footer .footer-top .contact-btn {width:27.4666666667vw;height:8vw;border:.2666666667vw solid #FFF}
footer .footer-top .contact-btn a {font-size:3.2vw}
footer .footer-container {padding-bottom:55px;height:auto}
footer .footer-container>ul {margin:0px;height:auto;flex-wrap:wrap}
footer .footer-container>ul>li {flex:none;padding:1.3333333333vw 0vw}
footer .footer-container>ul>li .content {padding-top:0px;padding-left:0px;font-size:4vw}
footer .footer-container>ul>li .content .content-title {font-size:4vw}
footer .footer-container>ul>li .content .content-text {font-size:3.4vw}
footer .footer-container>ul>li .content .content-text a {color:#999}
footer .footer-container>ul>li .logo {width:70px;height:70px;overflow:hidden;background-size:200px 37px}
footer .footer-container>ul>li:first-child {width:100%}
footer .footer-container>ul>li:nth-child(2),footer .footer-container>ul>li:nth-child(3) {width:50%}
footer .footer-container>ul>li span {margin-top:2.6666666667vw;height:5.3333333333vw;position:relative;right:4vw;top:-.6666666667vw}
footer .footer-container>ul>li.map .logo {background-position:10px 20px}
footer .footer-container>ul>li.email .logo {background-position:-70px 20px}
footer .footer-container>ul>li.tel .logo {background-position:-150px 20px}
footer .footer-container .bottom-info {height:auto;padding:0vw 5vw;margin-top:5vw}
footer .footer-container .bottom-info li .title {line-height:10.6666666667vw}
footer .footer-container .bottom-info .intro .title,footer .footer-container .bottom-info .intro .intro-text {display:none}
footer .footer-container .bottom-info {display:block;margin:0px}
footer .footer-container .bottom-info .intro .contact-list {margin-top:20px}
footer .footer-container .bottom-info>li {width:100% !important;margin:0px}
footer .footer-container .bottom-info .nav {margin:0px}
footer .footer-container .bottom-info .nav .title {display:none}
footer .footer-container .bottom-info .nav ul {display:flex;flex-wrap:wrap}
footer .footer-container .bottom-info .nav ul li {margin-right:2.6666666667vw;min-width:30%}
footer .footer-container .bottom-info .nav ul li a {font-size:4vw}
footer .footer-container .bottom-info .code {display:none}
footer .footer-container .bottom-info .code .title {font-size:4vw}
footer .footer-container .bottom-info .code img {width:18vw;height:18vw;min-width:18vw;opacity:1}
footer .footer-container .bottom-info .contact-list {width:100%;margin-top:4vw;display:flex}
footer .footer-container .bottom-info .contact-list li {width:6.6666666667vw;height:6.6666666667vw;display:flex;justify-content:center;align-items:center;margin-right:1.3333333333vw}
footer .footer-container .bottom-info .contact-list li img {width:100%}
footer .footer-container .right-text {padding:4vw 5vw;font-size:3.4vw}
footer .mobile-bottom {z-index:500;background:#FCFCFCFB;width:100%;display:flex;align-items:center;justify-content:space-evenly;box-shadow:1px 2px 10px rgba(0,0,0,.2)}
footer .mobile-bottom .mobile-bottom-item {display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:25%;height:55px;font-size:12px;position:relative}
footer .mobile-bottom .mobile-bottom-item a {display:flex;flex-direction:column;justify-content:space-around;align-items:center;color:#333333}
footer .mobile-bottom .mobile-bottom-item i {font-size:20px;line-height:1}
#toast-container {padding-top:150px}}
@media screen and (min-width:751px)and (max-width:768px) {footer .footer-top .contact-left .contact-content p:first-child,footer .footer-top .contact-left .contact-content p:nth-child(2) {font-size:28px}
footer .footer-top .contact-btn a {font-size:20px}
footer .footer-container>ul>li .content,footer .footer-container>ul>li .content .content-title {font-size:24px}
footer .footer-container>ul>li .content .content-text {font-size:20px}
footer .footer-container>ul>li .content .content-text a {color:#999}
footer .footer-container>ul>li .logo {width:90px;height:90px}
footer .footer-container>ul>li.map .logo {background-position:10px 30px}
footer .footer-container>ul>li.email .logo {background-position:-70px 30px}
footer .footer-container>ul>li.tel .logo {background-position:-150px 30px}
footer .footer-container .bottom-info .nav .title,footer .footer-container .bottom-info .nav ul li a {font-size:24px}
footer .footer-container .right-text {font-size:20px}
footer .mobile-bottom .mobile-bottom-item {font-size:24px}}
@media screen and (min-width:2000px) {.swiper-slide a,.swiper-slide img {width:100%}
header .header-top,header nav {padding:0px 450px}
.home-container .welcome-info .part-item {margin:80px 450px 0px}
.home-container .hot-product ul {margin:80px 450px}
.home-container .partners {margin:140px 450px 150px}
.common-container .news-content,.common-container .video-content,.knowledges-content,.pro-detail-content .pro-bottom-tip,.pro-detail-content .random-pro-list,.pro-detail-content .send-inquiry .inquiry-form,footer .footer-container>ul,footer .footer-top {margin:0 450px}
.common-container .breadcrumbs-nav,.knowledges-detail-content,.news-detail-content,.pro-detail-content .pro-detail-title,.pro-detail-content .pro-page-switch,.products-content .pro-list,footer .footer-container .right-text {padding:0px 450px}
.abouts-content {padding:0px 450px 50px}
.pro-filter {right:450px}
.pro-detail-content .pro-review {margin:50px 450px 30px}
.pro-detail-content .pro-intro,.pro-detail-content .pro-spec {margin:30px 450px 0px}}
@media(min-width:1281px)and (max-width:1520px) {.abouts-content {padding:0px 100px 50px}}
@media(min-width:1081px)and (max-width:1280px) {.abouts-content {padding:0px 50px 50px}}
@media(min-width:769px)and (max-width:1081px) {.abouts-content {padding:0px 25px 50px}}
@media screen and (max-width:768px) {.abouts-content {padding:0px 4vw}
.abouts-content .abouts-title {margin-top:4vw;font-size:4.5333333333vw;padding:1.3333333333vw 0;margin-bottom:.1333333333vw}
.abouts-content article div {margin-bottom:4vw}
.abouts-content article .title {margin-top:2.1333333333vw;font-size:4vw}
.abouts-content article .content,.abouts-content article .title,.abouts-content article p {line-height:5.3333333333vw}
.abouts-content article .content,.abouts-content article p {width:100%}
.abouts-content article .imgs-list {margin-top:1.3333333333vw}
.abouts-content article .imgs-list li {display:none;padding-right:6.6666666667vw}
.abouts-content article .imgs-list li:first-child {display:block}}
@media(min-width:1281px)and (max-width:1520px) {.common-container .news-content {margin:0px 100px}}
@media(min-width:1081px)and (max-width:1280px) {.common-container .news-content {margin:0px 50px}}
@media(min-width:769px)and (max-width:1081px) {.common-container .news-content {margin:0px 25px}}
@media screen and (max-width:768px) {.common-container .news-content {margin:0px 4vw}
.common-container .news-content .news-list {margin:4vw 0vw;justify-content:space-between}
.common-container .news-content .news-list .list-1 {height:32vw;padding:0px 4vw;margin-bottom:6vw}
.common-container .news-content .news-list .list-1 .news-img {display:none}
.common-container .news-content .news-list .list-1 .news-info .news-date {font-size:4vw;line-height:4.5333333333vw;transform:scale(.8);position:relative;left:-7.3333333333vw}
.common-container .news-content .news-list .list-1 .news-info .news-title {margin:1.3333333333vw 0vw}
.common-container .news-content .news-list .list-1 .news-info .news-title a {font-size:4.5333333333vw;line-height:4.8vw;-webkit-line-clamp:2}
.common-container .news-content .news-list .list-1 .news-info .news-text {margin:0vw 0vw 1.3333333333vw}
.common-container .news-content .news-list .list-1 .news-info .news-text a {font-size:4vw;line-height:4.5333333333vw}
.common-container .news-content .news-list .list-1 .news-info .more-btn {font-size:4vw;font-weight:normal;position:relative}
.common-container .news-content .news-list .list-1 .news-info .more-btn i {position:absolute;top:1.2px;left:21.3333333333vw;transform:scale(1.2)}
.common-container .news-content .news-list .list-2 {margin-bottom:6.6666666667vw;width:46%;margin-right:4vw}
.common-container .news-content .news-list .list-2:nth-of-type(3n) {margin-right:4vw}
.common-container .news-content .news-list .list-2:nth-of-type(2n) {margin-right:0px}
.common-container .news-content .news-list .list-2 .news-info .news-date {line-height:3.2vw;font-size:3.2vw}
.common-container .news-content .news-list .list-2 .news-info .news-title {margin-top:1.3333333333vw}
.common-container .news-content .news-list .list-2 .news-info .news-title a {font-size:4vw;line-height:4.2666666667vw}
.common-container .news-content .news-list .list-2 .news-info .news-text {margin:2.6666666667vw 0vw}
.common-container .news-content .news-list .list-2 .news-info .news-text a {font-size:3.3333333333vw;line-height:4vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
@media(min-width:1281px)and (max-width:1520px) {.knowledges-content {margin:0px 100px}}
@media(min-width:1081px)and (max-width:1280px) {.knowledges-content {margin:0px 50px}}
@media(min-width:769px)and (max-width:1081px) {.knowledges-content {margin:0px 25px}}
@media screen and (max-width:768px) {.common-container .knowledges-content {margin:0px 4vw}
.common-container .knowledges-content .knowledges-list {margin:4vw 0vw;justify-content:space-between}
.common-container .knowledges-content .knowledges-list .list-1 {height:32vw;padding:0px 4vw;margin-bottom:6vw}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-img {display:none}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-date {font-size:4vw;line-height:4.5333333333vw;transform:scale(.8);position:relative;left:-7.3333333333vw}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title {margin:1.3333333333vw 0vw}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title a {font-size:4.5333333333vw;line-height:4.8vw}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text {margin:0vw 0vw 1.3333333333vw}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text a {font-size:4vw;line-height:4.5333333333vw}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn {font-size:4vw;position:relative}
.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn i {position:absolute;top:1.2px;left:21.3333333333vw;transform:scale(1.2)}
.common-container .knowledges-content .knowledges-list .list-2 {margin-bottom:6.6666666667vw;width:46%;margin-right:4vw}
.common-container .knowledges-content .knowledges-list .list-2:nth-of-type(3n) {margin-right:4vw}
.common-container .knowledges-content .knowledges-list .list-2:nth-of-type(2n) {margin-right:0px}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-date {line-height:3.2vw;font-size:3.2vw}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title {margin-top:1.3333333333vw}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title a {font-size:4vw;line-height:4.2666666667vw}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text {margin:2.6666666667vw 0vw}
.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a {font-size:3.3333333333vw;line-height:4vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
@media screen and (max-width:768px) {.common-container .contact-wrapper {margin:0px;padding:4vw 0vw 0vw;flex-direction:column}
.common-container .contact-wrapper .contact-left {padding:4vw;width:100%}
.common-container .contact-wrapper .contact-left .title {font-size:4.5333333333vw}
.common-container .contact-wrapper .contact-left ul {margin-top:4vw}
.common-container .contact-wrapper .contact-left ul li {line-height:5.3333333333vw;margin:2.6666666667vw 0vw}
.common-container .contact-wrapper .contact-left ul li .contact-way {font-size:4vw;font-weight:var(--fontbold7)}
.common-container .contact-wrapper .contact-left ul li .contact-info {font-size:4vw}
.common-container .contact-wrapper .contact-left ul li .contact-num {font-size:4.5333333333vw;margin-top:.6666666667vw}
.common-container .contact-wrapper .contact-main {margin-top:4vw;margin-left:0px;flex:1}
.common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form {margin-left:0px}}
@media(min-width:1281px)and (max-width:1520px) {.products-content .content-top {margin:0px 100px}
.products-content .type-box {margin:0px 100px 30px}
.products-content .pro-list,.products-content .pro-list-2 {padding:0px 100px}
.products-content .seo-key {margin:0px 100px}
.pro-filter {right:100px}
.filter-box {padding:0px 100px}
.filter-box .scrollTip {right:100px}}
@media(min-width:1081px)and (max-width:1280px) {.products-content .content-top {margin:0px 50px}
.products-content .type-box {margin:0px 50px 30px}
.products-content .pro-list,.products-content .pro-list-2 {padding:0px 50px}
.products-content .seo-key {margin:0px 50px}
.filter-box {padding:0px 50px}
.filter-box .scrollTip,.pro-filter {right:50px}}
@media(min-width:769px)and (max-width:1080px) {.products-content .content-top {margin:0px 25px}
.products-content .type-box {margin:0px 25px 50px}
.products-content .pro-list,.products-content .pro-list-2 {padding:0px 25px}
.products-content .pro-list-2 li .pro-info {padding:40px 50px}
.products-content .seo-key {margin:0px 25px}
.filter-box {padding:0px 25px}
.filter-box .scrollTip,.pro-filter {right:25px}}
@media screen and (max-width:768px) {.products-content {padding:3vw 3vw 0vw}
.products-content .content-top {margin:0px;height:100px;display:flex;align-items:center}
.products-content .content-top .pro-counts {display:none}
.products-content .content-top .pro-filter {display:inline-block;background:0 0;width:auto;height:auto;padding:0px}
.products-content .content-top .pro-filter span {font-size:4vw;color:var(--fontcolor);font-weight:var(--fontbold7)}
.products-content .content-top .pro-filter i {display:none}
.products-content .type-box {margin:0 0 6.6666666667vw}
.products-content .type-box h1 {display:block;height:10.6666666667vw;font-size:4.8vw;line-height:10.6666666667vw}
.products-content .type-box p {line-height:1.6em}
.products-content .pro-list {margin-top:0px;padding:0px}
.products-content .pro-list .list-1 {width:48%;min-width:48%;max-width:48%;margin-right:2.1333333333vw;margin-bottom:5.3333333333vw;border:1px solid #EEE}
.products-content .pro-list .list-1:nth-of-type(2n) {margin-right:0px}
.products-content .pro-list .list-1 .pro-img {height:32.8vw;min-height:32.8vw}
.products-content .pro-list .list-1 .pro-name {padding:0px 2.6666666667vw;min-height:8vw;display:flex;justify-content:center;align-items:center}
.products-content .pro-list .list-1 .pro-name a {font-size:3.4vw;line-height:4vw}
.products-content .pro-list .list-1 article {display:none}
.products-content .pro-list .list-1 span {margin:2.6666666667vw}
.products-content .pro-list .list-2.pro-checked {border-color:var(--color)}
.products-content .pro-list .list-2 {border:2px solid #EEE;height:auto;width:47%;min-width:47%;max-width:47%;margin-right:1.3333333333vw;margin-bottom:5.3333333333vw;flex-direction:column}
.products-content .pro-list .list-2:nth-of-type(2n) {margin-right:0px}
.products-content .pro-list .list-2 .pro-img {width:auto;height:32.8vw;min-height:32.8vw;border:none}
.products-content .pro-list .list-2 .pro-info {padding:0px;background:#FFF}
.products-content .pro-list .list-2 .pro-info .pro-name {margin-top:1.3333333333vw;padding:0px 2.6666666667vw}
.products-content .pro-list .list-2 .pro-info .pro-name a {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:3.4vw;line-height:3.2vw}
.products-content .pro-list .list-2 .pro-info article {display:none}
.products-content .pro-list .list-2 .pro-info span {display:block;height:1px;background:#EEE;margin:2.6666666667vw}
.products-content .pro-list .list-2 .pro-info .compare-action {left:0px;margin:5.3333333333vw 2.6666666667vw;height:8vw;font-size:3.4vw;justify-content:flex-start;align-items:center;width:auto;background-color:var(--color)}
.products-content .pro-list .list-2 .pro-info .compare-action span {margin:0px;background:0 0;height:auto;color:#FFF}
.products-content .pro-list .list-2 .pro-info .compare-action .compare-action-check+label {border-color:#FFF}
.products-content .pro-list .list-2 .pro-info .compare-action .compare-action-check:checked+label:before {color:#FFF}
.products-content .seo-key {margin:0 0 25px}
.products-content .seo-key .keywords {margin-top:2.6666666667vw}
.products-content .seo-key .keywords span {display:flex;flex-wrap:wrap}
.products-content .seo-key .keywords a {display:inline-block;width:auto;padding:0px 2.6666666667vw;background:#CCC;border-radius:999px;margin-right:1.3333333333vw;color:var(--fontcolor);margin-bottom:4vw}}
@media(min-width:1281px)and (max-width:1520px) {.pro-detail-content .pro-review {margin:50px 100px 0px}
.pro-detail-content .pro-review .pro-preview-right {padding:30px 50px 0px}
.pro-detail-content .pro-detail-title {padding:0px 100px}
.pro-detail-content .pro-intro,.pro-detail-content .pro-spec {margin:30px 100px 0px}
.pro-detail-content .pro-bottom-tip {margin:0px 100px}
.pro-detail-content .pro-page-switch {padding:0px 100px}
.pro-detail-content .random-pro-list,.pro-detail-content .send-inquiry .inquiry-form {margin:0px 100px}}
@media(min-width:1081px)and (max-width:1280px) {.pro-detail-content .pro-review {margin:50px 50px 0px}
.pro-detail-content .pro-review .pro-preview-right {width:500px;padding:30px 20px 0px}
.pro-detail-content .pro-review .pro-preview-right .pro-name {font-size:24px}
.pro-detail-content .pro-review .pro-preview-right .btn-list {margin-top:20px}
.pro-detail-content .pro-detail-title {padding:0px 50px}
.pro-detail-content .pro-intro,.pro-detail-content .pro-spec {margin:30px 50px 0px}
.pro-detail-content .pro-bottom-tip {margin:0px 50px}
.pro-detail-content .pro-page-switch {padding:0px 50px}
.pro-detail-content .random-pro-list {margin:0px 50px}
.pro-detail-content .random-pro-list ul li .pro-name {font-size:14px}
.pro-detail-content .send-inquiry .inquiry-form {margin:0px 50px}}
@media(min-width:769px)and (max-width:1080px) {.pro-detail-content .pro-review {margin:50px 25px 0px}
.pro-detail-content .pro-review .pro-preview-right {width:400px;padding:30px 20px 0px}
.pro-detail-content .pro-review .pro-preview-right .btn-list {margin-top:20px}
.pro-detail-content .pro-detail-title {padding:0px 25px}
.pro-detail-content .pro-intro,.pro-detail-content .pro-spec {margin:30px 25px 0px}
.pro-detail-content .pro-bottom-tip {margin:0px 25px;font-size:14px}
.pro-detail-content .pro-page-switch {padding:0px 25px}
.pro-detail-content .random-pro-list {margin:0px 25px}
.pro-detail-content .random-pro-list ul li .pro-name {font-size:12px}
.pro-detail-content .send-inquiry .inquiry-form {margin:0px 25px}}
@media screen and (max-width:768px) {.pro-detail-content .pro-review {margin:0px 4vw;flex-direction:column}
.pro-detail-content .pro-review .pro-preview-left {width:100%;min-width:100%;height:auto}
.pro-detail-content .pro-review .pro-preview-left .preview-container {visibility:hidden;width:100%}
.pro-detail-content .pro-review .pro-preview-left .preview-container .small-box {display:none}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box {margin-top:0px}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box a {display:none}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list,.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper {width:100%}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item {height:auto;border:none;margin:0px}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item img {width:100%}
.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .banner-page {display:flex}
.pro-detail-content .pro-review .pro-preview-right {margin-bottom:0px;padding:4vw 0px}
.pro-detail-content .pro-review .pro-preview-right .pro-name {font-size:4vw}
.pro-detail-content .pro-review .pro-preview-right .pro-price,.pro-detail-content .pro-review .pro-preview-right .pro-views {font-size:4vw;margin:1.3333333333vw 0vw}
.pro-detail-content .pro-review .pro-preview-right .share-btn-list {margin:4vw 0vw}
.pro-detail-content .pro-review .pro-preview-right article {font-size:4vw;margin-right:0px}
.pro-detail-content .pro-review .pro-preview-right .btn-list {justify-content:space-between;margin-top:4vw}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 {height:10vw;width:40vw;margin:2vw 0px}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 span {font-size:4vw}
.pro-detail-content .pro-review .singglepic {width:100%!important;height:auto!important;margin-top:4vw;margin-bottom:0!important;border:none!important}
.pro-detail-content .pro-review .singglepic img {max-width:100%;max-height:100%}
.pro-detail-content .pro-detail-title {line-height:5vw;padding:2vw 4vw;height:auto;width:100%;font-size:4vw}
.pro-detail-content .pro-intro {margin:2vw 4vw}
.pro-detail-content .pro-intro .intro-title {font-size:4.2666666667vw}
.pro-detail-content .pro-intro article {line-height:1.7em;padding:4vw 0px}
.pro-detail-content .pro-spec {margin:4vw 6.6666666667vw}
.pro-detail-content .pro-spec .spec-title {font-size:4.2666666667vw}
.pro-detail-content .pro-spec .spec-content {padding:4vw 0px}
.pro-detail-content .pro-spec .spec-content table tr td {height:6.6666666667vw;width:100%}
.pro-detail-content .pro-bottom-tip {margin:0px 5vw;padding:4vw 0vw;line-height:1.5em}
.pro-detail-content .pro-page-switch {background:0 0;height:auto;padding:0px 4vw;margin:4vw 0vw;flex-wrap:wrap}
.pro-detail-content .pro-page-switch .page-btn,.pro-detail-content .pro-page-switch .page-next,.pro-detail-content .pro-page-switch .page-prev {line-height:10.6666666667vw;font-size:4vw}
.pro-detail-content .pro-page-switch .page-prev {background:#F8F8F8;width:100%}
.pro-detail-content .pro-page-switch .page-prev i {margin-right:1.3333333333vw}
.pro-detail-content .pro-page-switch .page-next {background:#F8F8F8;margin-top:6.6666666667vw;width:100%}
.pro-detail-content .pro-page-switch .page-next i {margin-left:1.3333333333vw}
.pro-detail-content .pro-page-switch .page-btn {width:32vw}
.pro-detail-content .pro-page-switch .page-btn a {color:#FFF;font-size:4vw}
.pro-detail-content .pro-page-switch a {font-weight:var(--fontbold7);font-size:4vw;line-height:10.6666666667vw;margin:0px}
.pro-detail-content .random-pro-list {margin:4vw}
.pro-detail-content .random-pro-list .random-title {font-size:4vw;margin:4vw 0vw}
.pro-detail-content .random-pro-list ul {width:100%;margin-top:4vw;flex-wrap:wrap}
.pro-detail-content .random-pro-list ul li {max-width:31%;min-width:31%;margin-bottom:6.6666666667vw}
.pro-detail-content .random-pro-list ul li .pro-img {height:29.0666666667vw}
.pro-detail-content .random-pro-list ul li .pro-name {line-height:4vw;margin:2.6666666667vw 0vw;font-size:2.6666666667vw}
.pro-detail-content .random-pro-list ul li .more-btn {width:16vw;height:5.3333333333vw;padding:.6666666667vw;border-radius:4vw;font-size:2.6666666667vw}
.pro-detail-content .send-inquiry {margin-top:4vw}
.pro-detail-content .send-inquiry .inquiry-title {margin:4vw 0vw;font-size:4vw}
.pro-detail-content .send-inquiry .inquiry-form {margin:0px 4vw}
.pro-detail-content .table-responsive {touch-action:auto;width:100%;margin:.2rem 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}
@media(min-width:1281px)and (max-width:1520px) {.news-detail-content {padding:0px 100px}
.news-detail-content .news-title {font-size:24px}}
@media(min-width:1081px)and (max-width:1280px) {.news-detail-content {padding:0px 50px}
.news-detail-content .news-title {font-size:20px}}
@media(min-width:769px)and (max-width:1081px) {.news-detail-content {padding:0px 25px}
.news-detail-content .news-title {font-size:18px}}
@media screen and (max-width:768px) {.news-detail-content {margin:4vw 0vw;padding:0px 4vw}
.news-detail-content .news-title {padding:0px;font-size:4vw;line-height:7vw}
.news-detail-content .news-info {font-size:14px}
.news-detail-content .news-date {margin:2vw 0px}
.news-detail-content article p {margin-bottom:10px;color:var(--fontcolor)}
.news-detail-content article p:first-of-type {margin-top:0px}
.news-detail-content span.line {margin:6.6666666667vw 0vw}
.news-detail-content .pages-list a,.news-detail-content .pages-list div,.news-detail-content .pages-list span {line-height:5.3333333333vw;font-size:4vw}
.news-detail-content .pages-list div {margin-top:2.6666666667vw}}
@media(min-width:1281px)and (max-width:1520px) {.knowledges-detail-content {padding:0px 100px}
.knowledges-detail-content .knowledges-title {font-size:24px}}
@media(min-width:1081px)and (max-width:1280px) {.knowledges-detail-content {padding:0px 50px}
.knowledges-detail-content .knowledges-title {font-size:20px}}
@media(min-width:769px)and (max-width:1081px) {.knowledges-detail-content {padding:0px 25px}
.knowledges-detail-content .knowledges-title {font-size:18px}}
@media screen and (max-width:768px) {.knowledges-detail-content {margin:4vw 0vw;padding:0px 4vw}
.knowledges-detail-content .knowledges-title {padding:0px;font-size:4vw;line-height:7vw}
.knowledges-detail-content .knowledges-date {margin:4vw 0vw;line-height:6.4vw}
.knowledges-detail-content article p {margin-top:4vw;line-height:4.5333333333vw}
.knowledges-detail-content article p:first-of-type {margin-top:0px}
.knowledges-detail-content span.line {margin:6.6666666667vw 0vw}
.knowledges-detail-content .pages-list a,.knowledges-detail-content .pages-list div,.knowledges-detail-content .pages-list span {line-height:5.3333333333vw}
.knowledges-detail-content .pages-list div {margin-top:2.6666666667vw}}
@media(min-width:1281px)and (max-width:1520px) {.common-container .video-content {margin:0px 100px}}
@media(min-width:1081px)and (max-width:1280px) {.common-container .video-content {margin:0px 50px}}
@media(min-width:769px)and (max-width:1081px) {.common-container .video-content {margin:0px 25px}}
@media screen and (max-width:768px) {.common-container .video-content {margin:0px 4vw}
.common-container .video-content .video-list {margin:6.6666666667vw 0vw}
.common-container .video-content .video-list li {height:32vw;padding:0px 4vw;margin-bottom:6vw}
.common-container .video-content .video-list li .video-img {display:none}
.common-container .video-content .video-list li .video-info .video-date {font-size:4vw;line-height:4.5333333333vw;transform:scale(.8);position:relative;left:-7.3333333333vw}
.common-container .video-content .video-list li .video-info .video-title {margin:1.3333333333vw 0vw}
.common-container .video-content .video-list li .video-info .video-title a {font-size:4.5333333333vw;line-height:4.8vw}
.common-container .video-content .video-list li .video-info .video-text {margin:0vw 0vw 1.3333333333vw}
.common-container .video-content .video-list li .video-info .video-text a {font-size:4vw;line-height:4.5333333333vw}
.common-container .video-content .video-list li .video-info .more-btn {font-size:4vw;position:relative}
.common-container .video-content .video-list li .video-info .more-btn i {position:absolute;top:1.2px;left:21.3333333333vw;transform:scale(1.2)}
.common-container .video-content .video-list-2 {margin:4vw 0vw;justify-content:space-between}
.common-container .video-content .video-list-2 li {margin-bottom:6.6666666667vw;width:46%;margin-right:4vw}
.common-container .video-content .video-list-2 li:nth-of-type(3n) {margin-right:4vw}
.common-container .video-content .video-list-2 li:nth-of-type(2n) {margin-right:0px}
.common-container .video-content .video-list-2 li .video-info .video-date {line-height:3.2vw;font-size:3.2vw}
.common-container .video-content .video-list-2 li .video-info .video-title {margin-top:1.3333333333vw}
.common-container .video-content .video-list-2 li .video-info .video-title a {font-size:4vw;line-height:4.2666666667vw}
.common-container .video-content .video-list-2 li .video-info .video-text {margin:2.6666666667vw 0vw}
.common-container .video-content .video-list-2 li .video-info .video-text a {font-size:3.3333333333vw;line-height:4vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
@media(min-width:1281px)and (max-width:1520px) {.common-container .feedback-content {padding:0px 100px 50px}}
@media(min-width:1081px)and (max-width:1280px) {.common-container .feedback-content {padding:0px 50px 50px}}
@media(min-width:769px)and (max-width:1081px) {.common-container .feedback-content {padding:0px 25px 50px}}
@media screen and (max-width:768px) {.common-container .feedback-content {margin:0px;padding:6.6666666667vw 6.6666666667vw 0vw;flex-direction:column}
.common-container .feedback-content .feedback-main {margin-top:0px;margin-left:0px;flex:1}
.common-container .feedback-content .feedback-main .feedback-tips {margin-bottom:6.6666666667vw}
.common-container .feedback-content .feedback-main .feedback-tips p {line-height:1.6em}
.common-container .feedback-content .feedback-main .send-inquiry .inquiry-form {margin-left:0px}}
@-webkit-keyframes hvr-icon-wobble-horizontal {16.65% {transform:translateX(6px)}
33.3% {transform:translateX(-5px)}
49.95% {transform:translateX(4px)}
66.6% {transform:translateX(-2px)}
83.25% {transform:translateX(1px)}
to {transform:translateX(0)}}
@keyframes hvr-icon-wobble-horizontal {16.65% {transform:translateX(6px) scale(1.7)}
33.3% {transform:translateX(-5px) scale(1.7)}
49.95% {transform:translateX(4px) scale(1.7)}
66.6% {transform:translateX(-2px) scale(1.7)}
83.25% {transform:translateX(1px) scale(1.7)}
to {transform:translateX(0) scale(1.7)}}
.hvr-icon-wobble-horizontal {display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition-duration:.3s}
.hvr-icon-wobble-horizontal:active .hvr-icon,.hvr-icon-wobble-horizontal:focus .hvr-icon,.hvr-icon-wobble-horizontal:hover .hvr-icon {-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.hvr-bounce-to-right,.hvr-bounce-to-right-y {display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-property:color;transition-duration:.5s}
.hvr-bounce-to-right-y:before,.hvr-bounce-to-right:before {content:"";position:absolute;z-index:-1;top:-1px;left:-1px;right:-1px;bottom:-1px;background:var(--color);transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}
.hvr-bounce-to-right-y:active,.hvr-bounce-to-right-y:focus,.hvr-bounce-to-right-y:hover,.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover {color:#FFF}
.hvr-icon-wobble-horizontal .hvr-icon {transform:translateZ(0)}
.hvr-bounce-to-right-y:active:before,.hvr-bounce-to-right-y:focus:before,.hvr-bounce-to-right-y:hover:before,.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before {transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}
.hvr-shutter-out-vertical {display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#FFF;transition-property:color;transition-duration:.3s}
.hvr-shutter-out-vertical:before {content:"";position:absolute;z-index:-1;top:0px;bottom:0px;left:0px;right:0px;background:var(--color);transform:scaleY(0);transform-origin:50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}
.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover {color:#FFF}
.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before {transform:scaleY(1)}
.swiper-slide {display:flex;justify-content:center}
.swiper-lazy-preloader {width:30px!important;height:30px!important;border-radius:50%!important;border:2px solid #000!important;border-top-color:transparent!important}
.preview-container {position:relative;width:450px}
.preview-container .small-box {position:relative;width:450px;height:450px;border:1px solid #EEE;display:flex;justify-content:center;align-items:center;box-sizing:border-box}
.preview-container .small-box img {max-width:100%;max-height:100%}
.preview-container video {width:100%;height:100%;object-fit:contain;background:#EEEEEE;z-index:99}
.preview-container .big-box.act {display:none !important}
.preview-container .small-box .hover {position:absolute;width:180px;height:180px;background-color:hsla(0,0%,80%,.6);border:1px solid #EEE;display:none}
.preview-container .thumbnail-box {margin-top:20px;position:relative;width:100%;box-sizing:border-box}
.preview-container .thumbnail-box .list {overflow:hidden;width:390px;margin:0px auto;position:relative}
.preview-container .thumbnail-box .list ul {width:100000px;display:flex}
.preview-container .thumbnail-box .list ul .item {width:58px;height:58px;display:flex;justify-content:center;align-items:center;margin:0px 10px;box-sizing:border-box;border:1px solid #CCC}
.preview-container .thumbnail-box .list ul .item:hover {cursor:pointer}
.preview-container .thumbnail-box .list ul .item img {max-width:100%;max-height:100%}
.preview-container .thumbnail-box .list ul .item-cur {border:1px solid var(--color)}
.preview-container .thumbnail-box .list .banner-page {display:none;justify-content:center;align-items:center;position:absolute;height:6.6666666667vw;width:13.3333333333vw;border-radius:5.3333333333vw;background:rgba(0,0,0,.8);bottom:1.3333333333vw;right:1.3333333333vw;z-index:999}
.preview-container .thumbnail-box .list .banner-page span {color:#FFF;font-size:4vw}
.preview-container .thumbnail-box .btn {position:absolute;top:50%;width:22px;height:32px;margin-top:-16px}
.preview-container .thumbnail-box .btn-prev {left:0px;background:url(imgs/btn_prev.webp) no-repeat}
.preview-container .thumbnail-box .btn-next {right:0px;background:url(imgs/btn_next.webp) no-repeat}
.preview-container .thumbnail-box .btn_prev_disabled {background:url(imgs/btn_prev_disabled.webp) no-repeat;cursor:not-allowed}
.preview-container .thumbnail-box .btn_next_disabled {background:url(imgs/btn_next_disabled.webp) no-repeat;cursor:not-allowed}
.preview-container .big-box {display:none;overflow:hidden;top:0px;left:449px;border:1px solid #EEE;position:absolute;width:450px;height:450px;box-sizing:border-box;background:#FFF;z-index:20}
.preview-container .big-box img {display:block;max-width:none;width:130%}
.compare-action {position:relative;height:37px;margin:10px;display:flex;justify-content:center;align-items:center;background-color:var(--color);cursor:pointer}
.compare-action span {display:inline-block;color:#FFF;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.compare-action .compare-action-check+label {width:16px;height:16px;content:" ";border:1px solid #1867d4;border-radius:1px;margin-right:10px;cursor:pointer}
.compare-action .compare-action-check:checked+label:before {font-size:16px;line-height:16px;content:"✓";text-align:center;color:#FFF;position:relative;left:2px;top:-1px}
.compare-action input[type=checkbox] {visibility:hidden}
@media(max-width:768px) {.compare-action {position:relative;margin:5.3333333333vw 2.6666666667vw;height:8vw;font-size:3.4vw;justify-content:flex-start}
.compare-action .compare-action-check+label {margin-left:0px;margin-right:5px}
.products-content .pro-list .compare-action span {margin:0px}}
.inquiry-pro-list {margin:50px 0px;display:none;width:100%;box-sizing:border-box;border:1px solid #DDD;padding:0px 100px}
.inquiry-pro-list a {text-decoration:none;color:var(--fontcolor)}
.inquiry-pro-list .inquiry-pro-item {width:100%;height:100px;border-bottom:1px solid #DDD;display:flex;padding:40px 10px;margin-top:0px;box-sizing:content-box}
.inquiry-pro-list .inquiry-pro-item .pro-item-img {height:100%;width:200px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.inquiry-pro-list .inquiry-pro-item .pro-item-img a {width:100%;height:100%}
.inquiry-pro-list .inquiry-pro-item .pro-item-img img {height:100%}
.inquiry-pro-list .inquiry-pro-item .pro-item-name {padding-top:30px;margin-left:50px;font-size:14px}
.inquiry-pro-list .inquiry-pro-item .pro-item-name a {font-size:16px}
.inquiry-pro-list .inquiry-pro-item .pro-item-name a:hover {color:var(--color)}
.inquiry-pro-list .inquiry-pro-item .pro-item-name p {padding:0px;margin:0px}
.inquiry-pro-list .inquiry-pro-item .pro-item-del {position:relative;padding-top:20px;height:100%;width:200px;margin-left:auto;display:flex;justify-content:center;align-items:center}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close {position:absolute;width:32px;height:32px;left:-6px;top:43px}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after,.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before {position:absolute;left:15px;content:"";height:20px;width:2px;background-color:#333333}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before {transform:rotate(45deg)}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after {transform:rotate(-45deg)}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:hover {cursor:pointer}
.inquiry-pro-list .inquiry-pro-item:last-child {border:none}
@media(max-width:768px) {.inquiry-pro-list {padding:1vw 5vw}
.inquiry-pro-list .inquiry-pro-item {box-sizing:border-box;padding:3vw;margin:0px;height:20vw}
.inquiry-pro-list .inquiry-pro-item .pro-item-del {padding-top:0px;width:10vw}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close {right:0px;top:4vw}
.inquiry-pro-list .inquiry-pro-item .pro-item-name {font-size:3vw;margin:0px;padding:2vw 0 0;max-width:48vw}
.inquiry-pro-list .inquiry-pro-item .pro-item-name p a {font-size:3.4vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.inquiry-pro-list .inquiry-pro-item .pro-item-img {min-width:24vw;margin-right:3vw;width:auto}}
.table td,.table th {border:1px solid #cdcdcd;padding:5px}
.table {border-collapse:collapse}
.products-content .seo-key a {color:var(--fontcolor)}
.pro-detail-content .pro-intro article a {color:var(--fontcolor)}
.pro-detail-content .productsTags {line-height:1.6;color:var(--fontcolor)}
.pro-detail-content .productsTags a {color:var(--fontcolor)}
#tags {display:flex;border-bottom:1px solid #CCC;margin-bottom:20px;flex-wrap:wrap}
#tags li a {font-size:18px;font-weight:var(--fontbold7);line-height:46px;padding:0px 28px;border:1px solid #CCC;margin:10px 20px -1px 0px;display:block;box-sizing:border-box}
#tags li a:hover,#tags li.selectTag a {color:var(--color)}
@media screen and (max-width:992px) {#tags li a {font-size:17px;padding:0px 20px;line-height:40px;margin-right:10px}}
@media screen and (max-width:768px) {#tags li a {font-size:14px;padding:0px 10px;line-height:30px;margin-right:6px}}
@media screen and (max-width:500px) {#tags li a {width:100%;text-align:center;font-size:14px;padding:0px 10px;line-height:30px;margin-right:0px}
#tags li {width:49%}
#tags {justify-content:space-between;border:none}}
#tagContent .tagContent {display:none}
#tagContent .tagContent.selectTag {display:block}
.protypebody {margin:0px 260px 50px;line-height:1.6;color:#444;box-shadow:0 0 5px #DDD;padding:15px}
@media (max-width:1520px) and (min-width:1281px) {.protypebody {margin:0px 100px 30px}}
@media (max-width:1280px) and (min-width:1081px) {.protypebody {margin:0px 50px 30px}}
@media (max-width:1080px) and (min-width:769px) {.protypebody {margin:0px 25px 50px}}
@media screen and (max-width:768px) {.protypebody {margin:0 0 6.6666666667vw;font-size:3.4vw}}
@media screen and (max-width:768px) {.products-content .pro-list .list-2 .pro-img a {display:block;height:100%;width:100%}
.products-content .pro-list .list-2 .pro-img a img {height:100%;object-fit:contain}
header nav>ul {height:calc(100% - 13.3333333333vw);position:fixed;display:block;overflow-y:auto}}
.filter-box .pro-type-list>ul .LiLevel2 {width:25%;background:0 0}
.filter-box .pro-type-list>ul .LiLevel2 a {width:70%;height:35px;background:#FFF;display:inline-block;line-height:35px;text-align:center}
.filter-box .pro-type-list>ul .LiLevel1 .LiLevel2 {width:70%}
@media screen and (max-width:768px) {main.common-container .inner-banner .sm {display:none}
main.common-container .inner-banner .pc {display:block}}
@media screen and (max-width:768px) {main.detail-container .inner-banner .pc {display:none}}
.knowledges-detail-content .pro-detail-content .random-pro-list,.news-detail-content .pro-detail-content .random-pro-list {margin:0px}
.inquiry-title {margin:20px 0px;width:100%;height:50px;line-height:50px;font-size:22px;font-weight:var(--fontbold7);color:var(--fontcolor);text-align:center;background:#F8F8F8}
.inquiry-form {position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}
@media screen and (max-width:768px) {.common-container .news-content .news-list .list-1 .news-info .news-text {display:-webkit-box;display:-moz-box;max-height:36px;font-size:14px;line-height:18px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:2vw 0px}
.common-container .news-content .news-list .list-1 {padding:4vw}}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img::after {padding-top:0px;height:auto}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img img {position:relative;height:auto;width:auto}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img {display:block;position:relative}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a {display:inline-block;position:absolute;top:50%;left:50%;height:auto;width:auto;transform:translate(-50%,-50%)}
.ie .home-container .about-info .about-content {justify-content:space-around}
.ie .home-container .hot-product ul li .pro-img:after {padding-top:0px}
.ie .home-container .lastest-news ul li .news-content {justify-content:space-around}
.ie .home-container .hot-product ul li .pro-name {width:100%;height:70px}
.ie .home-container .hot-product ul li a,.ie .home-container .hot-product ul li object {height:auto}
.ie .products-content .pro-list .list-1 .pro-img img {position:relative;width:100%}
.ie .products-content .pro-list .list-2 .pro-img a {position:relative;display:block;width:100%;height:100%}
.ie .products-content .pro-list .list-2 .pro-img a img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.ie .compare-action .compare-action-check+label {display:block}
.ie .products-content .pro-list .list-1 .pro-name {box-sizing:border-box}
.ie .products-content .pro-list .list-1 .pro-name a {width:100%;display:block}
.ie .feedbackForm tbody {width:850px}
.ie .feedbackForm table input {width:300px}
.ie .feedbackForm tbody tr:last-child td:nth-of-type(2) input,.ie .feedbackForm tbody tr:last-child td:nth-of-type(2) textarea,.ie .feedbackForm tbody tr:nth-of-type(5) td:nth-of-type(2) input,.ie .feedbackForm tbody tr:nth-of-type(5) td:nth-of-type(2) textarea,.ie .feedbackForm tbody tr:nth-of-type(6) td:nth-of-type(2) input,.ie .feedbackForm tbody tr:nth-of-type(6) td:nth-of-type(2) textarea {width:740px}
.ie .feedbackForm table tr td:first-of-type,.ie .filter-box .pro-type-list>ul .LiLevel1>a,.ie .filter-box .pro-type-list>ul .pro-menu>li a,.ie .filter-box .pro-type-list>ul .sub-menu>li a {display:block}
.ie .products-content .pro-list .list-1 article a {height:36px;display:block}
.ie .common-container .news-content .news-list .list-2 .news-info .news-text a,.ie .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a {height:45px;display:block}
.ie .preview-container .thumbnail-box .list ul .item img {width:80%}
.ie .home-container .hot-product ul li {margin-bottom:150px}
.ie footer .footer-container .bottom-info .intro .contact-list li img {width:20px}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a {left:20%}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {word-break:break-all;width:40%}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content {width:40%}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item {border:none}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide {border:1px solid #EAEAEA}
.ie10 .home-container .hot-product ul li {margin-bottom:150px}
@media (min-width:769px) and (max-width:1081px) {.home-container .about-info .about-img img {height:100%;object-fit:cover}
.contact-logo,.home-container .lastest-news ul li .news-content article,footer .footer-top .contact-left .contact-content:before {display:none}
footer .footer-top .contact-left .contact-content {width:90%;padding-top:0px;margin-left:0px}
footer .footer-container>ul {flex-wrap:wrap;height:auto;padding:20px 0px}
footer .footer-container>ul>li {width:50%;height:140px}
footer .footer-container .bottom-info .intro {display:none}
footer .footer-container>ul>li {height:auto!important}
footer .footer-container .bottom-info {margin-top:0px}
.abouts-content article .content {width:100%}
.products-content .pro-list .list-1 {min-width:47%;max-width:47%}
.common-container .contact-wrapper .contact-main,.common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form {margin-left:0px}
.common-container .contact-wrapper .contact-main {margin-top:20px}
.common-container .contact-wrapper .contact-left {width:100%}
.common-container .contact-wrapper {flex-wrap:wrap}
.common-container .news-content .news-list .list-2 {width:calc(48% - 12.5px)}
.common-container .news-content .news-list .list-2:nth-of-type(2) {margin-right:0px}
.pro-detail-content .pro-review {flex-wrap:wrap}
.pro-detail-content .pro-intro article {padding:30px 0px}
.pro-detail-content .pro-review .pro-preview-left {margin:0px auto}}
@media screen and (max-width:768px) {.pro-detail-content {margin-top:5vw}}
.small-box .icon-video {width:50px;height:50px;position:absolute;top:0px;right:0px;cursor:pointer;z-index:33;background:url(imgs/icon-video.webp) no-repeat;background-size:40px 40px;background-position:center}
.icon-pre {width:50px;height:50px;position:absolute;top:0px;right:0px;cursor:pointer;z-index:33;background:url(imgs/preview.webp) no-repeat;background-size:30px 30px;background-position:center}
iframe {max-width:100%}
@media screen and (max-width:768px) {.abouts-content img,.knowledges-detail-content article img,.news-detail-content article img,.pro-detail-content .pro-intro img {height:auto!important}}
@media screen and (max-width:500px) {.pro-detail-content .pro-intro iframe {max-width:100%;min-height:240px;height:auto}}
.download-list {margin:0px 260px;display:flex}
.download-list li {width:calc(25% - 22.5px);margin-right:30px;margin-bottom:30px}
.download-img img {max-width:100%}
.download-list .download-name {font-size:24px;text-align:center}
.download-list .download-btn {display:block;margin:0px auto;width:40%;margin-top:10px;background:#EEE;text-align:center;border-radius:999px;line-height:30px}
.download-list li:nth-of-type(4n) {margin-right:0px}
@media screen and (min-width:2000px) {.download-list {margin:0 450px}}
.download-list {flex-wrap:wrap}
.download-img:after {display:block;content:"";padding-top:100%}
.download-img {position:relative}
.download-img img {position:absolute;width:100%;height:100%}
.download-list .download-name {margin-top:30px}
@media (min-width:1281px) and (max-width:1520px) {.download-list {margin:0px 100px}}
.download-list {margin-top:50px}
.project-list {margin-top:50px;flex-wrap:wrap;margin:0px 260px;display:flex}
@media screen and (min-width:2000px) {.project-list {margin:0 450px}}
@media (min-width:1281px) and (max-width:1520px) {.project-list {margin:0px 100px}}
@media (min-width:960px) and (max-width:1280px) {.project-list {margin:0px 100px}}
.project-list li {width:calc(25% - 22.5px);margin-right:30px;margin-bottom:30px}
.doc-container .products-content {margin:0px;padding:50px 260px}
@media (max-width:1520px) {.doc-container .products-content {padding:50px 100px}}
@media (max-width:1280px) {.doc-container .products-content {padding:50px}}
@media (max-width:1080px) {.doc-container .products-content {padding:50px 25px}}
@media (max-width:768px) {.doc-container .products-content {padding:6.6666666667vw 6.6666666667vw}}
@font-face {font-family:addicon;font-display:swap;src:url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAREAAsAAAAACEwAAAP3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDBgqELINwATYCJAMMCwgABCAFhFsHOhtEB8geklQhwh5IAFAACkYcD1/7/c59u1+QxJC8mYUimoli2slirRMpVbJFpv+/z80e+EBdUnNLVyxLPqloSMWp2Ul1adfMaE97EtNeoGOENP29099454GtSRTSHFu76IMlGtBY0xJugwTkPcYm2P1cI4B67sYUM3PJ2aB2ssmUgJHMqA8QF8fJIUWAkNfh1mCCUMlvOzVjvQIPFHfsmwBe/O/HH3iGEBR4ibHK/F4MCWefa794w5H/l4P0AW6dAN0LoAQkYGBlhlirty3ghLEBiahMxsXsMi4W9qjB///xeaqCv+Y/HhtEmSFrBNAjLU6KbzMJ8P2GC3Lnb6fMF3gD8I+q5r7N2XM9Bj51zfhxHF/UM5sOs5pviHttFA4K3SH/6DOs5sDjyz3xV4NPgjzkVE6OQlexDeQ3RT2Bi47b9RbJcvajIFcqxb1JN8LO5MgfPhT1LDtedNT4MnpYzVbbgXplRdyrdLiizlFCBcixbcq6nocGO9Uie3BId0g/V6lcAWi5bP3oTesttofxcAh+H58+4LTDRtyrO2SotN2jOjqD5shR3X0htxKGlvR3OI0sKXJsej6c7pR7uXZyhMu7VdrR6s8v+I5t1zIUutjuEpKd7T+0zRJMrYONys3rPQZ014Qm/yTStSjD7+9+1tqG7o4uWkEnvZaMdSy4n0zt4iPrbOPDSYVhyuvUqEiajoxyTDH82eJeXxBKBQVRoQX17nMzhimO5ayNftw5YAktLYW1VWXMau1z2ekd79Sm5xw9/rjbOcf/isUlt/n6Tfs1r0ee6x46lnFg1y+rJ+0LiwlmiVa1Rc7Rbvz06O+ImNVQ9ZSlW69Z33tsbJzyQu5xX1+Zfr+xlPoaxPvYRZj1HfTI0iqHTQC10heOoHZ6x5H+9d/AwyPvto3qwV+rZIDPdTVRvrdWhvYG1ddhC/CP5etawmbVT8plPJtX40hKekYKoN7Ug59aCk2++gteJM91CGjHiAIYIRKwQGRgTyoRcyOVCQSS6jmZnN1A2wkOVq4DutwSEosaBYINDiA44ByCC+6QePR8kvjUfCaJ4MFaTsw2cqdpRDCIxDbXYPmS0hKp5WUIkpQKMxFVUUTQosDD4oiW5QcwD1f3XDIOlSC6+whZJeXJMFJMSpcWY7Hj7IaKikqxMrq0AEkY1zyGKQt0c5OW3cRVUloMUWgIgYGQMFtqYA5JlCohdUsZBBKpVGZCKBWKEI4ur5LKxCE0Gc+FxjCjhozUI+JkJW2qrmD0tUoUTzcYUpg9LCxVDDO3JgtShLFSmItySwGkxhiuDnpEygQaNuH22spc51UUPzcuV4OxfooiUmS86+OaMiSsOiAYGVFWBgAA') format('woff2'),url(../fonts/addicon.woff?t=1630980291735) format('woff'),url(../fonts/addicon.ttf?t=1630980291735) format('truetype')}
.iconfont.icon-skype,.iconfont.icon-whatsapp {font-family:addicon!important}
.icon-skype:before {content:"\e713"}
.icon-whatsapp:before {content:"\e8ec"}
.mobile-bottom-item a {text-transform:capitalize}
.product-price {padding:10px 0px 0px}
.list-1 .product-price {padding:0px 20px}
.product-content-price {margin-bottom:10px}
.addToCart {height:46px;width:300px;border:1px solid var(--color);display:flex;justify-content:center;align-items:center;margin:20px 20px 0 0;cursor:pointer;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#FFF;transition-property:color;transition-duration:.3s}
.addToCart::before {content:"";position:absolute;z-index:-1;top:0px;bottom:0px;left:0px;right:0px;background:var(--color);transform:scaleY(0);transform-origin:50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}
.addToCart:hover::before {transform:scaleY(1)}
.addToCart span {font-size:18px;color:var(--color)}
.addToCart:hover span {color:#FFF}
@media(max-width:768px) {.addToCart {height:10vw;width:40vw;margin:2vw 0px}
.addToCart span {font-size:4vw}
.products-content .pro-list .list-2 .product-price span {height:auto;background:0 0;margin:0px}
.product-price {padding:1vw 2.6666666667vw 0vw;font-size:3.2vw}
.product-content-price {font-size:4vw;margin:10px 0px}
.products-content .pro-list .list-1 .product-price span {margin:0px}
.list-1 .product-price {padding:1vw 2.6666666667vw}}
@media(max-width:768px) {.pro-intro article img,.abouts-content img {height:auto!important}}
.indnewsmodule ul {margin:0px 260px;flex-wrap:wrap;display:flex;justify-content:space-between}
.indnewsmodule ul li {width:31%;margin:15px 0px}
.indnewsmodule ul li .media {display:flex}
.indnewsmodule ul li .media-left {height:78px;width:78px;background:var(--color);margin-right:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.indnewsmodule ul li .media-body {width:calc(100% - 98px)}
.indnewsmodule ul li .media-body h6 a {font-size:16px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:6px 0 8px}
.indnewsmodule ul li .media:hover .media-left {background:#252525;color:#FFF}
.indnewsmodule ul li .media-left p {text-align:center;margin:0px;line-height:22px;color:#FFF}
.indnewsmodule ul li .media .media-left .f-month {font-size:14px;color:#FFF}
.indnewsmodule ul li .media .media-left .f-day {font-size:28px;color:#FFF;margin-bottom:12px}
.indnewsmodule ul li .media .media-left .f-year {font-size:12px;color:#FFF;line-height:1}
.indnewsmodule ul li .media .media-body h3,#fh5co-news-list .media .media-body h6 {margin-bottom:0px;margin-top:0px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:16px}
.indnewsmodule ul li .media .media-body h3 a,#fh5co-news-list .media .media-body h6 a {font-size:16px;color:#252525;line-height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.indnewsmodule ul li .media:hover h6 a {color:var(--color)}
.indnewsmodule ul li .media .media-body p {color:grey;font-size:14px;line-height:22px;height:44px;overflow:hidden}
@media screen and (max-width:1520px) {.indnewsmodule ul {margin:0px 100px}}
@media screen and (max-width:1280px) {.indnewsmodule ul {margin:0px 50px}}
@media screen and (max-width:1080px) {.indnewsmodule ul {margin:0px 25px}}
@media screen and (max-width:1024px) {.indnewsmodule ul li {width:48%}}
@media screen and (max-width:768px) {.indnewsmodule ul {margin:0px 4vw}}
@media screen and (max-width:640px) {.indnewsmodule ul li {width:100%;margin:10px 0px}}
@media(max-width:768px) {footer .mobile-bottom {height:auto;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
footer .footer-container {padding-bottom:calc(55px + constant(safe-area-inset-bottom));padding-bottom:calc(55px + env(safe-area-inset-bottom))}
iframe,video {max-width:100%;min-height:240px;height:auto}}
@media(max-width:1441px) {img {height:auto;max-width:100%}}
#jljw_IM_GdImBox {z-index:900!important}
@media screen and (max-width:768px) {header nav {z-index:999}}
.sm-mask {z-index:998}
@media screen and (max-width:768px) {header .header-top .top-right .search-input {z-index:999}}
.compare-panel.is-bottom {bottom:calc(55px + constant(safe-area-inset-bottom));bottom:calc(55px + env(safe-area-inset-bottom))}
.app {font-size:16px}
.app p {font-size:1em;line-height:2em}
.app h4 {font-size:1.5em;margin-bottom:1em}
.app h5 {font-size:1em;margin:1em 0}
.app .app-list {display:-ms-flexbox;display:flex}
.app .app-list .list-item {-ms-flex:1;flex:1}
.app .app-list .list-item h4 {margin-bottom:1em}
.app .app-list li {padding:10px 0px 10px 35px;background:url(https://css02.v15cdn.com/m401/about_li.webp) no-repeat;background-position:2px}
.app {font-size:16px}
.app .app-box {display:-ms-flexbox;display:flex}
.app .box-l {-ms-flex:3.5;flex:3.5}
.app .box-l img {width:100%}
.app .box-r {-ms-flex:6.5;flex:6.5}
.app .box-r {padding-left:40px}
.support .support-item {display:-ms-flexbox;display:flex}
.support .support-item>div {-ms-flex:1;flex:1;margin-bottom:60px}
.support .item-r {-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.support .item-l .item-con {padding-right:66px}
.support .item-r .item-con {padding-left:66px}
.support .item-con {margin-top:10px}
.support .item-con p {margin-top:.5em}
.support .item-con h4 {font-size:24px;padding-bottom:10px;margin-bottom:1em;position:relative}
.support .item-con h4::after {content:'';display:block;position:absolute;top:100%;left:0px;height:3px;width:40px;background-color:#B0ACAC}
.solution .icon-list {display:-ms-flexbox;display:flex;position:relative}
.solution .icon-list>div {-ms-flex:1;flex:1}
.solution .icon {width:90px;height:90px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.solution .sol-icon {display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#FFF;-ms-flex-align:center;align-items:center;position:relative;margin:0 6%}
.solution .sol-icon:after {content:'01';font-size:90px;font-weight:var(--fontbold7);position:absolute;top:-8px;left:50%;color:#666666;opacity:.1;transform:translateX(-50%)}
.solution .sol-icon:before {content:'';position:absolute;top:50%;left:100%;width:100%;height:30px;background:url(https://css02.v15cdn.com/m401/sol_line.webp) no-repeat;transform:translateY(-50%)}
.solution .sol-icon:nth-child(2):after {content:'02'}
.solution .sol-icon:nth-child(3):after {content:'03'}
.solution .sol-icon:nth-child(4):after {content:'04'}
.solution .sol-icon:nth-child(4):before {display:none}
.solution h4 {font-size:24px;margin-bottom:1em}
.solution .sol-tab .tab-list {display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
.solution .sol-tab .tab-title {padding:10px 20px;background-color:#EAEEEE;color:#666666;cursor:pointer;margin-right:20px}
.solution .sol-tab .tab-title:hover {background-color:#B0ACAC;color:#FFF}
.solution .sol-tab .tab-title.is-active {background-color:#B0ACAC;color:#FFF}
.solution .sol-tab .tab-title:nth-last-child(1) {margin-right:0px}
.solution .sol-tab .tab-content .content-item {display:none}
.solution .tab-content {margin-top:40px}
.solution .sol-box {display:-ms-flexbox;display:flex;margin-bottom:40px}
.solution .sol-box>div {width:50%;-ms-flex:auto;flex:auto;padding:0px}
.solution .sol-box>div img {display:block;width:100%;height:auto}
.solution .sol-box .box-icon {width:86px;height:86px;border-radius:50%;background-color:#B0ACAC;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.solution .sol-box .box-icon>img {width:40px;height:auto}
.solution .sol-box .con {background-color:#F3F3F3;padding:4%;box-sizing:border-box}
.solution .sol-box .con-top {display:-ms-flexbox;display:flex;margin-bottom:20px}
.solution .sol-box .con-top p {margin-left:30px;margin-top:10px;font-size:24px;line-height:1.3em}
.applic-list ul {display:flex;flex-wrap:wrap;margin:0 -10px}
.applic-list ul li {width:33.3333%;margin-bottom:20px;padding:0px 10px;box-sizing:border-box}
.applic-list .applic-name {padding:10px 0px;display:block;text-align:center;color:#222;font-weight:var(--fontbold7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.applic-list .applic-img img {display:block;width:100%;height:auto}
.support-item-img {margin-bottom:20px}
.support-item-img img {width:100%;height:auto}
.ck-add {padding-top:20px}
.ck-add .cp .cp-img img {width:100%;height:auto}
.ck-add .cp {display:flex}
.ck-add .cp>div {width:50%}
.ck-add .cp-con {padding-left:40px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.ck-add .cp-con h4 {font-size:20px;font-weight:var(--fontbold7);line-height:1.2em;margin-bottom:14px}
.ck-add .ps-img {margin-bottom:20px}
.ck-add .ps-img img {width:100%;height:auto}
.ck-add .ps-con p {line-height:1.8em;margin-bottom:20px}
.ck-add .ti {display:flex;flex-wrap:wrap;align-items:center}
.ck-add .ti .ti-tit {white-space:nowrap;font-size:20px;font-weight:var(--fontbold7);color:#222;padding:20px}
.ck-add .ti .ti-con {flex:1}
.ck-add .ti .ti-img {width:100%;margin:10px 0px}
.ck-add .ti .ti-img img {width:100%;height:auto}
.ck-add .dh-con h4 {text-align:center}
.ck-add p {margin-bottom:20px;line-height:1.6em;color:#222}
.ck-add h4 {font-size:20px;margin-bottom:20px;font-weight:var(--fontbold7);color:#222}
.ck-add ul {padding-left:20px}
.ck-add ul li {position:relative;color:#6E6E6E;list-style:disc}
.ck-add .ce-list {display:flex}
.ck-add .ce-list>div {flex:1}
.ck-add .ce-list img {width:100%;height:auto}
.ck-add .ce-list {margin:0 -10px}
.ck-add .ce-list .ce-item {padding:0px 10px;box-sizing:border-box}
.ck-add .ho .ho-item {display:flex}
.ck-add .ho .ho-item img {display:block;margin:0px auto}
.ck-add .ho .l .ho-left,.ck-add .ho .r .ho-right {flex:4}
.ck-add .ho .l .ho-right,.ck-add .ho .r .ho-left {display:flex;flex-direction:column;justify-content:center;flex:6;padding:0px 20px;box-sizing:border-box}
.ck-add .ho .ho-title {font-weight:var(--fontbold7)}
.ck-add .ho .ho-con {margin-top:30px}
.ck-add .ca-img img {width:100%;height:auto}
.ck-add .ca-img {margin-bottom:20px}
.ck-add .rd .rd-img-list {display:flex}
.ck-add .rd .rd-img {padding:0px 10px;margin-bottom:20px}
.ck-add .rf .rf-con img {float:left;margin-right:30px}
.ck-add .cm-img img {width:100%;height:auto}
.ck-add .cm-img {margin-bottom:20px}
.ck-add .cv img {float:right}
.ck-add .ch-item {display:flex}
.ck-add .ch-item>div {width:50%}
.ck-add .ch-item.r {flex-direction:row-reverse}
.ck-add .ch-con {display:flex;padding:20px;box-sizing:border-box;flex-direction:column;justify-content:center}
.ck-add .pe .pe-con .pe-img {float:right}
.ck-add .pe ul li img {margin-top:0!important}
.ck-add .pe ul li {list-style:none}
.ck-add .pe ul {padding-left:0px}
@media screen and (max-width:768px) {.applic-list ul li {width:50%}
.applic-list .applic-name {font-size:14px}
.ck-add .cp {flex-direction:column}
.ck-add .cp>div {width:100%}
.ck-add .ce-list {flex-wrap:wrap}
.ck-add .ce-list>div {width:100%;flex:none}
.ck-add .cp-con {padding-left:0px;margin-top:20px}
.ck-add .ho .ho-con {margin-top:0px}
.ck-add .ho .ho-item {display:block}
.ck-add .ho .ho-title {margin:10px 0px}
.ck-add .rd .rd-img-list {flex-direction:column}
.ck-add .rd .rd-img {padding:0px}
.ck-add .ch-item.l,.ck-add .ch-item.r {flex-direction:column}
.ck-add .ch-item>div {width:100%}}
.app,.solution,.applic-list,.support {padding-top:20px}
header nav ul .submenu {flex-wrap:wrap;align-items:center;height:auto;min-height:50px}
@media screen and (max-width:768px) {.app,.case,.solution,.support {padding:10px 0px}
.applic-list {padding:6vw 0}
.app .app-box,.app .app-list {flex-direction:column}
.app .box-l {margin-bottom:1em}
.app .box-r {padding-left:0px}
.app .list-item {margin-bottom:1em}
.how-to-use ul>li {width:100%}
.case ul>li {width:50%;padding:0px 2vw}
.case ul {margin:0 -2vw}}
@media screen and (max-width:1500px) {.solution .tab-content {margin-top:10px}
.solution .sol-box {flex-direction:column}
.solution .sol-box>div {width:100%}
.solution .icon-list {flex-wrap:wrap}
.solution .icon-list>div {flex:auto}
.solution .sol-icon {width:50%;margin:0px;margin-bottom:4vw}
.solution .sol-icon:before {display:none}
.solution .sol-tab .tab-list {flex-wrap:wrap}
.solution .sol-tab .tab-title {width:100%;margin-right:0px;margin-bottom:10px}
.solution .sol-box .box-icon {width:65px;height:65px}
.solution .sol-box .con-top p {margin-top:0px;margin-left:16px}}
@media screen and (max-width:1000px) {.support .support-item {flex-direction:column}
.support .support-item img {width:100%}
.support .item-l .item-con {padding-right:0px}
.support .item-r .item-con {padding-left:0px}
.support .support-item>div {margin-bottom:8vw}
.support .item-con h4 {font-size:20px}}
@media screen and (max-width:768px) {.abouts-content {padding:0px 4vw}
.ck-add .ch-con {padding:10px 0px}
.abouts-content article .content,.abouts-content article .title,.abouts-content article p,.app p,.solution p,.support p {line-height:1.6em}
.ck-add .ho .l .ho-right,.ck-add .ho .r .ho-left {padding:10px 0px}
.ck-add .ce-list>div {width:50%}}
.addToCart.is-active {background:var(--color)}
.addToCart.is-active span {color:#FFF}
.wmkc-video-g {height:6px;width:2%;background-color:var(--color);margin-top:20px;margin-bottom:20px}
.wmkc-video-table p {font-size:28px;margin-bottom:70px}
.wmkc-video-box {display:flex;justify-content:space-between}
.wmkc-video-all {width:32%}
.wmkc-video-all p:nth-of-type(1) {margin-top:20px;margin-bottom:18px;font-size:18px}
.wmkc-video-all p:nth-of-type(2) {margin-bottom:25px;font-size:16px}
.wmkc-video-all p:nth-of-type(3) {font-size:15px}
.wmkc-video-all:hover .wmkc-video-bor {box-shadow:5px 2px 10px 1px #B2B7DD;border-left:none}
.wmkc-video-view {text-align:center;margin-top:40px}
.wmkc-video-view span {background-color:var(--color);color:#FFF;text-align:center;padding:15px 25px}
.wmkc-video-conn {padding:20px 20px}
.wmkc-video-span {height:2px;background-color:#E5E5E5;width:100%;margin-bottom:30px}
.gallery-next .swiper-slide,.gallery-up .swiper-slide,.wmkc-deve-alls .swiper-container .swiper-slide {flex-direction:column}
.wmkc-deve-all {display:flex;justify-content:space-between}
.wmkc-deve-page {margin-top:30px;margin-bottom:30px}
.wmkc-deve-page .swiper-pagination {position:relative;display:flex;justify-content:space-around}
.wmkc-deve-page .swiper-pagination-bullet {width:15px;height:15px;line-height:70px;margin:0px 20px;border:2px solid #1D2EA0;background:#FFF;opacity:1}
.wmkc-deve-page .swiper-pagination-bullet strong {margin-left:-9px;font-size:14px}
.wmkc-deve-size {width:48%;margin-top:90px;padding:0px 20px}
.wmkc-deve-img {width:48%}
.wmkc-deve h4 {text-align:center;font-size:20px;font-weight:var(--fontbold7);line-height:1.2em;margin-bottom:55px;color:#222}
.wmkc-deve-size p:nth-of-type(1) {font-size:20px;font-weight:var(--fontbold7);line-height:1.2em;margin-bottom:14px;color:#222}
.ck-add ul li {list-style:none}
.ck-add ul {margin-top:70px}
.wmkc-deve-wire {height:1px;background-color:#E5E5E5;width:auto;display:flex;justify-content:space-around;position:relative;top:10px}
.wmkc-deve-circle {width:20px;height:20px;border:2px solid #4E4E4E;border-radius:30px;margin:auto;display:flex}
.wmkc-deve-c {width:10px;height:10px;background-color:#4E4E4E;border-radius:30px;margin:auto}
.wmkc-deve-wire li {position:absolute;top:-10px}
.wmkc-honor {display:flex;background-color:#4E4E4E}
.wmkc-honor-size {width:35%;padding:60px}
.wmkc-honor-swier {width:64%;display:flex}
.wmkc-honor-size h4 {font-size:20px;font-weight:var(--fontbold7);line-height:1.2em;margin-bottom:60px;color:#FFF}
.wmkc-honor-size p:nth-of-type(1) {font-size:20px;font-weight:var(--fontbold7);line-height:1.2em;margin-bottom:15px;color:#1D2EA0}
.wmkc-honor-size p:nth-of-type(2) {font-size:16px;line-height:1.8em;color:#D0D0D0}
.wmkc-honor-swier {background-image:url(https://css02.v15cdn.com/m401/singgleimg/honor-01.webp);background-repeat:no-repeat}
.wmkc-honor-tu {width:32%;margin:auto}
.gallery-next,.gallery-up,.wmkc-deve-alls .swiper-container {margin-top:40px}
.wmkc-honor-left {width:30px;height:80px;background-color:#999;position:absolute;text-align:center}
.wmkc-honor-left:hover {background-color:#1D2EA0}
.wmkc-honor-right:hover {background-color:#1D2EA0}
.wmkc-honor-right {width:30px;height:80px;background-color:#999;position:absolute;text-align:center}
.wmkc-honor-left img {width:50%;margin-top:100%}
.wmkc-honor-right img {width:50%;margin-top:100%}
.wkmc-social-top {display:flex;padding:70px 0 0 0;background-color:#FAFAFA}
.wmkc-social-img {flex:1;width:100%}
.wmkc-social-size {width:54%}
.wmkc-social-env {display:flex}
.wmkc-social-env p {font-size:18px}
.wmkc-social-ziti p {line-height:28px;margin-top:20px;margin-bottom:25px}
.wmkc-socizl-leaf {max-width:45px;text-align:center}
.wmkc-socizl-leaf img {width:50%}
.wmkc-social-p {max-width:70px;text-align:center;margin:auto;background-color:#FFF;padding:22px 0px;margin-right:30px}
.wmkc-social-box {display:flex;margin-bottom:35px}
.wmkc-social-p img {width:35%}
.wmkc-social-sizep p:nth-of-type(1) {font-size:18px}
.wmkc-social-sizep p:nth-of-type(2) {line-height:28px}
.wmkc-social-charity {display:flex;margin-top:90px}
.wmkc-social-png {flex:1}
.wmkc-social-char {width:52%}
.wmkc-social-ad {display:flex;margin-top:20px}
.wmkc-social-adimg {width:40px;text-align:center}
.wmkc-social-adimg img {width:70%}
.wmkc-social-ad h5 {font-weight:var(--fontbold8);font-size:18px}
.wmkc-social-ss {line-height:1.5;margin-top:20px;margin-bottom:40px}
.wmkc-social-li {display:flex;align-content:center;align-items:center;margin-bottom:30px}
.wmkc-social-li::before {content:"";width:10px;height:10px;border-radius:30px;background-color:#1D2EA0;margin-right:15px}
.wmkc-social-li p {border-radius:30px;margin-right:15px;flex:1}
.wmkc-members {display:flex;width:49%;margin-bottom:30px}
.wmkc-content-img {flex:1}
.wmkc-content-img img {width:100%;height:100%}
.wmkc-members-ioce {display:flex;text-align:center;padding:20px 0px;align-items:center}
.wmkc-members-ioce p {color:#1D2EA0}
.wmkc-members-right {width:60%;padding:0px 0px 0px 30px;border-left:none;box-shadow:5px 1px 5px 2px #CCC}
.wmkc-members-backtu {margin-right:5px;background-image:url(https://css02.v15cdn.com/m401/singgleimg/members-02.webp);width:20px;height:20px;background-repeat:no-repeat;background-size:100%}
.wmkc-members-table {font-size:24px;margin-top:20px}
.wmkc-members-s {color:#999;line-height:1.5}
.wmkc-members-all {display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:47px}
.wmkc-members:hover .wmkc-members-right {box-shadow:none;border:1px solid var(--color);border-left:none}
.wmkc-members-page {display:flex;width:40%;margin:auto;justify-content:space-between;align-items:center}
.wmkc-members-page div {width:10%;border:1px solid #E8E8E8;padding:20px 0px}
.wmkc-members-page div p {text-align:center}
.wmkc-members-page:active {background-color:#1D2EA0;color:#FFF}
.wmkc-faq {min-height:800px}
.wmkc-faq-size {text-align:center}
.wmkc-faq-size h5 {font-size:24px;margin-bottom:20px}
.wmkc-faq-size p {margin-bottom:0px}
.wmkc-faq-ul {display:flex;justify-content:space-between;margin-top:70px;margin-bottom:60px}
.wmkc-faq-list p {margin-bottom:0px}
.wmkc-faq-list {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.wmkc-faq-list .wmkc-faq-item {width:100%}
.wmkc-faq-listlet p {padding:0px 40px}
.wmkc-faq-li {width:17%;background-color:#F5F5F5;text-align:center;border-radius:10px}
.wmkc-faq-li p {margin-bottom:0px;padding:25px 0px}
.wmkc-faq-jia {width:20px;height:20px;transition:all .8s}
.wmkc-faq-listlet {max-height:0px;overflow:hidden}
.wmkc-faq-all {background-color:#F5F5F5;border-bottom:1px solid #FFF}
.wmkc-faq-all:hover .wmkc-faq-listlet {max-height:600px;transition-timing-function:ease-in}
.wmkc-faq-all:hover {border-left:5px solid var(--color)}
.wmkc-faq-all:hover .wmkc-faq-jia {transform:rotate(180deg)}
.project-list {margin:30px 250px 0px}
.project-list li {width:100%;border-bottom:solid 1px #F5F5F5;margin-top:0px;margin-bottom:0px}
.project-name {line-height:1.6em;color:#222;font-weight:var(--fontbold6)px;font-size:18px;padding:25px 40px}
.project-content {max-height:0px;overflow:hidden;padding:0px 40px 0px;margin-bottom:20px}
.project-list li:hover .project-content {max-height:800px;transition-timing-function:ease-in}
.project-list li:hover {border-left:5px solid var(--color)}
.video-list {display:flex;flex-wrap:wrap;margin:0px 250px}
.video-list li {width:32%;margin-right:20px}
.video-name {padding:20px 10px;font-size:18px;font-weight:var(--fontbold8);border-bottom:2px solid #E5E5E5}
.video-in {line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;margin:20px 10px}
.video-list li:hover {box-shadow:5px 2px 10px 1px #B2B7DD}
.wmkc-social-char,.wmkc-social-size {margin-left:40px}
@media (max-width:1520px) {.project-list,.video-list {margin:30px 100px 0px}}
@media (max-width:1280px) {.project-list {margin:30px 50px 0px}
.video-list {margin:0px 50px}}
@media (max-width:1024px) {.video-list {margin:30px 30px 0px}
.project-list {margin:auto}
.wmkc-social-img {margin:auto}
.wmkc-honor-size {padding:20px}
.wmkc-members-right {padding:15px}}
@media (max-width:1000px) {.video-list {margin:20px 30px 0px}}
@media(max-width:768px) {.video-list {flex-direction:column}
.video-list li {width:100%;margin-bottom:20px}
.wmkc-video-box {flex-direction:column}
.wmkc-video-all {width:100%;margin-bottom:30px}
.ck-add p {margin-bottom:10px;font-size:16px}
.wkmc-social-top {flex-direction:column}
.wmkc-social-size {width:100%;margin-left:0px}
.wmkc-social-env {padding:0px 20px;margin-top:20px}
.wmkc-social-ziti p {margin-top:0px}
.wmkc-social-manage {padding:20px 20px}
.wmkc-social-img {text-align:center}
.wmkc-social-charity {flex-direction:column}
.wmkc-deve-img,.wmkc-deve-size,.wmkc-social-char {width:100%;margin-left:0px}
.wmkc-deve-all {flex-direction:column}
.wmkc-deve-size {margin-top:30px}
.ck-add ul {margin-top:40px;margin-bottom:80px;padding-left:0px}
.wmkc-deve-wire ul li p {font-size:12px}
.wmkc-deve h4 {margin-bottom:20px}
.wmkc-honor {flex-direction:column}
.wmkc-honor-swier {width:100%}
.wmkc-honor-size {padding:25px;width:100%;text-align:center}
.wmkc-members {flex-direction:column}
.wmkc-members-right {width:100%}
.wmkc-members-page {width:85%}
.wmkc-members-right {padding:0px 10px;font-size:14px}
.wmkc-introdu-n,.wmkc-introdu-p {width:40px;height:40px;line-height:45px}
.wmkc-members-s {padding-bottom:20px}
.wmkc-members-table {font-size:18px}}
@media (max-width:320px) {.ck-add p {margin-bottom:10px}
.wkmc-social-top,.wmkc-social-box {flex-direction:column}
.wmkc-social-p {margin:auto;margin-bottom:20px}
.wmkc-social-env {margin-top:20px}
.wmkc-social-charity {flex-direction:column;margin-top:30px}
.wmkc-social-li div {padding:0px 5px}
.wmkc-social-size {margin-left:0px}
.wmkc-video-table p {font-size:24px;margin-bottom:15px}
.wmkc-video-g {width:10%;margin-bottom:10px}
.wmkc-members,.wmkc-members-all {flex-direction:column}
.wmkc-members {width:100%}
.wmkc-members-right {width:100%;padding:0px}
.wmkc-members-page {width:100%}
.wmkc-members-page div {width:14%;padding:10px 10px}
.wmkc-members-z {margin-bottom:20px}
.wmkc-deve-size {width:100%;margin-top:0px}
.wmkc-deve-img {width:100%}
.ck-add ul {margin-top:30px;margin-bottom:40px;padding-left:0px}
.wmkc-honor-size {padding:15px}}
@media(min-width:2000px) {.video-list {margin:0 450px}}
.abouts-content .ck-add img {width:auto}
.swiper-lazy {opacity:0;transition:opacity .3s}
.swiper-lazy.swiper-lazy-loaded {opacity:1}
.home-container .welcome-info .swiper-slide {width:22%}
@media screen and (max-width:768px) {.home-container .lastest-news ul li:nth-of-type(2n) {display:block}
.home-container .lastest-news ul li:nth-child(3) a object,.home-container .lastest-news ul li:nth-child(4) a object {flex-direction:row}
.home-container .lastest-news ul li:nth-of-type(2n) a object {flex-direction:row-reverse}}
@media(min-width:1121px) and (max-width:1440px) {header nav ul li {margin:0px 9px}}
@media(min-width:1081px) and (max-width:1120px) {header nav ul li {margin:0 6px}}
#swiper-banner img {height:auto}
@media(max-width:769px) {.mobcate-main-box {position:relative;margin-bottom:15px}
.mobcate-main-title {color:var(--fontcolor);font-size:20px;padding:10px 0px;cursor:pointer;background:url(https://img01.v15cdn.com/cate-btn.webp) right center/24px no-repeat;border-bottom:1px solid #CCC}
.mobcate-main-title+ul {position:absolute;top:100%;left:0px;right:0px;padding:10px;z-index:20;display:none;background-color:#FFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
.mobcate-main-title+ul li>ul {display:none;padding-left:20px}
.mobcate-main-title+ul li {position:relative;padding-right:20px}
.mobcate-main-title+ul li a {display:block;line-height:24px;padding:4px 0px}
.mobcate-main-title+ul .icon-angle-right {position:absolute;top:10px;right:0px;width:20px;z-index:2;display:block}
.mobcate-main-title+ul .icon-angle-right.active {transform:rotate(90deg)}}
@media(min-width:769px) {.products-content .pro-list .list-1 article a,.common-container .news-content .news-list .list-2 .news-info .news-text a,.products-content .pro-list .list-2 .pro-info article a {-webkit-line-clamp:initial}}
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}
.prolist-content {clear:both;margin:20px 260px 15px;line-height:1.6}
.prohome-content {clear:both;margin:0px 260px 30px;padding:10px;line-height:1.6;box-sizing:border-box}
.prolist-bottom {clear:both;margin:0px 260px 30px;padding:10px;line-height:1.6;box-sizing:border-box}
@media screen and (min-width:2000px) {.prohome-content,.prolist-bottom {margin:0px 450px 30px}
.prolist-content {margin:20px 450px}}
@media (min-width:1281px) and (max-width:1520px) {.prohome-content,.prolist-bottom {margin:0px 100px 30px}
.prolist-content {margin:20px 100px}}
@media (min-width:1081px) and (max-width:1280px) {.prohome-content,.prolist-bottom {margin:0px 50px 30px}
.prolist-content {margin:20px 50px}}
@media(max-width:768px) {.prohome-content,.prolist-bottom {margin:0px 3vw 20px}
.prolist-content {margin:0px 0px 10px 0px}}
@media (min-width:769px) and (max-width:1080px) {.prohome-content,.prolist-bottom {margin:0px 25px 20px}
.prolist-content {margin:20px 25px}}
@media(max-width:768px) {.prohome-content {clear:both;padding:0px;line-height:1.6;box-sizing:border-box}
.prolist-bottom {clear:both;padding:0px;line-height:1.6;box-sizing:border-box}}
.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}
article.blogcontent{clear:both;margin:0px auto 40px;padding:0px}
article.blogcontent h2{margin:20px 0px 0px 0px;font-size:24px;line-height:1.3}
article.blogcontent h3{margin:20px 0px 0px 0px;font-size:22px;line-height:1.3}
article.blogcontent h4{margin:20px 0px 0px 0px;font-size:20px;line-height:1.3}
article.blogcontent h5{margin:20px 0px 0px 0px;font-size:18px;line-height:1.3}
article.blogcontent img{margin:0px 0px 10px 0px;padding:0px;max-width:49%;margin-right:1%;border:solid 1px #EEEEEE;vertical-align:top}
article.blogcontent p{margin:0px 0px 10px 0px;padding:0px;line-height:1.6}
article.blogcontent p a{color:var(--color)}
article.blogcontent p a:hover{text-decoration:underline}
article.blogcontent ul{margin:0px;padding:5px 0px 0px 20px}
article.blogcontent ul li{margin:0px 0px 5px 0px;list-style-type:disc}
.lang {width:auto;position:relative;z-index:9999;text-align:left;margin-left:30px}
.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>img {margin-right:5px;margin-top:3px}
.lang-icon span {position:relative;padding-right:18px;color:#FFF}
.lang-icon span::before {content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:#FFF;transform:rotate(50deg)}
.lang-icon span::after {content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:#FFF;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:0 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex {transform:translateX(25%)}
.lang-drop.lang-flex .lang-arrow {left:75%}
.lang-drop.active {visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow {display:block;width:10px;height:10px;background-color:#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;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:#EEE}
.lang-wrap li a {display:block;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;position:fixed;top:11px;right:50px;transition:all .2s linear}
.lang-icon span {display:none}
.lang-icon>img {width:36px;height:24px;margin-top: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:84%}
.lang-drop {display:none}
.lang-drop.active {display:block}}
.pro-detail-content .pro-detail-title span {margin-right:10px}
.contact-list ul {display:flex;flex-wrap:wrap}
@media(max-width:768px) {.top-btn {display:none!important}
.mobile-bottom-item .top-btn {display:flex!important;position:absolute;bottom:auto;right:auto;left:50%;top:50%;transform:translate(-50%,-50%);transition:none;background:none}
.mobile-bottom-item .top-btn:hover {background:none}}
.wmkcfeedback .wmkcfb-company {background:url(imgs/company.webp) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.wmkcfeedback .wmkcfb-name {background:url(imgs/user.webp) no-repeat;background-size:22px 19px;background-position:right 10px top 16px}
.wmkcfeedback .wmkcfb-title {width:100%;background:url(imgs/title.webp) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.wmkcfeedback .wmkcfb-phone {background:url(imgs/phone.webp) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.wmkcfeedback .wmkcfb-email {background:url(imgs/email.webp) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.wmkcfeedback .wmkcfb-content {background:url(imgs/pencil.webp) no-repeat;background-size:15px 15px;background-position:right 10px top 15px}
.mediaplay {position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:9;width:50px!important;height:50px!important;cursor:pointer;display:none}
@media(max-width:768px) {.thumbnail-box .swiper-pagination {display:none}}
.wmkc-homewel {margin:0px auto;padding:50px 60px;max-width:1600px}
.wmkc-homewel .homewel-title {margin-bottom:50px;text-align:center}
.wmkc-homewel .homewel-title h3 {font-size:50px}
.wmkc-homewel .homewel-title em {color:var(--color);font-style:normal}
.wmkc-homewel .homewel-title p {color:#020202;font-weight:600;font-size:19px}
.wmkc-homewel img {width:100%}
.wmkc-homewel .homewel-bottom,.wmkc-homewel .homewel-top {display:flex;width:100%;justify-content:space-between;flex-wrap:wrap}
.wmkc-homewel .homewel-tleft {width:57.5%}
.wmkc-homewel .homewel-tright {width:38.5%}
.homewel-bleft,.homewel-bright,.homewel-tleft,.homewel-tright {position:relative}
.homewel-tleft .homewel-box {position:absolute;top:30px;right:30px;width:33%;color:#FFF;text-align:right}
.homewel-boxtitle {margin-bottom:15px;font-size:31px}
.homewel-bod {width:65px;height:3px;background:#FFF}
.homewel-boxtext {padding:15px 0 30px;font-size:17px}
.homewel-more {padding:5px 20px;width:50%;border-radius:20px;background:var(--color);color:#FFF;text-align:center;font-size:14px}
.homewel-tleft .homewel-more {position:absolute;right:0}
.homewel-tleft .homewel-bod {position:absolute;right:0}
.homewel-tright .homewel-box {position:absolute;top:30px;left:30px;width:80%;color:#FFF;text-align:left}
.wmkc-homewel .homewel-bleft {width:38.5%}
.wmkc-homewel .homewel-bright {width:57.5%}
.wmkc-homewel .homewel-bottom {margin-top:33px}
.homewel-bleft .homewel-box {position:absolute;top:30px;right:30px;width:80%;color:#FFF;text-align:right}
.homewel-bright .homewel-box {position:absolute;top:30px;left:30px;width:33%;color:#FFF;text-align:left}
.homewel-bleft .homewel-bod {position:absolute;right:0}
.homewel-bleft .homewel-more {position:absolute;right:0;width:30%}
.homewel-tright .homewel-more {width:30%}
@media(max-width:1280px) {.homewel-more {width:70%}
.homewel-tright .homewel-more {width:40%}
.homewel-bleft .homewel-more {width:40%}}
@media(max-width:1024px) {.wmkc-homewel .homewel-tleft {width:100%}
.wmkc-homewel .homewel-tright {width:100%}
.wmkc-homewel .homewel-bleft {width:100%}
.wmkc-homewel .homewel-bright {width:100%}}
@media(max-width:768px) {.wmkc-homewel .homewel-title h3 {font-size:30px}
.wmkc-homewel {padding:20px}
.homewel-more {width:40%}
.homewel-boxtitle {font-size:20px}
.homewel-tleft .homewel-box {top:10px;right:10px;width:90%}
.homewel-boxtext {padding:5px 0px}
.homewel-bright .homewel-box {top:10px;left:10px;width:90%}}
@media(max-width:350px) {.homewel-boxtitle {margin-bottom:5px}
.homewel-boxtext {font-size:12px}
.homewel-more {width:50%}
.homewel-tright .homewel-more {width:50%}
.homewel-bleft .homewel-more {width:50%}}
.wmkc-homeprofile {display:flex;padding:60px;justify-content:space-between;flex-wrap:wrap;align-items:center}
.wmkc-homeprofile .homeprofile-video {width:50%}
.wmkc-homeprofile .homeprofile-content {padding:0 45px;width:50%}
.homeprofile-bod {margin-right:20px;width:3px;height:60px;background:#000}
.wmkc-homeprofile .homeprofile-title {display:flex;font-weight:600;font-size:50px;align-items:center}
.wmkc-homeprofile .homeprofile-text {padding:15px 0px;font-weight:600;font-size:21px;line-height:1.5}
.homeprofile-more {display:flex;margin:10px 0px;padding:10px 20px;width:25%;border-radius:30px;background:var(--color);color:#FFF;font-size:17px;justify-content:space-between;align-items:center}
.homeprofile-box {display:flex;justify-content:space-between}
.homeprofile-box .box-content {display:flex;width:33%;align-items:center}
.homeprofile-box .box-num {display:flex;font-weight:600;font-size:45px;align-items:end}
.homeprofile-box .box-num p {padding:0 20px 15px;font-size:16px}
.homeprofile-box .box-name {font-weight:600;font-size:16px}
.homeprofile-video .video-fixed {position:fixed;top:0;left:0;z-index:9999999;display:none;width:100vw;height:100%;background:rgba(0,0,0,.8)}
.homeprofile-video .video-fixed .homevideo-close {position:absolute;top:30px;right:30px;display:flex;color:#FFF;font-weight:800;font-size:50px;cursor:pointer;transition:all .1s linear;align-items:center;justify-content:center}
.homeprofile-video .video-fixed .homevideo-close:hover {color:var(--color)}
.homeprofile-video .video-fixed video {position:absolute;top:50%;left:50%;max-width:80%;max-height:80%;transform:translate(-50%,-50%)}
.homeprofile-video .video-fixed.active {display:block}
@media(max-width:1440px) {.homeprofile-more {width:30%}
.wmkc-homeprofile .homeprofile-text {font-size:18px}
.homeprofile-box .box-num {font-size:30px}
.homeprofile-box .box-num p {padding:0 20px 5px}}
@media(max-width:1366px) {.homeprofile-more {width:35%}
.wmkc-homeprofile .homeprofile-title {font-size:30px}}
@media(max-width:1280px) {.homeprofile-box .box-content {width:36%}}
@media(max-width:1024px) {.wmkc-homeprofile .homeprofile-video {width:100%}
.wmkc-homeprofile .homeprofile-content {padding:20px 0px;width:100%}}
@media(max-width:768px) {.wmkc-homeprofile {padding:20px}}
@media(max-width:500px) {.homeprofile-more {width:70%}
.homeprofile-bod {margin-right:15px}
.homeprofile-box {flex-wrap:wrap}
.homeprofile-box .box-content {width:50%}}
.wmkc-homehot {padding:50px 0px;background:#f4f4f4}
.wmkc-homehot .homewel-title {margin:0px auto;margin-bottom:50px;text-align:center;font-size:44px}
.wmkc-homehot .homewel-title p {color:#020202;font-weight:600;font-size:19px}
.wmkc-homehot .homewel-title h3 {position:relative}
.wmkc-homehot .homewel-title h3::before {position:absolute;top:50%;left:30%;width:80px;height:3px;background:#000;content:''}
.wmkc-homehot .homewel-title h3::after {position:absolute;top:50%;right:30%;width:80px;height:3px;background:#000;content:''}
.home-container .wmkc-homehot img {width:100%}
.home-container .wmkc-homehot .swiper-slide {overflow:inherit}
.wmkc-homehot .hotwrap {padding:0 90px;width:100%}
.wmkc-homehot .swiper-container {width:100%}
.wmkc-homehot .swiper-container .swiper-wrapper {width:100%}
.wmkc-homehot .item {display:flex;justify-content:center}
.wmkc-homehot .hot-name {position:absolute;bottom:0;padding:10px 0px;color:#FFF;font-size:30px}
.wmkc-homehot .swiper-slide-active .item {width:101%}
.wmkc-homehot .swiper-slide-active .hot-name {width:100%;border-bottom-right-radius:15px;border-bottom-left-radius:15px;background:var(--color);text-align:center}
.wmkc-homehot .hotwrap {position:relative}
.hot-button-prev,.wmkc-homehot .hot-button-next {position:absolute;display:flex;width:45px;height:45px;border-radius:50%;background:#000;color:#FFF;justify-content:center;align-items:center}
.hot-button-prev .iconfont,.wmkc-homehot .hot-button-next .iconfont {font-size:40px}
.wmkc-homehot .hot-button-next {top:45%;right:20px;cursor:pointer}
.wmkc-homehot .hot-button-prev {top:45%;left:20px;cursor:pointer}
@media(max-width:1600px) {.wmkc-homehot .hot-name {font-size:24px}
.wmkc-homehot .homewel-title h3::before {left:25%}
.wmkc-homehot .homewel-title h3::after {right:25%}}
@media(max-width:1440px) {.wmkc-homehot .hot-name {font-size:20px}}
@media(max-width:1366px) {.wmkc-homehot .homewel-title h3::before {left:20%}
.wmkc-homehot .homewel-title h3::after {right:20%}}
@media(max-width:1280px) {.wmkc-homehot .hot-name {font-size:18px}}
@media(max-width:1024px) {.wmkc-homehot .homewel-title h3::before {left:10%}
.wmkc-homehot .homewel-title h3::after {right:10%}}
@media(max-width:768px) {.wmkc-homehot .hot-name {font-size:16px}
.wmkc-homehot .homewel-title h3 {font-size:30px}}
@media(max-width:500px) {.wmkc-homehot .homewel-title h3::before {left:1%;width:20px}
.wmkc-homehot .homewel-title h3::after {right:1%;width:20px}}
.wmkc-dynamics {position:relative;padding:50px 90px}
.wmkc-dynamics .dynamics-title {font-size:44px}
.wmkc-dynamics .dynamics-bod {width:80px;height:3px;background:#000}
.wmkc-dynamics .dynamics-more {position:absolute;right:90px;border-bottom:2px solid;font-weight:800;font-size:20px}
.wmkc-dynamics ul {display:flex;margin:50px 0px;justify-content:space-between;flex-wrap:wrap}
.wmkc-dynamics ul li {position:relative;margin:10px 0px;padding:10px;width:23%;border-radius:30px;background:#f4f4f4}
.dynamics-box .dynamics-name {color:#353535;font-weight:600;font-size:29px}
.dynamics-box .dynamics-text {color:#353535;font-weight:600;font-size:18px}
.dynamics-box .dynamics-date {display:flex;color:#353535;font-weight:600;font-size:18px;justify-content:flex-end}
@media(max-width:1440px) {.dynamics-box .dynamics-name {font-size:24px}}
@media(max-width:1024px) {.wmkc-dynamics ul li {width:46%}}
@media(max-width:768px) {.wmkc-dynamics {padding:20px}
.wmkc-dynamics .dynamics-title {font-size:30px}
.wmkc-dynamics .dynamics-more {right:20px;font-size:18px}}
@media(max-width:500px) {.dynamics-box .dynamics-name {font-size:16px}
.wmkc-dynamics ul li {width:100%}}
.wmkc-homepartner .homewel-title {margin:0px auto;margin-bottom:50px;text-align:center;font-size:44px}
.wmkc-homepartner .homewel-title h3 {position:relative}
.wmkc-homepartner .homewel-title p {color:#020202;font-weight:600;font-size:19px}
.wmkc-homepartner .homewel-title h3::before {position:absolute;top:50%;left:28%;width:80px;height:3px;background:#000;content:''}
.wmkc-homepartner .homewel-title h3::after {position:absolute;top:50%;right:28%;width:80px;height:3px;background:#000;content:''}
.wmkc-homepartner ul {display:flex;margin:0px auto;padding:0 200px;max-width:1600px;justify-content:space-between;flex-wrap:wrap}
.wmkc-homepartner ul img {height:100%}
.wmkc-homepartner ul li {margin:25px 0px;padding:5px;width:22%;background:#f4f4f4;transition:all .3s}
@media(max-width:1600px) {.wmkc-homepartner .homewel-title h3::before {left:24%}
.wmkc-homepartner .homewel-title h3::after {right:24%}}
@media(max-width:1440px) {.wmkc-homepartner .homewel-title h3::before {left:22%}
.wmkc-homepartner .homewel-title h3::after {right:22%}}
@media(max-width:1366px) {.wmkc-homepartner .homewel-title h3::before {left:20%}
.wmkc-homepartner .homewel-title h3::after {right:20%}}
@media(max-width:1280px) {.wmkc-homepartner .homewel-title h3::before {left:18%}
.wmkc-homepartner .homewel-title h3::after {right:18%}}
@media(max-width:1024px) {.wmkc-homepartner .homewel-title h3::before {left:10%}
.wmkc-homepartner .homewel-title h3::after {right:10%}
.wmkc-homepartner ul li {margin:10px 0px}}
@media(max-width:768px) {.wmkc-homepartner .homewel-title h3 {font-size:30px}
.wmkc-homepartner ul {padding:0 90px}
.wmkc-homepartner ul li {width:47%}}
@media(max-width:500px) {.wmkc-homepartner .homewel-title h3::before {display:none}
.wmkc-homepartner .homewel-title h3::after {display:none}
.wmkc-homepartner ul {padding:0 20px}
.wmkc-homepartner ul li {width:44%}}
.wmkc-homepartner ul li:hover {transform:translateY(-5px)}
.wmkc-homehot .swiper-container .swiper-slide img {width:100%}
.wmkc-homehot .swiper-slide a {width:100%}
.wmkc-dynamics .dynamics-more:hover {color:var(--color)}
.home-container .wmkc-homehot .swiper-slide {transform:scale(.9)}
.home-container .wmkc-homehot .swiper-slide-active {transform:scale(1)}
@media(max-width:1600px) {.dynamics-box .dynamics-name {font-size:24px}}
@media(max-width:1440px) {.dynamics-box .dynamics-name {font-size:22px}}
.wmkc-aboutprofile {display:flex;padding:60px;justify-content:space-between;flex-wrap:wrap;align-items:center}
.wmkc-aboutprofile .aboutprofile-video {width:50%}
.wmkc-aboutprofile .aboutprofile-content {padding:0 45px;width:50%}
.aboutprofile-bod {margin-right:20px;width:3px;height:60px;background:#000}
.wmkc-aboutprofile .aboutprofile-title {display:flex;font-weight:600;font-size:50px;align-items:center}
.wmkc-aboutprofile .aboutprofile-text {padding:15px 0px;font-weight:600;font-size:21px;line-height:1.5}
.aboutprofile-box {display:flex;justify-content:space-between}
.aboutprofile-box .box-content {display:flex;width:33%;align-items:center}
.aboutprofile-box .box-num {display:flex;font-weight:600;font-size:45px;align-items:end}
.aboutprofile-box .box-num p {padding:0 20px 15px;font-size:16px}
.aboutprofile-box .box-name {font-weight:600;font-size:16px}
.aboutprofile-video .video-fixed {position:fixed;top:0;left:0;z-index:9999999;display:none;width:100vw;height:100%;background:rgba(0,0,0,.8)}
.aboutprofile-video .video-fixed .aboutvideo-close {position:absolute;top:30px;right:30px;display:flex;color:#FFF;font-weight:800;font-size:50px;cursor:pointer;transition:all .1s linear;align-items:center;justify-content:center}
.aboutprofile-video .video-fixed .aboutvideo-close:hover {color:var(--color)}
.aboutprofile-video .video-fixed video {position:absolute;top:50%;left:50%;max-width:80%;max-height:80%;transform:translate(-50%,-50%)}
.aboutprofile-video .video-fixed.active {display:block}
@media(max-width:1440px) {.wmkc-aboutprofile .aboutprofile-text {font-size:18px}
.aboutprofile-box .box-num {font-size:30px}
.aboutprofile-box .box-num p {padding:0 20px 5px}}
@media(max-width:1366px) {.wmkc-aboutprofile .aboutprofile-title {font-size:30px}}
@media(max-width:1280px) {.aboutprofile-box .box-content {width:36%}}
@media(max-width:1024px) {.wmkc-aboutprofile .aboutprofile-video {width:100%}
.wmkc-aboutprofile .aboutprofile-content {padding:20px 0px;width:100%}}
@media(max-width:768px) {.wmkc-aboutprofile {padding:20px}}
@media(max-width:500px) {.aboutprofile-bod {margin-right:15px}
.aboutprofile-box {flex-wrap:wrap}
.aboutprofile-box .box-content {width:50%}}
@media(max-width:350px) {.aboutprofile-box .box-content {width:70%}}
.wmkc-aboutbrand {display:flex;padding:0 60px;justify-content:space-between;flex-wrap:wrap}
.wmkc-aboutbrand .aboutbrand-right {width:51%}
.wmkc-aboutbrand .aboutbrand-right img {width:100%}
.wmkc-aboutbrand .aboutbrand-left {display:flex;padding:80px 50px;width:42%;flex-direction:column;justify-content:space-between}
.wmkc-aboutbrand .aboutbrand-bod {margin-right:20px;width:3px;height:60px;background:#000}
.wmkc-aboutbrand .aboutbrand-title {display:flex;font-weight:600;font-size:50px;align-items:center}
.wmkc-aboutbrand .aboutbrand-text {padding:70px 0px;color:#000;font-weight:600;font-size:21px;line-height:1.5}
.wmkc-aboutbrand .aboutbrand-content {display:flex;font-weight:600;font-size:20px;align-items:center}
.wmkc-aboutbrand .aboutbrand-content h3 {margin-right:10px;font-size:27px}
.wmkc-aboutbrand .aboutbrand-circle {margin-right:10px;width:16px;height:16px;border:2px solid var(--color);border-radius:50%}
.wmkc-aboutbrand .aboutbrand-sign {display:flex;align-items:center}
.about-title {position:relative;padding-top:50px;color:#020202;text-align:center;font-weight:600;font-size:55px}
.about-title::after {position:absolute;top:100%;left:51%;width:150px;height:5px;background:var(--color);content:'';transform:translateX(-49%)}
@media(max-width:1024px) {.about-title {font-size:30px}
.about-title::after {width:80px}}
@media(max-width:768px) {.about-title {padding-top:20px}}
@media(max-width:1600px) {.wmkc-aboutbrand .aboutbrand-left {padding:80px 20px;width:46%}
.wmkc-aboutbrand .aboutbrand-text {padding:20px 0px}}
@media(max-width:1440px) {.wmkc-aboutbrand .aboutbrand-left {padding:0 20px}
.wmkc-aboutbrand .aboutbrand-text {font-size:18px}
.wmkc-aboutbrand .aboutbrand-content {font-size:18px}}
@media(max-width:1366px) {.wmkc-aboutbrand .aboutbrand-title {font-size:30px}}
@media(max-width:1280px) {.wmkc-aboutbrand .aboutbrand-content h3 {font-size:20px}}
@media(max-width:1024px) {.wmkc-aboutbrand .aboutbrand-left {margin-bottom:20px;padding:0;width:100%}
.wmkc-aboutbrand .aboutbrand-right {width:100%}}
@media(max-width:768px) {.wmkc-aboutbrand {padding:20px}}
@media(max-width:500px) {.wmkc-aboutbrand .aboutbrand-content h3 {font-size:18px}
.wmkc-aboutbrand .aboutbrand-content {font-size:12px}
.wmkc-aboutbrand .aboutbrand-circle {width:8px;height:8px}}
.wmkc-abouthistory {padding:0 60px}
.wmkc-abouthistory img {width:100%}
@media(max-width:768px) {.wmkc-abouthistory {padding:0 20px}}
.wmkc-abouthonor {display:flex;padding:50px 60px;padding-bottom:0;justify-content:space-between;flex-wrap:wrap}
.wmkc-abouthonor .abouthonor-left {display:flex;padding:80px 30px 30px;width:47%;flex-direction:column;justify-content:space-between}
.wmkc-abouthonor .abouthonor-right {width:53%}
.wmkc-abouthonor .abouthonor-right img {width:100%}
.abouthonor-bod {margin-right:20px;width:3px;height:60px;background:#000}
.wmkc-abouthonor .abouthonor-title {display:flex;font-weight:600;font-size:50px;align-items:center}
.wmkc-abouthonor .abouthonor-text {padding:15px 0px;font-weight:600;font-size:21px;line-height:1.5}
.abouthonor-box {display:flex;justify-content:space-between;flex-wrap:wrap}
.abouthonor-box .box-content {display:flex;width:33%}
.abouthonor-box .box-num {font-weight:600;font-size:45px}
.abouthonor-box .box-name {font-weight:600;font-size:16px}
.abouthonor-box .abouthonor-bod {margin-top:20px}
@media(max-width:1600px) {.wmkc-abouthonor .abouthonor-title {font-size:36px}
.wmkc-aboutprofile .aboutprofile-title {font-size:36px}
.wmkc-aboutbrand .aboutbrand-title {font-size:36px}}
@media(max-width:1440px) {.wmkc-abouthonor .abouthonor-text {font-size:18px}
.abouthonor-box .box-num {font-size:30px}}
@media(max-width:1366px) {.wmkc-abouthonor .abouthonor-title {font-size:30px}
.wmkc-aboutprofile .aboutprofile-title {font-size:30px}
.wmkc-aboutbrand .aboutbrand-title {font-size:30px}
.wmkc-abouthonor .abouthonor-left {padding:40px 30px 30px}
.abouthonor-box .abouthonor-bod {margin-top:10px}
.aboutprofile-box .box-name {font-size:14px}
.abouthonor-box .box-name {font-size:14px}
.abouthonor-box .box-text {width:90%}}
@media(max-width:1024px) {.wmkc-abouthonor .abouthonor-left {padding:40px 0 30px;width:100%}
.wmkc-abouthonor .abouthonor-right {width:100%}}
@media(max-width:768px) {.wmkc-abouthonor {padding:20px}}
@media(max-width:500px) {.abouthonor-box .box-content {width:50%}
.abouthonor-box .box-text {width:80%}
.abouthonor-title p {width:90%}}
@media (max-width:350px) {.abouthonor-box .box-content {width:100%}}
.wmkc-aboutlayout .aboutlayout-text {margin:0px auto;padding-top:20px;width:50%;color:#000;text-align:center;font-size:21px}
.wmkc-aboutlayout .aboutlayout-img {width:100%}
.wmkc-aboutlayout .aboutlayout-img img {width:100%}
@media (max-width:1440px) {.wmkc-aboutlayout .aboutlayout-text {width:80%}}
@media (max-width:768px) {.wmkc-aboutlayout .aboutlayout-text {font-size:18px}}
@media(max-width:1440px) {.wmkc-abouthistory {padding-top:50px}}
@media(max-width:1280px) {.about-title {padding-top:30px}}
@media (max-width:1024px) {.wmkc-abouthonor .abouthonor-left {padding:0 0 30px;width:100%}}
@media (max-width:768px) {.wmkc-abouthistory {padding-top:30px}
.wmkc-abouthonor .abouthonor-left {padding:20px 0 30px}}
.wmkc-productsfeatures {position:relative;width:100%;background:#efefef}
.wmkc-productsfeatures .productsfeatures-content {position:absolute;top:30%;margin:0px auto;text-align:center}
.productsfeatures-title {color:#FFF;font-weight:600;font-size:50px}
.productsfeatures-text {margin:0px auto;width:70%;color:#FFF;font-size:26px;line-height:1.5}
@media(max-width:1024px) {.wmkc-productsfeatures .productsfeatures-content {top:20%}
.productsfeatures-title {font-size:30px}
.productsfeatures-text {width:80%;font-size:20px}}
@media(max-width:768px) {.wmkc-productsfeatures .productsfeatures-content {top:10%}
.productsfeatures-text {width:90%;font-size:16px}
.productsfeatures-title {font-size:20px}}
@media(max-width:500px) {.productsfeatures-text {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;line-height:1.2;-webkit-box-orient:vertical;-webkit-line-clamp:3}}
.productscategory-livel1 {display:flex;box-sizing:border-box;padding:0 20%;width:100%;border-bottom:2px solid #dadada;background:#efefef;flex-wrap:wrap;justify-content:space-between}
.productscategory-livel1 li {padding:15px 10px;color:#222;font-weight:700;font-size:31px}
.productscategory-livel1 .active {border-bottom:3px solid var(--color)}
.productscategory-livel2 {display:flex;box-sizing:border-box;padding:20px 15%;width:100%;background:#efefef;flex-wrap:wrap}
.productscategory-livel2 li {margin:5px 0px;margin-right:10px;padding:5px 20px;border-radius:20px;background:#FFF;color:#686868;font-size:21px}
.productscategory-livel2 .active {background:var(--color)}
.productscategory-livel2 .active a {color:#FFF}
.productscategory-prlist {display:flex;box-sizing:border-box;margin-top:50px;padding:0 260px;width:100%;flex-wrap:wrap;justify-content:space-between}
.productscategory-prlist li {margin-bottom:30px;width:24%;transition:all .3s}
.productscategory-prlist li img {width:100%}
.productscategory-prlist .prlist-title {padding:0 10px;color:#353535;font-weight:600;font-size:19px}
.productscategory-prlist .prlist-text {padding:0 10px;color:#353535;font-weight:600;font-size:12px}
.wmkc-productscategory .common-pages span.ctxt {border:1px solid var(--color);background:#FFF;color:var(--color)}
.wmkc-productscategory .page-next,.wmkc-productscategory .page-prev {background:var(--color);color:#FFF}
.wmkc-productscategory .common-pages a,.wmkc-productscategory .common-pages span {border-radius:10px}
.wmkc-productscategory .common-pages {margin-top:20px}
@media(max-width:1600px) {.productscategory-livel1 {padding:0 15%}
.productscategory-livel2 {padding:20px 10%}
.productscategory-prlist {padding:0 160px}}
@media(max-width:1280px) {.productscategory-prlist {padding:0 80px}}
@media(max-width:1024px) {.productscategory-livel1 li {font-size:24px}
.productscategory-prlist li {width:49%}}
@media(max-width:768px) {.productscategory-livel1 {padding:0 5%}
.productscategory-prlist {padding:0 20px}
.productscategory-livel1 li {font-size:20px}
.productscategory-livel2 li {font-size:18px}}
@media(max-width:500px) {.productscategory-livel1 li {margin:0px auto;width:100%;text-align:center}
.productscategory-prlist {padding:0px}}
.productscategory-livel1 li:hover {border-bottom:3px solid var(--color)}
.productscategory-livel2 li:hover {background:var(--color)}
.productscategory-livel2 li:hover a {color:#FFF}
.productscategory-prlist li:hover {transform:translateY(-3px)}
.wmkc-productscontact {position:relative;background:#efefef}
.productscontact-content {position:absolute;top:20%;width:100%;color:#FFF;text-align:center}
.productscontact-content .productscontact-title {font-weight:600;font-size:66px}
.productscontact-content .productscontact-text {margin:0px auto;padding:60px 0px;width:50%;font-size:21px}
.productscontact-content .productscontact-num {margin:0px auto;width:35%;border-radius:10px;background:#FFF;color:#000;font-size:31px}
@media(max-width:1600px) {.productscontact-content .productscontact-text {padding:20px 0px}
.productscontact-content .productscontact-num {width:40%}}
@media(max-width:1440px) {.productscontact-content {top:10%}
.productscontact-content .productscontact-num {width:45%}}
@media(max-width:1280px) {.productscontact-content .productscontact-title {font-size:50px}
.productscontact-content .productscontact-num {width:50%}}
@media(max-width:1024px) {.productscontact-content .productscontact-title {font-size:30px}
.productscontact-content .productscontact-num {width:60%}}
@media(max-width:768px) {.productscontact-content .productscontact-title {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;font-size:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.productscontact-content .productscontact-text {padding:10px 0px;font-size:16px}
.productscontact-content .productscontact-num {font-size:20px}}
@media(max-width:500px) {.productscontact-content {top:1%}
.productscontact-content .productscontact-text {display:-webkit-box;overflow:hidden;width:100%;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.wmkc-productscontact img {height:230px}
.productscontact-content .productscontact-num {width:90%;font-size:16px}
.productscategory-prlist .prlist-title {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.productscategory-prlist .prlist-text {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}}
@media(max-width:350px) {.productscontact-content .productscontact-text {font-size:12px}}
.wmkc-productsinquiry {padding:50px 0px;background:#efefef;text-align:center}
.wmkc-productsinquiry .productsinquiry-title {color:#020202;font-weight:600;font-size:40px}
.wmkc-productsinquiry .productsinquiry-text {margin:0px auto;width:50%;font-weight:600;font-size:21px}
.wmkc-productsinquiry .wmkcfeedback {margin:50px auto;width:70%}
.wmkc-productsinquiry .send-inquiry .inquiry-form input,.wmkc-productsinquiry .send-inquiry .inquiry-form textarea {border-radius:10px}
.wmkc-productsinquiry .send-inquiry .inquiry-form input {height:60px}
@media(max-width:768px) {.wmkc-productsinquiry .productsinquiry-text {width:80%}
.wmkc-productsinquiry .wmkcfeedback {width:90%}}
.wmkc-productscategory {position:relative;margin-bottom:100px}
.wmkc-productscategory>ul {display:flex;box-sizing:border-box;padding:0 20%;width:100%;border-bottom:2px solid #dadada;background:#efefef;flex-wrap:wrap;justify-content:space-between}
.wmkc-productscategory .LiLevel1 {padding:15px 10px;border-bottom:3px solid #efefef}
.wmkc-productscategory .LiLevel1>a {color:#222;font-weight:700;font-size:31px}
.wmkc-productscategory .LiLevel1>ul {position:absolute;top:100%;left:0;display:flex;box-sizing:border-box;padding:0 20%;width:100%;background:#efefef;flex-wrap:wrap}
.wmkc-productscategory .LiLevel1>ul .LiLevel2 {margin:5px 0px;margin-right:10px;padding:5px 20px;border-radius:20px;background:#FFF;color:#686868}
.wmkc-productscategory .LiLevel1>ul .LiLevel2 a {padding:5px 20px;border-radius:20px;color:#686868;font-size:21px}
.wmkc-productscategory .LiLevel1>ul .LiLevel2 .LiLevel3 {display:none}
.wmkc-productscategory .LiLevel1:hover {border-bottom:3px solid var(--color)}
.wmkc-productscategory .LiLevel1>ul .LiLevel2:hover {background:var(--color)}
.wmkc-productscategory .LiLevel1>ul .LiLevel2:hover a {color:#FFF}
@media(max-width:1600px) {.wmkc-productscategory>ul {padding:0 10%}
.wmkc-productscategory .LiLevel1>ul {padding:0 10%}}
@media(max-width:1024px) {.wmkc-productscategory .LiLevel1>a {font-size:24px}
.wmkc-productscategory .LiLevel1>ul .LiLevel2 a {font-size:18px}}
.wmkc-productscategory .LiLevel1>ul {display:none}
.wmkc-productscategory .active.LiLevel1>ul {display:flex}
.wmkc-productscategory li:nth-child(1)>ul {display:flex}
.wmkc-productscategory .LiLevel1.active {border-bottom:3px solid var(--color) !important}
.wmkc-productscategory .LiLevel2.active>a {color:#FFF !important}
.wmkc-productscategory .LiLevel2.active {background:var(--color) !important}
.mobcate-main .prohome-content {margin:0;padding:0px}
.mobcate-main .pro-filter {display:none}
.mobcate-main .prolist-content {margin:0}
.mobcate-main .prolist-bottom {margin:0;padding:0px}
.blogflex-info{display:flex;align-items:flex-start;border-radius:10px;background:#fafafa;padding:15px;text-align:left;margin-bottom:15px}
.blogflex-info .img{width:55px;height:55px;border-radius:50%;border:1px solid #EEEEEE;overflow:hidden}
.blogflex-info .img img{width:100%;height:100%;object-fit:cover}
.blogflex-info .info{flex:1;padding-left:10px}
.blogflex-info .info-name{font-size:18px;font-weight:700}
.blogflex-info .info-content{line-height:1.4;color:#555555;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden}
.email-subscription{display:flex;flex-direction:column;width:100%}
.email-subscription input{width:100%;outline:0;border:1px solid #CCCCCC;height:40px;border-radius:0;padding:0 10px;transition:all .1s linear;box-sizing:border-box}
.email-subscription button{margin-top:10px;width:100%;height:40px;background:var(--color,#333);color:#FFFFFF;border:none;border-radius:0;cursor:pointer;transition:all .1s linear}
.company-intro{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden}