@charset "UTF-8";

.top-banner-box{display:none;position:relative;z-index:40;background:#f3f3f3;}
.cms-admin-editing .top-banner-box{display:block;}
.top-banner-box .main-mini-wrap{padding:0 40px;max-width:1920px;box-sizing:border-box;}
.top-banner-box .main-mini-box{position:relative;padding:0 26px;}
.top-banner-box .swiper-wrapper{align-items:center;}
.top-banner-box .swiper-slide:before{content:'';position:absolute;top:50%;left:0;width:1px;height:40px;background-color:#d3d3d3;transform:translateY(-50%);}
.top-banner-box .swiper-slide-active:before{display:none;}
.top-banner-box .swiper-slide div{padding:15px 10px 18px;}
.top-banner-box .swiper-slide.no-button div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:92px;box-sizing:border-box;}
.top-banner-box .swiper-slide div p{text-align:center;white-space:nowrap;overflow:hidden;}
.top-banner-box .swiper-slide div p a{display:inline-block;max-width:100%;font-size:1.125rem;color:#111;line-height:1.325rem;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.top-banner-box .swiper-slide div ul{padding:6px 0 0;text-align:center;}
.top-banner-box .swiper-slide div ul li{display:inline-block;margin:0 10px 0 0;max-width:calc(50% - 5px);}
.top-banner-box .swiper-slide div ul li:last-of-type{margin:0;}
.top-banner-box .swiper-slide div ul li a{display:inline-block;padding:2px 10px;min-width:90px;max-width:100%;border:1px solid #0d3f7a;font-size:0.75rem;line-height:1.25rem;color:#0d3f7a;text-align:center;box-sizing:border-box;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.top-banner-box .control-wrap{position:absolute;top:50%;left:0;z-index:10;width:100%;}
.top-banner-box .control-wrap > div{position:absolute;top:0;width:16px;height:32px;cursor:pointer;transform:translateY(-50%);}
.top-banner-box .control-wrap .top-banner-prev{left:0;background:url(/_res/yu/main/img/common/bg-top-banner-prev.png) no-repeat 0 0/contain;}
.top-banner-box .control-wrap .top-banner-next{right:0;background:url(/_res/yu/main/img/common/bg-top-banner-next.png) no-repeat 0 0/contain;}
.top-banner-box .top-banner-pagination{position:absolute;bottom:9px;left:0;width:100%;z-index:10;font-size:0;text-align:center;}
.top-banner-box .top-banner-pagination .swiper-pagination-bullet{margin:0 6px 0 0;width:6px;height:6px;background:#c2c2c2;border-radius:6px;opacity:1;}
.top-banner-box .top-banner-pagination .swiper-pagination-bullet-active{width:30px;background:#0d3f7a;}
.top-banner-box .top-banner-pagination .swiper-pagination-bullet:last-of-type{margin:0;}
.top-banner-box .banner-chk-box{display:none;}
.top-banner-box .banner-chk-box{position:absolute;bottom:10px;right:0;z-index:10;line-height:1;}
.top-banner-box .banner-chk-box .btn-banner-close{display:inline-block;padding:0 28px 0 0;background:url(/_res/yu/main/img/common/btn-top-banner-close.png) no-repeat center right;font-size:0.812rem;color:#888;line-height:1.188rem;vertical-align:middle;}

.no-banner .top-banner-wrap{display:none;}
.no-banner .top-header-box .top-link-box li .btn-banner{visibility:hidden;}

.swiper-fixed-container{display:none;}
.top-banner-box.use-fixed .swiper-fixed-container{display:block;float:left;width:33.33%;}
.top-banner-box.use-fixed .swiper-fixed-container .swiper-slide:before{display:none;}
.top-banner-box.use-fixed .main-mini-box:after{content:'';display:block;clear:both;}	
.top-banner-box.use-fixed .top-banner-swiper{float:right;max-width:66.66%;width:100%;}
.top-banner-box.use-fixed .swiper-slide-active:before{display:block;}

.fixed-slide div p a{position:relative;}
.fixed-slide div p a:after{content:'';display:block;position:absolute;bottom:0;left:0;z-index:-10;width:0;height:55%;background:#d1e4f6;transition:0.2s all;}
.fixed-slide div p a:after{width:100%;}

@media screen and (max-width:1024px) {
	.top-banner-box .main-mini-wrap{padding:0 30px;}
	.top-banner-box .main-mini-box{padding:0 45px;}
	.top-banner-box .swiper-slide.no-button div{min-height:82px;}
	.top-banner-box .banner-chk-box{display:block;}

	.top-banner-box.use-fixed .swiper-fixed-container{width:50%;}
	.top-banner-box.use-fixed .top-banner-swiper{max-width:50%;}
}

@media screen and (max-width:640px) {
	.top-banner-box .main-mini-wrap{padding:0 18px;}
	.top-banner-box .main-mini-box{padding:0 20px;}
	.top-banner-box .swiper-slide{width:100%;}
	.top-banner-box .swiper-slide div{padding:12px 10px 18px;}
	.top-banner-box .swiper-slide.no-button div{min-height:78.5px;}
	.top-banner-box .control-wrap > div{margin:0 0 0 0;width:10px;height:20px;}
	.top-banner-box .banner-chk-box{bottom:6px;}
	.top-banner-box .banner-chk-box .btn-banner-close{padding:0 18px 0 0;background-size:14px;}

	.top-banner-box.use-fixed .swiper-fixed-container{display:none;}
	.top-banner-box.use-fixed .top-banner-swiper{float:none;max-width:none;}	
	.top-banner-box.use-fixed .swiper-slide-active:before{display:none;}
}

@media screen and (max-width:480px) {
	.top-banner-box .swiper-slide div p a{max-height:15px;font-size:1rem;line-height:1.2rem;}
	/*.top-banner-box .top-banner-pagination{text-align:left;}*/
	.top-banner-box .top-banner-pagination .swiper-pagination-bullet-active{width:18px;}
}