@charset "utf-8";

#banner{width:100%; height: 470px; background: #fafafa no-repeat center/cover;}
#banner .wrap{position: relative; top: 41.6%; left: -10px; font-size: 4.2rem; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; color: #2b2b2b;}
#banner .wrap>span{display: inline-block;}


#space{height: 100px;}

@media (max-width:1279px){ /*mp*/
  #banner{display: none;}
  #mp-head{background: #0071bb; height: 80px;}
  #space{height: 120px;}
}


/* 栏目菜单 */
#child{background: none; padding: 0; position: relative; top: -40px;}
#child .wrap>a{width: 20%;}

@media (max-width:1279px){ /*mp*/
  #child .wrap{height: 48px;}
  #child .wrap>a{line-height: 47px; font-size: 1.3rem;}
  #child .wrap>a::after{height: 1.3rem; top: 17px;}
}


/* 新闻 */
#news{padding: 30px 0 120px 0;}
#news .wrap>.tit{font-size: 3.9rem; 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 .list{margin:30px 0 50px 0;}
#news .list>a{display: block; transition: all .35s;}
#news .list>a:hover{background: #0071bb;}
#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: 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: 2.2rem; color: #2e2d3c; font-weight: 300; transition: all .35s;}
#news .list>a:hover .wrap .con .tit{color: #fff;}
#news .list>a .wrap .con .desc{font-size: 1.5rem; color: #999; 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: 150px auto 80px auto; max-width: 1200px;}
#news-view h1{color: #2e2d3c; text-align: center; line-height: 1.3; font-size: 3.6rem;}
#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{padding: 0 40px 0 50px; font-size: 1.5rem; color: #fff; background: #0071bb; height: 47px; line-height: 45px; display: inline-block; transition: all .2s;font-weight: 300; border-radius: 100px;}
#news-view .back>a::before{content: '\e6f4'; font-family: 'iconfont'; display: block; font-size: 2rem; margin-bottom: 9px;float: left;margin-right: 8px;}
#news-view .back>a:hover{background: #ee7600;}



@media (max-width:1679px){ /*1440*/
  #news .wrap>.tit{font-size: 3.8rem;}
  #news .wrap>.tit-en{font-size: 1.4rem;}
  #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 .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 .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 .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.8rem;}
  #news .list>a .wrap .con .desc{font-size: 1.3rem; line-height: 1.7; margin-top: 10px;}
  #news .list>a .wrap .img{width: 100%; height: 0; padding-bottom: 40%; margin-left: 0; margin-top: 12px;}

  #news-view{margin:0 15px 50px 15px; max-width: unset;padding-top:90px;}
  #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;}
}