﻿article{padding-bottom:0}
.kcfeedback::after{content: "";position: absolute;left: -230px;top: 0;width: 1920px;height: 100%;background: linear-gradient(180deg, #fff 0, #e9f2ff 100%);z-index: -1;}
.img-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:9999;cursor:zoom-out;display:none}
.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:56%;max-width:800px;display:flex;justify-content:center;align-items:center;padding:0 60px}
.modal-content img{border-radius:4px;box-shadow:0 0 20px rgba(0,0,0,.3);height:90%}
.close-btn{position:absolute;top:60px;right:60px;color:#fff;font-size:30px;cursor:pointer;z-index:10;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background-color:var(--color);line-height:1;border-radius:5px}
.custom4-box{cursor:pointer;height:100%}
#oemswiper4 .swiper-slide a{position:relative}
#oemswiper4 .swiper-slide a::before{content:"";position:absolute;left:0;top:100%;width:100%;height:100%;background-color:rgba(0,0,0,.4);transition:all .2s linear}
#oemswiper4 .swiper-slide:hover a::before{top:0}
.ome-our .oem-list .item .icon{min-height:108px;display:flex;align-items:center;justify-content:center}
.img-modal .img-left{position:absolute;color:#fff;left:calc(5% + 20px);top:50%;transform:translateY(-50%);font-size:50px;cursor:pointer}
.img-modal .img-right{position:absolute;color:#fff;right:calc(5% + 20px);top:50%;transform:translateY(-50%);font-size:50px;cursor:pointer}
.img-modal .img-left em{font-size:50px}
.img-modal .img-right em{font-size:50px}
@media screen and (max-width:768px){.modal-content{padding:0 20px;width:96%;height:auto}
.img-modal .img-left,.img-modal .img-right{background-color:var(--color);width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.img-modal .img-left em{font-size:var(--fontsize24)}
.img-modal .img-right em{font-size:var(--fontsize24)}}
.ome-logo::before{content:"";position:absolute;width:1920px;height:100%;left:-230px;top:0;background-color:#fafafa;z-index:-1}
.ome-logo{position:relative;padding:4% 0;z-index:4}
.ome-logo .line{display:block;margin:10px auto 20px;width:60px;height:2px;background-color:var(--color)}
.ome-logo:nth-child(even)::before{content:"";position:absolute;width:1920px;height:100%;left:-230px;top:0;background-color:#fafafa}
.ome-logo .swiper-slide{display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1;flex-wrap:wrap}
.ome-logo .ome-box{padding:0 50px;margin-top:50px;position:relative}
.ome-logo .ome-box .ome-button-next,.ome-logo .ome-box .ome-button-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer}
.ome-logo .ome-box .ome-button-next em,.ome-logo .ome-box .ome-button-prev em{color:#000;font-size:var(--fontsize20)}
.ome-logo .ome-box .ome-button-next:hover em,.ome-logo .ome-box .ome-button-prev:hover em{color:var(--color)}
.ome-logo .ome-box .ome-button-next .swiper-button-disabled em,.ome-logo .ome-box .ome-button-prev .swiper-button-disabled em{color:#000}
.ome-logo .ome-box .ome-button-prev{left:0}
.ome-logo .ome-box .ome-button-next{right:0}
.ome-logo .swiper-slide .img{display:flex;align-items:center;justify-content:center;width:250px;height:250px;border-radius:50%;background-color:#fff;border:1px solid #eee;overflow:hidden}
.ome-logo .swiper-slide .title{text-align:center;font-weight:var(--fontbold6);margin-top:6px;color:#000f23;width:100%}
.ship1{position:relative;z-index:2;padding:5% 0}
.ship1::before{content:"";position:absolute;right:-230px;top:0;width:1600px;height:75%;z-index:-1;background:#e9f2ff}
.ship1 .pro-page-title{text-align:left}
.ship1 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.ship1 .list li{width:31%;margin-top:40px;background-color:#fff;box-shadow:0 2px 26px 1px rgba(156,171,197,.14);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4% 10px}
.ship1 .list li .icon{width:100px;height:100px;background-color:var(--color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}
.ship1 .list li .num{font-size:var(--fontsize20);color:#0c0c18;font-weight:700;margin-bottom:20px}
.ship1 .list li .num span{font-size:70px;line-height:1}
.ship2 .list{margin-top:20px;display:flex;flex-wrap:wrap}
.ship2 .list li{width:23.5%;margin-right:2%;margin-top:30px;border-radius:3px;border:1px solid #eaeaea;padding-bottom:20px}
.ship2 .list li:nth-child(4n){margin-right:0}
.ship2 .list li .title{color:#000;font-weight:var(--fontbold9);text-align:center;display:block;min-height:58px}
.ship2 .list li .more{width:150px;height:40px;background-color:var(--color);border-radius:10px;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:var(--fontbold6);margin:10px auto}
.ship2 .list li:hover a{text-decoration:none!important}
.ship3{position:relative;z-index:2;padding:5% 0}
.ship3::before{content:"";position:absolute;left:-230px;top:0;width:1920px;height:100%;z-index:-1;background:#e9f2ff}
.ship3 .box{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
.ship3 .box .info{width:47%}
.ship3 .box .info .title{font-size:var(--fontsize28);font-weight:var(--fontbold9);color:#000}
.ship3 .box .info .line{display:block;margin:10px 0 20px;width:60px;height:2px;background-color:var(--color)}
.ship3 .box .info .txt{color:#000}
.ship3 .box .info .txt span{font-weight:var(--fontbold6)}
.ship3 .box .info .more{margin-top:40px;width:150px;height:40px;background-color:var(--color);font-weight:var(--fontbold6);color:#fff;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}
.ship3 .box .img{width:47%}
.ship4{padding:5% 0;position:relative}
.ship4::before{content:"";position:absolute;left:-230px;top:0;width:1920px;height:100%;background-image:url(/uploads/43538/page/p202503201614273e3ae.png);background-repeat:no-repeat;background-size:cover}
.ship4 .box{position:relative;z-index:2}
.ship4 .box .title{font-size:var(--fontsize36);font-weight:var(--fontbold9);color:#fff;text-align:center}
.ship4 .box .btn{display:flex;justify-content:center;margin-top:30px}
.ship4 .box .more{font-weight:var(--fontbold9);color:#fff;width:200px;height:52px;border-radius:10px;border:1px solid var(--color);background-color:var(--color);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin:0 10px}
.ship4 .box .more:nth-child(2){background-color:transparent;border-color:#fff}
@media screen and (max-width:1024px){.ship1{padding:30px 0}
.ship2{padding:20px 0}
.ship3{padding:30px 0}
.ship4{padding:30px 0}
.ome-logo{padding:30px 0}
.ship1::before{width:calc(100% + 30px);left:-15px}
.ship3::before{width:calc(100% + 30px);left:-15px}
.ome-logo::before{width:calc(100% + 30px);left:-15px}
.ship4::before{width:calc(100% + 30px);left:-15px}
.ship1 .list li .num span{font-size:60px}}
@media screen and (max-width:769px){.ship1 .list li .icon{width:70px;height:70px}
.ship1 .list li .icon img{max-width:60%;max-height:60%}
.ship1 .list li .num{font-size:var(--fontsize20)}
.ship1 .list li .num span{font-size:var(--fontsize30)}
.ship3 .box{flex-direction:column-reverse}
.ship3 .box .info{width:100%;margin-top:20px}
.ship3 .box .img{width:100%}
.ship4 .box .title{font-size:var(--fontsize20)}
.ship2 .list{justify-content:space-between;margin-top:0}
.ship2 .list li{width:48%;margin-right:0!important}}
@media screen and (max-width:500px){.ship1 .list li{width:100%;margin-top:25px;padding:25px 10px}
.ship2 .list li .more{width:120px}
.ship3 .box .info .title{font-size:var(--fontsize24)}
.ship4 .box .btn{flex-direction:column;justify-content:center;align-items:center}
.ship4 .box .btn .more{margin:10px 0}}
.ready-to-ship .list .more a{color: #fff;}
.pagesbanner .pagesbanner-animate-tumber a{border: 1px solid #fff;border-radius: 5px;padding: 6px 20px;display: inline-block;}
.kche-t41 .kche-item-img img{width:auto}

