#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*/

  #mp-head{background: #c70c1f; 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*/

  #banner{display: none;}



  #child .wrap{height: 48px;}

  #child .wrap>a{line-height: 47px; font-size: 1.3rem;}

  #child .wrap>a::after{height: 1.3rem; top: 17px;}

}





/* 营销区域 */

#download{padding: 30px 0 130px 0;}

#download .wrap>.tit{font-size: 3.9rem; color: #2b2b2b; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';}

#download .wrap>.tit-en{color: #bbb; font-size: 1.5rem; font-family: 'Montserrat'; margin-top: 12px;}





#download .list{margin-top: 60px; display: flex; flex-wrap: wrap;}

#download .list>a{display: block; width: calc((100% - 100px)/3); margin: 0 50px 50px 0; transition: all .35s; position: relative; top: 0; background: #eff1fa; height: 0; padding-bottom: 10%; overflow: hidden;}

#download .list>a:hover{top: -8px; background: #c70c1f;}

#download .list>a:nth-child(3n){margin: 0 0 50px 0;}



#download .list>a::before{position: absolute; right: 30px; bottom: 15px; content: '\e63e'; font-family: 'iconfont'; font-size: 8.6rem; color: #fff; transition: all .3s;}

#download .list>a:hover::before{opacity: .16;}

#download .list>a .tit{position: absolute; left: 50px; top: 35px; right: 40px; font-size: 1.8rem; line-height: 1.5; color: #2e2d3c; font-weight: 300; transition: all .3s;}

#download .list>a:hover .tit{color: #fff;}



#download .list>a .info{position: absolute; left: 50px; bottom: 35px; line-height: 1.5; color: #93abc3; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; transition: all .3s;}

#download .list>a:hover .info{color: #fff;}

#download .list>a .info .pass{display: inline-block; font-size: 1.5rem;}

#download .list>a .info .pass::before{content: '\e60e'; font-family: 'iconfont'; display: inline-block; margin-right: 8px; font-size: 1.8rem;}

#download .list>a .info .counts{display: inline-block; font-size: 1.5rem; /*margin-left: 18px;*/}

#download .list>a .info .counts::before{content: '\e64e'; font-family: 'iconfont'; display: inline-block; margin-right: 8px; font-size: 1.4rem;}





@media (max-width:1679px){ /*1440*/

  #download .wrap>.tit{font-size: 3.8rem; }

  #download .wrap>.tit-en{font-size: 1.4rem;}



  #download .list>a{width: calc((100% - 90px)/3); margin: 0 45px 45px 0;}

  #download .list>a .tit{font-size: 1.7rem;}

  #download .list>a .info .pass{font-size: 1.4rem;}

  #download .list>a .info .counts{font-size: 1.4rem;}

}

@media (max-width:1439px){ /*1366*/

  #banner{height: 450px;}



  #download{padding: 20px 0 120px 0;}

  #download .list{margin-top: 50px;}



  #download .list>a{width: calc((100% - 80px)/3); margin: 0 40px 40px 0;}

  #download .list>a::before{right: 25px; font-size: 6rem;}

  #download .list>a .tit{font-size: 1.6rem; left: 40px;}

  #download .list>a .info{left: 40px;}

  #download .list>a .info .pass{font-size: 1.3rem;}

  #download .list>a .info .counts{font-size: 1.3rem;}

}

@media (max-width:1365px){ /*1280*/

  #download .list>a .tit{font-size: 1.7rem;}



  #download .list>a::before{right: 20px; font-size: 5rem;}

}

@media (max-width:1279px){ /*mp*/

  #download{padding: 0px 15px 60px 15px;}

  #download .wrap>.tit{font-size: 2.4rem;}

  #download .wrap>.tit-en{font-size: 1.2rem; margin-top: 6px;}



  #download .list{margin-top: 40px; display: block;}

  #download .list>a{width: 100%; margin: 0 0 15px 0; padding-bottom: 30%;}

  #download .list>a:hover{top: 0;}

  #download .list>a:nth-child(3n){margin: 0 0 15px 0;}



  #download .list>a::before{right: 10px; bottom: 10px; font-size: 4.6rem;}

  #download .list>a .tit{left: 20px; top: 15px; right: 20px; font-size: 1.6rem; line-height: 1.4;}



  #download .list>a .info{left: 20px; bottom: 20px; line-height: 1.4;}

  #download .list>a .info .pass{display: inline-block; font-size: 1.4rem;}

  #download .list>a .info .pass::before{margin-right: 7px; font-size: 1.6rem;}

  #download .list>a .info .counts{font-size: 1.3rem; margin-left: 16px;}

  #download .list>a .info .counts::before{font-size: 1.2rem;}

}