@charset "utf-8";

#banner{width:100%; height: 470px; background: #fafafa no-repeat center/cover;}

#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: 25%;}

@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{color: #2b2b2b; font-size: 3.2rem; font-family: 'Montserrat';}

#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.4rem; color: #2e2d3c; font-weight: bold; font-family: 'Montserrat';}
#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: 2rem; color: #2e2d3c; 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: 70%;}
#contact .detail .l .tit{font-size: 2.4rem; color: #2e2d3c; border-bottom: 1px solid #eee; padding-bottom: 25px; font-family: 'Montserrat'; text-transform: uppercase;}
#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(30% - 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 .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;}
  #banner .wrap{top: 36%;}

  #contact .wrap>.tit{font-size: 3rem;}

  #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.5rem;}
  #contact .detail .l .con p, #contact .detail .l .con div{font-size: 1.5rem;}
}
@media (max-width:1365px){ /*1280*/
  #contact .wrap>.tit{font-size: 2.8rem;}

  #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.2rem;}

  #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.6rem;}

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

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