body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer {
    margin: 0;
  }
  body,button,input,select,textarea {
    font: 12px/1.5 tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif;
  }
  h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
  }
  em,b {
    font-style: normal
  }
  a {
    text-decoration: none;
    color: inherit;
  }
  i {
    font-style: normal;
  }
  a:hover {
    text-decoration: none
  }
  img {
    border: 0
  }
  body {
    /* padding-top: 42px; */
    min-width: 1200px;
  }
  button,input,select,textarea {
    font-size: 100%;
    outline: none
  }
  table {
    border-collapse: collapse;
    border-spacing: 0
  }
  td,th,ul,ol {
    padding: 0;
  }
  li {
    list-style: none;
  }
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  .db {
    display: block;
    text-indent: -9999px
  }
  .dib {
    display: inline-block;
    text-indent: -9999px
  }
  .ofw {
    overflow: hidden;
  }
  .clear {
    *zoom: 1;
  }
  .clear:after {
    content: "";
    display: block;
    clear: both;
  }
  .browser-tips {
    background-color: #fd7;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
    position: fixed;
    z-index: 999;
    top: 200px;
    width: 100%;
  }

  body{
    background: #fff;
  }
  
.wrap{
    margin: auto;
    max-width: 1280px;
}
.flex{
    display: flex;
    align-items: center;
}
header img{
    margin-right: 8px;
    cursor: pointer;
}
header div{
    height: 70px;
    font-size: 20px;
    color: #2485ed;
}
header span{
    opacity: 0;
}
.section1{
    background: url('./kv.jpg') center no-repeat;
    height: 640px;
}
.section1 h1{
    opacity: 0;
    padding-top: 100px;
    padding-bottom: 40px;
}
.section1 p{
    font-size: 14px;
    color: #fff;
    width: 710px;
    display: inline-block;
    line-height: 40px;
    padding-top: 60px;
}
.download{
    width: 500px;
    margin-top: 60px;
}
.download img{
    cursor: pointer;
}
.type img:first-child{
    margin-bottom: 16px;
}
.tips{
    color: #fffd32;
    margin-top: 25px;
    font-size: 14px;
}
.section2{
    height: 997px;
    background: url('./section2.jpg') center no-repeat;
}
.section2 ul{
    opacity: 0;
}
.section3{
    height: 921px;
    background: url('./section3.jpg') center no-repeat;
}
.section3 ul{
    opacity: 0;
    height: 0
}
.section3 h3{
    opacity: 0;
    height: 0
}
.section4 {
    height: 1039px;
    background: url('./section4.jpg') center no-repeat;
}
.section4 .wrap{
    position: relative;
    opacity: 0;
}
.link{
    position: absolute;
    top: 500px;
    right: 84px;
    width: 330px;
    height: 77px;
    cursor: pointer;
}
.section5{
    height: 561px;
    background: url('./section5.jpg') center no-repeat;
}
.section5 .wrap{
    position: relative;
    opacity: 0;
}
footer{
    background: #000;
}
footer .wrap{
    height: 140px;
    color: #c1c5ca;
    font-size: 16px;
    justify-content: space-between;
}
.compony{
    flex: 1;
    padding-left: 60px;
}
footer ul{
    margin-right: -50px;
}
footer ul li{
    width: 165px;
    text-align: center;
    position: relative;
    cursor: pointer;
}
footer ul li::after{
    content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #c1c5ca;
}
footer ul li:first-child::after {
    opacity: 0;
}
.argment{
  max-width: 1280px;
  margin: auto;
}
.argment h1{
  font-size: 36px;
  margin-bottom: 30px;
  text-align: center;
}
.argment h2{
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.argment div{
  margin-bottom: 30px;
  font-size: 16px;
}