@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; color: #fff;}


#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;}
}


/* 璇氫俊涓庨亾寰 */
#integrity{padding: 30px 0 100px 0;}
#integrity .wrap>.tit{font-size: 3.9rem; color: #2b2b2b; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; text-align: center;}
#integrity .wrap>.tit-en{color: #bbb; font-size: 1.5rem; font-family: 'Montserrat'; margin-top: 12px; text-align: center;}
#integrity .wrap .con{max-width: 1000px; margin: 50px auto; line-height: 1.8; border-top: 1px solid #999; padding-top: 40px; padding-left: 50px; padding-right: 50px;}
#integrity .wrap .con p{font-size: 1.7rem; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; line-height: 1.8; margin-bottom: 25px;}

#integrity .wrap .report{display: flex; justify-content: center; padding-top: 50px; border-top: 1px solid #999; max-width: 1000px; margin: 50px auto; padding-left: 50px; padding-right: 50px;}
#integrity .wrap .report>a{display: inline-block; padding: 20px 50px; background: #eff1fa; margin: 0 20px; font-size: 1.8rem; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; color: #2e2d3c; transition: all .3s;}
#integrity .wrap .report>a:hover{background: #2e7eef; color: #fff;}
#integrity .wrap .report>a i{display: inline-block; margin-right: 8px; font-size: 1.9rem; color: #e51029; transition: all .3s;}
#integrity .wrap .report>a:hover i{color: #fff;}


@media (max-width:1679px){ /*1440*/
  #integrity .wrap>.tit{font-size: 3.8rem;}
  #integrity .wrap>.tit-en{font-size: 1.4rem;}
  #integrity .wrap .con p{font-size: 1.6rem;}
}
@media (max-width:1439px){ /*1366*/
  #banner{height: 450px;}

  #integrity .wrap .con p{font-size: 1.5rem;}

  #integrity .wrap .report>a{font-size: 1.7rem;}
  #integrity .wrap .report>a i{font-size: 1.8rem;}
}
@media (max-width:1365px){ /*1280*/
  #integrity .wrap .report>a{font-size: 1.6rem;}
  #integrity .wrap .report>a i{font-size: 1.7rem;}
}
@media (max-width:1279px){ /*mp*/
  #integrity{padding: 0 15px 30px 15px;}
  #integrity .wrap>.tit{font-size: 2.6rem;}
  #integrity .wrap>.tit-en{font-size: 1.2rem;}
  #integrity .wrap .con{max-width: unset; margin: 25px auto; padding-top: 25px; padding-left: 0; padding-right: 0;}
  #integrity .wrap .con p{font-size: 1.4rem;}

  #integrity .wrap .report{display: block; padding-top: 25px; margin: 30px auto; padding-left: 0; padding-right: 0;}
  #integrity .wrap .report>a{display: block; padding: 18px 18px 19px 18px; margin: 0 0 1px 0; font-size: 1.5rem; text-align: center;}
  #integrity .wrap .report>a i{display: inline-block; margin-right: 8px; font-size: 1.4rem;}
  #integrity .wrap .report>a:first-child{border-radius: 10px 10px 0 0;}
  #integrity .wrap .report>a:last-child{border-radius: 0 0 10px 10px;}
}