@charset "utf-8";

.w-newsList1{position: relative;}
.w-newsList1 a{ display: block; text-decoration: none; color: #333;}
.w-newsList1 .news-item{ position:relative;}
.w-newsList1 .news-imgbox{ width:58%;}
.w-newsList1 .news-imgbox img{ transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);}
.w-newsList1 .swiper-slide.swiper-slide-active .news-imgbox img{ transform:scale(1); -webkit-transform:scale(1);}
.w-newsList1 .aspectRatio{padding-bottom:450px;}
.w-newsList1 .news-text{ position: absolute; right:0; width:50%; top: 50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background: #fff; padding: 30px 15px 40px 4%; overflow:hidden;}
:root .w-newsList1 .news-text{ top:50%;}
.w-newsList1 .date{ line-height: 1.4; margin-bottom: 0.8em;}
.w-newsList1 .date .year{ font-size:46px; font-weight: bold; color: #000; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.w-newsList1 .date .day_month{font-size:17px; color: #bebebe;}
.w-newsList1 .news-h{font-size:24px; font-weight: bold; line-height: 1.4; height:2.8em; overflow: hidden; margin-bottom: 0.3em;}
.w-newsList1 .news-sum{ line-height: 1.8; height:3.5em; overflow: hidden; color:#aaa;}
.w-newsList1 .more{margin-top:20px; width: 45px; height: 24px; float: right; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAABIUlEQVQ4jb3VMUscQRQH8J+yNgaLFAoPJSBnKaTRUhDBRoiVpBG09mMIljY2geuCIH4GG7FKE7BRSxGPyCtstLJQxGYPTr1D3LvNHxb2McP7McPO7FCz2dRPMhNExDec4gormXnbbf5wX9rrjOEr5nAcEeO1gpl5gQ08Y7YXOsgVysyDLuhEbWAP9E9ETNUGdqBreEQDJ220wBfMYKhK84joNXSFHWx3oIsFzjBdBftkGjgaxsN/wNoZLfAdkypu6QdZxV75foPlAk+4rtqxfdO8TUT8xG5ZXmIpM1u1fKURsY5DjJTYYma2qOFYRMQm9sve51jIzH/t8YGCEbGF3x3YUr7Z84GBETGPX2X5t8Te/TGKQYG4K58z/MjM+26TXgDh8VYjv3NjTgAAAABJRU5ErkJggg==") center no-repeat;}
.w-newsList1 .adSN_page{ position: absolute; z-index: 9; left:50%; bottom:50%; margin-bottom: -123px; top: auto; transform: none; -webkit-transform: none; width:35%; padding-left: 4%; }
.w-newsList1 .adSN_page span{ display: inline-block; *display:inline; *zoom:1; margin:0 6px;}
.w-newsList1 .swiper-num{ position: absolute; z-index: 9; right: 15px; top:50%; margin-top: -130px; color: #bebebe;}
.w-newsList1 .swiper-num .active{ font-size:32px; font-weight: bold;}

.w-newsList2{position: relative; overflow:hidden;}
.w-newsList2 a{ display: block; text-decoration: none; color: #333;}
.w-newsList2 .news-item{
	position:relative;
	width: 100%;
	height: 100%;
	background: #ffffff;
}
.w-newsList2 .img{
	float: right;
	width: 52%;
	overflow: hidden;
	height: 375px;
	object-fit: cover;
	object-position: center;
}
.w-newsList2 .img img{
	width:100%;
	height: 375px;
	transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);
}
.w-newsList2 .swiper-slide.swiper-slide-active .img img{ transform:scale(1); -webkit-transform:scale(1);}
.w-newsList2 .news-text{
	margin-right: 52%;
	padding: 50px;
}
.w-newsList2 .news-h{
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 1em;
}
.w-newsList2 .news-sum{margin-top:30px; line-height: 1.8; color:#808080;}
.w-newsList2 .more{position: absolute; left: 0; bottom: 50px; line-height: 2.8; padding: 0 3em; border:1px solid #aaa; color:#333;overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
.w-newsList2 .more:hover{color:#fff; border: 1px solid #0084ee;}
.w-newsList2 .more .bgsqr1,.w-newsList2 .more .bgsqr2,.w-newsList2 .more .bgsqr3,.w-newsList2 .more .bgsqr4{background:#0084ee;position: absolute;top:0; width: 0px;height: 100%;-webkit-transition: all 0.4s; transition: all 0.4s; opacity:0.35;}
.w-newsList2 .more .bgsqr3,.w-newsList2 .more .bgsqr4{ opacity:0.75;}
.w-newsList2 .more .bgsqr1{ left:0;}
.w-newsList2 .more .bgsqr2{ right:0}
.w-newsList2 .more .bgsqr3{ right:0;}
.w-newsList2 .more .bgsqr4{ left:0;}
.w-newsList2 .more:hover .bgsqr1,.w-newsList2 .more:hover .bgsqr2,.w-newsList2 .more:hover .bgsqr3,.w-newsList2 .more:hover .bgsqr4{ width:100%;}
.w-newsList2 .more:hover .bgsqr3,.w-newsList2 .more:hover .bgsqr4{-webkit-transition-delay:.4s;transition-delay:.4s;}
.w-newsList2 .more span{ position:relative; z-index:1;}
.w-newsList2 .adSN_page{ position: absolute; left: auto; right:10px; width: auto; z-index: 10; text-align: right; }
.w-newsList2.swiper-container-horizontal .adSN_page{bottom:20px;}
.w-newsList2 .adSN_page span{ background: #c9c9c9; opacity: 1; width:40px; height: 5px; border-radius: 0; -webkit-border-radius: 0;}
.w-newsList2 .adSN_page span.swiper-pagination-bullet-active{background: #0084ee;}
.w-newsList2.swiper-container-vertical .adSN_page span{margin:15px 0;}

.w-newsList2 .swiper-button-prev {
	width: 32px;
	height: 32px;
	margin-top: -16px;
	z-index: 10;
	cursor: pointer;
	background-size: 32px 32px;
	background-position: center;
	background-repeat: no-repeat;
	top: 250px;
	left: 50px;
	background-image: url("/ofcms-admin/resource/default/static/assets/image/swiper-cbtn-left.png");
}

.w-newsList2 .swiper-button-next {
	width: 32px;
	height: 32px;
	margin-top: -16px;
	z-index: 10;
	cursor: pointer;
	background-size: 32px 32px;
	background-position: center;
	background-repeat: no-repeat;
	top: 250px;
	left: 90px;
	right: auto;
	background-image: url("/ofcms-admin/resource/default/static/assets/image/swiper-cbtn-right.png");
}

@media (max-width:960px){
	.w-newsList2 .news-h{font-size:24px;}
	.w-newsList2 .news-sum{ display: none;}
}
@media (max-width:768px){
    .w-newsList1 .news-imgbox{width:100%;}
	.w-newsList1 .aspectRatio{padding-bottom: 56.25%;}
	.w-newsList1 .news-text{ position: relative; width:100%; top:0; transform: none; -webkit-transform: none; padding:1.2em 4% 1.5em;}
	:root .w-newsList1 .news-text{ top:0;}
	.w-newsList1 .adSN_page{ left:0; bottom:2em; margin-bottom: 0;}
	.w-newsList1 .swiper-num{ bottom: 232px; top: auto; margin-top: 0;}

	.w-newsList2 .news-h{font-size:20px;}
	.w-newsList2 .img{
		float: none;
		width:100%;
		height: 210px;
	}
	.w-newsList2 .news-text{margin-right: 0; text-align: center; padding:1em 0 3em;}
	.w-newsList2 .more{position: relative; margin-top:1.2em; bottom: 0; display: inline-block;}
	.w-newsList2 .adSN_page{ top: auto; bottom: 0 !important; left: 0; right: 0 ; transform: none; -webkit-transform: none; text-align: center;}
	.w-newsList2 .adSN_page span{margin:0 0.3em !important; display: inline-block; width:1.8em; height: 0.25em;}

	.w-newsList2 .img img {
		width: 100%;
		height: 210px;
		/* css3 object-fit属性 cover:保持原有尺寸比例缩放。宽度和高度至少有一个和容器一致（尺寸小的一致）。因此，此参数可能会让图片部分区域不可见。 */
		object-fit: cover;
		/* object-position属性  */
		object-position: center;
	}

	.w-newsList2 .swiper-button-prev {
		display: none;
	}

	.w-newsList2 .swiper-button-next {
		display: none;
	}
}
@media (max-width:480px){
    .title{font-size:6vw;}
    .w-newsList1 .news-h{font-size:125%;}
	.w-newsList1 .date .year{ font-size:300%;}
	.w-newsList1 .date .day_month{ font-size: 110%;}
	.w-newsList1 .swiper-num{ bottom: 15em;}
	.w-newsList1 .swiper-num .active{ font-size: 200%;}

	.w-newsList2 .news-h{font-size:125%;}
}