/* jssor slider bullet navigator skin 05 css */

/*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */

.jssorb05 {
    position: absolute;
}

.jssorb05 div,
.jssorb05 div:hover,
.jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url('img/b05.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}

.jssorb05 div {
    background-position: -7px -7px;
}

.jssorb05 div:hover,
.jssorb05 .av:hover {
    background-position: -37px -7px;
}

.jssorb05 .av {
    background-position: -67px -7px;
}

.jssorb05 .dn,
.jssorb05 .dn:hover {
    background-position: -97px -7px;
}

/* jssor slider arrow navigator skin 22 css */

/*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        .jssora22l.jssora22lds      (disabled)
        .jssora22r.jssora22rds      (disabled)
        */

.jssora22l,
.jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url('img/a22.png') center center no-repeat;
    overflow: hidden;
}

.jssora22l {
    background-position: -10px -31px;
}

.jssora22r {
    background-position: -70px -31px;
}

.jssora22l:hover {
    background-position: -130px -31px;
}

.jssora22r:hover {
    background-position: -190px -31px;
}

.jssora22l.jssora22ldn {
    background-position: -250px -31px;
}

.jssora22r.jssora22rdn {
    background-position: -310px -31px;
}

.jssora22l.jssora22lds {
    background-position: -10px -31px;
    opacity: .3;
    pointer-events: none;
}

.jssora22r.jssora22rds {
    background-position: -70px -31px;
    opacity: .3;
    pointer-events: none;
}

.k-note {
    z-index: 10000;
    position: fixed;
    height: 170px;
    width: 100%;
    text-align: left;
    font-size: 20px;
    background-color: #000;
    opacity: 0.8;
    bottom: 0;
    padding-top: 50px;
}

.k-note .info {
    margin: 0 auto;
    width: 1200px;
    color: #fff;
    position: relative;
}

.k-note .k-close {
    position: absolute;
    top: -38px;
    right: 0;
    cursor: pointer;
}

.k-note .k-close:hover {
    color: #08d468;
}

.indexipt {
    width: 280px;
    height: 36px;
    background-color: rgba(34, 34, 34, 1);
    border-radius: 5px 5px 5px 5px;
    border: solid 1px rgba(68, 68, 68, 1);
    padding-left: 10px;
    margin-bottom: 10px;
}

.indexipt:focus {
    width: 280px;
    height: 36px;
    background-color: rgba(34, 34, 34, 1);
    border-radius: 5px 5px 5px 5px;
    border: solid 1px rgba(40, 145, 81, 1);
    padding-left: 10px;
    margin-bottom: 10px;
}

.indexinput {
    width: 800px;
    height: 120px;
    background-color: rgba(49, 49, 49, 1);
    border-radius: 5px 5px 5px 5px;
    opacity: 0.9;
    padding-top: 20px;
    color: #ffffff;
}

.indexbtn {
    width: 160px;
    height: 36px;
    background-color: rgba(8, 212, 104, 1);
    border-radius: 18px 18px 18px 18px;
    color: #FFFFFF;
    font-size: 18px;
    display: block;
    text-align: center;
    line-height: 37px;
    margin-top: 12.333%;
}

.indexbtn:hover {
    color: rgba(8, 212, 104, 1);
    background-color: #FFFFFF;
}

/* swiper */

.swiper-container {
    width: 100%;
}

.swiper-pagination-bullet {
    border-radius: 100px;
    width: 39px;
    height: 10px;
    background-color:#FFF;
    padding-left: 54px;
}

.swiper-wrapper {
    height: 680px;
}

@media screen and (max-width: 600px) {
    /*.swiper-container {*/
    /*height: 390px !important;*/
    /*}*/
}