/* .header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
} */

.main-content {
  background-image: url(index/bgc.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding-bottom: 50px;
}

.main-content>div {
  display: block;
  margin: 0 auto;
}

.main-content>div img {
  display: block;
  margin: 0 auto;
}

.main-content .i1 {
  /* margin-bottom: 29px; */
}

.main-content .i2 {
  margin-bottom: 120px;
}

.main-content .i3 {
  margin-bottom: 120px;
}

.main-content .i4 {
  margin-bottom: 43px;
}

.main-content .con {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 1017px;
  margin: 0 auto;
  margin-bottom: 115px;
}

.main-content .con .i5,
.main-content .con .i6 {
  margin-bottom: 33px;
}

.main-content .con .i7 .le {
  left: 20px;
  right: unset;
  height: 32px;
}

.main-content .con .i7 .ce {
  left: 50%;
  height: 32px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.main-content .con .i7 .ri {
  right: 20px;
  left: unset;
  height: 32px;
}

.main-content .con>div {
  position: relative;
}

.main-content .con>div .btn {
  position: absolute;
  bottom: -16px;
  cursor: pointer;
}

.main-content .i9 {
  margin-bottom: 72px;
}

.main-content .i10,
.main-content .i11 {
  margin-bottom: 50px;
  position: relative;
}

.main-content .i10 .a3 {
  position: absolute;
  width: 510px;
  height: 180px;
  top: 340px;
  left: 50%;
  margin-left: -510px;
}

.main-content .i12 {
  margin-bottom: 46px;
}

.main-content .more {
  width: 212px;
  height: 45px;
  display: block;
  margin: 0 auto;
}

.pop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.pop .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #f3f3f3;
  opacity: 0.8;
}

.pop .shadow {
  width: 1000px;
  height: 700px;
}

.pop .content {
  width: 1000px;
  height: 550px;
  background-color: #fff;
  position: relative;
  display: none;
}

.pop .content .close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.pop .content ::-webkit-scrollbar {
  display: none;
}

.pop .content .con {
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 2px #d0d0d0;
  overflow-y: scroll;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pop .content .con img {
  display: block;
  margin: 0 auto;
}

.pop .content.content1 .con {
  flex-direction: column;
}

.pop .content.content1 .con .t2 {
  margin-bottom: 29px;
}

.pop .content.content1 .con .t3 {
  position: absolute;
  bottom: 20px;
}

.pop .content.content2_1 {
  display: none;
}

.pop .content.content2_1 .con {
  padding-top: 38px;
  box-sizing: border-box;
  padding-bottom: 38px;
  display: block;
}

.pop .content.content2_1 .con.t2 {
  margin-bottom: 29px;
}

.pop .content.content2_1 .con .item .txt_con {
  height: 0;
  overflow: hidden;
}

.pop .content.content2_1 .con .item.on .txt_con {
  height: auto;
}

.txt_con {
  position: relative;
}

.icon_jiantou {
  width: 25px;
  height: 26px;
  position: absolute;
}

.bt_d_icon1 {
  top: 65px;
  left: 525px;
}

.bt_d_icon2 {
  top: 180px;
  left: 435px;
}

.bt_d_icon3 {
  top: 293px;
  left: 455px;
}

.bt_d_icon4 {
  top: 405px;
  left: 380px;
}

.bt_n_icon1 {
  top: 61px;
  left: 370px;
}

.bt_n_icon2 {
  top: 207px;
  left: 405px;
}

.bt_n_icon3 {
  top: 316px;
  left: 423px;
}

.bt_j_icon1 {
  top: 87px;
  left: 388px;
}

.bt_j_icon2 {
  top: 121px;
  left: 333px;
}

.bt_j_icon3 {
  top: 153px;
  left: 475px;
}

.bt_wm_icon1 {
  top: 97px;
  left: 450px;
}

.bt_wm_icon2 {
  top: 129px;
  left: 504px;
}

.bt_wlm_icon1 {
  top: 61px;
  left: 486px;
}

.bt_wlm_icon2 {
  top: 201px;
  left: 450px;
}

.bt_wlm_icon3 {
  top: 232px;
  left: 432px;
}

.bt_wlm_icon4 {
  top: 371px;
  left: 449px;
}

.bt_wlm_icon5 {
  top: 402px;
  left: 415px;
}

.bt_wlm_icon6 {
  top: 435px;
  left: 395px;
}

.bt_wlm_icon7 {
  top: 469px;
  left: 449px;
}

.bt_wlm_icon8 {
  top: 501px;
  left: 378px;
}

.bt_wlm_icon9 {
  top: 534px;
  left: 377px;
}

.bt_wlm_icon10 {
  top: 567px;
  left: 424px;
}

.bt_wlm_icon11 {
  top: 599px;
  left: 414px;
}

.pop .content.content2_1 .con .tit {
  cursor: pointer;
  width: 760px;
  height: 45px;
  background-color: #0e7580;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px auto;
}



.pop .content.content2_1 .con .tit .open,
.pop .content.content2_1 .con .tit .close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 12.5px;
}


.pop .content.content2_1 .con .item .tit .open {
  display: none;
}

.pop .content.content2_1 .con .item.on .tit .open {
  display: block;
}

.pop .content.content2_1 .con .item.on .tit .close {
  display: none;
}


.pop .content.content2_1 .con .txt_con {
  box-sizing: border-box;
}

.pop .content.content2_2 .con {
  display: block;
  position: relative;
}

.pop .content.content2_2 .con .t4 {
  margin-top: 45px;
  margin-bottom: 20px;
}

.pop .content.content2_2 .con .btn {
  position: absolute;
  width: 25px;
  height: 26px;
}

.pop .content.content2_2 .con .btn1 {
  left: 474px;
  top: 208px;
}

.pop .content.content2_2 .con .btn2 {
  left: 439px;
  top: 230px;
}

.pop .content.content2_2 .con .btn3 {
  left: 462px;
  top: 252px;
}

.pop .content.content2_2 .con .btn4 {
  left: 524px;
  top: 276px;
}

.pop .content.content2_2 .con .btn5 {
  left: 405px;
  top: 417px;
}

.pop .content.content2_2 .con .btn6 {
  left: 840px;
  top: 593px;
}

.pop .content.content2_2 .con .btn7 {
  left: 833px;
  top: 1026px;
}

.pop .content.content2 .down {
  position: absolute;
  width: 100%;
  height: 30px;
  background-color: #fff;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
}

.pop .content.content2 .down img {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}

/* @media screen and (max-width: 1400px) {

  .main-content .con .i7 .ri,
  .main-content .con .i7 .le,
  .main-content .con .i7 .ce {
    height: calc(32px * .85);
    width: auto;
  }

  .main-content {
    padding-bottom: calc(50px*0.85);
  }

  .main-content .i1 img {
    width: calc(1020px*0.85);
  }

  .main-content .i2 {
    margin-bottom: calc(120px*0.85);
  }

  .main-content .i2 img {
    width: calc(1021px*0.85);
  }

  .main-content .i3 {
    margin-bottom: calc(120px*0.85);
  }

  .main-content .i3 img {
    width: calc(1020px*0.85);
  }

  .main-content .i4 {
    margin-bottom: calc(43px*0.85);
  }

  .main-content .i4 img {
    width: calc(439px*0.85);
  }

  .main-content .con {
    width: calc(1017px*0.85);
    margin-bottom: calc(115px*0.85);
  }

  .main-content .con .i5,
  .main-content .con .i6 {
    margin-bottom: calc(33px*0.85);
  }

  .main-content .con>div img {
    width: calc(499px*0.85);
  }

  .main-content .con>div .btn {
    bottom: calc(-16px*0.85);
    width: calc(144px*0.85);
  }

  .main-content .i9 {
    margin-bottom: calc(72px*0.85);
    width: calc(800px*0.85);
  }

  .main-content .i10,
  .main-content .i11 {
    margin-bottom: calc(50px*0.85);
  }

  .main-content .i10 img,
  .main-content .i11 img {
    width: calc(1053px*0.85);
  }

  .main-content .i12 {
    margin-bottom: calc(46px*0.85);
  }

  .main-content .i12 img {
    width: calc(781px*0.85);
  }

  .main-content .more {
    width: calc(212px*0.85);
    height: calc(45px*0.85);
  }

  .pop .content {
    width: calc(1000px*0.85);
    height: calc(550px*0.85);
    position: relative;
  }

  .pop .content .close {
    right: calc(10px*0.85);
    top: calc(10px*0.85);
  }

  .pop .content.content0 .con img {
    width: calc(871px*0.85);
  }

  .pop .content.content1 .con {
    position: relative;
  }

  .pop .content.content1 .con .t2 {
    margin-bottom: calc(29px*0.85);
  }

  .pop .content.content1 .con .t2 img {
    width: calc(913px*0.85);
  }

  .pop .content.content1 .con .t3 img {
    width: calc(197px*0.85);
  }

  .pop .content.content2_2 .con .btn {
    transform: scale(0.8);
  }

  .pop .content.content2_2 .con .btn1 {
    left: 400px;
    top: 208px;
  }

  .pop .content.content2_2 .con .btn2 {
    left: 364px;
    top: 230px;
  }

  .pop .content.content2_2 .con .btn3 {
    left: 384px;
    top: 252px;
  }

  .pop .content.content2_2 .con .btn4 {
    left: 450px;
    top: 276px;
  }

  .pop .content.content2_2 .con .btn5 {
    left: 332px;
    top: 417px;
  }

  .pop .content.content2_2 .con .btn6 {
    left: 762px;
    top: 593px;
  }

  .pop .content.content2_2 .con .btn7 {
    left: 751px;
    top: 1028px;
  }

  .pop .content.content3 .con img {
    width: calc(768px*0.85);
  }

  .icon_jiantou {
    transform: scale(.8);
  }

  .bt_d_icon1 {
    top: calc(65px + 0px);
    left: calc(525px - 80px);
  }

  .bt_d_icon2 {
    top: calc(180px + 0px);
    left: calc(435px - 80px);
  }

  .bt_d_icon3 {
    top: calc(293px + 0px);
    left: calc(455px - 80px);
  }

  .bt_d_icon4 {
    top: calc(405px + 0px);
    left: calc(380px - 80px);
  }

  .bt_n_icon1 {
    top: calc(61px + 0px);
    left: calc(370px - 80px);
  }

  .bt_n_icon2 {
    top: calc(207px + 0px);
    left: calc(405px - 80px);
  }

  .bt_n_icon3 {
    top: calc(316px + 0px);
    left: calc(423px - 80px);
  }

  .bt_j_icon1 {
    top: calc(87px + 0px);
    left: calc(388px - 80px);
  }

  .bt_j_icon2 {
    top: calc(121px + 0px);
    left: calc(333px - 80px);
  }

  .bt_j_icon3 {
    top: calc(153px + 0px);
    left: calc(475px - 80px);
  }

  .bt_wm_icon1 {
    top: calc(97px + 0px);
    left: calc(450px - 80px);
  }

  .bt_wm_icon2 {
    top: calc(129px + 0px);
    left: calc(504px - 80px);
  }

  .bt_wlm_icon1 {
    top: calc(61px + 0px);
    left: calc(503px - 80px);
  }

  .bt_wlm_icon2 {
    top: calc(201px + 0px);
    left: calc(504px - 80px);
  }

  .bt_wlm_icon3 {
    top: calc(232px + 0px);
    left: calc(432px - 80px);
  }

  .bt_wlm_icon4 {
    top: calc(371px + 0px);
    left: calc(449px - 80px);
  }

  .bt_wlm_icon5 {
    top: calc(402px + 0px);
    left: calc(415px - 80px);
  }

  .bt_wlm_icon6 {
    top: calc(435px + 0px);
    left: calc(395px - 80px);
  }

  .bt_wlm_icon7 {
    top: calc(469px + 0px);
    left: calc(449px - 80px);
  }

  .bt_wlm_icon8 {
    top: calc(501px + 0px);
    left: calc(378px - 80px);
  }

  .bt_wlm_icon9 {
    top: calc(534px + 0px);
    left: calc(377px - 80px);
  }

  .bt_wlm_icon10 {
    top: calc(567px + 0px);
    left: calc(424px - 80px);
  }

  .bt_wlm_icon11 {
    top: calc(599px + 0px);
    left: calc(414px - 80px);
  }
} */

/*# sourceMappingURL=./index.css.map */
/*# sourceMappingURL=./index.css.map */