.page {
  background: #f5f5f5;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.banner {
  background: linear-gradient(#1f7aff, #1945fe);
}

.banner .banner-img {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.banner-img .left {
  position: absolute;
  width: 679px;
  height: 265px;
  bottom: 34px;
  left: 47px;
  border-radius: 30px;
}

.banner-img .left:hover .block {
  display: flex;
}

.banner-img .haocai:hover .block {
  display: flex;
}

.banner-img .biaoqian:hover .block {
  display: flex;
}

.banner-img .left .block p {
  font-size: 20px;
}

.banner-img .haocai {
  position: absolute;
  width: 367px;
  height: 129px;
  bottom: 172px;
  right: 41px;
  border-radius: 20px;
}
.banner-img .haocai .block {
  border-radius: 20px;
}
.banner-img .biaoqian .block {
  border-radius: 20px;
}
.banner-img .haocai .block img {
  width:80px;
  margin-bottom:5px;
}

.banner-img .biaoqian .block img {
  width:80px;
  margin-bottom:5px;
}


.banner-img .biaoqian {
  position: absolute;
  width: 365px;
  height: 131px;
  bottom: 34px;
  right: 40px;
  border-radius: 20px;
}

.banner-img .block {
  display: none;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 30px;
}
.banner-img .block  img {
  margin-bottom:10px;
  width: 180px;
}
.banner-img .block p {
  font-size:16px;
  margin:0;
  color:#fff;
}

.image_1 {
  width: 100%;
}

.group_3 {
  position: relative;
  width: 100%;
  margin-bottom: 1px;
}

.text-group_8 {
  width: 224px;
  margin: 95px auto 0;
}

.text_1 {
  width: 184px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.3);
  font-size: 22px;
  font-family: YOUSHEhaoshenti;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 30px;
  margin-left: 16px;
}

.text_2 {
  width: 224px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 44px;
  font-family: SourceHanSansCN-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  margin-top: 12px;
}

.box_6 {
  width: 1200px;
  height: 384px;
  margin: 36px auto 0;
}

.block_1 {
  position: relative;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  width: 285px;
  margin-left: 20px;
}

.img {
  margin-left: 0;
}

.block_1:hover .image_3 {
  display: none
}

.block_1:hover .image-text_5 {
  display: flex
}

.image-text_5 {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 223px;
  height: 264px;
  margin: 55px 0 0 31px;
}

.image_2 {
  width: 223px;
  height: 223px;
}

.text-group_2 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 25px;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 43px;
  margin: 17px 0 0 0;
}

.image_first {
  margin-left: 0 !important;
}

.image_3 {
  width: 100%;
  height: 100%;
}

.image_4 {
  width: 100%;
  height: 100%;
}

.image_5 {
  width: 100%;
  height: 100%;
}

.image-wrapper_7 {
  width: 1200px;
  margin: 21px auto 0;
}

.image_6 {
  width: 285px;
}

.image_7 {
  width: 298px;
  height: 383px;
  margin-left: 20px;
}

.image_8 {
  width: 298px;
  height: 383px;
  margin-left: 25px;
}

.image_9 {
  width: 285px;
  margin-left: 25px;
}

.text-group_9 {
  width: 222px;
  margin: 90px auto 0;
}

.text_3 {
  width: 39px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.3);
  font-size: 22px;
  font-family: YOUSHEhaoshenti;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 30px;
  margin-left: 91px;
}

.text_4 {
  width: 222px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 44px;
  font-family: SourceHanSansCN-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  margin-top: 12px;
}

.image-wrapper_8 {
  width: 1200px;
  margin: 46px auto 0;
}

.image_10 {
  width: 285px;
  margin-top: 1px;
}

.image_11 {
  width: 298px;
  height: 383px;
  margin-left: 23px;
}

.image_12 {
  width: 298px;
  height: 383px;
  margin-left: 25px;
}

.image_13 {
  width: 285px;
  margin: 1px 0 0 26px;
}

.image-wrapper_9 {
  width: 1200px;
  margin: 21px auto 0;
}

.image_14-0 {
  width: 285px;
  margin: 1px 23px 0 0;
}

.image_14-1 {
  width: 285px;
  margin: 1px 23px 0 0;
}

.image_14-2 {
  width: 285px;
  margin: 1px 23px 0 0;
}

.image_14-3 {
  width: 285px;
  margin: 1px 23px 0 0;
}

.text_5 {
  width: 181px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.3);
  font-size: 22px;
  font-family: YOUSHEhaoshenti;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 30px;
  margin: 98px auto 0;
}

.text_6 {
  width: 225px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 44px;
  font-family: SourceHanSansCN-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  margin: 12px auto 0;
}

.image-wrapper_10 {
  width: 1200px;
  height: 500px;
  margin: 43px auto 0;
}

.image_15 {
  position: relative;
  width: 374px;
  height: 472px;
}

.recommend {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  background: #fff;
  z-index: 9;
  border-radius: 10px;
}

.image_15>img {
  width: 100%;
  height: 100%;
}

.image_15:hover .recommend {
  display: flex;
}

.image_16:hover .recommend {
  display: flex;
}

.image_17:hover .recommend {
  display: flex;
}

.image_18:hover .recommend {
  display: flex;
}

.image_19:hover .recommend {
  display: flex;
}

.image_16 {
  position: relative;
  width: 374px;
  height: 472px;
  margin: 2px 0 0 39px;
}

.image_16>img {
  width: 100%
}

.image_17 {
  position: relative;
  width: 374px;
  height: 472px;
  margin: 2px 0 0 39px;
}

.image_17>img {
  width: 100%
}

.image-wrapper_11 {
  width: 1200px;
  margin: 45px auto 0;
}

.image_18 {
  position: relative;
  width: 585px;
  height: 353px;
}

.image_18>img {
  width: 100%;
}

.image_19 {
  position: relative;
  width: 585px;
  height: 353px;
}

.image_19>img {
  width: 100%;
}

.text-group_10 {
  width: 222px;
  margin: 110px auto 0;
}

.text_7 {
  width: 71px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.3);
  font-size: 22px;
  font-family: YOUSHEhaoshenti;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 30px;
  margin-left: 75px;
}

.text_8 {
  width: 222px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 44px;
  font-family: SourceHanSansCN-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 58px;
  margin-top: 12px;
}

.box_2 {
  height: 639px;
  background: url("./images/naicha.png") no-repeat;
  background-size: 1200px 639px;
  width: 1200px;
  margin: 51px auto 0;
}

.box_2:hover .group_2 {
  display: block;
}

.group_2 {
  display: none;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  width: 258px;
  height: 334px;
  margin: 302px 0 0 52px;
}

.group_20 {
  position: absolute;
  z-index: 9;
  margin: 100px 0 0 52px;
  top: 173px;
}

.group_21 {
  position: absolute;
  z-index: 9;
  margin: 100px 0 0 52px;
  top: 183px;
}

.group_22 {
  position: absolute;
  z-index: 9;
  margin: 100px 0 0 52px;
  top: 203px;
}

.group_23 {
  position: absolute;
  z-index: 9;
  margin: 100px 0 0 52px;
  top: 203px;
}

.image-text_6 {
  width: 223px;
  height: 264px;
  margin: 23px 0 0 18px;
}

.image_20 {
  width: 223px;
  height: 223px;
}

.text-group_5 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 25px;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 43px;
  margin: 17px 0 0 0;
}

.image_21 {
  position: relative;
  width: 1200px;
  margin: 80px auto 0;
}

.image_21 img {
  width: 100%;
}

.image_21:hover .group_2 {
  display: block;
}

.image_22 {
  position: relative;
  width: 1200px;
  margin: 80px auto 0;
}

.image_22 img {
  width: 100%;
}

.image_22:hover .group_2 {
  display: block;
}

.image_23 {
  position: relative;
  width: 600px;
  height: 338px;
}

.image_23>img {
  width: 100%;
  height: 100%;
}

.image_23:hover .box_4 {
  display: block;
}

.image_24 {
  position: relative;
  width: 1200px;
  margin: 80px auto 0;
}

.image_24 img {
  width: 100%;
}

.image_24:hover .group_2 {
  display: block;
}

.image_25 {
  position: relative;
  width: 600px;
  height: 335px;
}

.image_25>img {
  width: 100%;
}

.image_25:hover .box_4 {
  display: block;
}

.image_26 {
  position: relative;
  width: 600px;
  height: 338px;
}

.image_26>img {
  width: 100%;
}

.image_26:hover .box_4 {
  display: block;
}


.image_27 {
  position: relative;
  width: 600px;
  height: 335px;
}

.image_27>img {
  width: 100%;
  height: 335px;
}

.image_27:hover .box_4 {
  display: block;
}

.image-wrapper_6 {
  position: relative;
  height: 345px;
  background: url("./images/hongpei.png") 100% no-repeat;
  background-size: 100% 100%;
  width: 600px;
  margin-left: calc(50% - 600px);
}

.image-wrapper_6:hover .box_10 {
  display: block;
}

.image_28:hover .box_11 {
  display: block;
}


.image_28 {
  position: relative;
  width: 600px;
  height: 345px;
  margin-left: 600px;
}

.image_28 img {
  width: 100%;
}

.box_3 {
  width: 604px;
  height: 364px;
  background: url("./images/caise.png") 100% no-repeat;
  background-size: 100% 100%;
  margin-left: -4px;
  /* width: 604px;
  position: absolute;
  right: calc(50% - 600px);
  top: 4035px; */
}

.box_3:hover .box_4 {
  display: block;
}

.box_4 {
  display: none;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 25px;
  width: 258px;
  height: 306px;
}

.box_10 {
  position: absolute;
  top: 15px;
  right: 14px;
}

.box_11 {
  position: absolute;
  top: 15px;
  right: 30px;
}

.box_12 {
  position: absolute;
  top: 5px;
  right: 20px;
}

.box_13 {
  position: absolute;
  top: 1px;
  right: 20px;
}

.image-text_7 {
  width: 223px;
  height: 264px;
  margin: 30px 0 0 18px;
}

.image_29 {
  width: 218px;
  height: 218px;
}

.text-group_6 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 25px;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 43px;
  margin: 8px 0 0 0;
}

.box_5 {
  height: 364px;
  background: url('./images/dajuanxin.png') 100% no-repeat;
  background-size: 100% 100%;
  width: 600px;
  /* position: absolute;
  left: calc(50% - 600px);
  top: 4035px; */
}

.box_5:hover .section_2 {
  display: block;
}

.section_2 {
  display: none;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 25px;
  width: 258px;
  height: 304px;
  margin: 31px 0 0 324px;
}

.section_3 {
  margin: 31px 0 0 314px;
}

.image-text_8 {
  width: 223px;
  height: 264px;
  margin: 30px 0 0 23px;
}

.image_30 {
  width: 213px;
  height: 213px;
}

.text-group_7 {
  width: 178px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 25px;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 43px;
  margin: 8px 0 0 0px;
}

.fixed {
  position: fixed;
  width: 100px;
  height: 369px;
  top: 50%;
  right: 20px;
  margin-top: -184px;
  z-index: 99;
}

.fixed .list {
  position: relative;
}

.fixed .list1 {
  width: 100px;
  height: 199px;
  background: url("./images/fixed1.png") no-repeat;
  background-size: 100% 100%;
}

.fixed .list2 {
  width: 100px;
  height: 85px;
  background: url("./images/fixed2.png") no-repeat;
  background-size: 100% 100%;
}

.fixed .list3 {
  width: 100px;
  height: 85px;
  background: url("./images/fixed3.png") no-repeat;
  background-size: 100% 100%;
}

.list1:hover .code {
  display: block;
}

.list2:hover .code {
  display: block;
}

.list3:hover .code {
  display: block;
}

.list .code {
  display: none;
  position: absolute;
  right: 100px;
  width: 200px;
  height: 200px;
}


.code1 {
  top: 115px;
}

.code2 {
  top: -84px;
}

.code3 {
  top: -169px
}

.trade {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  z-index: 9;
}

.trade1 {
  margin-top: -15px;
  margin-bottom: 80px;
}
.trade11 {
  margin-top:-1px;
}