@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: #1f53be; 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;}
}


/* 璇佷功 */
#honor{padding: 30px 0 120px 0;}
#honor .wrap>.tit{font-size: 3.9rem; color: #2b2b2b; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';}
#honor .wrap>.tit-en{color: #bbb; font-size: 1.5rem; font-family: 'Montserrat'; margin-top: 12px;}

#honor .box{height: 500px; margin-top: 100px; background: url('../img/honor-letter.png') no-repeat center bottom/100% 100%;}
#honor .box .swiper-container, #honor .box .swiper-wrapper{height: 100%; text-align: center;}
#honor .box .swiper-slide{height: 100%; text-align: center;}
#honor .box .swiper-slide a{display: block; margin: auto; height: 300px; padding: 60px 0;}
#honor .box .swiper-slide a>img{max-height: 100%; max-width: 100%; background: #fff; padding: 10px; box-shadow: 5px 5px 25px rgba(0,0,0, .1);}
#honor .box .swiper-slide p.tit{text-align: center; font-size: 2rem; margin-top: 10px; font-weight: bold;}
#honor .box .prev{display: block; width: 56px; height: 56px; color: #fff; background: #2e7eef; position: absolute; left: 0; bottom: 50%; cursor: pointer; z-index: 2;}
#honor .box .prev i{display: inline-block; font-size: 2.8rem; line-height: 56px; transform: rotate(-180deg);}
#honor .box .next{display: block; width: 56px; height: 56px; color: #fff; background: #2e7eef; position: absolute; right: 0; bottom: 50%; cursor: pointer; z-index: 2;}
#honor .box .next i{display: inline-block; font-size: 2.8rem; line-height: 56px;}
#honor .box .swiper-pagination{width: 100%; bottom: 0; font-size: 1.7rem; color: #bbb; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; font-style: italic;}


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

  #honor .box .swiper-slide a>img{max-height: 80%; max-width: 80%;}
}
@media (max-width:1439px){ /*1366*/
  #banner{height: 450px;}

  #honor .box .swiper-pagination{font-size: 1.6rem;}
}
@media (max-width:1365px){ /*1280*/
  #honor .box .swiper-pagination{font-size: 1.5rem;}
}
@media (max-width:1279px){ /*mp*/
  #honor{padding: 0 15px 60px 15px;}
  #honor .wrap>.tit{font-size: 2.4rem;}
  #honor .wrap>.tit-en{font-size: 1.2rem; margin-top: 6px;}

  #honor .box{height: unset; margin-top: 0; background: url('../img/honor-letter.png') no-repeat center bottom/100%;}
  #honor .box .swiper-container, #honor .box .swiper-wrapper{height: 100%; text-align: center;}
  #honor .box .swiper-slide{height: 100%; text-align: center;}
  #honor .box .swiper-slide a{display: block; margin: auto; height: 200px; padding: 50px 0;}
  #honor .box .swiper-slide a>img{max-height: 80%; max-width: 80%; background: #fff; padding: 10px; box-shadow: 5px 5px 25px rgba(0,0,0, .1);}
  #honor .box .swiper-slide p.tit{text-align: center; font-size: 1.7rem; margin-top: 0; font-weight: bold; padding: 0 40px 8px 40px;}
  #honor .box .prev{display: block; width: 32px; height: 32px; color: #fff; background: #2e7eef; position: absolute; left: 0; bottom: 0; cursor: pointer; z-index: 2;}
  #honor .box .prev i{display: inline-block; font-size: 1.8rem; line-height: 32px; transform: rotate(-180deg);}
  #honor .box .next{display: block; width: 32px; height: 32px; color: #fff; background: #2e7eef; position: absolute; right: 0; bottom: 0%; cursor: pointer; z-index: 2;}
  #honor .box .next i{display: inline-block; font-size: 1.8rem; line-height: 32px;}
  #honor .box .swiper-pagination{bottom: 40px; font-size: 1.6rem;}

}