.pro-model .inner {
  padding-top: clamp(70px, 7.29166667vw, 140px);
  padding-bottom: clamp(70px, 7.29166667vw, 140px)
}
.product-list {
  margin-bottom: clamp(20px, 2.08333333vw, 40px);
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: clamp(40px, 4.16666667vw, 80px) clamp(40px, 4.16666667vw, 80px)
}
.product-list .p-item {
  padding: clamp(20px, 2.08333333vw, 40px);
  border: 1px solid #E5E5E5;
  border-radius: clamp(12px, 1.25vw, 24px)
}
.product-list .p-item:hover .content .s-title {
  color: #000
}
.product-list .p-item:hover .content .b-title {
  color: #073D87
}
.product-list .p-item:hover img {
  transition: all .5s;
  transform: scale(1.05)
}
.product-list .p-item .img {
  width: 100%;
  background: #F5F5F5;
  border-radius: clamp(12px, 1.25vw, 24px)
}
.product-list .p-item .content {
  width: 100%;
  margin-top: clamp(20px, 2.08333333vw, 40px);
  padding-top: clamp(30px, 3.125vw, 60px);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid #E5E5E5
}
.product-list .p-item .content .s-title {
  transition: all .3s linear;
  font-size: 16px;
  color: #888888;
  margin-bottom: clamp(20px, 2.08333333vw, 40px)
}
@media (max-width:1366px) {
  .product-list .p-item .content .s-title {
    font-size: 14px
  }
}
@media (max-width:1024px) {
  .product-list .p-item .content .s-title {
    font-size: 13px
  }
}
@media (max-width:768px) {
  .product-list .p-item .content .s-title {
    font-size: 12px
  }
}
.product-list .p-item .content .b-title {
  transition: all .3s linear;
  font-size: 24px;
  
  color: #E98A18;
  margin-bottom: clamp(20px, 2.08333333vw, 40px)
}
@media (max-width:1600px) {
  .product-list .p-item .content .b-title {
    font-size: 22px
  }
}
@media (max-width:1460px) {
  .product-list .p-item .content .b-title {
    font-size: 21px
  }
}
@media (max-width:1366px) {
  .product-list .p-item .content .b-title {
    font-size: 20px
  }
}
@media (max-width:1024px) {
  .product-list .p-item .content .b-title {
    font-size: 18px
  }
}
@media (max-width:768px) {
  .product-list .p-item .content .b-title {
    font-size: 16px
  }
}
.product-phone {
  display: none;
  width: 100%
}
.product-phone .swiper {
  padding-bottom: 60px
}
.product-phone .p-item {
  width: 100% padding:clamp(20px, 2.08333333vw, 40px);
  ;
  border: 1px solid #E5E5E5;
  border-radius: clamp(12px, 1.25vw, 24px)
}
.product-phone .p-item .img {
  width: 100%;
  background: #F5F5F5;
  border-radius: clamp(12px, 1.25vw, 24px)
}
.product-phone .p-item .content {
  width: 100%;
  padding-top: 10px;
  padding-top: clamp(30px, 3.125vw, 60px);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid #E5E5E5
}
.product-phone .p-item .content .s-title {
  font-size: 16px;
  
  color: #888888;
  margin-bottom: clamp(20px, 2.08333333vw, 40px)
}
@media (max-width:1366px) {
  .product-phone .p-item .content .s-title {
    font-size: 14px
  }
}
@media (max-width:1024px) {
  .product-phone .p-item .content .s-title {
    font-size: 13px
  }
}
@media (max-width:768px) {
  .product-phone .p-item .content .s-title {
    font-size: 12px
  }
}
.product-phone .p-item .content .b-title {
  font-size: 24px;
  
  color: #E98A18;
  margin-bottom: clamp(20px, 2.08333333vw, 40px)
}
@media (max-width:1600px) {
  .product-phone .p-item .content .b-title {
    font-size: 22px
  }
}
@media (max-width:1460px) {
  .product-phone .p-item .content .b-title {
    font-size: 21px
  }
}
@media (max-width:1366px) {
  .product-phone .p-item .content .b-title {
    font-size: 20px
  }
}
@media (max-width:1024px) {
  .product-phone .p-item .content .b-title {
    font-size: 18px
  }
}
@media (max-width:768px) {
  .product-phone .p-item .content .b-title {
    font-size: 16px
  }
}
@media (max-width:990px) {
  .product-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px
  }
  .product-list .content {
    margin-top: 10px !important;
    padding-top: 10px !important
  }
  .product-list .content .s-title {
    margin-bottom: 10px !important
  }
  .product-list .content .b-title {
    margin: 0 !important
  }
  .product-phone {
    display: none
  }
}
.product-d {
  width: 100%
}
.pd-model1 {
  width: 100%;
}
.pd-model1 .inner {
  /*padding-top: clamp(30px, 3.125vw, 60px);
  padding-bottom: clamp(60px, 6.25vw, 120px);*/
  display: flex;
  justify-content: space-between;
  height: -webkit-fill-available
}

.pd-model1 .inner .m1-left .swiperInfo {
  width: 100%
}
.pd-model1 .inner .m1-left .swiperInfo .swiper_boxa {
  width: 100%;
  overflow: hidden
}
.pd-model1 .inner .m1-left .swiperInfo .swiper_boxa ul li {
  width: 100%;
  border-radius: clamp(12px, 1.25vw, 24px);
  background: #fff
}
.pd-model1 .inner .m1-left .swiperInfo .swiper_boxa ul li .centerInfo .pb {
  padding-bottom: 100%
}
.pd-model1 .inner .m1-left .swiperInfo .swiper_boxa ul li .centerInfo .pb .ab {
  display: flex;
  justify-content: center;
  align-items: center
}
.pd-model1 .inner .m1-left .swiperInfo .swiper_boxa ul li .centerInfo .pb .ab img {
  max-width: 85%;
  max-height: 85%
}
.pd-model1 .inner .m1-left .swiperInfo .swiBox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: clamp(10px, 1.04166667vw, 20px)
}
.pd-model1 .inner .m1-left .swiperInfo .swiBox .swiper_boxb {
  overflow: hidden;
  width: 100%
}
.pd-model1 .inner .m1-left .swiperInfo .swiBox .swiper_boxb ul li .centerInfo {
  background: #fff;
  border-radius: 12px;
  cursor: pointer;
  transition: all .2s linear
}
.pd-model1 .inner .m1-left .swiperInfo .swiBox .swiper_boxb ul li .centerInfo .pb .ab {
  display: flex;
  align-items: center;
  justify-content: center
}
.pd-model1 .inner .m1-left .swiperInfo .swiBox .swiper_boxb ul li .centerInfo .pb .ab img {
  max-width: 85%;
  max-height: 85%
}

.pd-model1 .inner .m1-right .r-wrap .return-btn {
  display: flex; float:right;
}
.pd-model1 .inner .m1-right .r-wrap .return-btn .img, .img {
  margin-right: 10px
}
.img {
  margin-right: 10px; float:left; line-height:26px;
}
.return-btn  { text-align: right}
.pd-model1 .inner .m1-right .r-wrap .return-btn .itext, .itext  {
  color: #f28b00;
  
  font-size: 16px
}
.itext i { margin-right:10px; font-size:20px;}
@media (max-width:1366px) {
  .pd-model1 .inner .m1-right .r-wrap .return-btn .itext {
    font-size: 14px
  }
}
@media (max-width:1024px) {
  .pd-model1 .inner .m1-right .r-wrap .return-btn .itext {
    font-size: 13px
  }
}
@media (max-width:768px) {
  .pd-model1 .inner .m1-right .r-wrap .return-btn .itext {
    font-size: 12px
  }
}
.pd-model1 .inner .m1-right .r-wrap .m-title {
  line-height: 100%;
  margin:30px 0;
  color: #0a4089;
  font-size: 30px
}
@media (max-width:1600px) {
  .pd-model1 .inner .m1-right .r-wrap .m-title {
    font-size: 36px
  }
}
@media (max-width:1460px) {
  .pd-model1 .inner .m1-right .r-wrap .m-title {
    font-size: 32px
  }
}
@media (max-width:1366px) {
  .pd-model1 .inner .m1-right .r-wrap .m-title {
    font-size: 30px
  }
}
@media (max-width:1024px) {
  .pd-model1 .inner .m1-right .r-wrap .m-title {
    font-size: 30px
  }
}
@media (max-width:768px) {
  .pd-model1 .inner .m1-right .r-wrap .m-title {
    font-size: 24px
  }
}
.pd-model1 .inner .m1-right .r-wrap .m-text {
  margin: 10px 0; display:inline-block;
  color: #f28b00;
  font-size: 20px;
}
@media (max-width:1600px) {
  .pd-model1 .inner .m1-right .r-wrap .m-text {
    font-size: 18px
  }
}
@media (max-width:1460px) {
  .pd-model1 .inner .m1-right .r-wrap .m-text {
    font-size: 17px
  }
}
@media (max-width:1366px) {
  .pd-model1 .inner .m1-right .r-wrap .m-text {
    font-size: 16px
  }
}
@media (max-width:1024px) {
  .pd-model1 .inner .m1-right .r-wrap .m-text {
    font-size: 15px
  }
}
@media (max-width:768px) {
  .pd-model1 .inner .m1-right .r-wrap .m-text {
    font-size: 16px
  }
}
.pd-model1 .inner .m1-right .r-wrap .s-text {
  margin-bottom: clamp(7.5px, .78125vw, 15px);

}
.detail .s-text p {
  font-size: 16px!important;

}
@media (max-width:1366px) {
  .pd-model1 .inner .m1-right .r-wrap .s-text {
    font-size: 14px
  }
}
@media (max-width:1024px) {
  .pd-model1 .inner .m1-right .r-wrap .s-text {
    font-size: 14px
  }
}
@media (max-width:768px) {
  .pd-model1 .inner .m1-right .r-wrap .s-text {
    font-size: 14px
  }
}
.pd-model1 .inner .m1-right .r-wrap .checkbox-form {
  margin: clamp(12.5px, 1.30208333vw, 25px) 0 clamp(0, 0, 0);
  padding-top: clamp(10px, 1.04166667vw, 20px);
  padding-bottom: clamp(10px, 1.04166667vw, 20px);
  border-top: 1px solid #B5C9E8;
  border-bottom: 1px solid #B5C9E8
}
.pd-model1 .inner .m1-right .r-wrap .checkbox-form .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px
}
.pd-model1 .inner .m1-right .r-wrap .checkbox-form .list .item {
  pointer-events: none;
  cursor: pointer;
  color: #000;
  font-size: 14px;
  background: #fff;
  border-radius: clamp(5px, .52083333vw, 10px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: clamp(5px, .52083333vw, 10px);
  padding-right: clamp(5px, .52083333vw, 10px);
  padding-top: clamp(7.5px, .78125vw, 15px);
  padding-bottom: clamp(7.5px, .78125vw, 15px)
}
@media (max-width:1366px) {
  .pd-model1 .inner .m1-right .r-wrap .checkbox-form .list .item {
    font-size: 13px
  }
}
@media (max-width:1024px) {
  .pd-model1 .inner .m1-right .r-wrap .checkbox-form .list .item {
    font-size: 12px
  }
}
.pd-model1 .inner .m1-right .r-wrap .checkbox-form .list .item #myCheckbox {
  border-radius: 50%
}
.pd-model1 .inner .m1-right .r-wrap .checkbox-form .list .item input {
  display: inline-block;
  padding-left: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 21px;
  height: 21px;
  border: 1px solid #B5C9E8;
  border-radius: 50%;
  margin-right: 10px
}
.pd-model1 .inner .m1-right .r-wrap .checkbox-form .list .item input:checked {
  position: relative
}
.pd-model1 .inner .m1-right .r-wrap .checkbox-form .list .item input:checked::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  width: 9px;
  height: 9px;
  background: url("../images/dot.png") no-repeat;
  background-size: contain
}
.pd-model1 .inner .m1-right .r-wrap .detail {
  padding-right: 20px;
  height: auto;
  margin-bottom: 30px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #142c57 #d4d6d7
}
.pd-model1 .inner .m1-right .r-wrap .detail::-webkit-scrollbar {
  display: none;
  width: 5px;
  height: 5px;
  background-color: #d4d6d7
}
.pd-model1 .inner .m1-right .r-wrap .detail::-webkit-scrollbar-thumb {
  display: none;
  background-color: #142c57;
  border-radius: 10px
}
.pd-model1 .inner .m1-right .r-wrap .detail::-webkit-scrollbar-track {
  display: none;
  border-radius: 0;
  background: rgba(226, 226, 226, 0.76)
}
.pd-model1 .inner .m1-right .r-wrap .detail:hover::-webkit-scrollbar, .pd-model1 .inner .m1-right .r-wrap .detail:hover::-webkit-scrollbar-thumb, .pd-model1 .inner .m1-right .r-wrap .detail:hover::-webkit-scrollbar-track {
  display: block
}
.pd-model1 .inner .phone-title {
  display: none
}
.pd-model2 {
  background: #fff;
  transform: translateY(-40px);
  border-radius: clamp(30px, 3.125vw, 60px)
}
.pd-model2 .inner {
  padding-top: clamp(70px, 7.29166667vw, 140px);
  padding-bottom: clamp(70px, 7.29166667vw, 140px)
}
.pd-model2 .inner .title {
  padding-bottom: clamp(20px, 2.08333333vw, 40px);
  border-bottom: 1px solid #000;
  font-size: 40px;
  
  color: #21294D;
  margin-bottom: clamp(20px, 2.08333333vw, 40px)
}
@media (max-width:1680px) {
  .pd-model2 .inner .title {
    font-size: 35px
  }
}
@media (max-width:1440px) {
  .pd-model2 .inner .title {
    font-size: 30px
  }
}
@media (max-width:1280px) {
  .pd-model2 .inner .title {
    font-size: 27px
  }
}
@media (max-width:1024px) {
  .pd-model2 .inner .title {
    font-size: 22px
  }
}
.pd-model2 .inner .table-form {
  width: 100%
}
.pd-model2 .inner .table-form table {
  width: 100% !important
}
.pd-model2 .inner .table-form .table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: clamp(30px, 3.125vw, 60px)
}
.pd-model2 .inner .table-form .table .thead-light {
  width: 100%
}
.pd-model2 .inner .table-form .table .thead-light .hang {
  display: flex;
  justify-content: space-between;
  background: #0A3877;
  width: 100%;
  font-size: 20px;
  
  color: #fff;
  border-radius: clamp(5px, .52083333vw, 10px)
}
@media (max-width:1600px) {
  .pd-model2 .inner .table-form .table .thead-light .hang {
    font-size: 18px
  }
}
@media (max-width:1460px) {
  .pd-model2 .inner .table-form .table .thead-light .hang {
    font-size: 17px
  }
}
@media (max-width:1366px) {
  .pd-model2 .inner .table-form .table .thead-light .hang {
    font-size: 16px
  }
}
@media (max-width:1024px) {
  .pd-model2 .inner .table-form .table .thead-light .hang {
    font-size: 15px
  }
}
@media (max-width:768px) {
  .pd-model2 .inner .table-form .table .thead-light .hang {
    font-size: 14px
  }
}
.pd-model2 .inner .table-form .table .thead-light .hang > div {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: clamp(17.5px, 1.82291667vw, 35px);
  padding-bottom: clamp(17.5px, 1.82291667vw, 35px);
  border-right: 2px solid #fff
}
.pd-model2 .inner .table-form .table .thead-light .hang > div:nth-child(1) {
  width: 29.3%;
  flex: initial
}
.pd-model2 .inner .table-form .table .noral-body {
  width: 100%;
  color: #21294D;
  
  font-size: 14px
}
@media (max-width:1366px) {
  .pd-model2 .inner .table-form .table .noral-body {
    font-size: 13px
  }
}
@media (max-width:1024px) {
  .pd-model2 .inner .table-form .table .noral-body {
    font-size: 12px
  }
}
.pd-model2 .inner .table-form .table .noral-body > .hang {
  width: 100%;
  border-radius: clamp(5px, .52083333vw, 10px);
  display: flex
}
.pd-model2 .inner .table-form .table .noral-body > .hang:nth-child(odd) {
  background: #DBE7F2
}
.pd-model2 .inner .table-form .table .noral-body > .hang:nth-child(even) {
  background: #fff
}
.pd-model2 .inner .table-form .table .noral-body > .hang > div {
  flex: 1;
  padding-top: clamp(11px, 1.14583333vw, 22px);
  padding-bottom: clamp(11px, 1.14583333vw, 22px);
  border-right: 2px solid #fff;
  text-align: center
}
.pd-model2 .inner .table-form .table .noral-body > .hang > div:nth-child(1) {
  width: 29.3%;
  flex: initial;
  border-bottom-left-radius: clamp(5px, .52083333vw, 10px);
  border-top-left-radius: clamp(5px, .52083333vw, 10px)
}
.pd-model2 .inner .table-form .table .noral-body > .hang > div:last-child {
  width: 29.6%;
  border-bottom-right-radius: clamp(5px, .52083333vw, 10px);
  border-top-right-radius: clamp(5px, .52083333vw, 10px)
}
.pd-model2 .inner .table-form .table .noral-body > .hang .noradius {
  border-radius: 0 !important
}
.pd-model2 .inner .table-form .table .noral-body .split {
  display: flex
}
.pd-model2 .inner .table-form .table .noral-body .split > .left {
  width: 29.3%;
  display: flex;
  justify-content: space-between;
  height: -webkit-fill-available
}
.pd-model2 .inner .table-form .table .noral-body .split > .left > .hang {
  width: 50%;
  display: flex;
  justify-content: space-between
}
.pd-model2 .inner .table-form .table .noral-body .split > .left > .hang:nth-child(1) {
  width: 100%;
  flex: 1
}
.pd-model2 .inner .table-form .table .noral-body .split > .left > .hang:nth-child(1) div {
  justify-content: center;
  text-align: center !important;
  align-items: center;
  width: 100%;
  border-top-left-radius: clamp(5px, .52083333vw, 10px);
  border-bottom-left-radius: clamp(5px, .52083333vw, 10px)
}
.pd-model2 .inner .table-form .table .noral-body .split > .left > .hang:nth-child(2) {
  flex-direction: column
}
.pd-model2 .inner .table-form .table .noral-body .split > .left > .hang > div {
  text-align: center;
  display: flex;
  justify-content: center;
  padding-top: clamp(11px, 1.14583333vw, 22px);
  padding-bottom: clamp(11px, 1.14583333vw, 22px);
  border-right: 2px solid #fff
}
.pd-model2 .inner .table-form .table .noral-body .split > .left > .hang > div:nth-child(odd) {
  background: #DBE7F2
}
.pd-model2 .inner .table-form .table .noral-body .split > .left > .hang > div:nth-child(even) {
  background: #fff
}
.pd-model2 .inner .table-form .table .noral-body .split .right {
  width: 70.4%
}
.pd-model2 .inner .table-form .table .noral-body .split .right .hang {
  border-top-right-radius: clamp(5px, .52083333vw, 10px);
  border-bottom-right-radius: clamp(5px, .52083333vw, 10px);
  width: 100%;
  display: flex;
  flex: 1;
  justify-content: space-between
}
.pd-model2 .inner .table-form .table .noral-body .split .right .hang > div {
  text-align: center;
  width: 100%;
  flex: 1;
  padding-top: clamp(11px, 1.14583333vw, 22px);
  padding-bottom: clamp(11px, 1.14583333vw, 22px);
  border-right: 2px solid #fff
}
.pd-model2 .inner .table-form .table .noral-body .split .right .hang:nth-child(odd) {
  background: #DBE7F2
}
.pd-model2 .inner .table-form .table .noral-body .split .right .hang:nth-child(even) {
  background: #fff
}
.pd-model2 .inner .table-form .table .noral-body .split td {
  border-bottom: 2px solid #fff
}
.pd-model2 .inner .table-form .table .noral-body .lbj {
  background: #DBE7F2 !important
}
.pd-model2 .inner .table-form .table .noral-body .bbj {
  background: #fff !important
}
.pd-model2 .inner .table-form1 {
  display: none;
  width: 100%
}
.pd-model2 .inner .table-form1 .table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: clamp(30px, 3.125vw, 60px)
}
.pd-model2 .inner .table-form1 .table .thead-light {
  width: 100%
}
.pd-model2 .inner .table-form1 .table .thead-light tr {
  background: #0A3877;
  width: 100%;
  font-size: 20px;
  
  color: #fff
}
@media (max-width:1600px) {
  .pd-model2 .inner .table-form1 .table .thead-light tr {
    font-size: 18px
  }
}
@media (max-width:1460px) {
  .pd-model2 .inner .table-form1 .table .thead-light tr {
    font-size: 17px
  }
}
@media (max-width:1366px) {
  .pd-model2 .inner .table-form1 .table .thead-light tr {
    font-size: 16px
  }
}
@media (max-width:1024px) {
  .pd-model2 .inner .table-form1 .table .thead-light tr {
    font-size: 15px
  }
}
@media (max-width:768px) {
  .pd-model2 .inner .table-form1 .table .thead-light tr {
    font-size: 14px
  }
}
.pd-model2 .inner .table-form1 .table .thead-light tr th {
  width: 11.6%;
  padding-top: clamp(17.5px, 1.82291667vw, 35px);
  padding-bottom: clamp(17.5px, 1.82291667vw, 35px);
  border-right: 2px solid #fff
}
.pd-model2 .inner .table-form1 .table .thead-light tr th:nth-child(1) {
  width: 29.3%;
  border-bottom-left-radius: clamp(5px, .52083333vw, 10px);
  border-top-left-radius: clamp(5px, .52083333vw, 10px)
}
.pd-model2 .inner .table-form1 .table .thead-light tr th:last-child {
  border-bottom-right-radius: clamp(5px, .52083333vw, 10px);
  border-top-right-radius: clamp(5px, .52083333vw, 10px)
}
.pd-model2 .inner .table-form1 .table tbody {
  width: 100%;
  color: #21294D;
  
  font-size: 14px
}
@media (max-width:1366px) {
  .pd-model2 .inner .table-form1 .table tbody {
    font-size: 13px
  }
}
@media (max-width:1024px) {
  .pd-model2 .inner .table-form1 .table tbody {
    font-size: 12px
  }
}
.pd-model2 .inner .table-form1 .table tbody tr {
  width: 100%
}
.pd-model2 .inner .table-form1 .table tbody tr:nth-child(odd) {
  background: #DBE7F2
}
.pd-model2 .inner .table-form1 .table tbody tr:nth-child(even) {
  background: #fff
}
.pd-model2 .inner .table-form1 .table tbody tr td {
  padding-top: clamp(11px, 1.14583333vw, 22px);
  padding-bottom: clamp(11px, 1.14583333vw, 22px);
  border-right: 2px solid #fff;
  text-align: center
}
.pd-model2 .inner .table-form1 .table tbody tr td:nth-child(1) {
  width: 29.6%;
  border-bottom-left-radius: clamp(5px, .52083333vw, 10px);
  border-top-left-radius: clamp(5px, .52083333vw, 10px)
}
.pd-model2 .inner .table-form1 .table tbody tr td:last-child {
  width: 29.6%;
  border-bottom-right-radius: clamp(5px, .52083333vw, 10px);
  border-top-right-radius: clamp(5px, .52083333vw, 10px)
}
.pd-model2 .inner .table-form1 .table tbody tr .noradius {
  border-radius: 0 !important
}
.pd-model2 .inner .table-form1 .table tbody .split td {
  border-bottom: 2px solid #fff
}
@media (max-width:1400px) {
  .pd-model1 .inner .m1-right {
    width: 52%
  }
  .pd-model1 .inner .m1-right .r-wrap .checkbox-form .list {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px
  }
  .pd-model1 .inner .m1-right .r-wrap .checkbox-form .list .item input {
    min-width: 15px;
    min-height: 15px;
    width: auto;
    height: auto
  }
  .pd-model1 .inner .m1-right .r-wrap .m-title {
    margin: 20px 0
  }
}
@media (max-width:990px) {
  .pd-model1 .inner {
    height: auto !important;
    flex-direction: column
  }
  .pd-model1 .inner .m1-left, .pd-model1 .inner .m1-right {
    width: 100%;
    margin-bottom: 20px
  }
  .pd-model1 .inner .m1-left .swiperInfo .swiper_boxa ul li .centerInfo .pb {
    padding-bottom: 88%
  }
  .pd-model1 .inner .m1-left .swiperInfo .swiper_boxa ul li .centerInfo .pb .ab {
    width: 70%;
    right: 0;
    margin: auto;
    top: 0
  }
  .pd-model1 .inner .return-btn {
    align-items: center;
    margin-top: 0 !important
  }
  .pd-model1 .inner .m1-right .r-wrap .checkbox-form .list {
    grid-template-columns: repeat(2, 1fr)
  }
  /*.pd-model1 .inner .m1-right .r-wrap .return-btn {
    display: none
  }
  .pd-model1 .inner .m1-right .r-wrap .m-title {
    display: none
  }*/
  .pd-model2 .inner .table-form {
    overflow: auto
  }
  .pd-model2 .inner .table-form .table {
    width: 600px
  }
  .phone-title {
    display: flex !important;
    flex-direction: column
  }
  .phone-title .return-btn {
    display: flex;
    margin-top: clamp(20px, 2.08333333vw, 40px)
  }
  .phone-title .return-btn .img {
    margin-right: 10px
  }
  .phone-title .return-btn .itext {
    color: #21294D;
    
    font-size: 16px
  }
  .phone-title .m-title {
    line-height: 1;
    margin: clamp(10px, 1.04166667vw, 20px) 0 clamp(20px, 2.08333333vw, 40px);
    color: #21294D;
    
    font-size: 60px
  }
}
@media (max-width:990px) and (max-width:1366px) {
  .phone-title .return-btn .itext {
    font-size: 14px
  }
}
@media (max-width:990px) and (max-width:1024px) {
  .phone-title .return-btn .itext {
    font-size: 13px
  }
}
@media (max-width:990px) and (max-width:768px) {
  .phone-title .return-btn .itext {
    font-size: 12px
  }
}
@media (max-width:990px) and (max-width:1600px) {
  .phone-title .m-title {
    font-size: 48px
  }
}
@media (max-width:990px) and (max-width:1460px) {
  .phone-title .m-title {
    font-size: 42px
  }
}
@media (max-width:990px) and (max-width:1366px) {
  .phone-title .m-title {
    font-size: 38px
  }
}
@media (max-width:990px) and (max-width:1024px) {
  .phone-title .m-title {
    font-size: 30px
  }
}
@media (max-width:990px) and (max-width:768px) {
  .phone-title .m-title {
    font-size: 24px
  }
}
.about-model {
  width: 100%;
}
.about-model .title {
  line-height: 1;
  font-size: 40px;
  
  color: #21294D
}
@media (max-width:1680px) {
  .about-model .title {
    font-size: 35px
  }
}
@media (max-width:1440px) {
  .about-model .title {
    font-size: 30px
  }
}
@media (max-width:1280px) {
  .about-model .title {
    font-size: 27px
  }
}
@media (max-width:1024px) {
  .about-model .title {
    font-size: 22px
  }
}
.about-model1 {
  background: url("../images/about16.jpg") center bottom no-repeat;
  background-size: cover;
  transform: translateY(-50px);
  border-top-left-radius: clamp(30px, 3.125vw, 60px);
  border-top-right-radius: clamp(30px, 3.125vw, 60px)
}
.about-model1 .inner {
  padding-top: clamp(70px, 7.29166667vw, 140px);
  padding-bottom: clamp(70px, 7.29166667vw, 140px)
}
.about-model1 .inner .title {
  margin-bottom: clamp(25px, 2.60416667vw, 50px)
}
.about-model1 .inner .textt {
  width: 69%;
  font-size: 18px;
  line-height: 1.66;
  color: #21294D;
  margin-bottom: clamp(55px, 5.72916667vw, 110px)
}
@media (max-width:1600px) {
  .about-model1 .inner .textt {
    font-size: 16px
  }
}
@media (max-width:1366px) {
  .about-model1 .inner .textt {
    font-size: 14px
  }
}
@media (max-width:1024px) {
  .about-model1 .inner .textt {
    font-size: 14px
  }
}
@media (max-width:768px) {
  .about-model1 .inner .textt {
    font-size: 13px
  }
}
.about-model1 .inner .Number {
  width: 100%
}
.about-model1 .inner .Number .number {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-content: space-between;
  align-items: center;
  margin-bottom: clamp(140px, 14.58333333vw, 280px)
}
.about-model1 .inner .Number .number .number-item {
  display: flex;
  flex-direction: column;
  justify-content: center
}
.about-model1 .inner .Number .number .number-item:nth-child(1) {
  padding-left: 0
}
.about-model1 .inner .Number .number .number-item .state {
  display: flex;
  margin-bottom: clamp(5px, .52083333vw, 10px)
}
.about-model1 .inner .Number .number .number-item .state .num {
  font-size: 60px;
  color: #0E3B88;
  line-height: 1;
  position: relative
}
@media (max-width:1600px) {
  .about-model1 .inner .Number .number .number-item .state .num {
    font-size: 48px
  }
}
@media (max-width:1460px) {
  .about-model1 .inner .Number .number .number-item .state .num {
    font-size: 42px
  }
}
@media (max-width:1366px) {
  .about-model1 .inner .Number .number .number-item .state .num {
    font-size: 38px
  }
}
@media (max-width:1024px) {
  .about-model1 .inner .Number .number .number-item .state .num {
    font-size: 30px
  }
}
@media (max-width:768px) {
  .about-model1 .inner .Number .number .number-item .state .num {
    font-size: 24px
  }
}
.about-model1 .inner .Number .number .number-item .state .liang {
  margin-left: clamp(7.5px, .78125vw, 15px);
  color: #0E3B88;
  -webkit-box-self: center;
  -ms-align-self: center;
  align-self: center;
  font-size: 16px
}
@media (max-width:1366px) {
  .about-model1 .inner .Number .number .number-item .state .liang {
    font-size: 14px
  }
}
@media (max-width:1024px) {
  .about-model1 .inner .Number .number .number-item .state .liang {
    font-size: 13px
  }
}
@media (max-width:768px) {
  .about-model1 .inner .Number .number .number-item .state .liang {
    font-size: 12px
  }
}
.about-model1 .inner .Number .number .number-item .state .add {
  font-size: 36px
}
@media (max-width:1600px) {
  .about-model1 .inner .Number .number .number-item .state .add {
    font-size: 28px
  }
}
@media (max-width:1460px) {
  .about-model1 .inner .Number .number .number-item .state .add {
    font-size: 24px
  }
}
@media (max-width:1366px) {
  .about-model1 .inner .Number .number .number-item .state .add {
    font-size: 22px
  }
}
@media (max-width:1024px) {
  .about-model1 .inner .Number .number .number-item .state .add {
    font-size: 20px
  }
}
@media (max-width:768px) {
  .about-model1 .inner .Number .number .number-item .state .add {
    font-size: 18px
  }
}
.about-model1 .inner .Number .number .number-item .text1 {
  color: #21294D;
  font-size: 18px;
}
@media (max-width:1600px) {
  .about-model1 .inner .Number .number .number-item .text1 {
    font-size: 16px
  }
}
@media (max-width:1366px) {
  .about-model1 .inner .Number .number .number-item .text1 {
    font-size: 14px
  }
}
@media (max-width:1024px) {
  .about-model1 .inner .Number .number .number-item .text1 {
    font-size: 14px
  }
}
@media (max-width:768px) {
  .about-model1 .inner .Number .number .number-item .text1 {
    font-size: 13px
  }
}
@media (max-width:1150px) {
  .about-model1 .inner .Number .number {
    align-items: flex-start;
    grid-template-columns: repeat(3, 1fr)
  }
  .about-model1 .inner .Number .number .number-item {
    margin-bottom: 20px
  }
}
@media (max-width:990px) {
  .about-model1 .inner .textt {
    width: 100%
  }
}
.about-model2 {
  background: linear-gradient(to bottom, #fff, #d2d9e8)
}
.about-model2 .inner {
  padding-top: clamp(60px, 6.25vw, 120px);
  padding-bottom: clamp(80px, 8.33333333vw, 160px)
}
.about-model2 .inner .title {
  padding-bottom: clamp(40px, 4.16666667vw, 80px)
}
.about-model2 .inner .m2-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  align-items: flex-start
}
.about-model2 .inner .m2-list .item {
  display: flex;
  align-items: center;
  flex-direction: column
}
.about-model2 .inner .m2-list .item .img {
  width: 15.4%
}
.about-model2 .inner .m2-list .item .i-title {
  color: #0E3B88;
  
  font-size: 24px;
  margin: clamp(0, 0, 0) 0 clamp(16.5px, 1.71875vw, 33px)
}
@media (max-width:1600px) {
  .about-model2 .inner .m2-list .item .i-title {
    font-size: 22px
  }
}
@media (max-width:1460px) {
  .about-model2 .inner .m2-list .item .i-title {
    font-size: 21px
  }
}
@media (max-width:1366px) {
  .about-model2 .inner .m2-list .item .i-title {
    font-size: 20px
  }
}
@media (max-width:1024px) {
  .about-model2 .inner .m2-list .item .i-title {
    font-size: 18px
  }
}
@media (max-width:768px) {
  .about-model2 .inner .m2-list .item .i-title {
    font-size: 16px
  }
}
.about-model2 .inner .m2-list .item .i-text {
  color: #21294D;
  font-size: 18px;
  line-height: 1.33
}
@media (max-width:1600px) {
  .about-model2 .inner .m2-list .item .i-text {
    font-size: 16px
  }
}
@media (max-width:1366px) {
  .about-model2 .inner .m2-list .item .i-text {
    font-size: 14px
  }
}
@media (max-width:1024px) {
  .about-model2 .inner .m2-list .item .i-text {
    font-size: 14px
  }
}
@media (max-width:768px) {
  .about-model2 .inner .m2-list .item .i-text {
    font-size: 13px
  }
}
@media (max-width:990px) {
  .about-model2 .inner {
    padding-top: 0
  }
  .about-model2 .inner .m2-list {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px
  }
}
.about-model3 {
  width: 100%;
  background: url("../images/about5.jpg") no-repeat;
  -webkit-animation: srmgani 4000ms 1 ease forwards;
  animation: srmgani 4000ms 1 ease forwards;
  background-size: cover;
  position: relative
}
.about-model3 .inner {
  padding-top: clamp(70px, 7.29166667vw, 140px)
}
.about-model3 .swiper-show {
  width: 100%;
  position: relative;
  overflow: visible
}
.about-model3 .swiper-show .mySwiper2 {
  overflow: visible;
  position: relative;
  width: 87.5% !important;
  margin: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.207)
}
.about-model3 .swiper-show .mySwiper2 .m3-title {
  color: #FFFFFF;
  font-size: 40px;
  
  padding-top: clamp(40px, 4.16666667vw, 80px);
  padding-bottom: clamp(40px, 4.16666667vw, 80px)
}
@media (max-width:1680px) {
  .about-model3 .swiper-show .mySwiper2 .m3-title {
    font-size: 35px
  }
}
@media (max-width:1440px) {
  .about-model3 .swiper-show .mySwiper2 .m3-title {
    font-size: 30px
  }
}
@media (max-width:1280px) {
  .about-model3 .swiper-show .mySwiper2 .m3-title {
    font-size: 27px
  }
}
@media (max-width:1024px) {
  .about-model3 .swiper-show .mySwiper2 .m3-title {
    font-size: 22px
  }
}
.about-model3 .swiper-show .mySwiper2 .m3-title span {
  color: #E89638
}
.about-model3 .swiper-show .mySwiper2 .swiper-wrapper {
  width: 100%;
  align-items: flex-end;
  overflow: visible
}
.about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
.about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide .slide-title {
  display: none
}
.about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide .slide-num {
  color: #FFFFFF;
  font-size: 18px;
  padding-top: clamp(40px, 4.16666667vw, 80px);
  padding-bottom: clamp(128px, 13.33333333vw, 256px)
}
@media (max-width:1600px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide .slide-num {
    font-size: 16px
  }
}
@media (max-width:1366px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide .slide-num {
    font-size: 14px
  }
}
@media (max-width:1024px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide .slide-num {
    font-size: 14px
  }
}
@media (max-width:768px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide .slide-num {
    font-size: 13px
  }
}
.about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide .slide-num span {
  color: #fff
}
.about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-prev {
  justify-content: flex-start
}
.about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-prev .slide-num {
  padding-left: clamp(20px, 2.08333333vw, 40px);
  align-self: flex-start
}
.about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-next {
  justify-content: flex-start
}
.about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-next .slide-num {
  margin-right: clamp(25px, 2.60416667vw, 50px);
  align-self: flex-end
}
.about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-active {
  display: flex;
  justify-content: center
}
.about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-active .slide-title {
  display: block;
  color: #FFFFFF;
  font-size: 24px;
  margin-bottom: clamp(45px, 4.6875vw, 90px)
}
@media (max-width:1600px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-active .slide-title {
    font-size: 22px
  }
}
@media (max-width:1460px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-active .slide-title {
    font-size: 21px
  }
}
@media (max-width:1366px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-active .slide-title {
    font-size: 20px
  }
}
@media (max-width:1024px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-active .slide-title {
    font-size: 18px
  }
}
@media (max-width:768px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-active .slide-title {
    font-size: 16px
  }
}
.about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-active .slide-num {
  color: #FFFFFF;
  font-size: 280px;
  padding-top: clamp(40px, 4.16666667vw, 80px);
  padding-bottom: clamp(40px, 4.16666667vw, 80px);
  font-weight: 100
}
@media (max-width:1680px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-active .slide-num {
    font-size: 245px
  }
}
@media (max-width:1440px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-active .slide-num {
    font-size: 210px
  }
}
@media (max-width:1280px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-active .slide-num {
    font-size: 187px
  }
}
@media (max-width:1024px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-active .slide-num {
    font-size: 150px
  }
}
@media (max-width:990px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-active .slide-num {
    font-size: 145px
  }
}
@media (max-width:768px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-active .slide-num {
    font-size: 112px
  }
}
@media (max-width:640px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-active .slide-num {
    font-size: 94px
  }
}
.about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-active .slide-num span {
  color: #E89638 !important
}
.about-model3 .swiper-show .mySwiper2 .swiper-btn {
  height: 30.5%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between
}
.about-model3 .swiper-show .mySwiper2 .swiper-btn .prevButton {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex
}
.about-model3 .swiper-show .mySwiper2 .swiper-btn .prevButton span {
  position: absolute;
  left: 50px;
  top: -25px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  color: #FFFFFF;
  font-size: 18px;
}
@media (max-width:1600px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-btn .prevButton span {
    font-size: 16px
  }
}
@media (max-width:1366px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-btn .prevButton span {
    font-size: 14px
  }
}
@media (max-width:1024px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-btn .prevButton span {
    font-size: 14px
  }
}
@media (max-width:768px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-btn .prevButton span {
    font-size: 13px
  }
}
.about-model3 .swiper-show .mySwiper2 .swiper-btn .nextButton {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  display: flex
}
.about-model3 .swiper-show .mySwiper2 .swiper-btn .nextButton span {
  position: absolute;
  right: 30px;
  top: -25px;
  color: #FFFFFF;
  font-size: 18px;
}
@media (max-width:1600px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-btn .nextButton span {
    font-size: 16px
  }
}
@media (max-width:1366px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-btn .nextButton span {
    font-size: 14px
  }
}
@media (max-width:1024px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-btn .nextButton span {
    font-size: 14px
  }
}
@media (max-width:768px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-btn .nextButton span {
    font-size: 13px
  }
}
.about-model3 .swiper-show .mySwiper2 .swiper-btn .swiper-button-prev {
  top: 0
}
.about-model3 .swiper-show .mySwiper2 .swiper-btn .swiper-button-prev::before {
  display: none
}
.about-model3 .swiper-show .mySwiper2 .swiper-btn .swiper-button-prev::after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: url("../images/swiper_left.png") no-repeat
}
.about-model3 .swiper-show .mySwiper2 .swiper-btn .swiper-button-next {
  top: 0;
  right: -2%
}
.about-model3 .swiper-show .mySwiper2 .swiper-btn .swiper-button-next::before {
  display: none
}
.about-model3 .swiper-show .mySwiper2 .swiper-btn .swiper-button-next::after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: url("../images/swiper_right.png") no-repeat
}
.about-model3 .swiper-show .mySwiper2 .swiper-button-disabled {
  opacity: .3
}
.about-model3 .swiper-suo {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 0
}
@media (max-width:990px) {
  .about-model3 .swiper-show .mySwiper2 .swiper-wrapper .swiper-slide-active .slide-num {
    font-size: 60px
  }
  .about-model3 .swiper-show .mySwiper2 .swiper-btn .prevButton span {
    left: 38px
  }
}
.about-model4 {
  width: 100%
}
.about-model4 .inner {
  padding-top: clamp(70px, 7.29166667vw, 140px);
  padding-bottom: clamp(70px, 7.29166667vw, 140px)
}
.about-model4 .inner .title {
  padding-bottom: clamp(15px, 1.5625vw, 30px)
}
.about-model4 .inner .textt {
  line-height: 1;
  color: #666;
  font-size: 24px;
}
@media (max-width:1600px) {
  .about-model4 .inner .textt {
    font-size: 22px
  }
}
@media (max-width:1460px) {
  .about-model4 .inner .textt {
    font-size: 21px
  }
}
@media (max-width:1366px) {
  .about-model4 .inner .textt {
    font-size: 20px
  }
}
@media (max-width:1024px) {
  .about-model4 .inner .textt {
    font-size: 18px
  }
}
@media (max-width:768px) {
  .about-model4 .inner .textt {
    font-size: 16px
  }
}
.about-model4 .inner .cert-swiper {
  width: 100%;
  margin: auto;
  position: relative
}
.about-model4 .inner .cert-swiper .swiper {
  position: relative;
  margin-top: clamp(40px, 4.16666667vw, 80px);
  width: 53.5%;
  overflow: visible
}
.about-model4 .inner .cert-swiper .swiper .swiper-wrapper {
  align-items: center !important
}
.about-model4 .inner .cert-swiper .swiper .swiper-wrapper .swiper-slide {
  display: block
}
.about-model4 .inner .cert-swiper .swiper .swiper-wrapper .swiper-slide .img img {
  width: 100%
}
.about-model4 .inner .cert-swiper .swiper .cert-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 59.3%;
  height: 57px;
  margin: auto
}
.about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-prev {
  min-width: 44px;
  padding: clamp(14px, 1.45833333vw, 28px);
  background: #0D3380;
  border-radius: 50%
}
.about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-prev::after {
  color: #fff;
  font-size: 20px;
  font-weight: 900
}
@media (max-width:1600px) {
  .about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-prev::after {
    font-size: 18px
  }
}
@media (max-width:1460px) {
  .about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-prev::after {
    font-size: 17px
  }
}
@media (max-width:1366px) {
  .about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-prev::after {
    font-size: 16px
  }
}
@media (max-width:1024px) {
  .about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-prev::after {
    font-size: 15px
  }
}
@media (max-width:768px) {
  .about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-prev::after {
    font-size: 14px
  }
}
.about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-prev:hover {
  background: #f08A18
}
.about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-next {
  padding: clamp(14px, 1.45833333vw, 28px);
  min-width: 44px;
  background: #0D3380;
  border-radius: 50%
}
.about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-next::after {
  color: #fff;
  font-size: 20px;
  font-weight: 900
}
@media (max-width:1600px) {
  .about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-next::after {
    font-size: 18px
  }
}
@media (max-width:1460px) {
  .about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-next::after {
    font-size: 17px
  }
}
@media (max-width:1366px) {
  .about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-next::after {
    font-size: 16px
  }
}
@media (max-width:1024px) {
  .about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-next::after {
    font-size: 15px
  }
}
@media (max-width:768px) {
  .about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-next::after {
    font-size: 14px
  }
}
.about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-next:hover {
  background: #f08A18
}
@media (max-width:1520px) {
  .about-model4 .inner .cert-swiper .swiper {
    width: 70%
  }
}
@media (max-width:990px) {
  .about-model4 .inner .cert-swiper .swiper {
    margin-top: 0
  }
  .about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-prev, .about-model4 .inner .cert-swiper .swiper .cert-btn .swiper-button-next {
    min-width: inherit;
    max-height: 26px;
    top: 190%
  }
  .about-model4 .inner .cert-swiper .swiper .swiper-wrapper {
    transform-style: initial
  }
  .about-model4 .inner .cert-swiper .swiper .swiper-wrapper .swiper-slide {
    opacity: 0
  }
  .about-model4 .inner .cert-swiper .swiper .swiper-wrapper .swiper-slide-active {
    display: block;
    opacity: 1
  }
  .about-model4 .inner {
    padding-left: 20px;
    padding-right: 20px
  }
  .about-model4 .inner .cert-swiper .swiper .cert-btn {
    bottom: 0;
    top: -42%;
    left: -44px;
    right: 0;
    width: 140%;
    height: 57px
  }
}
.about-model5 {
  width: 100%;
  background: #F4F6FF
}
.about-model5 .inner {
  padding-top: clamp(70px, 7.29166667vw, 140px);
  padding-bottom: clamp(70px, 7.29166667vw, 140px)
}
.about-model5 .inner .title {
  color: #0D3380;
  padding-bottom: clamp(20px, 2.08333333vw, 40px)
}
.about-model5 .inner .m5-swiper, .about-model5 .inner .m5-swiper2 {
  width: 100%;
  font-size: 40px
}
@media (max-width:1680px) {
  .about-model5 .inner .m5-swiper, .about-model5 .inner .m5-swiper2 {
    font-size: 35px
  }
}
@media (max-width:1440px) {
  .about-model5 .inner .m5-swiper, .about-model5 .inner .m5-swiper2 {
    font-size: 30px
  }
}
@media (max-width:1280px) {
  .about-model5 .inner .m5-swiper, .about-model5 .inner .m5-swiper2 {
    font-size: 27px
  }
}
@media (max-width:1024px) {
  .about-model5 .inner .m5-swiper, .about-model5 .inner .m5-swiper2 {
    font-size: 22px
  }
}
.about-model5 .inner .m5-swiper .swiper-wrapper, .about-model5 .inner .m5-swiper2 .swiper-wrapper {
  height: -webkit-fill-available;
  align-items: flex-start
}
.about-model5 .inner .m5-swiper .swiper-slide, .about-model5 .inner .m5-swiper2 .swiper-slide {
  width: 16.6%;
  background: #fff;
  border-radius: clamp(5px, .52083333vw, 10px)
}
.about-model5 .inner .m5-swiper .swiper-slide .img, .about-model5 .inner .m5-swiper2 .swiper-slide .img {
  padding-top: clamp(19px, 1.97916667vw, 38px);
  padding-bottom: clamp(19px, 1.97916667vw, 38px);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: clamp(5px, .52083333vw, 10px)
}
.about-model5 .inner .m5-swiper .swiper-slide .img .img, .about-model5 .inner .m5-swiper2 .swiper-slide .img .img {
  border-radius: clamp(5px, .52083333vw, 10px)
}
.about-model5 .inner .m5-swiper .pb, .about-model5 .inner .m5-swiper2 .pb {
  padding-bottom: 6.3%
}
.about-model5 .inner .m5-swiper2 {
  margin-top: clamp(10px, 1.04166667vw, 20px)
}
@media (max-width:1600px) {
  .inner .m5-swiper .pb {
    padding-bottom: 8% !important
  }
  .inner .m5-swiper2 .pb, .inner .m5-swiper2 .pb {
    padding-bottom: 8% !important
  }
}
@media (max-width:990px) {
  .m5-swiper .swiper-wrapper, .m5-swiper2 .swiper-wrapper {
    height: auto !important
  }
  .m5-swiper .swiper-slide, .m5-swiper2 .swiper-slide {
    min-width: 140px;
    min-height: 70px;
    padding-left: clamp(10px, 1.04166667vw, 20px);
    padding-right: clamp(10px, 1.04166667vw, 20px)
  }
  .m5-swiper .swiper-slide .img img, .m5-swiper2 .swiper-slide .img img {
    max-width: 60%
  }
} /*# sourceMappingURL=./index.min.css.map */
.bg-white { background:#fff;}
.bg-hui { background:#dbe7f2}
.w-100 { width:100%}


.canshu_con ul li{
    position: relative;
    float: left;
    padding: 20px;
    width: 20%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.canshu_con ul li h6{
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.canshu_con ul li img{
    width: 80px;
    margin-bottom: 15px;
}

.cdzcon{
    padding: 10px;
    background: url("../picture/kuang.png") -5px 0 no-repeat;
    background-size: 100% auto;
    min-height: 140px;
    display:none;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    animation: fadeIn 1s;
}

.canshu_con ul li:hover div{
    display: block;
    position: absolute;
    top: -100px;
    left: 130px;
    z-index: 999;
    animation: fadeIn 1s;
}
.cdzcon p{
    padding: 10px;
    line-height: 24px;
    width: 218px;
    margin: 0 auto;
}
@media (max-width:992px) {
  .canshu_con ul li{
    width: 50%;
}
.canshu_con ul li:hover div{
    top: -60px;
    left: 50px;
    width: 160px;
}  
.cdzcon {
    padding: 0;
    font-size: 12px;
}
.cdzcon p {
    width: 140px;
    line-height: 20px;
    padding: 5px;
}    
 .page-title-content{
    height: 200px;
}   
}