﻿ @import url(https://js01.v15cdn.com/single-template/public.css);.wmpage184-page4{background:url(https://img01.v15cdn.com/singletem/wmpage184/wmpage184-page4-img5.webp) no-repeat}
.wmpage184-page4 .wmpage-title{text-align:center;color:#fff}
.wmpage184-page4 .wmpage184-page4-desc{max-width:700px;margin:0 auto;text-align:center;color:#fff;opacity:.8}
.wmpage184-page4 .wmpage184-page4-box{padding:30px 0}
.wmpage184-page4 .wmpage184-page4-slide{position:relative;overflow:hidden;border-radius:30px;transition:transform .6s ease;transform-origin:top}
.wmpage184-page4 .wmpage184-page4-slide.swiper-slide-active{transform:scaleY(1.05);z-index:1}
.wmpage184-page4 .wmpage184-page4-slide .wmpage184-page4-img{position:relative;width:100%;height:100%;transition:all .3s linear;border-radius:20px}
.wmpage184-page4 .wmpage184-page4-slide .wmpage184-page4-img img{width:100%;height:100%;object-fit:cover}
.wmpage184-page4 .wmpage184-page4-slide .wmpage184-page4-info{position:absolute;bottom:0;left:0;height:100%;width:100%;background:linear-gradient(180deg,rgba(121,121,121,0) 40%,var(--color) 100%);z-index:1;opacity:0;transition:all .2s linear}
.wmpage184-page4 .wmpage184-page4-slide.swiper-slide-active .wmpage184-page4-info{opacity:1}
.wmpage184-page4 .wmpage184-page4-slide .wmpage184-page4-card{display:inline-block;padding:10px 15px;background:var(--color);line-height:1;border-radius:30px;color:#fff;font-weight:var(--fontbold6);position:absolute;bottom:80px;left:40px}
.wmpage184-page4 .wmpage184-page4-slide .wmpage184-page4-title{color:#fff;font-size:var(--wmpage-font20);font-weight:var(--fontbold6);position:absolute;bottom:40px;left:40px}
.wmpage184-page4 .wmpage184-page4-btn{position:relative;width:50%;display:flex;justify-content:space-between;align-items:center;margin:0 auto;margin-top:100px}
.wmpage184-page4 .wmpage184-page4-btn::after{position:absolute;content:'';width:50%;height:2px;background:#fff;left:50%;top:50%;transform:translate(-50%)}
.wmpage184-page4 .wmpage184-page4-btn .wmpage184-page4-pagination{color:#fff;font-size:var(--wmpage-font20,20px);font-weight:var(--fontbold6)}
.wmpage184-page4 .wmpage184-page4-btn .wmpage184-page4-right{display:flex}
.wmpage184-page4 .wmpage184-page4-btn .wmpage184-page4-next,.wmpage184-page4 .wmpage184-page4-btn .wmpage184-page4-prev{display:flex;justify-content:center;align-items:center;width:35px;height:35px;border-radius:50%;border:2px solid #fff}
.wmpage184-page4 .wmpage184-page4-btn .wmpage184-page4-next{margin-right:15px}
.wmpage184-page4 .wmpage184-page4-btn .wmpage184-page4-next em,.wmpage184-page4 .wmpage184-page4-btn .wmpage184-page4-prev em{color:#fff;font-size:var(--wmpage-font16);width:var(--wmpage-font16);line-height:1}
@media screen and (max-width:768px){.wmpage184-page4 .wmpage184-page4-btn::after{display:none}
.wmpage184-page4 .wmpage184-page4-slide.swiper-slide-active{transform:scaleY(1)}
.wmpage184-page4 .wmpage184-page4-btn{margin-top:30px}
}.home-cate .list li{width:calc(25% - 10px);margin:0 5px;margin-bottom:10px}
.home-cate .list li.li-1{width:calc(33.33% - 10px)}
.home-cate .list{display:flex;flex-wrap:wrap}
.home-cate .list li .content{position:relative;width:100%}
.home-cate .list li .content .li-img img{width:100%}
.home-cate .list li .tag{font-size:18px;color:#3b414a;padding-bottom:19px;text-align:center;font-weight:800}
.home-cate .list li .blank-box{background:rgba(0,0,0,0.5);width:100%;height:100%;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.5);opacity:0;z-index:44;color:#fff;display:flex;align-items:center;flex-direction:column;justify-content:center}
.home-cate .list li .blank-box .title{font-weight:700}
.home-cate .list li .blank-box .desc{text-align:center;margin:20px 0;color:rgba(255,255,255,0.7);line-height:1.5}
.home-cate .list li .blank-box a{color:#fff;padding:8px 10px;border:1px solid #fff;text-transform:uppercase}
.home-cate .list li:hover .blank-box{opacity:1}
@media (max-width:768px){.home-cate .list li,.home-cate .list li.li-1{width:calc(50% - 10px)}
}@media (max-width:768px){.home-cate .list li,.home-cate .list li.li-1{width:100%;margin:0}
}.wmpage184-page4-box{overflow:hidden}
.home-cate .list li .blank-box a:hover {background: #d12338;border: none;}
.home-cate .list li:hover .content .tag{opacity:0}
.home-cate .list li .content{background:url(/Content/uploads/2025349010/20250716090417a2451498988c4f50b8be908594269a6b.jpg) no-repeat;background-size:cover}
@media (min-width:768px){.home-cate .list li .content .li-img{display:flex;align-items:center;justify-content:center;height:350px}
.home-cate .list li .content .li-img img{max-width:70%}}
  .home-cate .home-title{width:100%;height:auto;display:block;font-size:38px;text-align:center;color:#3b414a;font-weight:normal}
.home-cate .home-title span{font-size:38px;text-align:center;color:#3b414a;font-weight:800}
.home-cate .home-desc{text-align:center;max-width:80%;margin:0 auto;color:#636363;line-height:32px}
@media (max-width:768px){.home-cate .home-desc{font-size:17px;margin-bottom:20px;max-width:unset}}
 .home-cate{padding:2% 0}
.home-cate .home-desc{margin-bottom:2%}
.news-pro{padding: 5% 0;}
.news-pro .swiper-box{display:flex;align-items:center;justify-content:space-between;position:relative}
.news-pro .swiper-box  .news-pro-swiper{margin:0 60px;overflow:hidden}
.news-pro .swiper-button-next:after,.news-pro .swiper-button-prev:after{font-size:30px}
.news-pro .img-wrap{border:none}
@media (max-width:1024px) {.news-pro .swiper-box .news-pro-swiper{margin: 0 40px;}}
@media (max-width: 768px){.news-pro{margin: 0;padding:40px 0}
}


.wmpage222-page4 .wmpage222-page4-text{color:var(--color);font-size:var(--wmpage-font17);letter-spacing:5px;text-transform:uppercase;font-weight:var(--fontbold6);text-align:center}
.wmpage222-page4 .wmpage-title{text-align:center;color:var(--wmpage-color22)}
.wmpage222-page4 .wmpage222-page4-box{margin-top:30px}
.wmpage222-page4 .wmpage222-page4-slide{position:relative;overflow:hidden;z-index:2}
.wmpage222-page4 .wmpage222-page4-slide::before{position:absolute;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0),#000);content:'';opacity:1;top:30px;transition:.5s;z-index:1}
.wmpage222-page4 .wmpage222-page4-slide:hover::before{background-image:linear-gradient(to bottom,rgba(37,19,209,.4),var(--color));top:0}
.wmpage222-page4 .wmpage222-page4-slide .wmpage222-page4-img{position:relative;width:100%}
.wmpage222-page4 .wmpage222-page4-slide .wmpage222-page4-img img{position:relative;width:100%;height:auto;object-fit:cover}
.wmpage222-page4 .wmpage222-page4-slide .wmpage222-page4-info{position:absolute;left:0;bottom:-30px;width:100%;height:40%;text-align:center;transition:.5s;z-index:3}
.wmpage222-page4 .wmpage222-page4-slide:hover .wmpage222-page4-info{bottom:0}
.wmpage222-page4 .wmpage222-page4-slide .wmpage222-page4-words{font-size:var(--wmpage-font15);color:#fff;opacity:.8}
.wmpage222-page4 .wmpage222-page4-slide .wmpage222-page4-title{font-weight:var(--fontbold7);font-size:var(--wmpage-font20);color:#fff}
.wmpage222-page4 .wmpage222-page4-pagination{text-align:center;margin-top:30px}
.wmpage222-page4 .wmpage222-page4-pagination .swiper-pagination-bullet{width:20px;height:8px;border-radius:5px;transition:all .3s linear}
.wmpage222-page4 .wmpage222-page4-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:35px}
.wmpage196-page3 .wmpage196-page3-top{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:self-end}
.wmpage196-page3 .wmpage196-page3-left{width:70%}
.wmpage196-page3 .wmpage196-page3-text{display:inline-block;background:linear-gradient(45deg,var(--color) 30%,var(--wmpage-color0) 90%);background-clip:text;-webkit-text-fill-color:transparent;font-size:var(--wmpage-font18);font-weight:var(--fontbold6);text-transform:uppercase}
.wmpage196-page3 .wmpage196-page3-right{width:30%;display:flex;align-items:center;gap:25px;justify-content: center;}
.wmpage196-page3 .wmpage196-page3-next,.wmpage196-page3 .wmpage196-page3-prev{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color);border-radius:50%;transition:all .2s linear;flex-shrink:0}
.wmpage196-page3 .wmpage196-page3-next em,.wmpage196-page3 .wmpage196-page3-prev em{color:#fff;font-size:var(--wmpage-font14)}
.wmpage196-page3 .wmpage196-page3-next:hover,.wmpage196-page3 .wmpage196-page3-prev:hover{background:#000}
.wmpage196-page3 .wmpage196-page3-pagination{width:auto;flex:0 0 auto;font-weight:var(--fontbold6);font-size:var(--wmpage-font18)}
.wmpage196-page3 .wmpage196-page3-bottom{padding:30px 20px;margin-top:20px}
.wmpage196-page3 .wmpage196-page3-slide{padding:35px 30px 20px;box-shadow:0 10px 20px 5px rgb(109 117 143 / 22%);border-radius:10px}
.wmpage196-page3 .wmpage196-page3-slide .wmpage196-page3-img{width:100%;overflow:hidden}
.wmpage196-page3 .wmpage196-page3-slide .wmpage196-page3-img img{width:100%;height:auto;object-fit:cover;transition:all .2s linear}
.wmpage196-page3 .wmpage196-page3-slide:hover .wmpage196-page3-img img{transform:scale(1.04)}
.wmpage196-page3 .wmpage196-page3-slide .wmpage196-page3-info{margin-top:20px}
.wmpage196-page3 .wmpage196-page3-slide .wmpage196-page3-title{display:flex;align-items:center}
.wmpage196-page3 .wmpage196-page3-slide .wmpage196-page3-title em{display:inline-flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background:var(--color);color:#fff;font-size:var(--wmpage-font22)}
.wmpage196-page3 .wmpage196-page3-slide .wmpage196-page3-title p{flex:1;margin-left:10px;font-weight:var(--fontbold6);font-size:var(--wmpage-font20)}
.wmpage196-page3 .wmpage196-page3-slide .wmpage196-page3-desc{color:var(--wmpage-color8);margin:15px 0 20px}
.wmpage196-page3 .wmpage196-page3-slide .wmpage196-page3-more a{text-transform:uppercase;color:rgba(0,0,0,.7);font-weight:var(--fontbold6);transition:all .2s linear}
.wmpage196-page3 .wmpage196-page3-slide .wmpage196-page3-more a:hover{color:#000}
@media screen and (max-width:768px){.wmpage196-page3 .wmpage196-page3-left{width:100%}
.wmpage196-page3 .wmpage196-page3-slide{padding:40px 20px}
.wmpage196-page3 .wmpage196-page3-right{width:100%;margin-top:20px}
}
.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0px;z-index:1}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}
.wmpage196-page3 .wmpage196-page3-text{background:none;-webkit-text-fill-color:inherit;color:var(--color)}
.wmpage196-page3 .wmpage196-page3-next, .wmpage196-page3 .wmpage196-page3-prev{cursor:pointer}
.home-service .wmpage-lwrap,.home-service2 .wmpage-lwrap{max-width:1600px;padding-left:0;padding-right:0}
@media (max-width:1620px){.home-service .wmpage-lwrap,.home-service2 .wmpage-lwrap{max-width:1200px;}}
@media (max-width:1280px){.home-service .wmpage-lwrap,.home-service2 .wmpage-lwrap{max-width:1000px;}}
@media (max-width:768px){.home-service .wmpage-lwrap,.home-service2 .wmpage-lwrap{padding-left:4vw;padding-right:4vw}
.wmpage196-page3 .wmpage196-page3-bottom{padding-left:3px;padding-right:3px}}
.home-cate .list li .blank-box .desc{padding:0 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden;}
.home-about{padding:3% 0;position:relative}
.home-about .home-icon{background: var(--color);text-align: center;text-transform: uppercase;margin-bottom: 10px;width: 30px;height: 3px;display: flex;}
.home-about .wmpage-lwrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0;max-width:1600px;}
.home-about .aboutinfo{width:65%}
.home-about .aboutinfo .home-title{text-align:left;font-weight: var(--fontbold7);font-size:40px}
.home-about .aboutinfo p{margin:1em 0;color:var(--introcolor)}
.home-about .aboutinfo .more{font-size:var(--fontsize18);font-weight:var(--fontbold5);height:50px;color:var(--color);display:inline-flex;align-items:center;margin-top:10px;border-radius:10px;transition:all .2s linear}
.home-about .aboutinfo .more:hover{background:var(--color);padding:0 20px;color:#FFFFFF}
.home-about .aboutinfo .more em{margin-left:10px;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF;font-size:12px;background:var(--color)}
.home-about .aboutimg{flex:1;padding-left:3%}
.home-about .aboutimg img{transition:all .1s linear;width:100%;}
.home-about .aboutimg img:hover{transform:scale(1.02) rotate(1deg)}
@media (max-width:1620px){.home-about .wmpage-lwrap{max-width:1200px;}
.home-about .aboutinfo{width:60%}}
@media (max-width:1280px){.home-about .wmpage-lwrap{max-width:1000px;}
.home-about .aboutinfo .home-title{font-size:30px;}}
@media (max-width:768px){.home-about{padding:30px 0;}
.home-about .wmpage-lwrap{flex-direction:column;padding-left:4vw;padding-right:4vw;box-sizing: border-box;}
.home-about .aboutinfo{width:100%}
.home-about .aboutinfo .home-title{font-size:24px;}
.home-about .aboutinfo .more{margin-top:0}
.home-about .aboutimg{width:100%;padding:0;margin-top:20px}}
.home-service2 .swiper-slide{height:auto}