.box_1 {}
input{
    outline: none;
}
.rf-logo{
    background: url(../img/logo-RF8.png) no-repeat center/100%;
    display: inline-block;
    width: 28rem;
    height: 3.7rem;
    vertical-align: -0.4rem;
}
.box_1 .content {
    position: relative;
}
.box_1 .content img {
    display: none;
}
#shadow_img {
    position: absolute;
    top: 0;
}

.box_1 .bottom {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    color: rgb(241, 242, 244);
}

.box_1 .bottom .title {
    position: absolute;
    top: 63.72vh;
    /* left: 57rem; */
    left: 50%;
    width: 71.7rem;
    font-size: 3.9rem;
    margin-left: -35.85rem;
}

.box_1 .bottom .sub-title {
    position: absolute;
    top: 70.74vh;
    /* left: 79.5rem; */
    left: 50%;
    width: 38rem;
    font-size: 3.3rem;
    margin-left: -19rem;
}

.box_1 .bottom .btn {
    position: absolute;
    top: 77.2vh;
    left: 87rem;
    /* right: 87rem; */
    width: 18rem;
    height: 4.63vh;
    font-size: 1.8rem;
    font-weight: bold;
    background: #fff;
    cursor: pointer;
    text-decoration: none;
    color: #cfa66c;
}
.icon-fxp{
    display: inline-block;
    background: url(../img/icon-fxp-def.png) no-repeat center / 100%;
    width: 2rem;
    height: 1.86vh;
    margin-right: 1rem;
    position: relative;
    top: 0.093vh;
}
.box_1 .bottom .btn:hover{
    background-color: rgb(207, 166, 108);
    color: #fff;
}
.box_1 .bottom .btn:hover .icon-fxp {
    background-image: url(../img/icon-fxp-cur.png);
}


.box_1 .bottom .tab {
    position: absolute;
    top: 89.63vh;
    left: 59.3rem;
    /* right: 59.2rem; */
    width: 74rem;
    font-size: 1.8rem;
}

.box_1 .bottom .tab .tab-item {
    flex: 1;
}

.box_1 .bottom .tab .tab-item:not(:last-child) {
    border-right: 1px solid rgb(182 198 206);
}

.box_1 .right-btn {
    position: fixed;
    top: 71.46vh;
    right: 2rem;
    width: 8rem;
    height: 15.28vh;
    z-index: 999;
}

.box_1 .right-btn .pc .bgi {
    width: 7.8rem;
    height: 7.8rem;
    /* height: 7.22vh; */
    cursor: pointer;
    display: block;
}



.box_1 .right-btn .m{
    display: none;
}
.box_4 .desc .m{
    display: none;
}


.box_2 {
    height: 39.57vh;
}

.box_2 .title {
    height: 100%;
    padding: 9.26vh 64.4rem;
}

.box_3 .content {
    position: relative;
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.box_3 .content .qipao {
    position: absolute;
    top: 4.63vh;
    left: 35.4rem;
    width: 33.3rem;
    height: 33.7rem;
    z-index: 1;
    color: rgb(207, 166, 108);
    font-size: 6.3rem;
}

.box_3 .content .qipao .key {
    font-size: 3.3rem;
}

.box_3 .content .config {
    position: absolute;
    bottom: 10vh;
    left: 51.2rem;
    right: 51.4rem;
    z-index: 1;
}

.box_3 .content .config .config-item .key {
    opacity: .75;
    font-size: 1.8rem;
}

.box_3 .content .config .config-item .value {
    font-size: 4.5rem;
}

.box_3 .content .config .config-item .value-1 {
    font-size: 1.8rem;
}

.box_4 .content {
    background: #fff;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.box_4 .content .tabs-1 {
    position: absolute;
    left: 0;
    top: 39.81vh;
    bottom: 39.91vh;
    width: 22rem;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.box_4 .content .tabs-1 .tab-item {
    position: relative;
    text-align: right;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    opacity: .9;
    color: #fff;
    width: 100%;
}

.box_4 .desc .btn {
    text-decoration: none;
    color: #cfa66c;
}
.box_4 .desc .btn:hover{
    background-color: rgb(207, 166, 108);
    color: #fff;
}

.bg-exteriorimg {
    transition: all 0.5s ease-in-out;
}

.bg-exteriorimg img {
    position: absolute;
    top: 26.6vh;
    left: 45.1rem;
    display: block;
    width: 127.7rem;
    height: auto;
    margin: 0 auto;

}

.exteriorimg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.5s ease-in-out;
}

.exteriorimg .vehicle-color,
.exteriorimg .internal-color {
    transition: all 0.5s ease-in-out;
    opacity: 0;
}
.exteriorimg img {
    position: absolute;
    bottom: 14.38%;
    left: 49.7rem;
    right: 50.2rem;
    display: block;
    width: 134.7rem;
    height: auto;
    margin: 0 auto;
    cursor: -webkit-grab;
    cursor: grab;
}

.exteriorimg .vehicle-color.active {
    opacity: 1;
}

.box_4 .content .sprite {
    display: inline-block;
    width: 50px;
    /* 图片的宽度 */
    height: 50px;
    /* 图片的高度 */
    background-position: 0 0;
    position: relative;
    z-index: -1;
}


.box_4 .content .tabs-1 .tab-item:not(:last-child) {
    margin-bottom: 3.94vh;
}

.box_4 .content .tabs-1 .tab-item.active,
.box_4 .content .tabs-1 .tab-item:hover {
    opacity: 1;
}

.box_4 .content .tabs-1 .tab-item .title {
    font-size: 2rem;
    border-bottom: 1px solid #fff
}

.tab-item.exterior.active .title {
    opacity: 1 !important;
    border-bottom: 1px solid #fff !important;
}

.tab-item.exterior .title {
    opacity: .9 !important;
    border-bottom: 1px solid #fff !important;
}

.box_4 .content .tabs-1 .m-menu.tab-item.exterior .title{
    border-top: none;
    border-left: none;
    border-right: none;
}
.box_4 .content .tabs-1 .m-menu.tab-item.exterior.active .title {
    opacity: 1 !important;
    border-bottom: 1px solid #fff !important;
    background: none;
    color: #fff;
}
.box_4 .content .tabs-2 {
    position: absolute;
    left: 140.1rem;
    bottom: 8.89vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}

.box_4 .content .tabs-2 .c-tabs {
    display: flex;
    align-items: center;
    margin-top: 0.14vh;
}

.box_4 .content .tabs-2 .c-tabs .c-tabs-item {
    width: 4.5rem;
    height: auto;
    border-radius: 50%;
    cursor: pointer;
}
.box_4 .content .tabs-2 .c-tabs .c-tabs-item:hover,.box_4 .content .tabs-2 .c-tabs .c-tabs-item.active{
    width: 5rem;
}


.box_4 .content .tabs-2 .c-tabs .c-tabs-item:not(:last-child) {
    margin-right: 4.1rem;
}

.box_4 .content .desc {
    position: absolute;
    left: 16rem;
    bottom: 8.8vh;
    z-index: 2;
}
.flex-tab{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.menu-item{
    /* display: inline-block; */
    width: 8rem;
    height: 4.63vh;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.desc .title {
    font-size: 3.3rem;
}

.desc .title-2 {
    display: none;
    color: #fff;
}

.desc .btn {
    display: inline-block;
    margin-top: 4.26vh;
    font-size: 1.26rem;
    /* background-color: rgb(207, 166, 108); */
    padding: 0.74vh 2.2rem 0.65vh;
    /* cursor: -webkit-grab;
    cursor: grab; */
    background-color: #fff;
}

.desc .btn.pc {
    margin-left: 4rem;
    background-color: #fff;
}

.box_4 .content .tabs-2 #interiorId {
    display: none;
}

.tab-text.active .title {
    color: #000 !important;
    border-bottom: 2px solid #000 !important;
    /* 点击后的颜色 */
}

.tab-text .title {
    color: #737275 !important;
    border-bottom: 2px solid #737275 !important;
    /* 其他未点击的文字变为灰色 */
}


.box_6 .content {
    position: relative;
}


.box_6 .content .info,
.box_10 .content-list .list-item .info {
    position: absolute;
    left: 21.8rem;
    right: 131.6rem;
    bottom: 5.46vh;
    z-index: 2;
    color: #fff;
}
.box_6 .content .info {
    right: 21.8rem;
    bottom: 11vh;
}

.box_6 .content .black {
    color: #000;
}

.box_6 .content .info .title,
.box_10 .content-list .list-item .info .title,
.box_18 .content ._info .title,
.box_32 .content .info .title {
    font-size: 3.3rem;
    height: 5.72vh;
}

.box_6 .content .info .sub-title,
.box_10 .content-list .list-item .info .sub-title,
.box_18 .content ._info .sub-title,
.box_32 .content .info .sub-title {
    font-size: 1.8rem;
}

.box_7 {
    position: relative;
    height: 400vh;
}

.box_7 .sticky-container .info {
    opacity: 0;
    transition: all .5s;
}

.box_7 .sticky-container .info.active {
    opacity: 1;
}

.box_9 .content .info {
    position: absolute;
    left: 5.8rem;
    right: 5.8rem;
    bottom: 7.41vh;
    z-index: 2;
    color: #fff;
}

.box_10 {
    width: 100%;
}

.box_10 .content-list {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start
}

.box_10 .content-list .list-item {
    flex: 1;
    position: relative;
}

.box_10 .content-list .list-item .bg {
    width: 100%;
    height: 100%;
}

.box_10 .content-list .list-item:not(:last-child) {
    margin-right: 2.2rem;
}

.box_10 .content-list .list-item .info {
    position: absolute;
    left: 6.1rem;
    /* width: 53.8rem; */
    width: 56rem;
    bottom: 5.46vh;
    z-index: 2;
    color: #fff;
}
.box_10 .mobile_br{
    display: none;
}

.box_11 .title {
    font-size: 5.94rem;
    color: rgb(207, 166, 108);
}

.box_12 .content .info {
    position: absolute;
    left: 21.8rem;
    right: 105rem;
    bottom: 5.46vh;
}

.box_13 .content-list .list-item:last-child .info {
    width: 64.5rem;
    bottom: 2.78vh;
}

.box_14 .content .btm {
    position: absolute;
    bottom: 6.94vh;
    left: 14rem;
    right: 3.3rem;
}

.box_14 .content .btm .info {
    position: absolute;
    left: -7rem;
    right: 94.6rem;
    bottom: 0.56vh;
}

.box_14 .content .btm .info:last-child {
    position: absolute;
    left: 67.8rem;
    right: 0;
    bottom: 0.56vh;
}

.box_16 .content .info {
    position: absolute;
    right: 93rem;
}

.box_17 .title {
    font-size: 3.6rem;
    height: 19.44vh;
}

.box_18 .content .bottom,.box_6.box_9.box_29 .content .bottom {
    display: flex;
    justify-content: center;
    position: absolute;
    width: auto;
    left: 3rem;
    right: 3rem;
    bottom: 4.91vh;
    /* align-items: center; */
}

.box_18 .content ._info {
    color: #fff;
    padding: 0 4rem;
}
.box_18 .content.content2 ._info{
    padding: 0 16rem;
}
.box_18 .content.content2 ._info:first-child .sub-title{
    width: 43rem;
}
.box_18 .content ._info.last-infor .title{
    line-height: 5.5rem;
}

.box_18 .content ._info:not(:last-child) {
    border-right: 2px solid #fff;
}

.box_18 .content ._info:first-child .sub-title {
    width: 33rem;
}

.box_18 .content ._info:nth-child(2) .sub-title {
    width: 35rem;
}

.box_18 .content ._info:last-child .sub-title {
    width: 50rem;
}

.box_21 .content ._info:nth-child(1) .title {
    width: 37rem;
}

.box_25 .content .info .sub-title,
.box_29 .content .info .sub-title {
    width: 93rem;
}

.box_26 .content .bg-img {
    width: auto !important;
    left: 50% !important;
    transform: translate(-50%, 0) !important;
}

.img_1 {
    width: 100.8rem;
    height: 60.02vh;
}

.img_3 {
    width: 50rem;
    height: 47.41vh;
}

.img_2 {
    width: 49rem;
    height: 7.41vh;
}

.box_26 .content .tabs-1 {
    position: absolute;
    top: 36.52vh;
    left: 0;
    right: 146.2rem;
    width: 41.3rem;
}

.box_26 .content .tabs-1 .tab-item {
    /* width: 1.541667rem; */
    color: #000;
}

.box_26 .content .tabs-1 .tab-item .title {
    border-bottom: 2px solid #000;
}

.box_26 .content .desc {
    position: absolute;
    bottom: 5.37vh;
    left: 21.8rem;
    width: 36.5rem;
    z-index: 2;
    font-size: 1.8rem;
}

.box_31 .content .info .title {
    width: 55rem;
}

.box_31 .content .info .sub-title {
    width: 50rem;
}

.box_32 .content {
    position: relative;
}

.box_32 .content .bg-img {
    overflow: visible;
}

.box_32 .content .bg-img {
    position: absolute;
    left: 44.8rem;
    top: 17.41vh;
    width: 102rem;
    height: 49.53vh;
}

.box_32 .info {
    position: absolute;
    left: 61rem;
    right: 58rem;
    bottom: 16.74vh;
    text-align: center;
}

.box_33 .info {
    bottom: 8.43vh;
}
.box_32.box_33 .info .sub-title .dis-n-pc{
    display: none;
}
.box_34 .content-list .list-item {
    flex: 0 0 calc(50% - 2.2rem);
}

.box_34 .content-list .list-item.mr {
    margin-right: 2.2rem;
}

.box_34 .content-list .list-item:not(:last-child) {
    margin-right: 0;
}

.box_34 .content-list .list-item .info {
    left: 50%;
    transform: translateX(-50%)!important;
    text-align: center;
}

.box_35 {
    height: 36.11vh;
}

.box_35 .title {
    color: #cfa66c;
}

.box_35 .sub-title {
    color: #2a221e;
    font-size: 4.14rem;
}

.box_35 .sub-title span {
    color: #cfa66c;
}

.box_37 {
    position: relative;
    height: 11.76vh;
}

.box_37 .title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.44rem;
    width: 100%;
}


.gif-container {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.gif-container img {
    width: 100%;
    height: auto;
}

/*  */
.box_6 .content .info .sub-title{
    width:100%;
}
.box_6.box_10 .content .info .sub-title {
    width: 60rem;
}
.box_6.box_9.box_14 .content .info .sub-title {
    width: 74rem;
}
.back-up{
    width: 4.9rem;
    height: 4.9rem;
    display: block;
    margin: 1.3vh auto;
    background: url(../img/righticon/icon-up-def.png) no-repeat center/100%;
    cursor: pointer;
}
.back-up:hover{
    background: url(../img/righticon/icon-up-sel.png) no-repeat center/100%;
}
.box_6.box_9.box_29 .content .bottom {
    height: auto;
}
.box_6.box_9.box_29 .content .bottom .info{
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    border-right: 1px solid #fff;
    padding: 0 10rem;
}
.box_6.box_9.box_29 .content .bottom .info:first-child .sub-title {
    width: 45rem;
}
.box_6.box_9.box_29 .content .bottom .info:last-child .sub-title{
    width: 60rem;
}
.box_6.box_9.box_29 .content .bottom .info:last-child{
    border: none;
    padding-left: 18rem;
}
/* header */
.head-mob{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}
header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    background-color: #fff;
    height: 10.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    /*padding: 0 .56rem;*/
    /* padding-right: 5.6rem; */
    box-shadow: 0px 0.5rem 0.7rem 0px rgb(4 0 0 / 30%);
}

header:hover {
    background-color: #fff;
}

header .left {
    /* flex: 1; */
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}

header .left .logo {
    width: 31.5rem;
    height: 100%;
    display: flex;
    align-items: center;
}

header .left .logo img {
    /* width: 100%; */
    height: 2.7rem;
    padding-left: 5rem;
}

header .left ul {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 90rem;
}

header .left ul li .one {
    /* font-size: 2.5rem; */
    font-size: 16px;
    font-family: NotoSansHans;
    font-weight: 400;
    color: #000000;
    line-height: .25rem;
    margin-right: .6rem;
}

header .right {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
header .left {
    /* flex: 1; */
    width: 40%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

header {
    background-color: #fff;
    border-bottom: #6c6c6c solid 1px;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

header:hover {
    background-color: #fff;
}

header .left ul {
    flex: 0;
    margin-left: 0;
}

header .left ul li .one {
    color: #000;
    display: block;
    width: 15rem;
    text-decoration: none;
}

header .right .search {
    font-size: 0.26rem;
    color: #fff;
    height: auto;
    width: auto;
}

header .right .en,
header .right .top {
    color: #fff;
}

header .right .top {
    font-size: 0.19rem;
    display: inline-block;
    width: auto;
    height: auto;
    transform: rotate(180deg);
    vertical-align: middle;
}

header .allcx {
    justify-content: center;
}

header .allcx-list .item.on::after {
    background-color: #000;
}

.carbind-item .item {
    /* border: 1px solid #e4e4e4; */
}

.navbin{
    margin-bottom: 0;
}
.header-rf8{
    background: #fff;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.header-rf8-con{
    width: 90%;
    margin: auto;
    height: 10.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-fr8-logo{
    width: 17.6rem;
    height: 2.2rem;
    background: url(../img/logo-rf8-gold.png) no-repeat center/100%;
}
.header-rf8-nav{
    font-size: 2.2rem;
}
.header-rf8-nav a{
    margin-left: 4rem;
    color: #cfa66c;
    text-decoration: none;
}

/*  */
.head-search-view {
    position: absolute;
    left: 0;
    top: 10.5rem;
    width: 100%;
    background: #f8f8f8;
    box-sizing: border-box;
    padding: 7rem 37rem;
    display: none;
}

.head-search-view form {
    display: flex;
    align-items: center;
    justify-content: center;
}

.head-search-view form input {
    width: 100%;
    border: none;
    background: transparent;
    padding: 0;
    height: 5rem;
    font-size: 2.4rem;
    border-bottom: 1px solid #bdbaba;
}

.head-search-view form img {
    height: 2.4rem;
    flex-shrink: 0;
    margin-left: 2rem;
}
/*  */
.navxial-view {
    position: absolute;
    left: 0;
    top: 10.5rem;
    z-index: 99;
    width: 100%;
    font-family: NotoSansHans;
}

.navxial-view .navxial-item {
    /* display: none; */
}

.allcx {
    border-bottom: 1px solid #e4e4e4;
}

.allcx p {
    font-size: 2.4rem;
    font-weight: bold;
    color: #333;
    margin-right: 5rem;
    padding: 2rem 0;
}

.allcx-list {
    display: flex;
    align-items: center;
}

.allcx-list .item {
    font-size: 2.4rem;
    text-align: center;
    color: #333;
    margin-right: 5rem;
    padding: 2rem 0;
    position: relative;
    cursor: pointer;
}

.allcx-list .item a {
    color: #333;
    text-decoration: none;
}

.allcx-list .item.on::after {
    width: 100%;
    height: 2px;
    background: #D60000;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
}

.car-twonav {
    padding: 5.4rem 27rem 7rem;
    background: #f8f8f8;
    width: 100%;
    box-sizing: border-box;
}

.allctype {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e4e4e4;
}

.allctype p {
    font-size: 2.4rem;
    font-weight: bold;
    width: 18rem;
    color: #333;
    padding: 2rem 0;
}

.allctype-list {}

.allctype-list .allctype-item {
    display: none;
    flex-wrap: wrap;
    align-items: center;
}

.allctype-list .allctype-item.show {
    display: flex;
}

.allctype-list .item {
    font-size: 2.4rem;
    color: #333;
    margin-right: 5rem;
    padding: 2rem 0;
    position: relative;
    cursor: pointer;
}

.allctype-list .item.on::after {
    width: 100%;
    height: 2px;
    background: #D60000;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
}

.carbind-one-list {
    display: none;
}
.carbind-list{
    margin-top: 5rem;
}
.carbind-list .carbind-one-list.show {
    display: flex;
    flex-wrap: wrap;
}

.carbind-list .carbind-one-list.show .item {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;
    margin-right: 2rem;
    width: 30rem;
    height: 20rem;
    margin-bottom: 2rem;
}

.carbind-list .carbind-one-list.show .item p {
    font-size: 2.4rem;
    color: #333;
    font-weight: 400;
    margin-right: 0;
}

.carbind-list .carbind-one-list.show .item img {
    margin-left: 0;
    width: 100%;
    height: 16rem;
    object-fit: cover;
}

.carbind-list .carbind-one-list .carbind-item {
    display: none;
}

.carbind-list .carbind-one-list .carbind-item.show {
    display: flex;
    flex-wrap: wrap;
}
.carbind-list .carbind-one-list .carbind-item a{
    text-decoration: none;
}

.more-twonav {
    width: 100%;
    padding: 8rem 27rem;
    background: #f8f8f8;
    box-sizing: border-box;
}

.twonav-list {
    display: flex;
    align-items: center;
}

.twonav-list .item {
    width: 32.8rem;
    height: 13.4rem;
    background: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 1.4rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin: 0 1rem;
    text-decoration: none;
}

.twonav-list .item img {
    height: 3.6rem;
}

.twonav-list .item p {
    font-size: 2.4rem;
    color: #333;
    margin-top: 1rem;
}



 /* foot pc */
 .footer-mob {
     display: none;
 }
 .iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  width: 4.9rem;
  height: 4.9rem;
  display: inline-block;
}

.icon-dsanjiao:before {
  content: "\e642";
}
.icon-search:before {
  content: "\e62f";
}
.icon-rightjt:before {
  content: "\e727";
}
.icon-wx:before {
  content: "\e659";
}
.icon-qq:before {
  content: "\e62e";
}
.icon-wb:before {
  content: "\e67a";
}
.icon-upicon:before {
  content: "\e62d";
}
.icon-caidan::before{
  content: '\e61e';
}
.icon-guanbi::before{
  content: '\e681';
}
.icon-wb {
    background: url(../img/icon-wb.png) no-repeat center/100%;
}
.icon-wx {
    background: url(../img/icon-wx.png) no-repeat center/100%;
}
.icon-dsanjiao{
    background: url(../img/icon-arrow-mob.png) no-repeat center/50%;
}

 .footer-pc {
     width: 100%;
 }

 .footer-pc * {
     box-sizing: border-box;
 }

 .footer-mob {
     display: none;
 }

 .footer-right-nav {
     position: fixed;
     z-index: 99;
     right: 0;
     bottom: 22vh;
 }

 .footer-right-nav .item {
     width: 1.4rem;
     height: .8rem;
     background: #d50000;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: .24rem;
     color: #fff;
     font-weight: bold;
     margin-bottom: .08rem;
 }

 .footer-right-nav .item.gotop {
     font-size: .5rem;
     cursor: pointer;
 }

 .footer-right-nav .item.gotop i {
     font-size: .36rem;
 }

 .footer-pc-top {
     width: 100%;
     display: flex;
     justify-content: space-between;
     background: #1d1d1f;
     padding: 10rem 15rem;
 }

 .footer-pc-top .left {
     display: flex;
 }

 .footer-pc-top .left .nav-footer {
     display: flex;
 }

 .footer-pc-top .left .nav-footer li {
     margin-right: 8rem;
 }

 .footer-pc-top .left .nav-footer li a:first-child {
     font-size: 2.4rem;
     font-weight: bold;
     margin-bottom: 2.4rem;
 }

 .footer-pc-top .left .nav-footer li a:hover {
     color: #cc000c;
 }

 .footer-pc-top .left .nav-footer li a {
     font-size: 1.8rem;
     margin-bottom: 1rem;
     color: #fff;
     display: block;
     text-decoration: none;
 }

 .footer-pc-top .left .nav-footer li a:last-child {
     margin-bottom: .0;
 }
.firlink {
    font-size: .24rem;
    color: #fff;
    position: relative;
    font-weight: bold;
    cursor: pointer;
}

.iconbind {
    display: flex;
    margin-bottom: 3rem;
}

.iconbind>div {
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    margin-right: 1.8rem;
    color: #fff;
    cursor: pointer;
}

.iconbind>div i {
    font-size: 5rem;

}

.iconbind>div:hover {
    border: 1px solid #cc000c;
    color: #cc000c;
}

.tellist p {
    font-size: 2.4rem;
    color: #fff;
    margin-bottom: 1rem;
}
 .footer-pc-bot {
     background-color: #000;
     font-size: 2rem;
     padding: 2rem 0;
 }

 .footer-pc-bot img {
     width: 4rem;
 }

 .footer-pc-bot p {
     text-align: center;
     color: #939394;
 }

 .footer-pc-bot a {
     color: #939394;
 }
/*
 .iconbind div{
    position: relative;
}
*/
.iconbind div .wx-erwm{
    position: absolute;
    top: -30px;
    left: -30px;
    width: 12rem;
    height: 12rem;
    display: none;
}
.wx-erwm img{
    width: 100%;
    height: 100%;
}
.iconbind div:hover .wx-erwm{
    display: block;
}
.footer-ewm{
    width: 18rem;
    height: 18rem;
    margin-right: 2.4rem;
}
.footer-pc-top .right{
    display: flex;
}


@media (min-width:768px) {
	 .iconbind div{
    /*position: relative;*/
  }
    .box_1 .right-btn .pc .bg-detail {
        background: url(../img/righticon/peizhi/default.png) no-repeat center center / cover;
    }
    
    .box_1 .right-btn .pc .bg-detail:hover {
        background: url(../img/righticon/peizhi/selected.png) no-repeat center center / cover;
    }
    
    .box_1 .right-btn .pc .bg-order {
        margin-top: 1.3vh;
        background: url(../img/righticon/testdrive/default.png) no-repeat center center / cover;
    }
    
    .box_1 .right-btn .pc .bg-order:hover {
        background: url(../img/righticon/testdrive/selected.png) no-repeat center center / cover;
    }
    
    .box_3 .content .qipao {
        background: url(../img/qipao.png) no-repeat center center / cover;
    }
    .bg-exteriorimg {
        background: url("../img/1.png") 0% 0% / cover;
    }
    .exteriorimg {
        background-image: url("../img/2.png");
    }

    .box_7 .content .bg.bg6 {
        background-image: url('../img/6.png')
    }
    
    .box_7 .content .bg.bg7 {
        background-image: url('../img/7.png')
    }
    
    .box_8 .content .bg.bg8 {
        background-image: url('../img/8.png')
    }
    
    .box_8 .content .bg.bg9 {
        background-image: url('../img/9.png')
    }

    /* 显示第一个图标 */
    .icon1 {
        background-image: url(../img/interiorcolor/1harmony.png);
    }

    /* 显示第二个图标 */
    .icon2 {
        background-image: url(../img/interiorcolor/2harmony.png);
    }

    /* 显示第三个图标 */
    .icon3 {
        background-image: url(../img/interiorcolor/3harmony.png);
    }

    .icon4 {
        background-image: url(../img/interiorcolor/4harmony.png);
    }

    /* 显示第一个图标 */
    .icon5 {
        background-image: url(../img/interiorcolor/1zhiling.png);
    }

    /* 显示第二个图标 */
    .icon6 {
        background-image: url(../img/interiorcolor/2zhiling.png);
    }

    /* 显示第三个图标 */
    .icon7 {
        background-image: url(../img/interiorcolor/3zhiling.png);
    }

    .icon8 {
        background-image: url(../img/interiorcolor/4zhiling.png);
    }

    .icon9 {
        background-image: url(../img/6.png);
    }
    .icon10 {
        background-image: url(../img/7.png);
    }
    .icon11 {
        background-image: url(../img/8.png);
    }
    .icon12 {
        background-image: url(../img/9.png);
    }
    .icon14 {
        background-image: url(../img/carcolor/bj.png);
    }


    .box_18.padding-aside.padding-bottom {
        height: 200vh;
    }
    .box_18 .sticky-container {
        height: 100vh;
    }
    .box_18 .sticky-container .content {
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s;
    }

    .box_18 .sticky-container .content.show {
        position: absolute;
        top: 0;
        opacity:1;
        visibility: visible;
    }
    .box_18 .sticky-container .content2 {
        display: block;
    }

    .box.box_6.box_18.box_19.padding-aside {
        display: none;
    }

}

@media (max-width:768px) {
    .box_1 .right-btn .m .bg-detail,.box_1 .right-btn .m .bg-order{
        background: #cfa76c;
        color: #fff;
        height: 6.6rem;
        width: 24rem;
        font-size: 2.4rem;
        text-align: center;
        line-height: 6.6rem;
        text-decoration: none;
        display: inline-block;
        margin-left: 1rem;
    }
    .box_1 .right-btn .m .icon-fxp{
        background: url(../../m/img/box-icon-fxp.png) no-repeat center / 100%;
        top: 0.6rem;
    }
    .box_1 .right-btn .m .icon-pz{
        display: inline-block;
        width: 2rem;
        height: 1.86vh;
        margin-right: 1rem;
        position: relative;
        top: 0.6rem;
    }
    
    .box_1 .right-btn .m .icon-pz{
        background: url(../../m/img/box-icon-pz.png) no-repeat center / 100%;
    }
    /* 显示第一个图标 */
    .icon1 {
        background-image: url(../../m/img/interiorcolor/1harmony.png);
    }

    /* 显示第二个图标 */
    .icon2 {
        background-image: url(../../m/img/interiorcolor/2harmony.png);
    }

    /* 显示第三个图标 */
    .icon3 {
        background-image: url(../../m/img/interiorcolor/3harmony.png);
    }

    .icon4 {
        background-image: url(../../m/img/interiorcolor/4harmony.png);
    }

    /* 显示第一个图标 */
    .icon5 {
        background-image: url(../../m/img/interiorcolor/1zhiling.png);
    }

    /* 显示第二个图标 */
    .icon6 {
        background-image: url(../../m/img/interiorcolor/2zhiling.png);
    }

    /* 显示第三个图标 */
    .icon7 {
        background-image: url(../../m/img/interiorcolor/3zhiling.png);
    }

    .icon8 {
        background-image: url(../../m/img/interiorcolor/4zhiling.png);
    }

    .icon9 {
        background-image: url(../../m/img/9.png);
    }
    .icon10 {
        background-image: url(../../m/img/9_1.png);
    }
    .icon11 {
        background-image: url(../../m/img/10.png);
    }
    .icon12 {
        background-image: url(../../m/img/10_1.png);
    }
    .icon13 {
        background-image: url(../../m/img/interiorcolor/bj.png);
    }
    .icon14 {
        background-image: url(../../m/img/carcolor/bj.png);
    }
   

    /* m */
    /* .box_6.box_9.box_14 .info .title,.box_6.box_18.padding-aside ._info .title,.box_6.box_18.box_19 .info .title,.box_6.box_18.box_21 .info .title,.box_6.box_9.box_29 .info .title{
        font-family: 'MyCustomFont-1', serif;;
    } */
    .bg-exteriorimg img{
        content: url(../../m/img/3.png);
    }
    .box_4 .content .bg .vehicle-color:nth-child(1) img {
        content: url(../../m/img/carcolor/1.png);
    }
    .box_4 .content .bg .vehicle-color:nth-child(2) img {
        content: url(../../m/img/carcolor/2.png);
    }
    .box_4 .content .bg .vehicle-color:nth-child(3) img {
        content: url(../../m/img/carcolor/3.png);
    }
    .box_4 .content .bg .vehicle-color:nth-child(4) img {
        content: url(../../m/img/carcolor/4.png);
    }
    .box_4 .content .bg .vehicle-color:nth-child(5) img {
        content: url(../../m/img/carcolor/5.png);
    }
    .box_6 .content .box_6_bg img {
        content: url(../../m/img/7.png);
    }
    .box_9 .content .box_9_bg img {
        content: url(../../m/img/11.png);
    }
    .box_6.box_10 .content-list .list-item:nth-of-type(1) .bg img{
        content: url(../../m/img/12.png);
    }
    .box_6.box_10 .content-list .list-item:nth-of-type(2) .bg img{
        content: url(../../m/img/13.png);
    }
    .box_12 .content .bg img {
        content: url(../../m/img/14.png);
    }
    .box_13 .content-list .list-item:nth-child(1) .bg img {
        content: url(../../m/img/15.png);
    }
    .box_13 .content-list .list-item:nth-child(2) .bg img {
        content: url(../../m/img/16.png);
    }
    .box_16 .content .bg img {
        content: url(../../m/img/18.png);
    }
    .box_18 .content .bg img {
        content: url(../../m/img/19.png);
    }
    .box_19 .content .bg img {
        content: url(../../m/img/20.png);
    }
    .box_21 .content .bg img {
        content: url(../../m/img/21.png);
    }
    .box_23 .content .bg img {
        content: url(../../m/img/22.png);
    }
    .box_25 .content .bg img {
        content: url(../../m/img/24.png);
    }
    .box_26:nth-child(1) .content .bg img {
        content: url(../../m/img/25.png);
    }
    .box_29 .content .bg img {
        content: url(../../m/img/26.png);
    }
    .box_31 .content .bg img {
        content: url(../../m/img/27.png);
    }
    /* .box_32 .content .bg img {
        content: url(../../m/img/28.png);
    } */
    .box_33 .content .bg img {
        content: url(../../m/img/29.png);
    }
    .box_34 .content-list .list-item:nth-child(1) .bg img {
        content: url(../../m/img/30.png);
    }
    .box_34 .content-list .list-item:nth-child(2) .bg img {
        content: url(../../m/img/31.png);
    }
    .box_34 .content-list .list-item:nth-child(3) .bg img {
        content: url(../../m/img/32.png);
    }
    .box_34 .content-list .list-item:nth-child(4) .bg img {
        content: url(../../m/img/33.png);
    }
    .box_36 .content .bg img {
        content: url(../../m/img/34.png);
    }

    /* 字体放大效果 */
    .hover-scale-sm:hover img
    ,.content-list .hover-scale-sm:hover+.info,
    .content-list .hover-scale-sm:hover+.btm 
    {
        transform: scale(1);
    }

    .hover-scale-md:hover img
    ,.content-list .hover-scale-md:hover+.info .desc,
    .content-list .hover-scale-md:hover+.info,
    .content-list .hover-scale-md:hover+.btm 
    {
        transform: scale(1);
    }
    .box_34 .content-list .hover-scale-md:hover .box_34 .content-list .list-item .info {
        transform: translateX(-50%)!important;
    }

    .appear-move-font {
        will-change: transform, opacity;
        transition: opacity 1s linear, transform 1s cubic-bezier(.26,.67,.48,.91), -webkit-transform 1s cubic-bezier(.26,.67,.48,.91);
        transform: translate3d(0, 10rem, 0);
        opacity: 0;
    }

    .text_show {
        opacity: 1;
        transform: translateZ(0) !important;
    }

    /* .collapse.accordion_show {
        display: block!important;
    } */

    /* container */
    .container_all{
        width: 100%;
        /* overflow-x: hidden; */
        
        /* max-width: 100%; */
        /* min-width: 100%; */
    }
    .box.box_1 {
        background: url(../../m/img/video_1.jpg) no-repeat center/110%;
    }
    .box_1 .content img {
        /* display: block; */
    }
    .box_1 .bottom .title{
        font-size: 4rem;
        top: 87rem;
        /* left: 1rem; */
        width: 72rem;
        left: 50%;
        margin-left: -36rem;
    }
    .box_1 .bottom .sub-title{
        top: 95rem;
        font-size: 3rem;
        /* left: 2.4rem; */
        width: 70rem;
        text-align: center;
        background: url(../../m/img/box-1-line.png) no-repeat center/100%;
        left: 50%;
        margin-left: -35rem;
    }
    .box_1 .bottom .btn{
        top: 105rem;
        left: 25.6rem;
        width: 24rem;
        font-size: 2.4rem;
    }
    .box_1 .bottom .tab{
        width: 66rem;
        left: 5rem;
        top: 127rem;
        font-size: 2.4rem;
    }
    .box_2{
        height: 43rem;
    }

    .box_2 .title{
        padding: 0 5rem;
    }
    .box_2 .title img {
        width: 63rem;
        height: 17rem;
    }
    .box.box_3.scale-scroll{
        height: 133.5rem;
    }
    /* box_3 */
    .box_3 .content .qipao{
        background: url(../img/qipao.png) no-repeat center/100%;
        top: 20rem;
        left: 11rem;
        width: 32.2rem;
        height: 32.2rem;
        font-size: 7rem;
    }
    .box_3 .content .qipao .key{
        font-size: 3rem;
    }
    .key-span{
        font-size: 2rem!important;
        margin-left: 1rem;
    }
    .bg-exteriorimg{
        background: url(../../m/img/2.png);
    }
    .bg-exteriorimg img{
        left: 6.3rem;
        width: 68.7rem;
        top: 61rem;
    }
    .box_3 .content .config{
        left: 5.3rem;
        width: 64rem;
        top: 95.3rem;
        bottom: 24rem;
    }
    .box_3 .content .config .config-item .key,.box_3 .content .config .config-item .value-1{
        font-size: 2.4rem;
    }
    .box_3 .content .config .config-item .value{
        font-size: 6.6rem;
    }

    /* box_4 */
    .box.box_4.scale-scroll{
        height: 133.5rem;
    }
    .box_4 .content .exteriorimg{
        /* height: 65.6rem; */
        background-image: url(../../m/img//carcolor/bj.png)
        /* !important; */
    }
    .box_4 .content .exteriorimg .internal-color{
        height: 65.6rem;
        /* background-image: url(../../m/img/内饰/背景.png)!important; */
        top: 40%;
        transform: translateY(-50%);
    }
    .box_4 .content .desc{
        top: 11.3rem;
        left: 14.8rem;
        width: 47rem;
        bottom: auto;
        text-align: center;
    }
    .desc .title{
        font-size: 5.6rem;
    }
    .desc .btn{
        margin-top: 5.5rem;
        width: 18.4rem;
        height: 4.1rem;
        font-size: 2.4rem;
        padding: 0;
    }
    .box_4 .content .tabs-1{
        width: 42.5rem;
        left: 16.5rem;
        top: 103rem;
        background: none;
        bottom: 20rem;
        z-index: 5;
    }
    .box_4 .content .tabs-1 .tab-item:not(:last-child){
        margin-bottom: 2.9rem;
    }
    .box_4 .content .tabs-1 .tab-item{
        margin-bottom: 2.9rem;
        height: 4.2rem;
        opacity:1;
    }
    .box_4 .content .tabs-1 .tab-item .title{
        border: #fff solid 1px;
        text-align: center;
        font-size: 2.4rem;
    }
    .tab-item.exterior.active .title{
        background: #fff;
        color: #cfa66c;
    }
    .exteriorimg img{
        left: 2.2rem;
        top: 46rem;
        right: 0;
        width: 69rem;
    }
    .box_4 .content .tabs-2{
        left: 16.5rem;
        top: 94rem;
        width: 43rem;
        height: 78rem;
    }


    /* box box_6 scale-scroll */
    .box.box_6.scale-scroll{
        height: 94.5rem;
    }
    
    .box.box_6 .bg.active.hover.hover-scale.hover-scale-sm{
        height: 59rem;
    }
    .box_6 .content .black{
        top: 67rem;
        left: 5.3rem;
        width: calc(100% - 5.3rem);
        right: 5.3rem;
        bottom: 0;
        height: 20rem;
    }
    .box_6 .content .info .title,.box_18 .content ._info .title{
        font-size: 4.6rem;
    }
    .box_6 .content .info .sub-title{
        font-size: 2.6rem;
        width: 100%;
        margin-top: 4rem;
    }

    /* .box_7 */
    .box_7 .sticky-container .info,.box_7 .sticky-container .info.active{
        width: 74rem;
        left: 0.5rem;
        top: 18.5rem;
        text-align: center;
    }

    /* box_9 */
    .box.box_6.box_9{
        height: 133.5rem;
        padding: 0;
    }
    .box.box_6.box_9 .bg.active.hover.hover-scale.hover-scale-sm {
        height: 100%;
    }
    
    .box_9 .content .info{
        width: 73rem;
        left: 1.4rem;
        right: 1.4rem;
        top: 18.5rem;
        text-align: center;
    }

    /* box_10 */
    .box_6.box_10.padding-aside{
        padding: 0;
    }
    .box_10 .content-list{
        display: block;
    }
    .box_10 .content-list .list-item:not(:last-child){
        margin: 0;
    }
    .box_10 .content-list .list-item{
        margin: 0;
        height: 96rem;
    }
    .box_6 .content .box_6_bg, .box_10 .content-list .list-item .bg{
        height: 58.7rem;
    }
    
    .box_10 .content-list .list-item .info{
        color: #000;
        font-size: 2.6rem;
        width: auto;
        top: 67rem;
        left: 5.3rem;
        right: 5.3rem;
        bottom: 9.8rem;
    }
    .box_10 .content-list .list-item .info .title{
        font-size: 4.6rem;
    }
    .box_10 .mobile_br{
        display: block;
    }
    .box_6.box_10 .content .info .sub-title{
        width: 100%;
        font-size: 2.6rem;
    }

    /* box_2 box_11 */
    .box_2.box_11{
        padding: 0;
    }
    .box_11 .title{
        background: #f5f5f7;
        font-size: 6.6rem;
        /* height: 40rem; */
    }

    /* box_12 */
    .box.box_6.box_12.scale-scroll{
        height: 133.5rem;
    }
    .box.sticky-container{
        /* overflow: hidden; */
    }
    .box.box_6.box_12 .bg.active.hover.hover-scale.hover-scale-sm{
        height: 100%;
    }
    
    .box_12 .content .info{
        width: 64rem;
        left: 5.3rem;
        top: 18.5rem;
        text-align: center;
    }

    /* box_13 */
    .box_10.box_13.padding-1{
        height: auto;
        padding: 0;
    }
    .box_10.box_13 .content-list .list-item{
        height: 133.5rem;
    }
    .box_10.box_13 .content-list .list-item .bg{
        height: 100%;
    }
    .box_10.box_13 .content-list .list-item .info{
        width: 67rem;
        left: 5.3rem;
        top: 18.5rem;
        text-align: center;
        color: #fff;
    }
    /* 公共 */
    .box_6 .content .info .sub-title,
    .box_10 .content-list .list-item .info .sub-title,
    .box_18 .content ._info .sub-title,
    .box_32 .content .info .sub-title{
        font-size: 2.6rem;
        margin-top: 2rem;
    }
    .box_10 .content-list .list-item .info .sub-title {
        width: 57.6rem;
    }
    .box_10 .content-list .list-item .info .sub-title br{
        display: none;
    }
    .box_13 .content-list .list-item .info .sub-title {
        width: 67rem;
    }
    .box_31 .content .info .sub-title {
        width: 45.6rem;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    /* box6 box9 box14 */
    .box.box_6.box_9.box_14.padding-1{
        height: 117rem;
        background: #f5f5f7;
    }
    .box.box_6.box_9.box_14 .bg.active.hover.hover-scale.hover-scale-sm{
        height: 59rem;
    }
    .box.box_6.box_9.box_14.padding-1 .gif-container img{
        height: 100%;
    }
    .box_14 .content .btm{
        top: 64rem;
        bottom: auto;
        left: 4.3rem;
        right: 4.3rem;
        width: 66.5rem;
        /* height: 58rem; */
    }
    .box_14 .content .btm .info,.box_18 .content .bottom ._info,.box_6.box_9.box_29 .content .bottom .info{
        width: 100%;
        background: #fff;
        left: 0;
        top: 0;
        position: relative;
        margin-bottom: 2.2rem;
        color: #000;
        text-align: left;
        padding: 3.2rem;
    }
    .box_6.box_9.box_29 .content .bottom .info:last-child{
        padding: 3.2rem;
    }
    .box_14 .content .btm .info:last-child{
        position: relative;
        left: 0;
        bottom: 0;
    }
    .box_14 .content .info .title,.box_18 .content .bottom ._info .title,.box_6.box_9.box_29 .content .info .title{
        height: 10rem;
        line-height: 10rem;
    }
    .box_21 .content .bottom ._info:nth-child(3) .title {
        width: 80%;
        line-height: 5rem;
    }
    .box_21 .content .bottom ._info:nth-child(3) .title .box-icon-arrow {
        top: 5.5rem;
        right: calc(-25% + 4rem);
    }
    .box_14 .content .btm .info .sub-title,.box_18 .content .bottom ._info .sub-title,.box_6.box_9.box_29 .content .bottom .info .sub-title{
        width: 100%;
    }
    .box_14 .content .btm .info.open .sub-title,.box_18 .content .bottom ._info.open .sub-title{
        display: block;
    }
    .box-icon-arrow{
        background: url(../../m/img/box-icon-arrow-def.png) no-repeat center/100%;
        display: block;
        width: 4rem;
        height: 4rem;
        position: absolute;
        right: 4rem;
        /* top: 6.5rem; */
        top: 50%;
        transform: translateY(-50%);
    }
    .box-icon-arrow-cur {
        background: url(../../m/img/box-icon-arrow-cur.png) no-repeat center/100%;
    }

    .box_6.box_9.box_14 .content .info .sub-title{
        width: 100%;
        margin-top: 3rem;
    }

    /* box-15 */
    .box_2.box_15{
        height: 43rem;
        background: #f5f5f7;
    }
    /* box-16 */
    .box.box_6.box_16.scale-scroll{
        height: 133.5rem;
        height: 100vh;
        /* overflow: hidden; */
    }
    
    .box.box_6.box_16 .bg.active.hover.hover-scale.hover-scale-sm{
        height: 100%;
    }
    .box_16 .content .info{
        top: 18.3rem;
        bottom: auto;
        left: 4.3rem;
        right: 4.3rem;
        width: 68rem;
        text-align: center;
    }

    /* box_17 */
    .box_17{
        background: #f5f5f7;
        /* margin-top: 29rem; */
    }
    .box_17 .title{
        height: 40rem;
        font-size: 6.6rem;
        color: rgb(207, 166, 108);
    }
    /* box-18 */
    .box_18 .sticky-container {
        height: 100%;
    }
    .box_18 .sticky-container .content2 {
        display: none;
    }
    .box.box_6.box_18.box_19.padding-aside {
        display: block;
    }
    .box.box_6.box_18{
        background: #f5f5f7;
    }
    .box.box_6.box_18.padding-aside{
        padding: 0;
        height: 133.5rem;
    }
    .box_18 .content .bottom{
        top: 64rem;
        bottom: auto;
        left: 4.3rem;
        right: 4.3rem;
        width: 66.5rem;
        display: block;
    }
    .box_18 .content ._info:first-child .sub-title{
        width: 100%;
    }
    .box.box_6.box_18.box_19.padding-aside{
        height: 112rem;
    }
    /* box-20 */
    .box_17,.box_17.box_20,.box_17.box_22{
        height: 40rem;
        margin-top: 0;
    }
    .box_18.box_21 .content .bottom ._info .title.title-br{
        width: 80%;
        line-height: 1.1;
    }
    .box_21 .content ._info:nth-child(1) .title {
        width: 100%;
    }
    /* box-23 */
    .box_10.box_23.padding-aside{
        padding: 0;
    }
    .box_10.box_23 .content-list .list-item{
        height: 98rem;
    }

    /* box-24 */
    .box_2.box_24{
        height: 40rem;
        background: #f5f5f7;
    }

    /* box-25 */
    .box.box_6.box_25.scale-scroll{
        height: 150.5rem;
    }
    .box.box_6.box_25 .bg.active.hover.hover-scale.hover-scale-sm{
        height: 100%;
    }
    
    .box.box_6.box_25 .content .info {
        top: 18.3rem;
        bottom: auto;
        left: 2rem;
        right: 2rem;
        width: 70rem;
        text-align: center;
    }
    /* box-29 */
    .box_6.box_9.box_29.padding-top.padding-aside{
        height: 120rem;
        padding: 0;
        background: #f5f5f7;
    }
    .box_6.box_9.box_29 .bg {
        height: 59rem;
    }
    .box_6.box_9.box_29 .content .bottom{
        top: 64rem;
        bottom: auto;
        left: 4.3rem;
        right: 4.3rem;
        width: 66.5rem;
        display: block;
    }
    .box_6.box_9.box_29 .content .bottom .title{
        position: relative;
    }
    .box_6.box_9.box_29 .content .bottom br{
        display: none;
    }
    .sub-title,.box_6.box_9.box_29 .content .bottom .info:first-child .sub-title{
        width: 97%;
    }
    /* box-32 */
    .box.box_4.box_26.box_32{
        height: 133rem;
    }
    .box_32 .content .bg-img{
        width: 100%!important;
        height: 100%;
        top: 0;
        left: 0;
        background: url(../../m/img/25/bj.png) no-repeat center/100%;
    }
    .box_32 .content .info .title{
        font-size: 4.6rem;
    }
    .box_32 .content .bg-img .auto.img_1{
        /* width: 70rem;
        left: 2.5rem; */
    }
    .box_4.box_26.box_32 .content .tabs-1 .tab-item{}
    .box_4.box_26.box_32 .content .tabs-1 .tab-item .title{
        border: #fff solid 1px!important;
        font-size: 2.4rem!important;
        color: #fff!important;
    }
    .box_4.box_26.box_32 .content .tabs-1 .tab-item.tab-text.active .title{
        color: rgb(207, 166, 108)!important;
        background: #fff!important;
    }
    .box_4.box_26.box_32 .content .desc{
        font-size: 3rem;
        width: 57.7rem;
        left: 9.1rem;
    }

    /* box-30 */
    .box_2.box_30{
        height: 40rem;
        background: #f5f5f7;
    }

    /* box-31 */
    .box.box_6.box_31.scale-scroll{
        height: 133.5rem;
    }
    .box.box_6.box_31 .bg.active.hover.hover-scale.hover-scale-sm{
        height: 100%;
    }
    .box.box_6.box_31 .content .info {
        top: 18.3rem;
        bottom: auto;
        left: 2rem;
        right: 2rem;
        width: 70rem;
        text-align: center;
    }
    .box_31 .content .info .title{
        width: 100%;
    }
    /* box-32 */
    .box.box_32{
        height: 133.5rem;
    }
    .box.box_32 .info{
        top: 18.3rem;
        bottom: auto;
        left: 8.5rem;
        right: 10rem;
        width: 62.5rem;
        text-align: center;
    }

    /* box-33 */
    .box.box_32.box_33.scale-scroll{
        height: 133.5rem;
    }
    .box.box_32.box_33 .info {
        top: 18.3rem;
        bottom: auto;
        left: 2rem;
        right: 2rem;
        width: 70rem;
        text-align: center;
        color: #fff;
    }
    .box.box_32.box_33 .box.sticky-container{
        height: 100%;
    }
    .box.box_32.box_33 .info .sub-title{
        width: 100%;
    }
    .box.box_32.box_33 .info .sub-title .dis-n-pc{
        display: block;
    }
    /* box-34 */
    .box_10.box_34.padding-aside{
        padding: 0 3rem;
    }
    .box_10.box_34 .content-list .list-item.padding-top{
        padding-top: 3rem;
    }
    .box_10.box_34 .content-list .list-item{
        height: auto;
    }
    .box_10.box_34 .content-list .list-item .info{
        top: auto;
        left: 35rem;
        right: 10rem;
        width: 60rem;
        bottom: 4rem;
        color: #fff;
    }
    .box_10.box_34 .content-list .list-item .info .title{
        font-size: 3rem;
        text-align: center;
        width: 100%;
    }
    

    /* box-35 */
    .box_11.box_35.flex-center-colomn{
        height: 40rem;
        /* background: #f5f5f7; */
    }
    .box_11.box_35 .title{
        background: none;
        font-size: 5.4rem;
        height: auto;
    }
    .box_11.box_35 .sub-title{
        font-size: 4.6rem;
        text-align: center;
    }

    /* right-btn */
    .menu{
        background: #fff;
        height: 9rem;
    }
    .fixed{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
    }
    .meun-logo{
        width: 20rem;
        height: 9rem;
        background: url(../../m/img/1.png) no-repeat center/100%;
        margin-left: 2rem;
    }
    .box_1 .right-btn{
        position: fixed;
        top: 0;
        right: 0;
        z-index: 999;
        width: 52rem;
        height: 9rem;
        display: flex;
        align-items: center;
        z-index: 999;
    }
    .box_1 .right-btn .pc{
        display: none;
    }
    .box_1 .right-btn .m{
        display: block;
    }

    .box_4 .desc .pc{
        display: none;
    }
    .box_4 .desc .m{
        display: inline-block;
    }
    .desc .btn.m {
        margin-left: 4rem;
        background-color: #fff;
    }
    /* header */
    header{
        display: none;
    }
    /* footer */
    .footer-pc{
        display: none;
    }
    .footer-mob {
    display: block;
    background: #1d1d1f;
    padding-top: 5rem;
    }

    .footer-mob-bot {
        padding: 7rem 5.4rem 5.4rem;
    }

    .footer-mob-nav {
        padding: 0 5.4rem;
    }

    .footer-mob-nav .oneitem {
        padding: 3rem 0;
        font-size: 3rem;
        color: #fff;
        font-weight: bold;
        border-bottom: 2px solid #343436;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footer-mob-nav .oneitem i {
        color: #fff;
        width: 3rem;
        height: 3rem;
        display: inline-block;
        background: url(../img/icon-arrow.png) no-repeat center/100%;
    }

    .footer-mob-nav .twonav {
        padding-top: 2rem;
        display: none;
        background: transparent;
    }

    .footer-mob-nav .twonav a {
        font-size: 2.8rem;
        color: #fff;
        padding: 1rem 2rem;
        display: block;
        border-bottom: none !important;
        text-decoration: none;
    }

    .footer-mob-nav .oneitem>a {
        color: #fff;
    }

    .footer-mob-bot .iconbind>div {
        width: 9.4rem;
        height: 9.4rem;
        margin-right: 2rem;
    }
    .footer-mob-bot .iconbind{
        display: flex;
        margin-bottom: 3rem;
        justify-content: space-between;
    }
    .iconbind>div i {
        font-size: 6rem;
    }
    .footer-mob-bot .tellist {
        display: flex;
        justify-content: space-between;
    }
    .tellist p {
        font-size: 3rem;
        color: #fff;
        margin-bottom: 1rem;
    }
    .footer-mob-bv {
        background-color: #000;
        font-size: 2rem;
        padding: 2rem 0;
        padding-button: 2rem;
        display: block;
    }

    .footer-mob-bv p {
        text-align: center;
        color: #939394;
    }
    .footer-mob-bv img{
        width: auto;
        height: auto;
    }
    .footer-mob-bv a {
        color: #939394;
        line-height: 1.4;
        text-decoration: none;
    }
    /* .head-mob */
    .head-mob{
        display: block;
    }
    .head-mob {
    display: block;
    position: fixed;
    z-index: 99;
    width: 100vw;
    top: 0;
    left: 0;
    background: #5474a0;
  }

  .head-mob-view {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 10.5rem;
    padding-right: 5rem;
    position: relative;
    z-index: 9;
  }


  .head-mob-view .left img {
    width: auto;
    height: 3.8rem;
  }

  .head-mob-view .right i {
    font-size: 4.4rem;
    font-weight: bold;
    display: block;
  }

  .head-mob-view .right i.icon-caidan {
    display: block;
    color: #fff;
    background: url(../img/icon-mob-menu-def.png) no-repeat center/100%;
  }

  .head-mob-view .right i.icon-guanbi {
    display: none;
    background: url(../img/icon-mob-menu-cur.png) no-repeat center/100%;
  }

  .head-mob-view .right.on i.icon-guanbi {
    display: block;
    color: #fff;
  }

  .head-mob-view .right.on i.icon-caidan {
    display: none;
  }

  .head-mob-nav {
    width: 100%;
    position: absolute;
    z-index: 8;
    left: 0;
    background: #fff;
    display: none;
  }

  .head-mob-nav a {
    color: #000;
    text-decoration: none;
  }

  .head-mob-nav ul {
    padding: 0;
    border-top: none;
  }

  .head-mob-nav ul .oneitem {
    font-size: 3.4rem;
    padding: 3rem 5rem;
    padding-left: 6rem;
    font-weight: bold;
    display: block;
    border-bottom: 2px solid #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .head-mob-nav ul .oneitem i {
    font-size: 3rem;
  }

  .head-mob-nav ul .twonav {
    display: none;
    background: #f7f5f6;
  }

  .head-mob-nav ul .twonav a {
    display: block;
    font-size: 3rem;
    padding: 3rem 3rem;
    padding-left: 6rem;
    border-bottom: 1px solid #c9c9c9;
  }
  .dis-hide {
      display: none;
  }


  

  
}