.f_10 {
  font-size: .52083vw
}

img {
  display: block
}

.header {
  background: #1D2088;
}

.sec1 {
  position: relative;
  z-index: 10;
  background: #fff
}

.sec1 .sec1_top {
  padding: 11.51042vw 9.01042vw 4.47917vw
}

.sec1 .sec1_top h1 {
  color: #323232;
  font-size: 8.85417vw;
  font-weight: 400;
  line-height: 1
}

.sec1 .sec1_top .label {
  display: flex;
  align-items: center;
  color: #323232;
  font-weight: 400;
  width: fit-content;
  padding: .3125vw .98958vw;
  border-radius: 2.60417vw;
  border: 1px solid #323232;
  margin: -.52083vw 0 0
}

.sec1 .img {
  width: 100%;
  overflow: hidden
}

.sec1 .img img {
  width: 100%
}

.sec2 {
  padding: 7.91667vw 0 9.84375vw;
  display: flex
}

.sec2 .l {
  width: 37.29167vw;
  position: relative;
  margin-right: 11.875vw
}

.sec2 .l .pic {
  border-radius: 0 30px 30px 0;
  box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
  width: 100%;
  transition: 0.6s
}

.sec2 .l .pic img {
  width: 100%;

}

/* .sec2 .l .pic:first-child {
  border-radius: 0 10px 10px 0;
  overflow: hidden
} */

.sec2 .l .pic:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
  transform: translateY(-50%)
}

.sec2 .l:hover .pic {
  opacity: 0
}

.sec2 .l:hover .pic:nth-child(2) {
  opacity: 1
}

.sec2 .r {
  padding: 2.60417vw 0 0
}

.sec2 .r .r_title {
  color: #323232;
  font-weight: 600;
  border-bottom: 1px solid #C1C1C1;
  margin-bottom: 2.5vw;
  width: fit-content
}

.sec2 .r .labels {
  margin-bottom: 6.66667vw
}

.sec2 .r .labels .label {
  width: 23.4375vw;
  display: flex;
  align-items: center;
  color: #323232;
  font-weight: 400;
  padding: .625vw 1.09375vw;
  border-radius: .625vw;
  border: 1px solid #323232
}

.sec2 .r .labels .label:not(:last-child) {
  margin-bottom: 1.25vw
}

.sec2 .r .r_box {
  width: 30.10417vw
}

.sec2 .r .r_box .r_item {
  width: 100%;
  border-top: 1px solid #C1C1C1
}

.sec2 .r .r_box .r_item.item_active .block .jia span:nth-child(2) {
  transform: rotate(0deg)
}

.sec2 .r .r_box .r_item .block {
  width: 100%;
  height: 3.90625vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer
}

.sec2 .r .r_box .r_item .block p {
  color: #323232;
  font-weight: 400
}

.sec2 .r .r_box .r_item .block .jia {
  width: 1.19792vw;
  height: 1.19792vw;
  border-radius: 50%;
  border: 1px solid #C1C1C1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.6s
}

.sec2 .r .r_box .r_item .block .jia span {
  display: block;
  position: absolute;
  width: .67708vw;
  height: 1px;
  background: #000000;
  transition: 0.6s
}

.sec2 .r .r_box .r_item .block .jia span:nth-child(2) {
  transform: rotate(90deg)
}

.sec2 .r .r_box .r_item .block:hover .jia {
  background: #1D2088;
  border: 1px solid #1D2088
}

.sec2 .r .r_box .r_item .block:hover .jia span {
  background: #FFFFFF
}

.sec2 .r .r_box .r_item .none {
  display: none
}

.sec2 .r .r_box .r_item .none .none_box {
  display: flex
}

.sec2 .r .r_box .r_item .none .none_box2 {
  padding: 2.60417vw .625vw 0 .3125vw;
  justify-content: space-between
}

.sec2 .r .r_box .r_item .none .none_box2 .none_box_item {
  display: flex;
  align-items: center
}

.sec2 .r .r_box .r_item .none .none_box2 .none_box_item .icon {
  width: 3.4375vw;
  transform: rotateX(180deg);
  margin-right: .26042vw
}

.sec2 .r .r_box .r_item .none .none_box2 .none_box_item .icon img {
  width: 100%
}

.sec2 .r .r_box .r_item .none .none_box2 .none_box_item .none_box_item_r h5 {
  color: #323232;
  font-weight: 400
}

.sec2 .r .r_box .r_item .none .none_box2 .none_box_item .none_box_item_r p {
  color: #C1C1C1;
  font-weight: 400;
  margin: .15625vw 0 0
}

.sec2 .r .r_box .r_item .none .none_box1 {
  flex-wrap: wrap;
  gap: 2.91667vw 3.28125vw;
  padding: 0 0 1.51042vw .52083vw
}

.sec2 .r .r_box .r_item .none .none_box1 .perfor_item .icon {
  width: 2.13542vw;
  height: 2.13542vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto .46875vw;
  transition: 1s
}

.sec2 .r .r_box .r_item .none .none_box1 .perfor_item .icon img {
  max-width: 100%;
  max-height: 100%
}

.sec2 .r .r_box .r_item .none .none_box1 .perfor_item p {
  color: #323232;
  font-weight: 300;
  text-align: center
}

.sec2 .r .r_box .r_item .none .none_box1 .perfor_item:hover .icon {
  transform: rotateY(360deg)
}

.sec2 .r .form_btn {
  margin: 5.20833vw 0 0
}

.sec2 .r .form_btn .form_btn_box {
  position: relative;
  z-index: 9999
}

.sec2 .r .form_btn .form_btn_item {
  display: flex;
  width: 8.69792vw;
  height: 2.13542vw;
  justify-content: center;
  align-items: center;
  border-radius: 1.04167vw;
  border: 1px solid #1D2088;
  color: #1D2088;
  font-weight: 400;
  cursor: pointer;
  transition: 0.6s
}

.sec2 .r .form_btn .form_btn_item.on {
  filter: brightness(0.5);
  pointer-events: none
}

.sec2 .r .form_btn .form_btn_item:hover {
  background: #1D2088;
  color: #fff
}

.fixed {
  width: 51.19792vw;
  position: absolute;
  bottom: 2.60417vw;
  left: -11.71875vw;
  z-index: 9999;
  opacity: 0;
  transition: 0.6s;
  pointer-events: none
}

.fixed.on {
  opacity: 1;
  pointer-events: auto
}

.fixed .bg {
  width: 100%
}

.fixed .bg img {
  width: 100%
}

.fixed .fixed_box {
  position: absolute;
  top: 3.38542vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  width: 100%;
  padding: 0 2.86458vw
}

.fixed .fixed_box .fixed_box_title {
  text-align: center;
  margin-bottom: 2.23958vw
}

.fixed .fixed_box .fixed_box_title .en {
  color: #FFF;
  font-weight: 400
}

.fixed .fixed_box .fixed_box_title .cn {
  color: #323232;
  font-weight: 400;
  margin: -1.25vw 0 0
}

.fixed .fixed_box .success_box {
  width: 100%;
  height: 16.30208vw;
  justify-content: center;
  gap: 0 1.5625vw;
  padding: 4.94792vw 0 0;
  display: none
}

.fixed .fixed_box .success_box .icon {
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 50%;
  background: rgba(29, 32, 136, 0.3);
  display: flex;
  align-items: center;
  justify-content: center
}

.fixed .fixed_box .success_box .icon .cir {
  width: 1.875vw;
  height: 1.875vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1D2088
}

.fixed .fixed_box .success_box .icon .cir img {
  display: block;
  width: 1.30208vw
}

.fixed .fixed_box .success_box p {
  color: #000;
  font-weight: 400;
  line-height: 2.5vw
}

.fixed .fixed_box .success_box.show {
  display: flex
}

.fixed .fixed_box form {
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.97917vw 0
}

.fixed .fixed_box form.show {
  display: flex
}

.fixed .fixed_box form .info {
  display: flex;
  width: 19.42708vw;
  margin: -.72917vw 0 0
}

.fixed .fixed_box form .info .ewm_box {
  display: flex;
  align-items: center
}

.fixed .fixed_box form .info .ewm_box .ewm {
  width: 3.95833vw
}

.fixed .fixed_box form .info .ewm_box .ewm img {
  width: 100%
}

.fixed .fixed_box form .info .ewm_box p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.38542vw;
  height: 3.48958vw;
  color: #000;
  text-align: center;
  font-weight: 400
}

.fixed .fixed_box form .info .tel {
  margin: 2.03125vw 0 0 2.29167vw
}

.fixed .fixed_box form .info .tel h5 {
  color: #323232;
  font-weight: 400
}

.fixed .fixed_box form .info .tel p {
  color: #000;
  font-weight: 400;
  margin: .15625vw 0 0
}

.fixed .fixed_box form .button {
  margin: .52083vw 0 0;
  width: 100%
}

.fixed .fixed_box form .button button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.79167vw;
  height: 1.14583vw;
  /* background: #1D2088; */
  border-radius: 1.14583vw;
  border: 1px solid #1D2088;
  color: #1D2088;
  font-weight: 400;
  margin: 0 auto;
  /* border: none; */
  cursor: pointer;
  transition: 0.6s
}

.fixed .fixed_box form .button button:hover {
  background: #1D2088;
  color: #fff
}

.fixed .fixed_box form .i_p {
  position: relative
}

.fixed .fixed_box form .i_p img {
  position: absolute;
  right: .78125vw;
  top: 50%;
  transform: translateY(-50%)
}

.fixed .fixed_box form input {
  width: 19.42708vw;
  height: 2.60417vw;
  background: #FFF;
  border: none;
  border-radius: .52083vw;
  padding: 0 1.19792vw;
  color: #323232;
  font-size: .83333vw;
  font-weight: 400
}

.fixed .fixed_box form input::placeholder {
  color: #323232
}

.fixed .fixed_box form .select {
  width: 19.42708vw;
  height: 2.60417vw;
  background: #FFF;
  border-radius: .52083vw;
  position: relative;
  cursor: pointer
}

.fixed .fixed_box form .select .select_p {
  width: 100%;
  height: 100%;
  padding: 0 1.19792vw;
  color: #323232;
  font-size: .83333vw;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.fixed .fixed_box form .select .select_box {
  position: absolute;
  z-index: 10;
  top: 2.91667vw;
  left: 0;
  width: 100%;
  padding: .3125vw 0;
  border-radius: .26042vw;
  border: 1px solid #CED4DA;
  background: #FFF;
  opacity: 0;
  transition: 0.6s;
  pointer-events: none
}

.fixed .fixed_box form .select .select_box.on {
  opacity: 1;
  pointer-events: auto
}

.fixed .fixed_box form .select .select_box.on .second.on,
.fixed .fixed_box form .select .select_box.on .third.on {
  pointer-events: auto
}

.fixed .fixed_box form .select .select_box .select_box_item {
  height: 1.45833vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.61458vw 0 1.45833vw;
  transition: 0.6s
}

.fixed .fixed_box form .select .select_box .select_box_item p {
  color: #000;
  font-size: .52083vw;
  font-weight: 400;
  transition: 0.6s
}

.fixed .fixed_box form .select .select_box .select_box_item .cir {
  width: .88542vw;
  height: .88542vw;
  border: 1px solid #CED4DA;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

.fixed .fixed_box form .select .select_box .select_box_item .cir:after {
  content: "";
  width: .36458vw;
  height: .36458vw;
  border-radius: 50%;
  background: #CED4DA;
  position: absolute;
  opacity: 0
}

.fixed .fixed_box form .select .select_box .select_box_item.on .cir:after {
  opacity: 1
}

.fixed .fixed_box form .select .select_box .select_box_item:hover {
  background: #495057
}

.fixed .fixed_box form .select .select_box .select_box_item:hover p {
  color: #FFFFFF
}

.fixed .fixed_box form .select .select_box .select_box_item:hover .cir {
  border: 1px solid #FFFFFF
}

.fixed .fixed_box form .select .select_box .select_box_item:hover .cir:after {
  background: #FFFFFF
}

.fixed .fixed_box form .select .select_box .select_box_item_common {
  height: 1.45833vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .98958vw;
  transition: 0.6s
}

.fixed .fixed_box form .select .select_box .select_box_item_common p {
  color: #000;
  font-size: .52083vw;
  font-weight: 400;
  transition: 0.6s
}

.fixed .fixed_box form .select .select_box .select_box_item_common .cir {
  width: .88542vw;
  height: .88542vw;
  border: 1px solid #CED4DA;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

.fixed .fixed_box form .select .select_box .select_box_item_common .cir:after {
  content: "";
  width: .36458vw;
  height: .36458vw;
  border-radius: 50%;
  background: #CED4DA;
  position: absolute;
  opacity: 0
}

.fixed .fixed_box form .select .select_box .select_box_item_common.on .cir:after {
  opacity: 1
}

.fixed .fixed_box form .select .select_box .select_box_item_common:hover {
  background: #495057
}

.fixed .fixed_box form .select .select_box .select_box_item_common:hover p {
  color: #FFFFFF
}

.fixed .fixed_box form .select .select_box .select_box_item_common:hover .cir {
  border: 1px solid #FFFFFF
}

.fixed .fixed_box form .select .select_box .select_box_item_common:hover .cir:after {
  background: #FFFFFF
}

.fixed .fixed_box form .select .select_box.select_box_address {
  padding: 0;
  display: flex
}

.fixed .fixed_box form .select .select_box.select_box_address .first,
.fixed .fixed_box form .select .select_box.select_box_address .second {
  border-right: 1px solid #495057
}

.fixed .fixed_box form .select .select_box.select_box_address .first,
.fixed .fixed_box form .select .select_box.select_box_address .second,
.fixed .fixed_box form .select .select_box.select_box_address .third {
  width: 33.333%;
  padding: .3125vw 0;
  overflow-y: scroll;
  max-height: 8.07292vw
}

.fixed .fixed_box form .select .select_box.select_box_address .first::-webkit-scrollbar,
.fixed .fixed_box form .select .select_box.select_box_address .second::-webkit-scrollbar,
.fixed .fixed_box form .select .select_box.select_box_address .third::-webkit-scrollbar {
  display: none
}

.fixed .fixed_box form .select .select_box.select_box_address .second,
.fixed .fixed_box form .select .select_box.select_box_address .third {
  pointer-events: none
}

.fix_shadow {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.59);
  position: fixed;
  z-index: 999;
  opacity: 0;
  transition: 0.6s;
  pointer-events: none;
  top: 0;
  left: 0
}

.fix_shadow.on {
  opacity: 1;
  pointer-events: auto
}

.sec3 {
  width: 100%
}

.sec3 .img {
  width: 100%
}

.sec3 .img img {
  width: 100%
}

.sec4 {
  padding: 7.13542vw 0 9.58333vw
}

.sec4 .video {
  width: 100%;
  height: 47.29167vw;
  position: relative
}

.sec4 .video .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px
}

.sec4 .video .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer
}

.sec4 .video .play.on {
  opacity: 0;
  pointer-events: none
}

.sec4 .video .play img {
  width: 14.63542vw
}

.sec4 .video .play .playImg {
  width: 5.78125vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer
}

.sec4 .video .play .playImg2 {
  opacity: 0
}

.dialog {
  z-index: 99999
}

.dialog .content {
  width: 100%
}

.dialog .content video {
  max-height: unset;
  height: 100vh
}

.common_title {
  text-align: center
}

.common_title .en {
  color: #F4F4F4;
  font-weight: 400
}

.common_title .cn {
  color: #242424;
  font-weight: 600;
  margin: -4.11458vw 0 0
}

.sec5 {
  padding: 1.14583vw 6.14583vw 5.78125vw
}

.sec5 .content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: .72917vw 0 0
}

.sec5 .item {
  width: 39.94792vw
}

.sec5 .item .img {
  width: 100%;
  height: 30.83333vw;
  display: flex;
  align-items: center;
  justify-content: center
}

.sec5 .item .img img {
  max-height: 100%;
  max-width: 100%
}

.sec5 .item .table {
  width: 32.86458vw;
  margin: 0 0 0 3.17708vw
}

.sec5 .item .table img {
  width: 100%
}

.sec5 .item .table h5 {
  color: #242424;
  font-weight: 400;
  padding: 0 1.35417vw;
  margin-bottom: .67708vw
}

.sec5 .item .table table {
  width: 100%;
  border-collapse: collapse
}

.sec5 .item .table table tr:nth-child(1) td {
  border-top: 1px solid #040000
}

.sec5 .item .table table td {
  border-bottom: 1px solid #040000;
  color: #000;
  font-size: 1.14583vw;
  font-weight: 400;
  padding: .15625vw 1.30208vw
}

.sec5 .item .table table td img {
  margin: 1.04167vw 0 1.5625vw;
  max-width: 100%
}

.sec5 .item .table table td:not(:first-child) img {
  margin: 1.04167vw auto 1.5625vw
}

.sec5 .item:nth-child(2n) .table {
  margin: 0 0 0 3.80208vw
}

.sec6 {
  padding: 2.86458vw 9.11458vw 7.34375vw
}

.sec6 .list {
  margin: 4.16667vw 0 0
}

.sec6 .list .item {
  width: 100%;
  border-bottom: 1px solid #C1C1C1
}

.sec6 .list .item:nth-child(1) {
  border-top: 1px solid #C1C1C1
}

.sec6 .list .item .none {
  border-top: 1px solid #C1C1C1;
  padding: .78125vw 3.38542vw .98958vw 1.30208vw;
  display: none
}

.sec6 .list .item .none p {
  color: #242424;
  font-size: 1.04167vw;
  font-family: 'PingFang-Light';
  line-height: 1.71875vw
}

.sec6 .list .item .none p span {
  color: #242424;
  font-size: 1.45833vw;
  font-weight: bold;
  line-height: 1.71875vw
}

.sec6 .list .item .block {
  height: 4.6875vw;
  padding: 0 2.08333vw 0 1.30208vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  cursor: pointer
}

.sec6 .list .item .block .jia {
  width: 1.45833vw;
  height: 1.45833vw;
  border-radius: 50%;
  border: 1px solid #C1C1C1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.6s
}

.sec6 .list .item .block .jia span {
  display: block;
  position: absolute;
  width: .67708vw;
  height: 1px;
  background: #000000;
  transition: 0.6s
}

.sec6 .list .item .block .jia span:nth-child(2) {
  transform: rotate(90deg)
}

.sec6 .list .item .block img {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.6s
}

.sec6 .list .item .block .l {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3
}

.sec6 .list .item .block .l h5 {
  color: #242424;
  font-weight: bold
}

.sec6 .list .item .block .l p {
  color: #242424;
  font-weight: 400
}

.sec6 .list .item .block:hover img {
  opacity: 1
}

.sec6 .list .item.item_active .block img {
  opacity: 1
}

.sec6 .list .item.item_active .block .jia span:nth-child(2) {
  transform: rotate(0)
}

.sec7 {
  padding: 3.90625vw 10.41667vw 0 7.13542vw
}

.sec7 .swiper {
  width: 100%;
  margin: 7.1875vw 0 0
}

#canvas-container {
  width: 80vw;
  /* height: 100vh; */
  height: 80vh;
  display: block;
  margin: 0 auto;
  position: relative;
}

#canvas-container img {
  position: absolute;
  bottom: 2%;
  left: 50%;
  transform: translateX(-50%);
}

#canvas-container canvas {
  border-radius: 50px;
}

.sec7 .swiper .btns {
  display: flex;
  gap: 0 1.19792vw;
  margin-bottom: .83333vw;
  position: absolute;
  bottom: 5.20833vw;
  left: 31.71875vw;
  z-index: 3
}

.sec7 .swiper .btns .jt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.02083vw;
  height: 3.02083vw;
  border-radius: 50%;
  border: 1px solid #1D2088;
  transition: 0.6s;
  cursor: pointer
}

.sec7 .swiper .btns .jt img {
  width: 1.5625vw;
  transition: 0.6s
}

.sec7 .swiper .btns .jt:nth-child(2) {
  transform: rotate(180deg)
}

.sec7 .swiper .btns .jt:hover {
  background: #1D2088
}

.sec7 .swiper .btns .jt:hover img {
  filter: brightness(0) invert(1)
}

.sec7 .swiper .swiper-slide {
  display: flex
}

.sec7 .swiper .swiper-slide .r {
  width: 33.22917vw;
  height: 34.16667vw;
  overflow: hidden
}

.sec7 .swiper .swiper-slide .r img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s;
  transform: scale(1.1)
}

.sec7 .swiper .swiper-slide .l {
  width: 49.16667vw;
  height: 34.16667vw;
  background: #EFEFEF;
  border-radius: 34.11458vw 0 0 34.11458vw;
  padding: 5.20833vw 0 5.20833vw 4.6875vw;
  display: flex
}

.sec7 .swiper .swiper-slide .l .img {
  width: 23.75vw;
  height: 23.75vw;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 3.28125vw
}

.sec7 .swiper .swiper-slide .l .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s;
  transform: scale(1.1)
}

.sec7 .swiper .swiper-slide .l .l_text h5 {
  color: #3E3A39;
  font-weight: 400;
  opacity: 0;
  transform: translateY(1.04167vw)
}

.sec7 .swiper .swiper-slide .l .l_text .line {
  width: 1.66667vw;
  height: 2px;
  background: #3D3A39;
  margin: .72917vw 0 1.5625vw;
  opacity: 0;
  transform: translateY(1.04167vw)
}

.sec7 .swiper .swiper-slide .l .l_text .l_txt {
  color: #3E3A39;
  font-weight: 400;
  opacity: 0;
  transform: translateY(1.04167vw)
}

.sec7 .swiper .swiper-slide.swiper-slide-active .r img {
  transform: scale(1)
}

.sec7 .swiper .swiper-slide.swiper-slide-active .l .img img {
  transform: scale(1)
}

.sec7 .swiper .swiper-slide.swiper-slide-active .l .l_text h5 {
  opacity: 1;
  transform: translateY(0vw);
  transition: 0.6s
}

.sec7 .swiper .swiper-slide.swiper-slide-active .l .l_text .line {
  opacity: 1;
  transform: translateY(0vw);
  transition: 0.6s;
  transition-delay: 0.1s
}

.sec7 .swiper .swiper-slide.swiper-slide-active .l .l_text .l_txt {
  opacity: 1;
  transform: translateY(0vw);
  transition: 0.6s;
  transition-delay: 0.2s
}

.sec8 {
  padding: 17.55208vw .88542vw 0 .72917vw;
  display: flex;
  justify-content: space-between
}

.sec8 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s
}

.sec8 .l {
  width: 41.03125vw;
  height: 41.82292vw;
  overflow: hidden;
  border-radius: 1.04167vw
}

.sec8 .l:hover img {
  transform: scale(1.1)
}

.sec8 .r {
  width: 55.26042vw;
  display: flex;
  flex-wrap: wrap;
  gap: 1.04167vw
}

.sec8 .r .img {
  width: 23.38542vw;
  height: 21.09375vw;
  overflow: hidden;
  border-radius: 1.04167vw
}

.sec8 .r .img:hover img {
  transform: scale(1.1)
}

.sec8 .r .img.img1 {
  width: 30.83333vw
}

.sec8 .r .img.img2 {
  height: 19.6875vw
}

.sec9 {
  padding: 13.59375vw 9.21875vw 8.38542vw
}

.sec9 .sec9_swiper {
  margin: 7.8125vw 0 0;
  width: 100%;
  overflow: hidden
}

.sec9 .sec9_swiper .swiper-slide .item {
  display: block;
  width: 100%;
  height: 29.58333vw;
  border-radius: 1.04167vw;
  overflow: hidden;
  position: relative
}

.sec9 .sec9_swiper .swiper-slide .item .label {
  display: flex;
  align-items: center;
  padding: 0 1.14583vw;
  height: 2.39583vw;
  border-radius: 2.39583vw;
  width: fit-content;
  color: #323232;
  font-weight: 400;
  background: #FFFFFF;
  position: absolute;
  top: 1.14583vw;
  right: 1.92708vw
}

.sec9 .sec9_swiper .swiper-slide .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s
}

.sec9 .sec9_swiper .swiper-slide .item .txt {
  position: absolute;
  padding: 0 1.92708vw;
  bottom: 1.14583vw
}

.sec9 .sec9_swiper .swiper-slide .item .txt h5 {
  color: #FFF;
  font-weight: 400
}

.sec9 .sec9_swiper .swiper-slide .item .txt p {
  color: #FFF;
  font-weight: 400
}

.sec9 .sec9_swiper .swiper-slide .item:hover img {
  transform: scale(1.1)
}

.sec9 .sec9_swiper .swiper-pagination {
  position: unset;
  margin: 10.41667vw auto 0;
  display: flex;
  justify-content: center;
  gap: 1.04167vw
}

.sec9 .sec9_swiper .swiper-pagination .swiper-pagination-bullet {
  display: block;
  width: .625vw;
  height: .625vw;
  background: #1D2088;
  margin: 0
}

.notice {
  z-index: 99999999999
}
.custom-iframe {
   width: 80vw;
  height: 80vh;
  border-radius: 2.6042vw;
  border: none;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {

  .custom-iframe {
    height: 270px;
  }
  .fixed_phone {
    display: block !important;
    position: fixed;
    top: 50%;
    left: 50%;
    bottom: unset;
    transform: translate(-50%, -50%);
    width: 90vw;
    border-radius: 15px;
    background: #D6D9E0;
    padding: 30px 20px
  }

  .fixed_phone .bg {
    display: none
  }

  .fixed_phone .fixed_box {
    position: unset;
    transform: unset;
    padding: 0
  }

  .fixed_phone .fixed_box .fixed_box_title {
    margin-bottom: 20px
  }

  .fixed_phone .fixed_box .fixed_box_title .cn {
    margin: -10px 0 0
  }

  .fixed_phone .fixed_box form {
    gap: 15px 0;
    display: none
  }

  .fixed_phone .fixed_box form.show {
    display: flex
  }

  .fixed_phone .fixed_box form .button {
    margin: 20px 0 0
  }

  .fixed_phone .fixed_box form .button button {
    width: 100px;
    height: 40px;
    border-radius: 20px
  }

  .fixed_phone .fixed_box form .i_p {
    width: 100%
  }

  .fixed_phone .fixed_box form .i_p img {
    right: 10px
  }

  .fixed_phone .fixed_box form input {
    width: 100%;
    height: 40px;
    border-radius: 9px;
    padding: 0 10px;
    font-size: 14px
  }

  .fixed_phone .fixed_box form .info {
    width: 100%;
    margin: 15px 0 0
  }

  .fixed_phone .fixed_box form .info .ewm_box .ewm {
    width: 60px;
    height: 60px
  }

  .fixed_phone .fixed_box form .info .ewm_box p {
    width: 60px;
    height: 60px
  }

  .fixed_phone .fixed_box form .info .tel {
    margin: 16px 0 0 15px
  }

  .fixed_phone .fixed_box form .select {
    width: 100%;
    height: 40px;
    border-radius: 9px
  }

  .fixed_phone .fixed_box form .select .select_p {
    padding: 0 10px;
    font-size: 14px
  }

  .fixed_phone .fixed_box form .select .select_box {
    top: 44px;
    border-radius: 6px;
    padding: 5px 0
  }

  .fixed_phone .fixed_box form .select .select_box .select_box_item_common {
    height: 40px;
    padding: 0 15px
  }

  .fixed_phone .fixed_box form .select .select_box .select_box_item_common p {
    font-size: 14px
  }

  .fixed_phone .fixed_box form .select .select_box .select_box_item_common .cir {
    width: 12px;
    height: 12px
  }

  .fixed_phone .fixed_box form .select .select_box .select_box_item_common .cir:after {
    width: 6px;
    height: 6px
  }

  .fixed_phone .fixed_box form .select .select_box.select_box_address {
    padding: 0
  }

  .fixed_phone .fixed_box form .select .select_box.select_box_address .first,
  .fixed_phone .fixed_box form .select .select_box.select_box_address .second,
  .fixed_phone .fixed_box form .select .select_box.select_box_address .third {
    padding: 6px 0;
    overflow-y: scroll;
    max-height: 155px
  }

  .fixed_phone .fixed_box form .select .select_box .select_box_item {
    height: 40px;
    padding: 0 15px
  }

  .fixed_phone .fixed_box form .select .select_box .select_box_item p {
    font-size: 14px
  }

  .fixed_phone .fixed_box form .select .select_box .select_box_item .cir {
    width: 12px;
    height: 12px
  }

  .fixed_phone .fixed_box form .select .select_box .select_box_item .cir:after {
    width: 6px;
    height: 6px
  }

  .fixed_phone .fixed_box .success_box {
    width: 100%;
    height: 425px;
    justify-content: flex-start;
    gap: 0 20px;
    padding: 150px 0 0;
    display: none;
    flex-direction: column
  }

  .fixed_phone .fixed_box .success_box .icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(29, 32, 136, 0.3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px
  }

  .fixed_phone .fixed_box .success_box .icon .cir {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1D2088
  }

  .fixed_phone .fixed_box .success_box .icon .cir img {
    display: block;
    width: 25px
  }

  .fixed_phone .fixed_box .success_box p {
    color: #000;
    font-weight: 400;
    line-height: 1.6;
    text-align: center
  }

  .fixed_phone .fixed_box .success_box.show {
    display: flex
  }

  .fixed_phone.on {
    opacity: 1;
    pointer-events: auto
  }

  .f_10 {
    font-size: 10px
  }

  .sec1 .sec1_top {
    padding: 100px 5vw 40px
  }

  .sec1 .sec1_top .label {
    padding: 5px 15px;
    border-radius: 50px;
    margin: 6px 0 0
  }

  .sec2 {
    padding: 60px 5vw;
    display: block
  }

  .sec2 .l {
    width: 100%;
    margin: 0 0 30px
  }

  .sec2 .r .r_title {
    margin-bottom: 25px
  }

  .sec2 .r .labels .label {
    width: auto;
    border-radius: 15px;
    padding: 10px 15px
  }

  .sec2 .r .labels .label:not(:last-child) {
    margin-bottom: 10px
  }

  .sec2 .r .r_box {
    width: 100%
  }

  .sec2 .r .r_box .r_item {
    width: 100%
  }

  .sec2 .r .r_box .r_item .block {
    height: 60px
  }

  .sec2 .r .r_box .r_item .block .jia {
    width: 24px;
    height: 24px
  }

  .sec2 .r .r_box .r_item .block .jia span {
    width: 12px
  }

  .sec2 .r .r_box .r_item .none .none_box1 {
    gap: 20px;
    padding: 15px 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }

  .sec2 .r .r_box .r_item .none .none_box2 {
    justify-content: left;
    gap: 15px;
  }

  .sec2 .r .r_box .r_item .none .none_box1 .perfor_item .icon {
    width: 30px;
    height: 30px;
    margin: 0 auto 5px
  }

  .sec2 .r .r_box .r_item .none .none_box2 .none_box_item .icon {
    width: 36px
  }

  .sec2 .r .form_btn {
    margin: 50px 0 0
  }

  .sec2 .r .form_btn .form_btn_box {
    z-index: 1
  }

  .sec2 .r .form_btn .form_btn_box .fixed {
    display: none;
    left: 0;
    width: 90vw;
    border-radius: 15px;
    background: #D6D9E0;
    padding: 30px 20px
  }

  .sec2 .r .form_btn .form_btn_box .fixed .bg {
    display: none
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box {
    position: unset;
    transform: unset;
    padding: 0
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box .fixed_box_title {
    margin-bottom: 20px
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box .fixed_box_title .cn {
    margin: -10px 0 0
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form {
    gap: 15px 0
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .button {
    margin: 20px 0 0
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .button button {
    width: 100px;
    height: 40px;
    border-radius: 20px
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form input {
    width: 100%;
    height: 40px;
    border-radius: 9px;
    padding: 0 10px;
    font-size: 14px
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .info {
    width: 100%;
    margin: 15px 0 0
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .info .ewm_box .ewm {
    width: 60px;
    height: 60px
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .info .ewm_box p {
    width: 60px;
    height: 60px
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .info .tel {
    margin: 16px 0 0 15px
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .select {
    width: 100%;
    height: 40px;
    border-radius: 9px
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .select .select_p {
    padding: 0 10px;
    font-size: 14px
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .select .select_box {
    top: 44px;
    border-radius: 6px;
    padding: 5px 0
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .select .select_box .select_box_item_common {
    height: 40px;
    padding: 0 15px
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .select .select_box .select_box_item_common p {
    font-size: 14px
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .select .select_box .select_box_item_common .cir {
    width: 12px;
    height: 12px
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .select .select_box .select_box_item_common .cir:after {
    width: 6px;
    height: 6px
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .select .select_box.select_box_address {
    padding: 0
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .select .select_box.select_box_address .first,
  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .select .select_box.select_box_address .second,
  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .select .select_box.select_box_address .third {
    padding: 6px 0;
    overflow-y: scroll;
    max-height: 155px
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .select .select_box .select_box_item {
    height: 40px;
    padding: 0 15px
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .select .select_box .select_box_item p {
    font-size: 14px
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .select .select_box .select_box_item .cir {
    width: 12px;
    height: 12px
  }

  .sec2 .r .form_btn .form_btn_box .fixed .fixed_box form .select .select_box .select_box_item .cir:after {
    width: 6px;
    height: 6px
  }

  .sec2 .r .form_btn .form_btn_box .form_btn_item {
    width: 120px;
    height: 40px;
    border-radius: 25px
  }

  .sec4 {
    padding: 50px 0
  }

  .sec4 .video {
    height: auto
  }

  .sec4 .video .play img {
    width: 100px
  }

  .sec4 .video .play .playImg {
    width: 50px
  }

  .sec5 .content .item {
    width: 100%
  }

  .sec5 .content .item .img {
    height: 60vw
  }

  .sec5 .content .item .table {
    width: 100%;
    margin: 30px 0 0 !important
  }

  .sec5 .content .item .table h5 {
    padding: 0 15px;
    margin-bottom: 20px
  }

  .sec5 .content .item .table table tr td {
    padding: 10px 10px;
    font-size: 14px;
    white-space: nowrap
  }

  .sec5 .content .item .table table tr td img {
    max-width: 80%
  }

  .sec6 {
    padding: 20px 5vw
  }

  .sec6 .list {
    margin: 40px 0 0
  }

  .sec6 .list .item .block {
    height: 60px
  }

  .sec6 .list .item .block .jia {
    width: 30px;
    height: 30px
  }

  .sec6 .list .item .block .jia span {
    width: 12px
  }

  .sec6 .list .item .block .l {
    width: 80%
  }

  .sec6 .list .item .block .l p {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .sec6 .list .item .none {
    padding: 20px 0
  }

  .sec6 .list .item .none p {
    font-size: 14px;
    line-height: 24px
  }

  .sec6 .list .item .none p span {
    font-size: 16px;
    line-height: 24px
  }

  .sec7 {
    padding: 40px 5vw
  }

  .sec7 .swiper {
    width: 100%
  }

  .sec7 .swiper .swiper-slide {
    display: block
  }

  .sec7 .swiper .swiper-slide .l {
    width: 100%;
    border-radius: 50vw 50vw 0 0;
    height: unset;
    display: block;
    padding: 10vw
  }

  .sec7 .swiper .swiper-slide .l .img {
    width: 70vw;
    height: 70vw;
    margin-bottom: 30px
  }

  .sec7 .swiper .swiper-slide .l .l_text {
    width: 110%;
    position: relative;
    left: -5%
  }

  .sec7 .swiper .swiper-slide .l .l_text .line {
    width: 20px;
    margin: 15px 0
  }

  .sec7 .swiper .swiper-slide .r {
    width: 100%;
    height: 92vw
  }

  .sec7 .swiper .btns {
    position: unset;
    gap: 0 10px;
    justify-content: center;
    margin: 20px 0 0
  }

  .sec7 .swiper .btns .jt {
    width: 40px;
    height: 40px
  }

  .sec7 .swiper .btns .jt img {
    width: 24px
  }

  .sec8 {
    padding: 40px 5vw;
    display: block
  }

  .sec8 .l {
    width: 100%;
    height: 90vw;
    border-radius: 15px;
    margin-bottom: 10px
  }

  .sec8 .r {
    width: 100%;
    gap: 10px
  }

  .sec8 .r .img {
    width: 35vw;
    height: 32vw !important;
    border-radius: 15px
  }

  .sec8 .r .img.img1 {
    width: calc(55vw - 10px)
  }

  .sec9 {
    padding: 20px 5vw 50px
  }

  .sec9 .sec9_swiper {
    margin: 30px 0 0
  }

  .sec9 .sec9_swiper .swiper-slide .item {
    border-radius: 15px;
    height: 105vw
  }

  .sec9 .sec9_swiper .swiper-slide .item .label {
    top: 20px;
    right: 20px;
    padding: 0 15px;
    height: 30px;
    border-radius: 30px
  }

  .sec9 .sec9_swiper .swiper-slide .item .txt {
    left: 20px;
    bottom: 20px
  }

  .sec9 .sec9_swiper .swiper-pagination {
    gap: 0 10px;
    margin: 40px 0 0
  }

  .sec9 .sec9_swiper .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px
  }
}