@charset "utf-8";
.list-page{margin-top: 40px;}
.list-page .list{width: 915px;}
.list-page .page-top{margin-bottom: 18px; border-bottom: 1px solid #eaeaea; padding-bottom: 3px;}
.list-page .page-top span{font-size: 25px; color: #000; display: block; border-bottom: 1px dashed #eaeaea;}
.list-page .show-more{background-color: #f6f6f6; text-align: center; color: var(--red); font-size: 18px; margin-top: 50px; padding: 10px 0; cursor: pointer;}
.list-page .aside{width: 325px;}
.list-page .aside .aside-top{border-bottom: 1px solid var(--red); font-size: 20px; border-radius: 0 0 0 5px; overflow: hidden; margin-bottom: 21px;}
.list-page .aside .aside-top span{background: var(--red); color: white; width: 80px; height: 32px; text-align: center; line-height: 32px; display: block; border-radius: 5px;}

.list-page .common-list1-with-desc li{width: 447px;}

.list-page .aside .aside-top2{border-bottom: 1px solid #eaeaea; padding-bottom: 3px; margin-bottom: 18px;}
.list-page .aside .aside-top2 span{font-size: 20px; color: #000;}

.list-page .aside .aside-top3{border-bottom: 1px solid #969696; font-size: 20px; overflow: hidden; margin-bottom: 21px;}
.list-page .aside .aside-top3 span{color: var(--red); height: 32px; line-height: 32px; display: block;}

.list-top-banner{margin-bottom: 40px;}
.list-top-banner .swiper-slide{height: 510px;}
.list-top-banner .swiper-slide img{display: block; width: 100%; height: 100%; object-fit: cover;}
.list-top-banner .swiper-button-next, .list-top-banner .swiper-button-prev{background: rgba(0, 0, 0, .5) url(../img/curr_next.png) no-repeat center/24px auto; width: 50px; height: 50px; border-radius: 99px;}
.list-top-banner .swiper-button-prev{background-image: url(../img/curr_prev.png);}
.list-top-banner .swiper-button-next:after, .list-top-banner .swiper-button-prev:after{display: none}
.list-top-banner h4{position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; background: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); color: white; font-weight: normal; font-size: 22px;}
.list-top-banner .swiper-pagination{left: auto; right: 18px; bottom: 24px; width: auto;}
.list-top-banner .swiper-pagination .swiper-pagination-bullet{background: none; border: 1px solid white; opacity: 1; border-radius: 99px;}
.list-top-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 30px; background: white;}

.top-banner .swiper-slide{height: 580px; width: 100%}
.top-banner .swiper-slide img{display: block; width: 100%; height: 100%; object-fit: cover;}

.page-sub-nav{box-shadow: 2px 2px 6px 4px #e5d4ba; padding: 30px 0 20px; position: relative;}
.page-sub-nav a{color: #a46f2c; font-size: 20px;}
.page-sub-nav a:hover{color: var(--red);}

.article1{padding: 60px; border: 2px solid #e6cca4; background: white;}
.article1 .title{font-size: 29px; color: #a46f2c; font-weight: normal; border-bottom: 5px solid #eae1d7; line-height: 1; margin-bottom: 35px;}
.article1 .title span{padding-bottom: 12px; display: inline-block; position: relative;}
.article1 .title span::after{content: ' '; left: 0; right: 0; bottom: -6px; height: 7px; background-color: #d73f3b; position: absolute;}
.article1 .article1-content{line-height: 50px;}
.article1 .article1-content p{text-indent: 2em; font-size: 20px; color: #424242; font-family: '宋体'}

@media (max-width: 1299px) {
	.list-page .list{width: 630px;}
	.list-page .aside{width: 320px;}
	.list-page .common-list1-with-desc li{width:305px;}
	.list-page .common-list1-with-desc .img{height: 165px}
	.top-banner .swiper-slide{height: 480px}
}
@media (max-width: 991px) {
	.list-page .list{width: 520px;}
	.list-page .aside{width: 220px;}
	.list-page .aside .common-list4 .img-wrap{height: 140px;}
	.list-page .common-list1-with-desc li{width:250px;}
	.list-page .common-list1-with-desc .img{height: 145px}
	.top-banner .swiper-slide{height: 320px}
}
@media (max-width: 767px) {
	.list-page{margin-top: 20px}
	.list-page .list{width: 100%;}
	.list-page .aside{width: 100%;}
	.list-page .show-more{margin-top: 20px;}
	.list-page .aside{margin-top: 30px;}
	.list-page .aside .common-list4 .img-wrap{height: 40vw;}
	.list-page .common-list2 .img{width: 150px; height: 111px;}
	.list-page .common-list2 .tit{margin-top: 0; margin-bottom: 5px; height: 40px; line-height: 20px; font-size: 16px;}
	.list-page .common-list2 .desc{margin-bottom: 5px}
	.list-page .common-list1-with-desc li{width:48%; margin-right: 4%; margin-bottom: 20px;}
	.list-page .common-list1-with-desc li:nth-child(2n){margin-right: 0}
	.list-page .common-list1-with-desc .img{height: 30vw}
	.list-top-banner{margin-bottom: 20px;}
	.list-top-banner .swiper-slide{height: 40vw;}
	.list-top-banner h4{padding:10px; font-size: 16px; padding-right: 100px}
	.list-top-banner .swiper-pagination{bottom: 9px; right: 10px}
	.list-top-banner .swiper-button-next, .list-top-banner .swiper-button-prev{transform: scale(.6);}
	.top-banner .swiper-slide{height: 30vw}
	.page-sub-nav{padding: 15px 0}
	.page-sub-nav a{font-size: 16px; white-space: nowrap;}
	.article1{padding: 15px;}
	.article1 .title{font-size: 20px; margin-bottom: 15px; padding-top: 10px;}
	.article1 .article1-content{line-height: 1.6}
	.article1 .article1-content p{font-size: 16px;}
}
@media (max-width: 400px) {
	.page-sub-nav a{font-size: 14px;}
}