﻿.pagesbanner-animate-ab .more{display:inline-block;font-size:var(--fontsize14);padding:8px 20px;border:1px solid #f9f9f9;transition:all .2s linear;border-radius:5px;margin-top:20px}
.pagesbanner-animate-ab .more:hover{background-color:#f9f9f9}
.oem1{padding-bottom:5%}
.oem1 .box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.oem1 .info{width:56%}
.oem1 .info .home-title{text-align:left}
.oem1 .info .txt{padding-right:24%;margin-top:20px}
.oem1 .info .more{margin-top:20px;display:flex;align-items:center;font-weight:var(--fontbold6)}
.oem1 .info .more:hover{text-decoration:none}
.oem1 .info .more:hover em{margin-right:25px}
.oem1 .info .more em{font-size:40px;margin-right:30px;position:relative;font-weight:var(--fontbold4);transition:all .2s linear;color:var(--color)}
.oem1 .info .more em::after{content:"";position:absolute;top:50%;right:-15px;transform:translateY(-50%);width:30px;height:30px;border:1px solid var(--color);border-radius:50%}
.oem1 .list{width:40%;position:relative;padding:4% 0 4% 8%;box-sizing:border-box}
.oem1 .list::before{content:"";position:absolute;left:0;top:0;width:calc(100% + 260px);height:100%;border:1px solid var(--color);border-right:none;border-radius:100px 0 0 100px}
.oem1 .list li{padding-left:30px;margin:5px 0;position:relative}
.oem1 .list li::before{content:"";width:20px;height:20px;position:absolute;left:0;top:5px;background-image:url(/uploads/43191/page/p20250428085525da919.webp);background-repeat:no-repeat;background-size:cover}
.oem2{padding:5% 0;position:relative;z-index:2}
.oem2::before{content:"";position:absolute;left:-260px;top:0;width:1920px;height:100%;background-color:#f2f2f2;z-index:-1}
.oem2 .title-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px;margin-bottom:30px}
.oem2 .title-list li{width:12.5%;padding:10px 2px;border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;text-align:center;display:flex;align-items:center;justify-content:center;color:#283e58;font-weight:var(--fontbold6);cursor:pointer;position:relative;transition:all .2s linear}
.oem2 .title-list li::after{content:"";border:6px solid transparent;border-top:6px solid var(--color);position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);opacity:0;transition:all .2s linear}
.oem2 .title-list li:last-child{border-right:1px solid #e3e3e3}
.oem2 .title-list li.active{background-color:var(--color);color:#fff}
.oem2 .title-list li.active::after{opacity:1}
.oem2 .box{min-height:687px}
.oem2 .item-list{display:none;flex-wrap:wrap}
.oem2 .item-list li{width:19.2%;margin-right:1%;margin-bottom:30px}
.oem2 .item-list li .img{background-color:#fff}
.oem2 .item-list li .img img{width:100%}
.oem2 .item-list li .title{text-align:center;padding-top:16px;color:#111}
.oem2 .item-list li:nth-child(5n){margin-right:0}
.oem2 .item-list.active{display:flex}
.oem2 .item-list.list6 li{width:15.83333%;margin-right:1%;margin-bottom:30px}
.oem2 .item-list.list6 li:nth-child(6n){margin-right:0}
.oem2 .item-list.list6 li .img{background-color:#fff}
.oem2 .item-list.list6 li .img img{width:100%}
.oem3{padding:5% 0}
.oem3 .box{margin-top:50px;display:flex;justify-content:space-between;flex-wrap:wrap}
.oem3 .item{width:20%}
.oem3 .item .img{border:1px solid var(--color);padding:10px;border-radius:50%;position:relative}
.oem3 .item .img::after{content:"";width:0;height:0;position:absolute;border:10px solid transparent;border-left:10px solid var(--color);top:50%;right:-22%;border-radius:3px;transform:translateY(-50%)}
.oem3 .item .img img{width:100%;height:100%;aspect-ratio:1/1;border-radius:50%;transition:all .2s linear}
.oem3 .item .title{margin-top:20px;text-align:center;color:#283e58}
.oem3 .item:hover img{transform:scale(.98)}
.oem3 .item:last-child .img::after{display:none}
.oem4{padding:5% 0;position:relative;z-index:1}
.oem4::before{content:"";position:absolute;left:-260px;top:0;width:1920px;height:280px;background-color:var(--color);z-index:-1}
.oem4 .home-title{color:#fff}
.oem4 .list{margin-top:50px;display:flex;justify-content:space-between}
.oem4 .list li{width:24%;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;transition:all .2s linear}
.oem4 .list li .img{overflow:hidden;border-radius:5px}
.oem4 .list li .info{flex:1;padding:14px 20px 20px;box-shadow:0 6px 20px 1px rgba(209,209,209,.41)}
.oem4 .list li .info .tit{color:#283e58;font-size:var(--fontsize18);font-weight:var(--fontbold6);min-height:70px}
.oem4 .list li:hover{transform:translateY(-10px)}
.oem5{padding-bottom:5%}
.oem5 .item{display:flex;justify-content:space-between;position:relative;z-index:1;padding-top:50px;margin-top:50px}
.oem5 .item::before{content:"";position:absolute;top:0;width:calc(50% + 260px);height:86%;z-index:-1}
.oem5 .item .info{width:30%;padding-top:50px}
.oem5 .item .info .tit{font-size:var(--fontsize24);font-weight:var(--fontbold6);color:#283e58}
.oem5 .item .img{width:66%}
.oem5 .item .img .swiper-slide img{width:100%}
.oem5 .item .btn{display:flex;align-items:center;padding-left:10%;margin-bottom:10px}
.oem5 .item .btn em{color:#111;font-size:var(--fontsize26);cursor:pointer}
.oem5 .item .btn .oem5-next{margin-left:10px}
.oem5 .item:nth-child(even)::before{left:-260px;background-color:#f2f2f2}
.oem5 .item:nth-child(odd){flex-direction:row-reverse}
.oem5 .item:nth-child(odd)::before{right:-260px;background-color:var(--color)}
.oem5 .item:nth-child(odd) .info{color:#fff}
.oem5 .item:nth-child(odd) .info .tit{color:#fff}
.oem5 .item:nth-child(odd) .btn{display:flex;justify-content:flex-end;margin-left:auto;padding-left:0;padding-right:10%}
.oem5 .item:nth-child(odd) .btn em{color:#fff}
.oem6{padding:5% 0;position:relative;z-index:1}
.oem6::before{content:"";position:absolute;left:-260px;top:0;width:1920px;height:100%;z-index:-1;background-image:url(/uploads/43191/page/p2025042808554429263.webp);background-repeat:no-repeat;background-size:cover}
.oem6 .home-title{color:#fff;font-size:36px;text-align:center}
.oem6 .des{color:#fff;margin-top:20px;text-align:center}
.oem6 .btn{display:flex;justify-content:center;margin-top:20px}
.oem6 .btn .more{color:#fff;display:flex;align-items:center;font-weight:var(--fontbold6)}
.oem6 .btn .more:hover{text-decoration:none}
.oem6 .btn .more:hover em{margin-right:25px}
.oem6 .btn .more em{font-size:40px;margin-right:30px;position:relative;font-weight:var(--fontbold4);transition:all .2s linear;color:#fff}
.oem6 .btn .more em::after{content:"";position:absolute;top:50%;right:-15px;transform:translateY(-50%);width:30px;height:30px;border:1px solid #fff;border-radius:50%}
@media screen and (max-width:1280px){.oem5 .item::before{height:100%}
}
@media screen and (max-width:1024px){.oem1{padding-bottom:40px}
.oem1 .info{width:48%}
.oem1 .info .txt{padding-right:0}
.oem1 .list{width:48%;padding:4% 0 4% 4%}
.oem1 .list::before{width:calc(100% + 15px);right:-15px}
.oem2{padding:40px 0}
.oem2::before{width:calc(100% + 30px);left:-15px}
.oem2 .title-list li{width:25%}
.oem2 .item-list li{width:23.5%!important;margin-right:2%!important}
.oem2 .item-list li:nth-child(4n){margin-right:0!important}
.oem3{padding:40px 0}
.oem4{padding:40px 0}
.oem4::before{width:calc(100% + 30px);left:-15px}
.oem4 .list{flex-wrap:wrap}
.oem4 .list li{width:48%;margin-bottom:25px}
.oem4 .list li .img img{width:100%}
.oem5{padding-bottom:40px}
.oem5 .item{padding-top:40px}
.oem5 .item::before{width:70%;height:80%}
.oem5 .item .img{width:54%}
.oem5 .item .info{width:44%}
.oem5 .item:nth-child(even)::before{left:-15px}
.oem5 .item:nth-child(odd)::before{right:-15px}
.oem6{padding:40px 0}
}
@media screen and (max-width:768px){.oem1 .info{width:100%}
.oem1 .list{width:100%;padding:40px 0 40px 40px;margin-top:20px}
.oem2 .title-list{margin-top:25px;margin-bottom:25px}
.oem2 .title-list li{border:1px solid #e3e3e3;width:50%;margin:5px 0}
.oem2 .item-list li{margin-bottom:25px;width:32%!important}
.oem2 .item-list li:nth-child(4n){margin-right:2%!important}
.oem2 .item-list li:nth-child(3n){margin-right:0!important}
.oem3 .box{margin-top:0}
.oem3 .box .item{width:48%;margin-top:25px}
.oem3 .box .item .img::after{display:none}
.oem4 .list{margin-top:0}
.oem4 .list li{margin-bottom:0;margin-top:25px}
.oem5 .item{flex-wrap:wrap;margin-top:25px;padding-top:15px}
.oem5 .item::before{width:calc(100% + 30px)}
.oem5 .item .btn{padding:0!important}
.oem5 .item .info{width:100%;padding-top:0}
.oem5 .item .img{width:100%}
.oem6 .home-title{font-size:var(--fontsize24)}
.pagesbanner-animate-ab .more{display:none}
}
@media screen and (max-width:500px){.oem2 .box{min-height:auto}
.oem2 .item-list{justify-content:space-between}
.oem2 .item-list li{width:48%!important;margin-right:0!important;margin-bottom:10px}
.oem4 .list li{width:100%}
.oem4 .list li .info .tit{min-height:auto}
}
.page-nav{display:none}