@import url('iconfont.css');
:root{--color:#3045d2;--hovercolor:#EAEBEC;--fontcolor:#000000;--headercolor:#FFFFFF;--footercolor:#4F4F4F;--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;--hometitlefont:36px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--borderradius:5px;--fontfamily:"Lato","Open Sans","Roboto","Poppins","Oswald","Noto Sans","Montserrat",arial,sans-serif}
.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}
.dr_buy_num{border:1px solid #ddd;width:90%; text-indent:5px;}
.payment-item-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #b4b4b4;border-radius:50%;font-size:20px;cursor:pointer;user-select:none;transition:background .2s linear,border .2s linear}.payment-item-close:hover{background:#fb8a35;color:#fff;border-color:#fb8a35}
@keyframes img_move{0%{transform:scale(1)}
50%{transform:scale(1.08)}
100%{transform:scale(1)}}

.rfixed{position:fixed;bottom:calc(100px + constant(safe-area-inset-bottom));bottom:calc(100px + env(safe-area-inset-bottom));right:50px;z-index:99}
.rfixed-sc{width:40px;height:40px;background:var(--color);border-radius:50%;text-align:center;line-height:50px;color:#FFFFFF;position:relative;margin-bottom:10px;cursor:pointer;display:none}
.rfixed-sc em{font-size:var(--fontsize20)}
.rfixed-sc:hover em{color:#F8DE04}
.rfixed-scnum{position:absolute;right:4px;top:4px;width:16px;height:16px;background:#d4322c;border-radius:50%;text-align:center;font-size:var(--fontsize12);color:#FFFFFF;transform:scale(.9);line-height:16px}
.banner-inner .banner-content{padding:10px 0px;z-index:1;position:relative;background:#FAFAFA}
.banner-inner .banner-content .l-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.banner-inner .banner-title-h1{font-size:var(--fontsize18);font-weight:var(--fontbold5);text-transform:capitalize}
.banner-inner .banner-breadcrumbs{font-size:var(--fontsize14);color:var(--introcolor)}
.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 0px}
.home-des-box{display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.home-des-into{width:40px;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:var(--fontsize18);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:flex;align-items:center}
.pageabout .pageabout-mod1 .left{width:50%;box-sizing:border-box;padding-right:40px}
.pageabout .pageabout-mod1 .left .home-des-box{justify-content:left}
.pageabout .pageabout-mod1 .left .home-title{text-align:left}
.pageabout .pageabout-mod1 .left .about-text{margin:20px 0px}
.pageabout .pageabout-mod1 .left .about-text p{color:var(--introcolor);font-size:var(--fontsize16)}
.pageabout .pageabout-mod1 .left .about-adv li{display:flex;align-items:center;margin:4px 0px;list-style:none;color:var(--fontcolor);font-size:var(--fontsize18)}
.pageabout .pageabout-mod1 .left .about-adv em{color:var(--color);font-size:var(--fontsize20);margin-right:8px;margin-top:4px}
.pageabout .pageabout-mod1 .right{width:50%}
.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:#FFFFFF}
.pageabout .pageabout-mod2 .service{width:98%;margin:0px 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 #FFFFFF;border-left:200px solid transparent;border-right:200px solid transparent;position:absolute;box-sizing:border-box;left:0px;bottom:0px}
.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:#FFFFFF;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:#FFFFFF;font-size:36px}
.pageabout .pageabout-mod2 .service .item-tit{text-align:center;font-size:var(--fontsize24);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:#FFFFFF;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 0px}
.pagehistory .pagehistory-swiper{position:relative;box-sizing:border-box;padding:50px 0px;margin-top:50px}
.pagehistory .pagehistory-swiper .axle-wire{width:1px;height:98%;background-color:#e8eaef;position:absolute;top:0px;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:var(--fontsize18);font-weight:var(--fontbold5);margin-bottom:10px}
.pagehistory .history-item .history-info .tit{font-size:var(--fontsize24);color:var(--fontcolor);text-transform:capitalize}
.pagehistory .history-item .history-info .text{margin-top:10px}
.pagehistory .history-item .history-info .text p{color:var(--introcolor);font-size:var(--fontsize18)}
.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:#FFFFFF}
.pagehistory .history-item:nth-child(even) .history-img{padding-left:40px;padding-right:0px}
.pagehistory .history-item:nth-child(even) .history-img .img{padding-right:0px;border-right:none;padding-left:20px;border-left:1px solid #dfe0e9}
.pagehistory .history-item:nth-child(even) .history-info{text-align:right;padding-left:0px;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:#FFFFFF}
.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:#FFFFFF}
.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:var(--fontsize24);line-height:1}
.pagehistory .pagehistory-next:hover,.pagehistory .pagehistory-prev:hover{background-color:var(--color);color:#FFFFFF}
.pagehistory .pagehistory-prev em{transform:rotate(180deg)}
.pagehistory .pagehistory-next{bottom:0px}
.pagehistory .pagehistory-prev{top:0px}
.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:#000000}
.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 0px 0px;box-sizing:border-box;padding:15px 0px;background-color:transparent;transition:all .2s ease}
.pagetaem .pageteam-list .pageteam-item .info .title{color:#FFFFFF;font-size:var(--fontsize22);font-weight:var(--fontbold5);text-align:center}
.pagetaem .pageteam-list .pageteam-item .info .p{font-size:var(--fontsize16);color:#FFFFFF;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 0px;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:0px 4px;color:#FFFFFF;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:0px 10px;padding-bottom:50px;overflow:hidden}
.page-certificate::after{content:"";position:absolute;height:40%;width:100%;background-color:var(--color);left:0px;bottom:0px}
.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:var(--fontsize24);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:0px;bottom:0px;display:inline-block;box-sizing:border-box;padding:20px;padding-right:30px;color:var(--fontcolor)}
.pageenvironment .left .info .title{position:relative;z-index:10;font-size:var(--fontsize24);font-weight:var(--fontbold5);line-height:1.4}
.pageenvironment .left .info .p{font-size:var(--fontsize16);position:relative;z-index:10}
.pageenvironment .left .info::after{content:"";position:absolute;left:0px;top:0px;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:0px}
.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:#FFFFFF;box-sizing:border-box;padding:16px;border-radius:0 0 5px 5px}
.pageequipment .item .info .title{font-size:var(--fontsize18);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:var(--fontsize16);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:calc(100% - 350px)}
.product-catelist{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}
.product-catelist .product-cateitem{width:49%;margin-bottom:2.3em;display:flex;overflow:hidden;box-sizing:border-box;background-color:#FFFFFF;border-radius:5px;box-shadow:0px 0px 20px 0px rgba(16,1,0,.1)}
.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:var(--fontsize20);color:var(--fontcolor);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:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.product-catelist .product-cateitem .cate-info .more{margin-top:20px;display:inline-flex;align-items:center;justify-content:center;width:130px;height:44px;position:relative;z-index:1;border-radius:5px;overflow:hidden;color:#FFFFFF;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:0px;top:0px;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:60px}
.prodetails-content article a,.newscontent-details article a {color:var(--color)}
.prodetails-content article a:hover,.newscontent-details article a:hover {text-decoration:underline}
.prodetails-content .prodetails-tabs{border-top:1px solid #EEEEEE;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:0px 15px;display:inline-flex;align-items:center;justify-content:center;color:#181818;cursor:pointer;font-size:var(--fontsize18);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:#FFFFFF}
.prodetails-content .tagContent{display:none}
.prodetails-content .tagContent.act{display:block}
.prodetails-content .prodetails-company-box{position:relative;margin:20px 0px}
.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:#FFFFFF;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:var(--fontcolor);font-size:var(--fontsize20);margin-bottom:20px}
.prodetails-template-title::before{content:'';width:15px;height:15px;border:5px solid var(--color);border-radius:50%;position:absolute;left:0px;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:#FFFFFF;margin-top:20px;transition:all .2s ease-in-out}
.prodetails1-list .item .item-tit{display:inline-flex;align-items:center;font-size:var(--fontsize18)}
.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:0px;bottom:0px;background-color:var(--color);text-align:center;font-size:var(--fontsize18);color:#FFFFFF}
.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:#FFFFFF;font-size:var(--fontsize18);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 0px 0px;overflow:hidden;width:100%}
.prodetails-top{display:flex}
.maylike{margin-top:50px}
.pro-detail-title{font-size:var(--fontsize24);color:var(--introcolor);margin-bottom:10px;position:relative;border-bottom:1px solid #dee1e6;box-sizing:border-box;padding-bottom:10px;padding-left:15px}
.pro-detail-title::before{content:"";position:absolute;top:8px;left:0px;height:24px;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:0px}
.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:var(--fontsize16);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,.prodetails-top .singglepic{width:460px}
.thumbnail-show{width:100%;height:460px;position:relative;border-radius:5px}
.thumbnail-show #media{width:100%;height:100%;background-color:#F3F3F3;z-index:99;position:relative}
.thumbnail-show .small-box{width:100%;border:1px solid #EEE;height:100%}
.thumbnail-show .small-box img{width:100%;height:100%;object-fit:contain}
.prodetails-top .singglepic{border:1px solid #EEEEEE}
.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:0px;right:0px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fontsize24);z-index:999;cursor:pointer}
.thumbnail-show .big-box{display:none;overflow:hidden;top:0px;left:100%;border:1px solid #EEE;position:absolute;width:100%;height:100%;background-color:#FFFFFF;z-index:20}
.thumbnail-show .big-box img{display:block;max-width:none;max-height:none;width:150%}
.thumbnail-show .big-box.act{display:none !important}
.thumbnail-box{position:relative;padding:0px 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 #EEEEEE;color:#EEEEEE}
.thumbnail-box .prodetails-button-next em,.thumbnail-box .prodetails-button-prev em{font-size:var(--fontsize24)}
.thumbnail-box .prodetails-button-next,.thumbnail-box .prodetails-button-prev{position:absolute;left:0px;top:0px;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:#FFFFFF;color:var(--color)}
.thumbnail-box .prodetails-button-next{left:auto;right:0px}
.thumbnail-box .banner-page{display:none}
.prodetails-info{flex:1;padding-left:30px}
.prodetails-info .prodetails-name{border-bottom:1px solid #DDDDDD;padding-bottom:20px;margin-bottom:10px;line-height:1.2;font-size:var(--fontsize26);font-weight:var(--fontbold6)}
.prodetails-info .prodetails-price{color:var(--fontcolor)}
.prodetails-info .prodetails-text{color:var(--fontcolor);padding-top:10px}
.prodetails-info .share-btn-list{margin:20px 0px}
.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:#FFFFFF}
.prodetails-info .prodetails-btnlist>:last-child{margin-right:0px}
.prodetails-info .prodetails-btnlist>*{width:180px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--borderradius);color:var(--fontcolor);background-color:#FFFFFF;cursor:pointer;text-transform:capitalize;transition:all .1s linear;margin-right:20px;margin-bottom:10px;border:1px solid var(--fontcolor);transition:all .2s ease}
.prodetails-info .prodetails-btnlist>:hover{background-color:var(--color);color:#FFFFFF;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:var(--fontsize18);color:var(--fontcolor);font-weight:var(--fontbold5);line-height:1.2;transition:all .2s ease;position:relative;z-index:1}
.newslist li .newslist-info .text{color:var(--introcolor);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:0px;top:0px;width:100%;height:100%;background-color:#FFFFFF;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:#FFFFFF;min-width:60px;height:60px;box-sizing:border-box;padding:6px;border-radius:5px 5px 0px 0px;top:-60px;left:0px;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:var(--fontsize20);font-weight:var(--fontbold5);line-height:1}
.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 #EEEEEE;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:0px}
.newslist.list0 li{width:100%;display:flex;align-items:center;border:1px solid #EEEEEE;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:var(--color);font-size:var(--fontsize14);margin:8px 0px}
.newslist.list0 li .more{background-color:var(--color);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:40px;line-height:1;position:relative;z-index:1;border-radius:var(--borderradius);margin-top:20px}
.newslist.list0 li .more::after{content:"";width:0%;height:100%;left:0px;top:0px;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:var(--fontsize26);font-weight:var(--fontbold6);color:var(--fontcolor);line-height:1.4}
.newscontent-date{display:flex;align-items:center;flex-wrap:wrap;margin:10px 0px 20px;font-size:var(--fontsize14)}
.newscontent-date em{color:var(--color)}
.newscontent-date p{margin-right:20px;color:var(--introcolor)}
.newscontent-date p em{margin-right:4px}
.newscontent-date:last-child{margin-right:0px}
.newscontent-date .newsendinquiry{cursor:pointer}
.prolist-bottom{clear:both;margin:0px auto 30px;padding:0px 70px;max-width:1700px;line-height:1.6;box-sizing:border-box}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
.pro-bottom{margin:0px auto;padding:0px}
.pro-bottom a{text-decoration:underline;text-transform:lowercase}
.pro-bottom a:hover,.pro-bottom a:active{color:var(--color)}
.productsTags a{color:var(--fontcolor);text-decoration:underline;text-transform:lowercase}
.productsTags a:hover{color:var(--color)}
.project-wrap{display:flex;flex-wrap:wrap}
.project-wrap li{width:23%;margin-right:2.6%;position:relative;border-radius:5px;margin-bottom:30px;overflow:hidden}
.project-wrap li .project-img{width:100%;overflow:hidden}
.project-wrap li .project-img img{width:100%;transition:all .2s ease}
.project-wrap li .project-info{position:absolute;left:0px;top:0px;width:100%;height:100%}
.project-wrap li .project-info .more{width:38px;height:38px;border-radius:50%;background-color:#FFFFFF;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 li .project-info>a{position:absolute;bottom:0px;left:0px;z-index:10;padding:10px;width:100%;box-sizing:border-box;background-color:rgba(24,24,24,.8);transition:all .2s ease}
.project-wrap li .project-info>a .project-name{font-size:var(--fontsize18);color:#FFFFFF;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 li .project-info>a .project-content{color:#FFFFFF;margin-top:5px;font-size:var(--fontsize16);display:none;transition:all .2s ease;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.project-wrap li:hover .project-img img{transform:scale(1.05)}
.project-wrap li:hover .project-info .more{top:20px}
.project-wrap li:hover .project-info>a .project-name{padding:0px;text-align:left}
.project-wrap li:hover .project-info>a .project-content{display:-webkit-box}
.project-wrap li:nth-child(4n){margin-right:0px}
.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:#FFFFFF}
.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:#FFFFFF;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:var(--fontcolor);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:#FFFFFF;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:var(--fontsize24);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:var(--fontsize20);font-weight:var(--fontbold5)}
.page-solutions .solution-item .serial-num::after{content:"";border-radius:0 5px 5px 0px;position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:0;background-color:#FFFFFF;border-left:1px solid var(--color);transition:all .3s linear}
.page-solutions .solution-item .solution-text{box-sizing:border-box;padding:10px 20px 0px 20px}
.page-solutions .solution-item .solution-text li{display:flex;margin:10px 0px}
.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:0px;top:0px;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:#FFFFFF;border:5px;display:inline-flex;align-items:center;justify-content:center;margin-top:10px;margin-bottom:20px;margin-left:20px;border-radius:5px;color:var(--fontcolor)}
.page-solutions .solution-item:hover{background-color:var(--color);color:#FFFFFF}
.page-solutions .solution-item:hover .solution-icon{background-color:#FFFFFF;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:#FFFFFF}
.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:0px 20px}
.download-list li .download-btn{background-color:var(--color);color:#FFFFFF;width:140px;height:36px;border-radius:var(--borderradius);display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0px 10px}
.download-list li .download-btn::after{content:"";width:0%;height:100%;left:0px;top:0px;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:60%}
.contact-box .inquiry-wrap{margin-top:40px}
.contact-box .contact-list{width:35%;background-color:#FAFAFA;background-size:cover;box-sizing:border-box;padding:30px;border-radius:var(--borderradius);overflow:hidden;border:1px solid #dcdcdc24}
.contact-box .contact-list .title{display:flex;align-items:center;color:var(--fontcolor);font-size:var(--fontsize24);font-weight:var(--fontbold5)}
.contact-box .contact-list .title span{display:inline-block;width:70px;height:2px;margin-right:10px;background-color:#000000;border-radius:2px}
.contact-box .contact-list .contact-item{display:flex;align-items:center;box-sizing:border-box;padding:20px 0px;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:#FFFFFF;font-size:var(--fontsize30);position:relative;z-index:1}
.contact-box .contact-list .contact-item .contact-info{flex:1;box-sizing:border-box;padding:0px 20px;color:var(--fontcolor)}
.contact-box .contact-list .contact-item .contact-info .contact-item-title{font-size:var(--fontsize20);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)}
.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:#FFFFFF;outline:0;border:none;box-sizing:border-box;padding:0px 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:#FFFFFF;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:15px;margin-bottom:20px;border-radius:var(--borderradius);width:100%}
.sidebar-item ul{list-style:none}
.sidebar-item.category .menu-item{background-color:#FFFFFF;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:0px}
.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:#FFFFFF}
.sidebar-item.category .menu-item.active .icon-arrow-down{color:var(--color);transform:rotate(0);background-color:#FFFFFF}
.sidebar-item.category .menu-item.active:hover{color:#FFFFFF}
.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 0px}
.sidebar-item.category .menu-item>a{box-sizing:border-box;padding-right:30px; font-size:16px; display:block}
.sidebar-title{font-size:24px;color:#333;margin-bottom:15px;position:relative;border-bottom:1px solid #dee1e6; font-weight:300;box-sizing:border-box;padding-bottom:10px}
.sidebar-item.inquiry .sidebar-title{margin-bottom:10px}
.sidebar-title::before{content:"";position:absolute;top:8px;left:-15px;height:24px;border-left:2px solid #3045d2}
.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:0px}
.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:0px}
.bigtext{padding:14px !important; font-size:18px !important;}
.pro-list{display:flex;flex-wrap:wrap;list-style:none;padding:0px}
.pro-list li{margin-bottom:40px;overflow:hidden;position:relative;border-radius:var(--borderradius);background-color:#FDFDFD;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:#ab4813;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:#ab4813;border:0px;color:#FFFFFF}
.pro-list li .pro-img>a{display:block;width:100%;max-height:360px}
.pro-list li .pro-info{flex:1;overflow:hidden;border-bottom-left-radius:var(--borderradius);border-bottom-right-radius:var(--borderradius);padding:20px 15px}
.pro-list li .pro-info .text{color:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:10px}
.pro-list li .pro-info .title{font-size:var(--fontsize16);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{padding:20px 0 0 0; display:block; text-align:center;color: var(--color);font-weight: var(--fontbold6);font-size: var(--fontsize16);}
.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.list0 li .pro-info .title{font-weight:var(--fontbold6)}
.pro-list.list1 li{width:31%;margin-right:3.5%;border:1px solid #EEEEEE}
.pro-list.list1 li:nth-child(3n){margin-right:0px}
.pro-list.list1 li .pro-img{width:100%}
.pro-list.list1 li .pro-info{border-top:1px solid #EEEEEE}
.pro-list.list1 li .pro-info .more {position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);}
.pro-list.list1 li .more{background: var(--color);width:100%;width:100%;display:flex;align-items:center;color:var(--introcolor);box-sizing:border-box;font-size:var(--fontsize16);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:#FDFDFD;border:1px solid #EEEEEE}
.pro-list.list0 li .pro-img{width:350px;border-right:1px solid #EEEEEE}
.pro-list.list0 li .pro-info{box-sizing:border-box;padding:20px 5%}
.pro-list.list0 li .pro-info .pro-text{padding:0px}
.pro-list.list0 li .more{background-color:var(--color);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:40px;position:relative;z-index:1;border-radius:var(--borderradius);margin-top:20px}
.pro-list.list0 li .more::after{content:"";width:0%;height:100%;left:0px;top:0px;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:var(--fontsize14);color:var(--color);display:inline-block;margin-top:4px}
.sidebar-date em{font-size:var(--fontsize12)}
.pro-cate-title{font-size:var(--fontsize26);font-weight:var(--fontbold6);color:var(--color);line-height:1;margin-bottom:20px}
.common-page{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0px 30px}
.common-page a,.common-page span{min-width:45px;height:45px;background:#FFFFFF;border:1px solid #999;display:inline-flex;align-items:center;justify-content:center;margin:0px 7px;padding:0px 10px;font-size:var(--fontsize18);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:0px 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:#FFFFFF;font-weight:var(--fontbold5)}
.common-page p a,.common-page p span{height:100%;display:inline-flex;align-items:center;justify-content:center;padding:0px 20px;transition:all .1s linear}
.newscontent-details article{margin-bottom:30px}
.pagelink{width:100%;margin-top:50px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
.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:#FFFFFF;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:0px 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}
.inquiry-pc .inquiry-title{font-size:var(--fontsize24)}
.compare-panel{width:280px;background:#FFFFFF;position:fixed;z-index:1000;bottom:0px;right:0px;box-shadow:-1px -1px 3px #CCCCCC;display:none;transition:bottom .2s}
.compare-t{background-color:var(--color);font-size:var(--fontsize14);color:#FFFFFF;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:#FFFFFF;position:absolute;top:50%;border-radius:2px}
.compare-close::before{transform:rotate(45deg);left:4px}
.compare-close::after{transform:rotate(-45deg);right:4px}
.compare-tit{text-align:center;flex:1;line-height:1.5}
.compare-checked{color:#FFFFFF;margin:0px 4px}
#productChache_list{padding:0px 10px;height:220px;overflow-y:auto}
#productChache_list::-webkit-scrollbar{width:4px}
#productChache_list::-webkit-scrollbar-track{border-radius:0;background-color:rgba(0,0,0,.05)}
#productChache_list::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.15)}
.selected-item{position:relative;border-bottom:1px solid #EFEFEF;padding:10px 0px;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:#333333;border-radius:2px;top:50%;margin-top:-1px}
.item-clear::before{transform:rotate(45deg);left:3px}
.item-clear::after{transform:rotate(-45deg);left:3px}
.item-content{flex:1;display:flex;align-items:center}
.item-img{width:50px;height:50px;background:#FFFFFF;border:1px solid #EFEFEF;display:flex;align-items:center;justify-content:center}
.item-img img{max-width:100%;max-height:100%}
.item-c{width:calc(100% - 50px);padding:0px 10px;font-size:var(--fontsize12)}
.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:var(--fontsize12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;border-radius:2px;padding:0px 2px}
.clear-all{color:var(--fontcolor);background-color:#ededed;cursor:pointer;border:none}
.compare-inquire,.compare-inquire:hover{color:#FFFFFF;background-color:var(--color)}
.compare-b .orderNow{margin:0px;background:#f66f08;color:#FFFFFF;line-height:30px;padding:0px 2px;border:none;border-radius:2px;font-size:var(--fontsize12);cursor:pointer;display:block;width:80px}
.inquiry-prolist{margin:20px 0px}
.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:100px}
.inquiry-prolist .inquiry-pro-item .pro-item-img img{border:1px solid #EEEEEE}
.inquiry-prolist .inquiry-pro-item .pro-item-name{flex:1;padding:0px 10px;color:var(--introcolor)}
.inquiry-prolist .inquiry-pro-item .pro-item-name a{color:var(--color);font-size:var(--fontsize16);font-weight:var(--fontbold5)}
.inquiry-prolist .inquiry-pro-item .pro-item-del{background:var(--color);width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#FFFFFF;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 #FFFFFF;border-radius:50%;color:#FFFFFF;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)}}
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}
.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 20px;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:.5rem}
.ck-widget-toc-title{text-align:left;font-weight:var(--fontbold7);margin:0px;margin-bottom:5px;padding:0px;padding-left: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 20px;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:.5rem}
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}
.newscontent-details ul{margin:0px;padding:5px 0px 0px 20px}
.newscontent-details ul li{margin:0px 0px 5px 0px;list-style-type:disc}
.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:#F3F3F3;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,500);line-height:1.2}
.pagesbanner .pagesbanner-animate .p2{margin-top:20px;font-size:var(--fontsize18);font-weight:var(--fontbold4,400)}
@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)}}
#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}
.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%}
.email-subscription input{width:100%;outline:0;border:1px solid #CCCCCC;height:40px;border-radius:0;padding:0 10px;transition:all .1s linear}
.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}