﻿@charset "utf-8"; 
#about{padding:60px 0}
#about .about-inner{display:flex;align-items:center;justify-content:space-between;width:95%;margin:0 auto}
#about .about-img{padding:0;width:55%}
#about .about-img img{width:100%}
#about .about-con{padding:0;width:40%}
#about .about-con h3{color:#2b2b2b;font-size:31px;text-transform:capitalize;margin-bottom:15px}
#about .about-con .con{color:#717171;font-size:18px;line-height:1.4;text-align:justify}
#about .about-con ul{margin:30px 0 45px;padding-left:55px}
#about .about-con ul li:after,#about .about-con ul:after,#about .about-con ul:before{background-color:var(--color)}
#about .about-con ul li{color:#2b2b2b;font-size:18px}
#about .about-con ul li:after{width:8px;height:8px}
#about .about-con ul li:first-child{padding:0;color:var(--color);font-weight:700;margin-left:-20px}
#about .about-con ul li:first-child::after{display:none}
.more-btn{padding:8px 25px;font-size:18px;background-color:var(--color);border:1px solid var(--color)}
#ind .ind-l{background:#272727}
#ind .ind-r{margin-left:0}
#ind .ind-wrap{padding:70px 115px 70px}
#ind .ind-l h3{font-size:45px;margin-bottom:15px}
#ind .ind-l h3:after{content:'';width:90px;height:3px;background:var(--color);display:block;margin-top:10px}
#ind .ind-l h3 span{color:var(--color)}
#ind .ind-l .con{font-size:19px;color:#fff;text-align:justify}
#ind .adv-icon .icon-item{background-color:#434343;padding:20px 30px}
#ind .adv-icon .icon-r{text-align:center;width:70%}
#ind .adv-icon .icon-r .num{color:var(--color);font-size:33px;font-weight:700}
#ind .adv-icon .icon-r .text{color:#f6f6f6;font-size:18px}
.main-title{color:#525252;font-size:17px}
.main-part{color:#242424;font-size:43px}
#product .pro-list .pro-name{color:#242424}
#product .pro-list .pro-more{color:#242424;font-size:18px}
#product .product-more .more-btn{padding:8px 25px;font-size:18px;background-color:var(--color);border:1px solid var(--color);text-align:center;color:#fff;margin:0;text-transform:capitalize}
.sol-top{background-image:url(/Content/uploads/2023947132/20230112085638f0ef349e49bc42bcab7bda94953da0c7.jpg)}
.sol-top h3{font-size:43px}
#sol-swiper .sol-r-wrap{padding:0 13%}
#sol-swiper .sol-title{color:#2b2b2b;font-size:32px;margin-bottom:0}
#sol-swiper .sol-ul{margin:30px 0}
#sol-swiper .sol-ul li{display:flex;align-items:center;margin:20px 0}
#sol-swiper .sol-ul li p{padding-left:10px;color:#616161;font-size:20px}
#sol-swiper .swiper-pagination-bullet{background:var(--color)}
#appli{background-image:url(/Content/uploads/2023947132/20230112085637d8d14748f08d475d8a59bdcb8246885d.jpg)}
.advan h3{color:#2e2e2e;font-size:43px}
.advan .title{color:#5f5f5f;font-size:18px}
.advan .advan-icon{display:flex;justify-content:center}
.advan .advan-icon .advan-icon2{display:none}
.advan .advan-item:hover .advan-icon{background-color:var(--color)}
.advan .advan-item:hover .advan-icon1{display:none}
.advan .advan-item:hover .advan-icon2{display:block}
.advan .advan-item .tit{color:#2b2b2b;font-size:18px;text-transform:uppercase;margin:20px 0}
.advan .advan-item .con{color:#5f5f5f;font-size:18px;line-height:1.3}
#new{padding:70px 130px}
#new .main-part{text-transform:inherit}
#new .new-list{margin-top:50px}
#new .new-item{box-shadow:none}
#new .new-img{overflow:hidden}
#new .new-title{margin:18px 10px 15px}
#new .new-word{margin:0 10px}
#new .new-item:hover img{transform:scale(1.1)}
#contact{background:#eee}
#contact .foot-title{color:#2b2b2b;font-size:31px;font-weight:700}
#contact .foot-title span{color:var(--color)}
#contact .foot-contact{height:40px;line-height:40px;background:var(--color);border:1px solid var(--color);transition:all .5s}
#contact .foot-contact:hover{background:#fff;color:var(--color)}
@media (max-width:1600px){#about .about-inner{width:100%}
#about .about-img{width:50%}
#about .about-con{width:46%}
#ind .ind-wrap{padding:60px 70px 40px}
#ind .adv-icon .icon-r .text,#ind .ind-l .con{font-size:16px}}
@media (max-width:1440px){#about .about-con h3{font-size:26px}
#about .about-con .con{font-size:15px}
#about .about-con ul li,.advan .advan-item .con,.more-btn{font-size:14px}
#ind .ind-l h3{font-size:38px}
#ind .adv-icon .icon-r .num{font-size:30px}
#ind .adv-icon .icon-r .text,#ind .ind-l .con{font-size:13px}
#sol-swiper .sol-title{font-size:24px}
#sol-swiper .sol-ul li{margin:12px 0}
#sol-swiper .sol-ul li p{font-size:16px}}
@media (max-width:1025px){#about .about-con h3{font-size:20px}
#about .about-con .con{font-size:13px}
#about .about-con ul{margin:25px 0}
#about .about-con ul li,.advan .advan-item .con,.more-btn{font-size:12px}
#ind{padding:80px 0 50px}
#ind .ind-wrap{padding:20px}
#ind .ind-l h3{font-size:30px}
#ind .adv-icon .icon-item{padding:10px}
#ind .adv-icon .icon-img img{max-height:50px}
#contact .foot-title,#ind .adv-icon .icon-r .num{font-size:24px}
#product{margin-bottom:50px}
#product .pro-list>li{padding:0 7px;margin-bottom:15px}
#product .pro-list .pro-name{font-size:15px;margin:15px 0}
#product .pro-list .pro-more{font-size:16px}
#sol-swiper .sol-r-wrap{padding:0 8%}
#sol-swiper .sol-r-wrap{font-size:20px}
.advan .title{max-width:100%}
#new .new-list>li,.advan .advan-list>li{padding:0 10px}
#new{padding:40px 20px}}
@media (max-width:769px){#about,#ind{padding:30px 0;margin:0}
#about .about-inner{flex-wrap:wrap}
#about .about-con,#about .about-img{width:100%;margin:10px 0}
#about .about-con h3{text-align:left}
#ind .adv-icon .icon-r{width:100%;margin-top:10px}
.advan h3,.main-part,.sol-top h3{font-size:36px}
.advan .title,.main-title{font-size:14px}
.sol-top h3{padding:30px 0}
#sol-swiper .sol-r-wrap{padding:20px}
.advan{padding:20px 0}
.advan h3{margin-bottom:10px}}
@media (max-width:640px){#product .pro-list>li{width:100%}
.advan h3,.main-part,.sol-top h3{font-size:30px}
#sol-swiper .sol-title{font-size:18px}
#sol-swiper .sol-ul{margin:10px 0}
.advan .advan-list>li{width:100%}
#new{padding:30px 10px 0}
#new .new-list{margin-top:20px}
#new .new-list>li{padding:0;width:100%;margin-bottom:30px}}
.about-inner{width:1200px;margin:0 auto;box-sizing:border-box}
.about-top{position:relative}
.about-inner-content{position:absolute;top:0;right:100px;text-align:end}
.about-inner-content h1{color:#3b3b3b;font-size:48px;margin:10px 0}
.about-inner-content h1 span{color:var(--color)}
.about-inner-content .breadcrumb,.about-inner-content .breadcrumb a{font-size:18px;color:#313131;font-weight:700}
.about-inner-content .breadcrumb a:hover{color:var(--color)}
.about-logoBox{position:absolute;bottom:0;left:0}
.about-logoBox .logo{text-align:center}
.about-logoBox .logo img{max-width:40%}
.about-logoBox .logo-t{color:#353535;font-size:18px;font-weight:700;margin:10px 0}
.about-logoBox .logo-w{color:#353535;font-size:16px;width:70%;margin:0 auto;text-align:center;line-height:1.1}
.aboutnums{margin:50px 0;display:flex;justify-content:space-between}
.aboutnum-item{width:20%;text-align:center}
.aboutnum-item:nth-child(1) .art,.aboutnum-item:nth-child(2) .art,.aboutnum-item:nth-child(4) .art{width:48%;margin:0 auto}
.aboutnum-item .num{color:#454545;font-size:46px;font-weight:700;font-family:Arial}
.aboutnum-item .art{color:#696868;font-size:24px;line-height:1.2}
.common-main article .about-t{color:#202020;font-size:36px;text-align:center;font-family:Arial;font-weight:700;text-transform:uppercase}
.about-factory{margin:50px 0}
.fac-inner{margin-top:30px}
.fac-inner .swiper{width:100%;height:300px;margin-left:auto;margin-right:auto}
.fac-inner .swiper-slide{background-size:cover;background-position:center}
.fac-inner .mySwiper2{height:80%;width:100%}
.fac-inner .mySwiper{height:20%;box-sizing:border-box;padding:30px 0}
.fac-inner .mySwiper .swiper-slide{width:25%;height:100%;border:2px solid transparent;box-sizing:border-box}
.fac-inner .mySwiper .swiper-slide-thumb-active{border:2px solid var(--color)}
.fac-inner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.fac-down{display:flex;align-items:center;justify-content:space-between}
.fac-down .mySwiper{width:calc(100% - 150px)}
.fac-swiper-button-next,.fac-swiper-button-prev{width:45px;height:95px;background:#1b1b1b;line-height:95px;text-align:center;color:#fff;font-size:30px;font-weight:700;cursor:pointer;transition:all .5s}
.fac-swiper-button-next:hover,.fac-swiper-button-prev:hover{background:var(--color)}
.fac-inner .swiper-button-disabled{opacity:.7;cursor:not-allowed;background:#1b1b1b}
.fac-arts{margin-top:10px}
.common-main article .fac-art-p{font-size:24px;color:var(--color);font-weight:700}
.common-main article .fac-art-t{font-size:18px;color:#373737;text-align:justify;line-height:1.4}
.aboutcer-ul{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;position:relative;margin-top:30px}
.aboutcer-ul:after{content:'';width:100%;height:70px;background-color:#1b1b1b;display:block;position:absolute;top:50%;transform:translateY(-50%);z-index:-1}
.aboutcer-li{width:25%}
.aboutcer-li img{transition:all .5s;box-shadow:5px 3px 7px 0 rgba(0,0,0,.25);max-width:100%;display:block}
.aboutcer-li img:hover{transform:translateY(-10px)}
.aboutcer-down{text-align:center;text-transform:uppercase;color:#202020;font-size:18px;padding:20px 5px;border:2px solid #202020;width:55%;margin:30px auto}
.aboutProduct{margin:50px 0}
.abouteam-imgs,.aboutpro-img{margin:30px 0}
.about-team-p,.aboutpro-p{color:#595959;font-size:18px;text-align:center}
.abouteam-imgs{display:flex;justify-content:space-between;flex-wrap:wrap}
.abouteam-imgs .img{width:49%;overflow:hidden}
.abouteam-imgs .img img{width:100%;display:block;transition:all .5s}
.abouteam-imgs .img img:hover{transform:scale(1.1)}
@media (max-width:1025px){.about-inner{width:100%;padding:0 20px}
.about-inner-content{right:60px}
.about-inner-content h1{font-size:40px;margin:0}
.about-inner-content .breadcrumb,.about-inner-content .breadcrumb a{font-size:12px}
.about-logoBox .logo img{max-width:25%;margin-left:25%}
.about-logoBox .logo{text-align:inherit}
.about-logoBox .logo-t{font-size:14px;margin:0}
.about-logoBox .logo-w{font-size:12px;width:100%}
.aboutnum-item .num{font-size:34px}
.aboutnum-item .art{font-size:18px}
.about-factory,.aboutnums{margin:20px 0}
.fac-down .mySwiper{width:calc(100% - 70px)}
.fac-swiper-button-next,.fac-swiper-button-prev{height:45px;width:20px;line-height:45px;font-size:18px}
.common-main article .fac-art-t{font-size:14px}
.aboutcer-down{width:80%;font-size:14px;padding:10px 0}}
@media (max-width:769px){.about-inner{padding:0}
.aboutnum-item .num{font-size:28px}
.aboutnum-item .art{font-size:14px}
.fac-inner{margin-top:0}
.abouteam-imgs,.aboutpro-img{margin:15px 0}
.about-team-p,.aboutpro-p{font-size:14px}}
@media (max-width:640px){.about-inner-content{position:inherit;right:0}
.about-inner-content h1{font-size:30px}
.about-logoBox{position:inherit;left:0}
.about-logoBox .logo img{margin-left:0}
.about-logoBox .logo-w{text-align:left}
.about-logoBox .logo-t{line-height:1.1}
.aboutnum-item:nth-child(1) .art,.aboutnum-item:nth-child(2) .art,.aboutnum-item:nth-child(4) .art{width:60%}
.aboutnum-item .num{font-size:18px}
.aboutnum-item .art{font-size:10px}
.common-main article .about-t{font-size:26px}
.fac-inner .mySwiper{padding:10px 0}
.fac-swiper-button-next,.fac-swiper-button-prev{height:20px;width:20px;line-height:20px;font-size:13px}
.common-main article .fac-art-p{font-size:18px}
.common-main article .fac-art-t{font-size:12px}
.aboutcer-ul:after{height:45px}
.aboutcer-ul{margin-top:10px}
.aboutcer-down{width:100%;margin:15px auto}
.aboutProduct{margin:25px 0}}
.wmkc-template-46 .wmkc-flex-row-reverse{align-items:center}
.wmkc-template-36 .wmkc-flex-list .wmkc-flex-t p{border:none;width:auto}
.wmkc-template-36 .wmkc-flex-item4{border:1px solid #eee}
.wmkc-template-36 .wmkc-flex-item4 .wmkc-flex-b{border:none!important}
.wmkc-template-33 .wmkc-flex{display:flex;align-items:center;background:0 0}
.wmkc-template-33 .wmkc-flex .wmkc-item-img{padding:0!important}
.wmkc-template-33 .wmkc-flex .wmkc-item-img img{position:static}
.nyaboutusbox{max-width:1000px;margin:0 auto}
.contact-box a{color:#fff}
.new-main .new-list.list0 .new-intro,.product-main .pro-list.list0 .pro-intro{word-break:break-word}
.common-main article img{max-width:100%;height:auto!important}
.pro-detail .pro-detail-content img{height:auto!important}
#new .new-img{height:350px;display:flex;align-items:center;justify-content:center}
#new .new-img img{height:100%;object-fit:cover}
#product .pro-list .pro-name{height:60px}
@media (max-width:1366px){#new .new-img{height:250px}}
@media (max-width:1024px){#new .new-img{height:200px}}
@media (max-width:768px){#new .new-img{height:225px}
#product .pro-list .pro-name{height:auto}}
@media (max-width:450px){#new .new-img{height:auto}}