﻿@charset "utf-8";
.productcate-hot{background:var(--color);padding:7px 15px}
.productcate-hot strong{font-size:23px;text-transform:uppercase}
.productcate-box-more{color:var(--color)}
.about>div{align-items:center}
.about-l .about-title{font-size:40px;font-weight:700;color:#1e1e20}
.about-l .about-company{font-size:24px;color:#2c2c2c;font-weight:700;margin:20px 0 10px}
.about-l .about-l-text{font-size:16px;color:#676767;text-align:justify;margin:10px 0;-webkit-line-clamp:inherit;overflow:inherit;max-height:inherit}
.home-more{margin:20px 0 0;border-color:var(--color);background:var(--color);color:#fff;font-weight:700;text-transform:capitalize;font-size:18px;width:130px;padding:5px 0}
.home-more:hover{color:var(--color);background:#fff}
.highpro-r{background:url(/Content/uploads/20237884/20230321132259897da9b09966492aaf907c1e4c2e608c.jpg) no-repeat;background-position:center;background-size:cover;padding:3% 5%}
.highpro-step-num{font-size:40px;font-weight:700;width:75px;height:75px;border:1px solid #fff;line-height:75px;color:#fff;background:#222123}
.highpro-step-act .highpro-step-num{background:var(--color);border-color:var(--color)}
.highpro-step-title{font-size:24px}
.highpro-step-act .highpro-step-title{color:var(--color)}
.highpro-r-box::before{top:38px;background:#fff}
.highpro-text{margin:15px 0 80px;color:#b9b9b9}
.highpro-authentication li{color:#fff;font-size:17px;font-weight:500;text-transform:uppercase;margin-bottom:20px}
.highpro-authentication li::before{width:12px;height:12px;background:var(--color);top:6px}
.hotprocate{border:none;position:relative}
.hotprocate:before{content:'';width:1px;height:100%;background:#bfbfbf;display:block;position:absolute;top:0;left:0}
.hotprocate li{font-size:17px;color:#5e5e5e;overflow:inherit}
.hotprocate li::before{background:var(--color);width:5px;left:-2px}
.hotprocate .hotprocate-act,.hotprocate li:hover{color:var(--color);font-weight:700}
.hotpro-list li:hover .hotpro-img{border:1px solid var(--color)}
.hotpro-list li:hover .hotpro-box{background:var(--color)}
.hotpro-list li:hover .hotpro-title{font-weight:700}
.writetous{background:url(/Content/uploads/20237884/20230321132231f45d4dcfe0da4aa28a4099134ef9b820.jpg) no-repeat;background-position:center;background-size:cover}
.writetous h5{font-size:40px}
.write-text{max-width:600px;font-size:17px}
.writetous .home-more{border:none;font-size:18px;text-transform:uppercase;padding:10px 20px;width:180px}
.writetous .home-more:hover{color:var(--color)}
.news-title{min-height:45px}
.news-data{color:#565656;font-size:17px}
.news-data i{margin-bottom:3px;display:inline-block}
.news-title{color:#424242}
.news-text{font-size:17px;color:#888}
.news-list li .home-more{color:#343434;border-color:#343434;background:#fff;text-transform:uppercase}
.news-list li:hover .news-title{color:var(--color)}
.news-list li:hover .home-more{background:var(--color);color:#fff;border-color:var(--color)}
.location{background:url(/Content/uploads/20237884/20230321132230673660c0407546038c6748fa218f57f3.jpg) no-repeat;background-position:center;background-size:cover;padding:5% 0 10%}
.location-box{padding:5% 3%}
.location-title{font-size:29px;color:var(--color);font-weight:700}
.contact li strong{font-size:25px;color:#363636;font-weight:700}
.contact li a,.contact li p{font-size:18px;color:#595959}
.contact li a:hover{color:var(--color)}
.foot-b,.foot-t{background:#0a0a0a}
.fnav li a:hover,.foot-list div h6,.foot-list div h6:hover,.fpronav li a:hover{color:var(--color)}
.fshare a:hover{background:var(--color)}
@media (max-width:1441px){.highpro-step-num{font-size:30px;width:60px;height:60px;line-height:60px;margin:0 auto 10px}
.highpro-step-title{font-size:20px}
.highpro-r-box::before{top:30px}
.highpro-r .home-title{font-size:30px}
.highpro-text{margin:15px 0 35px}
.highpro-authentication li{font-size:15px;margin-bottom:15px}
.hotpro-title{font-size:15px}}
@media (max-width:1025px){.productcate-hot strong{font-size:20px}
.productcate-box-title{font-size:16px}}
@media (max-width:640px){.about-l .about-title,.writetous h5{font-size:30px}
.about-l .about-company{font-size:18px;margin:10px 0 10px}
.highpro-step-num{font-size:20px;width:40px;height:40px;line-height:40px;margin:0 auto 3px}
.highpro-r-box::before{top:20px}
.highpro-step-title,.write-text{font-size:14px}
.highpro-r .home-title{font-size:24px}
.highpro-text{margin:10px 0}
.highpro-authentication li{font-size:12px}
.highpro-authentication li::before{width:8px;height:8px}
.writetous .home-more{width:auto;font-size:16px;margin:0}
.location-title{font-size:24px}
.contact li strong{font-size:18px}
.contact li a,.contact li p{font-size:14px}}
.About .container{max-width:100%;margin:0 auto}
.About .container .crumbs{width:1400px;margin:0 auto}
.about-common{width:1400px;margin:0 auto;box-sizing:border-box}
.about-common-title{font-size:36px;font-weight:700;color:#444;text-transform:uppercase;margin:0 0 30px}
.about-top .about-top-w{margin:15px 0 40px;font-size:20px;color:#444}
.about-top-img img,.about-why-img img,.cer-img img{width:100%;display:block}
.about-why{margin:50px 0}
.about-why>div{position:relative;margin-bottom:20%}
.about-why-title{color:#444;font-family:Impact;font-size:53px;text-transform:uppercase;margin-bottom:30px}
.about-why-down{display:flex;justify-content:space-between;align-items:end;position:absolute;bottom:-44%}
.about-why-down-l{width:40%;text-align:end}
.about-why-down-l p{font-size:18px;color:#575757;margin-top:20px}
.about-why-down-r{width:55%}
.about-down-ul{padding:40px 30px 40px 50px;box-sizing:border-box;background:#313131}
.about-down-ul li{color:#fff;font-size:20px;margin:20px 0}
.about-swiper-inner{position:relative;display:flex;justify-content:center;align-items:center}
.about-swiper-container .swiper-slide img{display:block;max-width:100%;transform:scale(1.5);padding:65px 0}
.about-swiper-container .swiper-slide-prev{transform:translateX(-60%);z-index:99}
.about-swiper-container .swiper-slide-next{transform:translateX(60%);z-index:99}
.about-swiper-button-next,.about-swiper-button-prev{font-size:74px;color:#9b9a9a;line-height:1;position:absolute;top:38%;z-index:999;cursor:pointer;transition:all .5s}
.about-swiper-button-prev{left:22%}
.about-swiper-button-next{right:22%}
.about-swiper-button-next:hover,.about-swiper-button-prev:hover{color:#000}
.about-appli,.about-production{margin:80px 0}
.about-pro-ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.about-pro-ul li{width:24%;margin:20px 0 50px}
.about-pro-ul li .about-pro-img{position:relative}
.about-pro-ul li .about-pro-img>div{overflow:hidden}
.about-pro-ul li .about-pro-img img{width:100%;display:block;transition:all .5s}
.about-pro-ul li .pro-num{width:40px;height:40px;line-height:35px;text-align:center;color:#fff;font-size:26px;background:#d4211d;border-radius:50%;border:3px solid #fff;font-weight:700;display:inline-block;position:absolute;bottom:-20px;left:50%;transform:translateX(-50%)}
.about-pro-ul li .pro-title{text-align:center;margin:40px 0 0;color:#141414;font-size:23px;font-weight:500}
.about-pro-ul li:hover .about-pro-img img{transform:scale(1.1)}
.about-appli-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;background:url(/Content/uploads/20237884/20230321132229b5a91ec37b144069869e469ea60625f7.jpg) no-repeat;background-position:bottom;background-size:cover}
.about-appli-l{width:50%;box-sizing:border-box;padding:0 75px 0 35px}
.about-appli-l .appli-l-item .appli-t{font-size:22px;color:#e5e5e5;font-weight:700}
.about-appli-l .appli-l-item .appli-wBox{margin:30px 0}
.about-appli-l .appli-l-item:nth-child(1){border-bottom:1px solid #7c7c7c;margin-bottom:30px}
.about-appli-l .appli-l-item .appli-wBox .appli-w{font-size:20px;margin:10px 0;color:#b6b6b6;line-height:1.3;text-align:justify}
.about-appli-r{width:50%;display:flex;justify-content:space-between}
.about-appli-r .appli-box{width:49%}
.about-appli-r .appli-box .appli-img:nth-child(1){margin:0 0 15px}
.about-appli-r .appli-box .appli-img{overflow:hidden}
.about-appli-r .appli-box .appli-img img{width:100%;display:block;transition:all .5s}
.about-appli-r .appli-box .appli-img img:hover{transform:scale(1.1)}
.team-ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.team-ul li{width:32%}
.team-ul li .team-img{overflow:hidden}
.team-ul li .team-img img{width:100%;display:block;transition:all .5s}
.team-ul li .team-img:hover img{transform:scale(1.1)}
.team-down{background:url(/Content/uploads/20237884/2023032113223048737cd812ae499ea91099d9a118891b.jpg) no-repeat;background-position:center;background-size:cover;margin:50px 0 0;padding:100px 50px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.team-down .team-down-l{width:52%}
.team-down .team-down-l img{width:100%;display:block}
.team-down .team-down-r{width:41%}
.team-down .team-down-r .team-down-title{font-size:18px;color:#575757;line-height:2;text-align:justify}
.team-down .team-down-r .team-down-ul{margin:30px 0}
.team-down .team-down-r .team-down-ul li{color:#575757;font-size:18px;font-weight:700;margin:10px 0;padding-left:30px;position:relative}
.team-down .team-down-r .team-down-ul li:before{content:'';width:8px;height:8px;background:#d4211d;display:block;position:absolute;top:50%;transform:translateY(-50%);left:0}
@media (max-width:1441px){.About .container .crumbs,.about-common{width:1200px}
.about-down-ul li{margin:15px 0;font-size:17px}
.about-appli-l .appli-l-item .appli-t{font-size:20px}
.about-appli-l .appli-l-item .appli-wBox .appli-w{font-size:16px}}
@media (max-width:1025px){.About .container .crumbs,.about-common{width:100%}
.about-common-title{font-size:30px;margin:0 0 15px}
.about-top .about-top-w{font-size:16px}
.about-why>div{margin-bottom:25%}
.about-why-down{bottom:-55%}
.about-down-ul{padding:20px}
.about-down-ul li{font-size:14px;margin:10px 0}
.about-swiper-button-next,.about-swiper-button-prev{font-size:42px;top:43%}
.about-why-title{font-size:42px}
.about-appli,.about-production{margin:45px 0}
.about-pro-ul li{margin:10px 0 35px}
.about-pro-ul li .pro-title{font-size:18px}
.about-appli-l{padding:0 30px}
.about-appli-l .appli-l-item .appli-wBox{margin:15px 0}
.about-appli-l .appli-l-item:nth-child(1){margin-bottom:15px}
.about-appli-l .appli-l-item .appli-t{font-size:16px}
.about-appli-l .appli-l-item .appli-wBox .appli-w{font-size:12px}
.team-down{padding:30px 20px}
.team-down .team-down-r .team-down-title{font-size:15px;line-height:1.3}
.team-down .team-down-r .team-down-ul li{font-size:14px;margin:5px 0;padding-left:20px}}
@media (max-width:769px){.about-why-down{position:inherit;align-items:start;bottom:0;flex-wrap:wrap}
.about-why-down-l,.about-why-down-r{width:100%;margin:10px 0}
.about-why-down-l{text-align:start}
.about-why-down-l p,.about-why>div{margin:0}
.about-swiper-container .swiper-slide img{padding:25px 0}
.about-pro-ul li{width:48%;margin:0 0 20px}
.about-pro-ul li .pro-title{margin:25px 0 0}
.about-appli-inner{padding:20px}
.about-appli-l,.about-appli-r{width:100%;padding:0}
.team-down .team-down-r .team-down-ul{margin:10px 0}}
@media (max-width:640px){.about-common-title{font-size:24px}
.about-top .about-top-w{margin:15px 0;font-size:14px}
.about-appli,.about-production,.about-why{margin:30px 0}
.about-why-title{font-size:36px;margin-bottom:15px}
.about-why-down-l img{max-width:35%}
.about-why-down-l p{font-size:14px}
.about-swiper-button-prev{left:0;top:40%;color:#fff;font-size:54px}
.about-swiper-button-next{right:0;top:40%;color:#fff;font-size:54px}
.about-appli-r .appli-box .appli-img:nth-child(1){margin:0 0 5px}
.team-down .team-down-l,.team-down .team-down-r,.team-ul li{width:100%;margin:5px 0}
.team-down{margin:20px 0 0;padding:20px}}
.gallery-top img{width:100%}
.gallery-thumbs .swiper-slide-active{border:1px solid var(--color)}
.gallery-thumbs img{display:block}
#divQQbox{display:none}
.fnav{max-height:initial}
.prodetails-box-cont{max-width:100%}
@media (min-width:769px){nav .nav .submenu.nav3>li>a{font-weight:bold}}