@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: #0071bb; height: 80px;}
}

/* 栏目菜单 */
#child{background: none; padding: 0; position: relative; top: -40px;}
#child .wrap>a{width:33.33%;}

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


/* 简介 */
#download{padding: 30px 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 .downlist{}
#download .downlist{margin-top: 60px; display: flex; flex-wrap: wrap;}
#download .downlist>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: 5%; overflow: hidden;}
#download .downlist>a:hover{top: -8px; background: #0071bb;}
#download .downlist>a:nth-child(3n){margin: 0 0 50px 0;}

#download .downlist>a::before{position: absolute; right: 30px; bottom:8px; content: '\e63e'; font-family: 'iconfont'; font-size:6rem; color: #fff; transition: all .3s;}
#download .downlist>a:hover::before{opacity: .16;}
#download .downlist>a .tit{position: absolute; left: 50px; top: 25px; right: 40px; font-size: 1.8rem; line-height: 1.5; color: #2e2d3c; font-weight: 300; transition: all .3s;}
#download .downlist>a:hover .tit{color: #fff;}

#download .titB{font-size: 3rem; color: #2b2b2b; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';}

#download .downlistB{ display: flex; flex-wrap: wrap;margin-top: 40px;}
.downlistB a{display: block; width: calc((100% - 100px)/3); margin: 0 50px 40px 0; transition: all .35s; position: relative; overflow: hidden;}
.downlistB>a:nth-child(3n){margin: 0 0 50px 0;}
.downlistB a .fileType{
	float: left;
	width: 16%;
}
.downlistB .fileType img{
	display:block;
	width: 100%;
}
.downlistB .right{float: left;width:81%;padding-left: 3%;padding-top:5%;}
.downlistB .name{ font-size: 1.5rem; 	padding-top: 5px;}
.downlistB .size{
	display:block;
	color: #999;
	font-size: 1rem; 
	line-height: 30px;
}
.downlistB a:hover{color: #0071bb;}
#download .back{margin-top: 10px; text-align: center;}
#download .back>a{padding: 0 40px 0 50px; font-size: 1.5rem; color: #fff; background: #0071bb; height: 47px; line-height: 45px; display: inline-block; transition: all .2s;font-weight: 300; border-radius: 100px;}
#download .back>a::before{content: '\e6f4'; font-family: 'iconfont'; display: block; font-size: 2rem; margin-bottom: 9px;float: left;margin-right: 8px;}
#download .back>a:hover{background: #ee7600;}


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

}
@media (max-width:1439px){ /*1366*/
  #banner{height: 450px;}

  #download .wrap>.desc{font-size: 1.5rem;}

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

}
@media (max-width:1279px){ /*mp*/
  #download{padding:20px 15px;}
  #download .downlist{margin: 40px 0; display: block;}
  #download .downlist>a{width: 100%; margin: 0 0 15px 0; padding-bottom: 15%;}
  #download .downlist>a:hover{top: 0;}
  #download .downlist>a:nth-child(3n){margin: 0 0 15px 0;}
  #download .downlist>a::before{right: 10px; bottom:5px; font-size: 4rem;}
  #download .downlist>a .tit{left: 20px; top: 15px; right: 20px; font-size: 1.6rem; line-height: 1.4;}

  #download .titB{font-size: 2rem;}
  #download .downlistB{margin: 40px 0; display: block;}

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



}