input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.page {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.group_1 {
  width: 100%;
  height: auto;
  background-size: 100% 100%;
}

.group_3 {
  width: 100%;
  height: auto;
  /*margin-bottom: 60px;*/
  padding-top: 115px;
}

.text_10 {
  /*width: 23.44vw;*/
  max-width: 80%;
  /*height: 0.68vw;*/
  overflow-wrap: unset;
  font-size: 0.83vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #222222;
  text-align: left;
  /*white-space: unset;*/
  /*line-height: 3.44vw;*/
  margin: 1.61vw 0 0 13.69vw;
}

.text_11 {
    max-width: 80%;
  /*width: 0vw;*/
  /* height: 2.56vw; */
  /*overflow-wrap: unset;*/
  font-size: 2.2vw;
  font-family: var(--font-family);
  font-weight: 900;
  color: #222222;
  text-align: left;
  white-space: unset;
  /*line-height: 3.44vw;*/
  margin: 4.15vw 0 0 13.48vw;
}

.text_12 {
  /*width: 7.77vw;*/
  /*height: 1.31vw;*/
  /*overflow-wrap: unset;*/
  font-size: 1.16vw;
  font-family: var(--font-family);
  font-weight: bold;
  color: #126acd;
  text-align: left;
  /*white-space: unset;*/
  /*line-height: 1.88vw;*/
  margin: 1vw 0 0 13.69vw;
  max-width: 80%;
}

.box_1 {
  width: 68.86vw;
  /*height: 12.24vw;*/
  margin: 1.92vw 0 0 13.59vw;
}

.group_4 {
  width: 30.73vw;
  /*height: 9.74vw;*/
}

.text_13 {
  /*width: 30.73vw;*/
  /*height: 3.34vw;*/
  overflow-wrap: unset;
  font-size: 0.83vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #222222;
  text-align: left;
  line-height: 1.25vw;
}

.text-wrapper_3 {
  width: 19.22vw;
  height: 0.58vw;
  margin: 3.12vw 0 0 0.31vw;
}

.text_14 {
  width: 4.12vw;
  height: 0.58vw;
  overflow-wrap: unset;
  font-size: 0.72vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #555555;
  text-align: left;
  white-space: unset;
  line-height: 1.46vw;
}

.text_15 {
  width: 4.12vw;
  height: 0.58vw;
  overflow-wrap: unset;
  font-size: 0.72vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #555555;
  text-align: left;
  white-space: unset;
  line-height: 1.46vw;
}

.section_1_1 {
  /*width: 21.46vw;*/
  /*height: 1.62vw;*/
  /*margin: 1.09vw 0 0 0.31vw;*/
  margin: 40px 0 60px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /*margin-top: 60px;*/
  row-gap: 30px;
  /*margin-bottom: 6.19vw;*/
}

.section_1_1 .text_13 {
  margin-bottom: 21px;
}

.text-wrapper_4 {
  width: 6.46vw;
  height: 1.62vw;
  font-size: 0;
  font-family: var(--font-family);
  font-weight: normal;
  text-align: left;
  line-height: 1.46vw;
}

.text_16 {
  font-size: 1.3vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #222222;
  text-align: left;
}

.text_17 {
  width: 6.46vw;
  height: 1.62vw;
  font-size: 1.25vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #222222;
  text-align: left;
  line-height: 1.46vw;
}

.text-wrapper_5 {
  width: 6.46vw;
  height: 1.36vw;
  font-size: 0;
  font-family: var(--font-family);
  font-weight: normal;
  text-align: left;
  line-height: 1.46vw;
}

.text_18 {
  width: 6.46vw;
  height: 1.36vw;
  font-size: 1.87vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #222222;
  text-align: left;
  line-height: 1.46vw;
}

.text_19 {
  width: 6.46vw;
  height: 1.36vw;
  font-size: 1.25vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #222222;
  text-align: left;
  line-height: 1.46vw;
}

.image_3 {
  width: 30vw;
  /*height: 10.06vw;*/
  /*margin-top: 2.19vw;*/
  transition: all 0.5s ease;
  /*width: 542px;*/
  /*height: 370px;*/
  margin-top: -2vw;
  object-fit: contain;
}

.text-wrapper_6 {
  width: 19.22vw;
  height: 0.58vw;
  margin: 0.46vw 0 0 13.9vw;
}

.text_20 {
  width: 4.12vw;
  height: 0.58vw;
  font-size: 0.72vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #555555;
  text-align: left;
  line-height: 1.46vw;
}

.text_21 {
  width: 4.12vw;
  height: 0.58vw;
  font-size: 0.72vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #555555;
  text-align: left;
  line-height: 1.46vw;
}

.box_2 {
  width: 22.77vw;
  height: 1.36vw;
  margin: 1.09vw 0 0 13.8vw;
}

.text-wrapper_7 {
  width: 6.46vw;
  height: 1.36vw;
  font-size: 0;
  font-family: var(--font-family);
  font-weight: normal;
  text-align: left;
  line-height: 1.46vw;
}

.text_22 {
  width: 6.46vw;
  height: 1.36vw;
  font-size: 1.87vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #222222;
  text-align: left;
  line-height: 1.46vw;
}

.text_23 {
  width: 6.46vw;
  height: 1.36vw;
  overflow-wrap: unset;
  font-size: 1.25vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #222222;
  text-align: left;
  white-space: unset;
  line-height: 1.46vw;
}

.text-wrapper_8 {
  width: 7.56vw;
  height: 1.36vw;
  overflow-wrap: unset;
  font-size: 0;
  font-family: var(--font-family);
  font-weight: normal;
  text-align: left;
  white-space: unset;
  line-height: 1.46vw;
}

.text_24 {
  width: 7.56vw;
  height: 1.36vw;
  overflow-wrap: unset;
  font-size: 1.87vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #222222;
  text-align: left;
  white-space: unset;
  line-height: 1.46vw;
}

.text_25 {
  width: 7.56vw;
  height: 1.36vw;
  overflow-wrap: unset;
  font-size: 1.25vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #222222;
  text-align: left;
  white-space: unset;
  line-height: 1.46vw;
}

.box_3 {
  width: 29.22vw;
  height: 2.61vw;
  margin: 0 0 0 13.64vw;
}

.text-wrapper_9 {
  background-color: rgba(250, 208, 44, 1);
  border-radius: 25px;
  height: 2.61vw;
  width: 11.98vw;
  transition: all 0.3s ease;
  cursor: pointer;
}

.text_26 {
  /*width: 5.47vw;*/
  /*height: 0.63vw;*/
  overflow-wrap: unset;
  font-size: 0.83vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #222222;
  text-align: left;
  white-space: unset;
  /* line-height: 3.44vw; */
  /*margin: 0.98vw 0 0 3.4vw;*/
  display: grid;
  place-items: center;
  height: 50px;
}

.text_27 {
width: 3.6vw;
height: 0.84vw;
overflow-wrap: unset;
font-size: 0.83vw;
font-family: var(--font-family);
font-weight: 400;
color: #aaaaaa;
text-align: left;
white-space: unset;
/* line-height: 1.46vw; */
  margin: 1.25vw 0 0 5.78vw;
}

.text-wrapper_10 {
  width: 6.31vw;
  height: 1.62vw;
  overflow-wrap: unset;
  font-size: 0;
  font-family: var(--font-family);
  font-weight: normal;
  text-align: left;
  white-space: unset;
  line-height: 1.46vw;
  margin: 0.57vw 0 0 1.56vw;
}

.text_28 {
  width: 6.31vw;
  height: 1.62vw;
  overflow-wrap: unset;
  font-size: 1.14vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #fad02c;
  text-align: left;
  white-space: unset;
  line-height: 0.94vw;
}

.text_29 {
  width: 6.31vw;
  height: 1.62vw;
  overflow-wrap: unset;
  font-size: 1.97vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #fad02c;
  text-align: left;
  white-space: unset;
  /* line-height: 0.94vw; */
}

.box_4 {
  background-color: rgba(238, 238, 238, 1);
  width: 99.95vw;
  height: 3.13vw;
  margin: 5.26vw 0 0 0.05vw;
}

.box_4 .text-wrapper_11 {
  /*margin: 0;*/
  position: relative;
  left: 13.5%;
  margin-left: 1px;
}

.box_4 .text-wrapper_11.active{
  /*margin: 0;*/
  /*position: relative;*/
  /*left: 13.5%;*/
  background-color:rgba(18, 106, 205, 1);
}

.box_4 .text-wrapper_11.active .text_30{
  color: #ffffff;
}

.text-wrapper_11 {
  /*background-color: rgba(18, 106, 205, 1);*/
  height: 3.13vw;
  /*margin-left: 13.55vw;*/
  width: 10.42vw;
  transition: all 0.3s ease;
  cursor: pointer;
  display: table;
}

.text_30 {
  width: 6.36vw;
  height: 0.63vw;
  overflow-wrap: unset;
  font-size: 0.83vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #666666;
  white-space: unset;
  line-height: 0.94vw;
  /*margin: 1.25vw 0 0 1.77vw;*/
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  transition: 0.5s;
}

.text_31 {
  width: 9.8vw;
  height: 0.79vw;
  overflow-wrap: unset;
  font-size: 0.83vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #666666;
  text-align: center;
  white-space: unset;
  line-height: 0.94vw;
  margin: 1.14vw 0 0 2.29vw;
  transition: all 0.3s ease;
  cursor: pointer;
}

.text_32 {
  width: 8.29vw;
  height: 0.79vw;
  overflow-wrap: unset;
  font-size: 0.83vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #666666;
  text-align: center;
  white-space: unset;
  line-height: 0.94vw;
  margin: 1.14vw 50.78vw 0 4.84vw;
  transition: all 0.3s ease;
  cursor: pointer;
}

.box_5 {
  width: 61.93vw;
  height: 1.15vw;
  margin: 2.81vw 0 0 13.54vw;
}

.group_5 {
  background-color: rgba(18, 106, 205, 1);
  width: 0.27vw;
  height: 0.94vw;
  /* margin-top: 0.11vw; */
  margin-bottom: -16.5px;
}

.text_33 {
  width: 9.9vw;
  height: 1.05vw;
  overflow-wrap: unset;
  font-size: 1.25vw;
  font-family: var(--font-family);
  font-weight: bold;
  color: #222222;
  text-align: left;
  white-space: unset;
  line-height: 0.94vw;
  margin-left: 0.58vw;
}

.text_34 {
  width: 9.85vw;
  height: 0.68vw;
  overflow-wrap: unset;
  font-size: 0.93vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #222222;
  text-align: left;
  white-space: unset;
  line-height: 0.94vw;
  margin: 0.46vw 0 0 41.35vw;
}

.box_6 {
  background-color: rgba(191, 191, 191, 1);
  width: 20.84vw;
  height: 0.06vw;
  margin: 0.98vw 0 0 65.57vw;
}

.box_7 {
  width: 86.46vw;
  /*height: 25vw;*/
  height: auto !important;
  margin: 0.15vw 0 0 13.54vw;
  display: inline-block;
  position: relative;
   /*overflow: scroll;*/
   padding-bottom: 100px;
  min-height: 60vw;
}

.group_6 {
  width: 46.67vw;
  /*height: 24.12vw;*/
  height: auto;
  /*margin-top: 0.89vw;*/
  /*margin-top: -2.35vw;*/
  line-height: 1.6vw;
  font-family: var(--font-family);
  font-size: 1vw;
}
.group_6 p,
.group_6 span{
    padding: 0 !important;
    font-family: var(--font-family) !important;
}
.group_6 table{
  max-width: 100%;
}
.group_6 table td{
    padding: 4px 7px;
}
.group_6 video,
.group_6 img{
  display: block;
  max-width: 100%;
  height: auto;
}
.group_6:not(:first-of-type){
  display: none;
}
.group_6 p {
  overflow-wrap: unset;
  /*display: none;*/
}
    .group_6 h3{
        margin-top: 15px;
    }

/*.box_7 .group_6 ~ .group_6 {*/
/*  margin-top: -2.35vw;*/
/*}*/

/*.box_7 .group_6:nth-child(2) {*/
/*  margin-top: -2.35vw;*/
/*}*/

.box_7 .group_6:last-child {
  margin-top: 0;
}

/*.box_7 .group_6 ~ .group_6 p {*/
/*  margin-top: 22.5px;*/
/*}*/

.group_6 p.active {
  display: block;
}

.group_6 .group_5 {
  display: none;
}

.group_6 .group_5.active {
  display: block;
}

.group_6 .text_33 {
  display: none;
}

.group_6 .text_33.active {
  display: block;;
}

.box_5 .group_5 {
  display: none;
}

.box_5 .group_5.active {
  display: block;
}

.box_5 .text_33 {
  display: none;
}

.box_5 .text_33.active {
  display: block;;
}

.group_6 .active {
  display: block;
}

.box_7 .text_33 {
  margin-left: 0.85vw;
}

.text_10 a {
  text-decoration: none;
  color: #222222;
}

.text_35 {
  width: 46.67vw;
  height: 10.84vw;
  overflow-wrap: unset;
  font-size: 0.83vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #222222;
  text-align: left;
  line-height: 1.25vw;
}

.box_8 {
  width: 16.15vw;
  height: 1.25vw;
  margin-top: 4.69vw;
}

.group_7 {
  background-color: rgba(18, 106, 205, 1);
  width: 0.27vw;
  height: 0.94vw;
  margin-top: 0.11vw;
}

.text_36 {
  width: 15.32vw;
  height: 1.25vw;
  overflow-wrap: unset;
  font-size: 1.25vw;
  font-family: var(--font-family);
  font-weight: bold;
  color: #222222;
  text-align: left;
  white-space: unset;
  line-height: 0.94vw;
}

.box_9 {
  width: 13.7vw;
  height: 1.25vw;
  margin-top: 6.1vw;
}

.box_10 {
  background-color: rgba(18, 106, 205, 1);
  width: 0.27vw;
  /*height: 0.94vw;*/
  margin-top: 0.06vw;
}

.text_37 {
  width: 12.87vw;
  height: 1.25vw;
  overflow-wrap: unset;
  font-size: 1.25vw;
  font-family: var(--font-family);
  font-weight: bold;
  color: #222222;
  text-align: left;
  white-space: unset;
  line-height: 0.94vw;
}

.group_8 {
  box-shadow: 0px 5px 40px 0px rgba(25, 19, 4, 0.11);
  background-color: rgba(248, 248, 248, 1);
  border-radius: 20px;
  width: 20.84vw;
  height: 22.5vw;
  margin: 1.51vw 0 0 5.36vw;
  transition: all 0.3s ease;
  cursor: pointer;
}

.image_4 {
  width: 20.84vw;
  height: 13.7vw;
  transition: all 0.3s ease;
}

.text_38 {
  width: 4.12vw;
  height: 0.79vw;
  overflow-wrap: unset;
  font-size: 1.04vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #222222;
  text-align: left;
  white-space: unset;
  line-height: 1.15vw;
  margin: 1.82vw 0 0 1.61vw;
}

.text_39 {
  width: 4.12vw;
  height: 0.68vw;
  overflow-wrap: unset;
  font-size: 0.83vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #666666;
  text-align: left;
  white-space: unset;
  line-height: 1.15vw;
  margin: 0.83vw 0 0 1.66vw;
}

.group_9 {
  width: 16.62vw;
  height: 1.05vw;
  margin: 1.97vw 0 1.66vw 1.82vw;
}

.text-wrapper_12 {
  width: 4.02vw;
  height: 1.05vw;
  overflow-wrap: unset;
  font-size: 0;
  font-family: var(--font-family);
  font-weight: normal;
  text-align: left;
  white-space: unset;
  line-height: 0.94vw;
}

.text_40 {
  width: 4.02vw;
  height: 1.05vw;
  overflow-wrap: unset;
  font-size: 0.72vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #fad02c;
  text-align: left;
  white-space: unset;
  line-height: 0.94vw;
}

.text_41 {
  width: 4.02vw;
  height: 1.05vw;
  overflow-wrap: unset;
  color: rgba(250, 208, 44, 1);
  font-size: 1.25vw;
  font-family: var(--font-family);
  font-weight: normal;
  text-align: left;
  white-space: unset;
  line-height: 0.94vw;
}

.text_42 {
  width: 2.71vw;
  height: 0.68vw;
  overflow-wrap: unset;
  font-size: 0.72vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #666666;
  text-decoration-line: underline;
  text-align: left;
  white-space: unset;
  line-height: 0.94vw;
  margin-top: 0.37vw;
  transition: all 0.3s ease;
}

.box_11 {
  box-shadow: 0px 5px 40px 0px rgba(25, 19, 4, 0.11);
  background-color: rgba(248, 248, 248, 1);
  border-radius: 20px;
  width: 20.84vw;
  height: 22.5vw;
  /*margin: 0.98vw 0 0 65.57vw;*/
  margin: 0 0 0 52.57vw;
  transition: all 0.3s ease;
  cursor: pointer;
  /*margin-top: -29vw;*/
  position: absolute;
  top: 40px;
}

.box_7 .box_11 ~ .box_11 {
  margin-top: 30%;
}

.image_5 {
  width: 20.84vw;
  height: 13.7vw;
  transition: all 0.3s ease;
  background: #FFFFFF;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.image_5 img{
  width: 20.84vw;
  max-height: 100%;
  object-fit: contain;
  scale: 0.85;
  transition: all 0.3s ease;
}

.text_43 {
  max-width: 80%;
  height: 0.79vw;
  overflow-wrap: unset;
  font-size: 1.04vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #222222;
  text-align: left;
  white-space: unset;
  line-height: 1.15vw;
  margin: 1.82vw 0 0 1.61vw;
}

.text_44 {
  width: 80%;
  height: 0.68vw;
  overflow-wrap: unset;
  font-size: 0.83vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #666666;
  text-align: left;
  white-space: unset;
  line-height: 1.15vw;
  margin: 0.83vw 0 0 1.66vw;
}

.group_11 {
  width: 16.62vw;
  height: 1.05vw;
  margin: 1.97vw 0 1.66vw 1.82vw;
}

.text-wrapper_13 {
  width: 4.02vw;
  height: 1.05vw;
  overflow-wrap: unset;
  font-size: 0;
  font-family: var(--font-family);
  font-weight: normal;
  text-align: left;
  white-space: unset;
  line-height: 0.94vw;
}

.text_45 {
  width: 4.02vw;
  height: 1.05vw;
  overflow-wrap: unset;
  font-size: 0.72vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #fad02c;
  text-align: left;
  white-space: unset;
  line-height: 0.94vw;
}

.text_46 {
  width: 4.02vw;
  height: 1.05vw;
  overflow-wrap: unset;
  font-size: 1.25vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #fad02c;
  text-align: left;
  white-space: unset;
  line-height: 0.94vw;
}

.text_47 {
  width: 2.71vw;
  height: 0.68vw;
  overflow-wrap: unset;
  font-size: 0.72vw;
  font-family: var(--font-family);
  font-weight: 400;
  color: #666666;
  text-align: left;
  white-space: unset;
  line-height: 0.94vw;
  margin-top: 0.37vw;
  transition: all 0.3s ease;
}
/* 新增交互效果样式 */
.text_10 {
  position: relative;
  padding-right: 5px;
}

.text_10 a:hover {
  text-decoration: underline;
}

/* 当前位置效果 */
.breadcrumb-item {
  display: inline-block;
  position: relative;
  padding-right: 15px;
  margin-right: 5px;
  color: #222222;
  text-decoration: none;
}

#breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb-item:after {
  content: ">";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  font-size: 0.7vw;
}

.breadcrumb-item:last-child:after {
  content: none;
}

.breadcrumb-item.active {
  font-weight: 400;
  /* color: #126acd; */
}

/* 图片悬浮效果 */
.image_3:hover,
.image_4:hover{
  transform: scale(1.05);
  /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); */
}

.image_5 img:hover{
  transform: scale(1.05);
}

/* 按钮悬浮效果 */
.text-wrapper_9:hover {
  background-color: #e6b800;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.text-wrapper_9:hover .text_26 {
  color: #fff;
}

.text-wrapper_11:hover {
  background-color: #0d5fb8;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.text-wrapper_11:hover .text_30 {
  color: #ffffff;
}

.text_31:hover,
.text_32:hover {
  color: #126acd;
  font-weight: 500;
}

/* 产品卡片悬浮效果 */
/*.group_8:hover,*/
/*.box_11:hover {*/
/*  transform: translateY(-10px);*/
/*  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);*/
/*}*/

.group_8:hover .text_42,
.box_11:hover .text_47 {
  color: #126acd;
  font-weight: 500;
}

/*.group_8:hover .image_4,*/
/*.box_11:hover .image_5 {*/
/*  transform: scale(1.03);*/
/*}*/

/* 价格动画效果 */
.text-wrapper_10 {
  transition: all 0.3s ease;
}

.text-wrapper_10:hover {
  transform: scale(1.1);
}

.text-wrapper_10:hover .text_29 {
  color: #e6b800;
}

/* 产品分类标签效果 */
.text_38,
.text_43 {
  position: relative;
  padding-left: 8px;
}

.text_38:before,
.text_43:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 70%;
  background-color: #fad02c;
  border-radius: 2px;
}

/* 参数标签效果 */
.text_14,
.text_15,
.text_20,
.text_21 {
  position: relative;
  padding-bottom: 3px;
}

.text_14:after,
.text_15:after,
.text_20:after,
.text_21:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #126acd;
  transition: all 0.3s ease;
}

.text_14:hover:after,
.text_15:hover:after,
.text_20:hover:after,
.text_21:hover:after {
  width: 100%;
}

/* 产品标题效果 */
.text_11 {
  position: relative;
  padding-bottom: 0.5vw;
}

/*.text_11:after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  left: 0;*/
/*  bottom: 0;*/
/*  width: 50%;*/
/*  height: 3px;*/
/*  background: linear-gradient(90deg, #126acd, #fad02c);*/
/*  border-radius: 3px;*/
/*}*/

/* 分割线效果 */
.box_6 {
  position: relative;
  overflow: hidden;
}

.box_6:after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, #126acd, transparent);
  transition: all 0.8s ease;
}

.box_6:hover:after {
  left: 100%;
}

/* 更多链接效果 */
.text_42,
.text_47 {
  position: relative;
}

.text_42:after,
.text_47:after {
  content: "→";
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.3s ease;
}

.text_42:hover:after,
.text_47:hover:after {
  opacity: 1;
  right: -20px;
}

.image-text_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.label_1 {
  width: 30px;
  height: 30px;
}

.text-group_2 {
  font-size: 0.7rem;
  color: #666;
  margin-top: 5px;
}
.header {
  background-color: rgba(11, 102, 204, 0.95);
  padding: 1rem 5%;
  position: sticky;
  top: 0;
  z-index: 1000;
  /* box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); */
}
@media only screen and (max-width:1560px) {
    .text_13{
        font-size: 1vw;
        line-height: 1.6vw;
    }
    .text_26{
        font-size: 1vw;
    }
    .text_27{
        font-size: 1vw;
    }
    .text_30{
        font-size: 1vw;
        height: 100%;
    }
    .text-wrapper_11{
        height: 4vw;
        width: 13vw;
    }
    .box_4{
        height: 4vw;
    }
    .text_45{
        font-size: 0.82vw;
    }
    .text_46{
        font-size: 1.5vw;
    }
    .text_43{
        font-size: 1.14vw;
    }
    .text_44,
    .text_47{
        font-size: 1vw;
    }
    .text_34{
        font-size: 1.2vw;
    }
    .text_10{
        font-size: 1vw;
    }
}
@media only screen and (max-width:960px) {
    .group_3{
        padding: 50px 4% 0 4%;
    }
    .text_10{
    width: 100%;
    height: auto;
    font-size: 14px;
    white-space: unset;
    line-height: 1;
    margin: 0;
    display: flex;
    overflow-x: auto;
    padding: 17px 0;
    max-width: 100%;
    }
    .breadcrumb-item:after{
        font-size: 14px;
    }
    .text_10 a,
    .text_10 span{
        flex-shrink: 0;
    }
    .text_10 span{
        margin: 0 5px;
    }
    .text_11{
    width: 100%;
    height: auto;
    font-size: 20px;
    white-space: unset;
    line-height: 24px;
    margin: 25px 0 0 0;
    max-width: 100%;
    }
    .text_11:after{
        display: none;
    }
    .text_12{
    width: 100%;
    height: auto;
    font-size: 16px;
    white-space: unset;
    line-height: 22px;
    margin: 15px 0 0 0;
    }
    .box_1{
      width: 100%;
      margin: 10px 0 0 0;
      flex-direction: column;
    }
    .group_4{
      width: 100%;
    }
    .text_13{
        font-size: 14px;
        line-height: 20px;
    }
    .section_1_1{
    margin: 25px 0 25px 0;
    display: flex;
    flex-wrap: wrap;
    row-gap:unset;
    }
    .section_1_1>div{
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
        margin-bottom: 20px;
    }
    .section_1_1>div:nth-of-type(2n){
        margin-right: 0;
    }
    .section_1_1 .text_13{
        margin-bottom: 7px;
    }
    .text_16{
    width: 100%;
    height: auto;
    font-size: 18px;
    white-space: unset;
    }
    .image_3{
        width: 80%;
        margin: 30px auto 0;
    }
    .box_3{
        width: 92%;
        height: auto;
        margin: 30px auto 0;
        display: flex;
        align-items: center;
    }
    .text-wrapper_9{
    height: 38px;
    width: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .text_26{
        height: auto;
        display: block;
        white-space: unset;
        font-size: 14px;
    }
    .text_27{
    width: auto;
    height: auto;
    font-size: 14px;
    text-align: left;
    white-space: unset;
    margin: 0 0 0 auto;
    transform: translateY(2px);
    }
    .text-wrapper_10{
    width: auto;
    height: auto;
    white-space: unset;
    line-height: 1;
    margin: 0;
    display: flex;
    align-items: flex-end;
    margin-left: 10px;
    }
    .text_28{
    width: auto;
    height: auto;
    font-size: 14px;
    white-space: unset;
    line-height: 1;
    }
    .text_29{
    width: auto;
    height: auto;
    font-size: 20px;
    white-space: unset;
    line-height: 1;
    }
    .box_4{
        margin: 60px 0 0 0;
        height: 40px;
        width: 100%;
        padding: 0 4%;
        display: flex;
        align-items: center;
        overflow-x: auto;
    }
    .box_4 .text-wrapper_11{
        position: unset;
        height: 100%;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        flex-shrink: 0;
    }
    .text_30{
        width: auto;
        height: auto;
        font-size: 14px;
        white-space: unset;
        line-height: 1;
        vertical-align:unset;
        padding: 0 10px;
    }
    .box_5{
    width: 92%;
    height: auto;
    margin: 0 auto;
    }
    .group_5{
        display: none !important;
    }
    .text_33{
    width: 100% !important;
    height: auto;
    font-size: 18px;
    text-align: left;
    white-space: unset;
    line-height: 20px;
    margin-left: 0 !important;
    border-left: 3px solid rgba(18, 106, 205, 1);
    padding-left: 6px;
    margin: 30px 0 0 0;
    }
    .box_7{
    width: 92%;
    height: auto !important;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding-bottom: 60px;
    }
    .group_6{
        width: 100%;
    line-height: 20px;
    font-size: 14px;
    margin: 0 !important;
    }
    .box_7 .group_6 ~ .group_6 p{
        margin-top: 0;
    }
    .group_6 p{
        margin-top: 15px !important;
    }
    .text_34,
    .box_6{
        display: none;
    }
    .box_11{
        position: unset;
        width: 100%;
        height: auto;
        margin: 30px 0 0 0!important;
        padding-bottom: 25px;
        border-radius: 10px;
    }
    .image_5{
    width: 100%;
    height: 200px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .image_5 img{
        max-width: 80%;
        max-height: 80%;
        width: auto;
        scale: unset;
    }
    .text_43{
    width: calc(100% - 40px);
    max-width: unset;
    height: auto;
    font-size: 16px;
    white-space: unset;
    line-height: 20px;
    margin: 18px auto 0;
    }
    .text_44{
    width: 100%;
    padding: 0 20px;
    height: auto;
    font-size: 14px;
    white-space: unset;
    line-height: 20px;
    margin: 7px auto 0;
    }
    .group_11{
    width: 100%;
    height: auto;
    margin: 25px auto 0;
    padding: 0 20px;
    }
    .text-wrapper_13{
    width: auto;
    height: auto;
    font-size: unset;
    white-space: unset;
    line-height: unset;
    }
    .text_45{
    width: auto;
    height: auto;
    font-size: 12px;
    white-space: unset;
    line-height: 1;
    }
    .text_46{
    width: auto;
    height: auto;
    font-size: 18px;
    white-space: unset;
    line-height: 1;
    }
    .text_47{
    width: auto;
    height: auto;
    font-size: 14px;
    white-space: unset;
    line-height: 1;
    margin-top: 0;
    }
    .group_11{
        align-items: center;
    }
}