.table-wrap{overflow-x:auto;width:100%}
.table-wrap table{border-collapse:collapse;width:100%}
.table-wrap table td,.table-wrap table th{border:1px solid #ddd;padding:4px 10px}
.banner-inner{overflow:hidden}
.banner-inner img{width:100%;min-height:240px;max-height:300px;object-fit:cover;z-index:0;position:relative;animation:img_move 6s linear 0s forwards}
@keyframes img_move{0%{transform:scale(1)}
50%{transform:scale(1.08)}
100%{transform:scale(1)}
}
.banner-inner .banner-content{z-index:1;position:relative;background:#fafafa;height:50px}
.banner-inner .banner-content .l-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.banner-inner .banner-title-h1{font-size:18px;font-weight:var(--fontbold5);text-transform:capitalize}
.banner-inner .banner-breadcrumbs{font-size:14px}
.banner-inner span{text-transform:capitalize}
.banner-inner .banner-breadcrumbs .link-home em{margin-right:5px}
.banner-inner a:hover{color:var(--color)}
.common-main{padding:50px 0}
.home-des-box{display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.home-des-into{width:50px;height:15px;margin-right:10px;box-sizing:border-box;display:inline-block;border-top:2px solid var(--color);border-bottom:2px solid var(--color)}
.home-des{color:var(--color);font-size:18px;font-weight:var(--fontbold5);display:inline-block;text-transform:uppercase}
.home-title{font-size:var(--hometitlefont);font-weight:var(--fontbold5);color:var(--fontcolor);text-align:center;line-height:1.2;text-transform:capitalize}
.pageabout .pageabout-mod1{display: block;align-items:center}
.pageabout .pageabout-mod1 .left{width:100%;box-sizing:border-box;}
.pageabout .pageabout-mod1 .left .home-des-box{justify-content:left}
.pageabout .pageabout-mod1 .left .home-title{text-align:left}
.pageabout .pageabout-mod1  .about-text{margin:20px 0}
.pageabout .pageabout-mod1  .about-text p{color:#333;font-size:16px}
.pageabout .pageabout-mod1 .left .about-adv li{display:flex;align-items:center;margin:4px 0;list-style:none;color:var(--fontcolor);font-size:18px}
.pageabout .pageabout-mod1 .left .about-adv em{color:var(--color);font-size:20px;margin-right:8px;margin-top:4px}
.aboutfloat{float:right;margin-left:30px}
.aboutfloat img{width: 600px}
.pageabout .pageabout-mod2{margin-top:50px;box-sizing:border-box;padding-top:50px;background:url(../m428/imgs/aboutbg.webp) no-repeat}
.pageabout .pageabout-mod2 .home-title{color:#fff}
.pageabout .pageabout-mod2 .service{width:98%;margin:0 auto;position:relative;display:flex;justify-content:space-around;box-sizing:border-box;padding:50px 16%;padding-top:70px;margin-top:50px}
.pageabout .pageabout-mod2 .service::before{content:"";width:100%;border-bottom:310px solid #fff;border-left:200px solid transparent;border-right:200px solid transparent;position:absolute;box-sizing:border-box;left:0;bottom:0}
.pageabout .pageabout-mod2 .service .service-item{width:30%;position:relative;background-color:#f4f4f4;border-radius:5px;border-top:5px solid var(--color);display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:40px 20px 20px 20px;transition:all .1s linear}
.pageabout .pageabout-mod2 .service .service-item:hover{transform:translateY(-10px)}
.pageabout .pageabout-mod2 .service .item-icon{background-color:#fff;border-radius:5px;box-sizing:border-box;padding:4px;position:absolute;width:70px;height:70px;top:-35px;left:50%;transform:translateX(-50%)}
.pageabout .pageabout-mod2 .service .item-icon em{display:flex;align-items:center;justify-content:center;border-radius:5px;width:100%;height:100%;background-color:var(--color);color:#fff;font-size:36px}
.pageabout .pageabout-mod2 .service .item-tit{text-align:center;font-size:24px;color:var(--fontcolor);font-weight:var(--fontbold5);margin-bottom:10px;text-transform:capitalize;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pageabout .pageabout-mod2 .service .item-text p{text-align:center;color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.pageabout .pageabout-mod3{margin-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between}
.pageabout .pageabout-mod3 .img-item{width:16%;box-sizing:border-box;padding:2%;background-color:#fff;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;transition:all .1s linear}
.pageabout .pageabout-mod3 .img-item:hover{background-color:#f4f4f4}
.pagehistory .swiper{height:1064px;box-sizing:border-box;padding:20px 0}
.pagehistory .pagehistory-swiper{position:relative;box-sizing:border-box;padding:50px 0;margin-top:50px}
.pagehistory .pagehistory-swiper .axle-wire{width:1px;height:98%;background-color:#e8eaef;position:absolute;top:0;left:50.4%;transform:translateX(-50%)}
.pagehistory .history-item{display:flex}
.pagehistory .history-item .history-img{width:50%;border-top:1px solid #dfe0e9;box-sizing:border-box;padding-right:40px}
.pagehistory .history-item .history-img .img{box-sizing:border-box;padding-top:20px;padding-right:20px;border-right:1px solid #dfe0e9}
.pagehistory .history-item .history-info{width:50%;box-sizing:border-box;padding-left:40px;position:relative}
.pagehistory .history-item .history-info .date{color:var(--color);font-size:18px;font-weight:var(--fontbold5);margin-bottom:10px}
.pagehistory .history-item .history-info .tit{font-size:24px;color:var(--fontcolor);text-transform:capitalize}
.pagehistory .history-item .history-info .text{margin-top:10px}
.pagehistory .history-item .history-info .text p{color:#333;font-size:18px}
.pagehistory .history-item:nth-child(odd) .history-info::before{content:"";width:16px;height:16px;border-radius:50%;border:6px solid var(--color);position:absolute;left:-8px;top:-8px;background-color:#fff}
.pagehistory .history-item:nth-child(even) .history-img{padding-left:40px;padding-right:0}
.pagehistory .history-item:nth-child(even) .history-img .img{padding-right:0;border-right:none;padding-left:20px;border-left:1px solid #dfe0e9}
.pagehistory .history-item:nth-child(even) .history-info{text-align:right;padding-left:0;padding-right:40px}
.pagehistory .history-item:nth-child(even) .history-info::before{content:"";width:16px;height:16px;border-radius:50%;border:6px solid var(--color);position:absolute;right:-20px;top:-8px;background-color:#fff}
.pagehistory .history-item.swiper-slide-active .history-img{border-color:var(--color)!important}
.pagehistory .history-item.swiper-slide-active .history-img .img{border-color:var(--color)!important}
.pagehistory .history-item.swiper-slide-active .history-info::before{content:"";width:20px;height:20px;border-radius:50%;border:6px solid var(--color);position:absolute;right:-10px;top:-10px;background-color:#fff}
.pagehistory .pagehistory-next,.pagehistory .pagehistory-prev{position:absolute;width:40px;height:40px;background-color:#eee;border-radius:50%;left:50.4%;transform:translateX(-50%);cursor:pointer;transition:all .1s linear;display:inline-flex;align-items:center;justify-content:center;color:var(--color)}
.pagehistory .pagehistory-next em,.pagehistory .pagehistory-prev em{font-size:24px;line-height:1}
.pagehistory .pagehistory-next:hover,.pagehistory .pagehistory-prev:hover{background-color:var(--color);color:#fff}
.pagehistory .pagehistory-prev em{transform:rotate(180deg)}
.pagehistory .pagehistory-next{bottom:0}
.pagehistory .pagehistory-prev{top:0}
.pagetaem .pageteam-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.pagetaem .pageteam-list .pageteam-item{width:24%;position:relative;margin-bottom:80px}
.pagetaem .pageteam-list .pageteam-item .img{width:100%;overflow:hidden;border-radius:5px;background-color:#000}
.pagetaem .pageteam-list .pageteam-item .img img{width:100%}
.pagetaem .pageteam-list .pageteam-item .info{width:100%;box-sizing:border-box;padding:0 4%;position:absolute;bottom:-50px;transition:all .2s ease}
.pagetaem .pageteam-list .pageteam-item .info .text{border-radius:5px 5px 0 0;box-sizing:border-box;padding:15px 0;background-color:transparent;transition:all .2s ease}
.pagetaem .pageteam-list .pageteam-item .info .title{color:#fff;font-size:22px;font-weight:var(--fontbold5);text-align:center}
.pagetaem .pageteam-list .pageteam-item .info .p{font-size:16px;color:#fff;text-align:center}
.pagetaem .pageteam-list .pageteam-item .info .share{border-radius:0 0 5px 5px;background-color:#181818;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:10px 0;opacity:0;transition:all .2s ease}
.pagetaem .pageteam-list .pageteam-item .info .share a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:#3c3c3c;border-radius:50%;margin:0 4px;color:#fff;transition:all .2s ease}
.pagetaem .pageteam-list .pageteam-item .info .share a:hover{background-color:var(--color)}
.pagetaem .pageteam-list .pageteam-item:hover .info{bottom:-60px}
.pagetaem .pageteam-list .pageteam-item:hover .info .text{background-color:var(--color)}
.pagetaem .pageteam-list .pageteam-item:hover .info .share{opacity:1}
.page-certificate{position:relative;box-sizing:border-box;padding:0 10px;padding-bottom:50px;overflow:hidden}
.page-certificate::after{content:"";position:absolute;height:40%;width:100%;background-color:var(--color);left:0;bottom:0}
.certificate-list{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;position:relative;z-index:10}
.certificate-list li{width:18%;display:flex;flex-direction:column;justify-content:space-between}
.certificate-list li .img{width:100%;display:flex;justify-content:center}
.certificate-list li .img img{-webkit-box-reflect:below 0 linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.2));transition:all .2s ease}
.certificate-list li .img:hover img{transform:scale(1.02)}
.certificate-list li .info{margin-bottom:10px;padding:10px}
.certificate-list li .info .title{font-size:24px;font-weight:var(--fontbold5);margin-bottom:10px;color:var(--color)}
.pageenvironment{display:flex;flex-wrap:wrap}
.pageenvironment .left{position:relative;width:42%;border-radius:5px;overflow:hidden}
.pageenvironment .left:hover img{transform:scale(1.02)}
.pageenvironment .left img{width:100%;transition:all .2s ease}
.pageenvironment .left .info{position:absolute;margin:20px;left:0;bottom:0;display:inline-block;box-sizing:border-box;padding:20px;padding-right:30px;color:#000}
.pageenvironment .left .info .title{position:relative;z-index:10;font-size:24px;font-weight:var(--fontbold5);line-height:1.4}
.pageenvironment .left .info .p{font-size:16px;position:relative;z-index:10}
.pageenvironment .left .info::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f6f6f6;opacity:.9;border-radius:5px 50px 5px 5px;z-index:0}
.pageenvironment .right{width:58%;box-sizing:border-box;padding-left:2%;display:flex;flex-wrap:wrap;justify-content:space-between}
.pageenvironment .right .item-img{width:49%;height:auto;margin-bottom:2%;border-radius:5px;overflow:hidden}
.pageenvironment .right .item-img img{width:100%;transition:all .2s ease}
.pageenvironment .right .item-img:hover img{transform:scale(1.05)}
.pageenvironment .right .item-img:nth-child(3),.pageenvironment .right .item-img:nth-child(4){margin-bottom:0}
.pageequipment .pageequipment-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.pageequipment .item{width:24%;border-radius:5px;overflow:hidden}
.pageequipment .item .img{width:100%;overflow:hidden}
.pageequipment .item .img img{width:100%;transition:all .2s linear}
.pageequipment .item .info{background-color:var(--color);color:#fff;box-sizing:border-box;padding:16px;border-radius:0 0 5px 5px}
.pageequipment .item .info .title{font-size:18px;font-weight:var(--color);box-sizing:border-box;padding-bottom:4px;text-align:center;line-height:1.4}
.pageequipment .item .info .des{box-sizing:border-box;padding-top:4px;font-size:16px;border-top:1px solid rgba(255,255,255,.6);text-align:center;line-height:1.4}
.pageequipment .item:hover .img img{transform:scale(1.05)}
.page-container{display:flex;align-items:flex-start;width:100%}
.page-main{flex:1;margin-left:30px;width:100%}
.product-catelist{display:flex;flex-wrap:wrap;justify-content:space-between}
.product-catelist .product-cateitem{width:49%;margin-bottom:2em;display:flex;overflow:hidden;box-sizing:border-box;background-color:#fff;box-shadow:0 0 32px 0 rgba(16,1,0,.1);border-radius:5px}
.product-catelist .product-cateitem .cate-img{width:300px;max-height:300px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.product-catelist .product-cateitem .cate-img img{width:100%;height:100%;object-fit:cover;transition:all .2s ease}
.product-catelist .product-cateitem .cate-info{flex:1;box-sizing:border-box;padding:20px}
.product-catelist .product-cateitem .cate-info .title{font-size:20px;color:#000;margin-bottom:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.2;font-weight:var(--fontbold5);transition:all .2s ease}
.product-catelist .product-cateitem .cate-info .text{color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.product-catelist .product-cateitem .cate-info .more{margin-top:20px;color:#fff;display:inline-flex;align-items:center;justify-content:center;width:120px;height:40px;position:relative;z-index:1;border-radius:5px;overflow:hidden;color:#fff;transition:all .2s ease;background-color:var(--color)}
.product-catelist .product-cateitem .cate-info .more span{position:relative;z-index:10}
.product-catelist .product-cateitem .cate-info .more::after{content:"";width:0%;height:100%;left:0;top:0;position:absolute;z-index:0;background-color:rgba(0,0,0,.1);transition:all .2s ease}
.product-catelist .product-cateitem .cate-info .more:hover::after{width:100%}
.product-catelist .product-cateitem:hover .cate-img img{transform:scale(1.05)}
.product-catelist .product-cateitem:hover .cate-info .title{color:var(--color)}
.prodetails-content{margin-top:80px}
.prodetails-content .prodetails-tabs{border-top:1px solid #e4e3e3;display:flex;justify-content:center;align-items:center;margin-bottom:20px}
.prodetails-content .prodetails-tabs .prodetails-tabs-item{min-width:160px;height:55px;background-color:#f6f6f6;box-sizing:border-box;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;color:#181818;cursor:pointer;font-size:18px;text-transform:capitalize;white-space:nowrap;border-bottom-left-radius:var(--borderradius);border-bottom-right-radius:var(--borderradius);margin-right:20px;transition:all .2s ease}
.prodetails-content .prodetails-tabs .prodetails-tabs-item.act{background-color:#2b2b2b;color:#fff}
.prodetails-content .tagContent{display:none}
.prodetails-content .tagContent.act{display:block}
.prodetails-content .prodetails-company-box{position:relative;margin:20px 0}
.prodetails-content .prodetails-company-box img{width:100%;min-height:120px}
.prodetails-content .prodetails-company-box .prodetails-company-name{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:32px;color:#fff;font-weight:var(--fontbold5);text-transform:capitalize}
.prodetails-wrap{margin-top:20px}
.prodetails-template-title{box-sizing:border-box;padding-left:30px;position:relative;color:#000;font-size:20px;margin-bottom:20px}
.prodetails-template-title::before{content:'';width:15px;height:15px;border:5px solid var(--color);border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.prodetails-template-title h5{text-transform:uppercase}
.prodetails1-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.prodetails1-list .item{width:49%;border-radius:5px;overflow:hidden;box-sizing:border-box;padding:20px;background-color:#2b2b2b;color:#fff;margin-top:20px;transition:all .2s ease-in-out}
.prodetails1-list .item .item-tit{display:inline-flex;align-items:center;font-size:18px}
.prodetails1-list .item .item-tit em{margin-right:8px;font-size:32px}
.prodetails1-list .item:hover{background-color:var(--color)}
.prodetails2-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.prodetails2-list .item{width:49%;border-radius:5px;overflow:hidden;position:relative;margin-bottom:20px}
.prodetails2-list .item img{width:100%;transition:all .2s ease-in-out}
.prodetails2-list .item:hover img{transform:scale(1.02)}
.prodetails2-list .item .item-text{position:absolute;width:100%;box-sizing:border-box;padding:10px;left:0;bottom:0;background-color:var(--color);text-align:center;font-size:18px;color:#fff}
.prodetails3-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.prodetails3-list .item{width:24%;position:relative;border-radius:5px;overflow:hidden}
.prodetails3-list .item img{width:100%;transition:all .2s ease-in-out}
.prodetails3-list .item .item-text{background-color:var(--color);color:#fff;font-size:18px;text-align:center;width:100%;box-sizing:border-box;padding:10px}
.prodetails3-list .item:hover img{transform:scale(1.04)}
.prodetails3-list .item .prodetails3-img{border-radius:5px 5px 0 0;overflow:hidden;width:100%}
.prodetails-top{display:flex}
.maylike{margin-top:50px}
.pro-detail-title{font-size:20px;color:#333;margin-bottom:20px;position:relative;border-bottom:1px solid #dee1e6;box-sizing:border-box;padding-bottom:10px;padding-left:15px}
.pro-detail-title::before{content:"";position:absolute;left:0;height:28px;border-left:2px solid var(--color)}
.maylike-list{display:flex;flex-wrap:wrap}
.maylike-list .maylike-item{width:15%;margin-right:2%;margin-bottom:2%;border-radius:var(--borderradius);overflow:hidden;background-color:#f6f6f6;border:1px solid #d1d1d1;box-sizing:border-box}
.maylike-list .maylike-item:nth-child(6n){margin-right:0}
.maylike-list .maylike-item .maylike-img{max-width:100%;overflow:hidden}
.maylike-list .maylike-item .maylike-img img{width:100%}
.maylike-list .maylike-item .maylike-tit{padding:10px 6px;font-size:16px;text-transform:capitalize}
.maylike-list .maylike-item:hover .maylike-img img{transform:scale(1.05)}
.maylike-list .maylike-item:hover .maylike-tit{color:var(--color)}
.pro-bottom-inquiry{margin-top:50px}
.preview-container{width:460px}
.thumbnail-show{width:100%;height:460px;position:relative;border-radius:5px}
.thumbnail-show #media{width:100%;height:100%;background-color:#f3f3f3}
.thumbnail-show .small-box{width:100%;border:1px solid #eee;height: 100%;}
.thumbnail-show .small-box img{width:100%}
.prodetails-top .singglepic{border:1px solid #eee}
.thumbnail-show .hover{position:absolute;width:180px;height:180px;background-color:rgba(204,204,204,.6);border:1px solid #eee;display:none;cursor:move;z-index:9}
.thumbnail-show .vPlay{position:absolute;top:0;right:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:999;cursor:pointer}
.thumbnail-show .big-box{display:none;overflow:hidden;top:0;left:100%;border:1px solid #eee;position:absolute;width:100%;height:100%;background-color:#fff;z-index:20}
.thumbnail-show .big-box img{display:block;max-width:none;max-height:none;width:150%}
.thumbnail-box{position:relative;padding:0 40px;margin-top:15px}
.thumbnail-box .item{cursor:pointer;border:1px solid #eee;display:flex;align-items:center;justify-content:center;position:relative;height:90px;border-radius:var(--borderradius);overflow:hidden}
.thumbnail-box .item img{width:100%;height:100%;object-fit:cover}
.thumbnail-box .item .imgalt{display:none}
.thumbnail-box .item.item-cur{border-color:var(--color)}
.thumbnail-box .prodetails-button-next.swiper-button-disabled,.thumbnail-box .prodetails-button-prev.swiper-button-disabled{border:1px solid #e4e3e3;color:#e4e3e3}
.thumbnail-box .prodetails-button-next em,.thumbnail-box .prodetails-button-prev em{font-size:24px}
.thumbnail-box .prodetails-button-next,.thumbnail-box .prodetails-button-prev{position:absolute;left:0;top:0;width:30px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear;border:1px solid var(--color);background-color:#fff;color:var(--color)}
.thumbnail-box .prodetails-button-next{left:auto;right:0}
.thumbnail-box .banner-page{display:none}
.prodetails-info{flex:1;padding-left:30px}
.prodetails-info .prodetails-name{border-bottom:1px solid #dcdccd;padding-bottom:20px;margin-bottom:10px;line-height:1.2}
.prodetails-info .prodetails-price{color:#000}
.prodetails-info .prodetails-text{color:#000;padding-top:10px}
.prodetails-info .share-btn-list{margin:20px 0}
.prodetails-info .prodetails-btnlist{display:flex;flex-wrap:wrap;margin-top:20px}
.prodetails-info .prodetails-btnlist .addToCart.added{background-color:var(--color);border-color:var(--color);color:#fff}
.prodetails-info .prodetails-btnlist>:last-child{margin-right:0}
.prodetails-info .prodetails-btnlist>*{width:180px;height:54px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--borderradius);color:#2b2b2b;background-color:#fff;cursor:pointer;text-transform:capitalize;transition:all .1s linear;margin-right:20px;margin-bottom:10px;border:1px solid #2b2b2b;transition:all .2s ease}
.prodetails-info .prodetails-btnlist>:hover{background-color:var(--color);color:#fff;border-color:var(--color)}
.prodetails-info .prodetails-btnlist>* em{margin-right:5px}
.newslist{display:flex;flex-wrap:wrap;list-style:none}
.newslist li{margin-bottom:30px}
.newslist li .newslist-img{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-height:300px;border-radius:var(--borderradius);overflow:hidden;border-radius:var(--borderradius)}
.newslist li .newslist-img img{width:100%;height:100%;object-fit:cover;transition:all .2s ease}
.newslist li .newslist-info .title{font-size:18px;color:#000;font-weight:var(--fontbold5);line-height:1.2;transition:all .2s ease;position:relative;z-index:1}
.newslist li .newslist-info .text{color:#333;margin-top:6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;position:relative;z-index:1}
.newslist li:hover .newslist-img img{transform:scale(1.03)}
.newslist li:hover .newslist-info .title{color:var(--color)}
.newslist.list1 li{width:32%;margin-right:2%}
.newslist.list1 li .newslist-info{margin:0 2%;position:relative;box-sizing:border-box;top:-20px;padding:20px;border-radius:0 5px 5px 5px;box-shadow:0 1px 10px 0 rgba(16,1,0,.1);transition:all .2s ease}
.newslist.list1 li .newslist-info::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;opacity:.8;border-radius:0 5px 5px 5px;z-index:0}
.newslist.list1 li .newslist-info .date{text-transform:capitalize;position:absolute;background-color:var(--color);color:#fff;min-width:60px;height:60px;box-sizing:border-box;padding:6px;border-radius:5px 5px 0 0;top:-60px;left:0;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;overflow:hidden;line-height:1.3;opacity:.9}
.newslist.list1 li .newslist-info .date em{display:none}
.newslist.list1 li .newslist-info .date .span3{display:none}
.newslist.list1 li .newslist-info .date .span2{font-size:20px;font-weight:var(--fontbold5)}
.newslist.list1 li .newslist-info .date ::before{content:"";position:absolute;right:-20px;top:-20px;background-color:#ffffffbf;opacity:.1;width:50px;height:50px;border-radius:50%;z-index:1}
.newslist.list1 li .newslist-info .date ::after{content:"";position:absolute;right:-10px;top:-16px;background-color:#ffffff6b;opacity:.1;width:30px;height:40px;border-radius:50%;z-index:10}
.newslist.list1 li .newslist-info .text{margin-top:4px;box-sizing:border-box}
.newslist.list1 li .newslist-info .more{box-sizing:border-box;padding-top:10px;border-top:1px solid #e4e3e3;display:block;color:var(--color);margin-top:10px;position:relative;z-index:1}
.newslist.list1 li:hover .newslist-info{box-shadow:0 1px 10px 0 rgba(16,1,0,.2);top:-30px}
.newslist.list1 li:hover .newslist-info::before{opacity:1}
.newslist.list1 li:nth-child(3n){margin-right:0}
.newslist.list0 li{width:100%;display:flex;align-items:center;border:1px solid #e4e3e3;border-radius:5px;overflow:hidden}
.newslist.list0 li .newslist-img{width:300px;border-radius:0}
.newslist.list0 li .newslist-info{flex:1;padding:10px 20px}
.newslist.list0 li .newslist-info .date{color:#9c9c9c;font-size:14px;margin:8px 0}
.newslist.list0 li .more{background-color:var(--color);color:#fff;display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:38px;position:relative;z-index:1;border-radius:var(--borderradius);margin-top:20px}
.newslist.list0 li .more::after{content:"";width:0%;height:100%;left:0;top:0;position:absolute;z-index:0;background-color:rgba(0,0,0,.5);opacity:.2;transition:all .2s ease}
.newslist.list0 li .more span{position:relative;z-index:1}
.newslist.list0 li .more:hover::after{width:100%}
.newscontent-title{font-size:24px;font-weight:var(--fontbold5);color:#000;line-height:1.4}
.newscontent-date{display:flex;align-items:center;flex-wrap:wrap;margin:10px 0 20px;font-size:14px}
.newscontent-date em{color:var(--color)}
.newscontent-date p{margin-right:20px;color:#333}
.newscontent-date p em{margin-right:4px}
.newscontent-date:last-child{margin-right:0}
.newscontent-date .newsendinquiry{cursor:pointer}
.prolist-bottom{clear:both;margin:0 auto 30px;padding:0 70px;max-width:1700px;line-height:1.6;box-sizing:border-box}
.project-wrap{display:flex;flex-wrap:wrap}
.project-wrap .project-item{width:23%;margin-right:2.6%;position:relative;border-radius:5px;margin-bottom:30px;overflow:hidden}
.project-wrap .project-item .project-img{width:100%;overflow:hidden}
.project-wrap .project-item .project-img img{width:100%;transition:all .2s ease}
.project-wrap .project-item .project-info{position:absolute;left:0;top:0;width:100%;height:100%}
.project-wrap .project-item .project-info .more{width:38px;height:38px;border-radius:50%;background-color:#fff;position:absolute;top:-40px;right:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--color);z-index:10;transition:all .2s ease}
.project-wrap .project-item .project-info .text{position:absolute;bottom:0;left:0;z-index:10;padding:10px;width:100%;box-sizing:border-box;background-color:rgba(24,24,24,.8);transition:all .2s ease}
.project-wrap .project-item .project-info .text .title{font-size:18px;color:#fff;text-align:center;font-weight:var(--fontbold5);box-sizing:border-box;transition:all .2s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.project-wrap .project-item .project-info .text .p{color:#fff;margin-top:5px;font-size:16px;display:none;transition:all .2s ease;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.project-wrap .project-item:hover .project-img img{transform:scale(1.05)}
.project-wrap .project-item:hover .project-info .more{top:20px}
.project-wrap .project-item:hover .text .p{display:-webkit-box}
.project-wrap .project-item:hover .text .title{padding:0;text-align:left}
.project-wrap .project-item:nth-child(4n){margin-right:0}
.faqs-list{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none}
.faqs-list li{width:100%}
.faqs-list .project-info{margin-bottom:1em;border:1px solid #dfe0e9;border-radius:var(--borderradius);background-color:#fff}
.faqs-list .project-info .project-name{box-sizing:border-box;padding:10px 20px;padding-right:40px;display:flex;justify-content:space-between;cursor:pointer;position:relative}
.faqs-list .project-info .project-content{margin:5px 20px 20px;display:none}
.faqs-list .project-info .project-name em{color:#fff;position:absolute;right:18px;top:10px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:var(--color);transform-origin:center;line-height:1}
.faqs-list .project-info .project-name em::before{transition:all .2s ease-in-out}
.faqs-list .project-info.open .project-name em::before{transform:rotateX(180deg)}
.page-solutions .solution-list{margin-top:4%;display:flex;justify-content:space-between;flex-wrap:wrap}
.page-solutions .solution-item{width:31%;position:relative;background-color:#f6f6f6;border-radius:5px;overflow:hidden;color:#000;transition:all .3s linear}
.page-solutions .solution-item .solution-item-info{position:relative;z-index:10}
.page-solutions .solution-item .solution-item-top{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:20px}
.page-solutions .solution-item .solution-icon{width:80px;height:80px;background-color:var(--color);color:#fff;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s linear}
.page-solutions .solution-item .solution-icon em{font-size:48px}
.page-solutions .solution-item .solution-item-title{font-size:24px;font-weight:var(--fontbold5)}
.page-solutions .solution-item .serial-num{min-width:160px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;position:relative}
.page-solutions .solution-item .serial-num span{position:relative;z-index:10;font-size:20px;font-weight:var(--fontbold5)}
.page-solutions .solution-item .serial-num::after{content:"";border-radius:0 5px 5px 0;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background-color:#fff;border-left:1px solid var(--color);transition:all .3s linear}
.page-solutions .solution-item .solution-text{box-sizing:border-box;padding:10px 20px 0 20px}
.page-solutions .solution-item .solution-text li{display:flex;margin:10px 0}
.page-solutions .solution-item .solution-text li em{color:var(--color);margin-right:8px;transition:all .3s linear}
.page-solutions .solution-item .solution-item-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0;background-repeat:no-repeat;background-size:cover;transition:all .3s linear}
.page-solutions .solution-item .solution-item-btn{width:160px;height:50px;background-color:#fff;border:5px;display:inline-flex;align-items:center;justify-content:center;margin-top:10px;margin-bottom:20px;margin-left:20px;border-radius:5px;color:#000}
.page-solutions .solution-item:hover{background-color:var(--color);color:#fff}
.page-solutions .solution-item:hover .solution-icon{background-color:#fff;color:var(--color)}
.page-solutions .solution-item:hover .solution-item-bg{opacity:1}
.page-solutions .solution-item:hover .serial-num::after{border-left:1px solid rgba(255,255,255,.5);background-color:rgba(255,255,255,.5)}
.page-solutions .solution-item:hover .solution-text li em{color:#fff}
.download-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.download-list li{width:49%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:#f6f6f6;border-radius:var(--borderradius);margin-bottom:20px;box-sizing:border-box;padding:15px}
.download-list li .download-img{width:120px}
.download-list li .download-info{flex:1;padding:0 20px}
.download-list li .download-btn{background-color:var(--color);color:#fff;width:140px;height:36px;border-radius:var(--borderradius);display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0 10px}
.download-list li .download-btn::after{content:"";width:0%;height:100%;left:0;top:0;position:absolute;z-index:0;background-color:rgba(0,0,0,.5);opacity:.2;transition:all .2s ease}
.download-list li .download-btn span{position:relative;z-index:1}
.download-list li .download-btn:hover::after{width:100%}
.contact-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.contact-box .home-title{text-align:left}
.contact-box .contact-main{width:40%}
.contact-box .inquiry-wrap{margin-top:40px}
.contact-box .contact-list{width:55%;background-color:#fafafa;background-size:cover;box-sizing:border-box;padding:30px;border-radius:var(--borderradius);overflow:hidden;border:1px solid #dcdcdc24;line-height: 2}
.contact-box .contact-list .title{display:flex;align-items:center;color:#000;font-size:24px;font-weight:var(--fontbold5)}
.contact-box .contact-list .title span{display:inline-block;width:70px;height:2px;margin-right:10px;background-color:#000;border-radius:2px}
.contact-box .contact-list .contact-item{display:flex;align-items:center;box-sizing:border-box;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.3)}
.contact-box .contact-list .contact-item .contact-icon{width:70px;height:70px;position:relative;border-radius:5px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}
.contact-box .contact-list .contact-item .contact-icon::after{content:"";position:absolute;width:100%;height:100%;background-color:var(--color);z-index:0;transition:all .2s ease}
.contact-box .contact-list .contact-item .contact-icon em{color:#fff;font-size:30px;position:relative;z-index:1}
.contact-box .contact-list .contact-item .contact-info{flex:1;box-sizing:border-box;padding:0 20px;color:#000}
.contact-box .contact-list .contact-item .contact-info .contact-item-title{font-size:20px;font-weight:var(--fontbold5);margin-bottom:4px}
.contact-box .contact-list .contact-item .contact-info .contact-item-text a:hover{color:var(--color)}
.contact-box .home-title{text-transform:inherit}
.contact-img{width:100%;margin-top:40px;overflow:hidden;border-radius:var(--borderradius)}

.con_map{display:block;width:100%;height:450px;margin:2% 0}
.mapContent{width: 100%;height: 100%}

.pro-cate-title{font-size:26px;font-weight:var(--fontbold6);color:var(--color);line-height:1;margin-bottom:20px}
.visible-xs{display: none;}
.p_problemCategory {float:left;width:100%;text-align:center;background:var(--color);color:#fff;height:50px;line-height:50px;margin-bottom:15px;cursor:pointer;}
@media (max-width: 767px){
.visible-xs {
    display: block!important;
}


}

.sidebar{width:350px}
.sidebar-search{background-color:#f6f6f6;border-radius:var(--borderradius);box-sizing:border-box;padding:10px;display:flex;margin-bottom:20px;overflow:hidden}
.sidebar-search input{flex:1;background-color:#fff;outline:0;border:none;box-sizing:border-box;padding:0 15px;border-top-left-radius:var(--borderradius);border-bottom-left-radius:var(--borderradius);border:1px solid transparent;transition:all .1s ease}
.sidebar-search input:focus{border-color:var(--color)}
.sidebar-search button{width:45px;height:45px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--color);outline:0;border:none;color:#fff;border-top-right-radius:var(--borderradius);border-bottom-right-radius:var(--borderradius);transition:all .1s linear}
.sidebar-search button:hover{opacity:.9}
.sidebar-item{box-sizing:border-box;background-color:#f6f6f6;padding:20px 15px;margin-bottom:20px;border-radius:var(--borderradius);width:100%}
.sidebar-item ul{list-style:none}
.sidebar-item.category .menu-item{background-color:#fff;box-sizing:border-box;padding:10px;border-radius:var(--borderradius);margin-bottom:10px;position:relative;transition:all .2s linear}
.sidebar-item.category .menu-item:last-child{margin-bottom:0}
.sidebar-item.category .menu-item .icon-arrow-down{width:20px;height:20px;border-radius:50%;background-color:#e8e8e8;display:inline-flex;align-items:center;justify-content:center;position:absolute;right:10px;top:12px;cursor:pointer;transform:rotate(-90deg);transition:all .2s linear}
.sidebar-item.category .menu-item:hover{color:var(--color)}
.sidebar-item.category .menu-item.active{background-color:var(--color);color:#fff}
.sidebar-item.category .menu-item.active .icon-arrow-down{color:var(--color);transform:rotate(0);background-color:#fff}
.sidebar-item.category .menu-item.active:hover{color:#fff}
.sidebar-item.category .sub-menu{box-sizing:border-box;padding-left:20px;margin-top:4px;display:none}
.sidebar-item.category .sub-menu li{margin:6px 0}
.sidebar-item.category .menu-item>a{box-sizing:border-box;padding-right:30px;text-transform: capitalize;}
.sidebar-title{font-size:20px;color:#333;margin-bottom:20px;position:relative;border-bottom:1px solid #dee1e6;box-sizing:border-box;padding-bottom:10px}
.sidebar-item.inquiry .sidebar-title{margin-bottom:10px}
.sidebar-title::before{content:"";position:absolute;left:-15px;height:28px;border-left:2px solid var(--color)}
.sidebar-item.hotpro .sidebarhot-item{width:100%;display:flex;align-items:center;margin-bottom:20px}
.sidebar-item.hotpro .sidebarhot-item .sidebarhot-img{width:100px;height:100px;display:block;overflow:hidden;border-radius:var(--borderradius)}
.sidebar-item.hotpro .sidebarhot-item .sidebarhot-img img{width:100%;height:100%;object-fit:cover;transition:all .2s ease}
.sidebar-item.hotpro .sidebarhot-item .sidebarhot-info{flex:1;padding-left:15px}
.sidebar-item.hotpro .sidebarhot-item .sidebarhot-info .title{line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all .2s ease}
.sidebar-item.hotpro .sidebarhot-item .sidebarhot-info .more{color:var(--color);text-transform:lowercase;display:flex;align-items:center}
.sidebar-item.hotpro .sidebarhot-item .sidebarhot-info .more em{margin-left:4px;margin-top:2px}
.sidebar-item.hotpro .sidebarhot-item:hover .sidebarhot-img img{transform:scale(1.02)}
.sidebar-item.hotpro .sidebarhot-item:hover .sidebarhot-info .title{color:var(--color)}
.sidebar-item.hotpro .sidebarhot-item:last-child{margin-bottom:0}
.sidebar-item.latestnews .sidebarhot-item{width:100%;display:flex;align-items:center;margin-bottom:20px}
.sidebar-item.latestnews .sidebarhot-item .sidebarhot-img{width:100px;height:100px;display:block;overflow:hidden;border-radius:var(--borderradius)}
.sidebar-item.latestnews .sidebarhot-item .sidebarhot-img img{width:100%;height:100%;object-fit:cover;transition:all .2s ease}
.sidebar-item.latestnews .sidebarhot-item .sidebarhot-info{flex:1;padding-left:15px}
.sidebar-item.latestnews .sidebarhot-item .sidebarhot-info .title{line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all .2s ease}
.sidebar-item.latestnews .sidebarhot-item .sidebarhot-info .more{color:var(--color);text-transform:lowercase;display:flex;align-items:center}
.sidebar-item.latestnews .sidebarhot-item .sidebarhot-info .more em{margin-left:4px;margin-top:2px}
.sidebar-item.latestnews .sidebarhot-item:hover .sidebarhot-img img{transform:scale(1.02)}
.sidebar-item.latestnews .sidebarhot-item:hover .sidebarhot-info .title{color:var(--color)}
.sidebar-item.latestnews .sidebarhot-item:last-child{margin-bottom:0}
.pro-list{display:flex;flex-wrap:wrap;list-style:none;padding:0}
.pro-list li{margin-bottom:40px;overflow:hidden;position:relative;border-radius:var(--borderradius);background-color:#fbfbfb;transition:all .2s ease}
.pro-list li .pro-img{border-top-left-radius:var(--borderradius);border-top-right-radius:var(--borderradius);position:relative;overflow:hidden}
.pro-list li .pro-img img{width:100%;height:100%;object-fit:cover;transition:all .2s ease}
.pro-list li .pro-img .icon-hottitle{position:absolute;top:10px;left:10px;color:var(--color);font-size:36px;line-height:1}
.pro-list li .pro-img .icon{position:absolute;top:20px;right:10px;height:35px;width:35px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e0e0e0;border-radius:5px;opacity:0;cursor:pointer;color:var(--color);transition:all .2s ease;font-weight:var(--fontbold5)}
.pro-list li .pro-img .icon.pro-checked{opacity:1;top:10px;background-color:var(--color);color:#fff}
.pro-list li .pro-img>a{display:block;width:100%;max-height:360px}
.pro-list li .pro-info{overflow:hidden;border-bottom-left-radius:var(--borderradius);border-bottom-right-radius:var(--borderradius);padding:20px 15px}
.pro-list li .pro-info .text{color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:10px}
.pro-list li .pro-info .title{font-size:18px;font-weight:var(--fontbold5);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pro-list li .more em{display:inline-block;margin-left:4px;transform:translateY(1px)}
.pro-list li .pro-info .data-price{display:none}
.pro-list li:hover .pro-img img{transform:scale(1.05)}
.pro-list li:hover .pro-img .icon{top:10px;opacity:1}
.pro-list li:hover .pro-info .title{color:var(--color)}
.pro-list.list1 li{width:31%;margin-right:3.5%;border:1px solid #e4e3e3}
.pro-list.list1 li:nth-child(3n){margin-right:0}
.pro-list.list1 li .pro-img{width:100%}
.pro-list.list1 li .pro-info{border-top:1px solid #e4e3e3}
.pro-list.list1 li .more{width:100%;width:100%;display:flex;align-items:center;color:#666;box-sizing:border-box;font-size:16px;transition:all .2s ease;margin-top:4px}
.pro-list.list1 li:hover .more{color:var(--color)}
.pro-list.list0 li{width:100%;display:flex;align-items:center;border-right:2px solid var(--color);background-color:#fbfbfb;border:1px solid #e4e3e3}
.pro-list.list0 li .pro-img{width:350px;border-right:1px solid #e4e3e3}
.pro-list.list0 li .pro-info{box-sizing:border-box;padding:20px 5%}
.pro-list.list0 li .pro-info .pro-text{padding:0}
.pro-list.list0 li .more{background-color:var(--color);color:#fff;display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:38px;position:relative;z-index:1;border-radius:var(--borderradius);margin-top:20px}
.pro-list.list0 li .more::after{content:"";width:0%;height:100%;left:0;top:0;position:absolute;z-index:0;background-color:rgba(0,0,0,.5);opacity:.2;transition:all .2s ease}
.pro-list.list0 li .more:hover::after{width:100%}
.sidebar-date{font-size:14px;color:#9c9c9c;display:inline-block;margin-top:4px}
.sidebar-date em{font-size:12px}
.pro-cate-title{font-size:26px;font-weight:var(--fontbold6);color:var(--color);line-height:1;margin-bottom:20px}
.common-page{width:100%;display:flex;flex-wrap:nowrap;justify-content:center;margin:20px 0 30px}
.common-page a,.common-page span{min-width:45px;height:45px;background:#fff;border:1px solid #999;display:inline-flex;align-items:center;justify-content:center;margin:0 7px;padding:0 10px;font-size:18px;transition:all .1s linear;overflow:hidden;border-radius:50%}
.common-page>a:first-child,.common-page>a:last-child,.common-page>span:first-child,.common-page>span:last-child{border:none}
.common-page .ctxt{color:var(--color);border-color:var(--color)}
.common-page a:hover{cursor:pointer;border-color:var(--color);color:var(--color)}
.common-page p{height:45px;display:inline-flex;align-items:center;border:1px solid var(--color);margin:0 7px;overflow:hidden;border-radius:var(--borderradius)}
.common-page p em{width:45px;height:45px;display:inline-flex;align-items:center;justify-content:center;background:var(--color);color:#fff;font-weight:var(--fontbold5)}
.common-page p a,.common-page p span{height:100%;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;transition:all .1s linear}
.newscontent-details article{margin-bottom:30px}
.pagelink{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-top:50px}
.pagelink .pagelink-item{width:48%;display:flex;align-items:flex-start;flex-direction:column}
.pagelink .pagelink-item .flex{display:inline-flex;align-items:center;width:100%;height:50px;background-color:#f6f6f6;border-radius:var(--borderradius);overflow:hidden}
.pagelink .pagelink-item .flex .pagelink-btn{box-sizing:border-box;width:100px;height:100%;background-color:var(--color);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fontbold5)}
.pagelink .pagelink-item .flex span{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;padding:0 20px;transition:all .1s linear}
.pagelink .pagelink-item a:hover{color:var(--color)}
.pagelink .pagelink-item.next span{text-align:right}
.inquiry-pc{margin-top:20px}
.compare-panel{width:280px;background:#fff;position:fixed;z-index:1000;bottom:0;right:0;box-shadow:-1px -1px 3px #ccc;display:none;transition:bottom .2s}
.compare-t{background-color:var(--color);font-size:14px;color:#fff;display:flex;align-items:center;padding:6px 10px;cursor:pointer}
.compare-close{position:relative;width:24px;height:24px;background:0 0;cursor:pointer;border:none}
.compare-close::after,.compare-close::before{content:"";display:block;width:10px;height:2px;background-color:#fff;position:absolute;top:50%;border-radius:2px}
.compare-close::before{transform:rotate(45deg);left:4px}
.compare-close::after{transform:rotate(-45deg);right:4px}
.compare-tit{text-align:center;flex:1;line-height:1.5}
.compare-checked{color:#fff;margin:0 4px}
#productChache_list{padding:0 10px;height:220px;overflow-y:auto}
#productChache_list::-webkit-scrollbar{width:4px}
#productChache_list::-webkit-scrollbar-track{border-radius:0;background-color:rgba(0,0,0,.05)}
#productChache_list::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.15)}
.selected-item{position:relative;border-bottom:1px solid #efefef;padding:10px 0;display:flex;align-items:center}
.item-clear{position:relative;width:20px;height:20px;background-color:transparent;cursor:pointer;outline:0;border:none}
.item-clear::after,.item-clear::before{content:"";display:block;position:absolute;width:70%;height:2px;background-color:#333;border-radius:2px;top:50%;margin-top:-1px}
.item-clear::before{transform:rotate(45deg);left:3px}
.item-clear::after{transform:rotate(-45deg);left:3px}
.item-content{flex:1;display:flex;align-items:center}
.item-img{width:50px;height:50px;background:#fff;border:1px solid #efefef;display:flex;align-items:center;justify-content:center}
.item-img img{max-width:100%;max-height:100%}
.item-c{width:calc(100% - 50px);padding:0 10px;font-size:12px}
.item-title{max-height:34px;word-break:break-word;display:block;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;color:var(--fontcolor)}
.item-price{color:var(--color)}
.compare-b{padding:20px 10px;display:flex;justify-content:space-between}
.compare-b *{display:block;width:80px;text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;border-radius:2px;padding:0 2px}
.clear-all{color:var(--fontcolor);background-color:#ededed;cursor:pointer;border:none}
.compare-inquire,.compare-inquire:hover{color:#fff;background-color:var(--color)}
.compare-b .orderNow{margin:0;background:#f66f08;color:#fff;line-height:30px;padding:0 2px;border:none;border-radius:2px;font-size:12px;cursor:pointer;display:block;width:80px}
.inquiry-prolist{margin:20px 0}
.inquiry-prolist .inquiry-pro-item{display:flex;align-items:center;box-shadow:1px 2px 10px rgba(0,0,0,.1);padding:20px}
.inquiry-prolist .inquiry-pro-item:nth-child(n+2){margin-top:20px}
.inquiry-prolist .inquiry-pro-item .pro-item-img{width:160px}
.inquiry-prolist .inquiry-pro-item .pro-item-img img{border:1px solid #eee}
.inquiry-prolist .inquiry-pro-item .pro-item-name{flex:1;padding:0 10px;color:#999}
.inquiry-prolist .inquiry-pro-item .pro-item-name a{color:var(--color);font-size:18px;font-weight:var(--fontbold5)}
.inquiry-prolist .inquiry-pro-item .pro-item-del{background:var(--color);margin-right:30px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;border-radius:4px;transition:all .2s linear}
.inquiry-prolist .inquiry-pro-item .pro-item-del:hover{box-shadow:1px 2px 10px var(--color)}
.mediaplay{text-align:center;width:70px;height:70px;line-height:70px;border:2px solid #fff;border-radius:50%;color:#fff;text-align:center;position:relative;transition:.5s;cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none;z-index:99}
.mediaplay em{font-size:36px}
.mediaplay:hover{color:var(--color);background:rgba(255,255,255,.7)}
.mediaplay .icon-videoplay{position:relative;background-color:rgba(0,0,0,0)}
.mediaplay::after{content:'';display:block;position:absolute;left:-2px;right:-2px;bottom:-2px;top:-2px;border-radius:50%;border:3px solid;opacity:.8;border-color:transparent;border-right-color:var(--color);animation:runDot 2s infinite ease-in-out}
@keyframes runDot{0%{transform:rotate(0)}
100%{transform:rotate(359deg)}
}