header {
  width: 100%;
  height: 114px;
  position: fixed;
  top: 0;
  z-index: 99;
}
#hddddd {
  width: 100%;
  height: 40px;
}
#hd_wrap {
  width: 100%;
  height: 74px;
}
#hd {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
#hd a{
  display: inline-block;
      padding-top: 6px;
}
#hd span{
  line-height: 70px;
    font-size: 28px;
    color: #fff;
    margin-left: 40px;
}
#hd .login {
  font-size: 15px;
  line-height: 30px;
  color: #fff;
  display: inline-block;
  width: 92px;
  height: 30px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 15px;
  float: right;
  margin-top: 22px;
  transition: background-color 0.2s linear;
}
#hd .login:hover {
  background-color: rgba(1, 1, 1, 0.6);
}
#header {
  width: 100%;
  height: 800px;
  background: #346cff;
}
#hdr_wrap {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.hdr_left {
  width: 600px;
  height: 100%;
  padding-top: 230px;
  color: #fff;
}
.hdr_left .hdr-big {
  font-size: 80px;
  line-height: 80px;
  margin-bottom: 23px;
}
.hdr_left .hdr-sml {
  font-size: 43px;
  line-height: 43px;
  font-weight: 200;
  margin-bottom: 45px;
}
#APPinfo {
  width: 512px;
  height: 280px;
}
#APPinfo .hdr_tiny {
  font-size: 14px;
  line-height: 48px;
  text-align: center;
}
#versionInfo {
  width: 292px;
  float: left;
}
#versionInfo .versionImg {
  margin-top: 28px;
}
#downlaod {
  width: 180px;
  float: right;
  margin-top: 28px;
}
#downlaod .qrCode {
  width: 180px;
  height: 180px;
  background-color: #fff;
  padding: 9px;
}
#downlaod .qrCode .qrCodeImg {
  width: 162px;
  height: 162px;
}
.hdr_right {
  width: 530px;
  height: 780px;
  position: absolute;
  right: 0;
  bottom: -124px;
}
footer {
  width: 100%;
  height: 114px;
  background-color: #202020;
  text-align: center;
  font-size: 15px;
  line-height: 28px;
  color: #4f4f4f;
  padding-top: 20px;
}
#footer {
  width: 100%;
  height: 940px;
  background-image: linear-gradient(#ff5400, #ff7515);
}
#ftr_wrap {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
#ftr_wrap .ftrPic {
  position: absolute;
  bottom: -4px;
  width: 900px;
}
#ftr_wrap .qrWrap {
  width: 230px;
  float: right;
  margin: 140px 160px;
  text-align: center;
  color: #fff;
}
#ftr_wrap .qrWrap .dlCode {
  width: 230px;
  height: 230px;
  background-color: #fff;
  padding: 10px;
}
#ftr_wrap .qrWrap .dlCode .dlCodeImg {
  width: 210px;
  height: 210px;
}
#ftr_wrap .qrWrap .ftr_1 {
  margin-top: 20px;
  font-size: 18px;
  line-height: 38px;
}
#ftr_wrap .qrWrap .ftr_2 {
  font-size: 26px;
  line-height: 26px;
}
#sec1_wrap,
#sec2_wrap,
#sec3_wrap,
#sec4_wrap {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
.title1 {
  font-size: 36px;
  line-height: 60px;
  font-weight: 500;
}
.title2 {
  font-size: 18px;
  line-height: 18px;
  color: #b7b7b7;
  margin-bottom: 57px;
}
.title3 {
  font-size: 26px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 13px;
}
.title4 {
  font-size: 16px;
  line-height: 28px;
  color: #828282;
}
#section1 {
  width: 100%;
  height: 993px;
  background-color: #fff;
}
#sec1_wrap {
  padding-top: 240px;
}
#sec1Pics {
  width: 1000px;
  height: 693px;
  margin: 0 auto;
  position: relative;
}
#sec1Pics .sec1_0 {
  position: absolute;
  margin: auto;
  z-index: 5;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#sec1Pics .sec1img {
  width: 210px;
  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.1);
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#sec1Pics .sec1_1,
#sec1Pics .sec1_2 {
  z-index: 4;
}
#sec1Pics .sec1_3,
#sec1Pics .sec1_4 {
  z-index: 3;
}
#sec1Pics .sec1_5,
#sec1Pics .sec1_6 {
  z-index: 2;
}
#section2 {
  width: 100%;
  /* height:954px; */
  background-color: #f6f6f6;
}
#sec2_wrap {
  padding-top: 65px;
}
#sec2Pics {
  width: 1200px;
  height: 558px;
  margin: 0 auto;
  position: relative;
}
#sec2Pics .sec2img {
  position: absolute;
  margin: auto;
  bottom: 0;
  left: 0;
  right: 0;
}
#sec2Pics .sec2_0 {
  z-index: 3;
}
#sec2Pics .sec2_1 {
  z-index: 2;
}
#sec2Pics .sec2_2 {
  z-index: 2;
}
#section3 {
  width: 100%;
  height: 940px;
  background-color: #fff;
}
#sec3_wrap {
  padding-top: 113px;
  position: relative;
}

#sec3_wrap .sec3Pic {
  width: 1160px;
  height: 470px;
  position: absolute;
  bottom: -4px;
  left: 20px;
}
#section4 {
  width: 100%;
  height: 990px;
  background-color: #fff;
}
#sec4_wrap {
  padding-top: 113px;
}
#sec4Pics {
  width: 1200px;
  height: 736px;
  margin: 0 auto;
  position: relative;
}
#sec4Pics .sec4img {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 50px;
}
#sec4Pics .sec4_1 {
  z-index: 4;
}
#sec4Pics .sec4_2 {
  z-index: 3;
}
#sec4Pics .sec4_3 {
  z-index: 2;
}