@charset "utf-8";
.wmkc-template-33 .wmkc-flex{display:flex;align-items:center;background:none}
.wmkc-template-33 .wmkc-item-img{padding:0!important}
.wmkc-template-33 .wmkc-item-img img{max-height:inherit!important;position:static!important}
.tabs-cont .tabs-item{max-width:1200px;margin:0 auto;padding:0 15px}
.common-main .news-list.list1 li .news-more{transform:translate(0);margin-top:15px}
.common-main .news-list.list1 li .news-cont{padding-bottom:20px}
.common-main .news-list .news-title{height:46px;line-height:23px;-webkit-line-clamp:2}
#info .info-item{background:url(/Content/uploads/2023945882/202304041335097b538324a4824720a9831f031917d48b.jpg) center/cover no-repeat}
.common-main .pro-cate li .cate-cont{background-color:#f7f7f7b3}
.inner-banner h2,.inner-banner h1{top:75%;text-align:left;padding-left:8%}
#info .info-cont { font-size: 24px;}
.home-procate {padding:4% 0 2%}
.procate-list {display:flex;flex-wrap:wrap;padding-top:20px;}
.procate-list .procate-item {z-index:99;width:22%;margin-right:4%;background:#FFF;box-shadow:0 3px 18px 0 rgba(0,0,0,.16);transition:all .1s linear;overflow:hidden;border-radius:5px}
.procate-list .procate-item:hover {box-shadow:0 3px 18px 0 rgba(0,0,0,.24)}
.procate-list .procate-item:hover .procate-img img {transform:scale(1.02)}
.procate-list .procate-item:hover .procate-title a {color:var(--color)}
.procate-list .procate-item:nth-child(4) {margin-right:0px}
.procate-list .procate-item .procate-img {max-height:360px;min-height:180px;position:relative;display:flex;align-items:center;justify-content:center}
.procate-list .procate-item .procate-img .tags {position:absolute;top:0px;left:0px;background:rgba(0,0,0,.24);color:#FFF;padding:2px 8px;z-index:1;border-radius:5px 0 0 0;text-transform:lowercase;font-size:var(--fontsize14)}
.procate-list .procate-item .procate-img img {width:100%;height:100%;object-fit:cover}
.procate-list .procate-item .procate-title {height:80px;display:flex;align-items:center;padding:10px 20px}
.procate-list .procate-item .procate-title a {display:inline-block;width:100%;font-size:var(--fontsize18);font-weight:var(--fontbold5);color:#272727;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media (max-width:768px){.procate-list {justify-content:space-between}
.procate-list .procate-item{width:48%;margin:0 0 30px}}
@media (max-width:500px){.procate-list {padding-top:10px;}}
#projects::after{display:none}
#projects{padding-top:3vw;padding-bottom:3vw}
#projects::before{background:#000}
#news{padding-top:4vw}
@media (max-width:500px){#projects{padding-top:30px;padding-bottom:30px}
#news{padding-top:30px}}
#home-swiper .banner-animate {position:absolute;top:50%;left:25%;transform:translateY(-50%);width:56%;color:#FFF;opacity:0;z-index:2;}
#home-swiper .swiper-slide-active .banner-animate {animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani {0% {margin-top:20px}
100% {opacity:1;margin-top:0}}
.bannertxt1-tit {font-size:2.2vw;font-weight:bold;margin-bottom:1vw;line-height:1.2}
.bannertxt1 p {font-size:1.1vw;margin-top:.5vw}
.bannertxt1 p span{font-size:1.3vw}
.bannertxt1 .bannertxt1-mdtxt{font-size:1.3vw}
@media (max-width:1024px){.bannertxt1 p{font-size:12px;margin-top:5px}
.bannertxt1 p span{font-size:14px}
.bannertxt1 .bannertxt1-mdtxt{font-size:14px}}
@media (max-width:768px){.bannertxt1-tit{font-size:16px;}
#home-swiper .banner-animate{top:45%;width:70%;left:27%}}
@media (max-width:600px){.bannertxt1 p{display:none}}
@media (max-width:415px){.bannertxt1-tit{font-size:14px;}}
#home-swiper .banner-animate.bannertxt2 {top:53%;left:8%;width:43%;}
.bannertxt2-tit{font-size:2.5vw;font-weight:bold;line-height:1.2}
.bannertxt2-tit2{font-size:3.2vw;font-weight:bold;margin-bottom:1vw;line-height:1.2}
.pro-detail .pro-detail-top .pro-info .pro-con{letter-spacing:.1px}
.bannertxt2 p {font-size:1.6vw;margin-top:.5vw;line-height:1.3}
@media (max-width:1024px){.bannertxt2 p{font-size:16px;margin-top:5px}}
@media (max-width:768px){.bannertxt2-tit{font-size:16px;}
.bannertxt2-tit2{font-size:18px;margin-top:3px}
.bannertxt2 p{font-size:12px}}
@media (max-width:600px){.bannertxt2 p{display:none}
.bannertxt2-tit{font-size:13px;}
.bannertxt2-tit2{font-size:16px;margin-bottom:0}}
@media (max-width:500px){#home-swiper .banner-animate.bannertxt2 {left:4%;width:48%;}
.bannertxt2-tit{font-size:12px;}
.bannertxt2-tit2{font-size:14px;}}
#home-swiper .banner-animate.bannertxt3 {top:64%;left:50%;width:34%;color:#000;text-align:center;transform:translate(-50%,-50%)}
.bannertxt3-tit{font-size:2.6vw;font-weight:bold;line-height:1.2;}
.bannertxt3 p {font-size:1.3vw;margin-top:1vw;line-height:1.3;font-weight:300}
.bannertxt3-btn{display:flex;justify-content:center;margin-top:2.4vw;}
.bannertxt3-btn a{display:block;background:#13197E;font-size:1.1vw;color:#fff;padding:.5vw 2vw}
.bannertxt3-btn a:hover{background:var(--color)}
@media (max-width:1024px){.bannertxt3 p{font-size:14px;margin-top:5px}
.bannertxt3-btn a{font-size:12px;padding:5px 15px}}
@media (max-width:768px){.bannertxt3-tit{font-size:18px;}
.bannertxt3 p{font-size:12px}
.bannertxt3-btn{margin-top:15px;}}
@media (max-width:600px){.bannertxt3-tit{font-size:15px;}
.bannertxt3-btn{display:none}}
@media (max-width:500px){.bannertxt3 p{display:none;}}
.home-choose{padding-bottom:4%;}
.home-choose .home-des{font-weight: var(--fontbold4);color: #666;text-align: center;max-width: 1000px;margin: 0 auto 10px;}
.home-choose .choose-list{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-choose .choose-list li{width:15.5%;display:flex;flex-direction:column;align-items:center;text-align:center}
.home-choose .choose-list li .icon{position:relative;z-index:1}
.home-choose .choose-list li .icon img{height:56px;width:auto}
.home-choose .choose-list li .icon::after{content:"";position:absolute;bottom:-15px;left:90%;transform:translateX(-50%);width:50px;height:50px;background:var(--color);opacity:.5;border-radius:50%;z-index:-1}
.home-choose .choose-list li:nth-child(3) .icon::after{left:50%}
.home-choose .choose-list li .title{font-size:var(--fontsize20);margin:40px 0 10px}
.home-choose .choose-list li .text{color:#555;font-size:var(--fontsize14);margin-bottom:25px;max-width:300px;margin-left:auto;margin-right:auto}
.home-choose .choose-list li .more{margin-top:auto}
.home-choose .choose-list li .more a{font-size:var(--fontsize14);text-transform:uppercase;position:relative;padding-bottom:5px}
.home-choose .choose-list li .more a::after{content:"";position:absolute;left:0;bottom:0;width:60px;height:1px;background:#000;transition:all .1s linear}
.home-choose .choose-list li .more em{margin-left:10px}
.home-choose .choose-list li:hover .more a{color:var(--color)}
.home-choose .choose-list li:hover .more a::after{width:100%}
@media (max-width:1200px){.home-choose .choose-list li{width:32%;margin-bottom:35px}}
@media (max-width:768px){.home-choose .choose-list li{width:49%;}
.home-choose .choose-list li .icon img{height:40px}
.home-choose .choose-list li .icon::after{width:45px;height:45px}}
@media (min-width:1025px){.head-menu-box nav>ul {justify-content:center;}
.head-menu-box nav>ul>li>a {font-size:22px;padding:0 25px;}
.head-menu-box nav>ul>li ul{background:#000}
.head-menu-box nav>ul>li ul a{color:#fff}
.head-menu-box nav>ul>li ul a:hover{background:var(--color);color:#fff}}
@media (min-width:1025px){.common-main .pro-cate li {width:24%;margin:0 1.333% 30px 0;}
.common-main .pro-cate li:nth-child(3n) {margin-right:1.333%}
.common-main .pro-cate li:nth-child(4n) {margin-right:0}}
.common-main .news-list.list0 li .news-img {height:285px;}
.common-main .news-list.list0 li .news-img img {width:100%;height:100%;object-fit:contain;background:#fff;}
@media (max-width:900px){.common-main .news-list.list0 li .news-img {display:block;height:0;padding-bottom:33.5%;position:relative}
.common-main .news-list.list0 li .news-img img {position:absolute;top:0;left:0;}}
.sidebar-item .sidebar-title {background:#000;color:#fff;padding:10px 15px;border:none;}
.sidebar-item .sidebar-title:after {display:none;}
.sidebar-cate {border:3px solid #000;margin-top:-20px}
.sidebar-cate>li>a {padding-left:15px;}
.sidebar-cate>li>a:hover {background:#000;color:#fff;}
.sidebar-cate>li>a:hover+ul+i {color:#fff}
.sidebar-cate .sub-menu li a {padding:10px 15px;}
.sidebar-cate .sub-menu {padding:0;}
.sidebar-cate .sub-menu li a:hover {background:#000;color:#fff;}
.about-conbtn a:nth-child(1){margin-right:12px}
#about .l-wrap{align-items:center;}
@media (min-width:769px){#about .about-con{padding-top:0;}.home-choose .choose-list li{width:33%;}}
.home-choose .choose-list li .more{display:none;}
.home-choose .choose-list li .icon::after{opacity: 1;}
#about .home-label{display:none;}
.procate-list .procate-item .procate-img .tags{display:none;}
.procate-list .procate-item .procate-title a{text-align: center;}
.home-procate{background: #F8F8F8;}
#product .home-label{display:none;}
@media(min-width:1025px){.procate-list .procate-item .procate-title a{font-size:21px;}}
#product .pro-list li .pro-img>a{padding-bottom: 100%;}
#product .pro-list li .pro-img>a img{ position: absolute;top: 0;object-fit: cover;height: 100%;}
.info-btn {display:flex;}
.info-btn a {background:#fff;display:block;line-height:1.2;color:var(--color);font-size:17px;padding:10px 25px;border:1px solid #fff}
.info-btn a:hover {background:var(--color);color:#fff;}
#info {padding-top:4%;background-size:100% 55%;}
#info .info-bottom {margin-top:40px;}
@media (min-width:901px){#info .info-item {padding:30px 3% 70px;}}
@media (max-width:1024px){#info .info-cont{width:100%;text-align:center;}
.info-btn {width:100%;justify-content:center;margin-top:20px}}
#projects #home-projects .swiper-slide .projects-cont a {display:none;}
@media (min-width:901px){#projects #home-projects .swiper-slide.swiper-slide-active {transform:scale(1.4)}
#projects #home-projects {padding:4% 0}}
#projects::before{height:55%}
.more-btn{text-transform: capitalize;}
.common-main .pro-list .pro-info .pro-more{text-transform: capitalize;padding: 5px 10px;}
.sidebar-prolist .pro-more{text-transform: capitalize;}
.common-main .news-list .news-more{text-transform: capitalize;}
.common-main .pro-list .pro-info .pro-more:hover{background: var(--color);color: #fff;}
.head-main .head-logo {min-height:100%;max-height:100%;max-width:inherit;height:100%;display:flex;flex-wrap:nowrap;}
.head-main .head-logo img {max-height:85%;}
.head-logo .tname {line-height:1.3;color:#066739;font-weight:bold;font-size:17px;margin-left:10px;}
.head-right {width:auto;flex:1;}
@media (max-width:1280px) and (min-width:1025px){.head-menu-box nav>ul>li>a{padding:0 15px;white-space:nowrap}
.head-logo .tname{font-size:15px}}
@media (max-width:768px){.head-logo .tname{display:none}}
.foot-about .foot-title{display:flex;align-items:center}
.foot-about .foot-title img{max-height:70px;}
.foot-about .foot-title .tname {line-height:1.4;color:#fff;font-weight:bold;font-size:16px;margin-left:10px;}
@media (max-width:1600px){.foot-about .foot-title .tname{font-size:15px}}
@media (max-width:1440px){.foot-about .foot-title img{max-height:60px;}
.foot-about .foot-title .tname{font-size:13px}}
.common-main .pro-list .pro-info .pro-more{background:#252525;color:#fff;padding:6px 15px}
.common-main .pro-list.list1 li .pro-img a{display:block;width:100%;position:relative;padding-bottom:100%}
.common-main .pro-list.list1 li .pro-img a img{position:absolute;top:0;left:0;object-fit:contain;height:100%;width:100%;background:#fff}
#product .pro-list li .pro-cont .more-btn{background:#252525;color:#fff;padding:6px 15px}
.projectsflex {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.projectsflex .info-btn {margin-left:35px;}
@media (max-width:1024px){.projectsflex {flex-direction:column}
.projectsflex .info-btn {margin:10px 0 10px}}
@media (min-width: 1025px) {.common-main .pro-cate li {width: 32%;}}
.sidebar-cate>li:first-child{border-top:1px solid #fff;}
.sidebar-cate li.sidebar-showli>a{background:#000!important;color:#fff!important}
.sidebar-cate li.sidebar-showli>i{color:#fff!important}
.pro-detail-content .tabs-nav p:nth-child(2){display:none;}
@media (min-width:1025px) and (max-width:1600px){main .l-wrap{padding-left:70px;padding-right:70px;}}