﻿#maylinkswiper{margin-top:40px}
.maylink-list .swiper-slide{border:1px solid #eee}
.maylink-list .swiper-slide:hover{border-color:var(--color);box-shadow:0 0 20px #eee}
.maylink-list .swiper-slide .pro-img>a::after{display:none}
.maylink-list .swiper-slide .pro-info .more{display:none}
.maylink-list .swiper-slide .pro-info{padding:10px}
.page-nav .pagenav-catelist>li a{display:-webkit-box}
@media screen and (min-width:1400px){.page-nav .pagenav-catelist>li a{padding:0 20px;font-size:var(--fontsize14);justify-content:center;padding-right:30px}
.page-nav .pagenav-catelist>li{width:19%;margin-right:1%;margin-top:0!important;height:60px;margin-bottom:10px}
}
.pagesbanner-animate-pro{position:absolute;top:46%;transform:translateY(-50%);z-index:10;width:100%}
.pagesbanner-animate-pro .p1{font-size:38px;font-weight:var(--fontbold6);line-height:1.2}
.pagesbanner-animate-pro .p2{margin-top:20px;color:#666}
.pagesbanner-animate-pro .btn{margin-top:20px;width:220px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:20px;border:1px solid var(--color);background-color:var(--color)}
.pagesbanner-animate-pro .btn:hover{background-color:#fff}
@media screen and (max-width:1600px){.pagesbanner-animate-pro .p1{font-size:var(--fontsize26)}
.pagesbanner img{height:300px}
}
@media screen and (max-width:1024px){.pagesbanner-animate-pro .btn{display:none}
}
@media screen and (max-width:768px){.pagesbanner img{height:240px}
.pagesbanner-animate-pro{top:40%}
.pagesbanner-animate-pro .p2{display:none}
.pagesbanner-animate-pro .p1{max-width:60%;font-size:var(--fontsize16)}
.pagesbanner-animate-pro .p1 br{display:none}
}
.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}
.pro-list-box{padding:5% 0;position:relative;z-index:2}
@media screen and (max-width:1024px){.pro-list-box::before{width:calc(100% + 30px);left:-15px}
}
.pro-mode1{padding-bottom:5%}
.pro-mode1 .box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.pro-mode1 .img{width:48%}
.pro-mode1 .info{width:48%}
.pro-mode1 .info .pro-title{text-align:left}
.pro-mode1 .info .pro-title-line{margin-left:0}
.pro-mode1 .info .list li{display:flex;margin-top:20px}
.pro-mode1 .info .list li .icon{width:50px;height:50px;border-radius:50%;background-color:var(--color);display:inline-flex;align-items:center;justify-content:center;margin-right:10px}
.pro-mode1 .info .list li .icon em{color:#fff;font-size:var(--fontsize24)}
.pro-mode1 .info .list li .best{flex:1;margin-top:10px}
.pro-mode1 .info .list li .tit{font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.pro-mode2{padding-bottom:5%}
.pro-mode2 .des{text-align:center}
.pro-mode2 .list{display:flex;justify-content:space-between;list-style:none}
.pro-mode2 .list li{width:18%;border:1px solid #eee;display:inline-flex;align-items:center;justify-content:center;padding:25px 20px;box-sizing:border-box;margin-top:40px}
.pro-mode2 .list li img{max-width:150px;max-height:90px}
.pro-mode3{position:relative;padding:5% 0;z-index:2}
.pro-mode3 .pro-title{color:#fff}
.pro-mode3 .box{display:flex;justify-content:space-between;flex-wrap:wrap}
.pro-mode3 .box .item{width:49%;background-color:#fff;margin-top:40px;border-radius:5px;padding:20px;display:flex;justify-content:space-between;align-items:center}
.pro-mode3 .box .item .img{width:40%;border:1px solid #eee}
.pro-mode3 .box .item .img img{width:100%}
.pro-mode3 .box .item .info{width:56%}
.pro-mode3 .box .item .info .tit{color:#222;font-weight:var(--fontbold6);font-size:var(--fontsize18);text-decoration:none;transition:all .2s linear}
.pro-mode3 .box .item .info .txt{min-height:80px}
.pro-mode3 .box .item .info .more{display:inline-flex;align-items:center;justify-content:center;margin-top:15px;color:#fff;background-color:var(--color);width:140px;height:40px;border-radius:20px;text-decoration:none;line-height:1}
.pro-mode3 .box .item .info .more em{margin-left:6px}
.pro-mode3 .box .item:hover .info .tit{color:var(--color)}
.pro-mode4{padding:5% 0}
.pro-mode4 .box{position:relative;padding-bottom:20px;margin-top:30px}
.pro-mode4 .box .swiper{padding:10px 0 20px}
.pro-mode4 .box .mode4-pagination{position:absolute;display:flex;align-items:center;justify-content:center;z-index:10;bottom:0}
.pro-mode4 .box .mode4-pagination .swiper-pagination-bullet{background-color:var(--color)}
.pro-mode4 .swiper-slide{border:1px solid #eee;transition:all .2s linear}
.pro-mode4 .swiper-slide .info{background-color:#f7f7f7;min-height:190px;padding:25px 20px;box-sizing:border-box;border-bottom:1px solid #eee;transition:all .2s linear}
.pro-mode4 .swiper-slide .info .tit{text-align:center;font-size:var(--fontsize18);font-weight:var(--fontbold6);margin-bottom:6px;color:#111}
.pro-mode4 .swiper-slide:hover{box-shadow:0 0 20px #eee}
.pro-mode4 .swiper-slide:hover .info{background-color:#fff}
.pro-mode4 .swiper-slide:hover .info .tit{color:var(--color)}
.pro-mode4 .tip-txt{margin-top:30px}
.pro-mode4 .tip-txt span{font-weight:var(--fontbold6)}
.pro-mode4 .tip-txt a{color:var(--color);text-decoration:none}
.pro-mode5{padding:5% 0;position:relative;z-index:2}
.pro-mode5::before{content:"";position:absolute;left:-230px;top:0;height:100%;width:1920px;height:100%;z-index:-1;background-color:#f7f7f7}
.pro-mode5 .box{margin-top:40px;position:relative;padding-bottom:40px}
.pro-mode5 .box .mode5-pagination{position:absolute;display:flex;align-items:center;justify-content:center;z-index:10;bottom:0}
.pro-mode5 .box .mode5-pagination .swiper-pagination-bullet{background-color:var(--color)}
.pro-mode5 .swiper-slide{border-radius:5px}
.pro-mode5 .swiper-slide .info{background-color:#fff;height:60px;background-color:#fff;display:flex;align-items:center;justify-content:center;color:#222;font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.pro-mode6{padding:5% 0}
.pro-mode6 .des{text-align:center;max-width:1020px;margin:0 auto}
.pro-mode6 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.pro-mode6 .list li{width:32%;margin-top:40px;background-color:#f7f7f7;border-radius:5px;padding:30px;list-style:none}
.pro-mode6 .list li .info{padding-top:20px}
.pro-mode6 .list li .info .tit{text-align:center;font-size:var(--fontsize18)}
.pro-mode7{position:relative;padding:5% 0;z-index:2}
.pro-mode7::before{content:"";position:absolute;left:-230px;top:0;height:100%;width:1920px;background-image:url(/uploads/43204/page/p20250327095145e0a0e.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}
.pro-mode8{padding:5% 0}
.pro-mode8 .box{margin-top:40px;position:relative;padding:0 25px;padding-bottom:40px}
.pro-mode8 .box .mode8-pagination{position:absolute;display:flex;align-items:center;justify-content:center;z-index:10;bottom:0}
.pro-mode8 .box .mode8-pagination .swiper-pagination-bullet{background-color:var(--color)}
.pro-mode8 .box .mode8-button-next,.pro-mode8 .box .mode8-button-prev{width:50px;height:50px;border-radius:50%;background-color:var(--color);color:#fff;display:inline-flex;align-items:center;justify-content:center;position:absolute;z-index:6;top:50%;transform:translateY(-50%);cursor:pointer}
.pro-mode8 .box .mode8-button-prev{left:0}
.pro-mode8 .box .mode8-button-next{right:0}
.pro-mode8 .swiper-slide{display:flex;align-items:center}
.pro-mode8 .swiper-slide .img{width:50%}
.pro-mode8 .swiper-slide .img img{width:100%}
.pro-mode8 .swiper-slide .info{width:53%;margin-left:-3%}
.pro-mode8 .swiper-slide .info .title{padding-left:70px;position:relative;font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.pro-mode8 .swiper-slide .info .title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:60px;height:2px;background-color:var(--color)}
.pro-mode8 .swiper-slide .info .txt{background-color:#f7f7f7;padding:30px 60px;margin-top:20px}
.pro-mode9{position:relative;z-index:2;padding:5% 0}
.pro-mode9::before{content:"";position:absolute;left:-230px;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}
.pro-maylink .inquiry-title{text-align:center;position:relative;padding-bottom:14px}
.pro-maylink .inquiry-title::before{content:"";position:absolute;left:50%;bottom:0;width:50px;height:3px;background-color:var(--color);transform:translateX(-50%)}
@media screen and (max-width:1024px){.prohome-content,.prolist-bottom{max-width:100%;padding:0 15px}
.pro-mode1 .img{width:100%}
.pro-mode1 .img img{width:100%}
.pro-mode1 .info{width:100%;margin-top:20px}
.pro-mode3::before{width:calc(100% + 30px);left:-15px}
.pro-mode5::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}
.pro-mode1,.pro-mode2{padding-bottom:30px}
.pro-mode3,.pro-mode4,.pro-mode5,.pro-mode6,.pro-mode7,.pro-mode8,.pro-mode9{padding:30px 0}
}
@media screen and (max-width:900px){.pro-mode3 .box .item{width:100%}
.pro-mode6 .list li{width:48%}
.pro-mode7 .pro-title{font-size:var(--fontsize26)}
.pro-mode8 .swiper-slide{flex-wrap:wrap}
.pro-mode8 .swiper-slide .img{width:100%}
.pro-mode8 .swiper-slide .info{width:100%;margin-left:0;margin-top:20px}
}
@media screen and (max-width:500px){.pro-maylink .inquiry-title{font-size:var(--fontsize22)}
.pro-title{font-size:var(--fontsize22)}
.prohome-content,.prolist-bottom{margin-left:0;margin-right:0}
.pro-mode2 .list{flex-wrap:wrap}
.pro-mode2 .list li{width:48%;margin-top:25px}
.pro-mode3 .box .item{margin-top:25px;flex-wrap:wrap}
.pro-mode3 .box .item .img{width:100%}
.pro-mode3 .box .item .info{width:100%;margin-top:20px}
.pro-mode4 .box{margin-top:25px}
.pro-mode5 .box{margin-top:25px}
.pro-mode6 .list li{padding:10px;margin-top:25px}
.pro-mode7 .btn{flex-wrap:wrap}
.pro-mode8 .swiper-slide .info .txt{padding:10px}
.pro-mode8 .box{padding:0;padding-bottom:25px}
.pro-mode8 .box .mode8-button-next,.pro-mode8 .box .mode8-button-prev{display:none}
}
.pro-list li{background-color:#fff}
.pro-list li .pro-info{padding:15px 10px;border-top:1px solid #eee}
.compress1{padding:5% 0;position:relative;z-index:2}
.compress1::before{content:"";position:absolute;left:-230px;top:0;width:1920px;height:100%;z-index:-1;background-color:#f7f7f7}
.compress1 .box{display:flex;align-items:center}
.compress1 .box .info{flex:1}
.compress1 .box .img{margin:0 30px;width:300px}
.compress1 .item{margin:20px 0;display:flex}
.compress1 .item .txt{flex:1}
.compress1 .item .txt .tit{color:#222;font-size:var(--fontsize18);font-weight:var(--fontbold6);margin-bottom:6px}
.compress1 .item .icon em{color:var(--color);font-size:var(--fontsize32)}
.compress1 .left{text-align:right}
.compress1 .left .icon{margin-left:10px}
.compress1 .right{text-align:left}
.compress1 .right .icon{margin-right:10px}
.compress2{padding:5% 0}
.compress2 .list{display:flex;justify-content:space-between;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.compress2 .list li{margin-top:40px;width:24%;background-color:#f7f7f7;border-radius:5px;padding:60px 40px;text-align:center;transition:all .2s linear}
.compress2 .list li .icon{margin-bottom:10px}
.compress2 .list li .icon em{color:var(--color);font-size:var(--fontsize36)}
.compress2 .list li .tit{transition:all .2s linear;font-weight:var(--fontbold6);font-size:var(--fontsize18);margin-bottom:10px}
.compress2 .list li:hover{background-color:#fff;box-shadow:0 20px 30px 0 rgba(7,0,2,.1)}
.compress2 .list li:hover .tit{color:var(--color)}
@media screen and (max-width:1024px){.compress1::before{width:calc(100% + 30px);left:-15px}
.compress1 .box{flex-wrap:wrap}
.compress1 .box .info{flex:none;width:100%}
.compress1 .box .img{width:100%;text-align:center;margin:20px 0}
.compress2{padding:30px 0}
.compress2 .list li{width:48%}
}
@media screen and (max-width:500px){.compress2 .list li{padding:20px 10px;margin-top:25px;width:100%}
}
.pagesbanner{min-height:180px}
@media screen and (max-width:500px){.pagesbanner img{min-height:180px;height:auto}
}
@media (min-width:1024px) and (max-width:1400px){.page-nav .pagenav-catelist>li{width:23%}
.page-nav .pagenav-catelist>li:nth-child(n+5){margin-top:1em}
.page-nav .pagenav-catelist>li:nth-child(5){margin-right:1.2%}
}
.pro5-bg::before{content:"";position:absolute;left:-230px;top:0;height:100%;width:1920px;background-image:url(/uploads/43204/page/p20250327095209d5eaf.webp);background-repeat:no-repeat;background-size:cover;z-index:-1}
.pro5-bg .pro-title{color:#fff}
@media screen and (max-width:1280px){.page-nav .pagenav-catelist>li a{font-size:14px}
}
