/*===========KV=============*/
.index .kv {
    box-sizing: border-box;
    padding-top: 70px;
}

.index .kv .swiper-container,
.index .kv .swiper,
.index .kv .swiper-slide {
    width: 100%;
    height: 100%;
}

.index .kv .swiper-slide img {
    display: block;
    width: 100%;
}

.index .kv .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.index .kv .index_kv > .swiper-pagination-bullets,
.index .kv .swiper-pagination-bullets.swiper-pagination-horizontal,
.index .kv .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px;
}

.index .kv .swiper-pagination-bullet {
    width: 10%;
    height: 2px;
    background: rgba(119, 119, 119, 0.76);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
    border-radius: 0;
    opacity: 1;
}

.index .kv .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 0.76);
}

/*=============================2022版===============================*/
/*===========新闻=============*/
.index_news {
    width: 100%;
    padding: 50px 4% 50px;
    box-sizing: border-box;
    background: #ededed;
}

.index_news h2 {
    width: 100%;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

.index_news h2 .line {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #000;
}

.index_news h2 .txt_s {
    display: inline-block;
    padding: 5px 5%;
    background: #ededed;
    color: #333;
    position: absolute;
    left: 50%;
    top: 65%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.index_news .list_news {
    width: 100%;
}

.index_news .list_news dl {
    width: 100%;
    background: #fff;
    border-radius: 6px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.3);
    position: relative;
    margin-bottom: 20px;
}

.index_news .list_news dl:after {
    display: table;
    content: '';
    clear: both;
}

.index_news .list_news dl dt {
    width: 42%;
    float: left;
}

.index_news .list_news dl dt img {
    display: block;
    width: 100%;
    border-radius: 6px 0px 0px 6px;
    box-shadow: 0px 0px 1px 0 rgba(0, 0, 0, 0.3);
}

.index_news .list_news dl dd {
    width: 58%;
    padding: 3%;
    box-sizing: border-box;
    float: left;
}

.index_news .list_news dl dd p {
    width: 100%;
    color: #000;
}

.index_news .list_news dl dd .news_date {
    color: #a8a8a8;
    font-size: 10px;
}

.index_news .list_news dl dd .news_title {
    margin: 8px 0 0;
    text-align: center;
    line-height: 1.6;
}

.index_news .list_news dl dd .news_more {
    display: block;
    color: #e60021;
    font-size: 15px;
    text-align: right; /*text-decoration:underline;*/
    border-bottom: 1px solid #e60021;
    position: absolute;
    right: 5%;
    bottom: 5%;
}

.index_news .media_lk {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

.index_news .media_lk a { /*text-decoration:underline;*/
    border-bottom: 1px solid #e60021;
    color: #e60021;
    font-size: 16px;
    font-weight: bold;
}

/*===========时报=============*/
.index_toyotatimes {
    width: 100%;
    padding: 50px 4% 0;
    box-sizing: border-box;
    background: #fff;
}

.index_toyotatimes h2 {
    width: 100%;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

.index_toyotatimes h2 .line {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #000;
}

.index_toyotatimes h2 .txt_s {
    display: inline-block;
    padding: 5px 5%;
    background: #fff;
    color: #333;
    position: absolute;
    left: 50%;
    top: 65%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.index_toyotatimes .list_toyotatimes {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.index_toyotatimes .swiper,
.index_toyotatimes .swiper-slide,
.index_toyotatimes .box,
.index_toyotatimes .box .pic,
.index_toyotatimes .box .txt {
    width: 100%;
}


.index_toyotatimes .btn_swiper_box {
    width: calc(100% + 4%);
    margin-bottom: 30px;
}

.index_toyotatimes .btn_swiper_box .swiper-slide {
    width: 70px;
}

.index_toyotatimes .btn_swiper_box .swiper-slide.lianzai {
    width: 40px;
}

.index_toyotatimes .btn_swiper_box .swiper-slide.kechixu {
    width: 94px;
}

.index_toyotatimes .btn_swiper_box .btn_box {
    width: 100%;
}

.index_toyotatimes .btn_swiper_box .txt {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

.index_toyotatimes .btn_swiper_box .swiper-slide-thumb-active {
    color: #e60021;
}

.index_toyotatimes .btn_swiper_box .swiper-slide-thumb-active .txt {
    border-bottom: 1px solid #e60021;
}

/*.index_toyotatimes .box{padding:40px 0 50px;}*/

.toyotatimes_swiper .swiper-slide {
    height: auto;
}

.toyotatimes_swiper dl {
    margin-bottom: 40px;
}

.toyotatimes_swiper dl:last-child {
    margin-bottom: 0px;
}

.toyotatimes_swiper dl,
.toyotatimes_swiper dl dt,
.toyotatimes_swiper dl dd {
    width: 100%;
}

.toyotatimes_swiper dl dt img {
    display: block;
    width: 100%;
    border-radius: 3px; /*box-shadow:1px 1px 7px 0 rgba(0,0,0,0.3);*/
}

.toyotatimes_swiper dl dd {
    position: relative;
    padding-top: 15px;
}

.toyotatimes_swiper .data_txt {
    width: 100%;
    margin-bottom: 10px;
}

.toyotatimes_swiper .data_txt p {
    color: #a8a8a8;
}

.toyotatimes_swiper .title_txt {
    width: 100%;
    color: #000;
}

.toyotatimes_swiper .title_txt h3 {
    width: 100%;
    font-size: 16px;
    margin-bottom: 5px;
}

.toyotatimes_swiper .title_txt p {
    line-height: 1.5;
}

.index_toyotatimes .column_more_btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.index_toyotatimes .column_more_btn a {
    display: inline-block;
    color: #e60021;
    font-size: 14px;
    border-bottom: 1px solid #e60021;
}

.toyotatimes_more {
    width: 100%;
    margin-top: 60px;
    text-align: center;
}

.toyotatimes_more a {
    display: inline-block;
    color: #e60021;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px solid #e60021;
}

/*===========时报====视频化=========*/
.toyotatimes_video {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 4% 30px;
    background: #fff;
}

.toyotatimes_video a,
.toyotatimes_video a img {
    display: block;
    width: 100%;
    border-radius: 4px;
}

/*===========主题=============*/

.index_subject {
    width: 100%;
    padding: 50px 0;
    box-sizing: border-box;
    background: #ededed;
}

.index_subject h2 {
    width: 100%;
    padding: 0px 4%;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    margin-bottom: 45px;
}

.index_subject h2 .line {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #000;
}

.index_subject h2 .txt_s {
    width: 100%;
    color: #333;
    position: absolute;
    left: 50%;
    top: 74%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.index_subject h2 .txt_s strong {
    display: inline-block;
    padding: 5px 2%;
    background: #ededed;
}

.index_subject h2 .txt_s span {
    font-size: 12px;
}

.index_subject .bz h2 .txt_s {
    top: 114%;
}

.index_subject .bz h2 .txt_s strong {
    line-height: 1;
}

.index_subject .swiper-container,
.index_subject .swiper,
.index_subject .swiper-slide,
.index_subject .box {
    width: 100%;
}

.index_subject .box {
    padding-top: 10px;
}

.subject_swiper .bz h2 .txt_s {
    min-width: 190px;
}

.subject_swiper ul {
    width: 100%;
    padding: 0 9%;
    box-sizing: border-box;
}

.subject_swiper ul li {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

.subject_swiper ul li .bg {
    width: 100%;
}

.subject_swiper ul li .bg img {
    display: block;
    width: 100%;
    border-radius: 8px;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3);
}

.subject_swiper ul li .media_logo {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
    color: #fff;
}

.subject_swiper ul li .font_black {
    color: #000;
}

.subject_swiper ul li .media_logo img {
    margin-right: 3px;
    margin-bottom: -2px;
}

.subject_swiper ul li .dy img {
    width: 16%;
}

.subject_swiper ul li .sina img {
    width: 25.26%;
}

.subject_swiper ul li .wechat img {
    width: 25.26%;
}

.subject_swiper ul li .bili img {
    width: 42.95%;
}

.subject_swiper ul li .play_icon {
    width: 40px;
    height: 40px;
    background: url(../image/play.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after,
.swiper-rtl .swiper-button-next:after {
    content: '';
}

.index_subject .swiper-button-next,
.index_subject .swiper-button-prev {
    top: inherit;
    margin-top: inherit;
    right: inherit;
    left: inherit;
    color: inherit;
    width: 36px;
    height: 55px;
    top: 50%;
}

.index_subject .swiper-button-next.swiper-button-disabled,
.index_subject .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.index_subject .swiper-button-next,
.index_subject .swiper-container-rtl .swiper-button-prev,
.index_subject .swiper-rtl .swiper-button-prev {
    background: url(../image/r.png) center center no-repeat;
    background-size: 100% 100%;
    right: 0;
}

.index_subject .swiper-button-prev,
.index_subject .swiper-container-rtl .swiper-button-next,
.index_subject .swiper-rtl .swiper-button-next {
    background: url(../image/l.png) center center no-repeat;
    background-size: 100% 100%;
    left: 0;
}


/*===========cars=============*/
/*.index_cars {*/
/*    width: 100%;*/
/*    border-top: 3px solid #e9e9e9;*/
/*    position: relative;*/
/*    !*background: url(../image/bg.jpg) 0 bottom no-repeat;*!*/
/*    background-size: 100% 100%;*/
/*}*/

/*.index_cars{background-image:url(../img/index/cars/bg-bz4x.jpg);}*/

.index_cars .log_icon {
    width: 32%;
    position: absolute;
    top: 30px;
    left: 20px;
    z-index: 100;
    display: none;
}

.index_cars .log_icon img {
    display: block;
    width: 100%;
}


.index_cars .swiper-button-next,
.index_cars .swiper-button-prev {
    top: inherit;
    margin-top: inherit;
    right: inherit;
    left: inherit;
    color: inherit;
    width: 36px;
    height: 53px;
    top: 47%;
}

.index_cars .swiper-button-next.swiper-button-disabled,
.index_cars .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.index_cars .swiper-button-next,
.index_cars .swiper-container-rtl .swiper-button-prev,
.index_cars .swiper-rtl .swiper-button-prev {
    background: url(../image/r1.png) center right no-repeat;
    background-size: 60% 100%;
    right: 2%;
}

.index_cars .swiper-button-prev,
.index_cars .swiper-container-rtl .swiper-button-next,
.index_cars .swiper-rtl .swiper-button-next {
    background: url(../image/l1.png) center left no-repeat;
    background-size: 60% 100%;
    left: 2%;
}

.index_cars .swiper-container,
.index_cars .swiper-slide,
.index_cars .box,
.index_cars .car_btn {
    width: 100%;
}

.index_cars .box {
    position: relative;
}

.index_cars .pic {
    width: 100%;
    box-sizing: border-box;
    padding: 100px 10% 20px;
    background: url(../image/bg1.gif) 0 0 no-repeat;
    background-size: 100% 100%;
    position: relative;
}

/*.index_cars .pic{background-image:url(../img/index/cars/bg1-bz4x.gif);}*/


.index_cars .pic img {
    width: 100%;
    display: block;
    position: relative;
    bottom: 0;
}

.index_cars h2 {
    width: 100%;
    text-align: center;
    line-height: 1.4;
    padding: 20px 0 40px;
    color: #fff;
    background: url(../image/bg2.jpg) 0 0 no-repeat;
    background-size: 100% 100%;
}

/*.index_cars h2{background-image:url(../img/index/cars/bg2-bz4x.jpg);}*/

.index_cars .car_btn {
    box-sizing: border-box;
    padding: 0 8% 30px;
    display: none;
}

.index_cars .car_btn .btn {
    width: 45%;
    box-sizing: border-box;
    float: left;
    margin-right: 10%;
    margin-bottom: 20px;
    text-align: center;
}

.index_cars .car_btn .btn:nth-child(2n) {
    margin-right: 0;
}

.index_cars .car_btn .btn a {
    display: block;
    width: 100%;
    height: 52px;
    padding: 4px 0 14px;
    box-sizing: border-box;
    text-align: center;
    background: url(../image/btn_bg.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: relative;
    color: #fff;
}

.index_cars .car_btn .btn span {
    display: inline-block;
    height: 100%;
}

.index_cars .car_btn .btn span.icon_pic {
    width: 30px;
    margin-right: 4px;
    position: relative;
    bottom: -9px;
}

.index_cars .car_btn .btn span.icon_pic img.bg {
    width: 100%;
}

.index_cars .car_btn .btn span.icon_pic img.icon {
    width: 70%;
    position: absolute;
    left: 15%;
    top: 9%;
}

.index_cars .car_btn .btn span.icon_pic img.wheel {
    width: 60%;
    left: 20%;
    top: 16%;
}

.index_cars .car_btn .btn span.icon_pic img.map_pic1,
.index_cars .car_btn .btn span.icon_pic img.map_pic2 {
    width: 60%;
    left: 20%;
    top: 18%;
}

.index_cars .car_btn .btn span.txt {
    font-size: 12px;
    font-weight: bold;
}

.index_cars .car_btn .btn a.logo_btn {
    padding: 4px 0 0;
}

.index_cars .car_btn .btn a.logo_btn img {
    width: 80%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.index_cars .car_btn .map_pic2 {
    -webkit-animation-name: map_shake; /*这个设置在/mobile/common/css/header.css 里*/
    animation-name: map_shake;
}

.index_cars .car_btn .wheel {
    -webkit-animation-name: wheel_swing;
    animation-name: wheel_swing;
}

.subject-next,
.subject-prev,
.index_news .list_news dl dd .news_more img {
    -webkit-animation-name: lr_shake;
    animation-name: lr_shake;
}

.index_cars .car_btn .wheel,
.index_cars .car_btn .map_pic2,
.subject-next,
.subject-prev,
.index_news .list_news dl dd .news_more img {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

/*左右摇摆*/
@-webkit-keyframes lr_shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    25% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0);
    }
}

@keyframes lr_shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    25% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0);
    }
}

/*视频弹窗*/
.mov_pop {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000003;
    display: none;
}

.mov_pop .box_pop {
    width: 100%;
    height: 100vh;
    position: relative;
}

.mov_pop .box_pop .close {
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
}

.mov_pop .box_pop .close img {
    display: block;
    width: 100%;
}

.mov_pop .box_pop .videos_wrap {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.mov_pop .box_pop video {
    width: 100%;
    border: none;
    outline: none;
    margin-top: inherit; /*display:block;此属性会导致视频在苹果手机播放时暂停键功能失效*/
}