/* space Page Styles - 严格按照设计稿，使用rem单位配合resizeRoot.js */

/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.mb-only {
    display: none;
}

:root {
    /* --custom-text-size0: 0.5rem;
    --custom-text-size1: 0.24rem;
    --custom-text-size2: 0.22rem;
    --custom-text-size3: 0.18rem;
    --custom-text-size4: 0.16rem;
    --custom-text-size5: 0.14rem; */
    --font-80:0.80rem;
    --font-72:0.72rem;
    --font-50:0.5rem;
    --font-40:0.4rem;
    --font-42:0.42rem;
    --font-36:0.36rem;
    --font-32:0.32rem;
    --font-28:0.28rem;
    --font-24:0.24rem;
    --font-22:0.22rem;
    --font-20:0.2rem;
    --font-18:0.18rem;
    --font-16:0.16rem;
    --font-14:0.14rem;
    --custom-width: 76%;
    --color-w:#fff;
    --color-b:#000000;
    --color-gray0:#b2b2b2;
    --color-gray1:#7d7c7b;
    --color-yellow:#a4896d;
    --color-blankYellow:#61513b;
    --videoWidth:16.04rem;
    --videoHeight:8rem;
}

body {
    font-family: 'p-medium';
    line-height: 1.6;
    color: #333;
    background-color: #fff;
    font-size: var(--custom-text-size4);
    overflow-x: hidden;
    /* 基础字体大小 */
}
.bg{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section{
     width: 100vw;
    height: 100vh;
    position: relative;
}
.tiggo7_csh{
    width: 100vw;
    position: initial;
    height: auto;
}
.banner .title,.sectionT{
    position: absolute; 
    top: 1.1rem;
    width: 100%;
    text-align: center;
    color: var(--color-w);
    font-size: var(--font-50);
    line-height: 1.2;
    font-family:'Poppins-SemiBold';
}
.banner .title img{
    width: 4.46rem;
}
.banner .suTitle,.sectionSuTitle{
    position: absolute; 
    bottom: 1.46rem;
    left: 0;
    width: 100%;
    font-size:var(--font-50);
    text-align: center;
    color: var(--color-w);
}
.banner .sectionSuTitle{
    font-size: var(--font-40);
    line-height: 1.4;
    font-family:'p-regular';
    top:1.74rem;
}
.banner .suTitle{
    font-size: var(--font-32);
    line-height: 1.37;
     height: 1.36rem;
     overflow: hidden;
      left: 1.4rem;
      top: 75%;
}
.banner .suTitle li{
  text-align: left;
  height: 1.36rem;
}
.banner .suTitle .big{
    font-size: var(--font-72);
    line-height: 1.25;
}
.banner .suTitle .big .num{
    font-size: var(--font-80);
    line-height: 1.12;
}
.LT{
     position: absolute; 
    top: 1.2rem;
    left: 1.18rem;
    width: 80%;
    font-size:var(--font-40);
    color: var(--color-w);
}
.outsideTitle{
    width: var(--videoWidth);
    margin: 0 auto;
    font-size: var(--font-40);
    color: var(--color-yellow);
    line-height: 2;
    /* padding: 0.34rem 0 0.56rem 0.92rem; */
     /* padding: 0.2rem 0 0 0.92rem; */
     /* height: 2rem; */
     margin-bottom: 0.2rem;
}
.outsideTitle.black{
    color: var(--color-blankYellow);
}
.outsideTitle span{
    font-size: var(--font-72);
    color:var(--color-yellow);
    line-height: 1.1;
}
.outsideTitle p{
    font-size: var(--font-20);
    line-height: 1.6;
    color: var(--color-gray1);
}
.outsideTitle.smallSize{
    padding-left: 1.56rem;
}
.sectionSuTitle{
    font-size: var(--font-24);
    font-family:'p-regular';
}
.suTitle{
    position: absolute;
    top: 1.74rem;
    width: 100%;
    font-size: var(--font-24);
    text-align: center;
    color: var(--color-w);
}
.space_con{
    width: 100%;
    height: .8rem;
}
.evolution{
    width: 100%;
    height: 100vh;
    position: relative;
    /* margin:0.5rem 0 0.5rem 0; */
    /* display: flex;
    justify-content: center;
    align-items: center; */
}
.evolution .cover{
    width: 100%; height: 100%; position: absolute;
}
.way {
    width:var(--videoWidth);
    height: var(--videoHeight);
    margin: 0 auto;
    margin-bottom: 1.3rem;

    /* align-items: center; */
}
.evolution .evolutionCon{
    width: var(--videoWidth);
    height: var(--videoHeight);
    /* position: relative; */
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.evolution .evolutionCon .swiper-container{
    width: 100%;
    height: 100%;
}

.evolution ul{
    width:100%;
    height:100%;
}
.evolution ul li{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.evolution ul li.active{
    display: block;
}
.evolution .swiper-slide{
    background-color:var(--color-b);
}
.evolution .swiper-slide .word{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.84rem;
    color: var(--color-w);
    font-size: var(--font-24);
    line-height: 1.4;
}
.evolution .swiper-slide .word .t{
    font-size: var(--font-40);
    font-family:'p-bold';
    line-height: 1.5;
}
.evolution .swiper-slide .word .t span{
     font-family:'p-regular';
}
.evolution .swiper-slide .word .little{
    font-size: var(--font-16);
    line-height: 1.9;
}
.evolution .swiper-slide .word .ordinary p{
    padding: 0.15rem 0;
}

.evolution .btnCon{
    position: absolute;
    bottom: 0.68rem;
   left: 0.62rem;
   width: 0.6rem;
}
.evolution .btnCon a{
    width: 0.6rem;
    height: 0.6rem;
    margin: 0.03rem 0;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.evolution .btnCon a.on{
    background-color: var(--color-yellow);
    border-radius: 50%;
}
.evolution .swiper-pagination{
     --swiper-pagination-bottom:0.7rem;
     left:0.68rem;
     z-index: 1000;
}
.evolution .swiper-pagination-bullet{
    --swiper-pagination-bullet-width: 0.6rem;
   --swiper-pagination-bullet-height: 0.6rem;
  
   opacity:1;
  display: flex;
  justify-content: center;
  align-items: center;
    background-color: initial;
    border-radius: 50%;
}
.evolution .swiper-pagination-bullet img{
    width: 0.31rem;
    height: 0.36rem;
}
.evolution .swiper-pagination-bullet-active{
    background-color: var(--color-yellow);
}
/* carColor */
.carColor .pic{
    width: 100%;
    height: 100%;
}
.carColor .pic li{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; transition:all 0.5s ease;}

/* 动画样式 */
.con.suTitle li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.36rem;
    /* transform: translateY(100%); */
    overflow: hidden;
    transition: all 1s ease;
}

/* .con.suTitle li.animate-in {
    transform: translateY(0);
    opacity: 1;
}

.con.suTitle li.animate-out {
    transform: translateY(-100%);
    opacity: 0;
} */

/* Evolution section animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.evolution li .word .t,
.evolution li .word .ordinary {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease;
}

.evolution li.active .word .t,
.evolution li.active .word .ordinary {
    animation: fadeInUp 0.8s ease forwards;
}

.evolution li.active .word .t {
    animation-delay: 0.1s;
}

.evolution li.active .word .ordinary {
    animation-delay: 0.3s;
}
.controlsVideo{ position: relative;}
.controlsVideo .sectionT{top: 0.4rem; font-size: var(--font-40); padding: 0;}
.controlsVideo .allPlay{position: absolute; left: 50%; top:1.1rem; transform: translateX(-50%); font-size: var(--font-24); color: var(--color-w); cursor: pointer;}
.carColor .pic li.on{opacity: 1; transition:all 0.5s ease;}
.carColor .btnCon{ position: absolute; bottom: 1.22rem;  right: 1.4rem; width:auto; display: flex; justify-content: space-between; }
.carColor .btnCon a{width: 0.32rem; height: 0.32rem; display: block; border-radius: 50%;  margin: 0.15rem 0.1rem; position: relative; cursor: pointer;}
.carColor .btnCon a img{width:100%; height: 100%; object-fit: cover; }
.carColor .btnCon a::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    width: 0.32rem;
    height: 0.32rem;
    border: 0.06rem solid var(--color);
    border-radius: 50%;
    content: '';
    opacity: 0;
    transition: all 0.5s;
}
.carColor .btnCon a:hover::after,.carColor .btnCon a.on::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    transition: all 0.5s;
}
.carColor .btnCon a span{
    position: absolute;
    top: 0.4rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: var(--font-18);
    line-height: 2;
    color: var(--color);
    display: inline-block;
    width: 2.5rem;
    text-align: center;
    opacity: 0;
    transition: all 0.5s;
    font-family: 'p-regular';
}
.carColor .btnCon a.on span{
    opacity: 1;
}
.carColor .bigT{
    position: absolute; left: 1.6rem; top: 0.7rem;
    color: var(--color-w);
    font-size: var(--font-50);
    line-height: 1.16;
}
.carColor .wordCon{
    position: absolute; 
    color: var(--color-w);
    left: 2.2rem;
    width: 7rem;
    bottom: 2rem;
}
.carColor .wordCon .title,.carColor .wordCon .suTitle{
    width: 100%;
    position: relative;
    height: auto;
}
.carColor .wordCon .title p,.carColor .wordCon .suTitle p{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    color: var(--color);
    transition: all 0.5s;

}
.carColor .wordCon .suTitle p{
    font-family: 'p-regular';
    text-align: left;
}
.carColor .wordCon .title p.on,.carColor .wordCon .suTitle p.on{
    opacity: 1;
    transition: all 0.5s;
}
.carColor .wordCon .title{
    font-size: var(--font-50);
    line-height: 1;
}
.carColor .wordCon .suTitle{
    font-size: var(--font-18);
    line-height: 1.6;
    top: 0.52rem;
}
.bigSizeCon{
    width: 100vw;
    height: 100vh;
    margin-bottom: 0.5rem;
}
/* .design li{
     width: 100%;
    height: 100%;
    overflow-y: hidden;
    position: absolute;
    top: 0;
    left: 0;
} */

/* .design ul{
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
.design li{
  overflow: hidden;
   height: 100%;
   width: 100%;
   position: absolute;
   bottom: 0;
   left: 0;
   top: auto;
}
.design li img{
   height: 100vh;
   width: 100%;
   position: absolute;
   bottom: 0;
   left: 0;
   object-fit: cover;
}
.design .wordCon{
    position:absolute;
    left: 1.56rem;
    top: 0.94rem;
    color: var(--color-w);
    width: 80%;
    z-index: 2;
    height: calc( 100% - 0.94rem);
    object-fit: cover;
}
.design .wordCon .title{
 font-size: var(--font-40);
 line-height:1.45 ;
}
.design .wordCon .suTitle{
 font-size: var(--font-20);
 line-height:1.8 ;
  font-family:'p-regular';

} */


:root{
  --contentHeight: calc(80vh * 0.85);
  --contentWidth: calc(var(--contentHeight) * (16 / 9));
}
.template_0 .swiper-slide{
  /* width:1604px;
  height: 800px; */
  width: var(--videoWidth); 
  height: var(--videoHeight);
}
.template_0 .swiper-button-next,.template_0 .swiper-button-prev{
  width: 0.5rem;
  height: 0.5rem;
  background: rgba(0, 0, 0, .5);
  border-radius: 50%;
  top: 50%;
  color: var(--color-w);
 
}
.swiper-button-next:after, .swiper-button-prev:after{
  font-size: var(--font-14);
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0.3rem;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right:0.3rem;}
.template_0 .swiper-slide .pic{
  width: 16.04rem;
  height: var(--contentHeight);
  overflow: hidden;
  margin: 8vh auto 0;
  transition: all .2s ease-out, filter .75s ease-out, -webkit-filter .75s ease-out;
}
.template_0 .swiper-slide .video{
  width: 16.04rem;
  height: var(--contentHeight);
  margin: 8vh auto 0;
     overflow: hidden;
     position: relative;
}

.template_0 .swiper-slide .pic img,.template_0 .swiper-slide video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}
.template_0 .swiper-slide-active .pic img,.template_0 .swiper-slide-active .pic video{
}
.template_0 .swiper-slide-active .pic img,.template_0 .swiper-slide-active .pic video{
}
.template_0 .swiper-slide .word{
    height: 13%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    color:var(--color-yellow) ;
   font-size: var(--font-40);
  
}
.template_0 .swiper-slide .word >div{
    width: 100%;
    text-align: center;
}
.template_0 .swiper-slide .word .title{
    opacity: 0;
   transform: translateY(50%);
   transition: all 0.5s;
}
.template_0 .swiper-slide .word .con{
    font-size: var(--font-20);
    color: var(--color-gray1);
    opacity: 0;
   transform: translateY(50%);
   transition: all 0.5s;
}
.template_0 .swiper-pagination{
    bottom: 1.5vh;
    
}
.template_0 .swiper-pagination span {
    width: 0.64rem;
    height: 0.02rem;
    background-color:var(--color-gray0) ;
    border-radius: 0;
}
.template_0 .swiper-pagination .swiper-pagination-bullet-active{
    background-color:var(--color-b) ;
}
.template_0 .swiper-slide-active .word .title{
    opacity: 1;
   transform: translateY(0);
   transition: all 1.2s 0.5s;
}
.template_0 .swiper-slide-active .word .con{
    opacity: 1;
   transform: translateY(0);
   transition: all 1.2s 0.7s;
}


.playPauseBtn{
    width: 0.6rem; height:0.6rem; 
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0.4rem;
    right: 0.4rem;
    /* transform: translate(-50%,-50%); */
    background-color: rgba(-255, -255, -255, 0);
    border: none;
     z-index: 10;
}
.playPauseBtn i {
    width: 0.48rem;
    height: 0.48rem;
}
.playPauseBtn i img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.template_1{
  margin-bottom: 1rem;
}
.template_1 .swiper-slide{
    width: 100%;
    height:100%;
}
.template_1 .swiper-slide .pic,.template_1 .swiper-slide .video{
  height: 78%;
  width: 16.04rem;
  margin: 0 auto;
   position: relative;
}
.template_1 .swiper-slide .pic img,.template_1 .swiper-slide video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.template_1 .swiper-slide .title{
    position: absolute;
    left: 1.14rem;
    top: 0.66rem;
    color: var(--color-w);
    font-size: var(--font-40);
}
.template_1 .swiper-slide .con{
    position: absolute;
    left:0;
    bottom: 5vh;
    width: 100%;
    height: 10vh;
    color: var(--color-gray1);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font-18);
}
/* .design li .wordCon .title{
    bottom: 0.8rem;
    position: fixed;
    left: 0;
}
.design li .wordCon .suTitle{
    bottom: 7rem;
    position: fixed;
    left: 0;
} */
.design li:nth-child(2) .wordCon .suTitle{
    bottom: 0.6rem;
    position: absolute;
    left: 0;
}
.template_1 .swiper-pagination{
    bottom: 22vh;
    top:initial;
    width: 16.04rem;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    display: flex;
    color: var(--color-yellow);
    height: 0.86rem;
    line-height: 0.56rem;
    justify-content: space-between;
}
.template_1 .swiper-pagination::before{
    position: absolute; 
    bottom: 0; left: 0; content: ''; 
    height: 1px; width: 100%; 
    background-color: rgba(164,137,108, 0.5); display: block;
}
.template_1 .swiper-pagination span{
    width: 100%; height: 100%; position: relative;
    border-radius:0; background-color:rgba(-255, -255, -255, 0);
    margin: 0; padding: 0;
    font-size: var(--font-20);
    opacity:0.5;
    line-height: 1.36;
    display: flex;
    justify-content: center;
    align-items: center;
}
.template_1 .swiper-pagination span::after{
    position: absolute; 
    bottom: 0; left: 0; content: ''; 
    height: 0.02rem; width: 100%; 
    background-color: rgba(255, 255, 255,0); display: block;
    transition: all 0.5s;
}
.template_1 .swiper-pagination .swiper-pagination-bullet-active{
    height: 100%;
    background-color: rgba(-255, -255, -255, 0);
    margin: 0;
    opacity:1;
}
.template_1 .swiper-pagination .swiper-pagination-bullet-active::after{
    background-color:var(--color-yellow);
    transition: all 0.5s;
}
.power{
    width: 100%;
    /* height: 11.96rem; */
    overflow: hidden;
    /* position: relative; */
}
.power ul{
    position: absolute;
    left:3.2rem;
    top: initial;
    bottom: 1rem;
    color: var(--color-w);
    font-size: var(--font-20);
    font-family: 'p-regular';
    /* display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; */
}
.power ul li{
    margin-bottom: 0.4rem;
    /* width: 50%; */
}
.power ul li .big{
    font-size: var(--font-50);
    color: #c8a47d;
    line-height: 1;
}
/* .power .con{
    position: absolute; 
    color: #c8a47d;
    font-size: var(--font-20);
    font-family:'p-regular';
    bottom: 0.8rem;
    left:1.62rem;
    width: 6.22rem;
}
.power .con ul{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.power .con li{
    margin: 0.4rem 0;
}
.power .con .ap{ color: rgba(255, 255, 255, 0.7);}
.power .con .big{
 font-size: var(--font-36);
}
.power .con .big b{
    font-size:var(--font-72) ;
    color: #c8a47d;
    font-weight: 400;
    line-height: 1; 
}
.power .con .text1 li:first-child .num{
    width:1.68rem;
    display: inline-block;
}
.power .con .text1 li:last-child .num{
    width:1.1rem;
    display: inline-block;
}
.power .con .text2 .num{
    width:1.1rem;
    display: inline-block; 
} */
.efficiency{
    /* background-color: #e2e3df; */
    height: auto;
    margin: 1.3rem 0;
}
/* .efficiency .title{ 
    position: absolute; 
    left: 1.2rem;
    top: 0.7rem;
    color: var(--color-blankYellow);
    font-size: var(--font-40);
    line-height: 1.12;
} */
.efficiency .con{
    /* padding-top: 0.58rem; */
    display: flex;
    justify-content: center;
}
.efficiency .con>div{
    margin: 0 0.2rem;
    width: 7.8rem;
    height: 8rem;
    position: relative;
    transition: transform 0.45s cubic-bezier(.2,.8,.2,1), box-shadow 0.45s ease;
    transform-origin: center;
    will-change: transform;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
}

.efficiency .con>div:hover{
    transform: translateY(-0.18rem) scale(1.035);
    box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.2);
    z-index: 5;
  }

  .efficiency .con>div .bg{
    transition: transform 0.6s cubic-bezier(.2,.8,.2,1);
    will-change: transform;
    display: block;
  }

  .efficiency .con>div:hover .bg{
    transform: scale(1.06);
  }
.efficiency .con>div .t{
    color: var(--color-gray1);
    font-size: var(--font-20);
    /* margin-left: 0.5rem; */
    position: absolute;
    left: 0.44rem;
    bottom: 0.7rem;
    line-height: 1.6;
    transition: transform 0.45s cubic-bezier(.2,.8,.2,1), opacity 0.3s;
    will-change: transform, opacity;
    pointer-events: none;
}

.efficiency .con>div:hover .t{
    transform: translateY(-0.12rem);
    opacity: 1;
}
.efficiency .con>div ul{ 
    position: absolute;
    left: 0.42rem;
    top:1.04rem;
     font-size: var(--font-20);
    line-height: 1.4;
    color: var(--color-gray1);
    font-family:'p-regular';
    transition: transform 0.45s cubic-bezier(.2,.8,.2,1), opacity 0.3s;
    will-change: transform, opacity;
    pointer-events: none;
}

.efficiency .con>div:hover ul{
    transform: translateY(-0.12rem);
    opacity: 1;
}
.efficiency .con>div ul li{
   color: var(--color-gray1);
    margin-bottom: 0.32rem;
    /* padding-left: 0.14rem; */
}
.efficiency .con>div ul .littleT{
    padding-left: 0.14rem;
}
.efficiency .con>div ul .big{
    color: var(--color-yellow);
    font-size: var(--font-28);
    display: inline-block;
    border-bottom: var(--color-gray1) 1px solid;
    padding-left: 0.14rem;
} 
.efficiency .con>div ul li:last-child .big{
    border-bottom:none;
}
.efficiency .con>div ul .big b{
    color: var(--color-yellow);
     font-size: var(--font-72);
     font-weight: 400;
     line-height: 1.6;
}
.exploreSpace{
    height: auto;
}
.bdt-member {
  position: relative;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  transition: all .25s ease-in-out
}

.bdt-member-icons a:hover .fa-facebook {
  color: #3B5998
}

.bdt-member-icons a:hover .fa-flickr {
  color: #ff0084
}

.bdt-member-icons a:hover .fa-google-plus {
  color: #dd4b39
}

.bdt-member-icons a:hover .fa-twitter {
  color: #00aced
}

.bdt-member-icons a:hover .fa-github-alt {
  color: #bd5990
}

.bdt-member-icons a:hover .fa-linkedin {
  color: #007bb6
}

.bdt-member-icons a:hover .fa-pinterest {
  color: #BD081C
}

.bdt-member-photo,.bdt-member-photo-flip {
  width: 100%;
  height: 100%
}

.bdt-member-photo img,.bdt-member-photo-flip img {
  width: 100%;
  object-fit: cover;
  height: 100%
}

.bdt-member-icon svg {
  width: 1em;
  height: 1em
}

.bdt-member-photo-wrapper {
  overflow: hidden
}

.bdt-member-photo>div {
  opacity: 1
}

.bdt-member-photo img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transition: all .5s ease-out
}

.bdt-member-content {
  padding: 1em 1.5em
}

.bdt-member-name {
  display: block;
  margin-bottom: .2em;
  font-size: 1.2em;
  font-weight: 700
}

.bdt-member-role {
  display: block;
  margin-bottom: 1em;
  font-size: .9em;
  opacity: .5;
  filter: alpha(opacity=50)
}

.bdt-member-icon {
  padding: 5px
}

.bdt-member-icons {
  border-top: 1px solid rgba(0,0,0,0.05);
  padding: 1em
}

.bdt-member-icons a {
  display: inline-block;
  text-align: center;
  line-height: 1
}

.bdt-member-icons a:first-child {
  margin-left: 0
}

.bdt-member-icons a:last-child {
  margin-right: 0 !important
}

.bdt-member-icons a i {
  display: inline-block;
  min-width: 16px;
  text-align: center
}

.bdt-member-icons a i:before {
  font-size: 16px
}

.bdt-member-icons a img {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none
}

.bdt-member-icons a+a {
  margin-left: .8em
}

.bdt-member-clickable:hover {
  cursor: pointer
}

.elementor-widget-bdt-member .elementor-widget-container {
  background-color: #ffffff;
  overflow: hidden
}

.skin-phaedra .bdt-member-role {
  margin-bottom: 0
}

.skin-phaedra .bdt-member-name {
  color: #fff
}

.skin-phaedra .bdt-member-role {
  color: #fff
}

.skin-phaedra .bdt-member-icons {
  border-top: 1px solid rgba(222,229,235,0.5)
}

.skin-calm .bdt-member-role {
  transition: all .35s ease-out;
  margin-bottom: 0
}

.skin-calm .bdt-member-name {
  margin-bottom: 0
}

.skin-calm:hover .bdt-member-role {
  opacity: 0
}

.skin-calm .bdt-member-icons {
  padding: 0;
  color: #fff;
  margin-top: -15px
}

.skin-calm .bdt-member-content {
  opacity: 1;
  padding: 0;
  color: #fff
}

.skin-calm .bdt-overlay {
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0) 5%, rgba(0,0,0,0.31) 50%, rgba(0,0,0,0.65) 100%);
  bottom: -15px;
  padding-bottom: 45px
}

.skin-calm .bdt-member-icons {
  border-top: 0 solid rgba(0,0,0,0.05)
}

.skin-ekip .ekip-overlay {
  position: absolute;
  left: 0;
  top: -100%;
  color: transparent;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
  border-bottom: 3px solid #ff8217;
  transition: 1s
}

.skin-ekip:hover .ekip-overlay {
  top: 0;
  transition: .6s
}

.skin-ekip:hover .bdt-member-role {
  left: 50%;
  top: 60%;
  transform: translate(-50%, -60%);
  visibility: visible;
  opacity: 1
}

.skin-ekip:hover span.bdt-member-name {
  left: 50%;
  top: 70%;
  transform: translate(-50%, -70%);
  visibility: visible;
  opacity: 1
}

.skin-ekip:hover .bdt-member-icons {
  position: absolute;
  left: 50%;
  top: 90%;
  transform: translate(-50%, -90%);
  visibility: visible;
  opacity: 1
}

.skin-ekip .bdt-member-name,.skin-ekip .bdt-member-role {
  position: absolute;
  left: 50%;
  top: 10%;
  transform: translate(-50%, -10%);
  transition: .5s;
  color: #FFF;
  visibility: hidden;
  opacity: 0;
  width: fit-content
}

.skin-ekip .bdt-member-role {
  font-size: 13px
}

.skin-ekip .bdt-member-name {
  font-size: 22px
}

.skin-ekip .bdt-member-icons {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  z-index: 1;
  transition: .6s;
  visibility: hidden;
  opacity: 0;
  height: 40px;
  padding: 0;
  border: 0;
  width: fit-content
}

.skin-ekip .bdt-member-icon {
  padding: 8px 6px;
  background: rgba(255,255,255,0.2);
  border-radius: 40px;
  color: #fff;
  transition: all .3s ease
}

.skin-ekip .bdt-member-icon:hover {
  background: #fff;
  color: #1e87f0
}

.skin-ekip .bdt-member-content {
  padding: 0
}

.skin-band .bdt-member-item-wrapper {
  position: relative;
  border-radius: 6px;
  background: #fbfbfb;
  transition: all .2s ease-in
}

.skin-band .bdt-member-item-wrapper:hover .bdt-member-photo img,.skin-band .bdt-member-item-wrapper:hover .bdt-member-photo-flip img {
  transform: scale3d(1.05, 1.03, 1.1)
}

.skin-band .bdt-member-item-wrapper:hover .bdt-member-photo:before {
  opacity: 1;
  height: 100%;
  transition: all .4s 0s cubic-bezier(.175, .885, .32, 1.275)
}

.skin-band .bdt-member-item-wrapper:hover .bdt-member-icon {
  opacity: 1;
  transform: translateY(0)
}

.skin-band .bdt-member-item-wrapper:hover .bdt-member-icon:nth-child(2) {
  transition-delay: .2s
}

.skin-band .bdt-member-item-wrapper:hover .bdt-member-icon:nth-child(3) {
  transition-delay: .3s
}

.skin-band .bdt-member-item-wrapper:hover .bdt-member-icon:nth-child(4) {
  transition-delay: .4s
}

.skin-band .bdt-member-item-wrapper:hover .bdt-member-icon:nth-child(5) {
  transition-delay: .5s
}

.skin-band .bdt-member-content {
  position: relative;
  padding: 25px 30px 30px
}

.skin-band .bdt-member-name {
  color: #ff9644;
  font-size: 30px;
  font-weight: 700;
  margin: 0;
  padding-bottom: 5px;
  transition: all .3s ease
}

.skin-band .bdt-member-role {
  color: #999;
  opacity: .8
}

.skin-band .bdt-member-text {
  color: #999;
  font-weight: 400
}

.skin-band .bdt-member-photo-wrapper {
  position: relative
}

.skin-band .bdt-member-photo-flip,.skin-band .bdt-member-photo {
  position: relative;
  border-radius: 6px 6px 0 0;
  overflow: hidden
}

.skin-band .bdt-member-photo-flip img,.skin-band .bdt-member-photo img {
  transition: all .25s ease-in
}

.skin-band .bdt-member-photo:before {
  content: '';
  position: absolute;
  background: rgba(255,255,255,0.7);
  height: 0;
  width: 100%;
  bottom: 0;
  transform: skewY(-30deg) translateY(60%);
  transition: all .5s 0s cubic-bezier(.6, -0.28, .735, .045);
  opacity: 0;
  z-index: 1
}

.skin-band .bdt-member-icons {
  position: absolute;
  right: 30px;
  transform: translateY(-65px);
  z-index: 1;
  border: 0;
  padding: 0
}

.skin-band .bdt-member-icon {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  transform: translateY(60px);
  transition: all .4s ease;
  padding: 0;
  opacity: 0
}

.skin-band .bdt-member-icon:before {
  content: '';
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: block;
  background: #ff9644;
  transition: all 265ms ease-out
}

.skin-band .bdt-member-icon i {
  color: #fff
}

.skin-band .bdt-member-icon i,.skin-band .bdt-member-icon svg {
  position: absolute;
  top: 12px;
  left: 10px;
  transition: all 265ms ease-out
}

.skin-band .bdt-member-icon:hover:before {
  transform: scale(0);
  transition: all 265ms ease-in
}

.skin-band .bdt-member-icon:hover i,.skin-band .bdt-member-icon:hover svg {
  transform: scale(1.3);
  transition: all 265ms ease-in
}

.skin-band .bdt-member-icon:hover i {
  color: #ff9644
}

@media only screen and (max-width: 959px) {
  .skin-partait .bdt-member-name,.skin-partait .bdt-member-icons {
      color:#fff
  }

  .skin-partait .bdt-member-role,.skin-partait .bdt-member-content {
      color: initial
  }

  .skin-partait .bdt-member-desc-wrapper {
      position: relative !important
  }

  .skin-partait .bdt-member-name {
      color: initial
  }
}

.bdt-member.skin-flip {
  height: 360px;
  position: relative;
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.bdt-member.skin-flip .bdt-member-icons {
  border: 0;
  padding: 0
}

.bdt-member.skin-flip .bdt-member-text {
  color: #fff
}

.bdt-member.skin-flip .bdt-member-content {
  padding: 0;
  width: 100%
}

.bdt-member.skin-flip .bdt-skin-flip-layer-inner {
  position: relative;
  height: 100%;
  width: 100%
}

.bdt-member.skin-flip .bdt-member-icon {
  color: #fff;
  transition: all .2s ease
}

.bdt-member.skin-flip .bdt-member-icon:hover {
  color: #f5f5f5
}

.bdt-member.skin-flip .bdt-member-icon:hover .fa-twitter {
  color: #f5f5f5
}

.bdt-skin-flip-layer.bdt-skin-flip-front,.bdt-skin-flip-layer.bdt-skin-flip-back {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.bdt-skin-flip-back {
  background-color: #1e87f0;
  display: block
}

.bdt-skin-flip-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all .6s ease-in-out
}

.bdt-skin-flip-layer-overlay {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  text-align: center;
  padding: 0.35rem
}

.bdt-skin-flip-3d-yes .bdt-skin-flip-layer-inner {
  transform: translateZ(90px) scale(.95)
}

.bdt-skin-flip-3d-yes .bdt-skin-flip-layer-overlay {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: translateZ(.1px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.bdt-skin-flip-effect-flip .skin-flip {
  perspective: 1000px;
  transform-style: preserve-3d
}

.bdt-skin-flip-effect-flip .skin-flip:hover .bdt-skin-flip-back {
  transform: none;
  z-index: 1
}

.bdt-skin-flip-effect-flip .bdt-skin-flip-layer {
  transform-style: preserve-3d;
  backface-visibility: hidden
}

.bdt-skin-flip-effect-flip .bdt-skin-flip-front {
  transform: none;
  z-index: 1
}

.bdt-skin-flip-effect-flip .elementor-widget-container {
  overflow: inherit !important
}

.bdt-skin-flip-effect-flip .elementor-widget-container .skin-flip {
  overflow: inherit
}

.bdt-skin-flip-effect-flip.bdt-skin-flip-direction-right .bdt-skin-flip-back {
  transform: rotateX(0) rotateY(-180deg)
}

.bdt-skin-flip-effect-flip.bdt-skin-flip-direction-right .skin-flip:hover .bdt-skin-flip-front {
  transform: rotateX(0) rotateY(180deg)
}

.bdt-skin-flip-effect-flip.bdt-skin-flip-direction-left .bdt-skin-flip-back {
  transform: rotateX(0) rotateY(180deg)
}

.bdt-skin-flip-effect-flip.bdt-skin-flip-direction-left .skin-flip:hover .bdt-skin-flip-front {
  transform: rotateX(0) rotateY(-180deg)
}

.bdt-skin-flip-effect-flip.bdt-skin-flip-direction-up .bdt-skin-flip-back {
  transform: rotateX(-180deg) rotateY(0)
}

.bdt-skin-flip-effect-flip.bdt-skin-flip-direction-up .skin-flip:hover .bdt-skin-flip-front {
  transform: rotateX(180deg) rotateY(0)
}

.bdt-skin-flip-effect-flip.bdt-skin-flip-direction-down .bdt-skin-flip-back {
  transform: rotateX(180deg) rotateY(0)
}

.bdt-skin-flip-effect-flip.bdt-skin-flip-direction-down .skin-flip:hover .bdt-skin-flip-front {
  transform: rotateX(-180deg) rotateY(0)
}

.bdt-skin-flip-effect-push .bdt-skin-flip-front {
  transform: none
}

.bdt-skin-flip-effect-push .skin-flip {
  overflow: hidden
}

.bdt-skin-flip-effect-push .skin-flip:hover .bdt-skin-flip-back {
  transform: none
}

.bdt-skin-flip-effect-push.bdt-skin-flip-direction-right .skin-flip:hover .bdt-skin-flip-front {
  transform: translateX(100%) translateY(0)
}

.bdt-skin-flip-effect-push.bdt-skin-flip-direction-right .bdt-skin-flip-back {
  transform: translateX(-100%) translateY(0)
}

.bdt-skin-flip-effect-push.bdt-skin-flip-direction-left .skin-flip:hover .bdt-skin-flip-front {
  transform: translateX(-100%) translateY(0)
}

.bdt-skin-flip-effect-push.bdt-skin-flip-direction-left .bdt-skin-flip-back {
  transform: translateX(100%) translateY(0)
}

.bdt-skin-flip-effect-push.bdt-skin-flip-direction-up .skin-flip:hover .bdt-skin-flip-front {
  transform: translateX(0) translateY(-100%)
}

.bdt-skin-flip-effect-push.bdt-skin-flip-direction-up .bdt-skin-flip-back {
  transform: translateX(0) translateY(100%)
}

.bdt-skin-flip-effect-push.bdt-skin-flip-direction-down .skin-flip:hover .bdt-skin-flip-front {
  transform: translateX(0) translateY(100%)
}

.bdt-skin-flip-effect-push.bdt-skin-flip-direction-down .bdt-skin-flip-back {
  transform: translateX(0) translateY(-100%)
}

.bdt-skin-flip-effect-slide .skin-flip {
  overflow: hidden
}

.bdt-skin-flip-effect-slide .skin-flip:hover .bdt-skin-flip-back {
  transform: none
}

.bdt-skin-flip-effect-slide.bdt-skin-flip-direction-right .bdt-skin-flip-back {
  transform: translateX(-100%) translateY(0)
}

.bdt-skin-flip-effect-slide.bdt-skin-flip-direction-left .bdt-skin-flip-back {
  transform: translateX(100%) translateY(0)
}

.bdt-skin-flip-effect-slide.bdt-skin-flip-direction-up .bdt-skin-flip-back {
  transform: translateX(0) translateY(100%)
}

.bdt-skin-flip-effect-slide.bdt-skin-flip-direction-down .bdt-skin-flip-back {
  transform: translateX(0) translateY(-100%)
}

.elementor-widget-bdt-member.bdt-skin-flip-flipped .elementor-widget-container .bdt-skin-flip-front {
  display: none
}

.elementor-widget-bdt-member.bdt-skin-flip-flipped .elementor-widget-container .bdt-skin-flip-back {
  transform: none;
  opacity: 1
}
/* exploreSpace -翻页效果 */
.exploreSpace .elementor-column{
    margin:1.3rem auto;
    width: var(--videoWidth);
}
.exploreSpace .elementor-widget-container{
    width: var(--videoWidth);
    margin:1.3rem auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.exploreSpace .bdt-member-box{
    height: 5.1rem;  
    margin-bottom: 0.12rem;
     width: 5.26rem;
     position: relative;
    z-index: 1;
}
.exploreSpace .btn{
    height: 5.1rem;  
    margin-bottom: 0.12rem;
     width: 5.26rem;
     position: relative;
     transition: transform 0.45s cubic-bezier(.2,.8,.2,1), box-shadow 0.45s ease;
    transform-origin: center;
    will-change: transform;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
}
.exploreSpace .bdt-member-text{
    position: absolute;
    left: 0;
    bottom: 50%;
    transform: translateY(50%);
    text-align: center;
    color: var(--color-w);
    font-size: var(--font-24);
    line-height: 1.4;
    font-family: 'p-regular';
    width: 100%;
}
.exploreSpace .bdt-member-text .t{
    font-size: var(--font-40);
    line-height: 1.14;
}
.exploreSpace .bdt-member-text .con{
    margin-top: 0.04rem;
}
.exploreSpace .bdt-skin-flip-back{
   background-color: #a5886a;
}
.exploreSpace a{
     position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    font-size: var(--font-50);
    color: var(--color-w);
    padding-left: 0.34rem;
   line-height: 2.48;
}
.exploreSpace .bdt-member{height: 100%;}
.exploreSpace .bdt-member-box:nth-child(1),.exploreSpace .bdt-member-box:nth-child(4){
    width: 10.62rem;
}
.exploreSpace ul li:hover{
    transform: translateY(-0.18rem) scale(1.035);
    box-shadow: 0 0.5rem 1.2rem rgba(0,0,0,0.28);
    z-index: 5;
  }

  .exploreSpace ul li .bg{
    transition: transform 0.6s cubic-bezier(.2,.8,.2,1);
    will-change: transform;
    display: block;
  }

  /* slight zoom on hover, mousemove JS will add offset transforms */
  .exploreSpace ul li:hover .bg{
    transform: scale(1.06);
  }
  .exploreSpace ul li:hover .word{
    transform: translateY(-0.12rem);
    opacity: 1;
  }
.smart{ 
    width:100vw;
    height: var(--videoHeight);
    /* margin: 0 auto; */
    margin-bottom: 1.3rem;}
.smart .con{
    width:var(--videoWidth);
    height: 100%;
    margin: 0 auto;
    position: relative;
    /* width: 16.04rem;
    height: 7.92rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%); */
}
.smart ul{ 
   width: 100%;
   height: 100%;
   position: relative;
}
.smart ul li{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.smart ul li.active{
    opacity: 1;
    transition: opacity 0.5s ease;
}
.smart ul li .word{
    position: absolute;
    right: 0;
    bottom: 0.64rem;
    color: var(--color-w);
    font-size: var(--font-24);
    line-height: 1.4;
    font-family: 'p-regular';
    width: 9.6rem;
   text-align: center;
}
.smart .title{
    position: absolute;
    top: 1.66rem;
    left: 0.54rem;
    color: var(--color-yellow);
    font-size: var(--font-42);
    line-height: 1.1;  
}
.smart .btnCon{
    position: absolute;
    top:3.18rem;
    left: 0.48rem;
    font-size: var(--font-20);
}
.smart .btnCon a{
    width: 6.78rem;
    height: 0.68rem;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    color: var(--color-w);
    font-family:'p-regular';
    /* background:none; */
  
   position: relative;
}
.smart .btnCon a i{
    font-style: initial;
    margin-right: .16rem;
}
.smart .btnCon a::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    /* transform: translateY(-50%); */
    width:100%;
    height:100%;
    background: var(--color-yellow) url(../images/tiggo7csh/smart_icon.gif) no-repeat center right;
    background-size: auto 100%;
    opacity: 0;
     transition: all 0.5s ease-in-out;
}
.smart .btnCon a span{
    /* width: 0.86rem; */
    height: 100%;
    /* margin-left: 0.26rem; */
     display: flex;
     margin: 0 .16rem 0 .34rem;
    /* justify-content: center; */
    align-items: center;
}
.smart .btnCon a:hover::after,.smart .btnCon .on::after{
    opacity: 1;
    transition: all 0.5s ease-in-out;
}
.family{ margin-bottom: 1.3rem;}
.family ul{
    position: absolute;
    bottom: 0.58rem;
    left: 50%;
    transform: translateX(-50%);
    color: var(--color-w);
    font-size: var(--font-20);
    font-family:'p-regular'; 
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.family ul li{
    padding: 0 0.88rem;
    width: auto;
    border-right: var(--color-w) 1px solid;
}
.family ul li:last-child{
     border-right:none;
}
.family ul li b{
    font-size: var(--font-72);
    color: var(--color-yellow);
    font-weight: 400;
    line-height: 1.1;
}
.family ul li:nth-child(1) .num{
    width: 1rem;
    display: inline-block;
}
.family ul li:nth-child(2) .num{
    width: 1rem;
    display: inline-block;
}
.family ul li:nth-child(3) .num{
    width: 1rem;
    display: inline-block;
}
.adas{ height: auto; margin-bottom: 1.3rem;}
.adas .con{
     width: 16.04rem;
     margin: 0 auto ;
}
.adas .bigP{
    width: 100%;
    height: 9.02rem;
    object-fit: cover;
    position: relative;
    margin-bottom: 0.72rem;
    box-shadow: 0 0.08rem 0.1rem rgba(0, 0, 0, 0.15);
}
.adas .bigP .word{
    position: absolute;
    left: 0.4rem;
    top: 0.3rem;
    color: var(--color-w);
    font-size: var(--font-40);
    line-height: 1.35;
    /* width: 9.6rem; */
   /* text-align: center; */
}

.adas .bigP .word .con{
    font-family: 'p-regular';
    font-size: var(--font-20);
    line-height: 1.6;
    margin: 0;
}
.adas ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.adas ul li{
    width: 7.8rem;
    height: 6.12rem;
    position: relative;
    transition: transform 0.36s cubic-bezier(.2,.8,.2,1), box-shadow 0.36s ease;
    transform-origin: center;
    will-change: transform;
    cursor: pointer;
    z-index: 1;
}
.adas ul li .pic{
    width: 100%;
    height: 4.4rem;
    box-shadow: 0 0.08rem 0.1rem rgba(0,0,0,0.15);
    overflow: hidden;
}
  .adas ul li .pic .bg{
    transition: transform 0.5s cubic-bezier(.2,.8,.2,1);
    will-change: transform;
    display: block;
  }
/* .adas ul li .bg{
    width: 100%;
    height: 4.4rem;
} */
.adas ul li .word{
    font-size: var(--font-18);
    color: var(--color-gray1);
    line-height: 1.7;
    font-family: 'p-regular';
    width: 100%;
    margin-top: 0.2rem;
    transition: transform 0.36s cubic-bezier(.2,.8,.2,1), opacity 0.28s;
    will-change: transform, opacity;
    pointer-events: none;
}
.adas ul li .word .t{
    font-size: var(--font-32);
    line-height: 1.02;
    color: var(--color-yellow);
    width: 100%;
}
.adas ul li .word .con{
    margin: 0;
    margin-top: 0.1rem;
    width: 100%;
}
.adas ul li a{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    font-size: var(--font-50);
    color: var(--color-w);
    padding-left: 0.34rem;
    line-height: 2.48;
}
.adas ul li:hover{
    transform: translateY(-0.12rem) scale(1.03);
    /* box-shadow: 0 0.36rem 0.9rem rgba(0,0,0,0.22); */
    z-index: 6;
  }

  .adas ul li:hover .pic .bg{
    transform: scale(1.04);
  }
    .adas ul li:hover .word{
    transform: translateY(-0.08rem);
    opacity: 1;
  }

.photoAlbum {
    width: 100vw;
    height: 8rem;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}

.photoAlbum .albumContainer {
    width: 100%;
    height: 7.52rem;
    position: relative;
}

/* Swiper 容器样式 */
.photoAlbum .swiper-container {
    width: 100%;
    height: 7.52rem;
	--swiper-scrollbar-bottom:0.2rem;

}
.smallT{
    /* width: 16.04rem; */
        padding-left: 1.6rem;
}
.photoAlbum .swiper-wrapper {
    transition-timing-function: ease-in-out;
}

/* Swiper slide 样式 - 设置slidesPerView: 'auto' */
.photoAlbum .swiper-slide {
    width: 7.32rem;
    height: 100%;
    /* margin-right: 0.5rem; */
    /* transition: all 0.3s ease; */
    /* flex-shrink: 0; */
}
/* .photoAlbum .picTitle{
	font-size: var( --font-size-12);
	padding-top: 0.74rem;
	line-height:calc( 100vh - 7.52rem - 0.74rem );
	color: var(--color-white);
	height:calc( 100vh - 7.52rem - 0.74rem );
	text-align: center;
} */
/* 图片包装样式 */
/* .photoAlbum .swiper-slide {
    width: 7.5rem;
    height: 100%;
} */

.photoAlbum .swiper-slide >div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.photoAlbum .swiper-slide .mode0_b{
    display: flex;
    width:7.16rem;
    justify-content: space-between;
}
/* 模式样式 */
/* .photoAlbum .swiper-slide .mode0 .img0 {
    width: 100%; height: 50%; object-fit: cover;
}

.photoAlbum .swiper-slide .mode0 .img1,
.photoAlbum .swiper-slide .mode0 .img2 {
    width: 50%; height: 50%;
    object-fit: cover;
}
.photoAlbum .swiper-slide .mode1 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.photoAlbum .swiper-slide .mode2 img{
	width: 100%;
	height: 50%;
	object-fit: cover;
} */
 .photoAlbum .swiper-slide .mode0 .img0 {
    width: 7.16rem; height: 3.6rem; object-fit: cover;
}
.photoAlbum .swiper-slide .mode0 .img1,
.photoAlbum .swiper-slide .mode0 .img2 {
    width: 3.5rem; height: 3.6rem;
    object-fit: cover;
}
.photoAlbum .swiper-slide .mode1 img{
	width: 7.16rem;
	height: 7.36rem;
	object-fit: cover;
}
.photoAlbum .swiper-slide .mode2 img{
	width: 7.16rem;
	height: 3.6rem;
	object-fit: cover;
}
.photoAlbum .photoItem img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

/* 进度条分页器样式 */
.photoAlbum .swiper-pagination-progress {
    position: absolute;
    bottom: 0.3rem;
    left: 15%;
    width: 70%;
    height: 4px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    overflow: hidden;
    z-index: 10;
}

.photoAlbum .swiper-pagination-progressbar {
    background: #fff;
    height: 100%;
    transition: width 0.3s ease;
    border-radius: 2px;
}



/* 导航按钮样式 */
.photoAlbum .swiper-button-prev,
.photoAlbum .swiper-button-next {
    width: 0.5rem;
    height: 0.5rem;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    top: 50%;
    margin-top: -0.25rem;
    transition: all 0.3s ease;
    color: #fff;
}

.photoAlbum .swiper-button-prev:hover,
.photoAlbum .swiper-button-next:hover {
    background: rgba(0, 0, 0, 0.5);
}

.photoAlbum .swiper-button-prev::after,
.photoAlbum .swiper-button-next::after {
    font-size: 0.2rem;
}



.wheels{
    height: 7.5rem;
    
}
.wheels.w0{
    margin-bottom: 1.32rem;
}

.wheels .con{
   width: 17.3rem;
    height: 7.5rem;
    margin: 0 auto;
    /* position: absolute; */
    /* left: 50%;
    top: 0;
    transform: translateX(-50%); */
}
.wheels.smallSize .con{
    width: 16.04rem;
}
.popV{
    display:none;
    position:fixed;
    inset:0;
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,0.85);
    z-index:10000;
    align-items:center;
    justify-content:center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.popV.open{
    display:flex;
}
.popV > div{
    position:relative;
    width:100%;
    height:100%;
}
.popV .bg{
    width:100vw;
    height:100vh;
    object-fit:cover;
    display:block;
}
/* close button positioned with left:.4rem and right:.4rem as requested,
   aligned to the right visually */
.popV .close{
    position:absolute;
    top:.4rem;
    /* left:.4rem; */
    right:.4rem;
    z-index:1000;
    background:transparent;
    border:0;
    color:#fff;
    font-size:.6rem;
    line-height:1;
    cursor:pointer;
    text-align:right;
    /* padding-right:.4rem; */
}


/* .agile .LT{
    color: var(--color-blankYellow);
}
.agile ul li{
    position: absolute;  
    color: var(--color-b);
    font-size: var(--font-20);
    line-height: 1.8;
    
}
.agile ul li .t{
    font-size: var(--font-24);
    line-height: 1.3;
    color: var(--color-yellow);
}
.agile ul li .con{
    margin-bottom: 0.1rem;
    color: var(--color-gray1);
    font-family:'p-regular';
}
.agile ul li.dot0{
    top: 4.1rem;
    left: 1.36rem;
}
.agile ul li.dot1{
    top: 2.15rem;
    left: 10.1rem;
    padding-left: 0.8rem;
}
.agile ul li.dot2{
    top: 7.2rem;
    left: 1.3rem;
}
.agile ul li.dot3{
    top: 4.58rem;
    left: 14.66rem;
    padding-left: 1.26rem;;
}
.agile ul li.dot0 .con{
    width: 2.54rem;
}
.agile ul li.dot1 .con{
    width:5.18rem;
}
.agile ul li.dot2 .con{
    width:3.48rem;
}
.agile ul li.dot3 .con{
    width:2.26rem;
}
.agile ul li.dot0 .line{
    position: absolute;
    left: 1.25rem;
    top: 0;
    width: 6.07rem;
}
.agile ul li.dot1 .line{
    position: absolute;
    left: 0;
    top: 0;
    width: 0.79rem;
}
.agile ul li.dot2 .line{
    position: absolute;
    left: 2.6rem;
    top: 0;
    width: 5.32rem;
}
.agile ul li.dot3 .line{
    position: absolute;
    left: 0;
    top: 0;
    width: 1.26rem;
}


.agile ul li .point {
    position: relative;
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    background-color: var(--color-yellow);
    margin-top: 0.2rem;
}

.agile ul li .point::before,
.agile ul li .point::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 1px solid var(--color-yellow);
    animation: ripple 2s infinite ease-out;
}

.agile ul li .point::after {
    animation-delay: 0.6s;
} */

/* @keyframes ripple {
    0% {
        width: 0.1rem;
        height: 0.1rem;
        opacity: 1;
    }
    100% {
        width: 0.8rem;
        height: 0.8rem;
        opacity: 0;
    }
} */

/* .agile ul li.dot0 .point {
    top: -1.46rem;
    left: 7.3rem;
}
.agile ul li.dot1 .point {
    top: 2.34rem;
    left: -0.65rem;
}
.agile ul li.dot2 .point {
    top: -1.1rem;
    left: 7.9rem;
}
.agile ul li.dot3 .point {
    top: -0.53rem;
    left: -1.26rem;
} */

  
  /* .intelligent{background: url(../images/tiggo4csh/intelligent_bg.jpg) no-repeat top left; background-size: cover;}
  .intelligent .title{ color: var(--color-yellow);}
  .intelligent .picCon{ padding-top: 2.26rem;  display: flex; justify-content: space-between; width: 16.58rem; margin:0 auto;flex-wrap: wrap;}
  .intelligent .picCon li{width: 20%; text-align: center; display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 0.4rem; }
  .intelligent .picCon li .icon{width: 2rem; height: 1.3rem; margin-bottom: 0.1rem; text-align: center; transform: scale(1); transition: all 0.5s;}
  .intelligent .picCon li .icon img{width: 100%;}
  .intelligent .picCon li .w{ font-size: var(--font-20); text-align: center;}
  .intelligent .picCon li:hover .icon{transform: scale(1.1); transition: all 0.5s;} */
  /* .exclusive .suTitle{
    position: absolute;
    bottom: 0.64rem;
    font-size: var(--font-28);
    color: var(--color-w);
    line-height: 1.2;
    text-align: center;
    width: 100%;
  }
  
  .exclusive ul{
     color: var(--color-w);
     font-family:'p-regular';
  }
.exclusive ul .t{
    font-size: var(--font-22);
     text-align: center;
}
.exclusive ul .con{
    font-size: var(--font-16);
    text-align: center;
}
.exclusive ul li{
    width: 2.5rem;
}
.exclusive ul li::before{
    content: ''; position: absolute; top: 0; left: 0; width: 1.1rem; height: 1px; background-color: #89c4cb; display: block;
}
.exclusive ul li.point0{
    position: absolute;
    left: 2.4rem;
    top: 4.24rem;
     width: 2.5rem;
}
.exclusive ul li.point0::before{
    top: 50%;
    left: 100%;
}
.exclusive ul li.point1{
    position: absolute;
    left: 2.9rem;
    top: 5.46rem;
     width: 1.46rem;
}
.exclusive ul li.point1::before{
    top: 50%;
    left: 100%;
    background-color: #64a42a; 
    width: 1.34rem; 
}
.exclusive ul li.point2{
    position: absolute;
    left:8.08rem;
    top:7.02rem;
}
.exclusive ul li.point2::before{
    top: -1.06rem;
    left:50%;
    background-color: #e0b1c7; 
    width: 1px;
    height: 1.06rem; 
}
.exclusive ul li.point3{
    position: absolute;
    left:11.58rem;
    top:7.02rem;
    width: 2.9rem;
}
.exclusive ul li.point3::before{
    top: -1.3rem;
    left:50%;
    background-color: #bca8e7; 
    width: 1px;
    height: 1.3rem; 
} */
/* .testimonials{height: auto; padding-bottom: 1.54rem;}
.testimonials .buy1{
  width: 16.7rem;
  margin: 0 auto;
  padding-top: 0.75rem;
}
.testimonials .buy1 .bg{height: calc(100vh - 2.3rem);}
.testimonials .buy1 .word{
  font-size: var(--font-18);
  margin-bottom: 0.24rem;
   
}
.testimonials .buy1 .t{
   font-size: var(--font-22);
   color: var(--color-yellow);
   line-height: 2.6;
}
.testimonials .buy1 .con{
  font-family:'p-regular'; 
  color: var(--color-gray1);
}
.testimonials .buy2 {
  display: flex;
  justify-content: center;
  align-items: center;

}
.testimonials .buy2 img{width: 100%;}
.testimonials .buy2 >div{
  width:8rem;
  margin:0 0.4rem;
  height: 6.04rem;
}
.testimonials .videoCon{width: 100%; height:5.1rem;}
.testimonials .buy2 .wordCon{
  font-size: var(--font-18);
  color: var(--color-gray1);
  line-height: 1.4;
  margin: 0.2rem 0;
}
.testimonials .buy2 .wordCon .t{
  color: var(--color-yellow);
  font-size: var(--font-22);
}
.testimonials .buy2 .wordCon .con{
  font-family:'p-regular';
}
.testimonials .buy2 video{
    width: 100%;
    height: 5.1rem;
} */
/* .exclusive .suTitle{
  position: absolute;
  bottom: 0.64rem;
  font-size: var(--font-28);
  color: var(--color-w);
  line-height: 1.2;
  text-align: center;
  width: 100%;
} */
.car_comparison {background-color: #b8b0ab; height: auto;overflow: hidden; padding-bottom:1.3rem ; font-family:'p-regular'; display: flex; justify-content: center; flex-direction: column; }
.car_comparison .bg{height: auto; position: absolute; top: 0; left: 0;} 
.car_comparison .comparison_list{display: flex; justify-content: center;  padding-top: 1.82rem; gap: 1rem; }
.car_comparison .comparison_list li{width: 4.76rem;}
.car_comparison .comparison_list li img{width: 100%;}
.car_comparison .comparison_list .title{font-size: var(--font-40); color:#5d5143; line-height: 2;  width: 100%;}
.car_comparison .comparison_list .con_item{padding: 0.1rem 0;}
.car_comparison .comparison_list .con_item .con_item_title{font-size: var(--font-16); color: #353535;}
.car_comparison .comparison_list .con_item .con_item_con{font-size: var(--font-16); color: #353535;}
.car_comparison .comparison_list .con_item .con_item_con b,.car_comparison .comparison_list .con_item .con_item_con strong{font-size: var(--font-28); font-weight: 400; }
.car_comparison .comparison_btn{ padding-top: 0.39rem;display: flex; gap: 0.33rem;position: relative; z-index: 1; align-items: center; width: 10.52rem; margin: 0 auto;}
.car_comparison .comparison_btn  a{display: inline-block; background-color: var(--color-yellow); color: var(--color-w);font-size: var(--font-20); border-radius: 7px; line-height: 0.68rem; width: 3.79rem; text-align: center;}
.car_comparison .comparison_btn p{font-size: var(--font-14); color: #353535; line-height: 1.5; text-align: center;}

.content_us_jump{height: auto;}
.content_us_jump a {
  display: block;
  width: 20%;
  height: 7%;
  position: absolute;
  top: 30%;
  left: 6%;
}
#page-loading{position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; justify-content: center; z-index: 5;}
#page-loading .load_img{width: 100%; height: 100%;}
#page-loading .load_img img{width: 100%; height: 100%; object-fit: cover;}
#page-loading .loading-inner{width: 100%; height: 0.2rem; position: absolute; bottom: 0.4rem; left: 0; display: flex; justify-content: center; color: var(--color-w); font-size: var(--font-18); padding-bottom: 0.4rem; flex-direction: column;}
#page-loading .loading-inner .loading-text{margin-bottom: 0.2rem;}
#page-loading .loading-inner .loading-bar{display: flex; align-items: center; justify-content: center; gap: 0.05rem; height: 0.2rem;}
#page-loading .loading-inner .loading-bar .dot{ width: 0.1rem; height: 0.1rem; min-height: 10px; min-width:10px; background-color: var(--color-w); border-radius: 50%; animation: dotScale 1.4s infinite ease-in-out; filter: blur(0.5px);}
#page-loading .loading-inner .loading-bar .dot:nth-child(2){animation-delay: 0.16s;}
#page-loading .loading-inner .loading-bar .dot:nth-child(3){animation-delay: 0.32s;}

@keyframes dotScale {
    0%, 100% {transform: scale(0.2); opacity: 0.5;}
    50% {transform: scale(1); opacity: 1;}
}
/* 响应式设计 - 配合resizeRoot.js */
.news{width: 100%; height: 100vh; display: flex; justify-content: space-between; position: relative;}
.news .bg{
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  filter: blur(6px) brightness(0.7);
  /* background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../images/tiggo7csh/photoAlbum_p1.jpg');
  transition: background-image 0.4s ease, filter 0.4s ease;  */
  z-index: -1;
}
.news .bg img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0;}
.news .bg img:nth-child(1){ opacity: 1;}
.news .l{width: 27%;margin-left:8%; height: 100%;}
 .news .r{width:  8.1rem; margin-right:14.5%; height: 100%; /*padding-top: 0.68rem;*/} 

.news .l .title{padding-top: 1.4rem;  font-weight: bold;color: #a4896d; font-size: 0.5rem;}
.news .l .det{font-size: 0.24rem; color: #ffffff; margin-top: 0.24rem;}

.news .content{position: absolute; top: 0; left: 0; width: 100%;  display: flex; justify-content: space-between;}
.news .r ul{position: relative; width: 100%; height: 100%; }
.news .r li{width: 10.24rem; height: 5.72rem; overflow: hidden; border-radius: 0.03rem; background-color: #fff; position: absolute; top: 0; left: 0;}
.news .r li{top: 1rem;}
.news .r li .pic{width: 100%; height: 100%;border-radius: 0.03rem;object-fit: cover;}
@media (max-width: 1000px) {
	.news .content{flex-wrap: wrap;}
     .news .l{width: 90%; margin: 0 auto;}
    .news .l .title{ padding-top: 2.2rem;    font-size: 0.6rem; }
    .news .l .det{ height: 0.58rem; line-height: 0.48rem; font-size: 0.32rem; margin-top: 0.36rem;}
    .news .r {width:90%; margin: 0 auto;}
    .news .r li{ top: 2.4rem; width: 100%;}
    .news .r li .pic{height: 6.4rem;}
}

/* 手机端适配 */
@media (max-width: 768px) {
     :root {
        /* --font-72: 0.56rem;
        --font-50: 0.4rem;
        --font-40: 0.36rem;
        --font-36: 0.32rem;
        --font-28: 0.28rem;
        --font-24: 0.24rem;
        --font-22: 0.22rem;
        --font-20: 0.2rem;
        --font-18: 0.32rem;
        --font-16: 0.16rem;
        --font-14: 0.14rem; */
        --videoWidth:90%;
        --videoHeight:3.8rem;
    } 

    .pc-pad {
        display: none !important;
    }

    .mb-only {
        display: block !important;
    }

    section {
        width: 100%;
        height: 100vh;
        /* min-height: 100vh; */
    }
.tiggo7_csh{
    overflow-x: hidden;
}
    /* Banner */
    .banner .title, .sectionT {
        top: 2.64rem;
       font-size: var(--font-40);
        padding: 0 0.3rem;
        /* line-height: 1.3; */
    }
    .sectionT{
        top:1.9rem;
         font-size: var(--font-50);
    }
    .suTitle{
        top: 3.3rem;
        width: 80%;
        left: 10%;
        font-size: var(--font-32);
        line-height: 1.2;
        font-family: 'p-regular';
    }
    .banner .suTitle, .sectionSuTitle {
        top: 3.3rem;
        font-size: var(--font-32);
        padding: 0 0.3rem;
    }
    .banner .suTitle{
        top: 76%;
    }
    .LT {
        top: 1rem;
        left: 0.4rem;
        width: 90%;
    }
    .outsideTitle{
        /* padding: 0 0 0.2rem 0.64rem; */
        height: auto;
        line-height:1.25;
        font-size: var(--font-32);
        /* width: 95%; */
    }
    .outsideTitle span{
        font-size: var(--font-50);
    }
    .outsideTitle p{
        font-size: var(--font-24);
        margin: 0.1rem 0;
    }
    .outsideTitle.smallSize{
        padding-left: 0.64rem;
    }
    .wheels.smallSize .con{
        width: 90%;
    }
    .way {
        /* display: flex;
        justify-items: center;
        height: auto; */
        width: 90%;
        height: 3.8rem;
        /* align-items: center; */
    }
    .way .bg{
        /* width: 90%;
        height: 3.8rem;
        margin: 0 auto; */
        /* margin-bottom: 1rem; */
    }
    .wheels{
        height: 3.8rem;
    }
    .wheels .con{
        width: 90%;
        height: 3.8rem;
    }
    .controlsVideo .popV{
        position: absolute;
        /* left: -5%; */
        height: 3.8rem;
    }
    .controlsVideo .popV .bg{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .evolution .evolutionCon{
        width: 90%;
        height: 90%;
        margin: 0 auto;
    }
    .evolution .swiper-pagination{
        left: 0.3rem;
        bottom: 0.3rem;
        /* top: 0.34rem; */
        width: 80%;
        display: flex;
        
    }
    .evolution .swiper-slide .word .ordinary p{
        padding: 0.05rem 0;
    }
    .evolution .swiper-pagination span{
        margin: 0.05rem;
        width: 0.8rem;
        height: 0.8rem;
    }
    .evolution .swiper-pagination span img{
        width: 0.52rem;
        height: 0.52rem;
    }
    .evolution .cover{
        display: none;
    }
    .evolution .swiper-slide .word{
        left: 0.3rem;
        bottom: 10%;
        top: initial;
        transform: initial;
        font-size: var(--font-28);
    }
    .evolution .swiper-slide .word .little{
        font-size: var(--font-22);
    }
    .carColor .bigT{
        left: 0.62rem;
        top: 1.26rem;
        font-size: var(--font-40);
    }
    .carColor .wordCon{
        right: initial;
        top: 1.7rem;
        left: 0.5rem;
    }
    .carColor .wordCon .suTitle{
        left: 0;
        /* top:0; */
        /* left: 0.62rem; */
    }
    .carColor .wordCon .title p, .carColor .wordCon .suTitle p{
        /* left: 0.62rem; */
    }
    .carColor .wordCon .suTitle p{
        font-size: var(--font-24);
    }
    /* carColor 颜色选择器 */
    .carColor .btnCon {
        display: flex;
        top: 4rem;
        left: 0.4rem;
    }

    .carColor .btnCon a {
        width: 0.4rem;
        height: 0.4rem;
        /* margin: 0 0.14rem; */
    }
    .carColor .btnCon a::after{
      width: 0.38rem;
      height: 0.38rem;
      opacity: 0;
    }
    .carColor .btnCon a span{
        font-size: var(--font-20);
        display: none;
    }
    
    .carColor .btnCon a:hover::after{
        opacity:0;
    }
     .carColor .btnCon a.on::after{
        opacity: 1;
     }
    .design .wordCon{
        left: 0.62rem;
        top: 2rem;
        width: 84%;
        height: calc(100% - 2rem);
    }
    .design .wordCon .suTitle{
        font-size: var(--font-24);
        margin-top: 0.28rem;
    }
    .template_0{ height: 7.16rem; min-height: auto;}
    .template_0 .swiper-wrapper{align-items: center;}

    .template_0 .swiper-slide{
        width: 6.16rem;
        height: 4.90rem;
        padding: 0 0.1rem;
    }
    .template_0 .swiper-slide .pic,.template_0 .swiper-slide .video{
        margin-top:0.56rem;
        height: 3.46rem;
        width: 100%;
    }
    .template_0 .swiper-slide .word{
        height: 0.9rem;
        font-size: var(--font-32);
        line-height: 1.2;
        margin-top: 0.2rem;
    }
    .template_0 .swiper-slide .word .con{
       
        font-size: var(--font-24);
        margin-top: 0.1rem;
    }
    .template_0 .swiper-pagination{
       bottom: 1rem;
        height: 0.1rem;
        display: flex;
        justify-content: center;
        font-size: var(--font-40);
    }
    .playPauseBtn{
        bottom: 0.2rem;
        right: 0.2rem;
       
    }
    .playPauseBtn i{
        width: 100%;
        height: 100%;
    }
    .power ul{
        position: absolute;
        left: 1.2rem;
        top: initial;
        bottom: 1rem;
        color: var(--color-w);
        font-size: var(--font-20);
        font-family: 'p-regular';
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .power ul li{
        margin-bottom: 0.54rem;
        width: 50%;
    }
    .power .con{
        left: 0.62rem;
    }
    .power .con{
        font-size: var(--font-32);
    }
    .power .con .big b{
        font-size: var(--font-80);
    }
    .power .con .text1 li:first-child .num{
        width:1.8rem;
        display: inline-block;
    }
    .power .con .text1 li:last-child .num{
        width:1.2rem;
        display: inline-block;
    }
    .power .con .text2 .num{
        width:1.2rem;
        display: inline-block; 
    }
    .smart{
        width: 100vw;
        height: auto;
    }
    .smart .con{
        width: 90%;
        height: 11.7rem;
    }
    .smart .title{
        left: 0.42rem;
    }
    .smart .btnCon{
        left: 0.42rem;
        width: 100%;
        font-size: var(--font-24);
    }
    .smart .btnCon a{
        width:calc( 100% - 0.42rem);
    }
    /* .smart .btnCon a span{
        margin-left: 0;
    } */
    .smart .btnCon a:hover, .smart .btnCon .on{
        background: var(--color-yellow);
    }
    .smart .btnCon a::after{
        display: none;
    }
    .smart ul li .word{
        width: 100%;
    }
    /* .power_v{ height: auto; min-height: auto; padding-top: 0.2rem;}
    .power_v.be{margin-top: 0.5rem;}
    .power_v.af{margin-bottom: 0.5rem;}
    .power_v .bg{
        width: 6.8rem;
        height: 3.5rem;
        margin-left: 0.36rem;
        margin-top: 1.2rem;
    }
    .power_v .title{
        color: var(--color-yellow);
        font-size: var(--font-32);
        width: 6.2rem;
        left: 0.4rem;
        line-height: 1.25;
        top: 0.4rem;
    } */
    .efficiency{height: auto;}
    .efficiency .con{
        flex-wrap: wrap;
    }
    .efficiency .con>div{
        width: 6.54rem;
        height: 6.22rem;
        margin-bottom: 0.5rem;
    }
    /* .efficiency .con{
        padding-top: 2.04rem;
    } */
    .efficiency .con>div .t{
        font-size: var(--font-18);
    }
    .efficiency .con>div ul{
        left: 0.34rem;
        top: 0.98rem;
        font-size: var(--font-18);
    }
    .efficiency .con>div ul li{
        margin-bottom: 0.14rem;
    }
    .efficiency .con>div ul .big{
        font-size: var(--font-20);
    }
    .efficiency .con>div ul .big b{
        font-size: var(--font-50);
        line-height: 1.2;
    }
    /* .photoAlbum .picTitle{ padding-top: 1.2rem; line-height: calc(100vh - 7.52rem - 1.2rem); height: calc(100vh - 7.52rem - 1.2rem);} */
	.photoAlbum .swiper-slide { width:100vw; height: 100%;}
    .family{margin-bottom: 0.5rem;}
    .bigSizeCon{
        width: 90%;
        height: 3.8rem;
        margin: 0 auto;
        margin-bottom: 0.5rem;
    }
    /* .agile{height: 13.7rem; min-height: auto;}
    .agile ul li.dot0{
        left: 4rem;
        top: 1.64rem;
    }
    .agile .bg{
        height: auto;
    }
     .agile ul li.dot1{
        left:3.62rem;
        top: 7.7rem;
        padding-left: 1.88rem;
        width: 3.58rem;
        padding-top: 0.33rem;
    }
     .agile ul li.dot2{
        left:1.1rem;
        top:2.72rem;
    }
    .agile ul li.dot3{
        left:initial;
        top:10.72rem;
        right: 1.64rem;
        padding-left: 0.16rem;
        padding-top: 1rem;
        width: 2.14rem;
    }
    .agile ul li{
        font-size: var(--font-18);
    }
    .agile ul li .t{
        font-size: var(--font-28);
    }
    .agile ul li.dot0 .con{
        width: 3.4rem;
    }
    .agile ul li.dot0 .line{
        width: 0.02rem;
        left: 0.64rem;
        top: 0.96rem;
    }
    .agile ul li.dot0 .point{
        left: 0.62rem;
        top: 3.8rem;
    }
    .agile ul li.dot2 .line{
        width: 0.02rem;
        left: 1.44rem;
        top: 0.7rem;
    }
    .agile ul li.dot2 .point{
        left: 1.42rem;
        top: 3.5rem;
    }
    .agile ul li.dot1 .con{
        width: 100%;
    }
    .agile ul li.dot1 .line{
        width: 2.44rem;
        height: 0.43rem;
    }
    .agile ul li.dot1 .point{
        left: -1.9rem;
        top: -3.2rem;
    }
    .agile ul li.dot3 .line{
      width: 0.66rem;  
    }
    .agile ul li.dot3 .point{
        top: -2.2rem;
        left: -0.18rem;
    } */
    /* .ampleRoom .long {
        left: 1.1rem;
        top: 8.8rem;
        width: 3rem;
        display: none;
    } */
     .template_1{
        height: 8.24rem;
        width: 90%;
        margin: 0 auto;
        margin-top: 0.5rem;
     }
    .template_1 .swiper-slide .t{
        position: absolute;
        bottom:2.8rem;
        left: 0;
        width: 100%;
        color: var(--color-yellow);
        font-size: var(--font-32);
        text-align: center;
    }
    .template_1 .swiper-pagination span{
        width: .64rem;
        height: 0.02rem;
        background-color: var(--color-gray1);
    }
    .template_1 .swiper-pagination{
        width: 100%;
        align-items: center;
       justify-content: center;
       bottom:1rem;
    }
    .template_1 .swiper-pagination::before{
        background-color: rgba(-255, -255, -255, 0);
    }
    .template_1 .swiper-pagination .swiper-pagination-bullet-active{
        background-color: var(--color-gray1);
        height: 0.02rem;
    }
    .template_1 .swiper-slide .con{
        bottom: 0.8rem;
        font-size: var(--font-24);
        line-height: 1.8;
        width: 90%;
       left: 50%;
       transform: translateX(-50%);
       height: 1.84rem;
       display: block;
       text-align: center;
       text-align: center;
       /* align-items:flex-start;
       flex-wrap: wrap; */
       /* display: flex;
       align-items: center; */
    }
    .template_1 .swiper-slide .title{
        top: 0.2rem;
        left: 0.4rem;
        width: calc( 100% - 1.28rem );
        font-size: var(--font-24);
    }
    .template_1 .swiper-slide .pic, .template_1 .swiper-slide .video{
        /* width: 90%; */
        height: 3.84rem;
    }
    .adas .con{
        width: 90%;
    }
    .adas .bigP .word{
        width: 90%;
        position: initial;
        font-size: var(--font-24);
        color: var(--color-gray1);
    }
     .adas .bigP .word .t{
        font-size: var(--font-32);
        line-height: 1.02;
        color: var(--color-yellow);
        width: 100%;
     }
     .adas .bigP .word .con{
        font-size: var(--font-24);
        width: 100%;
     }
    .adas .bigP{
         height: 6.12rem;
         margin-bottom:0;
         box-shadow:none;
        /* width: 90%; */
    }
    .adas .bigP .bg{
        height: 3.8rem;
    }
    .adas ul li .bg{
    height: 3.8rem;
    }
    .adas ul li .word{
        font-size: var(--font-24);
    }
    .adas ul li .pic{
        height: 3.8rem;
    }
     .adas ul li:last-child{
        display: none;
     }
    .space .suTitle br{display: none;}
    .exploreSpace .elementor-widget-container{ width: 100%;}
    .exploreSpace  .bdt-member,.exploreSpace .bdt-member-box,.exploreSpace .btn{
        height: 3.27rem;
        width: 3.32rem;
    }
    .exploreSpace .bdt-member:nth-child(1), .exploreSpac .bdt-member:nth-child(4),.exploreSpace .bdt-member-box:nth-child(1),.exploreSpace .bdt-member-box:nth-child(4){
        height: 3.27rem;
        width: 100%;
    }
    .exploreSpace .btn{
         height: 3.27rem;
        width: 100%;
        text-align: right;
        background-color: var(--color-yellow);
        /* display: none; */
    }
    .exploreSpace .btn img{
        height: 100%;
        width: auto;
    }
    .exploreSpace a{
        text-align: left;
    }
    .exploreSpace .bdt-member-text{
        width: 100%;
    }
    .exploreSpace .bdt-member-text .t{
        font-size: var(--font-24);
    }
    .exploreSpace .bdt-member-text  .con{
        font-size: var(--font-18);
    }

    .spaceBuy{ height: auto; min-height: auto;}
    .spaceBuy .buy0{flex-wrap: wrap;width: 90%; height:auto;}
    .spaceBuy .buy0 .l{
        flex-direction:column-reverse;
        display: flex;
    }
    .spaceBuy .buy0 .l .word{ padding: 0 0.24rem; margin-top: 0; margin-bottom: 0.3rem;}
    .spaceBuy >div{width: 90%; margin-bottom: 0.88rem;}
    .spaceBuy >div .t{font-size: var(--font-32); line-height: 1.25; margin-bottom: 0.2rem;}
    .spaceBuy >div .con{font-size: var(--font-24); line-height: 1.8;}
     /* .warmth,.instantly,.aribags,.exclusive{height: auto;}
    .warmth .bg,.instantly .bg,.aribags .bg,.exclusive .bg{width: 100%; height: auto; padding: 0.68rem 5%;}
    .warmth .LT,.instantly .LT,.aribags .LT,.exclusive .LT{top: 0; color: var(--color-yellow);} */
    /* .instantly .bg{padding-bottom: 0;} */
   
    .family ul{font-size: var(--font-24); bottom: 2.9rem;}
    .family ul li{padding:0.4rem 0.28rem; max-width: 2.9rem;}
    .family ul li:first-child{padding:0 0.28rem;}
    .family ul li b{font-size: var(--font-80);}
     .family ul li:nth-child(3) .num{width: 0.6rem;}
    /* .sensing .wordCon{left: 0.7rem; font-size: var(--font-32);}
    .sensing .wordCon ul{flex-wrap: wrap;}
    .sensing .wordCon ul li .num{font-size: var(--font-80); width: 0.6rem;}
    .sensing .wordCon ul li .con{font-size: var(--font-24); width: 60%;} */
    /* .safety{flex-wrap: wrap;}
    .safety .l{display: flex; flex-direction:column-reverse; margin-bottom: 1rem;} 
    .safety .wordCon .t{font-size: var(--font-32);}
    .safety .wordCon .con{font-size: var(--font-24);} */
    /* .intelligent{height: auto;}
    .intelligent .picCon{width: 82%; height: auto; padding-top: 3.16rem; padding-bottom: 1.2rem;} */
    .efficiency .title{left: 0.6rem;}
    /* .intelligent .picCon li{width: 50%;} */
    /* .aribags{margin-top: 0.94rem;}
    .aribags .LT,.exclusive .LT{font-size: var(--font-32);}
    .aribags .bg{padding-top: 1.24rem;} */
    /* .exclusive .bg{padding-top: 1.24rem;  }
    .exclusive ul{display: none;}
    .exclusive .suTitle{font-size: var(--font-24);  padding: 0 1.34rem; bottom:1.3rem} */
    /* .testimonials{width: 90%; margin: 0 auto; padding-bottom: 0.54rem;}
    .testimonials .buy1 .word{ font-size: var(--font-24); line-height: 1.1;}
    .testimonials .buy1{width: 100%;}
    .testimonials .buy1 .t{font-size: var(--font-32); line-height: 1.4;}
    .testimonials .buy1 .bg{ height: 3.1rem;}
    .testimonials .buy2{flex-wrap: wrap;}
    .testimonials .buy2 >div{width: 100%; margin: 0.6rem 0; height: auto;}
    .testimonials .videoCon{width: 100%; height:3.1rem;}
    .testimonials .buy2 video{width: 100%; height: 100%;}
    .testimonials .buy2 .l{display: flex;flex-direction:column-reverse;}
    .testimonials .buy2 .wordCon .t{font-size: var(--font-32);} */
    .car_comparison .comparison_list li{width: 50%;}
    .comparison_list li img{width: 100%;}
    .car_comparison{ padding-bottom: 1.1rem;}
    .car_comparison .comparison_list {
        gap: 0.1rem;
        width: 90%;
        margin: 0 auto;
        justify-content: space-between;
    }
    .car_comparison .comparison_list .con_item .con_item_title{
        font-size: var(--font-18);
       
    }
    .car_comparison .comparison_btn{
        width: 90%;
        margin: 0 auto;
        padding-left:0;
        font-size: var(--font-24);
         display: block;
    }
    .car_comparison .comparison_btn p{
        text-align: left;
        margin-top: 0.34rem;
        font-size: var(--font-18);
    }
    .content_us_jump a
    {
        width: 54%;
        height: 7%;
        top: 30.5%;
        left: 10.5%;
    }
}