.page-module-title{font-size:var(--fontsize32);color:#000;text-align:center;font-weight:var(--fontbold9);position:relative;z-index:2;line-height: 1;}
article{padding-bottom:0;max-width: 1400px;margin: 0 auto;}
.pagesbanner .pagesbanner-animate{top:50%}
.pagesbanner .pagesbanner-animate .p2{max-width:1100px;margin:20px auto 0}
.brand1 .title-bg{text-align:center;transform:translateY(32px)}
.brand1 .title-bg img{max-width: 200px;}
.brand1 .txt{margin-top:10px;text-align:center}
.brand1 .txt span{font-weight:var(--fontbold9)}
.brand1 .txt p{color: #373A36;line-height: 33px;}
.brand1 .page-module-title h2{font-size: 32px;margin-top: 30px;}
.brand2{padding:5% 0}
.brand2 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.brand2 .list li{width:32%;margin-top:30px}
.brand2 .list li .img{border-radius:10px;display:block;overflow:hidden}
.brand2 .list li img{width:100%;transition:all .2s linear}
.brand2 .list li .title{display:block;text-align:center;font-size:var(--fontsize22);font-weight:var(--fontbold9);color:#000;padding-top:10px;text-decoration:none}
.brand2 .list li:hover img{transform:scale(1.02)}
.brand3 .box{display:flex;justify-content:space-between}
.brand3 .item{width:50%;padding:12.5% 0;position:relative;z-index:2}
.brand3 .item .page-module-title{color:#fff}
.brand3 .item::before{content:"";position:absolute;width:calc(100% + 260px);height:100%;top:0;left:0;z-index:-1;background-repeat:no-repeat;background-size:cover}
.brand3 .item .btn{display:flex;align-items:center;margin-top:20px}
.brand3 .item .btn a{display:inline-flex;align-items:center;justify-content:center;width:200px;height:50px;background-color:#fff;border-radius:10px;color:var(--color);font-weight:var(--fontbold9)}
.brand3 .left .page-module-title{text-align:left}
.brand3 .left::before{background-image:url(/Content/uploads/20251119634/20250618102824d9ca2e336c024d158595cb961a91d578.webp);left:-260px}
.brand3 .left .btn{justify-content:flex-start;margin-left:14%}
.brand3 .right .page-module-title{text-align:right}
.brand3 .right .btn{justify-content:flex-end;margin-right:10%}
.brand3 .right::before{background-image:url(/Content/uploads/20251119634/202506181028242aadf780b29e46bdbf40d6ba02f9f09e.webp);right:-260px}
@media screen and (max-width:1024px){.page-module-title{font-size:var(--fontsize26)}
.brand3 .item::before{width:calc(100% + 15px)}
.brand3 .right::before{right:-15px}
.brand3 .left::before{left:-15px}
.brand3 .item .page-module-title{text-align:center}
.brand3 .item .btn{margin:20px auto;justify-content:center}
.brand4 .text,.brand1 .txt p{font-size: 16px;line-height: 1.75;}
.brand2{padding:30px 0}}
@media screen and (max-width:768px){
    .brand2 .list li{width:48%;margin-top:20px}
    .page-module-title {font-size: var(--fontsize22);line-height: 1.25;}
}
@media screen and (max-width:500px){.brand2 .list li{width:100%}
.brand1 .title-bg img{max-width:160px}
.brand1 .title-bg{transform:translateY(20px)}
.brand3 .box{flex-wrap:wrap}
.brand3 .box .item{width:100%}
.brand3 .item::before{width:calc(100% + 30px)}
.brand3 .right::before{left:-15px}
.brand3 .item .btn a{width:160px;height:42px}}
@font-face {font-family:'HONORSans' ;src: url(https://css02.v15cdn.com/m615/font/HONORSans.ttf);}
main{font-family: 'HONORSans';}
.page-nav .pagenav-catelist{font-family: var(--fontfamily);}


.brand4{padding: 50px 0;margin-top: 45px;position: relative;z-index: 1;}
.brand4::after{content: "";position: absolute;left: -260px;top: 0;width: 1920px;height: 100%;background-color: #EAEAE8;z-index: -1;}
.brand4 .contant{display: flex;align-items: center;justify-content: space-between;}
.brand4 .contant>div{flex: 1;}
.brand4 .contant .right{padding-left: 70px;}
.brand4 .contant .left{position: relative;padding-right: 70px;}
.brand4 .contant .text1{position: absolute;bottom: 0;}
.brand4 .module-tit{font-weight: bold;font-size: 38px;color: #0099A8;line-height: 1;margin-bottom: 30px;}
.brand4 .text{font-size: 20px;color: #373A36;}
@media (max-width:1366px) {
    .brand4 .contant .right{padding-left: 30px;}
    .brand4 .contant .left{padding-right: 30px;}
    .brand4 .text {font-size: 18px;line-height: 1.75;}
    .brand4 .module-tit{font-size: 32px;margin-bottom: 25px;}
}
@media (max-width:1024px) {
    .brand4{padding: 45px 0;margin-top: 50px;}
    .brand4 .contant .left {padding-right: 20px;}
    .brand4 .contant .right {padding-left: 20px;}
    .brand4 .module-tit {font-size: 26px;margin-bottom: 15px;}
    .brand1 .title-bg img{max-width: 20%;}
    .brand4 .text{font-size: 16px;}
}
@media (max-width:768px) {
    .brand4 .contant{flex-direction: column;}
    .brand4 .contant:nth-of-type(2n){flex-direction: column-reverse;}
    .brand4 .contant .left {padding-right: 0px;width: 100%;}
    .brand4 .contant .right {padding-left: 0px;width: 100%;}
    .brand4 .contant .left img,.brand4 .contant .right img{width: 100%;}
    .brand4 .contant:nth-of-type(2n) .left,.brand4 .contant:nth-of-type(2n-1) .right{padding: 35px 0;}
    .brand4 .module-tit{font-size: 22px;text-align: center;}
    .brand4 {padding: 45px 0 25px;}
}



.brand5{padding: 65px 0;}
.brand5 .row{display:flex;justify-content: space-between;margin-top: 45px;}
.brand5 .col{background: #D9D8D6;border-radius: 10px;overflow: hidden;width: 24%;}
.brand5 .col .image{position: relative;overflow: hidden;}
.brand5 .col .image img{width: 100%;}
.brand5 .col .image::after{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: 0.1;transition: all .3s ease-in-out;}
.brand5 .title{text-align: center;font-size: 26px;color: #0099A8;line-height: 1;padding: 20px 0;}
.brand5 .text p{color: #373A36;text-align: center;}
.brand5 .con{padding: 10px 25px;}
.brand5 .text{padding-bottom: 65px;}
.brand5 .col:hover .image::after{opacity: 0;}
@media (max-width:1366px) {
    .brand5 {padding: 50px 0;}
    .brand5 .row{margin-top: 45px;}
    .brand5 .title{padding: 25px 0;font-size: 22px;}
    .brand5 .con{padding: 10px 20px;}
    .brand5 .text {padding-bottom: 65px;}
}
@media (max-width:1024px) {
    .brand5 {padding: 45px 0;}
    .brand5 .row {margin-top: 25px;}
    .brand5 .title {padding: 15px 0;font-size: 20px;}
    .brand5 .row{flex-wrap: wrap;}
    .brand5 .col{width: 49%;margin-bottom: 2%;}
}
@media (max-width:768px) {
    .brand5 .text{padding-bottom: 40px;}
}
@media (max-width:450px) {
    .brand5 .col{width: 100%;}
    .brand5 .text{padding-bottom: 30px;}
}
.brand6{position: relative;z-index: 1;padding: 65px 0;}
.brand6::after{content: "";position: absolute;left: -260px;top: 0;width: 1920px;height: 100%;background-color: #EAEAE8;z-index: -1;}
.brand6 .row{display: flex;justify-content: space-between;margin:45px 0 35px;}
.brand6 .row .col{width: 24%;background: #373A36;border-radius: 10px;overflow: hidden;position: relative;}
.brand6 .row .col .swiper-slide img{width: 100%;aspect-ratio: 1 / 1;object-fit: cover;}
.brand6 .ideusSwiper1 .swiper-pagination-bullet-active{background: var(--color);}
.brand6 .ideusSwiper1 .swiper-slide p{position: absolute;width: 100%;font-weight: 500;font-size: 20px;color: #FFFFFF;line-height: 30px;bottom: 0;text-align: center;padding: 35px 30px;transition: all .3s ease-in-out;opacity: 0;}
.brand6 .row .col:hover .swiper-slide p{opacity: 1;}
.brand6 .foot-share ul{display: flex;justify-content: center;margin-top: 30px;}
.brand6 .foot-share ul li{width: 50px;height: 50px;background: #4B4C4E;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: 0 15px;transition: all .3s ease-in-out;}
.brand6 .foot-share ul li a{color:#fff;}
.brand6 .foot-share ul li a:hover{text-decoration: none;}
.brand6 .foot-share ul li i{font-size: 20px;color: #fff;width: 20px;display: block;}
.brand6 .foot-share ul li:hover{background: var(--color);}
@media (max-width:1366px) {
    .brand6{padding: 55px 0;}
    .brand6 .row{margin: 35px 0;}
    .brand6 .ideusSwiper1 .swiper-slide p{font-size: 18px;}
    .brand6 .foot-share ul{margin-top: 20px;}
    .brand6 .foot-share ul li{width: 45px;height: 45px;margin: 0 10px;}
    .brand6 .foot-share ul li i{font-size: 16px;}
}
@media (max-width:1024px) {
    .brand6 {padding: 45px 0;}
    .brand6 .ideusSwiper1 .swiper-slide p{font-size: 16px;padding: 30px 15px;}
}
@media (max-width:768px) {
    .brand6 .row {margin: 25px 0;flex-wrap: wrap;}
    .brand6 .row .col{width: 49%;margin-bottom: 2%;}
    .brand6 .foot-share ul li{width: 40px;height: 40px;}
}
@media (max-width:600px) {
     .brand6 .row .col{width: 100%;}
}




.brand7{max-width: 940px;margin: 0 auto;text-align: center;padding: 160px 0 210px;position: relative;z-index: 2;}
.brand7 .page-module-title{padding: 0 110px;color: #000000;line-height: 1.52;margin-bottom: 25px;}
.brand7 .text{color: #373A36;line-height: 30px;}
.brand7::after{content: '';position: absolute;width: 1920px;background: url(/Content/uploads/20251119634/202506181030339603a7459e104ff3acc0cfcbb992a6af.webp) center no-repeat;height: 100%;top: 0;left: -52%;z-index: -1;}
@media (max-width:1366px) {
    .brand7{padding: 180px 0 210px;}
}
@media (max-width:1024px) {
    .brand7{ padding: 150px 0;background: url(/Content/uploads/20251119634/202506181030339603a7459e104ff3acc0cfcbb992a6af.webp)center no-repeat;background-size: contain;}
    .brand7::after{display: none;}
    .brand7 .page-module-title{margin-bottom: 20px;    padding: 0 50px;}
    .brand7 .text{font-size: 16px;}
}
@media (max-width:768px) {
    .brand7 {padding: 80px 0;}
}
@media (max-width:550px) {
    .brand7 {padding: 50px 0;}
    .brand7 .page-module-title{padding: 0;}
}

.brand8{position: relative;z-index: 2;padding: 70px 0;}
.brand8Swiper{padding-bottom: 40px;margin-bottom: -40px;}
.brand8Swiper .swiper .swiper-wrapper {-webkit-transition-timing-function: linear !important;-moz-transition-timing-function: linear !important;-ms-transition-timing-function: linear !important;-o-transition-timing-function: linear !important;transition-timing-function: linear !important;}
.brand8 .row{display: flex;flex-wrap: wrap;justify-content: space-between;}
.brand8::after{content: "";position: absolute;left: -260px;top: 0;width: 1920px;height: 100%;background-color: #EAEAE8;z-index: -1;}
.brand8 .col{background: #FFFFFF;border-radius: 10px 10px 20px 20px;position: relative;overflow: hidden;margin-bottom: 2%;padding: 25px;box-sizing: border-box;display: flex;}
.brand8 .left{width: 38px;height: 38px;background: #78909C;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.brand8 .right{flex: 1;padding-left: 18px;}
.brand8 .left span{font-weight: bold;font-size: 14px;color: #FFFFFF;line-height: 1;}
.brand8 .title p{font-weight: 500;font-size: 16px;color: #000003;}
.brand8 .star{display: flex;align-items: center;margin: 10px 0 16px;}
.brand8 .com{margin-bottom: 10px;}
.brand8 .com p{font-size: 14px;color: #A8A8A8;}
.brand8 .evaluation strong{font-weight: bold;font-size: 18px;color: #000003;line-height: 1;}
.brand8 .evaluation p{color: #373A36;line-height: 24px;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;display: -webkit-box;min-height: 100px;}
@media (max-width:1024px) {
    .brand8 .col{width: 100%;}
    .brand8{padding: 55px 0;}
}
@media (max-width:600px) {
    .brand8 .col{flex-direction: column;}
    .brand8 .left{margin: 0 auto;}
    .brand8 .right{padding-left: 0;}
}