header{ background-color:transparent;}
section{ display:flex; algin-items:flex-start; width:100%;}
section > div{ flex-grow:1; position:relative; }


section > div > .downloadhead > .img{ position:absolute; background-image:url(/file/img/hd0.png); background-repeat:no-repeat; background-position:center center; background-size:cover; width:100%; min-height:530px; display:flex; flex-wrap:wrap;}
section > div > .downloadhead > .text{ position:relative; z-index:1; text-align:center;}
section > div > .downloadhead > .text > a{ display:none;}
section > div > .downloadhead > .text > h2{ display:inline-block; margin-top:210px; margin-bottom:45px;}
section > div > .downloadhead > .text > h2 > span {
  font-size: 32px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  position:relative;
  color:#fff;
}
section > div > .downloadhead > .text > h2 > span:after{ content:""; width:calc(100% - 30px); height:3px; background-color:#fff; display:inline-block; left:15px; bottom:-13px; position:absolute;}

section > div > .downloadhead > .text > p {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: center;
  color: #f2f2f2;
}


section > div > .downloadbody > ul{ position:relative; display:flex; flex-wrap:wrap;  justify-content:space-around; width:90%; max-width:1287px; margin:auto; margin-top:44px; margin-bottom:120px; z-index:1;}
section > div > .downloadbody > ul > li {
	min-width:300px;
	flex-grow:1;
  margin: 17.5px;
  border-radius: 8px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding-bottom:27px;
}

section > div > .downloadbody > ul > li > h4 {
  font-size: 21px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  margin:27px 0;
  text-align:center;
}

section > div > .downloadbody > ul > li > ul{ width:81%; margin:auto;}
section > div > .downloadbody > ul > li > ul > li{ border-bottom:1px solid #bfbfbf;  }
section > div > .downloadbody > ul > li > ul > li:last-child{ border-bottom:0;}
section > div > .downloadbody > ul > li > ul > li > a{ display:flex; justify-content:space-between; align-items:center; padding:12px 18px; }
section > div > .downloadbody > ul > li > ul > li > a > .linktext{
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2e313d;
}
section > div > .downloadbody > ul > li > ul > li > a > .linkicon{ width:20px; height:13px; display:inline-block; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.605%22%20height%3D%2212.896%22%20viewBox%3D%220%200%2019.605%2012.896%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15624.129%202585.734v5.872h18.605v-5.872%22%20transform%3D%22translate(-15623.629%20-2579.21)%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22m15628.527%202587.928%204.535%203.741%204.422-3.741%22%20transform%3D%22translate(-15623.203%20-2582.209)%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15633.432%202582.868v8.755%22%20transform%3D%22translate(-15623.629%20-2582.368)%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");}
section > div > .downloadbody > ul > li > ul > li > a:hover > .linktext{ color:#1435f6;}
section > div > .downloadbody > ul > li > ul > li > a:hover > .linkicon{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.605%22%20height%3D%2212.896%22%20viewBox%3D%220%200%2019.605%2012.896%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15624.129%202585.734v5.872h18.605v-5.872%22%20transform%3D%22translate(-15623.629%20-2579.21)%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20stroke%3D%22%231435f6%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22m15628.527%202587.928%204.535%203.741%204.422-3.741%22%20transform%3D%22translate(-15623.203%20-2582.209)%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20stroke%3D%22%231435f6%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15633.432%202582.868v8.755%22%20transform%3D%22translate(-15623.629%20-2582.368)%22%20fill%3D%22none%22%20stroke%3D%22%231435f6%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");}