@charset "utf-8";
/* CSS Document */
body {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: "Microsoft YaHei", Arial;
}
a {
  text-decoration: none;
}

.banner {
  display: block;
  width: 100%;
  height: auto;
}
.banner img {
  width: 100%;
  height: auto;
}

/*鼠标悬停时按钮图片放大*/
.button1_img:hover,
.button2_img:hover,
.button3_img:hover,
.button4_img:hover,
.button5_img:hover,
.button6_img:hover {
  transform: scale(1.1);
}

.ztbtn {
  display: inline-block;
  padding: 10px;
  color: #345f8a;
  text-align: center;
  font-size: 20px;
  border-radius: 50px;
  transition: 0.5s;
  position: relative;
  background: linear-gradient(
    0deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(0, 212, 255, 0) 0%,
    rgba(32, 104, 227, 1) 0%,
    rgba(81, 155, 247, 1) 100%
  );
}
.ztbtn:hover {
  box-shadow: 0 0 25px #888;
  transform: scale(1.2);
}
.content1_button2 .btn1 {
  width: 8em;
  /* height: 1em; */
  color: #000;
  background: rgb(249, 212, 134);
  background: linear-gradient(
    90deg,
    rgba(249, 212, 134, 1) 9%,
    rgba(250, 248, 203, 1) 40%,
    rgba(249, 221, 164, 1) 77%,
    rgba(250, 237, 182, 1) 100%
  );
  box-shadow: -3px 7px 7px #c5c5c590;
}

@media screen and (max-width: 1285px) {
  .content1_button1 {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: right;
    flex-direction: row;
    height: 25%;
    top: 25%;
  }
  .button1_img {
    position: relative;
    margin: 0;
    right: 30%;
    transition: transform 1s;
  }
  .content2_button1 {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
    /* height: 25%; */
    top: 55%;
  }
  .content2_button2 {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
    /* height: 25%; */
    top: 78%;
    /* right: 18%; */
  }
  .button2_img {
    position: relative;
    margin: 0;
    /* right: 30%; */
    transition: transform 1s;
  }
  .content3_text {
    position: relative;
    font-size: 18px;
    text-align: center;
    top: 74%;
    color: #fff;
    line-height: 2rem;
  }
}
@media screen and (min-width: 1300px) {
  .content1_button1 {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: right;
    flex-direction: row;
    height: 25%;
    top: 25%;
    right: 18%;
  }
  .button1_img {
    position: relative;
    margin: 0;
    transition: transform 1s;
  }
  .content2_button1 {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
    /* height: 25%; */
    top: 55%;
    /* right: 18%; */
  }
  .content2_button2 {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
    /* height: 25%; */
    top: 78%;
    /* right: 18%; */
  }
  .button2_img {
    position: relative;
    margin: 0;
    transition: transform 1s;
  }
  .content3_text {
    position: relative;
    font-size: 18px;
    text-align: center;
    top: 74%;
    color: #fff;
    line-height: 2rem;
  }
}