﻿.page-main{padding-bottom:0}
.pro-title{font-size:var(--fontsize24);font-weight:var(--fontbold6);text-align:center}
.pro-title-line{display:block;width:50px;height:3px;background-color:var(--color);margin:14px auto}
.banner-inner .banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.banner-inner .banner-img .banner-title{font-size:40px;color:#fff;font-weight:700;margin-bottom:30px;line-height:1.2}
.banner-inner .banner-img .banner-p{color:#fff;line-height:1.6}
@media (max-width:1280px){.banner-inner .banner-img .banner-title{font-size:34px;margin-bottom:20px}
}
@media (max-width:990px){.banner-inner .banner-text{width:80%}
}
@media (max-width:768px){.banner-inner .banner-img .banner-title{font-size:var(--fontsize26);margin-bottom:15px}
}
@media (max-width:500px){.banner-inner .banner-img .banner-title{font-size:var(--fontsize22)}
.banner-inner .banner-text{width:90%}
.banner-inner .banner-img .banner-p{font-style:var(--fontsize14)}
}
.custom1{padding-bottom:5%}
.custom1 .box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.custom1 .info{width:48%}
.custom1 .info .pro-title{text-align:left}
.custom1 .info .pro-title-line{margin-left:0}
.custom1 .img{width:48%}
.custom2{position:relative;padding:5% 0;z-index:2}
.custom2::before{content:"";position:absolute;left:-260px;top:0;width:1920px;height:100%;background-color:#f7f7f7;z-index:-1}
.custom2 .title-box{display:flex;justify-content:center;margin:40px 0 30px}
.custom2 .title-box .title{margin:0 10px;padding:8px 28px;border-radius:5px;background-color:#eee;font-size:var(--fontsize18);font-weight:var(--fontbold6);cursor:pointer;transition:all .2s linear}
.custom2 .title-box .title.active{background-color:var(--color);color:#fff}
.custom2 .bottom{background-color:#fff;border:1px solid #ddd}
.custom2 .bottom .cont{display:none;flex-wrap:wrap}
.custom2 .bottom .cont.active{display:flex}
.custom2 .bottom .cont .item{width:25%;box-sizing:border-box;height:400px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #ddd}
.custom2 .bottom .cont .item:last-child{border-right:none}
.custom2 .bottom .cont .item .img{max-width:240px}
.custom2 .bottom .cont .item .tit{margin-top:20px;font-weight:var(--fontbold6);text-align:center}
.custom3{padding:5% 0}
.custom3 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.custom3 .list li{margin-top:40px;width:32%;border:1px solid #ddd;border-radius:5px;overflow:hidden;background-color:#f7f7f7}
.custom3 .list li .info{border-top:1px solid #ddd;text-align:center;padding:15px;font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.custom4{padding:5% 0;position:relative;z-index:2}
.custom4::before{content:"";position:absolute;left:-260px;top:0;width:1920px;height:100%;background-color:#f7f7f7;z-index:-1}
.custom4 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.custom4 .list li{margin-top:40px;width:32%;border:1px solid #ddd;border-radius:5px;overflow:hidden;background-color:#fff}
.custom4 .list li .info{border-top:1px solid #ddd;text-align:center;padding:15px;font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.custom5{padding:5% 0}
.custom5 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.custom5 .list li{margin-top:40px;width:23.5%;border:1px solid #ddd;border-radius:5px;overflow:hidden;background-color:#f7f7f7;transition:all .2s linear}
.custom5 .list li .info{border-top:1px solid #ddd;text-align:center;padding:10px;transition:all .2s linear;font-weight:var(--fontbold6)}
.custom5 .list li:hover{box-shadow:0 20px 30px 0 rgba(7,0,2,.1)}
.custom5 .list li:hover .info{color:var(--color)}
.pro-mode7{position:relative;padding:5% 0;z-index:2}
.pro-mode7::before{content:"";position:absolute;left:-260px;top:0;height:100%;width:1920px;background-image:url(/uploads/43204/page/p2025032611285901f86.webp);background-size:cover;background-repeat:no-repeat;z-index:-1}
.pro-mode7 .pro-title{color:#fff;font-size:var(--fontsize36);line-height:1.4}
.pro-mode7 .btn{display:flex;justify-content:center;align-items:center}
.pro-mode7 .btn .more{width:200px;height:40px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;margin:20px 10px 0;color:#fff;text-decoration:none}
.pro-mode7 .btn .more:nth-child(1){background-color:var(--color)}
.pro-mode7 .btn .more:nth-child(2){background-color:#222}
.custom6{padding:5% 0}
.custom6 .list{list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between}
.custom6 li{width:23.5%;background-color:#f7f7f7;border-radius:5px;min-height:320px;padding:30px 20px;margin-top:40px;box-sizing:border-box;transition:all .2s linear}
.custom6 li .num{color:var(--color);position:relative;font-size:var(--fontsize24);font-weight:var(--fontbold6)}
.custom6 li .num::before{content:"";position:absolute;left:40px;top:50%;transform:translateY(-50%);width:30px;height:2px;background-color:var(--color)}
.custom6 li .tit{font-size:var(--fontsize18);font-weight:var(--fontbold6);transition:all .2s linear}
.custom6 li:hover{background-color:#fff;box-shadow:0 20px 30px 0 rgba(7,0,2,.1)}
.custom6 li:hover .tit{color:var(--color)}
.custom7{padding:5% 0;position:relative;z-index:2}
.custom7::before{content:"";position:absolute;left:-260px;top:0;width:1920px;height:100%;background-color:#f7f7f7;z-index:-1}
.custom7 .box{position:relative;padding:40px 0}
.custom7 .box .custom7-pagination{display:flex;justify-content:center;position:absolute;bottom:0}
.custom7 .box .custom7-pagination .swiper-pagination-bullet{background-color:var(--color)}
.custom7 .swiper-slide{background-color:#fff;border:1px solid #eee}
.custom7 .swiper-slide .info{text-align:center;border-top:1px solid #eee;padding:10px;font-weight:var(--fontbold6);font-size:var(--fontsize18)}
.custom8{padding:5% 0}
.custom8 .box{position:relative;padding-bottom:30px}
.custom8 .box .custom8-pagination{display:flex;justify-content:center;position:absolute;bottom:0;z-index:10}
.custom8 .box .custom8-pagination .swiper-pagination-bullet{background-color:var(--color)}
.custom8 .swiper{padding:20px 10px}
.custom8 .swiper-slide{min-height:250px;padding:90px 30px 20px;background-color:#fff;position:relative;z-index:2}
.custom8 .swiper-slide::before{content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background-image:url(/uploads/43204/page/p2025032611291306aa2.webp);background-repeat:no-repeat;background-size:cover}
.custom8 .swiper-slide .icon{width:70px;height:70px;background-color:var(--color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:absolute;left:35px;top:15px;z-index:10}
.custom8 .swiper-slide .tit{font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.custom8 .swiper-slide:nth-child(even)::before{transform:rotateY(180deg)}
.custom8 .swiper-slide:nth-child(even) .icon{background:#e6fafd}
.pro-mode9{position:relative;z-index:2;padding:5% 0}
.pro-mode9::before{content:"";position:absolute;left:-260px;top:0;width:1920px;height:100%;background:#f7f7f7;z-index:-1}
.pro-mode9 .box{margin-top:40px}
.pro-mode9 .box .kche-faq-item{background-color:#fff}
.pro-mode9 .box .kche-t55>.kche-faq-list>.kche-faq-item{padding:0;border-radius:5px}
.pro-mode9 .box .kche-faq-tit{padding:10px 20px;transition:all .2s linear;display:flex;justify-content:space-between;align-items:center}
.pro-mode9 .box .kche-faq-tit p::after{display:none!important}
.pro-mode9 .box .kche-faq-tit p::before{display:none!important}
.pro-mode9 .box .kche-faq-tit em{font-size:var(--fontsize20);transition:all .2s linear}
.pro-mode9 .box .kche-faq-tit.active{background-color:var(--color);color:#fff!important}
.pro-mode9 .box .kche-faq-tit.active em{transform:rotate(90deg)}
.pro-mode9 .box .kche-t55>.kche-faq-list>.kche-faq-item>.kche-faq-box{padding:10px 20px}
.custom9{position:relative;padding:5% 0;z-index:2}
.custom9::before{content:"";position:absolute;left:-260px;top:0;height:100%;width:1920px;background-image:url(/uploads/43204/page/p20250326112929ea546.webp);background-repeat:no-repeat;background-size:cover;z-index:-1}
.custom9 .pro-title{font-size:var(--fontsize36);color:#fff}
.custom9 .btn{display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px}
.custom9 .btn .more{margin:10px;border-radius:25px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background-color:var(--color);padding:4px 20px;font-weight:var(--fontbold6)}
@media screen and (max-width:1024px){.custom2,.custom3,.custom4,.custom5,.custom6,.custom7,.custom8,.custom9,.pro-mode7,.pro-mode9{padding:30px 0}
.custom1{padding-bottom:30px}
.custom2::before{width:calc(100% + 30px);left:-15px}
.custom4::before{width:calc(100% + 30px);left:-15px}
.pro-mode7::before{width:calc(100% + 30px);left:-15px}
.pro-mode9::before{width:calc(100% + 30px);left:-15px}
.custom7::before{width:calc(100% + 30px);left:-15px}
.custom9::before{width:calc(100% + 30px);left:-15px}
.pro-mode7 .pro-title{font-size:var(--fontsize26)}
.custom9 .pro-title{font-size:var(--fontsize26)}
.custom6 li{width:48%;min-height:200px}
}
@media screen and (max-width:768px){.custom1 .img{width:100%}
.custom1 .img img{width:100%}
.custom1 .info{margin-top:20px;width:100%}
.custom2 .title-box{margin:25px 0;flex-wrap:wrap}
.custom2 .title-box .title{padding:4px 12px;font-size:var(--fontsize16);margin:5px 10px}
.custom2 .bottom .cont .item{width:50%;height:auto}
.custom3 .list li{margin-top:25px}
.custom3 .list li .info{font-size:var(--fontsize16);padding:10px}
.custom4 .list li{margin-top:25px}
.custom4 .list li .info{font-size:var(--fontsize16);padding:10px}
.custom5 .list li{margin-top:25px}
.custom6 li{margin-top:25px}
.custom7 .box{padding:25px 0 40px}
}
@media screen and (max-width:500px){.custom2 .bottom .cont .item{padding:10px;border:none;display:block}
.custom2 .bottom .cont .item .tit{margin-top:10px;font-size:var(--fontsize14)}
.custom3 .list li{width:100%}
.custom4 .list li{width:100%}
.custom5 .list li{width:48%}
.custom6 li{width:100%}
.custom8 .swiper-slide{height:auto;min-height:auto}
.custom9 .pro-title{font-size:var(--fontsize24)}
.pro-mode7 .pro-title{font-size:var(--fontsize24)}
.pro-mode7 .pro-title br{display:none}
}
