:root{--color:#01a0e4}
.header,.header nav{background:#1e1e1e}
.header nav div .nav>li a{font-size:24px}
.header nav .navNav .nav>li .submenu li{background:rgba(30,30,30,.6)}
.header nav div .nav li a:hover,.header nav div .nav>li a.inmenu_1{color:var(--color)}
.product{background:#f5f5f5}
.latestNews .latestNewsTitle p,.product .productTop p,.strength .ourStrength p{margin-bottom:0;font-weight:700;font-size:40px;color:#1b1b1b}
.latestNews .latestNewsTitle span,.product .productTop span,.strength .ourStrength span{color:#1b1b1b;font-size:18px}
.product .productItem ul{width:85%}
.product .productItem ul li{border:none}
.product .productItem ul li>a{height:inherit}
.product .productItem .pro-title a{width:100%;padding:5px 0;background:var(--color);color:#fff;display:inline-block}
.product .productItem ul li .more{background:rgba(1,160,228,.3)}
.product .productItem ul li div .more p{color:var(--color)}
.case{background:url(/Content/uploads/2023957408/202303071437568221d0aa0cb14c94849e59518da1ccef.jpg) no-repeat;background-position:center;background-size:cover;padding:4% 10%}
.case .caseTop p{font-weight:700;font-size:40px;color:#fff}
.case .caseTop span{color:#fff;font-size:18px}
.case .case-ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.case .case-ul li{text-align:center;width:30%;padding:20px;box-sizing:border-box}
.case .case-ul li .case-title{color:#1b1b1b;font-size:28px;margin-top:30px;font-weight:700;width:100%}
.case .case-ul li .case-word{color:#1b1b1b;font-size:18px;margin:20px 0;text-align:justify;text-align-last:center;width:80%;margin:20px auto}
.case .case-ul li .case-more a{display:inline-block;color:#fff;padding:0 20px;text-transform:capitalize;background:var(--color);font-size:22px;border:1px solid var(--color);margin:30px auto 30px auto}
.case .case-ul li:hover{background:var(--color)}
.case .case-ul li:hover .case-title,.case .case-ul li:hover .case-word{color:#fff}
.case .case-ul li:hover .case-more a{background:#fff;border-color:#fff;color:var(--color)}
.introduction{padding-bottom:80px}
.introduction .hello p{font-size:23px}
.introduction .welcome{width:67%;margin-top:80px}
.introduction .welcome p{font-size:40px;color:#1b1b1b;font-weight:700;margin-bottom:20px}
.introduction .welcome span{color:#1b1b1b;font-size:18px;overflow:inherit;-webkit-line-clamp:inherit;text-align:justify;text-align-last:center;line-height:1.5}
.introduction .hellobtn{margin-top:40px}
.introduction .hellobtn a{color:#fff;background:var(--color);border:1px solid var(--color);font-size:22px;padding:10px 30px}
.introduction .hellobtn a:hover{color:var(--color)}
.numBox{background:url(/Content/uploads/2023957408/20230307143757ccaf1796947141ca909380781606d827.jpg) no-repeat;background-size:cover;background-position:center}
.num-inner{padding:4% 10%;background:rgba(0,0,0,.66)}
.num-ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.num-ul .num-li{width:25%;text-align:center}
.num-ul .num-li .num-t{color:var(--color);font-weight:700;font-size:68px}
.num-ul .num-li .num-w{color:#fff;font-size:21px;margin-top:30px;font-weight:600}
.str-img{display:flex;justify-content:center;align-items:center}
.strengthItem ul li{border:1px solid #626262;padding:30px;width:31%}
.strengthItem ul li .text{background:#eee}
.strengthItem ul li .text .str-img .icon2{display:none}
.strengthItem ul li .text p{font-size:22px;color:#1b1b1b;font-weight:700;margin:10px 0 5px}
.strengthItem ul li .text span{font-size:17px;color:#1b1b1b;width:90%;overflow:inherit;-webkit-line-clamp:inherit;min-height:80px}
.strengthItem ul li:hover{background:var(--color);border-color:#fff}
.strengthItem ul li:hover .text{border-color:#fff;background:var(--color)}
.strengthItem ul li:hover .text p{color:#fff}
.strengthItem ul li:hover .text .str-img .icon1{display:none}
.strengthItem ul li:hover .text .str-img .icon2{display:block}
.latestNews{width:85%}
.latestNews .latestNewsList ul{margin-top:20px}
.latestNews .latestNewsList ul li{width:32%;margin-top:30px}
.latestNews .latestNewsList ul li .latestNewsListT{background:var(--color);width:16%}
.latestNews .latestNewsList ul li .latestNewsListT p{font-size:38px;line-height:1.2}
.latestNews .latestNewsList ul li .latestNewsListT div{margin:5px 0}
.latestNews .latestNewsList ul li .latestNewsListT span{font-size:19px}
.latestNews .latestNewsList ul li .latestNewsListB p{font-size:22px;color:#3d3d3d;font-weight:700}
.latestNews .latestNewsList ul li .latestNewsListB span{color:#3d3d3d;font-size:16px;line-height:1.5}
footer{background:#1e1e1e}
@media (max-width:1600px){.case .case-ul li .case-word{width:100%}
.strengthItem ul li .text span{min-height:104px}}
@media (max-width:1441px){.header nav div .nav>li a{font-size:20px}
.product{padding-top:50px}
.product .productItem ul{width:95%}
.product .productItem .pro-title a{font-size:14px}
.case,.num-inner{padding:4%}
.case .case-ul li .case-word{font-size:16px}
.case .case-ul li .case-title{margin-top:10px}
.case .case-ul li .case-more a{margin:10px auto 30px auto}
.case .case-ul li .case-more a,.introduction .hellobtn a{font-size:18px}
.introduction .hello p{font-size:17px}
.introduction .welcome{width:85%}
.num-ul .num-li .num-t{font-size:50px}
.num-ul .num-li .num-w{font-size:17px;margin-top:0}
.strength{padding:50px 0}
.strengthItem ul li{padding:20px}
.strengthItem ul li .text img{max-height:60px}
.strengthItem ul li .text span{font-size:14px}
.latestNews,.strengthItem{width:90%}
.latestNews{margin:50px auto}
.latestNews .latestNewsList ul li .latestNewsListT p{font-size:30px}
.latestNews .latestNewsList ul li .latestNewsListT span{font-size:15px}
.latestNews .latestNewsList ul li .latestNewsListB p{font-size:18px}
.latestNews .latestNewsList ul li .latestNewsListB span{font-size:13px}}
@media (max-width:1025px){.introduction .welcome p,.latestNews .latestNewsTitle p,.product .productTop p,.strength .ourStrength p{font-size:34px}
.latestNews .latestNewsTitle span,.product .productTop span,.strength .ourStrength span{font-size:14px}
.product .productItem ul{margin:25px auto}
.case .case-ul li .case-word{font-size:14px}
.introduction .welcome{margin-top:30px}
.latestNews .latestNewsList ul li{width:48%}}
@media (max-width:769px){.case .case-ul li{padding:10px}
.case .case-ul li .case-title{font-size:24px}
.case .case-ul li .case-word{text-align:center}
.case .case-ul li .case-word{margin:5px auto}
.introduction{padding-bottom:50px}
.introduction .welcome span{font-size:14px}
.num-ul .num-li .num-t{font-size:38px}
.strengthItem ul li{width:100%}
.strengthItem ul li .text span{min-height:inherit;margin-bottom:40px}
.strengthItem ul li .text img{margin-top:30px}
.strengthItem ul li .text p{font-size:26px!important}}
@media (max-width:640px){.product{padding-top:10px}
.introduction .welcome p,.latestNews .latestNewsTitle p,.product .productTop p,.strength .ourStrength p{font-size:28px;line-height:1.2}
.case .case-ul li{width:100%}
.introduction .hello p{font-size:12px}
.num-ul .num-li{width:48%}
.num-ul .num-li .num-t{font-size:30px}
.num-ul .num-li .num-w{font-size:12px}
.strength{padding:20px 0}
.strengthItem ul li .text p{font-size:22px!important}
.latestNews{margin:20px auto}
.latestNews .latestNewsList ul li{width:100%;margin-top:10px}
.latestNews .latestNewsList ul li .latestNewsListT span{font-size:12px}
.latestNews .latestNewsList ul li .latestNewsListT p{font-size:24px}
footer .footerBottom{font-size:14px}}
.about-common{width:1400px;margin:0 auto;box-sizing:border-box}
.about-flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.about-top{background:#f1f1f1;padding:100px 0}
.about-top-l{width:37%}
.about-top-t{color:#3b3b3b;font-size:40px;font-weight:700;line-height:1.1}
.about-top-w{text-align:justify;margin-top:30px;color:#3b3b3b;font-size:19px}
.about-top-r{width:50%}
.about-top-img{width:100%}
.about-down{width:100%;margin:40px 0 60px;align-items:inherit}
.about-down li{width:24%;text-align:center;display:flex;justify-content:space-around;align-items:center;border-right:1px solid #dcdcdc}
.about-down li:last-child{border-right:none}
.about-down li .about-down-img{width:30%}
.about-down li .about-down-img img{transition:all .5s}
.about-down li .about-down-art{width:65%}
.about-down li .about-down-art .num{font-size:40px;font-weight:700;color:#3b3b3b;line-height:1.3}
.about-down li .about-down-art .word{color:#3b3b3b;font-size:20px}
.about-down li:hover img{transform:rotateY(360deg)}
.about-down-art{align-items:inherit}
.about-down-art li{width:33.3%;background:#e8e8e8;padding:40px;box-sizing:border-box;transition:all .5s;min-height:270px}
.about-down-art li:nth-child(2){background:#fff;box-shadow:1px 6px 19px 2px rgba(0,0,0,.1)}
.about-down-art li .title{color:#174664;font-size:22px;line-height:1.1;font-weight:700}
.about-down-art li .word{color:#616161;font-size:16px;margin-top:20px}
.about-down-art li:hover{background:#fff;box-shadow:1px 6px 19px 2px rgba(0,0,0,.1)}
.about-factory{padding:100px 0}
.fact-l{width:52%;position:relative}
.fact-l:after{content:'';width:100%;height:100%;display:block;background:#f1f1f1;position:absolute;left:-20px;bottom:-20px;z-index:-1}
.fact-l .fac-img{position:relative;border-top-right-radius:50px;overflow:hidden}
.fact-l .fac-img img{width:100%;display:block}
.fact-r{width:38%}
.fact-r .fact-t{font-size:40px;font-weight:700;color:#3b3b3b}
.fact-r .fact-t:after{content:'';width:52px;height:3px;background:#23a5f8;display:block;margin-top:10px}
.fact-r .fact-w{color:#3b3b3b;font-size:19px;text-align:justify}
.fac-down{width:100%;margin:50px 0 0;align-items:inherit}
.fac-down-l{width:39%}
.fac-img{overflow:hidden}
.fac-img img{width:100%;display:block;transition:all .5s}
.fac-down-r{width:59%;align-items:inherit}
.fac-down-r .fac-img{margin:17px 0}
.fac-down-d,.fac-down-t{align-items:inherit;width:100%}
.fac-down-t .fac-img{width:49%}
.fac-img img:hover{transform:scale(1.1)}
.about-product{background:url(/Content/uploads/2023957408/2023031016392744cf64cb1a90468f90152b72daf99394.jpg) no-repeat;background-size:cover;background-position:center;padding:5% 0 9%}
.about-pro-t{color:#3b3b3b;font-size:36px;font-weight:700;text-align:center}
.about-pro-art{align-items:inherit;margin-top:50px}
.about-pro-item{width:30%;text-align:center;position:relative;border:2px solid #a5a5a5;padding:25px 0;color:#3b3b3b;font-size:24px;font-weight:700}
.about-pro-item .num{position:absolute;top:-28px;left:50px;color:#23a5f8;font-size:45px;font-weight:700;line-height:1.1;background:#f0f0f0;border-radius:50%;padding:2px}
.about-team{position:relative;padding:100px 0}
.about-team-btn{color:#2b2c2c;width:88px;height:88px;line-height:88px;text-align:center;font-size:40px;font-weight:700;border-radius:50%;background:#fff;display:inline-block;position:absolute;top:-40px;left:50%;transform:translateX(-50%) rotate(90deg)}
.about-our-title,.about-team-title{text-align:center;font-size:40px;color:#3b3b3b;font-weight:700;margin:0 0 30px}
.about-team-li{width:32%}
.about-team-li .team-img{overflow:hidden}
.about-team-li .team-img img{transition:all .5s;width:100%;display:block}
.about-team-li .team-img img:hover{transform:scale(1.1)}
.about-our-swiper-inner{display:flex;justify-content:space-between;align-items:center}
.about-our-inner{margin:50px 0 0}
.ourswiper{overflow:hidden;width:90%;margin:0 auto}
.our-swiper-button-next,.our-swiper-button-prev{font-size:78px;font-weight:700;cursor:pointer;color:#c4c4c4;transition:all .5s}
.our-swiper-button-next:hover,.our-swiper-button-prev:hover{color:var(--color)}
.swiper-button-disabled{cursor:not-allowed}
@media (max-width:1441px){.about-common{width:1200px}
.about-top-t{font-size:34px}
.about-down li .about-down-art .num{font-size:34px}
.about-down li .about-down-art .word{font-size:16px}
.fac-down-d .fac-img:nth-child(1){width:42%}
.fac-down-d .fac-img:nth-child(2){width:57%}}
@media (max-width:1025px){.about-common{width:100%;padding:0 20px}
.productBanner{min-height:inherit}
.about-top{padding:30px 0}
.about-our-title,.about-pro-t,.about-team-title,.about-top-t,.fact-r .fact-t{font-size:28px}
.about-top-w{font-size:15px}
.about-down{margin:30px 0}
.about-down-art li{padding:20px}
.fact-r{width:44%}
.fact-l:after{display:none}
.fact-r .fact-w{font-size:16px}
.about-factory{padding:50px 0}
.fac-down-r .fac-img{margin:10px 0}
.about-pro-item .num{top:-20px;font-size:30px}
.about-pro-item{font-size:17px}
.about-product{padding:3% 0 5%}
.about-pro-art{margin-top:30px}
.about-team{padding:60px 0 40px}
.about-team-btn{width:50px;height:50px;line-height:48px;font-size:28px;top:-25px}}
@media (max-width:769px){.about-top-l{width:44%}
.about-top-w{margin-top:10px}
.about-down li .about-down-art .num{font-size:28px}
.about-down li .about-down-art .word{font-size:12px}
.about-down-art li .title{font-size:16px}
.about-down-art li .word{font-size:13px}
.fac-down{margin:25px 0 0}
.about-our-title,.about-team-title{margin:0 0 10px}
.our-swiper-button-next,.our-swiper-button-prev{font-size:40px}}
@media (max-width:640px){.about-top-l,.about-top-r{width:100%}
.about-our-title,.about-pro-t,.about-team-title,.about-top-t,.fact-r .fact-t{font-size:24px}
.about-top-w{font-size:14px}
.about-down li{width:47%;border:none;margin:5px 0}
.about-down-art li{width:100%;padding:10px;min-height:inherit}
.about-factory{padding:30px 0}
.about-team-li,.fac-down-l,.fac-down-r,.fact-l,.fact-r{width:100%;margin:5px 0}
.fac-down{margin:10px 0 0}
.fac-down-r .fac-img{margin:5px 0}
.about-pro-item{width:100%;margin:0 0 30px;padding:20px 0;font-size:14px}
.about-team{padding:30px 0}
.about-our-inner{margin:20px 0 0}
.ourswiper{width:100%}
.our-swiper-button-next,.our-swiper-button-prev{display:none}}
.table tr:nth-child(even){background:#fff}
.table tr:nth-child(odd){background:#eee}
.detailsTableContent .table-responsive .table{max-width:750px;margin:auto}
.detailsTableContent img{display:block;margin:0 auto}
.wmkc-template-33 .wmkc-flex{display:flex;align-items:center;background:0 0}
.wmkc-template-33 .wmkc-item-img{padding:0!important}
.wmkc-template-33 .wmkc-item-img img{max-height:inherit!important;position:static!important}
.productMain .newsList .content-list0 li{height:100%}
.NewsTopHotList div{height:auto}
.NewsTopHotList img{max-height:200px;object-fit:contain}
.table-responsive{margin:20px 0}
.Feedback .page-box .container>p{font-size:16px}
@media(max-width:768px){.Feedback .page-box p{overflow:visible;max-height:100%}}
.product .productItem ul li{background:var(--color)}
.product .productItem ul li>a{position:relative;height:0;padding-bottom:100%;width:100%}
.product .productItem ul li>a img{height:100%;position:absolute;top:0;left:0;object-fit:contain;background:#fff}
@media (min-width:769px){.product .productItem ul li{width:24%}}
.case .case-ul li .case-title{margin-top:5px}
.case .case-ul li .case-word{margin:0 auto;line-height:1.5}
.case .case-ul li .case-more a{margin:10px auto}
@media (min-width:1025px){.case .case-ul{max-width:90%;margin:30px auto 0}}
.LayImAhrefNode{text-transform:capitalize;padding:10px 25px;border:1px solid var(--color);color:var(--color);font-size:18px;line-height:27px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
@media (max-width:1024px){.LayImAhrefNode{font-size:14px;line-height:24px}}
@media (min-width:769px){.header .logo .logo1{height:100%;width:100%;top:0!important;display:flex;align-items:center;justify-content:center}
.header .logo .logo1 img{max-height:100%;max-width:46%;object-fit:contain}
.header.headscroll .logo .logo1{top:0!important;padding:40px 0 10px;box-sizing:border-box}}
@media (max-width:768px){.header .logo .logo1 img{max-height:90%}
.header .logo{height:100%;top:0!important}
.header .logo .logo1{height:100%;display:flex;align-items:center;transform:translate(0)}
.header nav{background:#fff}
.header nav .navImg img{filter:brightness(0)}}
.header .header-top .mailclock{margin-left:460px}
@media (max-width:1500px){.header .header-top .mailclock{margin-left:410px}}
@media (max-width:1366px){.header .header-top .mailclock{margin-left:310px}}
.productSide .newsViewd ul li:hover p,.newsJgg li:hover .newsJggitem .newsJggB p, .newsJgg li:hover .newsJggitem .newsJggB span,.productSide .productSideTop .sf-menu .menu-item:hover i,.productSide .productSideTop .sub-menu li:hover a,.productSideCenter ul li:hover .text p{color:var(--color)}
.productSide .productSideTop .sf-menu .menu-item:hover>a{color:var(--color) !important}
.pagesbanner::after{background: none;}
.newsDetail .newsArticle .newsArticleText img{width:auto;}