* {
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    outline: none;
 /*   font-family: 'Microsoft YaHei';*/
}

body {
    width: 100%;
    overflow-x: hidden;
}
.clearfix::after{
    display: block;
    clear: both;
    overflow: hidden;
}
input,
select {
    outline: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance:none;
    appearance:none; /*去掉下拉箭头*/
}
select::-ms-expand { display: none; } 
input:focus {
    outline: 0
}

input::-webkit-input-placeholder {
    color: #ffffff
}

input::-moz-placeholder {
    color: #ffffff;
    font-size: .22rem
}

input:-moz-placeholder {
    color: #ffffff;
    font-size: .22rem
}

input:-ms-input-placeholder {
    color: #ffffff;
    font-size: .22rem
}

video {
    max-width: 100%;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

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

.swiper-wrapper {
    width: 100%;
    height: 100%;
}

img {
    display: block;
    border: none
}

a {
    text-decoration: none;
}


@media screen and (min-width:1001px) {
.pc-box{
    display: block;
}  
.wap-box{
    display: none;
}
.kv-main {
    position: relative;
    width: 100%;
    height: 11.17rem;
    left: 0;
    top: 0;
    z-index: 0;
}

.kv-main .light-slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.kv-main .light-slide .view {
    width: 100%;
    height: 11.17rem;
    position: absolute;
    left: 0;
    top: 0;
}

.light-slide .view .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;

}

.light-slide .view .swiper-container .swiper-slide{
    /* margin-left: -.001rem; */
}

.light-slide .view .swiper-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.light-slide .preview {
    width: 15.60rem;
    height: 2.06rem;
    position: absolute;
    top: 8.79rem;
    left: 2.93rem;
}

.light-slide .preview .swiper-container {
    width: 100%;
    height: 2.06rem;
    margin-left: 0;

}

.light-slide .preview .swiper-container .swiper-wrapper {
    width: 100% !important;
}

.light-slide .preview .swiper-slide {
    width: 3.86rem;
    height: 2.06rem;
    margin-right: .05rem;
    position: relative;
    cursor: pointer;
}
.light-slide .preview .swiper-slide:last-child{
    margin-right: 0;
}

.light-slide .preview .swiper-slide .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: .4;
}
.light-slide .preview .active-nav.swiper-slide .mask {
    opacity: 0;
}

.light-slide .preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kv-main .link-box{
    position: absolute;
    left: .68rem;
    top: 8.79rem;
    width: 2rem;
    height: 2rem;
    z-index: 1;
}
.kv-main .link-box .item{
    display: block;
    margin-bottom: .3rem;
}
.kv-main .link-box .item .icon{
   width: 2rem;
   height: .47rem;    
   transition: all .3s ease-in-out;

}
.kv-main .link-box .item .icon.icon1{
    background: url(../images/kv-btn2020.png);
    background-size: 100% 100%;
}
.kv-main .link-box .item .icon.icon2{
    background: url(../images/kv-btn2019.png);
    background-size: 100% 100%;
}
.kv-main .link-box .item .icon.icon3{
    background: url(../images/kv-btn2018.png);
    background-size: 100% 100%;
}
.kv-main .link-box .item .icon.icon1.act{
    background: url(../images/kv-btn2020-on.png);
    background-size: 100% 100%;
}
.kv-main .link-box .item:hover .icon.icon2{
    background: url(../images/kv-btn2019-on.png);
    background-size: 100% 100%;
}
.kv-main .link-box .item:hover .icon.icon3{
    background: url(../images/kv-btn2018-on.png);
    background-size: 100% 100%;
}
.kv-main .link-box .item:last-child{
    margin-bottom: 0;
}
.kv-main .link-box .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/**main主体***/
.mainbg {
    width: 100%;
    /* height: 29.01rem; */
    background: url(../images/mainbg.jpg) no-repeat 100% 100%;
    background-size: 100% 100%;
    position: relative;
    left: 0;
    top: 0;   
    padding-bottom: .36rem;
}
.mainbg .kk-cont{
    width: 15.49rem;
    /* height: 16.94rem; */
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/kk-bg.jpg) no-repeat 100% 100%;
    background-size: 100% 100%;
    padding-bottom: 1.2rem;
    padding-top: .25rem;
}
.mainbg .video-item{
    position: relative;
    margin-bottom: 0.35rem;
    /* width: 15.49rem;
    height: 6.15rem;
    left: 0;
    top: 0; */
}
 .mainbg .video-item .bg{
   /* position: absolute;
    left: 0;
    top: 0; */
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mainbg .video-item .video-box{
    position: absolute;
     left: 3.75rem;
     top: .7rem; 
     width: 8.26rem;
     height: 4.79rem;
 }
.mainbg .video-item .img{
    position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 .mainbg .video-item .playbtn{
    position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
     width: .88rem;
     height: .87rem;
     background: url(../images/play-btn.png) no-repeat;
    background-size: 100% 100%;
 }
 .mainbg .video-item .video {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    display: none;
}

.mainbg .kk-cont .kk-line{
    position: relative;
    /* width: 15.49rem;
    height: 7.4rem;
    left: 0;
    top: 6.15rem; */
}
.mainbg .kk-cont .kk-line>div{
    cursor: pointer;
    transition: all .3s ease-in;
}
.mainbg .kk-cont .kk-line .bg{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/**科考路线第一站地图**/
.mainbg .pc-kk-cont1 .kk-line .kklx1-1t{
    position: absolute;
    top: .96rem;
    left: 8.86rem;
    width: 2.97rem;
    height: .56rem;
    background: url(../images/kklx1-1t.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .pc-kk-cont1 .kk-line .kklx1-1b{
    position: absolute;
    top: 2.8rem;
    left: 10.19rem;
    width: 3.18rem;
    height: .58rem;
    background: url(../images/kklx1-1b.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .pc-kk-cont1 .kk-line .kklx1-2{
    position: absolute;
    top: 2.16rem;
    left: 3.21rem;
    width: 5.09rem;
    height: .56rem;
    background: url(../images/kklx1-2.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .pc-kk-cont1 .kk-line .kklx1-3{
    position: absolute;
    top: 5.24rem;
    left: 7.69rem;
    width: 2.67rem;
    height: .56rem;
    background: url(../images/kklx1-3.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .pc-kk-cont1 .kk-line .kklx1-45{
    position: absolute;
    top: 4.32rem;
    left: 2.54rem;
    width: 4.04rem;
    height: .57rem;
    background: url(../images/kklx1-45.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .pc-kk-cont1 .kk-line .kklx1-6{
    position: absolute;
    top: 3.64rem;
    left: 8.22rem;
    width: 3.49rem;
    height: .57rem;
    background: url(../images/kklx1-6.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .pc-kk-cont1 .kk-line .kklx1-1t.active{
    background: url(../images/kklx1-1t-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .pc-kk-cont1 .kk-line .kklx1-1b.active{
    background: url(../images/kklx1-1b-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .pc-kk-cont1 .kk-line .kklx1-2.active{
    background: url(../images/kklx1-2-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .pc-kk-cont1 .kk-line .kklx1-3.active{
    background: url(../images/kklx1-3-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .pc-kk-cont1 .kk-line .kklx1-45.active{
    background: url(../images/kklx1-45-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .pc-kk-cont1 .kk-line .kklx1-6.active{
    background: url(../images/kklx1-6-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .pc-kk-cont1 .kk-line .kklx1-1t:hover{
    background: url(../images/kklx1-1t-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .pc-kk-cont1 .kk-line .kklx1-1b:hover{
    background: url(../images/kklx1-1b-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .pc-kk-cont1 .kk-line .kklx1-2:hover{
    background: url(../images/kklx1-2-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .pc-kk-cont1 .kk-line .kklx1-3:hover{
    background: url(../images/kklx1-3-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .pc-kk-cont1 .kk-line .kklx1-45:hover{
    background: url(../images/kklx1-45-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .pc-kk-cont1 .kk-line .kklx1-6:hover{
    background: url(../images/kklx1-6-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-swiper #kklx1-swiper45 .text, .mainbg .kk-swiper #kklx1-swiper45 .text .line {
    width: 1.9rem;
}
/**科考路线第二站地图**/
.mainbg .kk-cont .kk-line .kklx-1{
    position: absolute;
    top: .81rem;
    left: 7.7rem;
    width: 1.74rem;
    height: .4rem;
    background: url(../images/kklx-1.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-2l{
    position: absolute;
    top: 1.18rem;
    left: 3.14rem;
    width: 1.95rem;
    height: .4rem;
    background: url(../images/kklx-2l.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-2r{
    position: absolute;
    top: 1.68rem;
    left: 10.07rem;
    width: 2.02rem;
    height: .4rem;
    background: url(../images/kklx-2r.png) no-repeat;
    background-size: 100% 100%;
}

.mainbg .kk-cont .kk-line .kklx-3{
    position: absolute;
    top: 1.66rem;
    left: 6.52rem;
    width: 1.31rem;
    height: 1.19rem;
    background: url(../images/kklx-3.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-45{
    position: absolute;
    top: 3.78rem;
    left: 4.95rem;
    width: 2.48rem;
    height: .41rem;
    background: url(../images/kklx-45.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-6t{
    position: absolute;
    top: 2.62rem;
    left: 8.7rem;
    width: 2.45rem;
    height: .41rem;
    background: url(../images/kklx-6t.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-6b{
    position: absolute;
    top: 3.66rem;
    left: 9.42rem;
    width: 2.24rem;
    height: .42rem;
    background: url(../images/kklx-6b.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-7{
    position: absolute;
    top: 4.35rem;
    left: 8.78rem;
    width: 2.29rem;
    height: .42rem;
    background: url(../images/kklx-7.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-8{
    position: absolute;
    top: 6.16rem;
    left: 9.4rem;
    width: 1.75rem;
    height: .41rem;
    background: url(../images/kklx-8.png) no-repeat;
    background-size: 100% 100%;
}

.mainbg .kk-cont .kk-line .kklx-1.active{
    background: url(../images/kklx-1-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-2l.active{
    background: url(../images/kklx-2l-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-2r.active{
    background: url(../images/kklx-2r-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-3.active{
    background: url(../images/kklx-3-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-45.active{
    background: url(../images/kklx-45-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-6t.active{
    background: url(../images/kklx-6t-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-6b.active{
    background: url(../images/kklx-6b-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-7.active{
    background: url(../images/kklx-7-on.png) no-repeat;
    background-size: 100% 100%;
}

.mainbg .kk-cont .kk-line .kklx-8.active{
    background: url(../images/kklx-8-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-1:hover{
    background: url(../images/kklx-1-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-2l:hover{
    background: url(../images/kklx-2l-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-2r:hover{
    background: url(../images/kklx-2r-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-3:hover{
    background: url(../images/kklx-3-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-45:hover{
    background: url(../images/kklx-45-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-6t:hover{
    background: url(../images/kklx-6t-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-6b:hover{
    background: url(../images/kklx-6b-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx-7:hover{
    background: url(../images/kklx-7-on.png) no-repeat;
    background-size: 100% 100%;
}

.mainbg .kk-cont .kk-line .kklx-8:hover{
    background: url(../images/kklx-8-on.png) no-repeat;
    background-size: 100% 100%;
}
/**科考路线第三站地图**/
.mainbg .kk-cont .kk-line .kklx3-1{
    position: absolute;
    top: 2.19rem;
    left: 3.84rem;
    width: 2.11rem;
    height: .9rem;
    background: url(../images/kklx3-1.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx3-2{
    position: absolute;
    top: 4.35rem;
    left: 3.82rem;
    width: 2.21rem;
    height: .96rem;
    background: url(../images/kklx3-2.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx3-3{
    position: absolute;
    top: 4.26rem;
    left: 8.37rem;
    width: 2.03rem;
    height: .96rem;
    background: url(../images/kklx3-3.png) no-repeat;
    background-size: 100% 100%;
}

.mainbg .kk-cont .kk-line .kklx3-5{
    position: absolute;
    top: 2.89rem;
    left: 7.46rem;
    width: 1.89rem;
    height: .91rem;
    background: url(../images/kklx3-5.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx3-6{
    position: absolute;
    top: .86rem;
    left: 7.4rem;
    width: 1.59rem;
    height: .96rem;
    background: url(../images/kklx3-6.png) no-repeat;
    background-size: 100% 100%;
}

.mainbg .kk-cont .kk-line .kklx3-1:hover{
    background: url(../images/kklx3-1-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx3-2:hover{
    background: url(../images/kklx3-2-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx3-3:hover{
    background: url(../images/kklx3-3-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx3-5:hover{
    background: url(../images/kklx3-5-on.png) no-repeat;
    background-size: 100% 100%;
}

.mainbg .kk-cont .kk-line .kklx3-6:hover{
    background: url(../images/kklx3-6-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx3-1.active{
    background: url(../images/kklx3-1-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx3-2.active{
    background: url(../images/kklx3-2-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx3-3.active{
    background: url(../images/kklx3-3-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx3-5.active{
    background: url(../images/kklx3-5-on.png) no-repeat;
    background-size: 100% 100%;
}

.mainbg .kk-cont .kk-line .kklx3-6.active{
    background: url(../images/kklx3-6-on.png) no-repeat;
    background-size: 100% 100%;
}

/**科考路线第四站地图**/
.mainbg .kk-cont .kk-line .kklx4-1{
    position: absolute;
    top: 5.76rem;
    left: 9.19rem;
    width: 1.69rem;
    height: .96rem;
    background: url(../images/kklx4-1.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx4-2{
    position: absolute;
    top: 4.32rem;
    left: 3.19rem;
    width: 3.2rem;
    height: 1.05rem;
    background: url(../images/kklx4-2.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx4-4{
    position: absolute;
    top: 3.02rem;
    left: 3.22rem;
    width: 2.8rem;
    height: .54rem;
    background: url(../images/kklx4-4.png) no-repeat;
    background-size: 100% 100%;
}

.mainbg .kk-cont .kk-line .kklx4-5{
    position: absolute;
    top: .55rem;
    left: 6.9rem;
    width: 3.36rem;
    height: .53rem;
    background: url(../images/kklx4-5.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx4-7{
    position: absolute;
    top: 4.9rem;
    left: 8.47rem;
    width: 2.79rem;
    height: .53rem;
    background: url(../images/kklx4-7.png) no-repeat;
    background-size: 100% 100%;
}


.mainbg .kk-cont .kk-line .kklx4-1:hover{
    background: url(../images/kklx4-1-on.png) no-repeat;
    background-size: 100% 100%;
}

.mainbg .kk-cont .kk-line .kklx4-2:hover{
    background: url(../images/kklx4-2-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx4-4:hover{
    background: url(../images/kklx4-4-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx4-5:hover{
    background: url(../images/kklx4-5-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx4-7:hover{
    background: url(../images/kklx4-7-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx4-1.active{
    background: url(../images/kklx4-1-on.png) no-repeat;
    background-size: 100% 100%;
}

.mainbg .kk-cont .kk-line .kklx4-2.active{
    background: url(../images/kklx4-2-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx4-4.active{
    background: url(../images/kklx4-4-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx4-5.active{
    background: url(../images/kklx4-5-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-cont .kk-line .kklx4-7.active{
    background: url(../images/kklx4-7-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-swiper{
    position: relative;
    /* top: 13.56rem; */
    left: 50%;
    transform: translateX(-50%);
    width: 12.24rem;
    height: 1.89rem;
    padding: .16rem .25rem .16rem .55rem;
    background: url(../images/kklx-tab-bg.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .kk-swiper .txt{
    width: 1.92rem;
    height: 1.45rem;
    margin-top: .35rem;
    margin-right: .4rem;
}
.mainbg .kk-swiper .cont{
    width: 9.75rem;
    height: 1.89rem;
    position: absolute;
    top: .15rem;
    left: 2.78rem; 
}
.mainbg .kk-swiper .cont .text {
    width: 1.85rem;
    height: 1.39rem;
    position: absolute;
    left: -2.26rem;
    top: 0.18rem;
    color: #fff;
}
.mainbg .kk-swiper .cont .text .day {
    font-size: 0.33rem;
}
.mainbg .kk-swiper .cont .text .des {
    font-size: 0.24rem;
    margin-top: 0.24rem;
}
.mainbg .kk-swiper .cont .text .des span {
    display: block;
}
.mainbg .kk-swiper .cont .text .des span:last-child ,.mainbg .kk-swiper .cont .text .des span:first-child {
    width: 1.92rem;
}
.mainbg .kk-swiper .cont .text .line {
    width: 1.02rem;
    height: 0.10rem;
    margin-top: 0.12rem;
    background: #fff;
}
.mainbg .kk-swiper #kklx-swiper45 .text,.mainbg .kk-swiper #kklx-swiper45 .text .line{
    width: 1.9rem;
}
/* .mainbg .kk-swiper .cont .arrow-left {
    background: url(../images/kklx-arrow-left.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -.3rem;
    top: 50%;
    transform: translateY(-50%);
    width: .14rem;
    height: .23rem;
    z-index: 9;
    cursor: pointer;
}
.mainbg .kk-swiper .cont .arrow-right {
    background: url(../images/kklx-arrow-right.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -.3rem;
    top: 50%;
    transform: translateY(-50%);
    width: .14rem;
    height: .23rem;
    z-index: 9;
    cursor: pointer;
} */
.mainbg .kk-swiper .cont .swiper-container {
    width: 99%;
    height: 1.89rem;
}

.mainbg .kk-swiper .cont .swiper-container .swiper-slide{
    width: 3rem;
    height: 100%;
    overflow: hidden;
}
.mainbg .kk-swiper .cont .swiper-container img{
    width: 98%;
    height: 100%;
    object-fit: cover;
    margin: 0px auto;
}
.mainbg .kk-swiper .cont .red-mask {
    width: 100%;
    height: 0;
    /* height: 100.3%; */
    position: absolute;
    bottom: -1%;
    left: 0;
    background: url(../images/kklx-tab-bg.png) no-repeat center center;
    background-size: 100% 100%;
    z-index: 10;
    pointer-events: none;
}
.mainbg .kk-swiper .cont .red-mask p.mask-tit{
    font-size: .26rem;
    text-align: center;
    line-height: .46rem;
    color: #ffffff;   
    opacity: 0;
    font-weight: bold;
}
.mainbg .kk-swiper .cont .red-mask p.text-des{
    text-indent: 2em;
    font-size: .2rem;
    line-height: .34rem;
    color: #ffffff;
    opacity: 0;
    width: 80%;
    margin: 0 auto .15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
 }
.mainbg .new{
    position: relative;
    width: 15.49rem;
    height: 3.74rem;
    margin: 0 auto;
}

.mainbg .new .bg{
    position: absolute;
    left: 0 ;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mainbg .new .cont{
    position: absolute;
    left: 0;
    top: 1.3rem;
    width: 100%;
    height: 2.24rem;
}
.mainbg .new .cont .swiper-container{
    width: 100%;
    height: 100%;
}
.mainbg .new .new-item{
    display: block;
    color: #ffffff;
    width: 100%;
    height: .77rem;
    overflow: hidden;
    margin-bottom: 0.08rem;
}
.mainbg .new .new-item .text:hover{
    font-size: .20rem;
}
.mainbg .new .new-item .new-icon{
    width: 2rem;
    height: .75rem;
    margin-right: .26rem;
    float: left;
    margin-top: 0.02rem;
}
.mainbg .new .new-item .new-icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mainbg .new .new-item .text{
    width: 13.2rem;
    height: .75rem;
    line-height: .75rem;
    font-size: .18rem;
    font-weight: bold;
    border-bottom: .01rem dashed #f1f1f1;
    float: left;
}
.mainbg .new .new-item .text .desc{
    float: left;
}
.mainbg .new .new-item .text .btn{
    width: 1.46rem;
    height: .49rem;
    background: url(../images/new-more-btn.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    float: right;
    margin-top: .14rem;
}

.mainbg .new .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 0;
    width: 100%;
    z-index: 999999;
}
.mainbg .new .swiper-pagination-switch {
    display: inline-block;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    border: .02rem solid #ffffff;
    background: transparent;
    margin: 0 .14rem;
    cursor: pointer;
}
.mainbg .new .swiper-active-switch {
    background: #ffffff;
    border: .02rem solid #ffffff;
}
.mainbg .show{
    position: relative;
    width: 15.49rem;
    height: 6.16rem;
    margin: 0 auto;
    padding-top: .52rem;
}
.mainbg .show .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mainbg .show .menu-box{
    width: 5.2rem;
    height: .48rem;
    margin: 0 auto;
    position: relative;
}
.mainbg .show .menu{
    float: left;
    cursor: pointer;
}
.mainbg .show .menu2{
    width: 2.31rem;
    height: .48rem;
    background: url(../images/dmax.png) no-repeat;
    background-size: 100% 100%;
    margin-left: .54rem;

}
.mainbg .show .menu1{
    width: 2.31rem;
    height: .48rem;
    background: url(../images/mu-x.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .show .menu-box .menu1.active{
    background: url(../images/mux-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .show .menu-box .menu2.active{
    background: url(../images/dmax-on.png) no-repeat;
    background-size: 100% 100%;
}
.mainbg .show .show-list{
    width: 100%;
    height: 4.82rem;
    position: relative;
    top: .4rem;
    left: 0;
}
.mainbg .show .cont{
    width: 100%;
    height: 4.82rem;
    position: absolute;
}
.mainbg .show .cont .swiper-container{
    width: 100%;
    height: 4.82rem;
}
.mainbg .show .cont .swiper-container .swiper-slide{
    position: relative;
}

.mainbg .show .cont .pic2{
    left: 7.78rem;
    top: 0;
}
.mainbg .show .cont .pic3{
    left: 11.7rem;
    top: 0;
}
.mainbg .show .cont .pic4{
    left: 7.78rem;
    top: 2.46rem;
}
.mainbg .show .cont .pic5{
    left: 11.7rem;
    top: 2.46rem;
}
.mainbg .show .cont .clild{
    width: 3.82rem;
    height: 2.38rem;
    position: absolute;
}
.mainbg .show .cont .pic1{
    width: 7.7rem;
    height: 4.82rem;
    left: 0;
    top: 0;
}
.mainbg .show .cont .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mainbg .show .cont .swiper-slide .text{
    width: 100%;
    height: .46rem;
    line-height: .46rem;
    font-size: .14rem;
    color: #ffffff;
    background: rgba(0, 0, 0, .6);
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.mainbg .form-main {
    position: relative;
    width: 15.49rem;
    height: 1.28rem;
    margin: 0 auto;
}
.fromdiv {
    width: 15.49rem;
    height: 1.28rem;
    background: url(../images/form-bg.jpg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left:0;
    bottom: 0;
    z-index: 99;
}
#car {
    position: absolute;
    top: 0rem;
    width: 2.32rem;
    height: 0.44rem;
    left: 0rem;
    font-size: 0.2rem;
    color: #000000;
    background-color: transparent;
    pointer-events: all;

}
.car-box{
    position: absolute;
    top: 0rem;
    width: 2.32rem;
    height: 0.44rem;
    line-height: .44rem;
    left: 3.98rem;
    font-size: 0.2rem;
    color: #ffffff;
}
.car-ipt{
    position: absolute;
    left: 0;
    top: 0;
    width: 2.32rem;
    height: 0.44rem;
    line-height: .44rem;
    pointer-events: none;

}
#name {
    position: absolute;
    top: 0rem;
    width: 2.32rem;
    height: 0.44rem;
    left: 6.64rem;
    font-size: 0.2rem;
    color: #ffffff;
    background-color: transparent;
}

#tel {
    position: absolute;
    top: 0;
    width: 2.32rem;
    height: 0.44rem;
    left: 9.28rem;
    font-size: 0.2rem;
    color: #ffffff;
    background-color: transparent;
}

#province {
    position: absolute;
    top: 0;
    width: 2.4rem;
    height: 0.44rem;
    left: 0;
    font-size: 0.2rem;
    color: #000000;
    background-color: transparent;
    pointer-events: all;
}

.province-box {
    position: absolute;
    top: .52rem;
    width: 2.4rem;
    height: 0.44rem;
    left: 3.98rem;
    font-size: 0.2rem;
    color: #ffffff;
    background-color: transparent;
}
.province-ipt{
    position: absolute;
    left: 0;
    top: 0;
    width: 2.4rem;
    height: 0.44rem;
    line-height: .44rem;
    pointer-events: none;
}

#province option {
    background-color: #fff;
}

#city {
    position: absolute;
    top: 0;
    width: 2.4rem;
    height: 0.44rem;
    left: 0;
    font-size: 0.2rem;
    color: #000000;
    background-color: transparent;
}
.city-box {
    position: absolute;
    top: .52rem;
    width: 2.4rem;
    height: 0.44rem;
    left: 6.64rem;
    font-size: 0.2rem;
    color: #ffffff;
    background-color: transparent;
}
.city-ipt{
    position: absolute;
    left: 0;
    top: 0;
    width: 2.4rem;
    height: 0.44rem;
    line-height: .44rem;
    pointer-events: none;
}
#city option {
    background-color: #fff;
}

#dealer {
    position: absolute;
    top:0;
    width: 2.32rem;
    height: 0.44rem;
    left:0;
    font-size: 0.2rem;
    color: #000000;
    cursor: pointer;
}
.dealer-box {
    position: absolute;
    top:.52rem;
    width: 2.32rem;
    height: 0.44rem;
    left: 9.28rem;
    font-size: 0.2rem;
    color: #ffffff;
    cursor: pointer;
}
.dealer-ipt{
    position: absolute;
    top: 0;
    left: 0;
    width: 2.1rem;
    height: 0.44rem;
    line-height: .44rem;
    pointer-events: none;
    overflow: hidden;
}
#dealer option {
    background-color: #fff;
}

.fromdiv .btn {
    position: absolute;
    top: .8rem;
    left: 11.74rem;
    width: 2.14rem;
    height: 0.42rem;
    cursor: pointer;
    z-index: 100
}

.fromdiv .agree_kuang {
    position: absolute;
    width: .2rem;
    height: .2rem;
    top: .11rem;
    left: 11.76rem;
    cursor: pointer;
}

.fromdiv .agree {
    position: absolute;
    width: .21rem;
    left: 0rem;
    top: 0rem;
}
}
@media screen and (max-width:1000px) {
.pc-box{
    display: none;
}
.wap-box{
    display: block;
}
.kv-cont{
    width: 100%;
    height: 6.1rem;
    position: relative;
    left: 0;
    top: 0;
    background: url(../images/wap-kv-bg.jpg) no-repeat;
    background-size: 100% 100%;
} 

.kv-cont .light-slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5.64rem;
}
.kv-cont .light-slide .view {
	width: 100%;
    height: 5.64rem;
    position: absolute;
    left: 0;
    top: 0;
}
.light-slide .view .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.light-slide .view .swiper-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.light-slide .preview {
    width: 5.76rem;
    height: 1.52rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 4.12rem;
    z-index: 1;
}
.light-slide .preview .arrow-left {
    background: url(../images/wap-arrow-left.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -.38rem;
    top: 50%;
    transform: translateY(-50%);
    width: .25rem;
    height: .26rem;
    z-index: 10;
}
.light-slide .preview .arrow-right {
    background: url(../images/wap-arrow-right.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -.38rem;
    top: 50%;
    transform: translateY(-50%);
    width: .25rem;
    height: .26rem;
    z-index: 10;
}
.light-slide .preview .swiper-container {
    width: 100%;
	height: 1.52rem;
	margin-left: 0;
}
.light-slide .preview .swiper-container .swiper-wrapper {
    width: 200% !important;
}
.light-slide .preview .swiper-slide {
    width: 2.88rem !important;
    height: 1.52rem; 
    position: relative;
}
.light-slide .preview .swiper-slide:first-child {
    margin-left: 0 !important;
}
.light-slide .preview .swiper-slide.active-nav .mask {
    opacity: 0;
}
.light-slide .preview .swiper-slide .mask {
    width: 95%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    background-color: #000;
    opacity: .4;
}
.light-slide .preview img {
    width: 2.75rem;
    height: 1.52rem; 
    object-fit: cover;
    margin: 0px auto;
}
.kv-cont .link-box{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 5.76rem;
    height: .33rem;
    z-index: 1;
}
.kv-cont .link-box .item{
    display: block;
    float: left;
    width: 1.7rem;
    height: .33rem;
}
.kv-cont .link-box .item .icon{
    width: 1.7rem;
    height: .33rem;    
    transition: all .3s ease-in-out;
 
 }
 .kv-cont .link-box .item .icon.icon1{
     background: url(../images/wap-kv-btn2020.png);
     background-size: 100% 100%;
 }
 .kv-cont .link-box .item .icon.icon2{
     background: url(../images/wap-kv-btn2019.png);
     background-size: 100% 100%;
 }
 .kv-cont .link-box .item .icon.icon3{
     background: url(../images/wap-kv-btn2018.png);
     background-size: 100% 100%;
 }
 .kv-cont .link-box .item .icon.icon1.act{
     background: url(../images/wap-kv-btn2020-on.png);
     background-size: 100% 100%;
 }
 .kv-cont .link-box .item.on .icon.icon2{
     background: url(../images/wap-kv-btn2019-on.png);
     background-size: 100% 100%;
 }
 .kv-cont .link-box .item.on .icon.icon3{
     background: url(../images/wap-kv-btn2018-on.png);
     background-size: 100% 100%;
 }
.kv-cont .link-box .item:nth-child(2){
    margin: 0 .32rem;
}
.kv-cont .link-box .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.kk-bg {
    width: 100%;
    /* height: 18.46rem; */
    background: url(../images/wap-kk-bg.jpg) no-repeat;
    background-size: 100%;
    position: relative;
    left: 0;
    z-index: 0;
   padding-bottom: .1rem;
 }
.kk-bg .kksp{
    position: relative;
}
.kk-bg .kksp .tit{
    width: 100%;
}
.kk-bg .kksp .video-swiper{
    width: 5.72rem;
    height: 3.33rem;
    position: relative;
    margin: 0 auto;
}
.kk-bg .kksp .video-swiper .swiper-container{
    width: 100%;
    height: 3.33rem;
}
.kksp .video-swiper img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.kksp .video-swiper .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: .61rem;
    height: .61rem;
    background: url(../images/wap-play-btn.png) no-repeat;
    background-size: 100% 100%;
}
.kksp .video-swiper .video {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    display: none;
}
.kk-bg .kklx{
    position: relative;
}
.kk-bg .kklx .tit{
    width: 100%;
}
.kk-bg .kklx .line-bg{
    width: 100%;
    position: relative;
    height: 5.95rem;
}
.kk-bg .kklx .line-bg img{
    width: 100%;
}
/**wap科考路线第一站**/
.wap-kk-bg1 .kklx .line-bg .kklx1-1t{
    width: 1.87rem;
    height: .35rem;
    position: absolute;
    left: 4.35rem;
    top: .93rem;
    background: url(../images/wap-kklx1-1t.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg1 .kklx .line-bg .kklx1-1b{
    width: 1.97rem;
    height: .37rem;
    position: absolute;
    left: 5.19rem;
    top: 2.06rem;
    background: url(../images/wap-kklx1-1b.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg1 .kklx .line-bg .kklx1-2{
    width: 3.17rem;
    height: .36rem;
    position: absolute;
    left: .85rem;
    top: 1.6rem;
    background: url(../images/wap-kklx1-2.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg1 .kklx .line-bg .kklx1-3{
    width: 1.68rem;
    height: .35rem;
    position: absolute;
    left: 3.64rem;
    top: 3.58rem;
    background: url(../images/wap-kklx1-3.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg1 .kklx .line-bg .kklx1-45{
    width: 2.52rem;
    height: .35rem;
    position: absolute;
    left: .43rem;
    top: 3.01rem;
    background: url(../images/wap-kklx1-45.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg1 .kklx .line-bg .kklx1-6{
    width: 2.17rem;
    height: .37rem;
    position: absolute;
    left: 3.97rem;
    top: 2.58rem;
    background: url(../images/wap-kklx1-6.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg1 .kklx .line-bg .kklx1-1t.active{
    background: url(../images/wap-kklx1-1t-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg1 .kklx .line-bg .kklx1-1b.active{
    background: url(../images/wap-kklx1-1b-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg1 .kklx .line-bg .kklx1-2.active{
    background: url(../images/wap-kklx1-2-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg1 .kklx .line-bg .kklx1-3.active{
    background: url(../images/wap-kklx1-3-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg1 .kklx .line-bg .kklx1-45.active{
    background: url(../images/wap-kklx1-45-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg1 .kklx .line-bg .kklx1-6.active{
    background: url(../images/wap-kklx1-6-on.png) no-repeat;
    background-size: 100% 100%;
}
/**wap科考路线第二站**/
.wap-kk-bg2 .kklx .line-bg .kklx-1{
    width: 1.04rem;
    height: .62rem;
    position: absolute;
    left: 4.02rem;
    top: 0;
    background: url(../images/wap-kklx-1.png) no-repeat;
    background-size: 100% 100%;
}

.wap-kk-bg2 .kklx .line-bg .kklx-2l{
    width: 1.17rem;
    height: .63rem;
    position: absolute;
    left: .3rem;
    top: .18rem;
    background: url(../images/wap-kklx-2l.png) no-repeat;
    background-size: 100% 100%;
}

.wap-kk-bg2 .kklx .line-bg .kklx-2r{
    width: 1.23rem;
    height: .64rem;
    position: absolute;
    left: 6rem;
    top: .7rem;
    background: url(../images/wap-kklx-2r.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg2 .kklx .line-bg .kklx-3{
    width: 1.54rem;
    height: .66rem;
    position: absolute;
    left: 2.5rem;
    top: 1.08rem;
    background: url(../images/wap-kklx-3.png) no-repeat;
    background-size: 100% 100%;
}

.wap-kk-bg2 .kklx .line-bg .kklx-45{
    width: 2rem;
    height: .36rem;
    position: absolute;
    left: 1.6rem;
    top: 2.8rem;
    background: url(../images/wap-kklx-45.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg2 .kklx .line-bg .kklx-6t{
    width: 1.48rem;
    height: .65rem;
    position: absolute;
    left: 4.72rem;
    top: 1.5rem;
    background: url(../images/wap-kklx-6t.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg2 .kklx .line-bg .kklx-6b{
    width: 1.36rem;
    height: .66rem;
    position: absolute;
    left: 5.44rem;
    top: 2.36rem;
    background: url(../images/wap-kklx-6b.png) no-repeat;
    background-size: 100% 100%;
}

.wap-kk-bg2 .kklx .line-bg .kklx-7{
    width: 1.36rem;
    height: .65rem;
    position: absolute;
    left: 4.84rem;
    top: 3.28rem;
    background: url(../images/wap-kklx-7.png) no-repeat;
    background-size: 100% 100%;
}

.wap-kk-bg2 .kklx .line-bg .kklx-8{
    width: 1.05rem;
    height: .64rem;
    position: absolute;
    left: 5.6rem;
    top: 4.8rem;
    background: url(../images/wap-kklx-8.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg2 .kklx .line-bg .kklx-1.active{
    background: url(../images/wap-kklx-1-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg2 .kklx .line-bg .kklx-2l.active{
    background: url(../images/wap-kklx-2l-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg2 .kklx .line-bg .kklx-2r.active{
    background: url(../images/wap-kklx-2r-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg2 .kklx .line-bg .kklx-3.active{
    background: url(../images/wap-kklx-3-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg2 .kklx .line-bg .kklx-45.active{
    background: url(../images/wap-kklx-45-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg2 .kklx .line-bg .kklx-6t.active{
    background: url(../images/wap-kklx-6t-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg2 .kklx .line-bg .kklx-6b.active{
    background: url(../images/wap-kklx-6b-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg2 .kklx .line-bg .kklx-7.active{
    background: url(../images/wap-kklx-7-on.png) no-repeat;
    background-size: 100% 100%;
}

.wap-kk-bg2 .kklx .line-bg .kklx-8.active{
    background: url(../images/wap-kklx-8-on.png) no-repeat;
    background-size: 100% 100%;
}
/**wap科考路线第三站**/
.wap-kk-bg3 .kklx .line-bg .kklx3-1{
    width: 1.67rem;
    height: .71rem;
    position: absolute;
    left: .59rem;
    top: 1.76rem;
    background: url(../images/wap-kklx3-1.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg3 .kklx .line-bg .kklx3-2{
    width: 1.74rem;
    height: .76rem;
    position: absolute;
    left: .57rem;
    top: 3.46rem;
    background: url(../images/wap-kklx3-2.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg3 .kklx .line-bg .kklx3-3{
    width: 1.61rem;
    height: .76rem;
    position: absolute;
    left:4.15rem;
    top: 3.4rem;
    background: url(../images/wap-kklx3-3.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg3 .kklx .line-bg .kklx3-5{
    width: 1.50rem;
    height: .71rem;
    position: absolute;
    left: 3.45rem;
    top: 2.31rem;
    background: url(../images/wap-kklx3-5.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg3 .kklx .line-bg .kklx3-6{
    width: 1.26rem;
    height: .76rem;
    position: absolute;
    left: 3.4rem;
    top: .71rem;
    background: url(../images/wap-kklx3-6.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg3 .kklx .line-bg .kklx3-1.active{
    background: url(../images/wap-kklx3-1-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg3 .kklx .line-bg .kklx3-2.active{
    background: url(../images/wap-kklx3-2-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg3 .kklx .line-bg .kklx3-3.active{
    background: url(../images/wap-kklx3-3-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg3 .kklx .line-bg .kklx3-5.active{
    background: url(../images/wap-kklx3-5-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg3 .kklx .line-bg .kklx3-6.active{
    background: url(../images/wap-kklx3-6-on.png) no-repeat;
    background-size: 100% 100%;
}

/**wap科考路线第四站**/
.wap-kk-bg4 .kklx .line-bg .kklx4-1{
    width: 1.39rem;
    height: .83rem;
    position: absolute;
    left: 5.3rem;
    top: 4.52rem;
    background: url(../images/wap-kklx4-1.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg4 .kklx .line-bg .kklx4-2{
    width: 2.64rem;
    height: .84rem;
    position: absolute;
    left: .35rem;
    top: 3.34rem;
    background: url(../images/wap-kklx4-2.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg4 .kklx .line-bg .kklx4-4{
    width: 2.3rem;
    height: .44rem;
    position: absolute;
    left:.38rem;
    top: 2.27rem;
    background: url(../images/wap-kklx4-4.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg4 .kklx .line-bg .kklx4-5{
    width: 2.77rem;
    height: .44rem;
    position: absolute;
    left: 3.41rem;
    top: .23rem;
    background: url(../images/wap-kklx4-5.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg4 .kklx .line-bg .kklx4-7{
    width: 2.3rem;
    height: .44rem;
    position: absolute;
    left: 4.7rem;
    top: 3.81rem;
    background: url(../images/wap-kklx4-7.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg4 .kklx .line-bg .kklx4-1.active{
    background: url(../images/wap-kklx4-1-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg4 .kklx .line-bg .kklx4-2.active{
    background: url(../images/wap-kklx4-2-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg4 .kklx .line-bg .kklx4-4.active{
    background: url(../images/wap-kklx4-4-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg4 .kklx .line-bg .kklx4-5.active{
    background: url(../images/wap-kklx4-5-on.png) no-repeat;
    background-size: 100% 100%;
}
.wap-kk-bg4 .kklx .line-bg .kklx4-7.active{
    background: url(../images/wap-kklx4-7-on.png) no-repeat;
    background-size: 100% 100%;
}

.kk-bg .kklx-detail{
    position: relative;
    width: 7.08rem;
    height: 6.7rem;
    margin: 0 auto;
}
.kk-bg .kklx-detail .kk-swiper-list{
    position: absolute;
    left: 0;
    top: 0;
}
.kk-bg .kklx-detail .kk-swiper{
    width: 7.08rem;
    height: 3.96rem;
    position: relative;
}
.kk-bg .kklx-detail .kk-swiper .swiper-container{
    width: 100%;
    height: 100%;
}
.kk-bg .kklx-detail .kk-swiper .swiper-container .swiper-slide{
    width: 100%;
    height: 100%;
}
.kk-bg .kklx-detail .kk-swiper .swiper-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.kk-bg .kklx-detail  .kk-swiper .swiper-pagination {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: .1rem;
    z-index: 9;
}
.kk-bg .kklx-detail .kk-swiper  .swiper-pagination-switch {
    width: .4rem;
    height: .06rem;
    display: inline-block;
    border-radius: 0;
    background: transparent;
    border: .01rem solid #ffffff;
    margin: 0 .04rem;
    opacity: .6;
}
.kk-bg .kklx-detail .kk-swiper  .swiper-active-switch {
    background: #ffffff;
    border: .01rem solid #ffffff;
    opacity: 1;
}
.kk-bg .kklx-detail .txt{
    width: 6rem;
    height: 2.23rem;
    background: url(../images/wap-kklx-txtbg.png) no-repeat;
    background-size: 100% 100%;
    margin-top: .02rem;
    color: #ffffff;
    padding: .14rem .54rem .34rem;
}
.kk-bg .kklx-detail .txt .desc{
    font-size: .18rem;
    line-height: .3rem;
    text-indent: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.kk-bg .kklx-detail .txt .tit{
    font-size: .24rem;
    font-weight: bold;
    margin: .1rem 0 .16rem;
}
.kk-bg .kklx-detail .txt .day-box{
    float: left;
}
.kk-bg .kklx-detail .txt .day{
    margin-right: .3rem;
    display: block;
}
.kk-bg .kklx-detail .txt .line{
    width: .78rem;
    height: .07rem;
    background: #ffffff;
    margin-top: .06rem;
    display: block;
}
.kk-bg .kklx-detail .txt .tit .tit-des{
    float: right;
    width: 5.0rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .12rem;
}
.kk-bg .kklx-detail .txt .big-line{
    width: 1.6rem;
}
.kk-bg .kklx-detail .txt .tit .big-des{
    width: 62%;
}
.new{
    position: relative;
    left: 0;
    width: 100%;
    height: 4.7rem;
    background: url(../images/wap-new-bg.jpg) no-repeat;
    background-size: 100% 100%;
}
.new .tit{
    width: 100%;
}
.new .new-cont{
    position: relative;
    left: 0;
    width: 92%;
    height: 3.56rem;
    margin: 0 auto;
}
.new .new-cont .swiper-container {
    width: 100%;
    height: 100%;
}
.new .new-cont .swiper-container .new-item {
    display: block;
    color: #ffffff;
    width: 100%;
    height: 1.3rem;
    font-size: .14rem;
    text-align: center;
}
.new .new-cont .swiper-container .new-item:first-child{
    border-bottom: .01rem dashed #a3a2a1;
    margin-bottom: .32rem;
}
.new .new-cont .swiper-container .new-item .desc{
    font-size: 0.2rem;
}
.new .new-cont .swiper-container .new-item .btn {
    width: 1.56rem;
    height: .52rem;
    background: url(../images/wap-new-more-btn.png) no-repeat;
    background-size: 100% 100%;
    margin: .12rem auto 0;
}
.new .swiper-pagination{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: .06rem;
    z-index: 9999;
}
.new .swiper-pagination-switch {
    width: .18rem;
    height: .18rem;
    display: inline-block;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #ffffff;
    margin: 0 .24rem;
    transform: translateZ(1px);
}
.new .swiper-active-switch{
    background: #ffffff;
}
.show-cont{
    position: relative;
    left: 0;
    width: 100%;
    /* height: 5.11rem; */
    background: url(../images/wap-cp-bg.jpg) no-repeat;
    background-size: 100%;
    padding-top: .38rem;
    padding-bottom: .246rem;
}
.show-cont .menu-box{
    width: 5.4rem;
    height: .58rem;
    margin: 0 auto .22rem;
}
.show-cont .menu-box .menu1{
    width: 2.42rem;
    height: .58rem;
    background: url(../images/wap-mux.png) no-repeat;
    background-size: 100% 100%;
    float: left;
}
.show-cont .menu-box .menu2{
    width: 2.42rem;
    height: .58rem;
    background: url(../images/wap-dmax.png) no-repeat;
    background-size: 100% 100%;
    margin-left: .56rem;
    float: left;
}
.show-cont .menu-box .menu1.active{
    background: url(../images/wap-mux-on.png) no-repeat;
    background-size: 100% 100%;
}
.show-cont .menu-box .menu2.active{
    background: url(../images/wap-dmax-on.png) no-repeat;
    background-size: 100% 100%;
}
.show-cont .show-list{
    position: relative;
    width: 5.36rem;
    height: 3.6rem;
    margin: 0 auto;

}
.show-cont .show-main{
    position: absolute;
    width: 5.36rem;
    height: 3.6rem;
}
.show-cont .show-main .swiper-container{
    width: 100%;
    height: 3.34rem;
}
.show-cont .show-main .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.show-cont .show-main .swiper-slide .text {
    width: 100%;
    height: .58rem;
    line-height: .58rem;
    font-size: .14rem;
    color: #ffffff;
    background: rgba(0, 0, 0, .6);
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.show-cont .show-main  .swiper-pagination {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -.23rem;
}
.show-cont .show-main  .swiper-pagination-switch {
    width: .4rem;
    height: .06rem;
    display: inline-block;
    border-radius: 0;
    background: transparent;
    border: .01rem solid #da5252;
    margin: 0 .04rem;
}
.show-cont .show-main  .swiper-active-switch {
    border: .01rem solid #da5252;
    background: #cd0000;
}

#from{
	width: 7.5rem;
    height: 5.18rem;
    background: url(../images/wap-form-bg.jpg) no-repeat;
    background-size: 100% 100%;
   position: relative;
}
#wap_name {
	position: absolute;
    top: .48rem;
    width: 1.9rem;
    height: 0.36rem;
    left: 1.48rem;
    font-size: 0.2rem;
    padding-left: 0.1rem;
    color: #ffffff;
	background-color: transparent;
	border: none;
}

#wap_tel {
	position: absolute;
    top: 1.04rem;
    width: 1.9rem;
    height: 0.36rem;
    left: 1.48rem;
    font-size: 0.2rem;
    padding-left: 0.1rem;
    color: #ffffff;
	background-color: transparent;
	border: none;
}
#wap_car{
    position: absolute;
    top: 1.6rem;
    width: 1.6rem;
    height: 0.36rem;
    left: 1.48rem;
    font-size: 0.2rem;
    padding-left: 0.1rem;
    color: #ffffff;
	background-color: transparent;
	border: none;
}
#wap_province {
	position: absolute;
    top: .48rem;
    width: 1.6rem;
    height: 0.36rem;
    left: 4.56rem;
    font-size: 0.2rem;
    padding-left: 0.1rem;
    color: #ffffff;
	background-color: transparent;
	border: none;
}
#wap_city option {
    background-color: #fff;
}
#wap_city {
	position: absolute;
    top: 1.04rem;
    width: 1.6rem;
    height: 0.36rem;
    left: 4.56rem;
    font-size: 0.2rem;
    padding-left: 0.1rem;
    color: #ffffff;
	background-color: transparent;
	border: none;
}
#wap_province option {
    background-color: #fff;
}
#wap_dealer {
	position: absolute;
    top: 1.6rem;
    width: 1.6rem;
    height: 0.36rem;
    left: 4.56rem;
    font-size: 0.2rem;
    padding-left: 0.1rem;
    color: #ffffff;
	background-color: transparent;
	border: none;
}
#wap_dealer option {
    background-color: #fff;
}
.agree_kuang {
	position: absolute;
    width: .2rem;
    height: .2rem;
    top: 2.18rem;
    left: 1.5rem;
    cursor: pointer;
}
.agree {
    position: absolute;
    width: .21rem;
    left: 0rem;
    top: 0rem;
}

.from_bg .btn {
	position: absolute;
    top: 3.37rem;
    left: 2.72rem;
    width: 2.3rem;
    height: 0.54rem;
    cursor: pointer;
    z-index: 100;
}
}