@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage211-page3 .wmpage211-page3-text{display:inline-block;position:relative;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);padding-left:20px;left:50%;transform:translateX(-50%)}
.wmpage211-page3 .wmpage211-page3-text:before{content:'';position:absolute;width:14px;height:7px;background-color:var(--color);border-top-left-radius:7px;border-top-right-radius:7px;left:0;top:50%;transform:translateY(-50%) rotate(-90deg)}
.wmpage211-page3 .wmpage-title{color:var(--wmpage-color22);text-align:center}
.wmpage211-page3 .wmpage211-page3-box{margin:40px 0 20px;position:relative;width:100%;z-index:1;background: #7a7a7a;}
.wmpage211-page3 .wmpage211-page3-box::before{position:absolute;content:'';width:100%;height:100%;background:rgb(0 0 0 / 0%);left:0;top:0}
.wmpage211-page3 .wmpage211-page3-box .wmpage211-page3-slide{position:relative}
.wmpage211-page3 .wmpage211-page3-box .wmpage211-page3-bottom{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10}
.wmpage211-page3 .wmpage211-page3-box .wmpage211-page3-slide{position:relative}
.wmpage211-page3 .wmpage211-page3-box .wmpage211-page3-slide:not(:last-child){border-right:1px solid #ddd}
.wmpage211-page3 .wmpage211-page3-slide .wmpage211-page3-content{width:100%;height:100%;position:absolute;bottom:0;left:0;background:0 0;display:inline-flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;transition:all .3s linear}
.wmpage211-page3 .wmpage211-page3-slide .wmpage211-page3-content:hover .wmpage211-page3-more{opacity: 1;}
.wmpage211-page3 .wmpage211-page3-slide .wmpage211-page3-title{color:#fff;font-weight:var(--fontbold6);font-size:var(--wmpage-font20);text-transform: capitalize;}
.wmpage211-page3 .wmpage211-page3-slide .wmpage211-page3-more{display:flex;justify-content: center;align-items: center;min-width: 150px;padding: 7px;background: #fff;text-transform: uppercase;font-size: var(--fontsize14);margin-top:20px;transition:all .3s ease-in-out;opacity: 0;}
.wmpage211-page3 .wmpage211-page3-slide .wmpage211-page3-letter{color: #fff;font-weight: var(--fontbold6);margin: 15px 0 10px;text-transform: capitalize;}
.wmpage211-page3 .wmpage211-page3-slide .wmpage211-page3-icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#000000;margin-top:20px;cursor: pointer;}
.wmpage211-page3 .wmpage211-page3-slide .wmpage211-page3-icon em{color: #fff;font-size: var(--wmpage-font14);width: var(--wmpage-font14);line-height: 1;transform: rotate(-30deg);}
.wmpage211-page3 .wmpage211-page3-top{position:relative;width:100%;height:100%;z-index:-1;overflow:hidden}
.wmpage211-page3 .wmpage211-page3-top img{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}
.wmpage211-page3 .wmpage211-page3-pagination{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:2}
.wmpage211-page3 .wmpage211-page3-pagination .swiper-pagination-bullet{margin:0 4px;background:#fff}
@media screen and (max-width:768px){
.wmpage211-page3 .wmpage211-page3-slide .wmpage211-page3-content{height:100%}
.wmpage211-page3 .wmpage211-page3-slide:hover .wmpage211-page3-content{background:0 0}}


.home-products{background:#f5f5f5;padding: 0 0 4%;}
.home-products .l-wrap{max-width:1650px}
.home-title{font-size: 40px;font-weight: var(--fontbold5);color: var(--fontcolor);text-align: center;text-transform: capitalize;line-height: 1.4;}
.home-des{font-size: var(--fontsize16);color: var(--color);text-align: center;max-width: 1000px;margin: 10px auto 0px;}
#homeproducts{margin-top:2em;position:relative;padding:0 25px;overflow: hidden;}
#homeproducts .swiper-slide .slide-title{font-size: 18px;padding: 20px 10px;min-height: 100px;}
#homeproducts .swiper-slide{background:#eaebee;border-radius:10px;overflow:hidden;display: flex;flex-direction: column;}
#homeproducts .swiper-slide .img{aspect-ratio:var(--prosaspectratio);display:flex;align-items:center;justify-content:center}
#homeproducts .swiper-slide .img .pro-meta{display:none;position:absolute;top:10px;left:10px;display:flex;flex-direction:column}
#homeproducts .swiper-slide .img .pro-meta em{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:1px solid #ccc;color:#333;font-size:22px;cursor:pointer;margin-bottom:10px;border-radius:5px}
#homeproducts .swiper-slide .img .pro-meta .icon-hottitle{color:var(--color)}
#homeproducts .swiper-slide .img.lazy-loaded .pro-meta{display:block}
#homeproducts .swiper-slide .img img{width:100%;height:100%;object-fit:contain;background:#fff}
#homeproducts .swiper-slide .title{height:60px;padding:0 10px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:var(--fontbold6)}
#homeproducts .swiper-slide:hover .img img{transform:scale(1.03)}
#homeproducts .swiper-slide:hover .title{background:var(--bgcolor);color:#fff}
#homeproducts .homeproducts-next,#homeproducts .homeproducts-prev{width:50px;height:50px;background:#fff;border:1px solid #787878;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear;z-index:2;position:absolute;left:0;top:50%;transform:translateY(-50%)}
#homeproducts .homeproducts-next:hover,#homeproducts .homeproducts-prev:hover{border-color:var(--color);color:var(--color)}
#homeproducts .homeproducts-next em,#homeproducts .homeproducts-prev em{font-size:22px}
#homeproducts .homeproducts-next{left:auto;right:0}

.home-cate{position:relative;padding:4% 0}
.home-cate{background:#f5f5f5}
.home-cate .cateul{margin-top:2em;display:flex;justify-content:center;background:#e6e7e7;border-radius:26px;height:52px;padding:6px 14px}
.home-cate .cateul li{color:#666;width:16%;height:40px;line-height:40px;border-radius:18px;padding:0px 10px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:0px 10px;transition:all .1s linear;font-weight:var(--fontbold5);cursor:pointer}
.home-cate .cateul li.active{background:#FFF;color:var(--color)}
.home-cate .cateul li:hover{color:var(--color)}
.home-cate .catewrap{display:flex;align-items:stretch;margin-top:40px}
.home-cate .cateimg{width:340px;position:relative}
.home-cate .cateimg img{object-fit:cover;width:100%;height:100%}
.home-cate .cateimg .absolute{position:absolute;width:100%;bottom:20%;padding:10px 20px;display:flex;flex-direction:column;align-items:center}
.home-cate .cateimg .absolute .p1{font-size:var(--fontsize30);font-weight:var(--fontbold6);color:#FFF;line-height:1.4;text-align:center;margin-bottom:1em}
.home-cate .cateimg .absolute a{min-width:180px;padding:0px 20px;height:45px;background:rgba(0,0,3,0);border-radius:23px;border:1px solid #ecf6ff;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:#FFF;font-weight:var(--fontbold5);transition:all .1s linear}
.home-cate .cateimg .absolute a:hover{background:var(--color)}
.home-cate .catelist{padding-left:30px;flex:1}
.home-cate .catelist ul{height:100%;display:flex;flex-wrap:wrap;display:none}
.home-cate .catelist ul li{width:32%;background:#FFF;border-radius:3px;text-align:center;position:relative;overflow:hidden;margin-right:2%}
.home-cate .catelist ul li:nth-child(3n){margin-right:0}
.home-cate .catelist ul li:nth-child(1),.home-cate .catelist ul li:nth-child(2),.home-cate .catelist ul li:nth-child(3){margin-bottom:1em}
.home-cate .catelist ul li .img{width:100%;aspect-ratio:1/1;display:block;}
.home-cate .catelist ul li .img img{width:100%;height:100%;object-fit:contain;transition:.3s}
.home-cate .catelist ul li .title{width:100%;font-size:var(--fontsize18);color:#333;transition:all .1s linear;padding:8px 15px;height:70px}
.home-cate .catelist ul li .title a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.home-cate .catelist ul li:hover img{transform:scale(1.03)}
.home-cate .catelist ul li:hover .title a{color:var(--color)}
@media(max-width:1446px){.home-cate .cateul li{width:20%}}
@media(max-width:1280px){.home-cate .cateimg{display:none}
.home-cate .catelist{padding:0px}}
@media(max-width:1024px){.home-cate .cateul{flex-wrap:wrap;height:auto}
.home-cate .cateul li{width:30%;margin-right:10px}
.home-cate .cateul li:nth-child(n+4){margin-top:10px}}
@media(max-width:768px){.home-cate{padding:40px 0}
.home-cate .cateul{justify-content:space-between;margin-top:20px}
.home-cate .cateul li{width:49%;margin:0}
.home-cate .cateul li:nth-child(n+3){margin-top:10px}
.home-cate .catewrap{margin-top:30px}
.home-cate .catelist ul{justify-content:space-between}
.home-cate .catelist ul li{width:49%;margin-bottom:1em;margin-right:0}
.home-cate .catelist ul li .title{font-size:var(--fontsize16);height:60px}}
.wmpage211-page3 .wmpage211-page3-box {margin-bottom:0}
.l-wrap{max-width:1600px;margin:0 auto}
@media (max-width:1600px){.l-wrap{padding:0 3%}}
.home-container .welcome-info:not(.addwelcome) .part-title:after{content:'02';}
.aboutTit:after{content:'03';}


.lastestnew{width:100%;margin-bottom:5%;padding: 0 1%;}
.lastestnew ul{width:100%;display:flex;flex-wrap:wrap}
.lastestnew ul li{width:50%}
.lastestnew ul li a .newsitem{display:flex}
.lastestnew ul li div{flex:1}
.lastestnew ul li .news-img img{width:100%;display:block}
.lastestnew ul li .news-content{position:relative;background:#f6f6f6;display:flex;flex-direction:column;justify-content:space-evenly;height: 100%;align-items: center;text-align: center;}
.lastestnew ul li .news-content .news-title{margin:0 80px;color:#2b2b2b;font-size:22px;font-family:Open Sans;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.lastestnew ul li .news-content .news-date{margin:0 80px;color:#666;font-weight:700}
.lastestnew ul li .news-content .news-text{margin:0 80px;color:#444;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.lastestnew ul li .news-content .more-link{margin:0 80px;color:#2b2b2b;font-weight:700;line-height:24px;font-size:18px}
.lastestnew ul li .news-content .more-link i{color:#2b2b2b;position:relative;top:1px;transform:scale(1.7)}
.lastestnew ul li .news-content:before{content:"";position:absolute;bottom:0;transition:opacity .7s ease 0s,transform .7s ease 0s;width:94%;height:92%;top:4%;left:3%;opacity:0;border-top:2px solid var(--color);border-bottom:2px solid var(--color);transform:scaleX(0);-webkit-transform:scaleX(0);box-sizing:border-box}
.lastestnew ul li .news-content:after{transition:opacity .5s ease 0s,transform .5s ease 0s;content:"";border-left:2px solid var(--color);border-right:2px solid var(--color);transform:scaleY(0);-webkit-transform:scaleY(0);opacity:0;position:absolute;width:94%;height:92%;top:4%;left:3%;box-sizing:border-box}
.lastestnew ul li:hover .news-content .more-link a,.lastestnew ul li:hover .news-content .more-link i,.lastestnew ul li:hover .news-content .news-title a{color:var(--color)}
.lastestnew ul li:hover .news-content:after,.lastestnew ul li:hover .news-content:before{opacity:1;transform:scale(1)}
.lastestnew ul li:nth-child(11) a .newsitem,.lastestnew ul li:nth-child(12) a .newsitem,.lastestnew ul li:nth-child(3) a .newsitem,.lastestnew ul li:nth-child(4) a .newsitem,.lastestnew ul li:nth-child(7) a .newsitem,.lastestnew ul li:nth-child(8) a .newsitem{flex-direction:row-reverse}
@media(min-width:1441px)and (max-width:1680px){.lastestnew ul li .news-content .more-link,.lastestnew ul li .news-content .news-date,.lastestnew ul li .news-content .news-text,.lastestnew ul li .news-content .news-title{margin:0 50px}}
@media(min-width:1281px)and (max-width:1440px){.lastestnew ul li .news-content .news-title{margin:0 40px;font-size:20px}
.lastestnew ul li .news-content .more-link,.lastestnew ul li .news-content .news-date,.lastestnew ul li .news-content .news-text{margin:0 40px}}
@media(min-width:1081px)and (max-width:1280px){.lastestnew ul li .news-content .news-title{margin:0 30px;font-size:16px}
.lastestnew ul li .news-content .more-link,.lastestnew ul li .news-content .news-date,.lastestnew ul li .news-content .news-text{margin:0 30px}}
@media(min-width:769px)and (max-width:1081px){.lastestnew ul li .news-content .news-date,.lastestnew ul li .news-content .news-title{margin:0 20px;font-size:14px}
.lastestnew ul li .news-content .more-link,.lastestnew ul li .news-content .news-text{margin:0 20px;font-size:12px}
.lastestnew ul li .news-content:before{border-top:2px solid var(--color);border-bottom:2px solid var(--color)}
.lastestnew ul li .news-content:after{border-left:2px solid var(--color);border-right:2px solid var(--color)}
.lastestnew ul li .news-content:after,.lastestnew ul li .news-content:before{width:96%;height:94%;top:3%;left:2%}}
@media screen and (max-width:768px){.lastestnew{margin-bottom:40px}
.lastestnew ul li{width:100%}
.lastestnew ul li:nth-of-type(2n){display:none}
.lastestnew ul li .news-content,.lastestnew ul li .news-img{width:50%}
.lastestnew ul li .news-content .news-title{margin:1.0666666667vw 2.6666666667vw 0;font-size:3.4666666667vw}
.lastestnew ul li .news-content .news-date{margin:.6666666667vw 2.6666666667vw;font-size:3.2vw}
.lastestnew ul li .news-content .news-text{display:none;margin:0 2.6666666667vw;font-size:3.4vw;line-height:110%}
.lastestnew ul li .news-content .more-link{display:none}}
@media screen and (min-width:751px)and (max-width:768px){.lastestnew ul li .news-content .news-title{font-size:24px}
.lastestnew ul li .news-content .news-date{font-size:20px}
.lastestnew ul li .news-content .news-text{font-size:18px}}
@media screen and (max-width:768px){.lastestnew ul li .news-content{justify-content:space-around}}
@media (min-width:769px) and (max-width:1081px){.lastestnew ul li .news-content .news-text{display:none}}
@media screen and (max-width:768px){.lastestnew ul li:nth-of-type(2n){display:block}
.lastestnew ul li:nth-child(11) a .newsitem,.lastestnew ul li:nth-child(12) a .newsitem,.lastestnew ul li:nth-child(3) a .newsitem,.lastestnew ul li:nth-child(4) a .newsitem,.lastestnew ul li:nth-child(7) a .newsitem,.lastestnew ul li:nth-child(8) a .newsitem{flex-direction:row}
.lastestnew ul li:nth-of-type(2n) a .newsitem{flex-direction:row-reverse}}
@media screen and (min-width:768px){.lastestnew ul li{min-height:200px}
.lastestnew ul li a{display:block;height:100%}
.lastestnew ul li div{background: #f6f6f6;display: flex;height: 100%;}
.lastestnew ul li a .newsitem{height:100%}}




#swiper-part1{margin-bottom:60px}
#swiper-part1 .swiper-wrapper{justify-content:space-between}
#swiper-part1 .swiper-wrapper .swiper-slide{width:24%;height:auto}
#swiper-part1 .swiper-wrapper .swiper-slide .part-list-item .item-img{background:0 0}
#swiper-part1 .swiper-wrapper .swiper-slide .part-list-item:hover .item-img{background:#2b3aa1}
#swiper-part1 .swiper-wrapper .swiper-slide .part-list-item .item-title{margin:10px;padding:0;text-align:center;min-height:inherit}
@media screen and (max-width:768px){
#swiper-part1 .swiper-wrapper .swiper-slide{width:48%;margin-bottom:20px}
#swiper-part1 .swiper-wrapper{flex-wrap:wrap}
#swiper-part1{margin-bottom:30px}
}
.welcome-info.addwelcome .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img img{object-fit:cover}
.welcome-info.addwelcome .part-title h3 em{text-transform:uppercase}
.welcome-info.addwelcome .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content{-webkit-line-clamp:8;text-transform:capitalize}
.welcome-info.addwelcome .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title{text-transform:capitalize}