@charset "utf-8";

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


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

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


/* 濡備綍甯姪鎮 */
#help{padding: 30px 0 250px 0; background: url('../img/helpyou-bg.png') no-repeat center bottom/100%;}
#help .wrap>.tit{font-size: 3.9rem; color: #2b2b2b; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';}
#help .wrap>.tit-en{color: #bbb; font-size: 1.5rem; font-family: 'Montserrat'; margin-top: 12px;}


#help .wrap .list{margin-top: 60px; display: flex; justify-content: space-between;}
#help .wrap .list>a{display: block; width: calc((100% - 250px)/6); height: 0; padding-bottom: calc((100% - 250px)/6); background: #fff; box-shadow: 5px 5px 35px rgba(24, 92, 197, 0.18); display: flex; align-items: center; flex-direction: column; box-sizing: border-box; position: relative; border-radius: 50%; transition: all .35s;}
#help .wrap .list>a:hover, #help .wrap .list>a.active{background: #2e7eef;}
#help .wrap .list>a:last-child{margin-right: 0;}
#help .wrap .list>a>div{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#help .wrap .list>a i{font-size: 7rem; color: #1f53be; display: block; height: 86px; transition: all .35s;}
#help .wrap .list>a:hover i, #help .wrap .list>a.active i{color: #fff;}
#help .wrap .list a .icon-lingshoujia{font-size: 6.4rem;}
#help .wrap .list a .icon-icon4{font-size: 6.8rem;}
#help .wrap .list a .icon--_zhinenggui{font-size: 7.6rem;}
#help .wrap .list a .icon-caigou{font-size: 7.2rem;}
#help .wrap .list a .icon-chongdianzhuang{font-size: 6.4rem;}
#help .wrap .list>a span{display: block; font-size: 1.9rem; color: #2e2d3c; font-weight: 300; transition: all .35s;}
#help .wrap .list>a:hover span, #help .wrap .list>a.active span{color: #fff;}


#help .wrap .details{display: none;}
#help .wrap .items{margin-top: 80px; display: flex; flex-wrap: wrap;}
#help .wrap .item{border: 1px solid #dfe5ec; padding: 40px 40px 30px 40px; width: calc((100% - 50px)/2); margin-right: 50px; margin-bottom: 50px; box-sizing: border-box;}
#help .wrap .item:nth-child(2n){margin-right: 0;}
#help .wrap .item .tit{font-size: 2.8rem; font-weight: bold; color: #2e2d3c;}
#help .wrap .item .con{font-size: 1.6rem; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; color: #2e2d3c; line-height: 1.8; margin-top: 30px;}
#help .wrap .item .con p, #help .wrap .item .con div{font-size: 1.6rem; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; color: #2e2d3c; line-height: 1.8; margin-bottom: 25px;}
#help .wrap .item .con a{text-decoration: underline; color: #1f53be;}
#help .wrap .item .con a:hover{text-decoration: none;}

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

  #help .wrap .list>a{width: calc((100% - 225px)/6); padding-bottom: calc((100% - 225px)/6);}
  #help .wrap .list>a i{font-size: 6.6rem; height: 82px;}
  #help .wrap .list a .icon-lingshoujia{font-size: 6rem;}
  #help .wrap .list a .icon-icon4{font-size: 6.4rem;}
  #help .wrap .list a .icon--_zhinenggui{font-size: 7.2rem;}
  #help .wrap .list a .icon-caigou{font-size: 6.8rem;}
  #help .wrap .list a .icon-chongdianzhuang{font-size: 6rem;}
  #help .wrap .list>a span{font-size: 1.8rem;}

  #help .wrap .item{width: calc((100% - 45px)/2); margin-right: 45px; margin-bottom: 45px;}
  #help .wrap .item .tit{font-size: 2.6rem;}
  #help .wrap .item .con{font-size: 1.5rem;}
  #help .wrap .item .con p, #help .wrap .item .con div{font-size: 1.5rem;}
}
@media (max-width:1439px){ /*1366*/
  #banner{height: 450px;}
  #banner .wrap{top: 36%;}
  #banner .wrap>p{font-size: 1.5rem;}

  #help{padding: 20px 0 180px 0;}

  #help .wrap .list>a{width: calc((100% - 200px)/6); padding-bottom: calc((100% - 200px)/6);}
  #help .wrap .list>a i{font-size: 6rem; height: 72px;}
  #help .wrap .list a .icon-lingshoujia{font-size: 5.5rem;}
  #help .wrap .list a .icon-icon4{font-size: 6rem;}
  #help .wrap .list a .icon--_zhinenggui{font-size: 6.7rem;}
  #help .wrap .list a .icon-caigou{font-size: 6.3rem;}
  #help .wrap .list a .icon-chongdianzhuang{font-size: 5.5rem;}
  #help .wrap .list>a span{font-size: 1.7rem;}

  #help .wrap .item{width: calc((100% - 40px)/2); margin-right: 40px; margin-bottom: 40px;}
  #help .wrap .item .tit{font-size: 2.4rem;}
  #help .wrap .item .con{font-size: 1.4rem;}
  #help .wrap .item .con p, #help .wrap .item .con div{font-size: 1.4rem;}
}
@media (max-width:1365px){ /*1280*/
  #help .wrap .list>a i{font-size: 6rem; height: 72px;}
  #help .wrap .list a .icon-lingshoujia{font-size: 5.5rem;}
  #help .wrap .list a .icon-icon4{font-size: 6rem;}
  #help .wrap .list a .icon--_zhinenggui{font-size: 6.7rem;}
  #help .wrap .list a .icon-caigou{font-size: 6.3rem;}
  #help .wrap .list a .icon-chongdianzhuang{font-size: 5.5rem;}
  #help .wrap .list>a span{font-size: 1.7rem;}
}
@media (max-width:1279px){ /*mp*/
  #help{padding: 0 15px 50px 15px; background: none;}
  #help .wrap>.tit{font-size: 2.4rem;}
  #help .wrap>.tit-en{font-size: 1.2rem; margin-top: 6px;}

  #help .wrap .list{margin-top: 40px; flex-wrap: wrap;}
  #help .wrap .list>a{width: calc((100% - 50px)/3); height: 0; padding-bottom: calc((100% - 50px)/3); margin: 0 25px 25px 0;}
  #help .wrap .list>a:nth-child(3n){margin-right: 0;}
  #help .wrap .list>a i{font-size: 4rem; height: 43px;}
  #help .wrap .list a .icon-lingshoujia{font-size: 3.6rem;}
  #help .wrap .list a .icon-icon4{font-size: 3.8rem;}
  #help .wrap .list a .icon--_zhinenggui{font-size: 3.8rem;}
  #help .wrap .list a .icon-caigou{font-size: 3.6rem;}
  #help .wrap .list a .icon-chongdianzhuang{font-size: 3.3rem;}
  #help .wrap .list>a span{font-size: 1.5rem;}

  #help .wrap .items{margin-top: 30px; display: block;}
  #help .wrap .item{padding: 20px 20px 10px 20px; width: 100%; margin-right: 0; margin-bottom: 15px;}
  #help .wrap .item .tit{font-size: 2rem;}
  #help .wrap .item .con{font-size: 1.4rem; margin-top: 20px;}
  #help .wrap .item .con p, #help .wrap .item .con div{font-size: 1.4rem; margin-bottom: 20px;}

}