/* æ–°é—» */

#news{padding: 30px 0 120px 0;max-width: 1600px; margin: auto;}
#news .wrap>.tit{font-size: 36px; color: #2b2b2b; /*font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';*/}
#news .wrap>.tit-en{color: #bbb; font-size: 1.5rem; font-family: 'Montserrat'; margin-top: 12px;}

#news .top{margin-top: 70px; padding: 0 50px 40px 50px; border-bottom: 1px solid #e6e6e6;}
#news .top .swiper-container{padding-bottom: 70px;}
#news .top .swiper-slide{display: flex; justify-content: space-between;}
#news .top .swiper-slide .img{display: block; width: 32%; height: 0; padding-bottom: 22%; background: #eee no-repeat center/cover; transition: all .3s; position: relative;}
#news .top .swiper-slide .img::after{content: ''; display: block; width: 100%; height: 100%; position: absolute; transition: all .35s;}
#news .top .swiper-slide .img:hover::after{background: rgba(0,0,0, .2);}
#news .top .swiper-slide .box{width: 68%; padding-left: 50px; box-sizing: border-box;}
#news .top .swiper-slide .box .tit{display: block; font-size: 2.8rem; font-weight: bold; color: #2e2d3c; padding: 20px 0; line-height: 1.3; transition: all .2s;}
#news .top .swiper-slide .box .tit:hover{color: #2e7eef;}
#news .top .swiper-slide .box .desc{margin-top: 20px; font-size: 1.6rem; /*font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';*/ line-height: 1.9; color: #999;}
#news .top .swiper-slide .box .date{margin-top: 40px; font-size: 1.6rem; font-weight: 300; color: #aaa;}
#news .top .swiper-slide .box .date::before{content: '\e638'; font-family: 'iconfont'; display: inline-block; font-size: 1.6rem; color: #aaa; margin-right: 7px;}
#news .top .swiper-slide .box .more{display: block; background: #2e7eef; color: #fff; font-size: 1.5rem; width: 145px; height: 47px; line-height: 45px; text-align: center; border-radius: 50px; margin-top: 40px; font-weight: 300; transition: all .25s;}
#news .top .swiper-slide .box .more::after{color: #fff; content: '\e615'; font-family: 'iconfont'; display: inline-block; font-size: 1.5rem; margin-left: 6px; margin-right: -5px; transition: all .2s;}
#news .top .swiper-slide .box .more:hover{background: #00378C;}
#news .top .swiper-slide .box .more:hover::after{margin-left: 11px; margin-right: -10px;}
#news .top .swiper-pagination{width: 100%; bottom: 0;}
#news .top .swiper-pagination-bullet{width: 9px; height: 9px; margin:0 5px 0 5px; opacity:1; background: #ccc; transition:all .25s; position: relative; opacity: .7;}
#news .top .swiper-pagination-bullet-active{background: #00378C;}


#news .list{margin: 0 0 50px 0;}
#news .list>a{display: block; transition: all .35s;}
#news .list>a:hover{background: #f2f2f2;}
#news .list>a .wrap{padding: 40px 50px; box-sizing: border-box; border-bottom: 1px solid #e6e6e6; display: flex; align-items: center;}
#news .list>a .wrap .date{width: 120px; height: 135px; border: 1px solid #e6e6e6; display: flex; justify-content: center; align-items: center; flex-direction: column; transition: all .35s; border-radius: 0 0 20px 0;}
#news .list>a:hover .wrap .date{border: 1px solid #fff; background: #fff; border-radius: 0;}
#news .list>a .wrap .date .day{font-family: 'Montserrat'; font-size: 4.5rem; font-weight: 700; color: #2e2d3c;}
#news .list>a .wrap .date .ym{color: #999; font-size: 1.68rem; font-weight: 300; margin-top: 8px; padding-top: 5px;}
#news .list>a .wrap .con{width: calc(100% - 420px); margin-left: 35px;}
#news .list>a .wrap .con .tit{font-size: 20px; color: #2e2d3c; font-weight: 300; transition: all .35s;}
#news .list>a:hover .wrap .con .tit{color: #333;}
#news .list>a .wrap .con .desc{font-size: 15px; color: #999; word-break:break-word; line-height: 1.8; margin-top: 20px; /*font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';*/ transition: all .35s;}
#news .list>a:hover .wrap .con .desc{/* color: rgba(255,255,255, .7); */}
#news .list>a .wrap .img{width: 250px; height: 135px; background: #eee no-repeat center/cover; margin-left: 50px;}


#news-view{margin: 50px auto 80px auto; max-width: 1200px;}
#news-view h1{color: #2e2d3c; text-align: center; line-height: 1.3; font-size: 3.2rem;/*padding-bottom: 35px;*/}
#news-view .info{text-align: center; font-weight: 300; font-size: 1.4rem; color: #aaa; padding-bottom: 45px; border-bottom: 1px solid #ddd;}
#news-view .con{font-size: 1.7rem; /*font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';*/ line-height: 1.9; padding-top: 40px;}
#news-view .con p, #news-view .con div{font-size: 1.7rem; /*font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'*/; line-height: 1.9; margin-bottom: 30px;}
#news-view .back{margin-top: 60px; text-align: center;}
#news-view .back>a{display: inline-block; font-size: 2rem; color: #00378C; letter-spacing: .3rem; font-weight: 300;}
#news-view .back>a::before{content: '\e6f4'; font-family: 'iconfont'; display: block; font-size: 3rem; margin-bottom: 9px;}
#news-view .back>a:hover{color: #e24040;}


@media (max-width:1679px){ /*1440*/
  #news .wrap>.tit{font-size: 3.8rem;}
  #news .wrap>.tit-en{font-size: 1.4rem;}

  #news .top .swiper-slide .box .tit{font-size: 2.6rem;}
  #news .top .swiper-slide .box .desc{margin-top: 15px; font-size: 1.5rem;}
  #news .top .swiper-slide .box .date{margin-top: 36px; font-size: 1.4rem;}
  #news .top .swiper-slide .box .more{font-size: 1.4rem; width: 140px; height: 45px; line-height: 43px; margin-top: 36px;}

  #news .list>a .wrap .date .day{font-size: 4.6rem;}
  #news .list>a .wrap .date .ym{font-size: 1.6rem; margin-top: 6px; padding-top: 5px;}
  #news .list>a .wrap .con .tit{font-size: 2rem;}

  #news-view h1{font-size: 3.4rem;}
  #news-view .info{font-size: 1.4rem;}
  #news-view .con{font-size: 1.6rem; line-height: 1.9;}
  #news-view .con p, #news-view .con div{font-size: 1.6rem; margin-bottom: 28px;}
}
@media (max-width:1439px){ /*1366*/
  #banner{height: 450px;}

  #news{padding: 30px 0 100px 0;}

  #news .top .swiper-slide .img{width: 35%; padding-bottom: 24%;}
  #news .top .swiper-slide .box{width: 65%;}

  #news .list>a .wrap .date{width: 110px; height: 130px;}
  #news .list>a .wrap .date .day{font-size: 4.2rem;}
  #news .list>a .wrap .date .ym{font-size: 1.5rem; margin-top: 6px; padding-top: 5px;}
  #news .list>a .wrap .con .tit{font-size: 1.9rem;}
  #news .list>a .wrap .con .desc{font-size: 1.4rem;}

  #news-view h1{font-size: 3.2rem;}
  #news-view .info{font-size: 1.3rem;}
  #news-view .con{font-size: 1.5rem; line-height: 1.9;}
  #news-view .con p, #news-view .con div{font-size: 1.5rem; margin-bottom: 26px;}
  #news-view .back>a{font-size: 1.9rem;}
  #news-view .back>a::before{font-size: 2.9rem;}
}
@media (max-width:1365px){ /*1280*/
  #news .top .swiper-slide .img{width: 38%; padding-bottom: 25%;}
  #news .top .swiper-slide .box{width: 62%;}
  #news .top .swiper-slide .box .tit{font-size: 2.4rem; padding: 15px 0 18px 0;}
  #news .top .swiper-slide .box .desc{margin-top: 13px; font-size: 1.4rem;}
  #news .top .swiper-slide .box .date{margin-top: 33px; font-size: 1.4rem;}
  #news .top .swiper-slide .box .more{font-size: 1.3rem; width: 135px; height: 45px; line-height: 43px; margin-top: 33px;}

  #news .list>a .wrap .date{width: 110px; height: 130px;}
  #news .list>a .wrap .date .day{font-size: 4rem;}
  #news .list>a .wrap .date .ym{font-size: 1.4rem; margin-top: 6px; padding-top: 5px;}
  #news .list>a .wrap .con .tit{font-size: 1.8rem;}
  #news .list>a .wrap .con .desc{font-size: 1.4rem;}

  #news-view h1{font-size: 3rem;}
  #news-view .info{font-size: 1.3rem;}
  #news-view .con{font-size: 1.4rem; line-height: 1.9;}
  #news-view .con p, #news-view .con div{font-size: 1.4rem; margin-bottom: 25px;}
  #news-view .back>a{font-size: 1.8rem;}
  #news-view .back>a::before{font-size: 2.8rem;}
}
@media (max-width:1279px){ /*mp*/
  #news{padding: 0 15px 60px 15px;}
  #news .wrap>.tit{font-size: 2.4rem;}
  #news .wrap>.tit-en{font-size: 1.2rem; margin-top: 6px;}

  #news .top{margin-top: 30px; padding: 0 0 40px 0; border-bottom: 1px solid #e6e6e6;}
  #news .top .swiper-container{padding-bottom: 30px;}
  #news .top .swiper-slide{display: block;}
  #news .top .swiper-slide .img{width: 100%; padding-bottom: 60%;}
  #news .top .swiper-slide .box{width: 100%; padding-left: 0;}
  #news .top .swiper-slide .box .tit{font-size: 1.9rem; padding: 20px 0 0 0;}
  #news .top .swiper-slide .box .desc{margin-top: 15px; font-size: 1.4rem; line-height: 1.7;}
  #news .top .swiper-slide .box .date{margin-top: 15px; font-size: 1.3rem;}
  #news .top .swiper-slide .box .date::before{margin-right: 5px;}
  #news .top .swiper-slide .box .more{font-size: 1.4rem; width: 125px; height: 41px; line-height: 40px; margin-top: 30px;}
  #news .top .swiper-slide .box .more::after{font-size: 1.4rem; margin-left: 5px;}
  #news .top .swiper-pagination-bullet{width: 7px; height: 7px; margin:0 5px 0 5px;}

  #news .list{margin: 0 0 30px 0;}
  #news .list>a .wrap{padding: 25px 0; display: block;}
  #news .list>a .wrap .date{display: none;}
  #news .list>a .wrap .con{width: 100%; margin-left: 0;}
  #news .list>a .wrap .con .tit{font-size: 1.5rem;}
  #news .list>a .wrap .con .desc{font-size: 1.1rem;line-height: 1.7;margin-top: 10px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
  #news .list>a .wrap .img{width: 100%; height: 0; padding-bottom: 40%; margin-left: 0; margin-top: 12px;}

  #news-view{margin: -15px 15px 50px 15px; max-width: unset;}
  #news-view h1{font-size: 2.4rem;}
  #news-view .info{font-size: 1.2rem; color: #aaa; padding-bottom: 25px; border-bottom: 1px solid #ddd;}
  #news-view .con{font-size: 1.4rem; line-height: 1.8; padding-top: 25px;}
  #news-view .con p, #news-view .con div{font-size: 1.4rem; line-height: 1.8; margin-bottom: 20px;}
  #news-view .back{margin-top: 30px;}
  #news-view .back>a{font-size: 1.6rem;}
  #news-view .back>a::before{font-size: 2rem;}
}
/* 获取更多 */

@media (max-width:750px){
	#news-view {
		margin: 15px 15px 50px 15px;
	}
}


#getmore { height: 47px; margin-top: 60px; margin-bottom: 30px; text-align: center; }

#getmore .loading-box { margin: 0px 0 100px 0; height: 47px; text-align: center; line-height: 47px; display: none; }

#getmore .loading-box>div { width: 12px; height: 12px; background-color: #1885f5; border-radius: 100%; display: inline-block; animation: bouncedelay 1.4s infinite ease-in-out; animation-fill-mode: both; margin: 0 3px; }

#getmore .loading-box .bounce1 { animation-delay: -0.32s; }

#getmore .loading-box .bounce2 { animation-delay: -0.16s; }



#getmore .pagination { text-align:center;}

#getmore .pagination li{ display:inline-block; background:#eee; border:2px solid #eee; padding:10px 13px; color:#999;font-size:14px; transition:all .35s;}

#getmore .pagination li:hover{ background:none!important; color:#00378C; border:2px solid #00378C;}

#getmore .pagination li.active{ background:none!important; color:#00378C; border:2px solid #00378C;}

@keyframes bouncedelay {  0%, 80%, 100% {

transform: scale(0.0);

}

 40% {

transform: scale(1.0);

}

}

#getmore .handle { padding: 0 40px 0 50px; font-size: 1.5rem; color: #fff; background: #00378C; height: 47px; line-height: 45px; display: inline-block; transition: all .2s; font-weight: 300; border-radius: 100px; }

#getmore .handle>span { font-size: 1rem; transform: scale(.7); display: inline-block; vertical-align: top; margin-left:.6rem;

}

#getmore .handle:hover { background: #9a9a9a; }