﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage191-page4 .wmpage191-page4-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:self-end}
.wmpage191-page4 .wmpage191-page4-top .wmpage191-page4-left{width:50%}
.wmpage191-page4 .wmpage191-page4-top .wmpage191-page4-text{color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font18)}
.wmpage191-page4 .wmpage191-page4-top .wmpage191-page4-desc{color:var(--wmpage-color8)}
.wmpage191-page4 .wmpage191-page4-top .wmpage191-page4-right{width:50%;display:flex;justify-content:right}
.wmpage191-page4 .wmpage191-page4-top .wmpage191-page4-next,.wmpage191-page4 .wmpage191-page4-top .wmpage191-page4-prev{width:45px;height:45px;border:2px solid #000;display:flex;justify-content:center;align-items:center;transition:all .2s linear}
.wmpage191-page4 .wmpage191-page4-top .wmpage191-page4-next{margin-right:10px}
.wmpage191-page4 .wmpage191-page4-top .wmpage191-page4-next em,.wmpage191-page4 .wmpage191-page4-top .wmpage191-page4-prev em{color:#000;font-size:var(--wmpage-font22);transition:all .2s linear}
.wmpage191-page4 .wmpage191-page4-top .wmpage191-page4-next:hover,.wmpage191-page4 .wmpage191-page4-top .wmpage191-page4-prev:hover{background:var(--color);border:2px solid var(--color)}
.wmpage191-page4 .wmpage191-page4-top .wmpage191-page4-next:hover em,.wmpage191-page4 .wmpage191-page4-top .wmpage191-page4-prev:hover em{color:#fff}
.wmpage191-page4 .wmpage191-page4-bottom{margin-top:30px}
.wmpage191-page4 .wmpage191-page4-slide{position:relative;height:auto}
.wmpage191-page4 .wmpage191-page4-slide .wmpage191-page4-img img{position:relative;width:100%;height:auto;object-fit:cover;aspect-ratio:4/3}
.wmpage191-page4 .wmpage191-page4-slide .wmpage191-page4-info{padding:20px 25px;position:absolute;max-width: 90%;left: 5%;bottom: 5%;background:var(--color);opacity:0;transform:scale(0);transition:all .3s linear}
.wmpage191-page4 .swiper-slide-active .wmpage191-page4-info{opacity:1;transform:scale(1)}
.wmpage191-page4 .wmpage191-page4-slide .wmpage191-page4-title{font-size:var(--wmpage-font20);font-weight:var(--fontbold6);color: #fff;}
.wmpage191-page4 .wmpage191-page4-slide .wmpage191-page4-words{color:#fff;font-size:var(--wmpage-font15);margin:5px 0 10px}
.wmpage191-page4 .wmpage191-page4-slide .wmpage191-page4-btn a{position:relative;display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;background:#fff;margin-top:10px;overflow:hidden;z-index:1}
.wmpage191-page4 .wmpage191-page4-slide .wmpage191-page4-btn a em{color:var(--color);transform:rotate(-30deg);transition:all .3s linear}
.wmpage191-page4 .wmpage191-page4-slide .wmpage191-page4-btn a::before{content:'';width:0;height:500%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background:#fff;transition:all .3s linear;display:block;z-index:-1}
.wmpage191-page4 .wmpage191-page4-slide .wmpage191-page4-btn a:hover::before{width:150%}
.wmpage191-page4 .wmpage191-page4-slide .wmpage191-page4-btn a:hover em{color:var(--wmpage-color22)}
@media screen and (max-width:1024px){.wmpage191-page4 .wmpage191-page4-top .wmpage191-page4-left{width:100%}
.wmpage191-page4 .wmpage191-page4-top .wmpage191-page4-right{width:100%;justify-content:left;margin-top:20px}}
@media screen and (max-width:768px){.wmpage191-page4 .wmpage191-page4-slide{height:500px}
.wmpage191-page4 .wmpage191-page4-slide .wmpage191-page4-img{width:100%;height:100%}
.wmpage191-page4 .wmpage191-page4-slide .wmpage191-page4-img img{position:relative;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.wmpage191-page4 .wmpage191-page4-slide .wmpage191-page4-info{display:inline-flex;flex-direction:column;justify-content:center;width:90%;height:60%;left:50%;bottom:0;top:50%;transform:translate(-50%,-50%) scale(0)}
.wmpage191-page4 .swiper-slide-active .wmpage191-page4-info{transform:translate(-50%,-50%) scale(1)}}
.home-banner .swiper-slide>a::after{display: none;}
.home-about .about-item .about-img iframe{aspect-ratio:16/9}
.home-cate .cateimg img{filter:brightness(.6)}
.home-products .slide-title{text-align: center;padding: 10px 0px;}

.l-wrap{max-width: 1600px;margin: auto;padding: 0 20px;width: 100%;}

.home-case{background-repeat:no-repeat;background-size:cover;box-sizing:border-box;margin-bottom:90px;background:var(--color)}
.home-case .l-wrap{padding-bottom:0px;box-sizing: border-box;padding: 3% 70px;}
.home-case .l-wrap .theme{text-align:center;color:var(--headercolor);text-transform: uppercase;}
.home-case .l-wrap .title{text-align:center;color:var(--headercolor);font-size: var(--fontsize36);font-weight: var(--fontbold5);text-transform: capitalize;}
.home-case .l-wrap .case{transform:translateY(10%);padding:0px;}
/*.home-case .l-wrap .case .case-content{display:flex;align-items:center;justify-content:space-between}*/
.home-case .l-wrap .case .item{position:relative;width:31.25%;list-style:none;border-radius:var(--border);overflow:hidden;transition:all .4s ease}
.home-case .l-wrap .case .item img{width:100%}
.home-case .l-wrap .case .item .text{background-color:#FFFFFF20;width:100%;height:100%;position:absolute;top:0px;left:0px;display:flex;justify-content:center;align-items:center;opacity:0;border-radius:var(--border);transition:all .4s linear}
.home-case .l-wrap .case .item .text .content{background-color:#FFFFFF;width:88%;height:83%;padding:4%;box-sizing:border-box;border-radius:var(--border);overflow:hidden}
.home-case .l-wrap .case .item .text .content p{margin:0px}
.home-case .l-wrap .case .item .text .content .show-title{color:var(--fontcolor);font-size:var(--fontsize22);line-height:1.1;text-align:center;font-weight:var(--fontbold5)}
.home-case .l-wrap .case .item .text .content .show-des{color:var(--introcolor);text-align:center;line-height:1.6;margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.home-case .l-wrap .case .item:hover .text{opacity:1;box-shadow:0px 2px 10px 0px rgba(0,0,0,.10)}
.home-case .l-wrap .case .item:hover{transform:translateY(-20px)}

@media screen and (max-width:900px){
.home-case .l-wrap .case .item .text .content .show-title{font-size:var(--fontsize16)}
.home-case .l-wrap .case .item .text .content .show-des{font-size:var(--fontsize14);line-height:1.4;-webkit-line-clamp:3}}
@media screen and (max-width:768px){
.home-case .l-wrap .case{display:flex;align-items:center;justify-content:space-between;transform:translateY(25%);padding:0px;overflow-x:auto}
.home-case .l-wrap .case .item{position:relative;width:400px;margin:0px 40px;list-style:none;flex-shrink:0}
.home-case .l-wrap .case::-webkit-scrollbar{display:none}
.home-case .l-wrap .case .item .text .content .show-title{font-size:var(--fontsize18)}
.home-case .l-wrap .case .item .text .content .show-des{color:var(--introcolor);text-align:center;line-height:1.6;margin-top:10px;font-size:var(--fontsize15)}
.home-case .l-wrap .case .item:hover{transform:translateY(0)}
.home-case .l-wrap .case .item .text .content{padding:2%}}

@media screen and (max-width:500px){
.home-case .l-wrap .case .case-content{justify-content:inherit}
.home-case .l-wrap .case .item{margin:0px}
.home-case .l-wrap .case{transform:translateY(15%);padding-bottom:25px;box-sizing:content-box;overflow:hidden}
.home-case .l-wrap .case .swiper-pagination{bottom:0px}
.home-case .l-wrap .case .item .text .content .show-des{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.home-case{margin-bottom:50px}
.home-case .unify{padding-bottom:0px}}
.home-case .l-wrap{padding-bottom:70px}
#swiper-case{padding-bottom:40px}
#swiper-case .swiper-pagination{bottom:0}
@media (max-width:1024px){.home-case .l-wrap{padding:40px 15px 70px}}
.diverse-container .left .list li{height:auto}
.diverse-container .left .list li .text{-webkit-line-clamp:unset}
.home-news .list li .info .title{overflow:hidden;white-space:wrap;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}