@charset "UTF-8";
.mb-only {
  display: none;
}
.top_nav {
    display: none
}
body {
  font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif;
}

.pc-pad {
  display: block;
}

#CarName {
  display: none;
}
/* div{
    
} */


@media (max-width: 768px) {
  .mb-only {
    display: block;
  }
  .pc-pad {
    display: none;
  }
  section {
    padding-top: 0;
  }
}
.shp-logo {
  display: block !important;
}

.all-logo {
  display: none;
}

.header {
  position: fixed;
  top: 0;
}

.nav_box {
  display: flex;
  align-items: center;
  position: fixed;
  top: -0.8rem;
  z-index: 1001;
  background-color: rgb(255, 255, 255);
  width: 100%;
  height: 0.8rem;
  transition: all 0.4s ease-in-out;
  padding: 0 0.5rem;
  justify-content: flex-end;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  /* max-width: 19.2rem; */
}

.nav_box img {
  width: 1rem;
  position: absolute;
  left: 0.5rem;
}

.min_nav_list {
  display: flex;
  margin-right: 0.3rem;
}

.min_nav_list div {
  margin: 0 0.2rem;
  cursor: pointer;
  font-size: 0.2rem;
  height: 0.7rem;
  line-height: 0.7rem;
  position: relative;
  font-weight: 300;
}

.nav_btn {
  width: 1.8rem;
  height: 0.5rem;
  line-height: 0.48rem;
  border: 1px solid #000;
  text-align: center;
  cursor: pointer;
  font-size: 0.17rem;
  position: relative;
  font-weight: 300;
}

.nav_box.show_nav {
  top: 0rem;
}

.min_nav_list div::after {
  bottom: 0;
  left: 0;
  height: 2px;
  position: absolute;
  content: "";
  transition: transform 0.55s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scaleX(0);
  transform-origin: right;
  background-color: #000;
  width: 100%;
}

.min_nav_list div:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

.onePage {
  height: 100vh;
  width: 100%;
}

.stickyPage,
.outer_box {
  position: relative;
  /* height: 200vh; */
  text-align: initial;
}

.staticPage {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.swiper-section7 {
  margin-top: 0.3rem;
}

.section1 {
  position: relative;
  background: #000;
}

.section1 .kv-logo {
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  width: 4rem;
  top: 1.8rem;
}

.section1 .kv-logo img {
  width: 100%;
}

.section1 .kv-text {
  position: absolute;
  z-index: 1;
  right: 0.8rem;
  width: 4rem;
  bottom: 15%;
}

.section1 .kv-text img {
  width: 100%;
}
.top_nav.show_nav{
    display: none
}
    .nav_box.show_nav{
        display: flex
    }
@media (max-width: 768px) {
    .nav_box{display:none !important}
    .nav_box.show_nav{
        display: none
    }
    .top_nav.show_nav{
    display: block
}
  .section1 .kv-text {
    position: absolute;
    z-index: 1;
    right: 0.3rem;
    width: 4.9rem;
    bottom: 2.8rem;
  }
  .section1 .kv-text img {
    width: 100%;
  }
}
.section1 .img-box {
  width: 100%;
  height: 100%;
}

.section1 .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section1 .banner_btn_group {
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  width: 6rem;
  justify-content: space-between;
  opacity: 1;
}

.section1 .banner_btn_group div {
  width: 2.8rem;
  height: 0.53rem;
  line-height: 0.55rem;
  /* border: 1px solid #fff; */
  box-shadow: inset 0 0 0 1px #ffffff;
  position: relative;
  text-align: center;
  cursor: pointer;
  color: #000;
  font-size: 0.16rem;
  letter-spacing: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section1 .banner_btn_group a div {
  color: #fff;
}

.section1 .qjgc_btn img {
  width: 0.2rem;
  margin-right: 0.15rem;
}

.section1 .banner_btn_group div:nth-of-type(2) {
  color: #000;
}

.section1 .button--ujarak {
  transition: border-color 0.4s, color 0.4s;
}

.section1 .button--ujarak::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: -1;
  opacity: 0;
  transform: scale3d(0.7, 1, 1);
  transition: transform 0.4s, opacity 0.4s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.section1 .button--ujarak.button--round-s::before {
  border-radius: 2px;
}

.section1 .button--ujarak:hover {
  color: #000;
  border-color: #fff;
}

.section1 .button--ujarak:hover::before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.section1 .button--ujarak-1 {
  transition: border-color 0.4s, color 0.4s;
}

.section1 .button--ujarak-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1c1d22;
  z-index: -1;
  opacity: 0;
  transform: scale3d(0.7, 1, 1);
  transition: transform 0.4s, opacity 0.4s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.section1 .button--ujarak-1.button--round-s-1::before {
  border-radius: 2px;
}

.section1 .button--ujarak-1.button--inverted-1::before {
  background: #1c1d22;
}

.section1 .button--ujarak-1,
.section1 .button--ujarak-1::before {
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.section1 .button--ujarak-1:hover {
  color: #fff;
  border-color: #fff;
}

.section1 .button--ujarak-1.button--inverted:hover {
  color: #fff;
  border-color: #fff;
}

.section1 .button--ujarak-1:hover::before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.section1 .button_dark {
  transition: border-color 0.4s, color 0.4s;
}

.section1 .button_dark img {
  margin-right: 0.15rem;
}

.section1 .button_dark:hover {
  color: #000;
  border-color: #000;
}

.section1 .button_dark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e7e7e7;
  z-index: -1;
  opacity: 0;
  transform: scale3d(0.7, 1, 1);
  transition: transform 0.4s, opacity 0.4s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  border-radius: 0px;
}

.section1 .button_dark:hover::before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.section1 .button_dark::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  opacity: 1;
  transform: scale3d(1, 1, 1);
  transition: transform 0.4s, opacity 0.4s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  border-radius: 0px;
  background: #fff;
}

.section2 {
  background-color: #ececec;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 10%;
}

.section2 .box {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.section2 .box .t1 {
  font-size: 0.24rem;
  letter-spacing: 0.017rem;
  font-weight: 300;
}

.section2 .box .t2 {
  font-size: 0.46rem;
  font-weight: 700;
}

.section2 .box .t3 {
  font-size: 0.18rem;
  letter-spacing: 0.024rem;
  font-weight: 700;
}

.section2 .box::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  display: block;
  background-color: #ccc;
  right: 0;
}

.section2 .box:nth-last-of-type(1)::after {
  display: none;
}

.swiper-pagination-progress {
  display: none;
}

.common-section .font-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 2rem;
  bottom: 1.1rem;
}

.section4 .font-box {
  left: auto;
  right: 2rem;
}

.common-section .font-box .logo {
  width: 5.9rem;
  margin: 0;
  height: auto;
  float: inherit;
}

.common-section .font-box .logo img {
  width: 100%;
  height: auto;
}

/* .common-section .stickyPage .font-box .logo img{
    width: 80%;
} */

.pic-title{
    width: 60% !important;
}
.pic-title3{
    margin-left: 2.5rem
}

.common-section .font-box .font {
  width: 4.95rem;
  margin-top: 0.15rem;
}

.common-section .font-box .desc {
  margin-top: 0.1rem;
  font-size: 0.24rem;
  letter-spacing: 0.09rem;
  font-weight: bold;
}

.common-section .font-box .font img {
  width: 100%;
}

.common-section .bg {
  width: 100%;
  height: 100vh;
}

.common-section .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.common-section .swiper-tabs {
  background: #f2f2f5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.94rem 1.83rem 0;
}

.common-section .swiper6-tabs {
  background: #f5f5f6;
}

.common-section .swiper-tabs .tab {
  font-size: 0.29rem;
  border-bottom: 2px solid #000;
  cursor: pointer;
  position: relative;
  color: rgba(0, 0, 0, 0.3);
  font-weight: normal;
  background-image: url(../../../../img/yyp/tab-bg.png);
  height: 1.2rem;
  width: 3.5rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding-left: 0.5rem;
}

.common-section .swiper-tabs .tab span {
  font-size: 0.18rem;
  font-weight: normal;
  padding-top: 0rem;
  line-height: 0.3rem;
}

.common-section .swiper-tabs .tab-active::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #9b1101;
  position: absolute;
  left: 0;
  bottom: -2px;
  transition: all 0.6s ease-in-out;
  z-index: 1;
}

.swiper-tab-box3,
.content-box-3 {
  /* margin-top: 1rem; */
}

.swiper-units {
  padding: 0.47rem 1.83rem 0.66rem;
  display: flex;
  align-items: center;
}
.swiper-units .units {
  margin-right: 0.3rem;
}
.swiper-units .units:nth-of-type(3) {
  margin-right: 0rem;
}
.swiper-units .units .unit {
  font-size: 0.16rem;
  font-weight: 400;
  color: #fff;
}
.swiper-units .units .unit-t{
    color: #8b3139;
}
.swiper-units .units .unit-name {
  font-size: 0.32rem;
  color: #fff;
  margin-top: 0.2rem;
  font-weight: 800;
}
.swiper-units .units .unit-name-t{
    color: #000;
}

.swiper-double-box {
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.83rem;
  padding-top: 0.4rem !important;
}
.swiper-double-box .double-box {
    height: 4.2rem;
  /* height: 9rem; */
  /* height: 6rem; */
  /* background-color: #d7d8da; */
  flex: 1;
  padding: 0.73rem 0.56rem 0.64rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.swiper-double-box .double-box img{
    /* width: 100%; */
    width: 68%;
    margin-left: 1rem;
}
.swiper-double-box .double-box .t {
    font-weight: 800;
  font-size: 0.34rem;
}
.swiper-double-box .double-box .d {
  font-size: 0.18rem;
  line-height: 1.4;
}
.swiper-double-box .double-box:nth-of-type(1) {
  margin-right: 0.22rem;
  background-image: url(../../../../img/yyp/p1_4_1.jpg);
  background-size:100% 100%;
    background-repeat:no-repeat;
}
.swiper-double-box .double-box:nth-of-type(2){
    background-image: url(../../../../img/yyp/p1_4_2.jpg);
    background-size:100% 100%;
    background-repeat:no-repeat;
}

.swiper-section3-3 {
  margin-top: 0.4rem;
}

.color-swiper {
  padding: 0 1.83rem;
  margin-top: 1.2rem;
  position: relative;
}

.color-swiper .top-box {
    padding: 0 1rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-left: 0.2rem;
  /* padding-bottom: 0.3rem; */
}
.color-swiper .top-box .t-box{
    padding: 0 0.8rem;
}

.color-swiper .top-box .t-box .t {
  font-size: 0.44rem;
  font-weight: 800;
  color: #000;
}

.color-swiper .top-box .t-box .d {
  font-size: 0.18rem;
  color: #000;
  margin-top: 0.2rem;
  width: 100%;
}

.color-swiper .top-box .swiper-control {
    /* padding: 0 1rem; */
  display: flex;
  align-items: center;
}

.color-swiper .top-box .swiper-control .swiper-button-next,
.color-swiper .top-box .swiper-control .swiper-button-prev {
  position: static;
  width: 0.44rem;
  height: 0.44rem;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: none;
  border-radius: 50%;
}

.color-swiper .top-box .swiper-control .swiper-button-next img,
.color-swiper .top-box .swiper-control .swiper-button-prev img {
  width: 50%;
}

.color-swiper .top-box .swiper-control .swiper-button-next {
  margin-left: 0.3rem;
}

.color-swiper .swiper-container {
  margin-top: 0.38rem;
}

.color-swiper .swiper-container .swiper-slide {
    padding: 0 1rem;
  display: flex;
  align-items: stretch;
}
.color-swiper .swiper-container .swiper-slide video{
    width: 100%;
    height: 100%
}

.color-swiper .swiper-container .swiper-slide .l {
  width: 60%;
}

.color-swiper .swiper-container .swiper-slide .l .img-box {
  position: relative;
  height: 100%;
}
.color-swiper .swiper-container .swiper-slide .l .img-box img {
  width: 100%;
  height: 100%;
}

.color-swiper .swiper-container .swiper-slide .l .img-box .txt {
  position: absolute;
  left: 0.3rem;
  bottom: 0.5rem;
  color: #fff;
  font-size: 0.21rem;
}

.color-swiper .swiper-container .swiper-slide .l .img-box .txt{
    /* bottom: 0.7rem; */
}
.color-swiper .swiper-container .swiper-slide .l .img-box .txt_d{
    position: absolute;
    left: 0.3rem;
    bottom: 0.25rem;
    color: rgba(225, 225, 225, 0.7);
    font-size: 0.16rem;
}

.color-swiper .swiper-container .swiper-slide .r {
  width: 40%;
  display: flex;
  flex-direction: column;
  margin-left: 0.15rem;
  justify-content: space-between;
}

.color-swiper .swiper-container .swiper-slide .r .img-box {
  position: relative;
  flex: 1;
  height: 49%;
}
.color-swiper .swiper-container .swiper-slide .r .img-box img {
  height: 100%;
  width: 100%;
}

.color-swiper .swiper-container .swiper-slide .r .img-box:nth-last-of-type(1) {
  margin-top: 0.15rem;
}

.color-swiper .swiper-container .swiper-slide .r .img-box .txt {
  position: absolute;
  left: 0.3rem;
  bottom: 0.4rem;
  color: #fff;
  font-size: 0.19rem;
}
.color-swiper .swiper-container .swiper-slide .r .img-box .txt-t1{
    bottom: 0.65rem;
}
.color-swiper .swiper-container .swiper-slide .r .img-box .txt_d{
    position: absolute;
  left: 0.3rem;
  bottom: 0.2rem;
  color: rgba(225, 225, 225, 0.7);
  font-size: 0.16rem;
}

.color-swiper .swiper-container .swiper-slide .l-2 {
  width: 50%;
  height: 7.4rem;
}

.color-swiper .swiper-container .swiper-slide .l-2 .img-box {
  position: relative;
  height: 100%;
}

.color-swiper .swiper-container .swiper-slide .l-2 .img-box .txt {
  position: absolute;
  left: 0.5rem;
  bottom: 0.25rem;
  color: #fff;
  font-size: 0.21rem;
}

.color-swiper .swiper-container .swiper-slide .l-2:nth-last-of-type(1) {
  margin-left: 0.15rem;
}

.color-swiper-2 {
  padding-bottom: 1rem;
}
.color-swiper-2 .swiper-units {
  padding: 0;
}
.color-swiper-2 .swiper-container .swiper-slide .r {
  margin-right: 0.15rem;
  margin-left: 0;
}

.common-section .swiper-tabs .tab-active {
  color: #4a4a4a;
  font-weight: 500;
}

.common-section .swiper-title {
  font-size: 0.44rem;
  font-weight: 800;
  padding: 1.5rem 1.83rem 0rem;
  color: #fff;
  /* margin-bottom: -1rem; */
  /* padding-bottom: 0.66rem; */
}

.common-section .swiper-title_tt{
    margin-bottom: 0;
}
.text-xn{
    margin-top: -0.5rem;
}
.text-max{
    padding-bottom: 0.1rem;
}

.common-section .swiper-title-1 {
  font-size: 0.44rem;
  font-weight: 800;
  padding: 0 1.83rem 0rem;
  color: #fff;
}

.common-section .swiper-desc {
  color: #a9a9a9;
  padding: 0.2rem 1.83rem 0;
  font-size: 0.18rem;
  font-weight: 300;
}

.common-section .swiper-box {
  background-color: #fff;
  padding: 0rem 1.83rem 0.7rem;
  height: auto;
  /* padding-top: 0.8rem; */
}

.box-qhdl{
    padding-top:  0.4rem !important;
    background-color:  #373533 !important;
}
.box-xn{
    padding-top:  0.4rem !important;
}
.box-max{
    padding-bottom: 0rem !important;
}

.common-section .swiper-box-cq{
    background-color: #fff;
    padding-top: 1.5rem;
    padding-bottom: 0.8rem;
}

.common-section .swiper-box .swiper-box-title {
  width: 100%;
  text-align: left;
  font-weight: 300;
  font-size: 0.24rem;
  margin-top: 0rem;
  line-height: 1.5;
}

.common-section .swiper-box .swiper-box-title span {
  font-weight: bold;
}

.common-section .swiper-box .swiper-section {
  width: 100%;
  position: relative;
}

.common-section .swiper-box .swiper-section .swiper-slide {
  width: 100%;
}

.common-section .swiper-box .swiper-section .swiper-slide img {
  width: 100%;
}
.common-section .swiper-box .swiper-section .swiper-slide video{
    width: 100%;
}
.common-section .swiper-box .swiper-controller {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 85%;
  margin-left: 10%;
  margin-top: 0.1rem;
  margin-bottom: 0.34rem;
  /* margin-top: -3rem */
}

.common-section .swiper-box .swiper-controller .tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.common-section .swiper-box .swiper-controller .tabs .tab {
  color: #e3e3e4;
  font-size: 0.18rem;
  flex: 1;
  text-align: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  transition: all 0.3s;
}

.common-section .swiper-box .swiper-controller .tabs .tab .name {
  font-size: 0.18rem;
  font-weight: 200;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
}

.common-section .swiper-box .swiper-controller .tabs .tab .line {
  width: 100%;
  height: 1px;
  /* background-color: #aeaeae; */
  background-color: rgba(174, 174, 174, 0.6);
  transition: background-color 0.3s;
  margin-top: -0.2rem;
}

.common-section .swiper-box .swiper-controller .tabs .tab-active {
  color: #fff;
}

.common-section .swiper-box .swiper-controller .tabs .tab1-active{
    color: #000 !important;
}

.common-section .swiper-box .swiper-controller .tabs .tab-active .name {
  font-weight: 200;
}

.common-section .swiper-box .swiper-controller .tabs .tab-active .line {
  background-color: #fff;
  height: 1px;
}
.common-section .swiper-box .swiper-controller .tabs .tab-active .line-i{
    background-color:#333;
  height: 1px;
}

.common-section .swiper-box .swiper-controller .text-box {
  position: relative;
  margin-top: 0.16rem;
  width: 100%;
}

.common-section .swiper-box .swiper-controller .text-box .text {
  position: absolute;
  width: 100%;
  color: #fff;
  font-size: 0.18rem;
  opacity: 0;
  transition: all 0.5s;
  text-align: center;
  line-height: 0.3rem;
  font-weight: 200;
}
.common-section .swiper-box .swiper-controller .text-box .text-txt{
    color: #000;
}

.common-section .swiper-box .swiper-controller .text-box .text span {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.17rem;
}

.common-section .swiper-box .swiper-controller .text-box .text0 {
  opacity: 1;
}

.common-section .content-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 1.83rem;
  align-items: stretch;
}


.common-section .content-box6-1 .left {
  padding-top: 2rem;
}

.common-section .content-box6-2 .left {
  padding-top: 2rem;
}

.common-section .content-box .left {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #2b2928;
}

.common-section .content-box .left .section6-tabs {
  display: flex;
  align-items: center;
  margin-left: 1.62rem;
  margin-bottom: 1.2rem;
  border: 1px solid rgba(255, 255, 255, 0.6);
  width: 4.25rem;
  height: 0.55rem;
  position: absolute;
  top: 1.5rem;
  z-index: 2;
}

.common-section .content-box6-1 {
  position: relative;
  z-index: 1;
}

.common-section .content-box6-2 {
  opacity: 0;
  position: absolute;
}

.common-section .content-box .left .section6-tabs .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: #fff;
  height: 100%;
  font-size: 0.2rem;
  cursor: pointer;
  font-weight: 300;
}

.common-section .content-box .left .section6-tabs .section6-tab-active {
  color: #000;
  background: rgba(255, 255, 255, 0.6);
}

.common-section .content-box .left .content-tabs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0.6rem;
}

.common-section .content-box .left .content-tabs .tab {
  margin-bottom: 0.5rem;
  cursor: pointer;
}

.common-section .content-box .left .content-tabs .tab .title-box {
  display: flex;
  align-items: center;
}

.common-section .content-box .left .content-tabs .tab .title-box .dot {
  width: 0.15rem;
  margin-right: 0.2rem;
  opacity: 0.6;
}

.common-section .content-box .left .content-tabs .tab .title-box .dot img {
  width: 100%;
}

.common-section .content-box .left .content-tabs .tab .title-box .title {
  color: #fff;
  font-size: 0.2rem;
  font-weight: 700;
}

.common-section .content-box .left .content-tabs .tab .detail-box {
  margin-top: 0.17rem;
  height: 0;
}

.common-section .content-box .left .content-tabs .tab .detail-box .detail {
  font-size: 0.18rem;
  color: rgba(225, 225, 225, 0.6);
  opacity: 0;
  pointer-events: none;
  text-align: left;
  font-weight: 300;
}

.common-section .content-box .left .content-tabs .tab .detail-box .line {
  width: 0;
  height: 1px;
  background-color: #b1b1b1;
  margin-top: 0.54rem;
  opacity: 0.5;
}

.common-section .content-box .left .content-tabs .tab-active .title-box .dot {
  opacity: 1;
}

.common-section .content-box .left .content-tabs .tab-active .title-box .title {
  font-weight: 700;
  font-size: 0.22rem;
  letter-spacing: 0.016rem;
}

.common-section .content-box .left .content-tabs .tab-active .detail-box {
  height: auto;
}

.common-section .content-box .left .content-tabs .tab-active .detail-box .detail {
  opacity: 1;
  pointer-events: auto;
  transition: all 0.5s;
  transition-delay: 0.3s;
}

.common-section .content-box .left .content-tabs .tab-active .detail-box .line {
  width: 100%;
  transition: all 1s;
}

.common-section .content-box .right {
  width: 60%;
  height: 100%;
}

.common-section .content-box .right .swiper-section {
  width: 100%;
  height: 100%;
}

.common-section .content-box .right .swiper-section .swiper-slide {
  width: 100%;
  height: 100%;
}

.common-section .content-box .right .swiper-section .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section6-content-box {
  display: flex;
  justify-content: space-between;
  padding: 1rem 1rem 1rem 1.83rem;
  align-items: center;
  background: #fff;
  position: relative;
  padding-top: 0rem;
}

.section6-content-box::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 1.83rem;
  /* background: #e3e3e4; */
  height: 1px;
  width: 100%;
}

.section6-content-box .section6-content-box-left {
    width: 5rem;
  display: flex;
  flex-direction: column;
}

.section6-content-box .section6-content-box-right {
  margin-left: 0.5rem;
}

.section6-content-box .section6-content-box-right img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section6-content-box .section6-content-box-left .box-header .box-header-title {
  width: 5rem;
  height: 0.8rem;
  background-image: url("../../../../img/yyp/tab-other.png");
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  padding-left: 0.3rem;
  border-left: 1px solid #9b1101;
  font-size: 0.2rem;
  cursor: pointer;
  background-blend-mode: multiply;
  background-color: rgba(255, 255, 255, 0.4);
  color: #5c5c5c;
  position: relative;
  z-index: 22;
}

.section6-content-box .section6-content-box-left .box-header .box-header-title:hover {
  background-color: rgb(255, 255, 255);
  color: #333;
}

.section6-content-box .section6-content-box-left .box-header .box-header-content {
  opacity: 0;
  max-height: 0;
}

.section6-content-box .section6-content-box-left .box-header-active .box-header-title {
  display: none;
}

.section6-content-box .section6-content-box-left .box-header-active .box-header-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  opacity: 1;
  max-height: 50vh;
  transition: max-height 0.5s ease-out;
}

.section6-content-box .section6-content-box-left .box-header-active .box-header-content .t-box {
  display: flex;
  align-items: flex-end;
}

.section6-content-box .section6-content-box-left .box-header-active .box-header-content .t-box img {
  width: 0.5rem;
}

.section6-content-box .section6-content-box-left .box-header-active .box-header-content .t-box .tit-box {
  margin-left: 0.2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.section6-content-box .section6-content-box-left .box-header-active .box-header-content .t-box .tit-box .t1 {
  font-size: 0.32rem;
  font-weight: 500;
}

.section6-content-box .section6-content-box-left .box-header-active .box-header-content .t-box .tit-box .t2 {
  font-size: 0.2rem;
  font-weight: 300;
}

.section6-content-box .section6-content-box-left .box-header-active .box-header-content .d-box {
  width: 5.6rem;
}

.section6-content-box .section6-content-box-left .box-header-active .box-header-content .d-box img {
  width: 100%;
  margin-top: 0.4rem;
  padding-bottom: 0.64rem;
}

.section6-content-box .section6-content-box-left .box-header-active .box-header-content .t {
  font-size: 0.32rem;
  font-weight: 500;
  margin-top: 0.7rem;
}

.section6-content-box .section6-content-box-left .box-header-active .box-header-content .d-box {
  width: 100%;
}

.section6-content-box .section6-content-box-left .box-header-active .box-header-content .d {
  font-size: 0.2rem;
  font-weight: 300;
  width: 100%;
  margin-bottom: 0.5rem;
  margin-top: 0.2rem;
  text-align: left;
     /* width: 81%; */
}

.config_box {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: center;
}

.config_box .config_bk {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit:cover";
}

.config_text_group {
  position: absolute;
  bottom: 1rem;
  margin: 0 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.6s ease-in-out;
  opacity: 1;
}

.config_min_title {
  font-size: 0.36rem;
  letter-spacing: 4px;
  font-weight: bold;
  color: #fff;
  bottom: 27vh;
}

.config_min_img {
  width: 90%;
  bottom: 14vh;
}

.config_min_btn {
  width: 2.8rem;
  height: 0.58rem;
  line-height: 0.55rem;
  text-align: center;
  border: 1px solid #fff;
  position: relative;
  color: #fff;
  font-size: 0.18rem;
  z-index: 0;
  cursor: pointer;
  bottom: 5vh;
}

.config_min_title,
.config_min_img,
.config_min_btn {
  position: absolute;
}

/* 浼樻儬鏀跨瓥 */
.car_policy_box {
  position: sticky;
  top: 0;
  height: 100vh;
  background-color: #ececec;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.yhzcimg {
  width: 50%;
}

.left_img {
  width: 50%;
}

.car_policy_box .left_img img {
  width: 100%;
  /* height: 100vh; */
  -o-object-fit: cover;
     object-fit: cover;
}

.po_right_text {
  padding: 0 0.6rem;
  width: 50%;
  line-height: normal;
}

.policy_title {
  font-size: 0.39rem;
  font-weight: 500;
  margin-bottom: 0.3rem;
  letter-spacing: 1px;
  color: #3c3c3c;
  margin-top: 0.9rem;
}

/* .mai_policy_title{
      margin-bottom: 0.6rem;
      display: flex;
  }
  .mai_policy_title div:nth-of-type(1){
      font-size: 0.25rem;
      font-weight: bold;
      width: 1rem;
  }
  .mai_policy_title div:nth-of-type(2){
      font-size: 0.18rem;
      margin-top: 0.05rem;
      margin-left: 0.5rem;
      flex: 1;
  }
  .code_img{
      width: 1.5rem;
      margin: 0.2rem 0;
  }
  .code_remark{
      font-size: 0.18rem;
  }
  .polict_tip{
      margin-top: 0.2rem;
      color: #a1a1a1;
  } */
.min_cp_1 {
  margin-bottom: 0.2rem;
}

.min_cpm_t {
  border-bottom: 1px solid #d7d7d7;
  font-size: 0.26rem;
  height: 0.55rem;
  font-weight: 300;
  position: relative;
}

.min_cpm_t:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  width: 0.8rem;
  height: 2px;
  background: #444;
}

.min_cpm_d {
  display: flex;
}

.min_cpm_d .min_cpm_d_i {
  width: 47.5%;
  margin-top: 0.05rem;
}

.min_cpm_d .min_cpm_d_i:nth-of-type(1) {
  margin-right: 5%;
}

.min_cpm_d .min_cpm_d_i div {
  margin-top: 0.1rem;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.min_cpm_d .min_cpm_d_i div.ssup {
  display: block;
}

.min_cpm_d .min_cpm_d_i div img {
  width: 0.25rem;
  margin-left: 0.15rem;
}

.min_cpm_t span,
.min_cpm_d .min_cpm_d_i div span,
.min_cpm_d_lt span {
  font-weight: normal;
}

.min_cpm_t span {
  font-size: 0.25rem;
}

.min_cpm_t_3 {
  width: 100%;
}

.min_cpm_d_li {
  width: 30%;
  margin-left: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.min_cpm_d_li img {
  width: 53%;
}

.min_cpm_d_li div {
  margin-top: 0.1rem;
  font-size: 12px;
  font-weight: 300;
}

.min_cpm_d_lt {
  width: 100%;
}

.min_cpm_d_lt div {
  margin-top: 0.1rem;
  font-size: 12px;
  text-align: left;
}

.polict_tip {
  color: #a2a2a2;
  font-size: 12px;
  font-weight: 300;
}

.min_cpm_d_li_img {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
}

.min_cpm_d_li_img img {
  width: 1.3rem;
}

.min_cpm_d_li_img div {
  margin-right: 0.16rem;
  font-size: 0.16rem;
  margin-top: 0.1rem;
}

/* 棰勭害璇曢┚ */
.test_driver_shp {
  height: 100vh;
  width: 100%;
  position: sticky;
  top: 0;
  background: url("../../../../img/car-model-public/shp/test-driver/driver-bk.jpg") no-repeat center right white;
  padding: 10vh 25vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.test_driver_shp .driverTit {
  font-weight: 500;
  font-size: 0.4rem;
  line-height: 2;
  margin-bottom: 0.5rem;
  text-align: center;
  color: #3c3c3c;
}

.test_driver_shp .driverForm .formItem a.btn {
  height: 0.58rem;
  line-height: 0.6rem;
  background: transparent;
  width: 3rem;
  margin-top: 0.55rem;
  font-size: 0.18rem !important;
  letter-spacing: 1px;
  position: relative;
}

.test_driver_shp .driverForm .formItem select {
  height: 0.6rem;
  line-height: 0.6rem;
  background: url("../../../../img/car-model-public/shp/arrow.jpg") no-repeat center right white;
  background-size: auto 100%;
  border-radius: 0;
  border-color: white;
  font-size: 0.18rem !important;
}

.test_driver_shp .driverForm .formItem input {
  height: 0.6rem;
  line-height: 0.6rem;
  border-color: white;
  font-size: 0.18rem !important;
}

.formItem label {
  display: flex;
  align-items: center;
}

.driverForm .formItem input[type=checkbox] {
  width: 0.35rem !important;
  height: 0.35rem !important;
}

.driverForm .formItem input[type=checkbox]:checked::after {
  content: "";
  width: 0.35rem !important;
  height: 0.35rem !important;
  border-width: 0 0 0rem 0rem !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: url("../../../../img/car-model-public/shp/test-driver/select.png") no-repeat center !important;
  background-size: 100% auto !important;
}

.test_driver_shp .driverForm .formItem a.btn {
  transition: border-color 0.4s, color 0.4s;
}

.test_driver_shp .driverForm .formItem a.btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  opacity: 1;
  background: #38393d;
}

.test_driver_shp .driverForm .formItem a.btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transform: scale3d(0.7, 1, 1);
  transition: transform 0.4s, opacity 0.4s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  border-radius: 2px;
  background: #000;
}

.test_driver_shp .driverForm .formItem a.btn:hover {
  color: #fff;
  border-color: #fff;
}

.test_driver_shp .driverForm .formItem a.btn:hover::after {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.driverForm .formItem span a {
  color: #333 !important;
  font-weight: 500;
}

.button--ujarak-1 {
  transition: border-color 0.4s, color 0.4s;
}

.button--ujarak-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1c1d22;
  z-index: -1;
  opacity: 0;
  transform: scale3d(0.7, 1, 1);
  transition: transform 0.4s, opacity 0.4s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--ujarak-1.button--round-s-1::before {
  border-radius: 2px;
}

.button--ujarak-1.button--inverted-1::before {
  background: #1c1d22;
}

.button--ujarak-1,
.button--ujarak-1::before {
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--ujarak-1:hover {
  color: #fff;
  border-color: #fff;
}

.button--ujarak-1.button--inverted:hover {
  color: #fff;
  border-color: #fff;
}

.button--ujarak-1:hover::before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.section6 {
  background-color: #f2f2f5;
}

.zoom_box_pc {
  width: 100%;
  height: 200vh;
  position: relative;
}

.zoom_box_2 {
  height: 200vh;
}

.zoom_content {
  position: sticky;
  width: 100%;
  height: 100vh;
  top: 0;
  transform: scale(0.67);
  transition: all 0.05s;
}

.zoom_box_2 .zoom_content {
  position: sticky;
  width: 100%;
  height: 100vh;
  top: 0;
  transform: scale(1);
  transition: all 0.05s;
}

.zoom_box_2 .zoom_content video {
  height: 100vh;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit:cover";
}

.video_dark_img {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100vh;
  opacity: 0;
  transition: all 0.6s ease-in-out;
}

.video_dark_img.active_v {
  opacity: 1;
}

.zoom_content img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit:cover";
}

.zoom_text_list {
  position: absolute;
  bottom: 0rem;
  opacity: 0;
  left: 1rem;
  transition: all 0.6s ease-in-out;
}

.zoom_text_list .zoom_l_title {
  font-size: 0.6rem;
  letter-spacing: 3px;
  font-weight: 800;
  margin-bottom: 0.4rem;
  color: #fff;
  line-height: 1.2;
}

.zoom_box_2 .zoom_text_list {
  transition: all 0.6s ease-in-out;
  opacity: 0;
  width: 100%;
}

.zoom_text_list.z_active {
  bottom: 1.14rem;
  opacity: 1;
  z-index: 2;
}

.zoom_text_list .zoom_l_detail {
  margin-top: 0.16rem;
  color: rgb(255, 255, 255);
}

.zoom_active {
  bottom: 0.8rem;
  opacity: 1;
}

.zoom_box_2 .bottom_btn {
  width: 1.6rem;
  display: flex;
  position: absolute;
  bottom: 1.14rem;
  right: 0.7rem;
  align-items: center;
  justify-content: space-between;
  font-size: 0.18rem;
  color: #fff;
  cursor: pointer;
  opacity: 0.6;
  z-index: 2;
}

.zoom_box_2 .bottom_btn:hover {
  opacity: 1;
}

.zoom_box_2 .bottom_btn img {
  width: 0.25rem;
  height: 0.25rem;
}

.zoom_l_detail_num {
  display: flex;
}

.zoom_l_detail_num .min_number {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  padding: 0 0.4rem;
  justify-content: space-between;
}

.zoom_l_detail_num .min_number::after {
  content: "";
  display: block;
  background-color: rgba(255, 255, 255, 0.3);
  width: 1px;
  height: 80%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.zoom_l_detail_num .min_number:nth-of-type(1) {
  padding-left: 0;
}
.zoom_l_detail_num .min_number:nth-last-of-type(1)::after {
  display: none;
}

.zoom_l_detail_num .min_number .m_f_t_s {
  display: flex;
  width: 100%;
  white-space: nowrap;
  font-size: 0.28rem;
  font-weight: bold;
}

.m_f_t_s_1 {
  text-align: left;
  font-size: 0.2rem;
  font-weight: bold;
  line-height: 1.3;
}

.zoom_l_detail_num .min_number .m_f_d_s {
  font-size: 0.19rem;
  color: rgba(255, 255, 255, 0.6);
  font-weight: normal;
}

.m_shu {
  writing-mode: vertical-lr; /*从左向右 从右向左是 writing-mode: vertical-rl;*/
  font-size: 0.13rem;
  font-weight: 200;
}

@media screen and (max-width: 1280px) {
  .policy_title {
    margin-bottom: 0rem;
  }
  .min_cp_1 {
    margin: 10px 0;
  }
  .polict_tip {
    margin-top: 0.5rem;
  }
  .min_cpm_d .min_cpm_d_i:nth-of-type(1) {
    margin-right: 1%;
  }
  .min_cpm_d .min_cpm_d_i {
    width: 49.5%;
  }
  .po_right_text {
    padding: 0 0.45rem;
  }
  .title_top.title_top_3 {
    height: 1.8rem;
  }
  .min_cpm_d_li_img {
    height: 1.5rem;
  }
}
@media (max-width: 768px) {
    .common-section,.section1,.video-box{
        overflow-x: hidden;
    }
    .pic-title{
        width: 80% !important;
    }
    .zoom_text_list .zoom_l_title{
        font-size: .45rem;
        letter-spacing: 0.01rem;
        margin-bottom: 0.3rem;
    }
    
    .zoom_text_list{
        left: 0;
        padding: 0 .6rem;
    }
    .zoom_text_list .zoom_l_detail{
        flex-wrap: wrap
    }
    .zoom_l_detail_num .min_number{
        justify-content: center;
    }
    .zoom_l_detail_num .min_number:nth-of-type(1){
        padding-left: 0;
        width: 50%
    }
    .zoom_l_detail_num .min_number:nth-of-type(2){
        padding-right: 0;
        width: 50%;
        
    }
    .zoom_l_detail_num .min_number:nth-of-type(2)::after{
        display: none
    }
    .zoom_l_detail_num .min_number:nth-of-type(5){
        padding-right: 0;
        width: 30%;
        margin-top: .3rem
    }
    .zoom_l_detail_num .min_number:nth-of-type(5)::after{
        display: none
    }
    .zoom_l_detail_num .min_number:nth-of-type(3){
        padding-left: 0;
        width: 30%;
        margin-top: .3rem
    }
        .zoom_l_detail_num .min_number:nth-of-type(4){
        width: 40%;
        height: .8rem;
        margin-top: .3rem
    }
    .zoom_l_detail_num .min_number .m_f_t_s{
        font-size: .24rem;
    }
    .zoom_box_2 .bottom_btn{
        right: auto;
        left: .53rem;
        bottom: .95rem;
        width: 100%;
        justify-content: flex-start
    }
    .zoom_box_2 .bottom_btn img{
        width: .3rem;
        height: .3rem
    }
    .zoom_box_2 .bottom_btn div{
        font-size: 0.28rem
    }
    .zoom_box_2 .bottom_btn div{
        font-size: .32rem;
        margin-left: .2rem;
    }
    .zoom_text_list.z_active{
        bottom: 2.15rem;
    }
    .common-section .content-box{
        flex-direction: column;
        padding: 0 .53rem;
    }
    .common-section .content-box .right{
        width: 100%;
    }
    .common-section .content-box .left{
        width: 100%;
    }
    .common-section .content-box .left .content-tabs .tab .title-box .title{
        font-size: .26rem;
    }
    .common-section .content-box .left .content-tabs .tab-active .title-box .title{
        font-size: .26rem
    }
    .common-section .content-box .left .content-tabs .tab .detail-box .detail{
        font-size: .2rem;
    }
    .common-section .content-box .left .content-tabs{
            padding: 0.53rem 0.4rem 0;
    }
    .common-section .swiper-desc{
        padding: 0.33rem .53rem 0;
        font-size: .21rem;
    }
    .swiper-units{
        padding: 0.7rem .53rem 0.66rem
    }
    .swiper-units .units .unit{
        font-size: .2rem;
    }
    .swiper-units .units .unit-name{
        font-size: .29rem
    }
    .swiper-units .units{
        margin-right: 0;
        flex: 1;
    }
  .common-section .swiper-box .swiper-box-title span {
    font-weight: bold;
    font-size: 0.33rem;
    margin-bottom: 0;
    display: block;
  }
  .min_cpm_t {
    border-bottom: 0.02rem solid #d7d7d7;
    font-size: 0.28rem;
    height: 0.55rem;
    font-weight: 300;
    position: relative;
    display: flex;
    align-items: center;
  }
  .footer-links {
    background: #2e2e2e;
    padding: 0.3rem 4%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .footer-links img {
    width: 20%;
    margin: 0 1%;
  }
  .footer_new {
    background: #000;
  }
  .ft_link_group,
  .ft_remarks {
    padding: 0.6rem 7%;
    background: #323232;
  }
  .ft_link_group {
    border-bottom: 1px solid #212121;
  }
  .ft_link_group a {
    color: #fff;
    font-weight: 300;
    font-size: 13px;
    opacity: 0.8;
  }
  .ft_link_1,
  .ft_link_2 {
    display: flex;
    color: #fff;
    align-items: center;
  }
  .ft_link_2 {
    margin-top: 15px;
  }
  .ft_link_1 div,
  .ft_link_2 div {
    margin: 0 10px;
    width: 1px;
    height: 12px;
    background: #494949;
  }
  .ft_remarks {
    color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
    text-align: center;
  }
  /* nav */
  .top_nav {
    position: fixed;
    top: -3rem;
    z-index: 10000;
    width: 100%;
    transition: all 0.3s;
  }
  .top_nav.show_nav {
    top: 0;
  }
  .first_menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 0.4rem;
    align-items: center;
    height: 1.2rem;
    backdrop-filter: saturate(180%) blur(30px);
    -webkit-backdrop-filter: saturate(180%) blur(30px);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.07);
  }
  .first_menu img {
    width: 1.4rem;
  }
  .first_menu .f_m_d {
    display: flex;
    align-items: center;
    height: 100%;
  }
  .first_menu .f_m_d img {
    width: 0.75rem;
    padding: 0.2rem;
    transform: rotate(180deg);
    transition: all 0.3s;
  }
  .first_menu .f_m_d div {
    font-size: 0.24rem;
    width: 1.25rem;
    height: 0.6rem;
    line-height: 0.6rem;
    background: #000;
    color: #fff;
    text-align: center;
    margin-left: 0.5rem;
    font-weight: 300;
  }
  .second_menu {
    height: 1.2rem;
    display: flex;
    align-items: center;
    backdrop-filter: saturate(180%) blur(30px);
    -webkit-backdrop-filter: saturate(180%) blur(30px);
    background: rgba(255, 255, 255, 0.9);
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    webkit-overflow-scrolling: touch;
    visibility: visible;
    transition-delay: 0s;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
  }
  .second_menu::-webkit-scrollbar {
    display: none;
  }
  .second_menu div {
    margin: 0 0.35rem;
    font-size: 0.28rem;
  }
  .section1 .banner_btn_group {
    width: 100%;
    padding: 0 0.5rem;
    bottom: 1.6rem;
  }
  .section1 .banner_btn_group div {
    width: 3.15rem;
    height: 0.8rem;
    font-size: 0.22rem;
  }
  .section1 .kv-logo {
    width: 5rem;
    top: 3.8rem;
  }
  .common-section .swiper-title{
      /* padding: .85rem .53rem 0.6rem; */
      padding: .85rem .53rem 0rem;
      font-size: .48rem;
      color: #000;
  }
  .common-section .swiper-title span{
      font-size: 0.28rem;
      font-weight: 400;
  }
  .common-section .swiper-title_tts{
      padding-top: 0 !important;
  }
  .common-section .swiper-title-bai{
      color: #fff;
  }
  .common-section .swiper-title-1{
      padding: 1rem .53rem 0rem;
      font-size: .48rem  
  }
  .common-section .font-box {
    position: absolute;
    left: 0.67rem;
    bottom: 1.4rem;
    height: auto;
    padding: 0;
  }
  .common-section .bg {
    height: 100vh;
  }
  .common-section .font-box .logo {
    width: 5.8rem;
  }
  .common-section .font-box .font {
    width: 4.63rem;
    margin-top: 0.33rem;
  }
  .section6 .font-box .font {
    width: 3.95rem;
  }
  .common-section .font-box .desc {
    margin-top: 0.2rem;
    font-size: 0.28rem;
    letter-spacing: 0.08rem;
    font-weight: bold;
    color: #fff;
  }
  .common-section .swiper-box {
    padding: 0rem 0.53rem 1.1rem;
    background: #fff;
    position: relative;
    padding-top: 0.53rem;
  }
  .common-section .swiper-tabs {
    padding: 2rem 0.3rem 0;
    justify-content: space-between;
  }
  .section8 .swiper-tabs {
    padding: 0.5rem 0.3rem 0;
  }
  .common-section .swiper-box .swiper-section {
    height: 8.5rem;
  }
  .common-section .swiper-box .swiper-section-u1{
          height: 8.5rem;
  }
  .common-section .swiper-box .swiper-section-u2{
      height: 8rem;
  }
  .common-section .swiper-box .swiper-section-u3{
      height: 8rem;
  }
  .section7 {
    background: rgba(255, 255, 255, 0.2);
  }
  .common-section .swiper-tabs .tab {
    padding: 0rem 0.5rem;
    font-size: 0.32rem;
    width: 50%;
    height: 1.5rem;
    flex: 1;
  }
  .common-section .swiper-tabs .tab span {
    font-size: 0.23rem;
    padding-top: 0;
  }
  .common-section .swiper-box .swiper-controller .tabs .tab {
    display: none;
  }
  .common-section .swiper-box .swiper-controller .tabs .tab-active {
    display: block;
  }
  
  .common-section .swiper-box .swiper-controller .tabs .tab-active .line {
    display: none;
  }
  .swiper-pagination-progress {
    display: block;
    width: 100%;
    height: 1px;
    position: relative;
    margin-top: 1.1rem;
  }
  .swiper-pagination-progress-u2{
      margin-top: 0.4rem;
  }
  .swiper-pagination-progress-u3{
      margin-top: 0.2rem;
  }
  .swiper-pagination-progress-u4{
      margin-top: -0.75rem;
  }
  .swiper-pagination-progress-u5{
      margin-top: 0.2rem;
  }
  .swiper-pagination-progress-u6{
      margin-top: 0.2rem;
  }
  .swiper-pagination-progress-u7{
      margin-top: -0.3rem;
  }
  .swiper-pagination-progress .swiper-pagination-progressbar {
    background: #000;
    height: 2px;
  }
  .swiper-pagination-progress-bai .swiper-pagination-progressbar{
      background: #fff;
  }
  .common-section .swiper-box .swiper-controller {
    /* margin-top: 0.7rem; */
    margin-bottom: 0;
    position: absolute;
    top: 6.2rem;
    z-index: 2;
    left: 39%;
    transform: translateX(-50%);
    padding: 0rem;
    /* padding: 0 0.43rem; */
  }
  .common-section .swiper-box .swiper-controller-gj{
      top: 7.5rem;
  }
  .section4 .swiper-box .swiper-controller {
    top: 7rem;
  }
  .section5 .swiper-box .swiper-controller {
    /* top: 7rem; */
  }
  .section7 .swiper-box .swiper-controller {
    top: 6.2rem;
  }
  .section6-content-box .section6-content-box-right {
    margin-left: 0;
  }
  .common-section .swiper-box .swiper-controller .tabs {
    height: 0.7rem;
  }
  .common-section .swiper-box .swiper-controller .tabs-qd{
      margin-top: -0.6rem;
  }
  .common-section .swiper-box .swiper-controller .tabs .tab .name {
    font-size: 0.34rem;
    padding-bottom: 0;
    justify-content: flex-start;
    text-align: left
  }
  .common-section .swiper-box .swiper-controller .tabs .tab .name-t{
      font-size: 0.24rem;
      color: #9f9e9d;
  }
  .common-section .swiper-box .swiper-controller .text-box {
    height: 0.7rem;
    margin-top: 0;
  }
  .common-section .swiper-box .swiper-controller .text-box .text {
    font-size: 0.24rem;
    color: #000;
    line-height: 0.4rem;
    text-align: left;
  }
  .common-section .swiper-box .swiper-controller .text-box .text-t1{
      color: #9f9e9d;
  }
  .num-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.8rem;
    font-size: 0.23rem;
    color: #999;
  }
  .num-box .line {
    height: 1px;
    width: 0.5rem;
    background: #999;
    margin: 0 0.02rem;
  }
  .section6-content-box {
    flex-direction: column-reverse;
    padding: 0rem 0.53rem 1.2rem;
  }
  .section6-content-box .section6-content-box-left .box-header-active .box-header-content {
    margin-top: 0.6rem;
  }
  .section6-content-box .section6-content-box-left {
    padding: 0rem;
    width: 100%;
  }
  .section6-content-box .section6-content-box-left .box-header .box-header-title {
    width: 100%;
    height: 1rem;
    font-size: 0.26rem;
    background-color: rgba(255, 255, 255, 0.5);
  }
  .cspz_box {
    width: 100%;
    /* margin: 0 4%; */
    /* padding: 5vh 0; */
  }
  .cspz_box img {
    width: 100%;
  }
  .cs_text_box {
    color: #fff;
    width: 100%;
    margin-left: 0%;
    padding: 0 0.5rem;
            z-index: 5;
        position: relative;
        bottom: 2rem;
    }
  }
  .cspz_box .cs_title {
    font-size: 0.4rem;
    text-align: center;
    margin: 4.3vh 0 3vh;
    color: #151515;
  }
  .cs_detail {
    margin-top: 0.5rem;
    display: flex;
    flex-wrap: wrap;
  }
  .cs_detail div {
    width: 50%;
    position: relative;
    font-size: 0.2rem;
    margin-top: 0.3rem;
    padding-left: 0.4rem;
  }
  .cs_detail div::before {
    content: "";
    display: block;
    width: 0.15rem;
    height: 0.15rem;
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
  }
  .config_btn {
    border: 1px solid #fff;
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    color: #fff !important;
    margin-top: 0.5rem;
    font-weight: 300;
    font-size: 0.26rem;
  }
  .config_btn a{
      color: #fff;
  }
  .yhzc_box {
    /* height: 100vh;
      position: sticky; */
    top: 0;
    width: 92%;
    margin: 0 4%;
    position: relative;
  }
  .yhzc_box img {
    width: 100%;
  }
  .yh_text_box {
    position: relative;
    color: #000;
    display: flex;
    flex-direction: column;
    width: 94%;
    margin-left: 3%;
  }
  .yh_text_box .yh_title {
    font-size: 0.4rem;
    text-align: center;
    margin: 2.9vh 0 2vh;
    color: #151515;
  }
  .yh_d_c {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  .yhzc_btn {
    border: 1px solid #000;
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    color: #000;
    margin-top: 0.2rem;
    font-weight: 300;
    font-size: 0.26rem;
  }
  .yh_detail .yh_min_detail {
    margin-top: 0.12rem;
  }
  .yh_detail .yh_min_detail:nth-of-type(1) {
    margin-top: 0rem;
  }
  .yh_min_detail div:nth-of-type(1) {
    font-weight: bold;
    font-size: 0.35rem;
    letter-spacing: 1px;
  }
  .yh_min_detail div:nth-of-type(2) {
    font-size: 0.25rem;
    margin-top: 0.1rem;
    letter-spacing: 1px;
  }
  .xcx_code {
    width: 2rem !important;
    margin: 2vh 0 0;
  }
  .code_text {
    font-size: 0.25rem;
    letter-spacing: 2px;
    margin: 0.2rem 0;
  }
  .code_detail {
    font-size: 9px;
    color: gray;
    line-height: 17px;
    text-align: left;
  }
  .min_cpm_t img {
    width: 15px;
    margin-left: 0.1rem;
    margin-top: -2px;
  }
  .test_driver_shp {
    background: #f2f2f2;
    height: 100vh;
    position: sticky;
    top: 0;
    width: 100%;
    padding: 0vh 4% 0;
  }
  .driverTit {
    padding: 5vh 0;
    color: #1c1c1c;
    font-size: 0.4rem;
    text-align: center;
  }
  .test_driver_shp .boxTit {
    font-size: 0.5rem;
    color: #161616;
    padding-bottom: 0.4rem;
  }
  .driverForm {
    margin: 0 0 !important;
  }
  .test_driver_shp .driverForm .formItem a.btn {
    background: #000 !important;
    border-radius: 0rem !important;
    margin-top: 1rem !important;
    font-weight: 300 !important;
    width: 100% !important;
    height: 0.9rem !important;
    line-height: 0.9rem !important;
    font-size: 0.26rem !important;
  }
  .test_driver_shp .driverForm .formItem select {
    background: url("../../../../img/car-model-public/shp/arrow-new.jpg") no-repeat right center white;
    background-size: auto 73%;
    font-size: 0.24rem !important;
  }
  .test_driver_shp .driverForm .formItem input {
    background: #fff;
    font-size: 0.24rem !important;
  }
  .driverForm .formItem input[type=checkbox]:checked::after {
    content: "";
    width: 0.4rem !important;
    height: 0.4rem !important;
    border-width: 0 0 0rem 0rem !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: url(../../../../img/car-model-public/shp/test-driver/select.png) no-repeat center !important;
    background-size: 100% auto !important;
    font-size: 0.24rem !important;
  }
  .driverForm .formItem {
    margin-bottom: 0.35rem !important;
  }
  .test_driver_shp .driverForm .formItem select,
  .driverForm .formItem input {
    height: 1rem !important;
    line-height: 1rem !important;
    font-size: 0.24rem !important;
  }
  .driverForm .formItem input[type=checkbox] {
    width: 0.4rem !important;
    height: 0.4rem !important;
    margin: 0.04rem 0.15rem 0 0.05rem !important;
    border-radius: 0rem !important;
    border: 0rem solid #666 !important;
  }
}
.button--ujarak {
  transition: border-color 0.4s, color 0.4s;
}

.button--ujarak::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: -1;
  opacity: 0;
  transform: scale3d(0.7, 1, 1);
  transition: transform 0.4s, opacity 0.4s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--ujarak.button--round-s::before {
  border-radius: 2px;
}

.button--ujarak:hover {
  color: #000;
  border-color: #fff;
}

.button--ujarak:hover::before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.button--ujarak-1 {
  transition: border-color 0.4s, color 0.4s;
}

.button--ujarak-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1c1d22;
  z-index: -1;
  opacity: 0;
  transform: scale3d(0.7, 1, 1);
  transition: transform 0.4s, opacity 0.4s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--ujarak-1.button--round-s-1::before {
  border-radius: 2px;
}

.button--ujarak-1.button--inverted-1::before {
  background: #1c1d22;
}

.button--ujarak-1,
.button--ujarak-1::before {
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--ujarak-1:hover {
  color: #fff;
  border-color: #fff;
}

.button--ujarak-1.button--inverted:hover {
  color: #fff;
  border-color: #fff;
}

.button--ujarak-1:hover::before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.button_dark {
  transition: border-color 0.4s, color 0.4s;
}

.button_dark:hover {
  color: #000;
  border-color: #000;
}

.button_dark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e7e7e7;
  z-index: -1;
  opacity: 0;
  transform: scale3d(0.7, 1, 1);
  transition: transform 0.4s, opacity 0.4s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  border-radius: 0px;
}

.button_dark:hover::before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.button_dark::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  opacity: 1;
  transform: scale3d(1, 1, 1);
  transition: transform 0.4s, opacity 0.4s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  border-radius: 0px;
  background: #fff;
}


/*只放头尾、banner、小导航*/
/*cookie 提示*/
.cookie-pop {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9930;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.cookie-cont {
    width: 90%;
    margin:0 auto !important;
    display: flex;
    font-size: .16rem;
    justify-content: space-between;
    align-items: center;
}
.cookie-txt {
    padding: .7rem 0;
    line-height: 1.8;
    width: 61%;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 300;
    font-size: 0.18rem !important;
}
.cookie_no_agree{
    position: absolute;
    top: 0.25rem;
    opacity: 0.5;
    transition: all .5s;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.cookie_no_agree span{
    margin-left: 0.1rem;
    font-size: 0.14rem;
    color: #fff;
}
.cookie_no_agree img{
    width: 0.18rem;
}
.cookie_no_agree:hover{
    opacity: 1;
}



/* 弹窗-视频 */
.popup-video{
	height: 100vh;
	width: 100vw;
	position: fixed;
	top: 0;
	background-color: red;
	z-index: -1;
	transition: all .8s ease-in-out;
	opacity: 0;
}
.popup-video.show_pop{
	z-index: 1002;
	opacity: 1;
}
.popup-video video{
	height: 100vh;
	width: 100vw;
	object-fit: cover;
    font-family: "object-fit:cover";
}
.shut_down_btn_v{
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	/* background-color: red; */
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0.6;
	cursor: pointer;
}
.shut_down_btn_v img{
	
}
.shut_down_btn_v:hover{
	opacity: 1;
}

@media (max-width: 767px){
    .anquan-mb{
        background-color: #373533 !important;
        padding-bottom: 0 !important;
    }
    .policy-box{
        padding: 0.5rem 0rem !important;
        margin-top: -1.4rem;
    }
    .cookie-cont {
        flex-wrap: wrap;
        font-size: .24rem;
    }
    .cookie-txt {
        width: 100%;
        font-size: 0.24rem !important;
        padding: 1rem 0 .7rem;
    }
    .cookie-pop .cta-button{
        margin-bottom: 0.5rem;
    }
    .cookie-right{
        width: 60% !important;
        height: 0.7rem !important;
        line-height: 0.7rem !important;
    }
    .cookie-right .btn-agree{
        line-height: 0.7rem !important;
    }
    .cookie-pop{
        background-color: rgba(0, 0, 0, 0.9);
    }

    .cookie_no_agree{
        top: 0.3rem;
    }
    .cookie_no_agree span{
        font-size: 0.22rem;
    }
    .cookie_no_agree img{
        width: 0.3rem;
    }

    .policy-content .btn-qy-sj{
        left: 0.8rem;
    bottom: 1.7rem;
    width: 5rem;
    height: 0.73rem;
    font-size: 0.26rem;
    }

    .unit-guanjun{
        padding: 0.2rem !important;
    }

    .pic-title3{
        margin-left: 0rem;
    }

    .swiper-units .units .unit,
    .swiper-units .units .unit-name{
        color: #000;
    }
    .swiper-units .units .unit-bai,
    .swiper-units .units .unit-name-bai{
        color: #fff;
    }
    .common-section .swiper-box .swiper-controller .tabs .tab-active{
        color: #fff;
    }

    .swiper-pagination-progress-bai{
        background: #9F9E9D;
    }

    .policy-box .policy-content{
        width: 88% !important;
    }

    .common-section .swiper-box .swiper-controller .tabs1 .tab-active{
        color: #000
    }

    .section1 .kv-logo img{
        width: 120%;
        position: relative;
        right: 10%;
    }
    .zoom_l_detail_num .min_number .m_f_d_s{
        margin-top: 0.1rem;
    }
    .zoom_l_detail_num .min_number .m_f_d_s-tst{
        margin-top: 0.2rem;
    }

    .common-section .swiper-title{
            padding: 1rem .53rem 0rem;
    }
    .common-section .swiper-box .swiper-controller-cq{
                margin-top: 0rem !important;
    }
    .common-section .swiper-box .swiper-controller{
        /* margin-top: -0.55rem */
    }
    .text-xn{
            margin-top: -0.9rem;
    }
    .text-max{
            padding: 0.3rem .53rem 0.2rem;
    }

    .swiper-units{
            padding: 0.4rem .53rem 0.2rem;
    }

    .m_f_t_s_1 span{
            white-space: nowrap;
    }



}
.cookie-txt p:nth-child(1) {
    text-align: left;
}
.cookie-txt a {
    color:#dfb591;
    text-decoration: underline;
}
.cookie-right {
    height: 0.6rem;
    width: 2.9rem;
    border: 1px solid #dfb591;
    text-align: center;
    cursor: pointer;
}
.cookie-right .btn-agree {
    color:#dfb591;
    cursor: pointer;
    /* background: linear-gradient(to right, #191515, #191515); */
    /* transition: all 0.5s; */
    display: block;
    width: 100%;
    height: 100%;
    line-height: .6rem;
}
.cookie-right .btn-agree:hover {
}


.policy-box {
	background-color: #1e1b18;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1.4rem 1.15rem;
}

.policy-box .title-1 {
	font-size: 0.5rem;
	color: #fff;
	font-weight: 700
}

.policy-box .title-2 {
	font-size: 0.27rem;
	color: #fff;
	margin-top: 0.3rem;
	font-weight: 300
}

.policy-box .policy-content {
	background-color: #1e1b18;
	/* padding: .8rem 1rem; */
	margin-top: 0.5rem;
	width: 100%;
	position: relative;
}

.policy-box .policy-content .box .bx {
	margin-bottom: 0.1rem;
	display: flex;
	align-items: center;
}

.policy-box .policy-content .box .bx .t {
	font-size: 0.25rem;
	font-weight: 700;
	color: #fff;
}

.policy-box .policy-content .box .bx .line {
	height: 0.24rem;
	width: 2px;
	background-color: rgba(255, 255, 255, 0.2);
	margin: 0 0.2rem;
}

.policy-box .policy-content .box .bx .d {
	font-size: 0.2rem;
	font-weight: 300;
	color: #fff;
}

.policy-box .policy-content .box .bx:nth-last-of-type(1) {
	margin-bottom: 0;
}

.policy-box .policy-content .sm-bx .bx {
	margin-bottom: 0rem;
}

.policy-box .policy-content .sm-bx .bx:nth-last-of-type(1) {
	margin-bottom: 0;
}

.policy-box .policy-content .big-bx {
	margin-top: 0.5rem;
}

.policy-box .policy-content .remarkers {
	color: rgba(255, 255, 255, 0.4);
	font-size: 0.15rem;
	margin-top: 0.6rem;
	line-height: 1.8;
	display: none
}

.policy-box .policy-content .tips {
	color: rgba(255, 255, 255, 0.4);
	font-size: 0.15rem;
	position: absolute;
	bottom: 1rem;
	right: 2rem;
}

.btn-qy-sj{
    background: #fff;
    width: 3rem;
    height: 0.63rem;
    line-height: 0.55rem;
    /* border: 1px solid #fff; */
    box-shadow: inset 0 0 0 1px #ffffff;
    position: relative;
    text-align: center;
    cursor: pointer;
    color: #000;
    font-size: 0.22rem;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 1.85rem;
    bottom: 1.5rem;
}

.pic-anquan{
    padding: 0.4rem 1.83rem 1.5rem 1.83rem;
}

.section3 {
    background-color: #373533 !important;
}
.box-esp{
    padding-top: 0rem !important;
}

.unit-guanjun{
    width: 100%;
    padding: 1rem;
    background-color: #373533;
}
.unit-guanjun img{
    width: 100%;
}