@charset "utf-8";
body {max-width: 1920px;margin: 0 auto;overflow: hidden;}
.headtop{position:relative;padding:0px 20%;height:49px;background:#f4f3f3;border-bottom:3px solid #000}
.headtop:after,.hecact:after,.hescroll:after,.search:after{content:'';display:block;height:0px;clear:both;visibility:hidden}
.hecact{position:absolute;left:166px;top:0px}
.hecact li{z-index:9999;margin-right:12px;cursor:pointer;float:left;line-height:46px;position:relative}
.hecact li .fa,.hecact li .iconfont{color:#7a7a7a;font-size:18px}
.hecact li.hecadd .fa,.hecact li.hecadd .iconfont{font-size:20px}
.hcwor{position:absolute;background:#F2F2F2;padding:10px 14px;line-height:22px;border-radius:3px;top:100%;left:-10px;display:none;white-space:nowrap}
.hcwor a:hover{color:var(--color)}
.hecact li:first-child .hcwor{white-space:nowrap}
.hecact li:hover .hcwor{display:block}
.head-share{width:25%}
.hescroll{overflow: hidden;position: relative;display: flex;justify-content: center;align-items: center;width: 50%;}
.head-contact{width: 25%;justify-content: end;}
.topwor{width:100%;overflow:hidden;margin: 0 45px;}
.hesnext,.hesprev{cursor:pointer;display:block;position:absolute;top:8px;width:30px;height:20px;line-height:1;text-align:center}
.hesnext i,.hesprev i{color:#000}
.hesprev{left:0px}
.hesnext{right:0px}
.hesnext:hover,.hesprev:hover{color:var(--color)}
.heslist li{font-size:15px;text-align:center;padding:0px 25px;float:left;line-height:46px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
@media (min-width:1024px){.head-main{height:auto}
.head-main .l-wrap{flex-wrap:wrap;justify-content:center}
.head-menu-box nav>ul{justify-content:center}
.head-menu-box nav>ul>li{padding:0 22px;line-height:75px;display:inline-block;font-family:popmed;font-size:18px;text-transform:uppercase}
.head-menu-box nav>ul>li ul a{line-height:36px}
.head.is-fixed .head-main{height:auto}}
.home-more{display: block;width: 160px;font-size: 13px;border: 1px solid var(--color);text-align: center;color: var(--color);padding: 8px 0px;text-transform: uppercase;transition: all .2s ease-in-out;}
.highpro{background:#fff;max-width: 1600px;margin: 0 auto;}
.highpro-l,.highpro-r{width:50%}
.highpro-l img{display:block;width:100%;height:100%;object-fit: cover;}
.highpro-r{background:#fff;padding:4% 5%;color:#FFF}
.highpro-r .home-title{color: #000;font-weight: var(--fontbold6);font-size: 26px;text-align: inherit;}
.highpro-text{font-size:16px;color:#000;line-height:1.7;margin:10px 0px 30px}
.highpro-authentication{display:flex;flex-wrap:wrap}
.highpro-authentication li{width:50%;position:relative;padding-left:20px;font-size:16px;color:#000;margin-bottom:15px}
.highpro-authentication li::before{content:'';display:block;width:8px;height:8px;background:var(--color);border-radius:50%;position:absolute;left:0px;top:8px}
.highpro-step{display:flex;justify-content:space-between;margin-bottom:5%}
.highpro-r-box::before{content:'';width:88%;height:1px;background:#434343;left:6%;top:20px;position:absolute}
.highpro-step li{position:relative;cursor:pointer;text-align:center;}
.highpro-step-num{width:40px;height:40px;background:#252525;border:1px solid #626262;border-radius:50%;text-align:center;line-height:40px;font-size:18px;color:#fff;margin:0px auto 18px}
.highpro-step-title{font-size:18px;color:#000}
.highpro-step-act .highpro-step-title{color:var(--color)}
.highpro-step-act .highpro-step-num{background:var(--color);border-color:var(--color)}
.highpro-l .swiper-pagination{bottom:20px}
.hotproduct{padding:4% 0px}
.hotproduct-l{width:23%;padding-right:3%}
.hotproduct-r{width:77%;position:relative;overflow:hidden}
.hotpro-list{display:flex;flex-wrap:wrap;transition:transform .8s ease-in-out,opacity .2s ease-in-out;transform:scale(0);position:absolute;top:0px;left:0px;opacity:0}
.hotpro-list-act{transform:scale(1);position:static;opacity:1}
.hotpro-list li{width:calc(33% - 8px);margin:0px 16px 16px 0px}
.hotpro-list li>a{display:block;overflow:hidden;position:relative}
.hotpro-box{position:absolute;bottom:-60px;background:rgba(42,42,42,.85);color:#FFF;padding:8px 15px;width:100%;display:flex;justify-content:space-between;left:0px;align-items:center;transition:all .2s ease-in-out}
.hotpro-img{border:1px solid #EEE;overflow:hidden;text-align:center}
.hotpro-img img{width: 100%;display: block;object-fit: cover;}
.hotpro-title{font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:50px}
.hotpro-box i,.hotpro-box em{font-size:24px}
.hotpro-list li:nth-child(3n){margin-right:0px}
.hotpro-list li:nth-child(n+4){margin-bottom:0px}
.hotpro-list li:hover .hotpro-box{bottom:0px}
.hotpro-list li:hover img{transform:scale(1.1)}
.hotprocate{border-left:1px solid #BFBFBF;margin:30px 0px 60px;padding-right:10%}
.hotprocate li{padding:10px 0px 10px 20px;position:relative;font-size:16px;color:var(--fontcolor);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out}
.hotprocate li::before{content:'';width:2px;height:100%;position:absolute;top:0px;left:0px;background:var(--color);opacity:0;transition:all .2s ease-in-out}
.hotprocate .hotprocate-act::before,.hotprocate li:hover::before{opacity:1}
.hotprocate .hotprocate-act,.hotprocate li:hover{color:var(--color)}
.writetous{background:var(--color);padding:2.5% 0}
.writetous .container-s{align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}
.writetous h5{font-size:30px;color:#2e2b26;text-transform:uppercase}
.write-text{max-width:750px;font-size:16px;color:#2c2a28}
.writetous .home-more{color:#fff;border-color:#fff;display:block;width:160px;font-size:13px;border:1px solid #fff;text-align:center;padding:8px 0;text-transform:uppercase}
.writetous h5 span{color: #fff;}
.news{padding:4% 0px}
.news .home-title{text-align:center;margin-bottom:2%}
.news-list li{width:32%;flex-shrink: unset;flex-wrap: wrap;}
.news-img{overflow:hidden;display:block}
.news-img img{display:block;width:100%}
.news-data{margin:10px 0px;font-size:14px;color:#555}
.news-data i{font-size:14px;margin-right:5px}
.news-title{font-size:16px;font-weight:var(--fontbold6);color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-transform:capitalize;transition:all .3s ease-in-out}
.news-text{margin:0px 0px 10px;color:#555;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-list li:hover img{transform:scale(1.02)}
.news-list li:hover .news-title{color:var(--color)}
.news-list li:hover .home-more{background:var(--color);color:#FFF}
.news-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
@media(min-width:1025px){
.newspage-ninelist-0>li{background:#FAFAFA;margin-bottom:3%;transition:box-shadow .3s ease-in-out}
.newspage-item-data{width:110px;background:var(--color);color:#FEFEFE;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;padding:15px 10px;transition:background .2s ease-in-out}
.newspage-item-data p{width:100%;height:auto}
.newspage-item-data p:nth-child(1){font-size:16px;border-bottom:1px solid #FEFEFE;padding-bottom:6px;margin-bottom:6px}
.newspage-item-data p:nth-child(2){font-size:18px}
.newspage-item-box{width:calc(100% - 110px);padding:0px 24px 0px 18px}
.newspage-item-tit a{display:block;width:100%;font-size:18px;color:var(--fontcolor);margin-bottom:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.newspage-item-text{line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#555;max-height:3.2em;font-size:14px}
.newspage-ninelist-0>li:hover{box-shadow:0px 4px 10px #CCC}
.newspage-ninelist-0>li:hover .newspage-item-data{background-color:var(--color)}
.newspage-ninelist-0>li:hover .newspage-item-tit a{color:var(--color)}
.newspage-ninelist-0{margin-bottom:70px}
.newsdetails h1{font-size:22px;color:var(--fontcolor);text-align:center;border-bottom:1px solid #E5E5E5;padding:4px 0px 20px}
.newsdetails-data{color:#555;font-size:14px;text-align:center;width:100%}
.newsdetails-cont p{margin-bottom:5px;word-break:break-word}
.newsdetails-cont{margin-bottom:20px;color:var(--fontcolor);border-bottom:1px solid #E5E5E5;padding-bottom:20px}
.latestnews li:hover .viewmore,.newspage-ninelist-1 li:hover .viewmore{background:var(--color);color:#FFF}
.documentdetails .newsdetails-cont{border-bottom:none}}
@media(max-width:1024px){
.highpro-l,.highpro-r,.hotproduct-l,.hotproduct-r{width:100%}
.hotproduct-l{padding-bottom:6%}
.hotpro-list li{width:49%;margin-right:2%}
.hotpro-list li:nth-child(3n){margin-right:2%}
.hotpro-list li:nth-child(2n){margin-right:0px}
.hotprocate,.hotproduct-l{padding-right:0px}
.hotpro-box{bottom:0px}
.writetous .container-s{display:block}
.writetous .home-more{background:#FFF;color:var(--color)}
.newsdetails-cont img{height:auto!important}
.news .swiper-pagination{position:static;margin-top:10px}
.news .swiper-pagination-bullet{background:#111}
.news .swiper-pagination-bullet-active{background:var(--color)}
.news-list li .home-more{background:var(--color);color:#FFF}}
@media (max-width:768px) {
.hotprocate,.hotproduct-l{display:none}
.hotproduct-l .home-title{text-align:center}
.writetous .container-s{padding: 0 3%;}
.news .news-list{flex-wrap:nowrap;justify-content: space-between;}
.home-title{font-size: 26px;}
.write-text{margin-bottom: 25px;}}
@media(max-width:540px){
.writetous h3, .writetous h5{font-size:26px}
.newsdetails-cont p{margin-bottom:10px}
.newspage-ninelist-1 li,.products-ninelist-1 li{width:49%;margin-right:2%}
.newspage-ninelist-1 li:nth-child(3n),.products-ninelist-1 li:nth-child(3n){margin-right:2%}
.newspage-ninelist-1 li:nth-child(2n),.products-ninelist-1 li:nth-child(2n){margin-right:0px}
.newsdetails .flex img{width:100%!important;margin:1% 0}
.news .news-list{flex-wrap: wrap;}
.news-list li{width: 100%;margin-bottom: 20px;}}
@media(max-width:415px){
.highpro-step-title{font-size:17px}
.highpro-r-box::before{width:80%;left:10%}
.highpro-authentication li,.highpro-step,.highpro-step-num{margin-bottom:10px}
.highpro-text{margin:10px 0px}
.newsdetails h1{font-size:22px}
.newspage-item-tit a{font-size: 18px;}
.news-text{margin:6px 0px 10px}
.news-data{margin:6px 0px}
.newspage-item-box,.pdshow-r-btn>a{padding:0px 10px}
.newspage-data,.video-data{margin:6px 0px 0px}
.newspage-text,.video-in{margin:2px 0px 6px}}
@media(max-width:376px){
.writetous h3, .writetous h5{font-size:22px}
.newspage-tit a{display:block}}
.hotproduct .container{max-width: 1600px;margin: 0 auto;}
.news-date{font-size: 16px;color: #666;margin: 10px 0;line-height: 1;}
.news-item-cont .more-btn{display: block;width: 160px;font-size: 13px;border: 1px solid var(--color);text-align: center;color: var(--color);padding: 8px 0px;text-transform: uppercase;transition: all .2s ease-in-out;margin-top: 15px;}
.news-item-cont .more-btn:hover{color: #fff !important;}
.news-item-cont .news-item-title{font-size: 17px;font-weight: var(--fontbold6);color: var(--fontcolor);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-transform: capitalize;transition: all .3s ease-in-out;}
.hotproduct .home-more:hover{background: var(--color);color: #fff;}
.writetous .home-more:hover{color: var(--color);background: #fff;}
.head-contact>a,.share-link ul a{color: #000;}
.hotproduct .home-title{text-align: left;}
.head-top{background: #f3f3f3;}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
#about .about-img iframe{width: 100%;height: 400px;}
.foot-bottom .share-link ul a i{color:#fff;}
@media (min-width:1025px){.head.is-fixed .head-top{position:fixed;top:0;left:0;right:0;z-index: 100000;transition: height .3s;}
.head.is-fixed .head-main{top:42px;}}
@media (min-width:1025px) and (max-width:1440px){.hescroll{width:40%;}.head-contact{width:30%;}}