@charset "utf-8";
@import url('https://css02.v15cdn.com/m404/fonts/iconfont.css');
@import url("https://css02.v15cdn.com/m404/message.css");
@import url(https://css01.v15cdn.com/language.css);
:root{--color:#0579C6;--hovercolor:#111111;--fontcolor:#000000;--headercolor:#000000;--footercolor:#CCCCCC;--introcolor:#444444;--fontsize12:12px;--fontsize13:13px;--fontsize14:14px;--fontsize15:15px;--fontsize16:16px;--fontsize17:17px;--fontsize18:18px;--fontsize20:20px;--fontsize22:22px;--fontsize24:24px;--fontsize26:26px;--fontsize28:28px;--fontsize30:30px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontfamily:'Poppins','Lato','Open Sans','Roboto','Oswald','Noto Sans',sans-serif}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p{margin:0px;padding:0px;border:0px;vertical-align:baseline}
html{margin:0px;padding:0px;overflow-x:hidden;direction:rtl}
body{margin:0px auto;padding:0px;max-width:1920px;line-height:1.6;font-size:var(--fontsize16);font-family:var(--fontfamily)}
h1,h2,h3,h4,h5,h6{font-weight:var(--fontbold6);text-transform:capitalize}
ol,ul,li{list-style:none}
a,a:hover{color:var(--fontcolor);text-decoration:none}
img{border:0px;max-width:100%;max-height:100%;height:auto;vertical-align:bottom}
table{border-collapse:collapse;border-spacing:0}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
input{-webkit-appearance:none;border-radius:0}
main{margin-top:100px;background-color:#FFFFFF}
body.index{overflow-x:hidden}
.table td,.table th{border:1px solid #DDDDDD;padding:5px}
.table-bottom td,.table-bottom th{border-bottom:1px solid #E5E5E5;padding:5px}
.flex{display:flex;justify-content:center;align-items:center}
.flex-wrapper,.list-4{display:flex;flex-wrap:wrap}
.list-4{width:100%}
.list-4>li{width:calc(25% - 15px);height:300px;margin-right:20px;box-sizing:border-box;border:1px solid #000000;margin-bottom:20px}
.list-4>li:nth-of-type(4n){margin-right:0px}
.list-2{display:flex;flex-wrap:wrap;width:100%}
.list-2>li{width:calc(50% - 15px);height:300px;margin-right:30px;box-sizing:border-box;border:1px solid #000000;margin-bottom:30px}
.list-2>li:nth-of-type(2n){margin-right:0px}
.list-1{display:flex;flex-wrap:wrap;width:100%}
.list-1>li{width:100%;height:200px;box-sizing:border-box;border:1px solid #000000;margin-bottom:30px}
.list-6{width:100%;display:flex}
.list-6>li{flex:1;box-sizing:border-box;border:1px solid #000000;margin-right:20px}
.list-6>li:after{display:block;content:"";width:100%;padding-bottom:100%}
.card{display:flex;flex-direction:column}
.common-wrap{width:1600px;margin:0px auto}
.crumb{clear:both;margin:0px auto;padding:15px 0px;background-color:#F7F8F9}
.crumb-title{color:var(--color);font-size:var(--fontsize26);line-height:1.4}
.crumb-nav,.crumb-nav a{color:var(--introcolor);font-size:var(--fontsize14)}
.crumb-nav span{color:var(--introcolor);margin:0px 5px}
.crumb-nav a:hover{color:var(--color)}
.main-c{padding:40px 0px;background-color:#FFFFFF}
.main-c article h3{color:var(--fontcolor);font-size:var(--fontsize24);margin-bottom:10px}
.main-c article p{font-size:var(--fontsize16);color:var(--fontcolor)}
.main-c .img-list{width:100%;display:flex;justify-content:space-between;margin-bottom:10px}
.main-c .img-list img{display:block;width:31.5%;height:auto}
.inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.common-link{margin:30px auto;padding:0px 10px;display:flex;background-color:#F7F8F9;box-sizing:border-box}
.common-link span{margin-right:10px}
.common-link>div{flex:1;display:flex;align-items:center;height:50px;font-size:var(--fontsize16)}
.common-link>div a{height:100%;line-height:50px;max-width:400px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:var(--color)}
.common-link .next{justify-content:flex-end}
.info-wrap{display:flex}
.common-content{margin-right:60px;flex:8}
.common-content .content-title{font-size:var(--fontsize30);color:var(--fontcolor);line-height:1.4}
.common-content .content-top{display:flex;margin:10px 0px;align-items:center;font-size:var(--fontsize14);color:var(--introcolor)}
.common-content .content-date{margin-left:5px}
.common-content article p{font-size:var(--fontsize16)}
.common-content article{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #EEEEEE}
.common-content .pages-list span{color:var(--color)}
.common-content .pages-list div{margin-top:20px}
.common-content .pages-list div:last-child{margin-top:0px}
.common-content .pages-list a:hover{text-decoration:underline;color:var(--color)}
.common-side{flex:2;padding:0px 10px;max-width:248px;border-left:solid 1px #EEEEEE;box-sizing:border-box}
.side-title{margin-bottom:10px;font-size:var(--fontsize24);font-weight:var(--fontbold6)}
.side-news ul li{width:100%;margin-bottom:30px}
.side-news ul li:hover .side-news-title{color:var(--color)}
.side-news ul .side-news-img{width:100%;text-align:center;border:solid 1px #EEEEEE;box-sizing:border-box}
.side-news ul .side-news-title{font-size:var(--fontsize16);line-height:1.4;margin:5px 0px;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;transition:color .3s ease}
.side-news ul .side-news-date{font-size:var(--fontsize14);color:var(--introcolor);display:flex;align-items:center}
.side-news ul .side-news-date i{margin-right:5px}
.side-social ul li{height:20px;display:flex;align-items:center;font-size:var(--fontsize16);margin-bottom:15px}
.side-social ul li:hover,.side-social ul li:hover a{color:var(--color)}
.side-social ul li a{color:var(--fontcolor);font-size:var(--fontsize16)}
.side-social ul li .iconfont{font-size:var(--fontsize24);margin-right:10px}
.common-pages{width:100%;font-size:var(--fontsize18);margin-bottom:50px}
.common-pages,.common-pages a,.common-pages span{display:flex;justify-content:center;align-items:center}
.common-pages a,.common-pages span{margin:5px;height:40px;width:40px;font-size:var(--fontsize16);color:var(--fontcolor);transition:all .3s ease;box-sizing:border-box;border:1px solid #F1F1F1}
.common-pages span{opacity:.4}
.common-pages span.ctxt{opacity:1;border:none;background:var(--color);color:#FFFFFF}
.common-pages a:hover{background-color:var(--color);color:#FFFFFF}
#toast-container{padding-top:100px}
.top-btn{display:none;border-radius:50%;width:40px;height:40px;background:#FFFFFF;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}
.top-btn:hover{cursor:pointer;background:#CCCCCC}
.top-btn i{position:relative;transform:scale(1.4)}
.sm-mask{position:fixed;width:100%;bottom:0px;height:100%;background:rgba(0,0,0,.6);z-index:8;display:none;top:13.3333333333vw}
.swiper-container .swiper-slide{width:100%;display:flex;justify-content:center}
.swiper-container .swiper-slide img{width:100%;height:auto;object-fit:contain}
.swiper-container .swiper-button-next:after,.swiper-container .swiper-button-prev:after{content:""}
.swiper-container .swiper-button-next i,.swiper-container .swiper-button-prev i{transform:scale(3);color:var(--color)}
.swiper-container .swiper-pagination-bullet{background:#FFFFFF}
.swiper-container .swiper-pagination-bullet-active{background:var(--color)}
#swiper-banner .swiper-pagination-bullet{overflow:hidden;width:35px;height:8px;opacity:1;background-color:#CCCCCC;border-radius:999px}
#swiper-banner .swiper-pagination-bullet:after{content:"";position:absolute;top:0px;left:0px;width:0px;height:100%;background-color:var(--color)}
#swiper-banner .swiper-pagination-bullet-active{background-color:#CCCCCC;position:relative}
#swiper-banner .current{position:relative}
#swiper-banner .current:after{transition:width 3s linear;width:100%}
.common-title{font-size:40px;line-height:1.1;font-weight:var(--fontbold6);margin-bottom:15px}
.common-con,.common-title{text-align:center;color:#FFFFFF}
.hot{padding:60px 0px}
.hot .common-wrap{display:flex}
.hot .slide-title{font-size:42px;opacity:.08;writing-mode:vertical-lr;text-transform:uppercase;margin-right:30px}
.hot .swiper-container{flex:1;box-sizing:border-box;padding-right:60px}
.hot .swiper-button-next,.hot .swiper-button-prev{display:block;width:50px;height:50px;box-sizing:border-box;background-color:var(--color);display:flex;justify-content:center;align-items:center;transition:background-color .2s ease;right:10px;left:auto;border-radius:5px}
.hot .swiper-button-next i,.hot .swiper-button-prev i{color:#FFFFFF;transform:scale(1.8)}
.hot .swiper-button-next{top:40%}
.hot .swiper-button-prev{top:55%;background-color:var(--fontcolor)}
.hot .swiper-slide{box-sizing:border-box;display:flex}
.hot .swiper-slide-active{margin-right:60px}
.hot-img{flex:5;display:flex;justify-content:center;align-items:center;max-height:400px;position:relative;border:1px solid #F9F9F9;box-sizing:border-box}
.hot-img img{max-width:100%;max-height:100%;display:block}
.hot-info{padding:0px 50px;flex:5}
.hot-name{margin:10px 0px;font-size:var(--fontsize30);font-weight:var(--fontbold6);line-height:1.4}
.hot-intro{display:-webkit-box;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;line-height:1.8}
.hot .common-btn{margin:20px 0px 0px 0px;padding:0px;width:180px;height:45px;color:#FFFFFF;font-size:var(--fontsize16);background-color:#000000;display:flex;justify-content:center;align-items:center}
.common-btn,.hot .common-btn:hover{background-color:var(--color);color:var(--fontcolor)}
.common-btn{padding:10px 20px;display:inline-block;border-radius:999px;transition:color .3s ease,background-color .3s ease;text-transform:lowercase}
.common-btn:hover{background-color:#000000;color:#FFFFFF}
.news-pro ul{width:100%;display:flex}
.news-pro li{width:calc(25% - 30px);margin-right:40px;display:flex;flex-direction:column;align-items:center}
.news-pro li:last-child{margin-right:0px}
.news-pro li:hover .common-btn{background-color:#000000;color:#FFFFFF}
.news-pro li:hover img{transform:scale(1.05)}
.news-pro li:hover .img-wrap{box-shadow:0px 5px 10px rgba(0,0,0,.1)}
.news-pro .img-wrap{width:100%;padding-bottom:100%;position:relative;border:solid 1px #EEEEEE}
.news-pro-img{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#FFFFFF}
.news-pro-img img{max-width:100%;max-height:100%;transition:transform .3s ease}
.news-pro-name{margin:10px 0px;text-align:center;font-size:var(--fontsize18);color:var(--fontcolor);line-height:1.4;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}
.news-pro .common-btn{width:140px;height:35px;padding:0px;display:flex;justify-content:center;align-items:center;background-color:#FAFAFA;border:1px solid #DDDDDD}
.news-pro .common-btn:hover{border-color:var(--fontcolor)}
.about{margin:60px 0px 0px 0px;padding:60px 0px;background:url(imgs/ab-bg.webp) #000000 no-repeat;background-position:50%}
.about .common-wrap{display:flex;flex-direction:column;align-items:center}
.about .common-btn{margin:20px 0px 0px 0px;padding:0px;width:180px;height:45px;font-size:var(--fontsize16);display:flex;justify-content:center;align-items:center}
.about .common-btn:hover{background-color:#FFFFFF;color:var(--fontcolor)}
.about-icon{margin-top:50px;width:100%;display:flex}
.about-icon li{position:relative;width:calc(25% - 30px);margin-right:40px;display:flex;flex-direction:column;justify-content:center;transition:box-shadow .3s ease,transform .3s ease}
.about-icon li:last-child{margin-right:0px}
.about-icon li:after{content:"";width:100%;display:block;padding-bottom:100%}
.about-icon li:hover{box-shadow:2px 2px 15px hsla(0,0%,100%,.3);transform:translateY(-2px)}
.about-icon li:hover img{transition:transform .5s ease-out;transform:rotateX(1turn) scale(1.1)}
.about-icon li img{transition:none}
.about-icon li .icon-wrap{position:absolute;top:0px;left:0px;width:100%;height:100%;box-sizing:border-box;border:1px solid #FFFFFF33;display:flex;flex-direction:column;justify-content:center;align-items:center;transform-style:preserve-3d;perspective:1000}
.about-icon li .icon-wrap img{width:20%}
.about-icon li .icon-wrap p{color:#FFFFFF;font-size:var(--fontsize22);margin-top:15px}
.about .common-con{max-width:1300px}
.news{padding:60px 0px;position:relative}
.news ul{display:flex;flex-wrap:wrap}
.news ul li{width:calc(25% - 30px);margin-right:40px;background-color:#F7F8F9;box-sizing:border-box;transition:all .3s ease}
.news ul li:last-child{margin-right:0px}
.news ul li .more-btn{transition:all .3s ease;padding-top:10px;font-size:var(--fontsize16);display:inline-block}
.news ul li .more-btn i{position:relative;top:2px;font-weight:var(--fontbold6);margin-left:5px}
.news ul li:hover{box-shadow:0px 5px 10px rgba(0,0,0,.1)}
.news ul li:hover .more-btn{padding-left:5px;color:var(--color)}
.news ul li:hover .news-date{background-color:var(--color)}
.news-info{padding:15px}
.news-title{width:100%;font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.4;margin:10px 0px;-webkit-line-clamp:2}
.news-con,.news-title{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.news-con{-webkit-line-clamp:3;color:var(--introcolor);font-size:var(--fontsize14)}
.news-img{position:relative}
.news-img img{width:100%}
.news-date{position:absolute;bottom:-18px;left:15px;color:#FFFFFF;background-color:#000000;display:flex;text-align:center;flex-direction:column;justify-content:center;width:60px;height:60px;border-radius:5px;box-sizing:border-box;transition:background-color .3s ease}
.news-date .day{font-size:var(--fontsize22);line-height:1}
.news .common-title{color:var(--fontcolor)}
.news .common-btn{position:absolute;left:50%;bottom:0px;padding:0px;width:180px;height:45px;display:flex;justify-content:center;align-items:center;transform:translate(-50%,50%);background-color:#000000;color:#FFFFFF;font-size:var(--fontsize16)}
.news .common-btn:hover{background-color:var(--color);border:1px solid var(--color)}
.project{padding:80px 0px 60px 0px;background-color:#FFFFFF}
.project .common-wrap{display:flex;flex-direction:column;align-items:center}
.project .common-title{color:var(--fontcolor)}
.project .common-con{margin:0px auto 20px;max-width:1300px;color:var(--fontcolor)}
.project .common-btn{padding:0px;margin:0px auto;width:180px;height:45px;font-size:var(--fontsize16);display:flex;justify-content:center;align-items:center;background-color:transparent;border:1px solid #000000;text-transform:lowercase}
.project .common-btn:hover{background-color:var(--color);border:1px solid var(--color)}
.project-swiper{margin-top:30px;width:100%}
.project .swiper-container .swiper-pagination-bullet{width:100px;opacity:1;width:35px;height:5px;border-radius:10px;background-color:#CCCCCC}
.project .swiper-container .swiper-pagination-bullet-active{background-color:var(--color)}
.project-item{position:relative}
.project-item:after{content:"";padding-bottom:100%}
.project-item:hover .project-info{top:0px}
.project-item:hover .project-img img{opacity:.3}
.project-item:hover .line,.project-item:hover .project-title,.project-item:hover p{transform:translateZ(0);opacity:1}
.project-item:hover .common-btn{opacity:1;transform:translateZ(0) scale(1)}
.project-item a{color:#FFFFFF}
.project-img{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-2;display:flex;justify-content:center;align-items:center;background-color:#000000}
.project-img>img{transition:opacity .3s ease!important;max-width:100%;max-height:100%}
.project-info{position:absolute;transition:top .4s ease;top:0px;left:0px;width:100%;height:100%;color:#FFFFFF}
.project-info .line{margin:10px 0px;width:30px;height:1px;background-color:#EEEEEE}
.project-info .common-btn{margin-top:20px;padding:0px;width:160px;height:40px;background-color:var(--color);color:#FFFFFF;font-size:var(--fontsize16);border:none;transform:translate3d(0,20px,0) scale(1.1);opacity:0;transition:opacity .35s,transform .35s}
.project-info .common-btn:hover{color:#FFFFFF;background:var(--color)}
.project-info>a{width:100%;height:100%;display:block}
.project-info>a object{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.project-info .line,.project-info .project-title,.project-info p{transform:translate3d(0,20px,0);transition:transform .35s}
.project-title{font-size:var(--fontsize22);text-transform:uppercase}
.project .swiper-wrapper{padding-bottom:40px}
.partner{padding-bottom:80px;background-color:#FFFFFF}
.partner ul{width:100%;display:flex}
.partner ul li{box-sizing:border-box;flex:1;position:relative;border-top:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE;border-left:1px solid #EEEEEE}
.partner ul li:last-child{border-right:1px solid #EEEEEE}
.partner ul li:after{content:"";display:block;width:100%;padding-top:50%}
.partner ul li:hover img{transform:scale(1.05)}
.partner ul .partner-img{box-sizing:border-box;position:absolute;width:100%;height:100%;top:0px;left:0px;bottom:0px;right:0px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.partner ul .partner-img img{max-width:100%;max-height:100%;transition:transform .3s ease}
.prolist-0 li{width:100%;padding:20px 40px;margin-bottom:30px;background-color:#F7F8F9;display:flex;transition:transform .3s ease;box-sizing:border-box}
.prolist-0 li .pro-img a{width:200px;height:200px;display:flex;align-items:center;justify-content:center;background-color:#FFFFFF}
.prolist-0 li .pro-img a img{border:0px;max-width:100%;max-height:100%}
.prolist-0 li:hover{transform:translateY(-3px);box-shadow:0 7px 7px -7px rgba(0,0,0,.2)}
.prolist-0 li:hover .pro-name{color:var(--color)}
.prolist-0 .pro-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;margin:20px 0px}
.prolist-0 .pro-name{font-size:var(--fontsize18);line-height:1.4;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.prolist-0 .pro-intro{max-width:800px;font-size:var(--fontsize14);line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}
.prolist-0 .pro-intro a{color:var(--introcolor)}
.prolist-0 .compare-action{width:150px;margin:0px;justify-content:flex-start !important}
.prolist-1{display:flex;flex-wrap:wrap}
.prolist-1 li{width:calc(25% - 22.5px);margin-right:30px;margin-bottom:30px;padding-bottom:10px;transition:box-shadow .3s ease,transform .3s ease;box-sizing:border-box;background-color:#F7F8F9}
.prolist-1 li:nth-of-type(4n){margin-right:0px}
.prolist-1 li .pro-img{width:100%;padding-top:100%;position:relative;overflow:hidden;border:1px solid #EEEEEE;box-sizing:border-box;background-color:#FFFFFF}
.prolist-1 li .pro-img>a{position:absolute;top:0px;left:0px;display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.prolist-1 li .pro-img>a img{border:0px;max-width:100%;max-height:100%}
.prolist-1 li:hover{box-shadow:0px 5px 10px rgba(0,0,0,.1)}
.prolist-1 li:hover .pro-img img{transform:scale(1.05)}
.prolist-1 .pro-info{padding:10px}
.prolist-1 .pro-name{font-size:var(--fontsize18);display:-webkit-box;text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:2}
.prolist-1 .pro-intro,.prolist-1 .pro-name{-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
.prolist-1 .pro-intro{display:-webkit-box;-webkit-line-clamp:3;font-size:var(--fontsize14);color:var(--introcolor)}
.prolist-1 .compare-action{width:50%;margin:0px auto}
.pro-wrap .compare-action{font-size:var(--fontsize14);display:flex;justify-content:center;color:var(--color)}
.pro-review{display:flex}
.pro-review .pro-preview-left{min-width:428px;max-height:600px;box-sizing:border-box}
.pro-review .pro-preview-right{padding:0px 0px 0px 30px;margin-bottom:30px;flex:1}
.pro-review .pro-preview-right .pro-name{font-size:var(--fontsize30);line-height:1.4;color:var(--fontcolor)}
.pro-review .pro-preview-right span.line{width:100%;height:1px;background-color:#E5E5E5;display:block;margin-bottom:15px}
.pro-review .pro-preview-right article{font-size:var(--fontsize16);color:var(--introcolor);margin:10px 0px 15px 0px}
.pro-review .pro-preview-right .btn-list{display:flex;flex-wrap:wrap}
.addToCart span{display:inline-block;background:url(https://css02.v15cdn.com/m404/addtocart.webp) no-repeat right center;background-size:20px;padding-right:26px;color:#FFFFFF}
.addToCart, a.LayImAhrefNode,.pro-review .pro-preview-right .btn-list .btn,.pro-review .pro-preview-right .btn-list .pdown2{height:45px;width:160px;display:flex;justify-content:center;align-items:center;margin:15px 15px 0px 0px;color:#FFFFFF;background-color:#000000;cursor:pointer;box-sizing:border-box;border-radius:5px;transition:background-color .3s ease}
.pro-review .pro-preview-right .btn-list .btn a,.pro-review .pro-preview-right .btn-list .pdown2 a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.pro-review .pro-preview-right .btn-list .btn span,.pro-review .pro-preview-right .btn-list .pdown2 span{font-size:var(--fontsize16);color:#FFFFFF}
.addToCart:hover,.pro-review .pro-preview-right .btn-list .btn:hover,.pro-review .pro-preview-right .btn-list .pdown2:hover{border:none;background-color:var(--color)}
.pro-detail .part{margin-bottom:30px}
.pro-detail .title{font-size:var(--fontsize20)}
.pro-detail .title span{padding-bottom:10px;border-bottom:2px solid var(--color)}
.pro-detail .content{margin-top:30px}
.pro-detail .content p{padding-bottom:0px}
.pro-detail table{margin-top:10px}
.pro-detail table,.pro-detail td,.pro-detail th{border:1px solid #EEEEEE}
.pro-detail .s-part{margin-top:30px}
.pro-title{font-size:var(--fontsize24);margin:20px 0px 10px;padding:5px;background-color:#F7F8F9}
.pro-wrap .pro-type{box-sizing:border-box;padding:5px 10px;background-color:#F7F8F9;position:relative}
.pro-wrap .pro-type-name{font-size:var(--fontsize26)}
.pro-wrap .pro-type-intro{max-width:1460px;color:var(--fontcolor);margin-top:10px;font-size:var(--fontsize16)}
.pro-wrap .arrow{position:absolute;box-sizing:border-box;height:100%;display:flex;justify-content:flex-end;align-items:center;width:50px;top:0px;right:15px}
.pro-wrap .arrow i{transform:rotate(180deg);color:var(--color);font-size:var(--fontsize24)}
.pro-detail-wrap{display:flex}
.pro-detail-wrap .pro-content{margin-right:70px;flex:8}
.pro-detail-wrap .common-side{padding-left:10px;flex:2;max-width:248px;box-sizing:border-box}
.side-pro ul li:hover .more-btn{color:var(--color)}
.side-pro ul li:hover img{transform:scale(1.05)}
.side-pro ul li{margin-bottom:30px}
.side-pro .side-pro-img{position:relative;width:100%;box-sizing:border-box;border:1px solid #EEEEEE;overflow:hidden}
.side-pro .side-pro-img:after{content:"";padding-bottom:100%;display:block}
.side-pro .side-pro-img img{transition:transform .3s ease}
.side-pro .img-wrap{position:absolute;width:100%;height:100%;top:0px;left:0px;bottom:0px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}
.side-pro .img-wrap img{max-height:100%;max-width:100%}
.side-pro .side-pro-name{font-weight:var(--fontbold6);margin:10px 0px 0px}
.side-pro .more-btn{transition:color .3s ease;font-size:var(--fontsize14)}
.pro-detail-wrap table{margin-top:10px}
.pro-detail-wrap .table td,.pro-detail-wrap .table th{border:1px solid #DDDDDD}
.pro-detail-wrap td,.pro-detail-wrap th{margin:0px;padding:4px;vertical-align:middle}
.pro-detail-wrap .table-responsive{margin:10px 0px}
.feedback-title{margin:20px auto 10px;padding:5px 10px;font-size:var(--fontsize24);color:var(--fontcolor);background-color:#F7F8F9}
.feedback .send-inquiry .send-btn:hover{background:var(--color);border:none}
.pro-crumb .crum-wrap{width:100%;display:flex;justify-content:space-between}
.pro-crumb .common-wrap{display:flex;flex-direction:column}
.pro-crumb .crumb-r{color:var(--fontcolor);display:flex;justify-content:center;align-items:center;font-size:var(--fontsize18);cursor:pointer}
.pro-crumb .crumb-r i{color:var(--fontcolor);font-size:var(--fontsize24);margin-left:10px;transition:transform .3s ease;transform:rotate(0);transform-origin:50% 50%}
.pro-crumb .cate-box{padding:30px 0px;border-top:1px solid #EEEEEE;display:none;width:100%;box-sizing:border-box}
.pro-crumb .cate-box>ul{width:100%;display:flex;flex-wrap:wrap}
.pro-crumb .cate-box>ul>li{width:25%}
.pro-crumb .cate-box>ul>li>a{line-height:40px;font-size:var(--fontsize16);text-transform:capitalize;font-weight:var(--fontbold6);display:inline-block;max-width:80%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.pro-crumb .cate-box>ul>li .active:before{transform:rotate(-45deg)}
.pro-crumb .cate-box a.currentProType{color:var(--color)}
.pro-crumb .cate-box li{position:relative}
.pro-crumb .cate-box i{position:absolute;right:40px;top:0px;bottom:0px;box-sizing:border-box;width:30px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}
.pro-crumb .cate-box i:before{position:absolute;content:" ";top:16px;right:16px;width:8px;height:8px;border:1px solid #000000;border-top:none;border-left:none;transform:rotate(45deg);transition:transform .3s ease-in-out;cursor:pointer}
.pro-crumb .cate-box .LiLevel2 a{padding-left:10px;line-height:30px;font-size:var(--fontsize16)}
.pro-crumb .cate-box .LiLevel3 a{padding-left:20px;line-height:30px;font-size:var(--fontsize13)}
.pro-crumb .cate-box .LiLevel2 i{height:30px}
@media(min-width:769px){
.pro-crumb .cate-box .LiLevel2 i:before{top:10px;left:20px}}
.pro-crumb .cate-box a:hover{color:var(--color)}
.seo-key{padding:10px;color:var(--fontcolor);line-height:1.7em;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.seo-key a{text-decoration:underline;text-transform:lowercase}
.seo-key a:hover,.seo-key a:active{color:var(--color)}
.showroom-tab,.showroom-related-search,.showroom-body-div,.showroom-related-search-li{max-width:1590px!important}
.singglepic{position:relative;width:450px;height:450px;border:1px solid #EEEEEE;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background-color:#FFFFFF;margin-bottom:50px;overflow:hidden}
.singglepic:hover img{transition:transform .3s ease;transform:scale(1.3)}
.newslist-0 li{margin-bottom:30px;padding:0px;overflow:hidden;box-sizing:border-box;transition:transform .3s ease-out}
.newslist-0 li .left-box{float:left;padding:20px;text-align:center;border-right:1px solid #EEEEEE}
.newslist-0 li .right-box{margin:15px;margin-left:120px}
.newslist-0 li .info h4{font-size:var(--fontsize18);line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:color.3s ease}
.newslist-0 li .info p{margin-top:5px;font-size:var(--fontsize14);color:var(--introcolor);line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.newslist-0 li .info p:after{content:"..."}
.newslist-0 li .time em{display:block;font-size:var(--fontsize22);font-weight:var(--fontbold6)}
.newslist-0 li .time span{display:block;font-size:var(--fontsize12)}
.newslist-0 li:nth-of-type(2n){background-color:#F7F8F9}
.newslist-0 li:hover{background:#EFEFEF;transform:translateY(-3px);box-shadow:0 7px 7px -7px rgba(0,0,0,.2)}
.newslist-0 li:hover h4{color:var(--color)}
.newslist-1{display:flex;flex-wrap:wrap}
.newslist-1 .news-title{margin:10px 0px;font-size:var(--fontsize18);line-height:1.4}
.newslist-1 li{width:calc(25% - 30px);margin-right:40px;box-sizing:border-box;transition:all .3s ease;background-color:#F7F8F9;margin-bottom:40px}
.newslist-1 li:nth-of-type(4n){margin-right:0px}
.newslist-1 li .more-btn{display:inline-block;margin-top:10px;font-size:var(--fontsize16);transition:all .3s ease}
.newslist-1 li .more-btn i{position:relative;top:2px;font-weight:var(--fontbold6);margin-left:5px}
.newslist-1 li:hover{box-shadow:0px 5px 10px rgba(0,0,0,.2);transform:translateY(-3px)}
.newslist-1 li:hover .more-btn{padding-left:8px;color:var(--color)}
.newslist-1 li:hover .news-date{background-color:var(--color)}
.news-content h1{padding-bottom:20px}
.news-content .news-date{text-align:center;font-size:var(--fontsize18)}
.news-content article{margin-top:20px}
.news-content p{font-size:var(--fontsize16)}
.contact{color:var(--fontcolor)}
.contact-title{font-size:var(--fontsize26);margin-bottom:15px}
.contact-list{width:100%;display:flex;flex-wrap:wrap}
.contact-item{padding-left:40px;flex:1;height:80px;box-sizing:border-box;border-right:1px solid #CCCCCC;display:flex;align-items:center}
.contact-item:last-child{border:none}
.contact-icon{width:70px;min-width:70px;height:70px;border-radius:50%;background:#000000;display:flex;justify-content:center;align-items:center;color:#FFFFFF}
.contact-icon .iconfont{font-size:var(--fontsize30)}
.contact-icon .icon-map{font-size:34px}
.contact-info{padding-left:20px}
.contact-info p{line-height:1.4}
.contact-inquiry{display:flex;margin-top:40px}
.contact-img{margin-right:150px}
.contact-img img{max-height:100%}
.head{position:fixed;top:0px;left:0px;right:0px;width:100%;height:100px;box-sizing:border-box;z-index:9;background-color:#FFFFFF;transition-property:height;transition-duration:.2s;transition-timing-function:ease;max-width:1920px;margin:0px auto;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}
.head-wrapper{width:1600px;margin:0px auto;height:100%;display:flex;justify-content:center;align-items:center}
.head-logo{max-width:200px;height:100%;margin-right:auto}
.head-logo a{width:100%;height:100%;display:flex;justify-content:start;align-items:center}
.head-logo a img{max-height:70px}
.head-nav{height:100%;margin-left:auto;margin-right:18px}
.head-nav>ul{height:100%;display:flex}
.head-nav>ul>li{position:relative;height:100%}
.head-nav>ul>li>a{transition:color .3s ease;transition:background-color .3s ease;padding:0px 12px;height:100%;display:flex;font-weight:var(--fontbold6);align-items:center;justify-content:center;font-size:var(--fontsize16);text-transform:uppercase}
.head-nav>ul>li>a em{margin-left:5px;}
.head-nav>ul>li .inmenu_1,.head-nav>ul>li:hover>a{color:var(--color)}
.head-nav>ul .submenu{background-color:#FFFFFF;position:absolute;transform-origin:top;top:100%;transition:all .4s ease;transform:rotateX(90deg);opacity:0;display:none}
.head-nav>ul .submenu a{display:block;padding:0px 20px;line-height:40px;white-space:nowrap;transition:all .4s ease}
.head-nav>ul .submenu a:hover{color:var(--color);background-color:#FAFAFA}
@media(min-width:1025px){
#liinquiry{display:flex;align-items:center}
#liinquiry a{background:var(--color);height:40px;padding:0 15px;border-radius:30px;color:#fff;transition:all .1s linear;text-decoration:none}
#liinquiry a:hover{opacity:.9}
}
.head-nav .mobile-search,.head-nav>ul i,.nav-btn{display:none}
.nav-btn{position:relative;margin:auto 0px;height:5vw;width:7vw}
.nav-btn span{border-radius:2px;position:absolute;display:block;width:7vw;height:.5vw;background-color:#000000;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s}
.nav-btn span:first-child{top:.1vw}
.nav-btn span:nth-child(2){top:2.5vw}
.nav-btn span:nth-child(3){top:4.9vw}
.toggle-animate span:first-of-type{top:2.5vw;transform:rotate(45deg);transition:top .2s,transform .2s .2s,background .2s}
.toggle-animate span:nth-of-type(2){opacity:0;transition:opacity .2s}
.toggle-animate span:nth-of-type(3){top:2.5vw;transform:rotate(-45deg);transition:bottom .2s,transform .2s .2s,background .2s}
.search-btn{width:30px;height:30px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;align-items:center}
.search-btn i{font-size:var(--fontsize30)}
.search-box{width:0px;height:100%;overflow:hidden;justify-content:center;align-items:center;display:flex}
.search-box input{height:30px;outline:0;border:none;border-bottom:1px solid #707070;width:85%;padding-left:10px;margin-left:20px}
.search-box .close{position:relative;width:20px;height:20px;box-sizing:border-box;color:var(--fontcolor);opacity:1;margin-left:20px;cursor:pointer}
.search-box .close:after,.search-box .close:before{position:absolute;content:" ";background-color:#000000;left:12px;width:2px;height:20px}
.search-box .close:before{transform:rotate(45deg)}
.search-box .close:after{transform:rotate(-45deg)}
.search-box.active{transform:rotateX(0);opacity:1}
.foot{width:100%;padding-top:50px;background-color:var(--hovercolor)}
.foot-contact{width:100%;height:100px;box-sizing:border-box;display:flex;flex-wrap:wrap}
.foot-contact>div{position:relative;width:calc(33.33% - 20px);margin-right:30px;padding:15px 15px 15px 70px;box-sizing:border-box;border:1px solid #FFFFFF3F}
.foot-contact>div:last-child{margin-right:0px}
.foot-contact>div:hover .foot-icon{animation:footjump 0.5s forwards}
@keyframes footjump{0%{transform:translateY(0px)}30%{transform:translateY(-10px)}100%{transform:translateY(0px)}}
.foot-title{color:var(--footercolor);font-weight:var(--fontbold6)}
.foot-con{color:var(--footercolor);line-height:1.4;display:-webkit-box;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.foot-con p,.foot-con p a{color:var(--footercolor)}
.foot-con a{color:#CCCCCC}
.foot-icon{width:36px;height:36px;top:80px;left:14px;background-color:var(--color);position:absolute;display:flex;justify-content:center;align-items:center;border-radius:5px}
.foot-icon img{width:60%}
.foot-nav{margin:50px 0px;display:flex;align-items:center}
.foot-nav ul{flex-wrap:wrap}
.foot-logo{flex:2;justify-content:center}
.foot-logo,.foot-nav>ul{height:100%;display:flex;align-items:center}
.foot-nav>ul li{margin-left:20px}
.foot-nav>ul li:first-of-type{margin-left:0px}
.foot-nav>ul li a{color:var(--footercolor);text-transform:capitalize}
.foot-nav>ul li a:before{content:">";margin-right:5px}
.foot-nav>ul li a:hover,.foot-con p a:hover,.foot-right .common-wrap span a:hover{color:var(--color)}
.mobile-bottom{display:none;background:#FCFCFCFB;align-items:center;position:fixed;bottom:0px;left:0px;width:100%;z-index:500;box-shadow:1px 2px 10px rgba(0,0,0,.2)}
.foot-right{padding:10px 0px;background-color:var(--hovercolor)}
.foot-right .common-wrap{height:100%;display:flex;justify-content:space-between;align-items:center}
.foot-right .common-wrap span a{color:var(--footercolor);margin-left:10px}
.foot-right .common-wrap span{color:var(--footercolor);font-size:var(--fontsize18)}
.foot-right ul{display:flex}
.foot-right ul li{margin:0px 8px}
.foot-right ul li a{color:var(--footercolor)}
.foot-right ul i{font-size:var(--fontsize18)}
.foot-right ul i:hover{color:var(--color)}
@media(max-width:1620px){
.common-wrap,.head-wrapper,.project .common-con{width:1200px}
.head-nav>ul>li>a{padding:0px 10px}}
@media(max-width:1280px){
.map-wrapper .map-info{padding:30px 0px 30px 10px}
.common-wrap,.head-wrapper{width:1000px}
.hot-info{padding:0px 50px}
.pro-detail-wrap .common-side{display:none}
.pro-detail-wrap .pro-content{margin-right:0px}
.pro-review .pro-preview-right article{margin:30px 50px 30px 0px}
.project .common-con{width:1000px}
.head-nav>ul>li>a{font-size:var(--fontsize14);padding:0px 8px}
.head-nav{margin-right:20px}}
@media(min-width:769px)and (max-width:1080px){
.head,body{min-width:1060px}
.common-side{display:none}
.common-main{padding-right:0px}}
@media screen and (max-width:768px){
body{font-size:var(--fontsize16)}
.common-wrap{width:100vw;padding:0px 4vw;box-sizing:border-box}
.search-btn{display:none}
#toast-container{padding-top:150px}
.head-nav{position:absolute}
.head-nav>ul{background-color:#F7F8F9;top:13.3333333333vw;right:-80vw;position:fixed;flex-direction:column;width:80vw;height:calc(100vh - 13.33333vw);overflow:auto;padding:3vw 3vw 0;box-sizing:border-box}
.head-nav>ul>li{position:relative;height:auto;margin:0px;display:block;padding:3vw 0px;border-bottom:1px solid #EEEEEE}
.head-nav>ul>li a{display:flex;justify-content:space-between;color:var(--fontcolor);font-size:var(--fontsize16);height:auto;font-weight:normal;text-transform:capitalize}
.head-nav>ul>li .inmenu_1{color:var(--color)}
.head-nav>ul>li .inmenu_1:after{content:none}
.head-nav>ul>li i{position:absolute;box-sizing:border-box;padding-left:4vw;right:2vw;top:3vw;color:var(--introcolor);transform:scale(1.4) rotate(0);transform-origin:center center;transition:all .3s}
.head-nav>ul>li .slide-active{transform:scale(1.4) rotate(90deg);transform-origin:6vw 2.9vw}
.head-nav>ul>li:hover>i{background-color:transparent}
.head-nav>ul>li:hover>i:after{transform:translateX(-50%) rotateY(90deg)}
.head-nav>ul>li:hover>a{color:var(--color)}
.head-nav>ul .submenu{transition:none;position:relative;width:100%;right:0px;transform-origin:top;transform:rotateX(0);opacity:1;height:auto;background:#F7F8F9;top:0px;list-style-type:square;display:none}
.head-nav>ul .submenu li{position:relative;list-style-type:none;padding:1.3333333333vw 0vw 0vw;margin:0px 0px 0px 5.3333333333vw;border-bottom:none}
.head-nav>ul .submenu li a{padding:0px;font-size:var(--fontsize16);line-height:30px}
.head-nav>ul .submenu li a:hover{background:0 0}
.head-nav>ul .mobile-search{display:block;position:relative}
.head-nav>ul .mobile-search input{width:60vw;height:10.6666666667vw;background-color:#FFFFFF;border:none;outline:0;padding:0px 0px 0px 12vw}
.head-nav>ul .mobile-search .search-btn{width:10.6666666667vw;height:10.6666666667vw;display:flex;position:absolute;top:0px;left:1.3333333333vw}
.head-nav>ul i{display:block}
.head{height:13.3333333333vw;box-shadow:0px 2px 6px rgba(0,0,0,.2)}
.head-wrapper{height:100%;justify-content:space-between;position:relative;padding:0px 4vw}
.head-logo{width:37.3333333333vw;padding:1vw 0;box-sizing:border-box}
#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev,.search-box{display:none}
.nav-btn{display:flex}
main{margin-top:13.3333333333vw}
main.pro-main .pagesbanner{display:none}
.crumb{padding:2vw 0px}
.main-c{padding:4vw 0vw}
.main-c article h3{font-size:6vw}
.mobile-bottom .mobile-bottom-item{width:25%;height:55px;font-size:var(--fontsize12);position:relative}
.mobile-bottom .mobile-bottom-item a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:#333333;text-transform:capitalize}
.mobile-bottom .mobile-bottom-item i{font-size:var(--fontsize20);line-height:1}
.send-inquiry .inquiry-form #in-company,.send-inquiry .inquiry-form #in-name,.send-inquiry .inquiry-form #in-title{display:none}
.send-inquiry{margin-bottom:5.3333333333vw}
.feedback-main{padding-top:5.3333333333vw}
.feedback-main .send-inquiry{margin-top:0px}
.table-responsive{touch-action:auto;width:100%;margin:1.3333333333vw 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.common-link{flex-direction:column;margin:5.3333333333vw 0;padding:0px}
.common-link>div{height:9.3333333333vw}
.common-link>div,.common-link>div a{line-height:9.3333333333vw;font-size:var(--fontsize16)}
.common-link .next{justify-content:flex-start}
.common-link .next,.common-link .prev{padding:0px 10px}
.news-content{width:89.3333333333vw;padding-bottom:5.3333333333vw}
.foot{margin-bottom:16vw;padding-top:0px}
.foot-contact{height:auto;padding-top:1em;margin-bottom:1em}
.foot-contact>div{width:100%;padding:15px;margin-right:0;margin-top:2em;padding-bottom:30px}
.foot-icon{top:auto;bottom:-15px}
.foot-nav>ul{margin-top:20px}
.foot-nav>ul li{width:50%;margin:5px 0px}
.foot-nav{flex-direction:column;align-items:flex-start;height:auto;margin:0px}
.foot-logo{justify-content:flex-start}
.foot-right ul li{margin:0px 15px 0px 0px}
.foot-right ul li a{color:var(--color)}
.foot-right ul li a i{font-size:var(--fontsize20)}
.foot-right .common-wrap{flex-direction:column-reverse;align-items:flex-start;padding:5.3333333333vw 5.3333333333vw 0vw}
.foot-right .common-wrap span{width:100%;display:block;height:58px;font-size:var(--fontsize12);display:flex;align-items:center}
.common-main p{font-size:var(--fontsize16)}
.contact-list{flex-wrap:wrap}
.contact-item{padding-left:0px;width:100%;height:20vw;border:none}
.contact-icon{width:50px;min-width:50px;height:50px}
.contact-icon .iconfont{font-size:var(--fontsize18)}
.contact-info{width:280px}
.contact-inquiry{margin-top:0px}
.contact-img{display:none}
.contact-item .contact-info p{margin-bottom:0px}
.common-side{display:none}
.common-content{margin:0px;width:100%}
.common-pages{flex-wrap:wrap;justify-content:center;font-size:var(--fontsize16)}
.hot{padding:30px 0px}
.hot .common-wrap{flex-direction:column}
.hot .slide-title{font-size:var(--fontsize30);font-weight:var(--fontbold6);margin-bottom:10px;opacity:1;writing-mode:horizontal-tb;text-align:center;text-transform:capitalize}
.hot .swiper-slide{flex-direction:column;padding-bottom:16vw}
.hot .swiper-container{padding-right:0px;width:100%}
.hot .common-btn{display:none}
.hot .swiper-button-next,.hot .swiper-button-prev{top:auto;right:0px;bottom:0px;width:48%;height:45px}
.hot .swiper-button-prev{left:0px}
.hot-info{padding:0px;flex:1}
.hot-img{flex:1;width:99.5%;max-height:fit-content;aspect-ratio:3/2}
.hot-name{margin:10px 0px;font-size:var(--fontsize22)}
.hot-intro{line-height:1.4}
.news-pro{margin:0px 0px 30px 0px}
.news-pro ul{width:100%;justify-content:space-between;flex-wrap:wrap}
.news-pro ul li{width:48%;margin-right:0px;margin-bottom:20px}
.news-pro-name{font-size:var(--fontsize16)}
.common-title{font-size:var(--fontsize30)}
.about{margin:0px;padding:30px 0px;background-position:50% 100%}
.about-icon{margin:30px 0px 0px 0px;flex-wrap:wrap;justify-content:space-between}
.about-icon li{width:48%;margin-right:0px;margin-bottom:15px}
.about-icon li .icon-wrap p{font-size:var(--fontsize16)}
.news{padding:30px 0px}
.news ul{justify-content:space-between}
.news ul li{width:48%;margin-right:0px;margin-bottom:20px}
.news .common-btn,.news ul li .more-btn{position:unset;transform:none;margin:0px auto}
.news-info{padding:10px}
.news-title{font-size:var(--fontsize16)}
.news-date .day{font-size:var(--fontsize16)}
.news-date .mon{font-size:var(--fontsize12)}
.project{padding:0px 0px 30px 0px}
.project .common-btn{font-size:var(--fontsize14);width:150px;height:40px}
.project-info .common-btn{display:none}
.project .common-con{width:auto;margin-bottom:4vw;padding:0px 4vw}
.project-title{font-size:var(--fontsize14)}
.project-item .project-img img{opacity:.3}
.project-info .line,.project-info .project-title,.project-info p{transform:none;opacity:1}
.partner{padding-bottom:40px}
.partner ul{justify-content:space-between;flex-wrap:wrap}
.partner ul li{width:50%;flex:auto}
.partner ul li:nth-of-type(2n){border-right:1px solid #EEEEEE}
.partner ul li:nth-of-type(3),.partner ul li:nth-of-type(4),.partner ul li:nth-of-type(5),.partner ul li:nth-of-type(6){border-top:none}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:5px}
.news-date{width:40px;height:40px;left:10px}
.newslist-1{justify-content:space-between;flex-wrap:wrap}
.newslist-1 li{width:47%;margin-right:0px;margin-bottom:15px}
.newslist-1 li .more-btn{display:none}
.newslist-0 li .left-box{padding:20px 10px}
.newslist-0 li .right-box{margin:5px;margin-left:90px}
.pro-crumb .crumb-r{display:none}
.pro-crumb .crumb-r i{display:none}
.pro-main .crumb{display:none}
.pro-crumb .crum-wrap{padding-bottom:0px;flex-direction:column}
.pro-wrap .pro-type{padding:2vw 0px;background:none}
.pro-wrap .pro-type .arrow{display:none}
.pro-wrap .pro-type-intro{width:100%;margin-top:2.6666666667vw}
.pro-wrap .pro-type-name{font-size:4.8vw}
.pro-content{width:89.3333333333vw}
.prolist-0{flex-wrap:wrap;display:flex;justify-content:space-between}
.prolist-0 .pro-img{overflow:hidden;border:1px solid #EEEEEE;position:relative}
.prolist-0 .pro-img:after{content:"";display:block;padding-top:100%}
.prolist-0 li{width:48%;margin:0px 0px 20px;padding:0px;flex-direction:column-reverse}
.prolist-0 li .pro-img a{position:absolute;top:0px;left:0px;width:100%;height:100%}
.prolist-0 .pro-info{padding:10px;margin:0px}
.prolist-0 .pro-intro{margin-top:5px}
.prolist-0 .compare-action{margin:5px 0px 0px 0px;font-size:var(--fontsize14);width:80%}
.prolist-0 .pro-name{font-size:var(--fontsize16)}
.prolist-1{justify-content:space-between}
.prolist-1 li{width:48%;margin:0px 0px 20px}
.prolist-1 .pro-name{font-size:var(--fontsize16)}
.prolist-1 .compare-action{left:0px;margin:0px;font-size:var(--fontsize14);width:80%}
.pro-review{flex-direction:column}
.pro-review .pro-preview-left{width:100vw;min-width:100vw;position:relative;left:-5.3333333333vw;height:auto}
.pro-review .pro-preview-left .preview-container{visibility:hidden;width:100%}
.pro-review .pro-preview-left .preview-container .small-box{display:none}
.pro-review .pro-preview-left .preview-container .thumbnail-box{margin-top:0px}
.pro-review .pro-preview-left .preview-container .thumbnail-box a{display:none}
.pro-review .pro-preview-left .preview-container .thumbnail-box .list,.pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper{width:100%}
.pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item{height:auto;border:none;margin:0px}
.pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item img{width:100%}
.pro-review .pro-preview-left .preview-container .thumbnail-box .list .banner-page{display:flex}
.pro-review .pro-preview-right{margin-bottom:0px;padding:5px 0px}
.pro-review .pro-preview-right .pro-price,.pro-review .pro-preview-right .pro-views{font-size:var(--fontsize16);margin:5px 0px;padding-bottom:0px}
.pro-review .pro-preview-right .pro-name,.common-content .content-title{font-size:var(--fontsize24)}
.pro-review .pro-preview-right article{margin:10px 0px}
.pro-review .pro-preview-right .btn-list {justify-content:space-between}
.addToCart, a.LayImAhrefNode,.pro-review .pro-preview-right .btn-list .btn,.pro-review .pro-preview-right .btn-list .pdown2{width:49%;margin:10px 0px}
.pro-review .singglepic{width:100%!important;height:auto!important;margin-top:4vw;margin-bottom:0px !important;border:none!important}
.pro-review .singglepic img{border:0px;max-width:100%;max-height:100%}
.preview-container .thumbnail-box .list ul .item-cur{outline:0!important}
.pro-detail-c{padding-top:0px}
.swiper-container .swiper-pagination-bullet{background-color:#000000;opacity:.2}
.swiper-container .swiper-pagination-bullet-active{background-color:var(--color);opacity:1}
.pro-main .inner-nav{display:none}
.feedback-title{margin:15px auto 0px;font-size:var(--fontsize22)}
.seo-key{margin:4.8vw 0 0}
.seo-key .keywords{margin-top:2.6666666667vw}
.seo-key .keywords span{display:flex;flex-wrap:wrap}
.seo-key .keywords a{display:inline-block;width:auto;padding:0px 2.6666666667vw;background:#CCCCCC;border-radius:999px;margin-right:1.3333333333vw;color:var(--fontcolor);margin-bottom:4vw}
.pro-title{font-size:var(--fontsize22)}
.side-title{font-size:var(--fontsize22);font-weight:normal;padding:5px 10px;background-color:#F7F8F9}
.side-pro ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.side-pro ul li{width:48%}
.side-pro ul .more-btn{text-align:center}
.side-pro ul .side-pro-name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}
@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{animation-name:hvr-icon-wobble-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}
.hvr-bounce-to-right{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:before{content:"";position:absolute;z-index:-1;top:-1px;left:-1px;right:-1px;bottom:-1px;background:#000000;transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}
.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:var(--color)}
.hvr-icon-wobble-horizontal .hvr-icon{transform:translateZ(0)}
.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:#FFFFFF;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:#FFFFFF}
.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{transform:scaleY(1)}
.preview-container{position:relative;width:450px}
.preview-container .small-box{position:relative;width:450px;height:450px;border:1px solid #EEEEEE;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background-color:#FFFFFF}
.preview-container .small-box img{border:0px;max-width:100%;max-height:100%}
.preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:hsla(0,0%,80%,.6);border:1px solid #EEEEEE;display:none}
.preview-container .thumbnail-box{margin-top:10px;position:relative;width:100%}
.preview-container .thumbnail-box .list{overflow:hidden;width:390px;margin:0px auto;position:relative}
.preview-container .thumbnail-box .list ul{padding:2px 0px;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 #CCCCCC}
.preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.preview-container .thumbnail-box .list ul .item img{border:0px;max-width:100%;max-height:100%}
.preview-container .thumbnail-box .list ul .item-cur{outline:1px solid var(--color);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:#FFFFFF;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 #EEEEEE;position:absolute;width:450px;height:450px;box-sizing:border-box;background:#FFFFFF;z-index:20}
.preview-container .big-box img{display:block;max-width:none;max-height:none;width:160%}
.preview-container .big-box.act{display:none!important}
#inquiry{width:1000px;margin:0px auto}
.compare-action{height:32px;margin-top:15px;display:flex;align-items:center;cursor:pointer}
.compare-action span{display:inline-block;color:var(--color);-webkit-user-select:none;user-select:none}
.compare-action .compare-action-check+label{position:relative;width:14px;height:14px;content:" ";border:1px solid var(--color);border-radius:1px;margin-right:5px;cursor:pointer}
.compare-action .compare-action-check:checked+label:before{content:"";position:absolute;left:2px;top:3px;width:50%;height:25%;border-radius:1px;border:2px solid var(--color);border-top:none;border-right:none;background:0 0;transform:rotate(-50deg)}
.compare-action input[type=checkbox]{display:none}
.prolist-1 .product-price{text-align:center;margin-top:6px}
.product-content-price{margin-top:10px;color:var(--color)}
@media(max-width:768px){
.compare-action{height:22px}
.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:20px 0px;padding:0px 20px;display:none;box-sizing:border-box;border:1px solid #DDDDDD}
.inquiry-pro-list a{text-decoration:none;color:var(--fontcolor)}
.inquiry-pro-list .inquiry-pro-item{display:flex;padding:20px 0px;border-bottom:1px solid #DDDDDD;box-sizing:content-box}
.inquiry-pro-list .inquiry-pro-item .pro-item-img{width:100px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.inquiry-pro-list .inquiry-pro-item .pro-item-name{width:50%;margin:20px 0px 0px 20px;font-size:var(--fontsize16)}
.inquiry-pro-list .inquiry-pro-item .pro-item-name a{font-size:var(--fontsize16)}
.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;width:30px;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:30px;height:30px;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:0vw 3vw}
.inquiry-pro-list .inquiry-pro-item{box-sizing:border-box;padding:3vw 0px}
.inquiry-pro-list .inquiry-pro-item .pro-item-del{width:5vw}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close{right:0px;top:8vw}
.inquiry-pro-list .inquiry-pro-item .pro-item-img img{vertical-align:bottom}
.inquiry-pro-list .inquiry-pro-item .pro-item-name{margin:10px 0px 0px 10px}
.inquiry-pro-list .inquiry-pro-item .pro-item-name p a{font-size:var(--fontsize16);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
.load{animation:loading 1.4s ease infinite;background-image:linear-gradient(90deg,#f0f0f0 25%,#e3e3e3 37%,#f0f0f0 63%);background-size:400% 100%}
img.lazy{opacity:0}
img:not(.initial){transition:opacity 1s,transform .3s ease}
img.error,img.initial,img.loaded{opacity:1}
img:not([src]){visibility:hidden}
@keyframes loading{
0%{background-position:100% 50%}
to{background-position:0 50%}}
/*a.LayImAhrefNode{height:45px;width:160px;display:flex;justify-content:center;align-items:center;margin:15px 15px 0px 0px;background-color:#000000;cursor:pointer;box-sizing:border-box;border-radius:5px;transition:background-color .3s ease;color:#FFFFFF}
a.LayImAhrefNode:hover{border:none;background-color:var(--color)}*/
.hot-img a{display:flex;width:100%;height:100%;justify-content:center;align-items:center}
.content-views{margin-left:14px}
.swiper-button-next,.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:none;width:50px;height:50px;display:block}
#swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i{font-size:50px;transform:scale(1)}
.ie{background:#EEEEEE}
.ie .head-logo{position:absolute;top:0px;left:0px}
.ie .head-nav{margin-left:0px}
.ie .head-wrapper{justify-content:flex-end;position:relative}
.ie .crumb{margin-top:100px}
@media (min-width:768px) and (max-width:960px){
.about-icon li,.side-pro ul li{width:23%}
.news-date{width:50px;height:50px}
.feedback-title,.news-date .day,.pro-review .pro-preview-right .btn-list .btn span,.pro-review .pro-preview-right .btn-list .pdown2 span,.send-inquiry .send-btn .span:first-child{font-size:var(--fontsize18)}
.head-nav>ul .submenu a,.news-date .mon{font-size:var(--fontsize16)}
.prolist-1 .compare-action{height:40px}
.inquiry-form{width:90vw}
.addToCart,.pro-review .pro-preview-right .btn-list .btn,.pro-review .pro-preview-right .btn-list .pdown2{width:200px;height:50px}
.pro-review .pro-preview-right{margin-top:50px}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table{border-collapse:collapse}}
@media (max-width:768px){
.compare-panel .list-wrapper .selected-item{width:20vw!important}
.compare-panel #productChache_listPC{background:#FFFFFF}
.compare-panel .list-wrapper .cart-list{width:auto!important}
.compare-panel .list-wrapper::-webkit-scrollbar{height:3px}}
.partner ul{flex-wrap:wrap}
.partner ul li:nth-of-type(6n){border-right:1px solid #EEEEEE}
.pro-intro article img{height:auto!important}
#tags{display:flex;flex-wrap:wrap}
#tags li{margin:0px 10px 10px 0px}
#tags li:last-child{margin-right:0px}
#tags li a{text-align:center;display:block;line-height:50px;padding:0px 18px;background:#EFEFEF;color:var(--fontcolor);font-size:var(--fontsize18);border-radius:5px}
ul#tags li.selectTag a{color:#FFFFFF;background:var(--color)}
.tagContent{display:none;width:100%;padding-top:10px}
#tagContent div.selectTag{display:block}
@media screen and (max-width:768px){
#tags li a{font-size:var(--fontsize16);height:45px}
#tags li{width:49%;margin-right:0px}
#tags{justify-content:space-between}}
.doc-main .project-list{width:100%;display:flex;flex-direction:column}
.doc-main .project-list li{width:100%;margin-bottom:10px;background:url(https://css02.v15cdn.com/m404/faq.webp) no-repeat;background-size:35px 35px;background-position:0px 20px;display:flex;margin-bottom:30px;padding:20px;align-items:center}
.doc-main .project-list li .project-info{margin-left:20px;width:auto;height:40px}
.doc-main .project-list li .project-info .project-name{font-size:var(--fontsize18);line-height:1.3;margin-bottom:10px;color:var(--fontcolor)}
.doc-main .project-content,.doc-main .project-list li .project-info p{opacity:1;transform:none;color:var(--fontcolor)}
.doc-main .project-list .project-info{position:static}
.head-nav>ul .submenu.nav1 ul{display:none;position:absolute;left:100%;top:0px}
.head-nav>ul .submenu.nav1 ul li{background:#FFFFFF}
.head-nav>ul .submenu.nav1>li{position:relative}
.head-nav>ul .submenu.nav1>li>a{padding:0px 25px 0px 10px}
.head-nav>ul .submenu.nav1>li>a:after{content:"";transform:rotate(-45deg);border:solid #000000;border-width:0 1px 1px 0px;display:inline-block;padding:3px;position:absolute;right:10px;top:16px}
.head-nav>ul .submenu.nav1>li>a:hover:after{border-color:#FFFFFF}
.head-nav>ul .submenu.nav1>li:hover ul{display:block}
#swiper-banner.pause .current:after{transition:width 1s linear;width:0px}
.description strong{font-weight:var(--fontbold6)}
.main-c article,.main-c article a{font-size:var(--fontsize16);color:var(--fontcolor);line-height:1.6}
.main-c article ol,.main-c article ul{padding-left:20px}
.main-c article p.productsTags a{text-decoration:underline;text-transform:lowercase}
.main-c article p.productsTags a:hover{color:var(--color)}
.main-c article>div{margin:6px 0px}
@media screen and (min-width:1281px){
#nydetail_3 .common-side{padding:0px;flex:inherit;width:280px;max-width:inherit}
#nydetail_3 .side-nav-title{font-size:var(--fontsize18);font-weight:var(--fontbold6);margin-bottom:10px;line-height:1.3}
#nydetail_3 .side-nav{margin-bottom:35px}
#nydetail_3 .pro-content{flex:inherit;width:calc(100% - 350px)}
#nydetail_3 .side-nav>ul>li{border-bottom:1px solid #CCCCCC}
#nydetail_3 .side-nav ul li a{font-size:var(--fontsize16);line-height:1.4;padding:12px 0px;display:block}
#nydetail_3 .side-nav ul li ul a{padding:7px 0px;font-size:var(--fontsize14)}
#nydetail_3 .side-nav ul ul{padding-left:20px;display:none}
#nydetail_3 .side-nav ul li a:hover{color:var(--color)}
#nydetail_3 .side-nav ul li:hover>ul{display:block}}
@media(max-width:768px){
.mobile-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.foot{margin-bottom:calc(55px + constant(safe-area-inset-bottom));margin-bottom:calc(55px + env(safe-area-inset-bottom))}
iframe,video{max-width:100%;min-height:240px;height:auto}}
#jljw_IM_GdImBox{z-index:900!important}
@media (max-width:768px){
.head{z-index:999}}
.sm-mask{z-index:998}
.compare-panel.is-bottom{bottom:calc(55px + constant(safe-area-inset-bottom));bottom:calc(55px + env(safe-area-inset-bottom))}
@media screen and (max-width:768px){
.foot-right .common-wrap span{flex-wrap:wrap}}
.foot-right .common-wrap span{font-size:var(--fontsize14)}
@media screen and (max-width:768px){
.foot-right .common-wrap span{display:block;height:auto;padding:10px 0px}}
.preview-container {position:relative}
.preview-container .btn {cursor:pointer;width:40px;height:40px;background:url(https://css02.v15cdn.com/m404/play.webp) no-repeat;background-position:center;position:absolute;right:0px;top:0px;z-index:9}
.app{font-size:var(--fontsize16)}
.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/m404/about_li.webp) no-repeat;background-position:2px 10px}
.app{font-size:var(--fontsize16)}
.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:5px}
.support .item-con h4{font-size:var(--fontsize22);padding-bottom:5px;margin-bottom:10px;position:relative}
.support .item-con h4::after{content:'';display:block;position:absolute;top:100%;left:0px;height:2px;width:50px;background-color:var(--color)}
.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:#FFFFFF;-ms-flex-align:center;align-items:center;position:relative;margin:0px 6%}
.solution .sol-icon:after{content:'01';font-size:90px;font-weight:var(--fontbold6);position:absolute;top:-8px;left:50%;color:#888888;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/m404/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:var(--fontsize24);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:var(--introcolor);cursor:pointer;margin-right:20px}
.solution .sol-tab .tab-title:hover{background-color:#B0ACAC;color:#FFFFFF}
.solution .sol-tab .tab-title.is-active{background-color:#B0ACAC;color:#FFFFFF}
.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:var(--fontsize24);line-height:1.3em}
.applic-list ul{display:flex;flex-wrap:wrap;margin:0px -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:var(--fontcolor);font-weight:var(--fontbold6);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 .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:var(--fontsize22);font-weight:var(--fontbold6);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:var(--fontsize22);font-weight:var(--fontbold6);color:var(--fontcolor);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:10px;color:var(--fontcolor)}
.ck-add h4{font-size:var(--fontsize22);margin-bottom:20px;font-weight:var(--fontbold6);color:var(--fontcolor)}
.ck-add ul{padding-left:20px}
.ck-add ul li{position:relative;color:var(--introcolor);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:0px -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(--fontbold6)}
.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{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:var(--fontsize14)}
.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%}}
.project-list.is-active .project-img{position:relative;width:auto;height:auto;display:block;z-index:initial}
.project-list.is-active li{display:flex;margin-bottom:30px;padding:20px}
@media screen and (max-width:768px){
.project-list.is-active li{flex-direction:column}
.doc-main .project-list li .project-info{margin-left:0px}}
.project-list.is-active .project-img{position:relative;width:auto;height:auto;display:block;z-index:initial}
.project-list.is-active li{display:flex;margin-bottom:30px;padding:20px}
@media screen and (max-width:768px){
.project-list.is-active li{flex-direction:column}
.doc-main .project-list li .project-info{margin-left:0px}}
@media screen and (max-width:768px){
.app,.case,.solution,.support{padding:10px}
.applic-list{padding:0px 10px}
.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:0px -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:var(--fontsize20)}}
@media screen and (max-width:768px){
.head-nav>ul{height:auto;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}
.doc-main .project-list.is-active li{padding:0px;margin:0px}
.doc-main .project-list li .project-info{height:auto}
.app,.applic-list,.case,.solution,.support{padding:0px}
.ck-add .ch-con,.ck-add .ho .l .ho-right,.ck-add .ho .r .ho-left,.ck-add .ti .ti-tit{padding:10px 0px}
.ck-add .ce-list>div{width:50%}
.solution{padding-top:20px}}
.addToCart.is-active{background:var(--color)}
.addToCart.is-active span{color:#FFFFFF}
.download-list{display:flex}
.download-list li{width:20%;text-align:center;padding:10px;box-sizing:border-box}
.download-name{font-size:var(--fontsize18);line-height:25px;font-weight:var(--fontbold7);padding:8px 0px}
@media (max-width:768px){
  .download-list li{width:50%}
    .download-name{font-size:var(--fontsize14);line-height:1.5}}
.wmkc-position-make{display:flex;justify-content:space-between}
.wnkc-position-ever p{border-left:solid var(--color) 6px;padding:0px 0px 0px 70px;font-size:var(--fontsize28) !important}
.wmkc-position-high p{font-size:var(--fontsize28) !important;color:#e7e7e7 !important;margin-bottom:20px}
.wmkc-position-high{text-align:end}
.wmck-position-box{width:32%;background-color:var(--color);display:flex;flex-direction:column;justify-content:space-between}
.wmkc-position-table{display:flex;align-items:center;padding:40px 0px 20px 0px}
.wmkc-position-table p{font-size:var(--fontsize20);margin-bottom:0px !important}
.wmkc-position-table p strong{font-size:var(--fontsize20);color:#EEEEEE}
.wmck-position-size{padding:0px 56px}
.wmkc-position-circle{width:15px;height:15px;background-color:#EEEEEE;border-radius:30px;margin-right:15px}
.wmkc-position-among{line-height:1.5;margin-bottom:70px !important;color:#EEE !important}
.wmkc-position-button{width:100%}
.wmkc-position-chile{width:96%;background-color:#FFFFFF;margin-left:auto;border-top-left-radius:10px}
.wmkc-position-math{font-size:80px !important;margin-bottom:38px !important;padding:40px 0px 0px 30px}
.wmkc-position-p{display:flex;justify-content:space-between;padding:40px 20px 40px 30px}
.wmkc-position-p p:nth-of-type(1){font-size:var(--fontsize20)}
.wmkc-position-all{display:flex;justify-content:space-between}
.wmkc-position-bai{display:flex}
.wmkc-rc h5{font-size:var(--fontsize22);margin-bottom:20px;font-weight:var(--fontbold6);color:var(--fontcolor)}
.wmkc-rc-innovation p{font-size:var(--fontsize18) !important;margin:40px 0px 40px 20px}
.wmkc-rc-innovation{border-left:var(--color) 5px solid}
.wmkc-rc-p{font-size:var(--fontsize16);color:var(--fontcolor);margin-bottom:5px;line-height:24px}
.wmkc-rc-png{position:relative;left:-250px}
.wmkc-rc-png img{border-left:250px solid var(--color)}
.wmkc-re-li{background-color:var(--color);height:100%;width:100%;float:left}
.wmkc-rc-bt{width:25%;text-align:center}
.wmkc-rc-btn{transform:scale(1.4);text-align:center;width:200px;height:200px;padding:50px;border:1px solid var(--color);margin:auto;display:flex;flex-direction:column;justify-content:space-around;align-items:center;border-radius:100%}
.wmkc-rc-btn img{width:60%}
.wmkc-rc-box{display:flex;padding:100px 40px;flex-wrap:wrap}
.wmkc-rc-resh{display:flex}
.wmkc-rc-oimg{flex:1}
.wmkc-rc-oimg img{width:100%}
.wmkc-rc-size{padding:0px 0px 0px 20px;width:68%}
.wmkc-rc-reshp h5{font-size:var(--fontsize22);margin-bottom:20px;font-weight:var(--fontbold6);color:var(--fontcolor);margin:20px 0px 20px 0px}
.wmkc-rc-reshz{font-size:var(--fontsize18);margin:40px 0px;border-left:var(--color) 5px solid}
.wmkc-rc-reshz p{font-size:var(--fontsize18);margin:40px 0px 40px 40px}
.wmkc-rc-reshz p strong{font-size:var(--fontsize18)}
.wmkc-rc-lv{width:20%;background-color:var(--color)}
.wmkc-rc-ziti p{margin-bottom:40px;line-height:1.5}
.wmck-rc-join{width:66%;background-color:#FAFAFA;margin-inline-start:auto !important;border-left:40px solid var(--color)}
.wmck-rc-join p{margin-bottom:40px;padding:0px 40px}
.wmkc-rc-joinp{font-size:var(--fontsize18);border-left:var(--color) solid 5px;margin-right:8px}
.wmkc-rc-joinp p strong{font-size:var(--fontsize18)}
.wmkc-rc-joii{padding:40px 60px}
.wmkc-download h5{font-size:var(--fontsize20)}
.wmkc-download h5:nth-of-type(2){margin-top:50px;margin-bottom:40px}
.wmkc-download-al{display:flex;width:100%;border-bottom:1px solid #F7F8F9;padding:40px 0px}
.wmkc-download-img{width:28%}
.wmkc-download-al img{width:100%}
.wmkc-download-size{margin-top:20px;margin-left:40px;width:78%}
.wmkc-download-size p:nth-of-type(1){font-size:var(--fontsize18);margin-bottom:20px}
.wmkc-download-size p:nth-of-type(2){line-height:1.5}
.wmck-download-xz{width:18px;height:18px;margin-top:40px}
.wmck-download-xz img{width:100%}
.wmkc-download-li{display:flex;justify-content:space-between;padding:20px;background-color:#F7F9FA;align-items:center}
.wmkc-download-lis{display:flex;justify-content:space-between;padding:20px;background-color:#FFFFFF;align-items:center}
.wmkc-dowmload-right{display:flex;width:8%;justify-content:end;margin-right:40px;align-items:center}
.wmkc-download-lis p:nth-of-type(1){width:27%}
.wmkc-download-li p:nth-of-type(1){width:27%}
.wmkc-download-li p:nth-of-type(2){width:12%}
.wmkc-download-lis p:nth-of-type(2){width:12%}
.wmkc-dowmload-right a{width:18px;height:18px;margin-left:10px}
.wmkc-dowmload-right p{width:85%}
.wmkc-his-all{display:flex}
.wmkc-his-g{height:auto;width:2px;background-color:grey;position:relative;margin-left:30px}
.wmkc-his-j{width:2px;position:absolute;height:80px;background:linear-gradient(#FFFFFF,grey);top:-80px}
.wmkc-his-f{width:2px;position:absolute;height:80px;background:linear-gradient(grey,#FFFFFF);top:90px}
.wmkc-his-q{width:8px;height:8px;border:2px solid grey;border-radius:100%;position:absolute;left:-5px;background-color:grey}
.wmck-his-p{color:grey}
.wmkc-hisimg img{width:40%}
.wmkc-his-ioc{width:83%;margin:auto;padding:0px 20px}
.wmkc-hisimg{text-align:center}
.wmkc-his-ioc p{margin-top:10px;color:var(--color);text-align:center}
.wmkc-his-r{display:flex;border-bottom:1px solid #f5f6f8}
.wmkc-his-box{width:100%;display:flex}
.wmkc-his-size{margin:auto;display:flex}
.wmkc-his-size p{line-height:1.5;color:var(--introcolor);margin-bottom:0px !important}
.wmkc-his-big p{font-size:60px !important;color:#F5F6F8 !important;margin-top:20px}
.wmkc-his h5{border-left:4px solid #000000;padding:10px 10px;margin-left:120px;margin-bottom:20px}
.wmkc-his-d{width:6px;height:6px;background-color:grey;border-radius:100%;margin:auto;margin-right:10px}
.wmkc-his-all:hover .wmkc-his-q{background-color:#FFFFFF}
.project-list li{border-bottom:1px solid #EEEEEE}
.doc-main .project-list li{background-position:0 52px}
.doc-main .project-list{flex-direction:revert;flex-wrap:wrap}
.project-list li:hover .project-content{max-height:600px}
.project-list li:hover{background-color:#F7F8F9}
.doc-main .project-list li .project-info .project-name{margin-left:30px}
.doc-main .project-list.is-active li{flex-direction:column;width:30%;flex-wrap:wrap;background:#fbfbfb}
.doc-main .project-list li .project-info{border-left:var(--color) 6px solid;margin-top:20px;text-align:center;height:auto;margin-left:0px}
.project-list.is-active .project-img{border-radius:10px;transition:.3s}
.doc-main .project-list.is-active li:hover .project-img{padding:20px 0px 0px 20px;background-color:var(--color)}
.project-list.is-active .project-img img{border-radius:10px}
.download-list li{width:100%;text-align:left;border-bottom:1px solid #EEEEEE}
.download-img{width:300px;float:left;margin-right:10px}
.download-con{margin-top:20px;padding:0px 20px}
.download-btn{border:1px solid #EEEEEE;display:inline-block;padding:8px 16px;margin-top:20px}
.faq-list{margin:0px auto 30px}
.faq-list .project-info{position:static}
.faq-list .project-info p{transform:none;font-size:var(--fontsize18);font-weight:var(--fontbold6);color:var(--fontcolor);padding:10px;border-bottom:solid 1px #F7F8F9}
.faq-list .project-content{padding:0px 10px;max-height:0px;overflow:hidden}
.faq-list li:hover .project-content{max-height:500px}
.faq-list li:hover .project-info p{border:none}
.faq-list li:hover{background-color:#F7F8F9}
@media (max-width:1620px){
.wmkc-rc-btn{transform:scale(1.05)}}
@media (max-width:1320px){
.wmkc-rc-btn{transform:scale(1)}}
@media (max-width:1060px){
.wmkc-rc-btn{transform:scale(.9)}}
@media (max-width:768px){
.wmkc-position-all,.wmkc-position-make,.wmkc-position-p{flex-direction:column}
.wmck-position-box{width:100%;margin-bottom:50px}
.wmkc-position-high{margin-top:20px}
.wmkc-position-p p{margin-bottom:10px}
.wmkc-show-box{width:48%}
.wmkc-show h4{margin-bottom:40px;text-align:center}
.wmkc-rc-resh{flex-direction:column}
.wmkc-rc-size{width:100%}
.wmck-rc-join{width:100%;border-left:20px solid var(--color)}
.wmkc-rc-joii{padding:10px}
.wmck-rc-join p{padding:0px 10px;margin-bottom:20px}
.wmkc-rc-ziti p{margin-bottom:20px}
.wmkc-rc-bt{width:49%}
.wmkc-rc-btn img{margin-bottom:20px}
.wmkc-rc-box{padding:50px 0px}
.wmkc-download-al{flex-direction:column}
.wmkc-download-img{width:100%}
.wmkc-download-size{width:100%;margin-left:0px}
.wmkc-download-al{padding:20px 0px}
.wmkc-dowmload-right{justify-content:space-between;margin-right:0px;width:12%}
.wmkc-download-li p:nth-of-type(2){width:20%}
.wmkc-download-lis p:nth-of-type(2){width:20%}
.wmkc-download-li p:nth-of-type(1){width:46%}
.wmkc-download-lis p:nth-of-type(1){width:46%}
.wmkc-his-all,.wmkc-his-box,.wmkc-his-r{flex-direction:column}
.wmkc-his-g{overflow:hidden}
.wmkc-his h5{margin-left:0px}
.wmkc-hisimg img{width:60%}
.wmkc-his-big{text-align:center}
.wmck-his-p{margin-top:20px}
.wmkc-his-ioc{width:20%;margin:auto;padding:20px 40px}
.wmkc-his-d{opacity:0}
.wnkc-position-ever p{padding:0px 0px 0px 10px}
.wmck-position-size{padding:0px 30px}
.wmck-download-xz{margin:auto;margin-top:20px}
.doc-main .project-list.is-active li{width:100%;margin-bottom:30px;padding:10px}
.project-name{margin-left:0px}
.download-btn{justify-content:center;padding:20px 0px}
.doc-main .project-list li .project-info .project-name,.project-content{margin-left:0px}}
@media (max-width:640px){
.wmkc-rc-btn{transform:scale(.8)}}
@media (max-width:575px){
.wmkc-rc-btn{transform:scale(.8)}
.wmkc-rc-btn{width:150px;height:150px;padding:30px}}
@media (max-width:440px){
.wmkc-dowmload-right p{display:none}}
@media (max-width:410px){
.wmkc-rc-btn{transform:scale(.8)}
.wmkc-rc-bt{width:100%}}
@media (max-width:320px){
.wmkc-show-box{width:100%;margin-bottom:20px}
.wmkc-his-big p{font-size:80px}
.wmkc-his-ioc{width:35%}}
@media(max-width:768px){
.mobcate-main .crumb{display:block}
.mobcate-main .pro-crumb .crumb-r{display:block;padding:5px;cursor:pointer;background:url(https://img01.v15cdn.com/cate-btn.webp) #EEEEEE right center/24px no-repeat;box-sizing:border-box}
.mobcate-main .pro-crumb .common-wrap{position:relative}
.mobcate-main .pro-crumb .cate-box{position:absolute;width:90%;top:100%;left:5%;right:0px;padding:0px 3vw;z-index:20;display:none;background-color:#FFFFFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
.mobcate-main .pro-crumb .cate-box>ul{display:block}
.mobcate-main .pro-crumb .cate-box>ul>li{width:100%}
.pro-crumb .cate-box i{left:auto!important;right:0px}}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:var(--fontbold6)}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.prohome-content{clear:both;margin:0px auto 30px;max-width:1600px;line-height:1.6;box-sizing:border-box}
.prolist-content{clear:both;margin:0px auto 20px}
.prolist-bottom{clear:both;margin:0px auto 30px;max-width:1600px;line-height:1.6;box-sizing:border-box}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
@media(max-width:1620px){.prohome-content,.prolist-bottom{max-width:1200px}}
@media(max-width:1280px){.prohome-content,.prolist-bottom{max-width:1000px}}
@media(max-width:768px){.prohome-content{clear:both;margin:0px 15px 20px;padding:0px;line-height:1.6;font-size:var(--fontsize16)}
.prolist-bottom{clear:both;margin:0px 15px 20px;padding:0px;line-height:1.6;font-size:var(--fontsize16)}}
.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:var(--fontbold7);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}
.news-d-main article ul{margin:0px;padding:5px 0px 0px 20px}
.news-d-main article ul li{margin:0px 0px 5px 0px;list-style-type:disc}
.lang{width:auto;position:relative;z-index:9999;text-align:left;margin-left:20px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:var(--fontsize16);color:var(--headercolor);user-select:none;white-space:nowrap}
.lang-icon>img{margin-right:5px;margin-top:3px}
.lang-icon span{position:relative;padding-right:18px}
.lang-icon span::before{content:"";position:absolute;right:5px;top:14px;width:8px;height:1px;background:var(--headercolor);transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:14px;width:8px;height:1px;background:var(--headercolor);transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 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% + 8px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;font-size:var(--fontsize12);text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:768px){
.lang{margin-left:auto;position:fixed;top:13px;right:65px;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:80%}
.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:80%}
.lang-drop{display:none}
.lang-drop.active{display:block}}
@media(max-width:768px){
.head-nav>ul .submenu.nav1 ul{position:static;display:block}
.head-nav>ul .submenu.nav1 ul li{background:none}
.head-nav>ul .submenu.nav1>li>a:after{display:none}}
@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}}
.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:20px 20px;background-position:right 10px top 14px}
.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,.wmkcfeedback .wmkcfb-emailcomfirm{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 10px}
.mediaplay{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:99;width:50px!important;height:50px!important;cursor:pointer;display:none}
@media(max-width:768px){.mediaplay{top:50%}}
#media{width:100%;height:100%;background:#EEEEEE;object-fit:contain;z-index:99;position:relative}
.foot-l .lfr ul{display:flex;flex-wrap:wrap} 
.prolist-filter{display:flex;flex-wrap:wrap;box-sizing:border-box;max-width:1600px;width:100%;margin:0 auto}
.prolist-filter .common-wrap{flex:1}
#filterlist{width:320px;margin-right:20px;padding:0 15px}
#filterlist .filterlist-ul li{display:flex;align-items:center;margin:10px 0px 20px;line-height:1;cursor:pointer;user-select:none}
#filterlist .filterlist-ul li:nth-child(n+21){display:none}
#filterlist .filterlist-ul li.act{color:var(--color)}
#filterlist .filterlist-ul li.act .input::after{transform:translate(-50%,-50%) scale(1)}
#filterlist .filterlist-ul li .input{width:16px;height:16px;margin-right:10px;border:1px solid #666666;position:relative}
#filterlist .filterlist-ul li .input::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:9px;height:9px;background:var(--color);transition:all .1s linear}
#filterlist .filterlist-ul li span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
#filterlist .viewmore-filter{color:var(--color);text-transform:uppercase;cursor:pointer}
#filterlist .viewmore-filter:hover{text-decoration:underline}
@media (max-width:1024px){#filterlist{width:100%;margin:0}}
.pagesbanner{position:relative;z-index:1}
.pagesbanner>a{z-index:1;position:relative;display:block}
.pagesbanner video,.pagesbanner img{width:100%;height:auto;object-fit:cover}
.pagesbanner .pagesbanner-animate{width:100%;padding:0px 20px;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#FFFFFF;text-align:center;margin-top:20px;opacity:0;animation:pagesbanner 1s .5s forwards}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize30);font-weight:var(--fontbold5);line-height:1.2}
.pagesbanner .pagesbanner-animate .p2{margin-top:20px;font-size:var(--fontsize18);font-weight:var(--fontbold4)}
@keyframes pagesbanner{0%{margin-top:20px;opacity:0}100%{margin-top:0px;opacity:1}}
@media (max-width:1024px){
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize26)}
.pagesbanner .pagesbanner-animate .p2{margin-top:10px;font-size:var(--fontsize16)}}
@media (max-width:768px){
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize20)}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize14)}
.mobile-bottom.act{position:fixed;bottom:0;display:flex}}
.blogflex-info{display:flex;align-items:flex-start}
.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%;margin:25px 0}
.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);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}