#hotnews { display: inline-block; width: 100%; }
#hotnews .hdline { float: left;  position: relative; border-radius: 5px; }
#hotnews .hdline:after { display: block; visibility: hidden; clear: both; content: ""; }
#hotnews .hdline:first-child { margin-right: 10px; }
#hotnews .hdline img { border-radius: 5px; max-width:430px; height:auto;}
#hotnews .hdline:hover img { transform: scale(1.1); transition: transform 0.3s ease;}
#hotnews .hdline .black { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7) 100%); border-radius: 0 0 5px 5px; z-index: 8; }
#hotnews .hdline .hdbox .hdnews_content {color: #fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
#hotnews .hdline .hdbox { position: absolute; left: 0; bottom: 25px; padding:0 30px; text-align:left; z-index: 9; }
#hotnews .hdline .hdnews_title, #hotnews .hdline .hdnews_content { position: relative; z-index: 10; }
#hotnews .hdline .hdnews_content { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; }
#hotnews .hdline .bluetit { color: #f49b4a; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 5px; float: left; margin-bottom: 10px; text-shadow: 1px 1px #000; }
#hotnews .hdline .bluetit a { color: #f49b4a; }
#hotnews .hdline .hdnews_title { margin-bottom: 10px; }
#hotnews .hdline .hdnews_title a { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; color: #fff; font-size: 22px; line-height: 28px; font-weight: 700; text-shadow: 1px 0 5px #000; z-index:999;}
#hotnews .hdline .hdnews_title a:hover { color: #7cc2ff; }
#hotnews .hdline .hdnews_content { float: left; line-height: 1.5;}
#hotnews .hdline .hdnews_content a { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; color: #fff; font-size: 15px; text-shadow: 1px 0 5px #000;}
#hotnews .hdline .hdnews_content a:hover { color: #7cc2ff; }

.pagination_group_wrap { margin:5px 0 10px 0; display: flex; justify-content: center; align-items: center; }
.pagination_group_wrap .pagination_group { text-align: center; display: flex; justify-content: center; align-items: center; }
.pagination_group_wrap .pagination_group .previous, .pagination_group_wrap .pagination_group .next { width: 42px; height: 28px; border: 1px solid #dde1e4; line-height: 31px; }
.pagination_group_wrap .pagination_group .previous:hover, .pagination_group_wrap .pagination_group .next:hover { background-color: #f6f7f8; }
.pagination_group_wrap .pagination_group .previous { border-radius: 100px 0 0 100px; }
.pagination_group_wrap .pagination_group .previous::before { display: inline-block; content: ""; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M13.125 3.75L6.875 10L13.125 16.25' stroke='%237C7C7C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat; background-size: contain; }
.pagination_group_wrap .pagination_group .previous .txt { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }
.pagination_group_wrap .pagination_group .pagination { display: flex; width: 52px; height: 28px; border-top: 1px solid #dde1e4; border-bottom: 1px solid #dde1e4; justify-content: center; color: #484848; font-size: 14px; align-items: center; }
.pagination_group_wrap .pagination_group .pagination .swiper_pagination_current { font-weight: 500; font-size: 14px; padding-right: 2px; }
.pagination_group_wrap .pagination_group .pagination .swiper_pagination_total { font-size: 14px; color: #484848; padding-left: 2px; }
.pagination_group_wrap .pagination_group .next { border-radius: 0 100px 100px 0; }
.pagination_group_wrap .pagination_group .next::before { display: inline-block; content: ""; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.875 3.75L13.125 10L6.875 16.25' stroke='%237C7C7C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat; background-size: contain; }
.pagination_group_wrap .pagination_group .next .txt { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }
.pagination_group_wrap .pagination_group.off .next, .pagination_group_wrap .pagination_group.off .previous { display: none; }
.pagination_group_wrap .pagination_group.off .pagination { border: 1px solid #dde1e4; border-radius: 20px; padding: 4px; }
.swiper_progress_bar { position: relative; width: 52px; display: block; z-index: 1; height: 28px; z-index:1;}
.slide_progress_bar { position: absolute; height: 26px; width: auto; clear: both; opacity: 0; bottom: 1px; left: 0; right: 0; }
.slide_progress_bar:after { position: absolute; top: 0; left: 0; background: rgba(209, 209, 209, 0.4); height: 100%; width: 0; content: ""; transition: 0.1s width linear; }
.swiper_progress_bar.active .slide_progress_bar { opacity: 1; }
.swiper_progress_bar.animate .slide_progress_bar:after { transition: width linear; transition-delay: unset; width: 100%; transition-duration: 3s; }

@media (max-width: 1200px) {
	#hotnews .hdline img {max-width:none;}
}
@media (max-width: 720px) {
	#hotnews .hdline .hdbox { bottom: 15px; padding:0 20px; }
	#hotnews .hdline .hdnews_title a { line-height: 24px; font-size: 18px; font-weight: 600;}
	#hotnews .hdline .hdnews_content a { font-size: 14px;}
}