body {
    overflow-x: hidden;
}

/* banner */
.banner_box {
    height: auto;
}

.swiper-slide {
    cursor: pointer;

}

#banner_swiper .swiper-pagination-bullet {
    position: relative;
    width: 25px;
    height: 6px;
    border-radius: 3px;
    background: rgb(217, 217, 217);
    transition: 0.1s;
}

#banner_swiper .swiper-button-prev1 {
    background-image: url('../images/index/banner/pc/left_arrows.png?1');
    position: absolute;
    top: 50%;
    width: 33px;
    height: 63px;
    transition: 0.5;
    background-size: 100%;
    z-index: 100;
    opacity: 0.5;
    left: 28px;
}

#banner_swiper .swiper-button-prev1:hover {
    opacity: 1;
}

#banner_swiper .swiper-button-next1 {
    background-image: url('../images/index/banner/pc/right_arrows.png?1');
    position: absolute;
    top: 50%;
    width: 33px;
    z-index: 100;
    transition: 0.5;
    height: 63px;
    background-size: 100%;
    opacity: 0.5;
    right: 28px;
}

#banner_swiper .swiper-button-next1:hover {
    opacity: 1;
}

.text_color2_imp {
    --aa: #000000;
}

#banner_swiper .swiper-pagination-bullet, #hotspot_pic_swiper1 .swiper-pagination-bullet {
    position: relative;
    width: 25px;
    height: 6px;
    border-radius: 3px;
    background: #D9D9D9;
    opacity: 1;
    transition: 0.1s;
}

#banner_swiper .swiper-pagination-bullet-active, #hotspot_pic_swiper1 .swiper-pagination-bullet-active {
    width: 50px;
    background: rgba(0, 0, 0, 0.8);
}

.swiper-slide .kv1 {
    position: relative;
    width: 100%;
    height: 100%;
}

.special_shop .site .text_color2 {
    margin-left: 10px;
}

.swiper-slide .kv1 .swiper-slide .kv2 {
    position: relative;
    height: 100%;
    width: 100%;
}

#banner_swiper .banner_kv img {
    width: 100%;
}

.swiper-slide .kv2 .option-button>div {
    background-color: #fff;
}

.banner_kv {
    position: relative;
}

#banner_swiper .swiper-slide-active .option {
    display: block;
}

.my_fadeInUp {
    -webkit-animation: myfadeInUp 1s 0.3 ease both;
    animation: myfadeInUp 1s 0.3s ease both
}


.option {
    display: none;
    position: absolute;
    text-align: center;
    top: calc((375 / 19.2)* 1vw);
    right: calc((145/19.2)*1vw);
    background: none;
    background-size: 100%;

}

.option-title img {
    width: 75%;
}

.option-button-l {
    transition: 0.5s;
    margin-right: 28px;
}

.option-button-r {
    transition: 0.5s;
}

.option-button {
    margin-top: calc((74/19.2)*1vw);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}

.option-button>div {
    width: calc((220/19.2)*1vw);
    padding: 19px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100%;
    cursor: pointer;
    /* background-color: #fff; */
}

.l_mob_buttin>div {
    width: calc((220/19.2)*1vw);
    padding: 19px 0;
    margin: 0 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100%;
}

.option-button>div span {
    margin-right: 9px;
}

/* ================================================================================================================== */


/* 车型预览页 */

#card_scene a {
    margin-right: 28px;
}

#card_model a {
    margin-right: 28px;
}

.card_arrows img.hide {
    display: none;
}

.card_arrows_l img.hide, .card_arrows_r img.hide {
    display: none;
}

.card_arrows_l img.active, .card_arrows_r img.active {
    display: block;
}





.car_tab_pane_line {
    width: 1px;
    height: 100%;
    padding: 7px 1px;
    margin-right: 28px;
    background: #000;
}

.card_swiper_box {
    padding-bottom: 50px;
    transition: 0.5s;
    background: url(../images/index/card_type/bg3.jpg?1) no-repeat center;
    background-size: 100%;
}

#card_swiper .swiper-pagination-current {
    font-size: 40px;

}

#card_swiper .swiper-slide {
    text-align: center;
}

#card_swiper .swiper-pagination-total {
    font-size: 27px;

}

.card_logo {
    width: 100%;
    top: 0;
    white-space: nowrap;
    font-weight: bold;
    font-size: calc((80/19.2)*1vw);
    position: absolute;
    left: calc(50% - 50%);
}



.hotspot_tab_pane {
    margin-top: 112px;
    font-size: 24px;
}



.car_tab_swiper {
    margin-top: 50px;
}


#card_swiper {
    position: absolute;
    left: 0;
    top: calc((115/19.2)*1vw);
    width: 100%;

}

.card_img {
    margin-top: 14%;
    height: calc((560/19.2)*1vw);
}

.card_img {
    width: 100%;
}

.card_img img {
    width: 100%;
}

.card_img1 {
    background: url('../images/index/card_type/2.png?1') no-repeat;
}

.card_img3 {
    background: url('../images/index/card_type/3.png?1') no-repeat;
}

#card_swiper .swiper-button-prev {
    height: 100%;
    position: unset;
    margin-right: 63%;
    width: 100%;
    background: none;
    /* background-image: url('../images/index/card_type/zuojiantou.png?1'); */
}

#card_swiper .swiper-button-next {
    position: unset;
    height: 100%;
    width: 100%;
    background: none;
    /* background-image: url('../images/index/card_type/zuojiantou.png?1'); */
    transform: scaleX(-1);
}

.card_arrows {
    width: 60%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    left: calc(50% - 30%);
}

.banner_title {
    font-weight: bold;
    font-size: calc((90/19.2)*1vw);
}

.banner_title1 {
    margin-top: calc((30/19.2)*1vw);
    font-size: calc((54/19.2)*1vw);
}

.card_arrows_l img {
    width: 100%;
}

.card_arrows_r img {
    width: 100%;
    transform: scaleX(-1);
}

.card_img1 {
    background: url('../images/index/card_type/2.png?1') no-repeat;
    background-size: 100%;
}

.card_img2 {
    background: url('../images/index/card_type/3.png?1') no-repeat;
    background-size: 100%;
}

.card_opion {
    margin-top: 30px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

.crad_pagin {
    text-align: center;

}

.crad_pagin .swiper-pagination-current {
    color: #000;
    color: #CC0000 !important;
}

.car_type_box {
    margin-bottom: 53px;
}

/* ================================================================================================================== */

/* 品牌热点 */
.includingBox, .includingBox1 {
    width: 100%;
}

.includingBox .swiper-slide, .includingBox1 .swiper-slide {
    width: calc((540 / 19.2)* 1vw);
}

.hotspot {
    /* margin-top: 53px; */
    width: 100%;
    background: url('../images/index/hotspot/bg.png?1') no-repeat center;
    padding-bottom: 4%;
}

.hotspot_title {
    height: 40px;
    line-height: 40px;
    font-weight: 350;
    text-align: center;
}

.hotspot_check_more {
    color: rgba(0, 0, 0, 0.8);
    font-weight: 300;
    font-size: 24px;
    margin: 15px 0 20px 0;
    text-align: center;
}

.hotspot_check_more :hover {
    color: #CC0000;
}

#hotspot_scene {
    justify-content: center;
}

#hotspot_scene a {
    margin-right: 85px;
    font-weight: bold;
}

.com_pane_hoave a {
    line-height: 40px;
}

.hotspot_pic {
    margin-top: 43px;
}

.hotspot_pic .swiper-slide {
    overflow: hidden;
}

.hotspot_img1 {
    width: 100%;
    height: 100%;
    background-size: 100%;
}

.hotspot_img1 img {
    width: 100%;
    height: 100%;
}

.hotspot_img2 {
    width: 100%;

    background-size: 100%;
}

.hotspot_img3 {
    width: 100%;

    background-size: 100%;
}

.hotspost_title {
    width: 100%;
    position: absolute;
    bottom: 10%;
}

.hotspost_title p {
    width: 100%;
    text-align: center;
}



.hotsopst_check {
    width: 100%;
    color: #fff;
    text-align: center;
}

.hotsopst_check:hover {
    text-decoration: underline;
}

/* ================================================================================================================== */

/* 功能公司介绍 */
.more-item {
    position: absolute;
    left: 0;
    width: 100%;
    color: #fff;
    bottom: -40px;
    background: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    height: 40px;
    transition: 0.5s;
    text-align: right;
    line-height: 40px;
    padding-right: 20px;
}

.occs:hover .more-item {
    bottom: 0;
}

.competition {
    position: absolute;
    top: 13%;
    left: -14%;
    z-index: 100;
    width: 137%;
    transition: 0.5s;
}

.competition:hover {
    left: -7%;
}

.introduce {
    width: 100%;
    margin-top: 90px;
    display: flex;
    justify-content: space-between;
}

.introduce_l {
    width: 66%;
}

.introduce_r {
    width: 32%;
}

.about_us, .engine, .ABS, .safe_driving, .events {
    width: 100%;
    background: url('../images/index/introduce/1.png?1') no-repeat;
    background-size: 100% !important;
}

.introduce_des {
    margin-top: 21.5px;
}

.introduce_l_bom {
    margin-top: calc((30.5 / 19.2)* 1vw);
}

.introduce_l_bom>div {
    width: 32%;
}

.engine {
    background: url('../images/index/introduce/4-1.jpg') no-repeat right;
    background-position: -40%;
}

.ABS {
    background: url('../images/index/introduce/5.png?1') no-repeat;
}

.Pro {
    background-size: cover !important;
    background: url('../image/prohonda/index_poster.jpg') no-repeat;
}

.safe_driving {
    background: url('../images/index/introduce/2.png?1') no-repeat;
}

.events {
    position: relative;
    background: url('../images/index/introduce/3.png?1') no-repeat;
}

#card_model1 a {
    margin-right: 28px;
}

.events_box {
    margin-top: 30.5px;
}

.events img {
    position: absolute;
    position: absolute;
    width: 137%;
    left: -13%;
    top: 14%;
    transition: 0.5s;
}

.events img:hover {
    left: -7%;
}

/* ================================================================================================================== */

/* 品牌特约店 */
.special_shop_box {
    margin-top: 120px;
}

.special_shop {
    height: 100%;
    margin-top: 4%;
    width: 100%;
    /*flex-wrap: wrap;*/
    /*align-items: center;*/
    display: flex;
    /*justify-content: space-between;*/
    /* padding: 0 120px; */
}

.special_shop_pic {
    width: 100%;
    background: url('../images/index/special_shop/bg.png?1') no-repeat;
}

.special_shop_l {
    position: relative;
    height: calc((750 / 19.2)* 1vw);
    margin-left: 20px;
    /*background: red;*/
    width: calc(100% - calc((540/19.2)*1vw));
}

.special_shop_r {
    width: calc((540/19.2)*1vw);
}

.special_shop_form .form_box_input_box {
    border: 1px solid rgb(102, 102, 102);
}

.location_img {
    height: calc((300 / 19.2)* 1vw);
    width: 100%;
}

.special_shop_form {
    width: 100%;
}

.isincludingText {
    width: 100%;
    /* height: 50%; */
    padding: calc((32 / 19.2)* 1vw) calc((60 / 19.2)* 1vw) calc((36 / 19.2)* 1vw) calc((60 / 19.2)* 1vw);

    background: rgb(0, 0, 0, 0.7);
    color: #fff;
    position: absolute;
    bottom: -50%;
}

.includingBox>div:hover .isincludingText {
    bottom: 0;
    opacity: 1;
    /* 鼠标移入时显示 */
}

.isincludingText p {
    line-height: 36px;
    text-overflow: -o-ellipsis-lastline;
    ;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.isincludingText {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: -100px;
    left: 0;
    opacity: 0;
    /* 初始时隐藏 */
    transition: bottom 0.5s ease, opacity 0.5s ease;
    /* 添加 opacity 的过渡效果 */
}

.form_box_input_box {
    margin-top: calc((20 / 19.2)* 1vw);
    width: 100%;
}

.form_box_input_box input {
    padding-left: 10px;
}

.form_box_select_box {
    width: 100%;
    margin-top: calc((31 / 19.2)* 1vw);
}


.form_box input, .form_box select {
    padding: 5px 0 5px 10px;
    height: 40px;
    width: 100%;
    color: rgb(118, 118, 118);
    outline: none;
}

.site {
    margin: calc((18 / 19.2)* 1vw) 0 calc((41 / 19.2)* 1vw) 0;
}

.site_info {
    margin-bottom: calc((20 / 19.2)* 1vw);
    cursor: pointer;
}

.privacy {
    margin: calc((18 / 19.2)* 1vw) 0 calc((27 / 19.2)* 1vw) 0;
    cursor: pointer;
}

.radio_fill {
    display: none;
    width: 12px;
    height: 12px;
}

.check_text {
    width: calc(100% - 16px);
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
}

.privacy_radio {
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border: 1px solid #000;
}

.privacy_radio {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 3%;
}



#container {
    position: absolute;
    /*地图(容器)显示大小*/
    height: 100%;
    top: 0;
    width: 100%;
    left: 0
}



/* ================================================================================================================== */

/* honda小程序 */
.applet {
    background: url('../images/index/applet/bg.png?1') no-repeat;
    background-size: 100%;
    margin-top: 5%;
    width: 100%;
}




/* ================================================================================================================== */

/* 大图滚动页面 */

/* parallax__cont */
#parallax__cont {
    overflow: hidden;
}

.parallax__item {
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


.parallax__item__num {
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 3vw;
    line-height: 1;
    z-index: 10;
}

.parallax__item__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    background-size: cover;
    background-position: center;
}

.parallax_item_text {
    position: absolute;

}

.kv1 .option::after {
    display: block;
}

#section1 .parallax__item__img {
    background-image: url("../images/index/big_pic/bannerScroll1.png?1");
}

#section1 .parallax_item_text {
    width: 551px;
    height: 86px;
    top: 180px;
    right: 120px;
    background: url('../images/index/big_pic/1.png?1') no-repeat;
}

#section2 .parallax__item__img {
    background-image: url("../images/index/big_pic/bannerScroll2.png?1");
}

#section2 .parallax_item_text {
    width: 258px;
    height: 82px;
    top: 581px;
    left: 130px;

    background: url('../images/index/big_pic/2.png?1') no-repeat;
}

#section3 .parallax__item__img {
    background-image: url("../images/index/big_pic/bannerScroll3.png?1");
}

#section3 .parallax_item_text {
    width: 339px;
    height: 86px;
    top: 180px;
    right: 201px;
    background: url('../images/index/big_pic/3.png?1') no-repeat;
}

#section4 .parallax__item__img {
    background-image: url("../images/index/big_pic/bannerScroll4.png?1");
}

#section4 .parallax_item_text {
    width: 191px;
    height: 86px;
    top: 581px;
    left: 130px;
    background: url('../images/index/big_pic/4.png?1') no-repeat;
}

#section5 .parallax__item__img {
    background-image: url("../images/index/big_pic/bannerScroll5.png?1");
}

#section5 .parallax_item_text {
    width: 167px;
    height: 86px;
    top: 180px;
    right: 200px;
    background: url('../images/index/big_pic/5.png?1') no-repeat;
}


.pc_ter .includingBox {
    height: calc((620 / 19.2)* 1vw);
}
.l_confirm{
    cursor: pointer;
    color: #CC0000;
    margin-top: calc((15 / 19.2)* 1vw);
}
.l_confirm>span:hover{
    font-weight: bold;
    text-decoration: underline;
}
.l_prompt{
    cursor: default;
    display: none;
    width: calc((162 / 19.2)* 1vw);
    height: calc((116 / 19.2)* 1vw);
    background: url('/static/images/index/card_type/4.png') no-repeat center;
    position: absolute;
    z-index: 99;
    top: calc((-120 / 19.2)* 1vw);
    padding: calc((23 / 19.2)* 1vw) calc((14 / 19.2)* 1vw) 0 calc((14 / 19.2)* 1vw);
    left: calc(50% - calc((200 / 19.2)* 1vw));
    font-size: calc((18 / 19.2)* 1vw);
    text-align: center;
}
.cb1000R_show{
    width: 100%;
    left: calc(50% - 50%);
    position: absolute;
    top: calc((80 / 19.2)* 1vw);
    font-size: calc((18 / 19.2)* 1vw);
    margin-top: calc((27 / 19.2)* 1vw);

}
.cb1000R_show span{
    color: #000;
}
.cb1000R_show a{
    color: #CC0000;
}
/* 视频适配大小屏 */


/* 动态头部导航 */

@media (max-width: 860px) {

    .location_img {
        height: calc((200 / 3.75)* 1vw);
    }


    /* banner */
    .option {
        position: static;
        display: block;
    }

    .card_arrows {
        bottom: 0;
    }

    .line_height40 {
        line-height: 30px;
    }

    .option-title {
        position: absolute;
        top: 115px;
        width: 100%;
        text-align: center;
    }

    .form_box_input_box {
        margin-top: calc((20 / 3.75)* 1vw);
        width: 100%;
    }

    .l_mob_buttin {
        width: 100%;
        padding: 0 52px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        bottom: 85px;
    }

    .h-full {
        height: auto;
    }

    #banner_swiper .swiper-button-black {
        display: none;
    }

    #hotspot_scene a {
        margin-right: 28px;
    }

    .special_shop_box {
        margin-top: 40px;
    }

    #card_model1 {
        margin-left: 16px !important;
        margin-top: 10px;
    }

    #card_scene1 a {
        line-height: 30px;
    }

    .mob_ter .includingBox1 {
        /* height: calc((492 / 3.75)* 1vw); */
    }

    .l_mob_buttin>div {
        width: 123px;
        height: 34px;
        background: none;
        text-align: center;
        border: 1px solid #fff;
        color: #fff;
        line-height: 30px;
    }

    .com_pane_hoave {
        line-height: 30px;
    }

    /* 选择车系页 */
    .card_swiper_box {
        background: url('../images/index/card_type/mob/bg3.png') no-repeat !important;
        margin-top: 63px;
        width: 100%;
        height: 100%;
        background-size: 100%;
    }

    .check_text {
        font-size: 14px;
    }

    .card_img {
        margin-top: 0;
        height: calc((230/3.75)*1vw);
    }


    .special_shop {
        justify-content: center;

    }

    .site {
        margin: calc((18 / 3.75)* 1vw) 0 calc((41 / 3.75)* 1vw) 0;
    }

    .privacy {
        margin: calc((18 / 3.75)* 1vw) 0 calc((27 / 3.75)* 1vw) 0;
        cursor: pointer;
    }

    .card_swi_mob .swiper-wrapper {
        min-height: 240px;
    }

    .card_swi_mob .swiper-wrapper {
        min-height: 240px;
    }

    #card_model1 {
        justify-content: left;
    }

    #card_model1 a {
        line-height: 30px;
    }

    #card_swiper {
        top: 100px;
    }

    .site_info {
        margin-bottom: calc((20 / 3.75)* 1vw);
        cursor: pointer;
    }

    .car_tab_pane {
        display: block;
    }

    .introduce_l_bom {
        margin-top: calc((30.5 / 3.75)* 1vw);
        flex-wrap: wrap;
    }

    .introduce_l_bom>div {
        width: 49%;
    }

    .introduce_l_bom>div:last-child{
        width: 100%;
    }

    .safe_box {
        margin-top: calc((30.5 / 3.75)* 1vw);
    }

    .card_opion {
        margin-top: 20px;
        width: 100%;
    }

    #card_swiper .swiper-button-prev {
        height: 100%;
        margin-right: 0;
    }

    .form_box_select_box {
        width: 100%;
        margin-top: calc((20 / 3.75)* 1vw);
    }

    .card_opion .option-button>div {
        width: calc((123 / 3.75)* 1vw);
        height: calc((34 / 3.75)* 1vw);
        margin: 0;
    }

    #card_swiper .swiper-pagination-current {
        font-size: 24px;
    }

    .car_tab_swiper {
        margin-top: 20px;
    }

    #card_swiper .swiper-pagination-total {
        font-size: 18px;
    }

    .banner_title {
        font-weight: bold;
        font-size: 30px;
    }

    .banner_title1 {
        margin-top: 20;
        font-size: 16px;
    }

    .card_logo {
        font-size: 24px;
    }

    /* 品牌热点 */
    .hotspot_tab_pane a {
        padding: 12px 0;
        font-size: 14px;
    }
    .hotspot_tab_pane{
        margin-top: calc((40/19.2)*1vw);
    }
    .isincludingText {
        opacity: 1;
        bottom: 0;

    }

    .isincludingText p {
        font-size: 14px
    }

    .includingBox {
        display: block;
    }

    .hotspot_pic .swiper-slide {
        width: 100%;
    }

    /* 公司介绍 */
    .introduce_l, .introduce_r {
        width: 100%;
    }

    .introduce {
        display: block;
        margin-top: 30px;
    }

    .introduce_des {
        text-align: center;
    }

    .special_shop_r, .special_shop_l {
        width: 100%;
        margin-top: 20px;
    }

    /*    .special_shop_r {
        margin-top: 5%;
    }
    */
    .special_shop_r {
        width: 100%;
    }

    /* 品牌特约店 */
    .special_shop_l {
        display: none;
    }



    .text_size40 {
        font-size: 24px;
    }


}



@media (max-width: 1158px) {
    .text_size24 {
        font-size: 16px;
    }

    .text_size20 {
        font-size: 14px;
    }

    .text_size18 {
        font-size: 14px;
    }

    .content_pad {
        padding: 0 20px;
    }

}