@charset "utf-8";.inner-banner{width:100%;position:relative}.inner-banner > img{width:100%;min-height:250px;object-fit:cover}.inner-banner .inner-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;text-align:center;color:#FFF}.inner-banner .inner-content .inner-title{font-weight:bold;font-size:30px;text-transform:uppercase}.inner-banner .inner-content .inner-des{font-size:14px;line-height:48px;position:relative;display:flex;align-items:center;justify-content:center;text-transform:uppercase;margin-top:10px}.inner-banner .inner-content .inner-des span{padding:0 20px;opacity:0.5;line-height:24px}.inner-banner .inner-content .inner-des em{content:"";width:110px;height:1px;background:#FFFFFF;opacity:0.2}.page-breadcrumbs{display:flex;align-items:center;justify-content:center;height:45px;background:#FCFCFC;color:#000}.page-breadcrumbs span{color:var(--color);text-transform:capitalize}.page-breadcrumbs a,.page-breadcrumbs span{padding:0 5px}.page-main{padding:1% 0}.page-main .container{max-width:1500px}.page-main .page-title{font-size:24px;font-weight:500;color:#000;text-transform:uppercase;position:relative;padding-bottom:10px}.page-main .page-title::after{content:"";position:absolute;left:0px;bottom:0;width:35px;height:2px;background:var(--darkcolor);border-radius:1px}.page-main .page-des{font-size:14px;font-weight:400;color:#999999}.page-main .page-line{width:35px;height:2px;background:var(--darkcolor);border-radius:1px;margin:30px 0}article{color:#111}article p{margin:1em 0;line-height:30px}article table{margin:1em 0;border-collapse:collapse}article table td,article table th{border:1px solid #d4d4d4;padding:10px 15px}article ul,article ol{padding-left:30px}.page-about{background:#EDEFF4}.page-about .pageabout-title{color:#000;font-size:24px;text-transform:uppercase;font-weight:bold}.page-about .pageabout-des{font-size:16px;color:#131313}.page-about .pageabout-line{width:34px;height:2px;background:#636363;border-radius:1px;margin:30px 0}.page-about .pageabout-flex{display:flex;align-items:center;flex-wrap:wrap}.page-about .pageabout-flex .flex-left{width:55%}.page-about .pageabout-flex .flex-right{flex:1;padding-left:40px}.page-about .pageabout-flex .flex-right p{margin:0px}.page-about .pageabout-flex .flex-right img{width:100%}.page-about .pageabout-num{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;list-style:none;margin-bottom:60px;padding-right:60px;padding-left:0px}.page-about .pageabout-num li{line-height:24px}.page-about .pageabout-num li span{font-size:16px;padding-left:4px;opacity:0.5;color:#262626;text-transform:uppercase}.page-about .pageabout-num li p{font-size:50px;font-weight:bold;color:#131313;margin:0px;margin-top:20px;position:relative}.page-about .pageabout-num li p sup{position:absolute;right:-40px;top:-30px}.pagecontact-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:40px;padding:0px;margin-top:30px}.pagecontact-list li{width:30%;border:1px solid #D2D2D2;padding:30px 50px;display:flex;align-items:center;justify-content:space-between;transition:all 0.2s linear}.pagecontact-list li:hover{border-color:var(--color)}.pagecontact-list li:hover .pagecontact-icon{transform:rotateY(180deg)}.pagecontact-list li .title{font-size:18px;font-weight:bold;color:#000;margin-bottom:1em;display:block}.pagecontact-list li p,.pagecontact-list li a{margin:0px;font-size:16px;color:#555;line-height:1.6}.pagecontact-list li .pagecontact-icon{transition:all 0.4s linear}.pagecontact-list li .pagecontact-icon em{color:var(--darkcolor);font-size:30px;font-weight:bold}.feedback{display:flex;flex-wrap:wrap;justify-content:space-between;margin:30px 0 20px}.feedback input,.feedback textarea{background:#F3F3F4;border:1px solid transparent;outline:none;margin-bottom:1em;transition:all 0.1s linear;color:#000}.feedback input.err,.feedback textarea.err{border-color:#f00}.feedback input::placeholder,.feedback textarea::placeholder{color:#000}.feedback input:focus,.feedback textarea:focus{border-color:var(--color)}.feedback input{width:49%;height:60px;padding:0 20px}.feedback textarea{width:100%;height:300px;font-family:inherit;padding:20px;resize:none}.feedback .sendbtn{width:100%;display:flex;justify-content:center;padding-right:20px}.feedback .sendnow{font-size:14px;position:relative;color:#111;z-index:1;height:40px;display:flex;align-items:center;padding-left:20px;transition:all 0.2s linear;cursor:pointer}.feedback .sendnow:hover em{width:110px;border-radius:0;border:none;background:var(--color)}.feedback .sendnow:hover span{background:none;color:#FFF}.feedback .sendnow em{position:absolute;left:0px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--color);z-index:-1;transition:all 0.2s linear}.feedback .sendnow span{background:#FFF}.procate-item{position:relative;border-bottom:1px solid #DCDCDC;padding-bottom:2%;margin-bottom:2%}.page-more{position:absolute;right:20px;top:10px}.page-more > a{font-size:14px;position:relative;color:#111;z-index:1;height:40px;display:inline-flex;align-items:center;padding-left:20px;transition:all 0.2s linear;cursor:pointer}.page-more > a:hover em{width:110px;border-radius:0;background:var(--color)}.page-more > a:hover span{background:none;color:#FFF}.page-more > a em{position:absolute;left:0px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--color);z-index:-1;transition:all 0.2s linear}.page-more > a span{background:#FFF}.prolist{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;margin-top:2%}.prolist li{width:24%;display:block;border-radius:5px;border:1px solid #D2D2D2;transition:all 0.2s linear;position:relative;overflow:hidden}.prolist li:hover .img img{transform:scale(1.05)}.prolist li:hover .title{color:#FFF}.prolist li:hover .title::before{width:100%}.prolist li .img{display:block;width:100%;height:100%;overflow:hidden}.prolist li .img img{width:100%;height:100%;object-fit:cover;transition:all 0.1s linear}.prolist li .info{position:absolute;bottom:0;left:0px;width:100%;background:#FFF;display:flex;height:50px}.prolist li .btn{width:50px;height:100%;background:var(--color);color:#FFF;display:flex;align-items:center;justify-content:center}.prolist li .btn em{font-size:22px}.prolist li .title{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;padding:0 20px;height:100%;line-height:50px;position:relative;z-index:1;transition:all 0.2s linear}.prolist li .title::before{content:"";position:absolute;left:0px;top:0px;width:0;height:100%;background:var(--color);transition:all 0.2s linear;z-index:-1}.pro-list{display:flex;flex-wrap:wrap;list-style:none;margin-top:30px}.pro-list li{position:relative;overflow:hidden;margin-bottom:2em}.pro-list.prolist0 li{display:block;width:32%;border-radius:5px;border:1px solid #D2D2D2;transition:all 0.2s linear;margin-right:2%}.pro-list.prolist0 li:nth-child(3n){margin-right:0px}.pro-list.prolist0 li:hover .img img{transform:scale(1.05)}.pro-list.prolist0 li:hover .title{color:#FFF}.pro-list.prolist0 li:hover .title::before{width:100%}.pro-list.prolist0 li .img{display:block;width:100%;height:100%;overflow:hidden}.pro-list.prolist0 li .img img{width:100%;height:100%;object-fit:cover;transition:all 0.1s linear}.pro-list.prolist0 li .info{position:absolute;bottom:0;left:0px;width:100%;background:#FFF;display:flex;height:50px}.pro-list.prolist0 li .btn{width:50px;height:100%;background:var(--color);color:#FFF;display:flex;align-items:center;justify-content:center}.pro-list.prolist0 li .btn em{font-size:22px}.pro-list.prolist0 li .title{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;padding:0 20px;height:100%;line-height:50px;position:relative;z-index:1;transition:all 0.2s linear}.pro-list.prolist0 li .title::before{content:"";position:absolute;left:0px;top:0px;width:0;height:100%;background:var(--color);transition:all 0.2s linear;z-index:-1}.pro-list.prolist0 li .text,.pro-list.prolist0 li .page-more{display:none}.pro-list.prolist1 li{width:100%;display:flex}.pro-list.prolist1 li:hover .img img{transform:scale(1.05)}.pro-list.prolist1 li:hover .info .title{color:var(--color)}.pro-list.prolist1 li .img{width:300px;height:300px;overflow:hidden;border:1px solid #D2D2D2}.pro-list.prolist1 li .img img{width:100%;height:100%;transition:all 0.1s linear}.pro-list.prolist1 li .btn{width:50px;height:50px;background:var(--color);color:#FFF;display:flex;align-items:center;justify-content:center;position:absolute;left:0px;bottom:0px}.pro-list.prolist1 li .btn em{font-size:22px}.pro-list.prolist1 li .info{position:static;flex:1;padding:30px 30px 30px 20px;margin-left:30px;border-bottom:1px solid #D2D2D2}.pro-list.prolist1 li .info .title{font-size:18px;font-weight:bold;color:#000}.pro-list.prolist1 li .info .text{margin-top:3%;font-size:16px;color:#555;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pro-list.prolist1 li .info .page-more{margin-top:5%;position:static}.page-flex .container{display:flex;justify-content:space-between}.page-paging{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:5% 0px}.page-paging a,.page-paging span{color:#555;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 10px}.page-paging a em,.page-paging span em{font-size:20px}.page-paging a:hover,.page-paging a.act,.page-paging span:hover,.page-paging span.act{border:1px solid var(--color);position:relative}.page-paging a:hover::after,.page-paging a.act::after,.page-paging span:hover::after,.page-paging span.act::after{content:"";position:absolute;right:-5px;top:0px;width:7px;height:100%;background:#FFF;z-index:1}.page-content{flex:1;padding-right:30px;width:100%}.page-aside{width:300px}.aside-category{background:#EEE;border-radius:1px;margin-top:30px}.aside-category > ul{padding-bottom:20px}.aside-category > ul > li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative;transition:all 0.1s linear}.aside-category > ul > li:hover{background:#e0e0e0}.aside-category > ul > li.act{background:var(--color)}.aside-category > ul > li.act > a{color:#FFF}.aside-category > ul > li.act .swtich::before,.aside-category > ul > li.act .swtich::after{background:#FFF}.aside-category > ul > li > a{width:100%;height:45px;line-height:45px;display:inline-flex;align-items:center;padding-left:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.aside-category > ul > li > a.act{background:var(--color);color:#FFF}.aside-category > ul > li .swtich{position:absolute;top:0px;right:0;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer}.aside-category > ul > li .swtich::before,.aside-category > ul > li .swtich::after{content:"";width:12px;height:2px;background:#666;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.aside-category > ul > li .swtich::after{width:2px;height:12px}.aside-category > ul > li .submenu{background:#F7F7F9;width:100%;display:none}.aside-category > ul > li .submenu li{display:flex;justify-content:space-between;align-items:center}.aside-category > ul > li .submenu li a{flex:1;height:45px;line-height:45px;display:inline-flex;align-items:center;justify-content:space-between;padding-left:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.aside-category > ul > li .submenu li em{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;float:right}.preview-top{display:flex;justify-content:space-between;width:100%;margin-top:30px}.preview-container{position:relative;width:460px}.preview-container .small-box{width:100%;background:#FFF;border:1px solid #DFDFDF;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.preview-container .small-box img{width:100%;height:100%;object-fit:cover}.preview-info{flex:1;padding-left:20px;padding-top:20px;display:flex;flex-direction:column;justify-content:space-between}.preview-info .prodetails-title{font-size:24px;font-weight:bold;color:#000;line-height:35px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #EEE}.preview-info .prodetails-text{font-size:16px;color:#555;line-height:28px}.preview-info .prodetails-btn{display:flex;flex-wrap:wrap;margin-top:40px}.preview-info .prodetails-btn a{width:180px;height:45px;border:1px solid var(--color);display:flex;justify-content:center;align-items:center;color:#000;margin-right:20px;transition:all 0.1s linear}.preview-info .prodetails-btn a:hover{background:var(--color);color:#FFF}.prodetails-content{margin-top:40px;border-bottom:1px solid #E5E5E5}.prodetails-description{text-transform:uppercase;font-size:24px;font-weight:bold;color:#1C1C1C}.pagelink{margin:2em 0;display:flex;align-items:center;justify-content:space-between}.pagelink .backlist a{display:flex;align-items:center}.pagelink .backlist a em{margin-right:5px;color:var(--darkcolor);font-size:22px;font-weight:bold}.pagelink .pagelink-item.next{margin-right:10px}.pagelink .pagelink-item a{font-size:14px;position:relative;color:#111;z-index:1;height:40px;display:inline-flex;align-items:center;padding-left:20px;transition:all 0.2s linear;cursor:pointer}.pagelink .pagelink-item a:hover em{border-width:2px}.pagelink .pagelink-item a:hover span{color:var(--color)}.pagelink .pagelink-item a em{position:absolute;left:0px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--color);z-index:-1}.pagelink .pagelink-item a span{background:#FFF}.recommend-products .prolist li{width:32%}.recommend-products .prolist li:nth-child(n+4){display:none}.send-inquiry{padding-top:80px;margin-top:-20px}.newslist{display:flex;flex-wrap:wrap;list-style:none;padding:0px;margin-top:30px}.newslist li{margin-bottom:2em}.newslist li{width:23%;margin-right:2%}.newslist li:nth-child(4n){margin-right:0px}.newslist li .newslist-img{display:none}.newslist li .newslist-info{flex:1;width:100%;height:100%;background:#F8F8F9;padding:40px 30px;color:#000;display:flex;flex-direction:column;justify-content:space-between;transition:all 0.1s linear}.newslist li .newslist-info .content .date{font-size:14px}.newslist li .newslist-info .content .date span{font-weight:300}.newslist li .newslist-info .content .title{margin:10px 0px;font-size:18px;line-height:25px}.newslist li .newslist-info .more{margin-top:30px;display:flex;align-items:center;font-weight:300}.newslist li .newslist-info .more em{flex:1;margin-left:20px;height:1px;background:#A0A0A0}.newslist.list0 li .newslist-info:hover{background:var(--color);color:#FFF}.newslist.list1 li{width:100%;display:flex;margin-right:0px}.newslist.list1 li:hover .newslist-img img{transform:scale(1.05)}.newslist.list1 li:hover .newslist-info .title{color:var(--color)}.newslist.list1 li .newslist-img{display:block;width:400px;overflow:hidden}.newslist.list1 li .newslist-img img{width:100%;opacity:1}.newslist.list1 li .newslist-info{padding:30px 5%}.newslist.list1 li .newslist-info .title{font-size:18px}.newslist.list1 li .newslist-info .more em{flex:none;width:170px}.newsdetails-title{font-size:24px;font-weight:bold;margin-top:20px}.newsdetails-date{margin-bottom:20px}.newsdetails-content{margin-top:40px;border-bottom:1px solid #E5E5E5;padding-bottom:30px}.news-flex{display:flex;flex-wrap:wrap;justify-content:space-between}.news-flex .flex-item{width:48%}.news-flex .flex-item img{width:100%}@media (max-width:1280px){.page-main .page-title{font-size:26px}.page-more{top:30px}.pro-list.prolist1 li .img{width:260px;height:260px}.pro-list.prolist1 li .info{margin-left:20px;padding-left:10px}.preview-container{width:400px}.newsdetails-title{font-size:24px}}@media (max-width:1024px){.page-main .page-title{font-size:22px}.page-more{top:12px}.page-about .pageabout-flex{flex-direction:column;align-items:flex-start}.page-about .pageabout-flex .flex-left{width:100%}.page-about .pageabout-flex .flex-right{padding-left:0px}.page-about .pageabout-num li p{font-size:38px}.page-about .pageabout-num li p sup{right:-26px}.prolist li{width:49%}.prolist li:nth-child(n+3){margin-top:1em}.page-content{padding-right:0px}.page-aside{display:none}.padding120{padding-right:120px}.newsdetails-title{font-size:20px;line-height:24px;margin-bottom:20px}.newsdetails-date{margin-bottom:0px}}@media (max-width:768px){.page-main{padding:30px 0px}.page-main .page-title{font-size:20px}.page-about .pageabout-title{font-size:24px}.page-about .pageabout-num{padding-left:0px;padding-right:20px;margin-bottom:20px}.page-about .pageabout-num li span{font-size:14px}.page-about .pageabout-num li p{font-size:32px}.page-about .pageabout-num li p sup{right:-18px;top:-20px}.page-breadcrumbs{height:40px;font-size:9pt}.prolist li .info{height:40px}.prolist li .btn{width:40px}.prolist li .title{line-height:40px;padding:0px 10px;font-size:12px;display:grid;align-items:center;line-height:18px;-webkit-line-clamp:2;background:#EEE}.pro-list.prolist0{justify-content:space-between}.pro-list.prolist0 li{width:49%;margin-right:0px !important}.pro-list.prolist0 li .info{height:40px}.pro-list.prolist0 li .btn{width:40px}.pro-list.prolist0 li .title{padding:0px 10px;line-height:40px;display:grid;align-items:center;font-size:12px;line-height:18px}.pro-list.prolist1 li .btn{width:40px;height:40px}.pro-list.prolist1 li .img{width:170px;height:170px}.pro-list.prolist1 li .info{margin-left:0px;padding:0 15px}.pro-list.prolist1 li .info .title{font-size:18px}.pro-list.prolist1 li .info .text{margin-top:5px}.pro-list.prolist1 li .info .page-more{margin-top:10px}.preview-top{flex-direction:column}.preview-top .preview-container{width:auto;max-width:100%}.preview-top .preview-info{padding-left:0px}.preview-top .preview-info .prodetails-title{font-size:20px;line-height:24px;margin-bottom:20px}.preview-top .preview-info .prodetails-btn{margin-top:30px}.prodetails-description{font-size:20px}.recommend-products .prolist li{width:49%;display:block !important}.feedback input{width:100%;height:50px}.feedback textarea{height:230px}.pagelink{margin-bottom:3em}.newslist{justify-content:space-between}.newslist li{width:49%;margin-right:0;margin-bottom:1em}.newslist li .newslist-info{padding:20px 10px}.newslist li .newslist-info .content .title{margin:10px 0px}.newslist li .newslist-info .more{margin-top:20px}.newslist.list1 li{flex-wrap:wrap}.newslist.list1 li .newslist-img{width:100%}.newslist.list1 li .newslist-info{height:auto}.newslist.list1 li .newslist-info .title{font-size:16px;line-height:24px}.pagecontact-list li{width:100%;margin-bottom:1em;padding:20px}.pagecontact-list li .title{margin-bottom:10px}}@media (max-width:500px){.pro-list.prolist1 li{flex-wrap:wrap}.pro-list.prolist1 li .img{width:100%;height:auto}.pro-list.prolist1 li .info{padding:20px 0;position:relative}.pro-list.prolist1 li .btn{bottom:100%}.news-flex .flex-item{width:100%}.newslist li{width:100%}}.prodetails-content table td{padding:4px 10px;border:1px solid #999}@media(max-width:768px){.page-breadcrumbs{flex-wrap:wrap;justify-content:flex-start;padding:0px 10px}}.table-wrap{width:100%;overflow-x:auto}.prodetails-content h5{font-size:22px;color:var(--darkcolor);margin-bottom:10px}.prodetails-content table, .prodetails-content p, .prodetails-content ul{margin-bottom:10px}@media(max-width:768px){.page-products-details .page-title{display:none}.preview-top{margin-top:0px}}.prodetails-content table{width:100%;border-collapse:collapse}@media(max-width:768px){.prodetails-content table td{white-space:nowrap}}.prodetails-content ul,.prodetails-content ol{padding-left:20px}.privacy-policy h5{font-size:22px}