@charset "utf-8";
*{ box-sizing:border-box; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none;}
*:focus { outline: none; }
html {  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%;}
body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{ padding:0; margin:0;}
img {  border: 0;vertical-align: middle; max-width:100%;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}

.sec1{background: #f2f2f2;}
.main{max-width:1300px; margin:0 auto; padding:0;}
.title{font-size:24px; margin-bottom: 1em; text-align: center;}
.img-count,.img-count img{position:relative;}
.img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;height:100%; *height:100%;}

.w-newsList2{position: relative; overflow:hidden; width:100%;}
.w-newsList2 a{ display: block; text-decoration: none; color: #fff;}
.w-newsList2 .news-item{ position:relative; background:url(../images/index_sc_back.jpg) left top no-repeat;}
.w-newsList2 .img{ float: right; width:68%; overflow: hidden;}
.w-newsList2 .img img{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:68%; padding:20px 15px;}
.w-newsList2 .news-t{font-size:16px; line-height:30px; border-bottom:1px solid #fff; width:160px;}
.w-newsList2 .news-h{font-size:18px; line-height:30px; padding:0 10px; margin-top:20px; height:30px; overflow:hidden; text-align:center; border-bottom:1px solid #fff;}
.w-newsList2 .news-sum{margin-top:30px; font-size:14px; line-height: 1.8; color:#fff;  overflow:hidden;}
.w-newsList2 .more{  position: absolute; left: 15px;   line-height: 2.8; padding: 0 3em; margin-top:20px; border:1px solid #fff; color:#fff;  -webkit-transition: all .6s;transition: all .6s;}
.w-newsList2 .more:hover{color:#fff; border-color:#FF6600;}

.w-newsList2 .adSN_page{ position: absolute; left: 6%; 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: #f60;}
.w-newsList2.swiper-container-vertical .adSN_page span{margin:15px 0;}

@media (max-width:960px){
	.w-newsList2 .news-h{font-size:24px;}
	.w-newsList2 .news-sum{ display: none;}
}
@media (max-width:767px){
    .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%;}
	.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; left:6%;}
	.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;}
}
@media (max-width:480px){
    body{font-size:4vw;}
    .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%;}
	/*.w-newsList2 .more{position: relative; margin-top:1.2em; bottom: 0; display: inline-block; left:6%;}*/
	.w-newsList2 .more{position: relative; left: 2%; line-height: 2.8;bottom: 0; display: inline-block; border:1px solid #fff; color:#fff;overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
}