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


/* 绠€浠 */
#contact{padding: 120px 0 100px 0; background: url('../img/contact-bg.png'); margin-top: -80px;}
#contact .wrap>.tit{font-size: 3.9rem; color: #2b2b2b; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';}
#contact .wrap>.tit-en{color: #bbb; font-size: 1.5rem; font-family: 'Montserrat'; margin-top: 12px;}

#contact .box{display: flex; justify-content: space-between; margin-top: 60px;}
#contact .box .item{width: calc((100% - 100px)/3); padding: 50px 45px 60px 45px; box-sizing: border-box; background: #fff; text-align: center; box-shadow: 6px 6px 30px rgba(0,0,0, .06);}
#contact .box .item .tit{font-size: 2.8rem; color: #2e2d3c; font-weight: bold; letter-spacing: .3rem;}
#contact .box .item .ico{margin: 40px 0; height: 10rem;}
#contact .box .item .ico i{color: #2e7eef; font-size: 10rem;}
#contact .box .item .ico .icon-dianhua{font-size: 9.2rem; margin-top: 5px; display: inline-block;}
#contact .box .item .ico .icon-fuwu{font-size: 9.8rem; margin-top: 2px; display: inline-block;}
#contact .box .item .con{font-size: 1.72rem; color: #2e2d3c; letter-spacing: .03rem; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; line-height: 1.42;}
#contact .box .item .con a{color: #2e2d3c;}
#contact .box .item .con a:hover{text-decoration: underline;}


#contact .detail{margin-top: 50px; background: #fff; padding: 50px 50px 60px 50px; display: flex; justify-content: space-between; box-shadow: 6px 6px 30px rgba(0,0,0, .06);}
#contact .detail .l{width: 60%;}
#contact .detail .l .tit{font-size: 2.6rem; color: #2e2d3c; border-bottom: 1px solid #eee; padding-bottom: 25px; font-weight: bold;}
#contact .detail .l .con{font-size: 1.6rem; color: #2e2d3c; margin-top: 30px;}
#contact .detail .l .con p, #contact .detail .l .con div{font-size: 1.6rem; color: #2e2d3c; line-height: 1.6rem; margin-bottom: 16px;}
#contact .detail .l .con a{color: #2e2d3c; text-decoration: underline;}
#contact .detail .l .con a:hover{color: #2e7eef; text-decoration: none;}

#contact .detail .r{width: calc(40% - 50px); display: flex; justify-content: center; align-items: center;}
#contact .detail .r .item{margin: 0 25px;}
#contact .detail .r .qr{width: 150px; text-align: center;}
#contact .detail .r .tit{text-align: center; font-size: 1.6rem; margin-top: 10px; font-weight: 300;}


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

  #contact .box .item .tit{font-size: 2.6rem;}
  #contact .box .item .ico{height: 9rem;}
  #contact .box .item .ico i{font-size: 9rem;}
  #contact .box .item .ico .icon-dianhua{font-size: 8.2rem;}
  #contact .box .item .ico .icon-fuwu{font-size: 8.8rem;}
  #contact .box .item .con{font-size: 1.7rem;}

  #contact .detail .l .con{font-size: 1.5rem;}
  #contact .detail .l .con p, #contact .detail .l .con div{font-size: 1.5rem;}
}
@media (max-width:1439px){ /*1366*/
  #banner{height: 450px;}

  #contact .box .item .tit{font-size: 2.4rem;}
  #contact .box .item .ico{height: 8rem;}
  #contact .box .item .ico i{font-size: 8rem;}
  #contact .box .item .ico .icon-dianhua{font-size: 7.2rem;}
  #contact .box .item .ico .icon-fuwu{font-size: 7.8rem;}
  #contact .box .item .con{font-size: 1.6rem;}

  #contact .detail .l .tit{font-size: 2.4rem;}
  #contact .detail .l .con{font-size: 1.4rem;}
  #contact .detail .l .con p, #contact .detail .l .con div{font-size: 1.4rem;}
}
@media (max-width:1365px){ /*1280*/
  #contact .box .item .tit{font-size: 2.2rem;}
  #contact .box .item .con{font-size: 1.5rem;}
}
@media (max-width:1279px){ /*mp*/
  #contact{padding: 80px 15px 60px 15px;}
  #contact .wrap>.tit{font-size: 2.4rem;}
  #contact .wrap>.tit-en{font-size: 1.2rem; margin-top: 6px;}

  #contact .box{display: block; margin-top: 30px;}
  #contact .box .item{width: 100%; padding: 30px 20px; margin-bottom: 15px;}
  #contact .box .item .tit{font-size: 2rem;}
  #contact .box .item .ico{margin: 20px 0; height: unset;}
  #contact .box .item .ico i{font-size: 6rem;}
  #contact .box .item .ico .icon-dianhua{font-size: 5.2rem;}
  #contact .box .item .ico .icon-fuwu{font-size: 5.8rem;}
  #contact .box .item .con{font-size: 1.4rem;}

  #contact .detail{margin-top: 30px; padding: 30px 20px; display: block;}
  #contact .detail .l{width: 100%;}
  #contact .detail .l .tit{font-size: 2rem; padding-bottom: 20px;}
  #contact .detail .l .con{font-size: 1.4rem; margin-top: 20px; line-height: 1.3;}
  #contact .detail .l .con p, #contact .detail .l .con div{font-size: 1.4rem; line-height: 1.3;}

  #contact .detail .r{display: none;}
}