/* listApp页面样式 */

/* listApp_box */
.listApp_box{background: url(../img/sub_45.png) no-repeat left 42px/24% auto; padding-bottom: 30px;}

.listApp_box .empty{float: left; width: 1px; height: 100px;}

.listApp_swiper{padding-right: 14.68%; margin-top: 50px;}
.listApp_swiper .swiper-wrapper{padding: 10px 0; padding-right: 14.68%;}

.listApp_swiper_control{position: relative; height: 48px; margin-top: 80px;}
.list-app-next, .list-app-prev{opacity: 1; width: 46px; height: 46px; background-size: 60% 60%; margin-top: 0; top: auto; bottom: 0; border: 2px solid #0062ab; border-radius: 50%;}
.list-app-next:before, .list-app-prev:before{content: '';}
.list-app-prev{background-image: url(../img/icon_left.png); right: 100px; left: auto;}
.list-app-next{background-image: url(../img/icon_right.png); right: 0;}

.list-app-prev:hover{background-color: #0062ab; background-image: url(../img/icon_left_w.png); border-color: #0062ab;}
.list-app-next:hover{background-color: #0062ab; background-image: url(../img/icon_right_w.png); border-color: #0062ab;}

.swiper-pagination-bullet{height: 3px; width: 30px; border-radius: 2px; margin: 0 8px;}
.swiper-pagination-bullet-active{background: #0062ab;}
.list-app-pagination{margin-left: 25%; margin-top: 14px;}

.list-app-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #333;}

.listApp_item{width: 100%; position: relative;}
.listApp_item .news_pic{padding-bottom: 110%; overflow: hidden; border-radius: 8px; z-index: 1; background: #fff;}
.listApp_item .news_pic img{transition: all 0.3s ease; height: 0;}
.listApp_item .link_a{position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 5;}
.listApp_info_bg{position: absolute; left: 0; right: 0; top: 0; background: rgba( 0, 98, 171, 0.72); content: ''; z-index: 2; border-radius: 8px; opacity: 0.96; height: 0; transition: all 0.3s ease;}
.listApp_info{border-radius: 8px; position: absolute; top: 50%; left: 0; right: 0; padding: 40px; transition: all 0.4s ease; transform: translateY(-50%);}
.listApp_info{ z-index: 3;}
.listApp_info .title a{line-height: 38px; font-size: 32px; color: #333; font-weight: bold; transition: all 0s ease;}
.listApp_info .title a:hover{margin-left: 6px; color: #fff;}
.listApp_info .brief{line-height: 28px; color: #333; margin-top: 24px;}
.listApp_item:hover .title a, .listApp_item:hover .brief{color: #fff;}
.listApp_item:hover .listApp_info_bg{height: 100%;}
.listApp_item:hover .news_pic img{height: 100%;}

.listApp_box .swiper-slide{box-shadow: 0 4px 10px rgba(0, 72, 89, 0.15); border-radius: 8px; z-index: 10;}

@media only screen and (max-width: 1660px) {
	.listApp_box{background-position: left 100px;}
	/* .listApp_swiper_control{padding-top: 28%;} */
}
@media only screen and (max-width: 1550px) {
	.listApp_swiper{padding-right: 100px;}
	.listApp_swiper .swiper-wrapper{padding-right: 100px;}
}

@media only screen and (max-width: 1180px) {
	.listApp_info{padding: 30px;}
	.listApp_info .title a{font-size: 24px;}
	.listApp_info .brief{margin-top: 20px;}
}
@media only screen and (max-width: 950px) {
	.listApp_box{background: none; padding: 0 20px 20px;}
	.listApp_swiper{margin: 0; padding-right: 0;}
	.listApp_box .empty{display: none;}
	.listApp_item .title a, .listApp_item .brief{color: #fff;}
	.listApp_item .listApp_info_bg{height: 100%;}
	.listApp_item .news_pic img{height: 100%;}
	.listApp_info{padding: 15px;}
	.listApp_swiper_control{margin-top: 10px;}
	.list-app-pagination{display: none;}
	.list-app-next, .list-app-prev{width: 42px; height: 42px;}
	.list-app-prev{right: 60px;}
	/* .c_news_box{margin-top: 30px;}
	.c_news_left{width: 100%; float: none;}
	.listApp_swiper_control{padding-top: 56px; border: none;}
	.c-news-next, .c-news-prev{bottom: 15px;}
	.c-news-pagination{bottom: 32px;}
	.c_news_right{padding: 0 20px;}
	.listApp_swiper{padding-right: 0;}
	.listApp_info_bg{height: 146px; bottom: 0;}
	.listApp_info{height: auto; bottom: 0; padding: 15px;} */
}