@charset "utf-8";

#banner{width:100%; height: 550px; background: #111;}


#space{height: 100px;}

@media (max-width:1279px){ /*mp*/
  #mp-head{background: #1f53be; height: 80px;}
  #space{height: 10px;}
}


/* 鏍忕洰鑿滃崟 */
#child{background: #f6f7fb;}
#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;}
}


/* 钀ラ攢鍖哄煙 */
#network{padding: 0 0 116px 0; background: #f6f7fb;}
#network .wrap{min-height: 273px;}
#network .wrap .map{height: 520px; text-align: center; position: relative;}
#network .wrap .china-map{height: 100%;}
#network .wrap .china-map2{position: absolute; bottom: 0;}
#network .wrap .desc{font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; position: absolute; top: 16%; font-size: 3.2rem; text-align: center; width: 100%; color: #2e2d3c;}
#network .wrap .desc>span{color: #e51029; font-size: 6.6rem;}


#network .list{margin-top: 65px; display: flex; flex-wrap: wrap;}
#network .list .item{background: #fff; width: calc((100% - 100px)/3); padding: 35px; box-sizing: border-box; position: relative; transition: all .35s; margin-right: 50px; margin-bottom: 50px; box-shadow: 5px 5px 25px rgba(0,0,0, .036);}
#network .list .item:hover{background: #2e7eef;}
#network .list .item:nth-child(3n){margin-right: 0;}
#network .list .item .tit{font-size: 2.2rem; color: #2e2d3c; font-weight: bold; transition: all .35s;}
#network .list .item:hover .tit{color: #fff;}
#network .list .item .con{margin-top: 18px; border-top: 1px solid #eee; padding-top: 18px; font-size: 1.46rem; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; line-height: 1.8; transition: all .35s;}
#network .list .item:hover .con{color: #fff; border-top: 1px solid rgba(255,255,255, .12);}


@media (max-width:1679px){ /*1440*/
  #network .list .item{width: calc((100% - 90px)/3); margin-right: 45px; margin-bottom: 45px;}
  #network .list .item .tit{font-size: 2.1rem;}
}
@media (max-width:1439px){ /*1366*/
  #network .wrap{min-height: 253px;}
  #network .wrap .map{height: 500px;}
  #network .wrap .desc{font-size: 3rem;}
  #network .wrap .desc>span{font-size: 6.2rem;}

  #network .list .item{width: calc((100% - 80px)/3); margin-right: 40px; margin-bottom: 40px;}
  #network .list .item .tit{font-size: 2rem;}
  #network .list .item .con{font-size: 1.4rem;}
  }
@media (max-width:1365px){ /*1280*/

}
@media (max-width:1279px){ /*mp*/
  #network{padding: 0 0 50px 0;}
  #network .wrap{min-height: unset; padding: 0 15px;}
  #network .wrap .map{height: 220px;}
  #network .wrap .china-map{height: 100%;}
  #network .wrap .china-map2{height: 86px;}
  #network .wrap .desc{font-size: 2rem; top: 30%;}
  #network .wrap .desc>span{font-size: 3.2rem;}

  #network .list{margin-top: 50px;}
  #network .list .item{width: 100%; padding: 20px; margin-right: 0; margin-bottom: 15px;}
  #network .list .item .tit{font-size: 2rem;}
  #network .list .item .con{margin-top: 15px; padding-top: 15px; font-size: 1.4rem; line-height: 1.8;}
}