.cpn-swiper .swiper-wrapper{}
.cpn-swiper.cpn-swiper--focus .swiper-arrow{display:block}
.cpn-swiper .swiper-arrow{display:none;position:absolute;width:100%;height:100%}
.cpn-swiper .swiper-arrow-btn{cursor:pointer;z-index:1;top:50%;position:absolute;width:28px;height:50px;background:rgba(0,0,0,0.5);border-radius:0 4px 4px 0;background-size:contain}
.cpn-swiper .swiper-arrow-btn--prev{left:0;background-image:url(https://p3.ssl.img.360kuai.com/t01b035615516ff4790.png);transform:translateY(-50%) rotate(0)}
.cpn-swiper .swiper-arrow-btn--prev:hover{background-image:url(https://p0.ssl.img.360kuai.com/t012700b49334cc4677.png)}
.cpn-swiper .swiper-arrow-btn--next{right:0;background-image:url(https://p3.ssl.img.360kuai.com/t01b035615516ff4790.png);transform:translateY(-50%) rotate(180deg)}
.cpn-swiper .swiper-arrow-btn--next:hover{background-image:url(https://p0.ssl.img.360kuai.com/t012700b49334cc4677.png)}
.img__container{width: 200px;height: 170px;overflow: hidden;position: relative; }
.img__container:after{content:'';position:absolute;right:0;bottom:0;width:100%;height:100%;background:red;opacity:0}
.img__container img{position: absolute;top: 0;left: 0;width: 100%;height: auto;min-height: 100%;object-fit: cover;}
.banner,.banner_img{width:100%;height:300px;position:relative}
.banner{margin-bottom:44px}
.banner_img{overflow:hidden}
.banner_img-bg{width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(268deg,rgba(0,0,0,0.3) 0,rgba(0,0,0,0.6) 100%);z-index:1}
#banner_img{display:flex}
#banner_img img{width:100%;height:300px;filter: blur(10px) brightness(0.8) contrast(120%);flex:1}
.banner_content{width:1080px;height:100%;position:absolute;left:50%;top:0;z-index:2;display:flex;align-items:center;margin: 0 auto; margin-left: -540px;}
.banner_content-title{margin-left:0}
.banner_content-title h3{width:330px;height:40px;font-weight:700;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:25px;color:#fff}
.banner_content-title .des{width:330px;margin-top:6px;font-size:16px;color:#fff;line-height:26px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height: 78px;}
.banner_content-title a{margin-top:20px;font-weight:700;width:160px;height:48px;background:#ff0a54;border-radius:24px;display:flex;align-items:center;font-size:18px;color:#fff;justify-content:center;border:none;transition:all .3s}
.banner_content-title a:hover{background:#cd1049}
.banner_slider{position:absolute;right:64px;top:60px;width:620px;height:196px}
.banner_slider .swiper-slide-active .banner_slider-item-mark{opacity:0}
.banner_slider-item{width:200px;height:170px;cursor:pointer;position:relative;transition:all .3s}
.banner_slider-item-mark,.banner_slider-item img{border-radius:6px;}
.banner_slider-item-mark{width:200px;height:170px;background:#000;opacity:.5;position:absolute;top:0;left:0;z-index:1;transition:all .2s}
.banner_slider-btn{width:620px}
.banner_slider-btn span{position:absolute;top:65px;width:32px;height:32px;cursor:pointer;opacity:.8;transition:all .2s}
.banner_slider-btn span:hover{opacity:1}
.banner_slider-btn-prev{left:-48px;background-image:url(https://s1.ssl.res.360kuai.com/static/0a752441005400e6.svg);background-repeat:no-repeat}
.banner_slider-btn-next{right:-48px;background-image:url(https://s2.ssl.res.360kuai.com/static/0a752441005400e6.svg);background-repeat:no-repeat;transform:rotate(180deg)}
.banner_slider .swiper-container{height:196px}
.banner_slider .swiper-arrow{display:none;visibility:hidden;width:620px;position:fixed;height:170px}
.banner_slider .swiper-pagination{position:absolute;bottom:10px;width:100%;height:8px;text-align:center}
.banner_slider .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e6e6e6;margin:0 4px;cursor:pointer}
.banner_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:14px;background:#ff0a54;border-radius:4px}
.custom-content{display:none}
*::-webkit-scrollbar{width:6px;height:9px;margin-left:3px}
*::-webkit-scrollbar-thumb{background-color:#ddd;border:1px solid #ddd;min-height:4px;border-radius:12px}
 @media (max-width: 1079px){
.banner_content{width:100%;left:0;margin-left:0;display: block;}
.banner_slider{width:100%;}
.banner_content-title{top: 0;position: relative;padding: 35px}
.banner_slider{right:0;top:0}
.banner,.banner_img{height:250px}
#banner_img img{width:100%;height:250px;filter: none;}
.cpn-swiper .swiper-wrapper{height:0!important;display: block!important;opacity: 0;}
.banner_slider{height:250px;}
.banner_slider .swiper-container{height:250px;}
.banner_slider-btn{width:100%}
.banner_slider-btn-next{right:0;}
.banner_slider-btn-prev{left:0;}
.banner_slider-btn span{top:100px;z-index: 99;}
.banner_content-title h3{width:100%;height:40px;font-weight:700;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;color:#fff}
.banner_content-title .des{width:100%;margin:0;font-size:16px;color:#fff;line-height:26px;display: inline-block;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height: 78px;}
.banner_content-title a{margin-top:10px;font-weight:700;width:120px;height:36px;background:#fa3939;border-radius:24px;display:flex;align-items:center;font-size:16px;color:#fff;justify-content:center;border:none;transition:all .3s}
.banner_slider .swiper-pagination{bottom:20px}
 }