@charset "utf-8";

html{font-size: calc(16vw / 1920 * 100);}

.section .fp-tableCell {
    padding-top: 100px;
}

.section.section4 .fp-tableCell {
    padding-top: 0;
}

.section2 {
    background-image: url(../images/10.jpg);
    background-size: cover;
    background-position: center center;
}

@media (max-width: 1600px) {
    .section .fp-tableCell {
        padding-top: 70px;
    }
}

@media (max-width: 1200px) {
    .section .fp-tableCell {
        padding-top: 40px;
    }
}

.a-a {
    width: 100%;
}

.a-c {
    display: block;
    width: 100%;
    padding-top: 41.146%;
    background-size: cover;
    background-position: center center;
}

.fp-enabled .a-c {
    padding-top: 0;
    height: calc(100vh - 100px);
}

.a-d {
    width: 100%;
}

.a-a .swiper-pagination-bullet {
    width: 1em;
    height: 1em;
    background-color: transparent;
    opacity: 1;
    border: 1px solid #fff;
    font-size: 12px;
    color: #fff;
}

.a-a .swiper-pagination-bullet-active {
    background-color: #fff;
}

.a-a.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .5em;
}

.a-a.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 2em;
    font-size: 0;
    font-size: 12px;
}

@media (max-width: 1600px) {
    .fp-enabled .a-c {
        height: calc(100vh - 70px);
    }
}

@media (max-width: 1200px) {
    .fp-enabled .a-c {
        height: calc(100vh - 40px);
    }
}

@media (max-width: 900px) {
    .a-a.swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 1em;
    }
}

@media (max-width: 500px) {
    .a-a .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    .a-a.swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: .5em;
    }
}

.fp-enabled .b-a {
    width: 19.2rem;
}

.b-a {
    width: 100%;
    margin: 0 auto;
}

.b-b {
    width: 100%;
    /*padding-left: 1.6rem;*/
}

.b-c {
    width: 100%;
    background-color: #fff;
    border-radius: 0 1.3rem 0 1.3rem / 0 1.3rem 0 1.3rem;
    overflow: hidden;
    font-size: 0;
    position: relative;
}

.b-c:after {
    content: "";
    display: block;
    width: 4.01rem;
    height: 2.78rem;
    background-image: url(../images/9.png);
    background-size: 100% 100%;
    position: absolute;
    right: 54.55%;
    bottom: 0;
}

.b-d {
    display: inline-block;
    vertical-align: middle;
    width: 45.45%;
    padding-left: 1rem;
    padding-right: 1.8rem;
    padding-top: 20px;
    padding-bottom: 20px;
}

.b-i {
    display: inline-block;
    vertical-align: middle;
    width: 54.55%;
}

.b-j {
    width: 100%;
}

.b-e {
    font-size: .48rem;
    color: #52595c;
    margin-bottom: .1rem;
}

.b-f {
    font-size: .48rem;
    color: #52595c;
    margin-bottom: .4rem;
}

.b-red {
    color: #ff0b2b;
}

.b-g {
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #777;
    line-height: 1.5;
    margin-bottom: .53rem;
}

.b-h {
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #666;
    font-weight: bold;
}

.b-h:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 23px;
    height: 16px;
    background-image: url(../images/7.png);
    background-repeat: no-repeat;
    margin-left: .12rem;
}

.b-h:hover {
    color: #ff0b2b;
}

.b-k {
    width: 100%;
    text-align: center;
    font-size: 0;
    padding: 2% 0;
    height: 8rem;
}

.b-l {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    font-size: 0;
    padding: 0 .9rem;
    border-right: 1px solid #e5e5e5;
}

.b-l:first-child {
    padding-left: 0;
}

.b-l:last-child {
    border-right: none;
    padding-right: 0;
}

.b-m {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2rem;
    /* font-weight: bold; */
    color: #808080;
}

.b-n {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
    color: #46c9ff;
    font-weight: bold;
    padding: 0 .15rem;
}

@media (max-width: 900px) {
    .fp-enabled .b-a {
        width: 100%;
    }

    .b-b {
        padding-left: 0;
    }

    .b-c {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        border-radius: 0;
    }

    .b-c:after {
        display: none;
    }

    .b-d {
        width: 100%;
        padding: 20px 10px;
        position: relative;
    }

    .b-d:after {
        content: "";
        display: block;
        width: 4.01rem;
        height: 2.78rem;
        background-image: url(../images/9.png);
        background-size: 100% 100%;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .b-i {
        width: 100%;
    }

    .b-l {
        padding: 0;
        width: 50%;
        border-right: none;
    }

    .b-m {
        font-size: 14px;
        padding-bottom: 0;
        padding-top: .05rem;
    }

    .b-k {
        padding: 30px 0 10px;
    }
}

@media (max-width: 360px) {
    .b-l {
        width: 100%;
    }
}

.inrow {
    font-size: 0;
}

.inrow > li, .inrow span {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
}

.dataNums {
    text-align: center;
}

.dataNums .dataOne {
    width: .3rem;
    height: 54px;
    text-align: center;
}

.dataNums .dataBoc {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.dataNums .dataBoc .tt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dataNums .tt span {
    width: 100%;
    height: 100%;
    font-size: .54rem;
    line-height: 54px;
    color: #ff0b2b;
}

@media (max-width: 900px) {
    .b-l {
        margin-bottom: 20px;
    }

    .dataNums .dataOne {
        height: 30px;
    }

    .dataNums .tt span {
        line-height: 30px;
    }
}

.fp-enabled .c-a {
    width: 19.2rem;
}

.c-a {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
}

.c-b {
    width: 100%;
    border-top-right-radius: 1rem;
    overflow: hidden;
    background-color: #e60b1c;
    font-size: 0;
}

.c-c {
    display: inline-block;
    vertical-align: middle;
    width: 75.15%;
}

.c-g {
    display: inline-block;
    vertical-align: middle;
    width: 24.85%;
    text-align: center;
    padding: 20px 10px;
}

.c-e {
    display: block;
    width: 100%;
}

.c-f {
    width: 100%;
}

.c-c .swiper-pagination-bullet {
    width: .42rem;
    height: 3px;
    background-color: #fff;
    opacity: 1;
    border-radius: 1.5px;
}

.c-c .swiper-pagination-bullet-active {
    background-color: #e60b1c;
}

.c-c.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .05rem;
}

.c-c.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: .3rem;
    font-size: 0;
}

.c-h {
    font-size: .52rem;
    color: #fff;
    margin-bottom: .16rem;
}

.c-i {
    font-size: .48rem;
    color: #fff;
}

.c-j {
    width: 100%;
    font-size: 0;
}

.c-k {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.c-k1 {
    background-color: #e60b1c;
}

.c-k2 {
    background-color: #696969;
}

.c-l {
    font-size: 0;
}

.c-m {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: 3.34rem;
    background-size: cover;
    background-position: center center;
}

.c-n {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: .6rem;
}

.c-o {
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #fff;
    margin-bottom: .2rem;
}

.c-o:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-right: .1rem;
    box-sizing: border-box;
}

.c-p {
    font-size: calc(6px - 0.06rem + 0.24rem);
    color: #fff;
    line-height: 1.25;
    margin-bottom: .22rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.c-q {
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #fff;
    line-height: 1.875;
    height: 3.75em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.c-k .swiper-pagination-bullet {
    width: 2px;
    height: 2px;
    background-color: #fff;
    opacity: 0.6;
}

.c-k .swiper-pagination-bullet-active {
    opacity: 1;
}

.c-k.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px 0 0;
}

.c-k.swiper-container-horizontal > .swiper-pagination-bullets {
    font-size: 0;
    width: 50%;
    left: auto;
    right: 0;
    bottom: .6rem;
    padding-left: .5rem;
    text-align: left;
}

.c-page {
    position: absolute;
    right: .6rem;
    bottom: .5rem;
    font-size: 12px;
    color: #fff;
    z-index: 10;
}

@media (max-width: 1200px) {
    .c-n {
        padding: 20px;
    }

    .c-k.swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 20px;
        padding-left: 20px;
    }

    .c-page {
        right: 20px;
        bottom: 10px;
    }

    .c-p {
        font-size: 14px;
    }

    .c-q {
        font-size: 12px;
    }

    .c-o {
        font-size: 12px;
    }

    .c-o:before {
        width: 12px;
        height: 12px;
    }
}

@media (max-width: 900px) {
    .fp-enabled .c-a {
        width: 100%;
    }

    .c-j {
        max-width: 450px;
        margin: 0 auto;
    }

    .c-k {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .c-c {
        width: 100%;
    }

    .c-b {
        border-radius: 0;
        margin-bottom: 20px;
    }

    .c-g {
        width: 100%;
    }

    .c-c.swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: .2rem;
    }

    .c-m {
        width: 100%;
        height: 0;
        padding-top: 70%;
    }

    .c-j {
        max-width: 300px;
    }

    .c-n {
        width: 100%;
    }

    .c-k {
        margin-bottom: 10px;
    }

    .c-k.swiper-container-horizontal > .swiper-pagination-bullets {
        width: 100%;
        bottom: 10px;
    }

    .c-page {
        bottom: 6px;
    }
}

.d-a {
    width: 100%;
    background-image: url(../images/10.jpg);
    padding-bottom: .7rem;
}

.d-a2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.d-b {
    width: 100%;
    text-align: center;
    /* padding-top: .75rem; */
    /* padding-bottom: .4rem; */
}

.d-b2 {
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
}

.d-b3 {
    /* padding-top: .95rem; */
    /* padding-bottom: .32rem; */
    text-align: left;
}

.d-c {
    font-size: 2.5rem;
    color: #52595c;
    margin-bottom: .06rem;
}

.d-c:first-letter {
    color: #e60b1c;
}

.d-d {
    font-size: 2rem;
    color: #52595c;
}
.d-b.bold .d-c{font-weight: bold;}
.d-b.bold .d-d{font-weight: bold;}

@media (max-width: 1200px) {
    .d-c {
        font-size: 22px;
    }

    .d-d {
        font-size: 18px;
    }
}

.e-a {
    width: 16rem;
    margin: 0 auto;
    border-radius: 0 1rem 0 1.2rem / 0 1rem 0 1.2rem;
    overflow: hidden;
    background-color: #fff;
    font-size: 0;
}

.e-b {
    width: 48.4%;
    height: 6.61rem;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}

.e-c {
    width: 51.6%;
    padding-left: 1.1rem;
    padding-right: .9rem;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
}

.e-d {
    width: auto;
    vertical-align: top;
    margin-bottom: 5px;
}

.e-e {
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #e60b1c;
    font-weight: bold;
    margin-bottom: .3rem;
}

.e-f {
    font-size: 0;
    width: 100%;
}

.e-g {
    margin-right: 14px;
    vertical-align: top;
    width: 20px;
    margin-top: .17rem;
}

.e-h {
    width: calc(100% - 34px);
    display: inline-block;
    vertical-align: top;
    padding-bottom: .16rem;
    padding-top: .19rem;
    border-top: 1px dotted #d4d4d4;
}

.e-i {
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #000;
    font-weight: bold;
    margin-bottom: .05rem;
}

.e-j {
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #595e68;
    line-height: 1.43;
    font-weight: bold;
}

.e-j.e-bold {
    font-family: 黑体;
}

.e-k {
    width: 100%;
    font-size: 0;
    padding-top: .12rem;
    padding-bottom: .04rem;
    white-space: nowrap;
}

.e-l {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-right: .2rem;
}

.e-m {
    width: 1.39rem;
    margin-bottom: .15rem;
    box-shadow: 0 .04rem .09rem rgba(101, 101, 101, 0.15);
}

.e-n {
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #595e68;
}

.e-o {
    width: 100%;
    padding-left: 34px;
}

.e-p {
    display: block;
    width: 9.8em;
    line-height: 3.2em;
    text-align: center;
    background-color: #e60b1c;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #fff;
    cursor: pointer;
}

.e-o .e-h {
    width: 100%;
    padding-top: .3rem;
}

@media (max-width: 900px) {
    .e-a {
        width: 100%;
        max-width: 500px;
        border-radius: 0;
    }

    .e-b {
        width: 100%;
        height: 200px;
    }

    .e-c {
        width: 100%;
        padding: 20px 10px;
    }
}


.g-a {
    width: 16rem;
    margin: 0 auto;
    border-radius: 0 1rem 0 1.2rem / 0 1rem 0 1.2rem;
    overflow: hidden;
    background-color: #f8f8f8;
    font-size: 0;
}

.g-b {
    width: 48.4%;
    height: 5.91rem;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    background-position: center center;
}

.g-c {
    width: 51.6%;
    padding-left: 1rem;
    padding-right: 1.05rem;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
}

.g-row {
    width: 100%;
    font-size: 0;
    margin-bottom: 8px;
}


.g-d {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border-bottom: 2px solid #efefef;
    position: relative;
    padding-left: .54rem;
    background-color: #fff;
}

.g-col {
    width: 49%;
    margin-right: 2%;
}

.g-col:nth-child(2n) {
    margin-right: 0;
}

.g-e {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 3.28em;
    width: .54rem;
}

.g-e:after {
    content: "";
    display: block;
    width: 2px;
    height: .3rem;
    background-color: #f3f3f3;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.15rem;
}

.g-f {
    width: 100%;
    border: none;
    background-color: transparent;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
    height: 3.28em;
    line-height: 3.28em;
    padding: 0 .22rem;
}

.g-g {
    vertical-align: middle;
    width: 20px;
}

.g-h {
    width: 100%;
    height: 1.67rem;
    border: none;
    padding: 0.9em .22rem;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
    line-height: 1.48;
}

.g-btns {
    width: 100%;
    padding-top: .23rem;
    font-size: 0;
}

.g-submit {
    width: 9.8em;
    line-height: 3.2em;
    border: none;
    text-align: center;
    background-color: #e60b1c;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #fff;
    cursor: pointer;
}

@media (max-width: 900px) {
    .g-a {
        width: 100%;
        max-width: 500px;
        border-radius: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    .g-b {
        width: 100%;
        height: 250px;
    }

    .g-c {
        width: 100%;
        padding: 20px 0;
    }
}

.i-a {
    width: 16rem;
    margin: 0 auto;
    border-radius: 0 1rem 0 1.2rem / 0 1rem 0 1.2rem;
    overflow: hidden;
    background-color: #f8f8f8;
    font-size: 0;
}

.i-b {
    width: 50%;
    height: 5.91rem;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    background-position: center center;
}

.i-c {
    width: 50%;
    padding-left: 1rem;
    padding-right: .75rem;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
}

.i-d {
    padding-top: .46rem;
}

.i-d,
.i-d * {
    font-size: 14px;
    color: #777;
    line-height: 1.56;
    font-family: 黑体;
}

@media (max-width: 900px) {
    .i-a {
        width: 100%;
        max-width: 500px;
        border-radius: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    .i-b {
        width: 100%;
        height: 250px;
    }

    .i-c {
        width: 100%;
        padding: 30px 0;
    }
}

.j-a {
    width: 100%;
}

.j-b {
    width: 100%;
}

.k-a {
    width: 100%;
}

.k-b {
    width: 100%;
}

.k-d {
    display: block;
    width: 100%;
    line-height: 5;
    background-color: #eaeaea;
    text-align: center;
}

.k-e {
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
    line-height: 1.3;
    display: inline-block;
    vertical-align: middle;
    font-family: 黑体;
    font-size: 1.2rem;
}

.k-title .k-d {
    background-color: #46c9ff;
}

.k-title .k-e {
    color: #fff;
}

.k-title .k-e:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 10px;
    background-image: url(../images/30.png);
    background-size: 100% 100%;
    margin-left: .78rem;
}

.k-link {
    /* border-right: 1px solid #dcdee0; */
}

.k-link.active {
    /* border-right: 1px solid #e60b1c; */
}

.k-link.active .k-d {
    background-color: #c91818;
}

.k-link.active .k-e {
    color: #fff;
}

@media (max-width: 500px) {
    .k-e {
        font-size: 12px;
    }

    .k-title .k-e:after {
        margin-left: 0.1rem;
    }
}

.l-a {
    width: 16rem;
    margin: 0 auto;
    padding-bottom: .8rem;
}

.l-b {
    width: 100%;
    border: 1px solid #ededed;
}



.l-c {
    width: 100%;
    margin-bottom: .5rem;
}

.l-d {
    width: 100%;
}

.l-e {
    width: 100%;
    padding: .85rem 10px;
    background-size: cover;
    background-position: center center;
}

.l-box {
    text-align: center;
    margin-bottom: .34rem;
}

.l-img {
    width: 1.39rem;
}

.l-f {
    text-align: center;
    font-size: .3rem;
    color: #fff;
    margin-bottom: .21rem;
}

.l-g {
    text-align: center;
}

.l-h {
    display: inline-block;
    vertical-align: top;
    width: 4.9rem;
    border-radius: .33rem;
    height: .66rem;
    line-height: .66rem;
    font-size: .32rem;
    color: #e60b1c;
    background-color: #fff;
    margin-bottom: .12rem;
}

.l-i {
    text-align: center;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #fff;
    line-height: 1.43;
}

.l-j {
    text-align: center;
    font-size: calc(8px - 0.08rem + 0.3rem);
    color: #fff;
    margin-bottom: .3rem;
}

.l-k {
    margin-bottom: .24rem;
}

.l-k,
.l-k * {
    text-align: center;
    font-size: calc(8px - 0.08rem + 0.22rem);
    color: #fff;
    line-height: 1.54;
}

@media (max-width: 1300px) {
    .l-img {
        width: 95px;
    }
}

@media (max-width: 900px) {
    .l-a {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 500px) {
    .l-i {
        font-size: 12px;
    }
}

.m-a {
    width: 100%;
    background-color: #f8f8f8;
    padding: .7rem 0;
}

.m-b {
    width: 16rem;
    background-color: #fff;
    margin: 0 auto;
    padding: .7rem 0 .7rem 3rem;
}

.m-c {
    width: 100%;
    font-size: 0;
    margin-bottom: .25rem;
}

.m-d {
    width: 150px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #666;
    padding-top: 1em;
    padding-right: .15rem;
}

.m-e {
    width: calc(100% - 150px);
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

.m-red {
    color: #e60b1c;
}

.m-f {
    width: 5rem;
    display: inline-block;
    vertical-align: top;
    margin-right: .2rem;
    position: relative;
}

.m-h {
    display: inline-block;
    vertical-align: top;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #ccc;
    line-height: 1.14;
    padding-top: 1.14em;
}

.m-g {
    width: 100%;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
    height: 3.28em;
    padding: 0 .2rem;
    border: 1px solid #ebebeb;
    border-radius: 1px;
    vertical-align: top;
}

.m-btns {
    width: 100%;
    padding-left: 150px;
    padding-top: .17rem;
}

.m-submit {
    width: 9.8em;
    line-height: 3.2em;
    border: none;
    text-align: center;
    background-color: #e60b1c;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #fff;
    cursor: pointer;
}

.m-label {
    display: inline-block;
    vertical-align: top;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
    padding-right: .3rem;
    line-height: 3.28em;
    position: relative;
}

.m-icon {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-image: url(../images/31.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: .08rem;
}

.m-label input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.m-label.selected .m-icon {
    background-image: url(../images/32.png);
}

.m-block {
    display: block;
}

.m-code{width: 8em;height: 3em;font-size: calc(12px - 0.12rem + 0.14rem);position: absolute;right: .1rem;top: 50%;margin-top: -1.5em;z-index: 2;cursor: pointer;}
/*.m-code {
    display: inline-block;
    font-size: calc(12px - 0.12rem + 0.14rem);
    position: relative;
    z-index: 2;
    cursor: pointer;
}*/

.m-img {
    width: 100%;
    height: 100%;

}

@media (max-width: 1400px) {
    .m-b {
        padding-left: 1rem;
    }
}

@media (max-width: 1200px) {
    .m-b {
        padding-right: 10px;
    }

    .m-h {
        display: block;
        line-height: 1.3;
        width: 100%;
    }

    .m-f {
        margin-right: 0;
        width: 100%;
    }

    .m-h {
        padding-top: .1rem;
    }
}

@media (max-width: 900px) {
    .m-b {
        width: 100%;
        padding: 30px 10px;
    }

    .m-c {
        margin-bottom: 20px;
    }
}

@media (max-width: 500px) {
    .m-f {
        width: 100%;
    }

    .m-d {
        font-size: 12px;
        width: 100px;
        padding-right: 0;
    }

    .m-e {
        width: calc(100% - 100px);
    }

    .m-g {
        height: 36px;
    }

    .m-label {
        line-height: 36px;
    }

    .m-btns {
        padding-left: 100px;
    }

    .m-code {
        width: 79px;
        height: 30px;
        margin-top: -15px;
    }
}


.n-a {
    width: 100%;
    padding-top: .7rem;
    padding-bottom: .6rem;
    background-color: #f9f9f9;
}

.n-b {
    width: 16rem;
    margin: 0 auto;
}

.n-c {
    width: 100%;
    margin-bottom: .6rem;
}

.n-d {
    position: relative;
    padding-bottom: .6rem;
    padding-top: .6rem;
    background-color: #eaeaea;
}

.n-e {
    /* width: 100%; */
    /* height: 5.16rem; */
    background-color: #eaeaea;
    padding-left: 1.93rem;
    /* padding-right: 7.99rem; */
    /* padding-top: .83rem; */
    float: left;
    position: relative;
}

.n-h {
    width: 7.99rem;
    height: 5.48rem;
    background-size: cover;
    float: right;
    background-position: center center;
    /* position: absolute; */
    /* right: 0; */
    /* top: .51rem; */
}

.n-f {
    font-size: 20px;
    color: #333;
    margin-bottom: .22rem;
}

.n-g,
.n-g * {
    font-size: 14px;
    color: #838383;
    line-height: 1.75;
}

.n-text {
    width: 5.8rem;
    /* height: 100%; */
    overflow: auto;
    padding-bottom: 10px;
    /* padding-right: 10px; */
    position: relative;
    z-index: 2;
}

.n-num {
    font-size: 3.35rem;
    color: #fff;
    position: absolute;
    left: 1rem;
    bottom: -0.5rem;
    z-index: 1;
}

.n-c .swiper-button-prev,
.n-c .swiper-button-next {
    width: 1.87rem;
    height: .83rem;
    margin-top: 0;
    top: auto;
    bottom: 0;
    background-color: #e60b1c;
    background-size: auto auto;
}

.n-c .swiper-button-prev {
    background-image: url(../images/35.png);
    left: 8.01rem;
}

.n-c .swiper-button-next {
    background-image: url(../images/36.png);
    right: auto;
    left: 9.88rem;
}

.n-c .swiper-pagination-bullet {
    width: .33rem;
    height: 2px;
    background-color: #f0f0f0;
    border-radius: 0;
    opacity: 1;
}

.n-c .swiper-pagination-bullet-active {
    background-color: #e60b1c;
}

.n-c.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}

.n-c.swiper-container-horizontal > .swiper-pagination-bullets {
    width: auto;
    bottom: .42rem;
    font-size: 0;
    right: 8.67rem;
    left: auto;
    text-align: right;
}

.n-total {
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #cbcbcb;
    position: absolute;
    left: 7.55rem;
    bottom: .35rem;
    z-index: 1000;
}

.n-cur {
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #e60b1c;
    position: absolute;
    right: 8.67rem;
    bottom: .35rem;
    z-index: 1000;
}

@media (max-width: 900px) {
    .n-b {
        width: 100%;
        max-width: 500px;
    }
    .n-text{
        width: 100%;
    }

    .n-d {
        padding-bottom: 0;
    }

    .n-e {
        width: 100%;
        padding: 10px;
        /* height: 200px; */
    }

    .n-h {
        width: 100%;
        padding-top: 68.58%;
        position: relative;
        right: 0;
        top: 0;
    }

    .n-c .swiper-button-prev {
        left: 0;
    }

    .n-c .swiper-button-next {
        left: 1.87rem;
    }

    .n-c.swiper-container-horizontal > .swiper-pagination-bullets {
        display: none;
    }
}

.o-a {
    width: 100%;
    background-color: #fff;
    padding: .5rem 0;
    margin-bottom: .6rem;
}

.o-b {
    width: 100%;
    border: none;
}

.o-c {
    width: 100%;
}

.o-d {
    border: none;
    border-right: 1px solid #ededed;
    padding: .3rem 10px .3rem .49rem;
}

.o-d:nth-child(4n+2) {
    transition-delay: .3s;
}

.o-d:nth-child(4n+3) {
    transition-delay: .4s;
}

.o-d:nth-child(4n+4) {
    transition-delay: .5s;
}

.o-d4 {
    padding-left: 10px
}

.o-text,
.o-text * {
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #333;
    line-height: 1.625;
}

.o-e {
    font-size: calc(10px - 0.10rem + 0.24rem);
    color: #333;
    text-align: left;
    margin-bottom: .1rem;
    line-height: 1.333;
}

.o-f {
    font-size: calc(10px - 0.10rem + 0.13rem);
    color: #e60b1c;
    text-align: left;
}

.o-g {
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #333;
    text-align: center;
    margin-bottom: .13rem;
}

.o-h {
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #333;
    text-align: center;
    line-height: 1.333;
}

@media (max-width: 900px) {
    .o-d {
        padding: 10px 5px;
    }

    .o-text,
    .o-text * {
        font-size: 12px;
    }

    .o-e {
        font-size: 14px;
    }

    .o-f {
        font-size: 12px;
    }



    .o-g {

        font-size: 12px;
    }

    .o-h {
        font-size: 12px;
    }
}

.p-a {
    width: 100%;
    background-color: #fff;
    padding-top: .65rem;
    font-size: 0;
    padding: .65rem .27rem .42rem;
    margin-bottom: .6rem;
}

.p-b {
    /*width: 33.3333%;*/
    width: 50%;

    padding: 0 .27rem;
    display: inline-block;
    vertical-align: top;
}

.p-b:nth-child(3n+2) {
    transition-delay: .3s;
}

.p-b:nth-child(3n+3) {
    transition-delay: .4s;
}

.p-c {
    width: 100%;
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #e60b1c;
    padding-bottom: .27rem;
    border-bottom: 1px solid #f5f5f5;
}

.p-d {
    padding-top: .15rem;
}

.p-d,
.p-d * {
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #797979;
    line-height: 1.75;
}

@media (max-width: 900px) {
    .p-a {
        padding-left: 5px;
        padding-right: 5px;
    }

    .p-b {
        padding: 0 5px;
    }

    .p-c {
        font-size: 14px;
    }

    .p-d,
    .p-d * {
        font-size: 12px;
    }
}

.q-a {
    width: 100%;
    background: #fafafa;
    padding-bottom: .83rem;
}

.q-a2 {
    padding-bottom: 0;
}

.q-a2 .q-c {
    margin-bottom: 0;
}

.q-b {
    width: 92%;
    margin: 0 auto;
    /* height: 25rem; */
}

.q-c {
    width: 100%;
    border-radius: 0 0rem 0 8rem / 0 1rem 0 8rem;
    background-color: #ffffff;
    margin-bottom: .8rem;
    padding: 2% 5%;
    height: 32rem;
}

.q-d,
.q-d * {
    font-size: 1rem;
    line-height: 2.5;
    color: #959595;
}

@media (max-width: 900px) {
    .q-b {
        width: 100%;
        padding: 0 10px;
    }

    .q-c {
        padding: 0 20px 40px;
    }
}

.r-a {
    width: 16rem;
    margin: 0 auto;
    font-size: 0;
}

.r-b {
    display: inline-block;
    vertical-align: top;
    width: 33.3333%;
}

.r-c {
    width: 100%;
}

.r-d {
    width: 100%;
}

.r-g {
    width: 100%;
    height: 11em;
    font-size: calc(12px - 0.12rem + 0.16rem);
    padding-top: .4rem;
    overflow: auto;
}

.r-e {
    text-align: center;
    font-size: calc(12px - 0.12rem + 0.22rem);
    margin-bottom: .24rem;
}

.r-f {
    text-align: center;
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 1.75;
    padding: 0 .6rem;
}

.r-b1 .r-g {
    background-color: #009743;
}

.r-b1 .r-e {
    color: #fff;
}

.r-b1 .r-f {
    color: #fff;
}

.r-b2 .r-g {
    background-color: #fff;
}

.r-b2 .r-e {
    color: #e60b1c;
}

.r-b2 .r-f {
    color: #777;
}

.r-b3 .r-g {
    background-color: #e60b1c;
}

.r-b3 .r-e {
    color: #fff;
}

.r-b3 .r-f {
    color: #fff;
}

.r-b.r-b2 {
    transition-delay: .3s;
}

.r-b.r-b3 {
    transition-delay: .4s;
}

@media (max-width: 900px) {
    .r-a {
        width: 100%;
        padding: 0 10px;
    }

    .r-g {
        padding: 20px 0 0;
    }

    .r-f {
        padding: 0 10px;
    }
}

@media (max-width: 500px) {
    .r-a {
        width: 300px;
        padding: 0;
    }

    .r-b {
        width: 100%;
    }

    .r-g {
        height: auto;
        padding-bottom: 20px;
    }
}

.s-a {
    width: 100%;
    background-color: #fff;
    padding: .8rem 0;
}

.s-b {
    width: 16rem;
    height: 4.42rem;
    margin: 0 auto;
    border-radius: 1.1rem 0 1.1rem 0 / 1.1rem 0 1.1rem 0;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.s-c {
    width: 22.5em;
    font-size: calc(12px - 0.12rem + 0.24rem);
    background-color: rgba(0, 151, 67, 0.6);
    padding: .37rem .2rem .37rem .4rem;
    position: absolute;
    left: 1.12rem;
    top: 50%;
    transform: translate(0, -50%);
}

.s-c:before {
    content: "";
    display: block;
    width: .07rem;
    height: 100%;
    background-image: url(../images/42.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.s-d {
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #fff;
    margin-bottom: .14rem;
}

.s-e {
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #fff;
    line-height: 1.3333;
}

@media (max-width: 900px) {
    .s-a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .s-b {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .s-b {
        height: auto;
        padding: 30px 20px;
    }

    .s-c {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0, 0);
    }

    .s-d {
        font-size: 16px;
    }

    .s-e {
        font-size: 16px;
    }
}

.t-a {
    width: 100%;
    padding-top: .9rem;
    padding-bottom: 1rem;
    background-color: #fff;
}

.t-b {
    width: 16rem;
    margin: 0 auto;
    font-size: 0;
    background-color: #f4f4f4;
    overflow: hidden;
}

.t-b1 {
    border-radius: 0 1.2rem 0 1.2rem / 0 1.2rem 0 1.2rem;
}

.t-b2 {
    border-radius: 1.2rem 0 1.2rem 0 / 1.2rem 0 1.2rem 0;
}

.t-c {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.t-b2 .t-c:first-child {
    display: none;
}

.t-d {
    width: 100%;
}

.t-e {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    padding: 20px .8rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #777;
    line-height: 1.5;
}

.t-e * {
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #777;
    line-height: 1.5;
}

@media (max-width: 900px) {
    .t-a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .t-b {
        width: 100%;
        max-width: 500px;
        border-radius: 0;
    }

    .t-c {
        width: 100%;
    }

    .t-e {
        width: 100%;
        padding: 20px 10px;
    }

    .t-b2 .t-c:first-child {
        display: block;
    }

    .t-b2 .t-c:last-child {
        display: none;
    }
}

.u-a {
    width: 100%;
    padding-bottom: 1rem;
}

.u-b {
    width: 16rem;
    margin: 0 auto;
    background-color: #e60b1c;
    border-radius: 0 1.1rem 0 1.1rem / 0 1.1rem 0 1.1rem;
    padding: .84rem 0;
    position: relative;
}

.u-c {
    width: 13rem;
    margin: 0 auto;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #fff;
    line-height: 2.125;
    text-align: center;
}

.u-b:before {
    content: "";
    display: block;
    width: .56rem;
    height: .47rem;
    background-image: url(../images/45.png);
    background-size: 100% 100%;
    position: absolute;
    left: .86rem;
    top: .6rem;
}

.u-b:after {
    content: "";
    display: block;
    width: .56rem;
    height: .47rem;
    background-image: url(../images/46.png);
    background-size: 100% 100%;
    position: absolute;
    right: .86rem;
    bottom: .6rem;
}

@media (max-width: 900px) {
    .u-a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .u-b {
        width: 100%;
        padding: 30px 20px;
    }

    .u-c {
        width: 100%;
        font-size: 14px;
    }

    .u-b:before {
        left: .1rem;
        width: 20px;
        top: 10px;
    }

    .u-b:after {
        right: .1rem;
        width: 20px;
        bottom: 10px;
    }
}

.v-a {
    width: 100%;
    background-image: url(../images/10.jpg);
    padding-bottom: 1rem;
}

.v-b {
    width: 100%;
    position: relative;
}

.v-c {
    width: 16.14rem;
    margin: 0 auto;
}

.v-d:nth-child(7n+2){transition-delay: .4s;}
.v-d:nth-child(7n+3){transition-delay: .6s;}
.v-d:nth-child(7n+4){transition-delay: .8s;}
.v-d:nth-child(7n+5){transition-delay: 1s;}
.v-d:nth-child(7n+6){transition-delay: 1.2s;}
.v-d:nth-child(7n+7){transition-delay: 1.4s;}

.v-i {
    width: 94%;
    margin: 0 auto;
}

.v-e {
    width: 100%;
    height: 21.75em;
    font-size: .16rem;
    padding-top: 1.36rem;
    background-color: #fff;
    transition: all .3s;
}

.v-f {
    text-align: center;
    font-size: .26rem;

    color: #52595c;
    padding-bottom: .3rem;
    position: relative;
    width: 100%;
    margin-bottom: .2rem;
    transition: all .3s;
}

.v-f:after {
    content: "";
    display: block;
    width: .25rem;
    height: 2px;
    background-color: #bbb;
    left: 50%;
    margin-left: -0.13rem;
    bottom: 0;
    position: absolute;
    transition: all .3s;
}

.v-g {
    text-align: center;
    font-size: .16rem;
    color: #666;
    padding: 0 1em;
    line-height: 1.625;
    transition: all .3s;
}

.v-h {
    width: 100%;
    padding-top: 70%;
    background-size: cover;
    background-position: center center;
}

.v-i:hover .v-e {
    background-color: #e60b1c;
}

.v-i:hover .v-f {
    color: #fff;
}

.v-i:hover .v-f:after {
    background-color: #fff;
}

.v-i:hover .v-g {
    color: #fff;
}

.v-prev,
.v-next {
    display: block;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 .15rem .3rem rgba(87, 87, 87, 0.3);
    position: absolute;
    top: 50%;
    margin-top: -0.3rem;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: .14rem .23rem;
}

.v-prev {
    left: 50%;
    margin-left: -9.1rem;
    background-image: url(../images/56.png);
}

.v-next {
    right: 50%;
    margin-right: -9.1rem;
    background-image: url(../images/57.png);
}

.v-prev.swiper-button-disabled {
    display: none;
}

.v-next.swiper-button-disabled {
    display: none;
}

.v-prev:hover {
    background-image: url(../images/58.png);
    background-color: #e60b1c;
}

.v-next:hover {
    background-image: url(../images/59.png);
    background-color: #e60b1c;
}

@media (max-width: 1360px) {
    .v-f {
        font-size: 16px;
    }

    .v-g {
        font-size: 12px;
    }
}

@media (max-width: 900px) {
    .v-b {
        padding-left: 50px;
        padding-right: 50px;
    }

    .v-c {
        width: 100%;
    }

    .v-prev,
    .v-next {
        width: 36px;
        height: 36px;
        margin-top: -18px;
        background-size: 10px 16px;
    }

    .v-prev {
        left: 7px;
        margin-left: 0;
    }

    .v-next {
        right: 7px;
        margin-right: 0;
    }
}

.w-a {
    width: 100%;
    background-color: #fff;
    padding: 1rem 10px;
}

.w-b {
    width: 16rem;
    margin: 0 auto;
    overflow: hidden;
}


.w-left {
    float: left;
    width: 57%;
}

.w-right {
    float: right;
    width: 41.375%;
}

.w-img {
    width: 100%;
}

.w-img2 {
    margin-bottom: .22rem;
}

@media (max-width: 1200px) {
    .w-b {
        width: 100%;
        max-width: 662px;
    }

    .w-left {
        width: 100%;
        float: none;
    }

    .w-right {
        width: 100%;
        float: none;
    }

    .w-img1 {
        margin-bottom: 10px;
    }

    .w-img2 {
        margin-bottom: 10px;
    }
}

@media (max-width: 900px) {
    .w-b {
        width: 100%;
    }
}

.x-a {
    width: 100%;
    background-color: #f9f9f9;
    padding-bottom: 1rem;
    padding-left: 10px;
    padding-right: 10px;
}

.x-b {
    width: 16rem;
    margin: 0 auto;
}

.x-c {
    width: 100%;
}

.x-d {
    width: 100%;
}

.x-e {
    width: 100%;
    font-size: 0;
}

.x-f {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 5.833em;
    line-height: 5.833em;
    font-size: calc(12px - 0.12rem + 0.18rem);
    padding: 0 .4rem;
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    position: relative;
    transition: all .3s;
}

.x-f:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    /*background-image: url(../images/63.png);*/
    position: absolute;
    right: .4rem;
    top: 50%;
    margin-top: -10px;
}

.x-f:nth-child(2n) {
    border-right: none;
}

.x-f:last-child {
    border-bottom: none;
}

.x-f:nth-child(2n+1):nth-last-child(2) {
    border-bottom: none;
}

.x-g {
    display: inline-block;
    vertical-align: middle;
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #3c3c3c;
    line-height: 1.3;
    transition: all .3s;
}

.x-h {
    font-size: calc(12px - 0.12rem + 0.3rem);
    color: #e60b1c;
    transition: all .3s;
}

.x-f:hover {
    background-color: #e60b1c;
}

.x-f:hover .x-g {
    color: #fff;
}

.x-f:hover .x-h {
    color: #fff;
}

.x-f:hover:after {
    /*background-image: url(../images/64.png);*/
}

@media (max-width: 900px) {
    .x-b {
        width: 100%;
    }

    .x-f {
        width: 100%;
        border-right: none;
    }

    .x-f:nth-child(2n+1):nth-last-child(2) {
        border-bottom: 1px solid #e4e4e4;
    }
}

.y-a {
    width: 100%;
    background-color: #f9f9f9;
    padding-top: .88rem;
    padding-left: 10px;
    padding-right: 10px;
}

.y-b {
    width: 16rem;
    margin: 0 auto;
    background-color: #fff;
    padding: .66rem .66rem .7rem;
}

.y-c {
    width: 100%;
    font-size: 0;
    margin-bottom: .46rem;
}

.y-d {
    width: 63.48%;
    height: 4.08rem;
    margin-right: 2.67%;
    display: inline-block;
    vertical-align: top;
    background-size: cover;
    background-position: center center;
}

.y-e {
    width: 33.85%;
    height: 4.08rem;
    background-color: #e10000;
    display: inline-block;
    vertical-align: top;
    padding-left: .56rem;
    padding-top: 1.58rem;
}

.y-f {
    font-size: .86rem;
    color: #fff;
    margin-bottom: .08rem;
    font-weight: bold;
}

.y-g {
    font-size: .42rem;
    color: #fff;
    margin-bottom: .08rem;
    font-weight: bold;
}

.y-h {
    font-size: .3rem;
    color: #fff;
}

.y-i {
    width: 100%;
    border: none;
}

.y-j {
    width: 100%;
    background-color: #e60b1c;
}

.y-l {
    width: 100%;
}

.y-l:nth-child(2n+1) {
    background-color: #f3f3f3;
}

.y-k {
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #666;
    line-height: 1.625;
    border: none;
    padding: .15rem 0;
}

.y-j .y-k {
    color: #fff;
}

.y-k1 {
    padding-left: .47rem;
    width: 2.55rem;
    padding-right: 10px;
}

.y-k2 {
    padding-right: 10px;
}

@media (max-width: 900px) {
    .y-b {
        max-width: 500px;
        width: 100%;
    }

    .y-d {
        width: 100%;
        margin-right: 0;
        height: 0;
        padding-top: 43.77%;
    }

    .y-e {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
        height: auto;
    }

    .y-f {
        margin-bottom: 8px;
    }

    .y-g {
        margin-bottom: 8px;
    }

    .y-h {
        font-size: 14px;
    }

    .y-k {
        font-size: 12px;
    }

    .y-k1 {
        padding-left: 10px;
        width: auto;
        min-width: 80px;
    }
}

.z-a {
    width: 100%;
    background-color: #f9f9f9;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: .85rem;
}

.z-b {
    width: 16rem;
    margin: 0 auto;
    background-color: #fff;
    /*padding: .85rem .65rem .65rem;*/
    padding: .40rem .65rem .35rem;
    font-size: 0;
}

.z-c {
    display: inline-block;
    vertical-align: top;
}

.z-c:nth-child(2n+1) {
    width: 39.25%;
    margin-right: 1.91%;
}

.z-c:nth-child(2n+2) {
    width: 58.84%;
    transition-delay: .3s;
}

.z-d {
    font-size: calc(10px - 0.10rem + 0.2rem);
    color: #e60b1c;
    padding-bottom: .27rem;
    border-bottom: 1px solid #f5f5f5;
}

.z-e {
    width: 100%;
    font-size: 0;
    padding-top: .16rem;
}

.z-f {
    display: inline-block;
    vertical-align: top;
    font-size: calc(3px - 0.03rem + 0.16rem);
    color: #666;
    line-height: 1.5;
    margin-bottom: .2rem;
}

.z-c:nth-child(2n+1) .z-f {
    width: 50%;
}

.z-c:nth-child(2n+2) .z-f {
    width: 33.3333%;
}

@media (max-width: 1200px) {
    .z-c {
        margin-bottom: 30px;
    }

    .z-c:last-child {
        margin-bottom: 0;
    }

    .z-c:nth-child(2n+1) {
        width: 100%;
        margin-right: 0;
    }

    .z-c:nth-child(2n+2) {
        width: 100%;
    }

    .z-c:nth-child(2n+1) .z-f {
        width: 33.3333%;
    }

    .z-f {
        font-size: 12px;
    }

    .z-b {
        width: 100%;
    }
}

@media (max-width: 900px) {
    .z-c:nth-child(2n+1) .z-f {
        width: 50%;
    }

    .z-c:nth-child(2n+2) .z-f {
        width: 50%;
    }
}

@media (max-width: 500px) {
    .z-c:nth-child(2n+1) .z-f {
        width: 100%;
    }

    .z-c:nth-child(2n+2) .z-f {
        width: 100%;
    }

    .z-f:last-child {
        margin-bottom: 0;
    }
}


.select-w {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 90px;
    height: .73rem;
    background-color: #fff;
    position: relative;
    padding-right: 30px;
    padding-left: 12px;
    white-space: nowrap
}

.select-w .cur {
    display: inline-block;
    width: 100%;
    height: .73rem;
    line-height: .73rem;
    font-size: calc(6px - 0.06rem + 0.14rem);
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select-w select {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-left: 12px;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.select-w:after {
    display: inline-block;
    content: "";
    border-left: 5px solid transparent;
    border-top: 5px solid #666;
    border-right: 5px solid transparent;
    position: absolute;
    right: 13px;
    top: 50%;
    margin-top: -3px;
    z-index: 1;
}

.aa-a {
    width: 100%;
    background-color: #f2f2f2;
    padding: .6rem 10px;
}

.aa-box {
    width: 16rem;
    margin: 0 auto;
    position: relative;
    box-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.1);
    position: relative;
}

.aa-b {
    width: 100%;
    height: 7.1rem;
    background-size: cover;
    background-position: center center;
    /* display: none; */
    position: absolute !important;
    left: -200vw;
    top: -200vh;
}
.aa-b img{
    max-width: none;
}
.aa-b td{
    line-height: 1.65;
    color: #333;
}

.aa-c {
    width: 100%;
    min-width: 300px;
    /* position: absolute; */
    left: 0;
    top: 0;
    z-index: 99999;

}

.aa-d {
    width: 100%;
    box-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.1);
    font-size: 0;
    margin-bottom: .13rem;
}

.aa-e {
    width: calc(100% - 90px);
    height: .73rem;
    font-size: calc(3px - 0.03rem + 0.14rem);
    color: #666;
    border: none;
}

.aa-form {
    width: 100%;
    font-size: 0;
    position: relative;
}

.aa-f {
    width: .73rem;
    height: .73rem;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../images/67.png);
    background-position: center center;
    background-size: .31rem .28rem;
    background-repeat: no-repeat;
    background-color: #fff;
    border: none;
    cursor: pointer;
}

.aa-g {
    width: 100%;
    box-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.1);
}

.aa-h {
    width: 100%;
    background-color: #f3f3f3;
    padding-left: .32rem;
    font-size: 0;
    position: relative;
}

.aa-i {
    width: auto;
    height: .58rem;
    line-height: .58rem;
    display: inline-block;
    vertical-align: top;
    font-size: calc(6px - 0.06rem + 0.18rem);
    color: #333;
}

.aa-i:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: .16rem;
    height: .22rem;
    background-image: url(../images/68.png);
    background-size: 100% 100%;
    margin-right: .12rem;
}

.aa-j {
    font-size: calc(6px - 0.06rem + 0.14rem);
    color: #000;
    line-height: .58rem;
    display: inline-block;
    vertical-align: top;
    text-decoration: underline;
    margin-left: .19rem;
}

.aa-k {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 1.17rem;
    height: .58rem;
    line-height: .58rem;
    background-color: #e50013;
    text-align: center;
    font-size: calc(6px - 0.06rem + 0.14rem);
    color: #fff;
    cursor: pointer;
}

.aa-l {
    width: 100%;
    height: .56rem;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
    padding-left: .32rem;
}

.aa-m {
    display: inline-block;
    vertical-align: top;
    height: .56rem;
    line-height: .56rem;
    border-bottom: 2px solid #e50013;
    font-size: calc(6px - 0.06rem + 0.16rem);
    color: #e50013;
}

.aa-n {
    width: 100%;
    background-color: #fff;
    max-height: 4.4rem;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
}

.aa-o {
    width: 50%;
    padding: .4rem .1rem .4rem .32rem;
    max-height: 3.9rem;
    overflow: auto;
}

.aa-o:nth-child(4n+2) {
    background-color: #f7f7f7;
}
.aa-o:nth-child(4n+3) {
    background-color: #f7f7f7;
}

.aa-p {
    font-size: calc(6px - 0.06rem + 0.2rem);
    color: #333;
    margin-bottom: .17rem;
}

.aa-p:hover{
    color: #ff0b2b;
}

.aa-p:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: .16rem;
    height: .22rem;
    background-image: url(../images/68.png);
    background-size: 100% 100%;
    margin-right: .12rem;
}

.aa-q {
    font-size: calc(6px - 0.06rem + 0.15rem);
    color: #666;
    line-height: 1.46;
    padding-left: .28rem;
    margin-bottom: .18rem;
}

.aa-q .black{
    color: #222;
}

.aa-q .red{
    color: #e50013;
}

.aa-r {
    font-size: calc(6px - 0.06rem + 0.15rem);
    color: #333;
    padding-left: .28rem;
}

.aa-r a{
    cursor: pointer;
    font-size: calc(6px - 0.06rem + 0.14rem);
    color: #474747;
    width: 13.2em;
    height: 3em;
    line-height: 3em;
    text-align: center;
    border-radius: 1.5em;
    border: 1px solid #e0e0e0;
    display: block;
}
.aa-r a:hover{
    color: #e50013 !important;
    border-color: #e50013;
}

.aa-r a:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.28em;
    height: 1.28em;
    background-image: url(../images/phone1.png);
    background-size: 100% 100%;
    margin-right: .357em;
}

.aa-r a:hover:before{
    background-image: url(../images/phone2.png);
}

.aa-icon {
    height: calc(6px - 0.06rem + 0.2rem);
    margin-right: .1rem;
}

@media (max-width: 900px) {
    .aa-box {
        width: 100%;
    }
    .aa-n{
        max-height: 250px;
    }
}

@media (max-width: 600px) {
    .aa-box {
        width: 300px;
        box-shadow: none;
    }

    .aa-b {
        height: 200px;
        box-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.1);
    }

    .aa-c {
        position: relative;
        left: 0;
        top: 0;
    }
    .aa-o{width: 100%;}
    .aa-o:nth-child(4n+2) {
        background-color: #f7f7f7;
    }
    .aa-o:nth-child(4n+3) {
        background-color: #fff;
    }
}

.ab-a {
    width: 100%;
    background-color: #f2f2f2;
}

.ab-b {
    width: 100%;
    background-color: #fff;
}

.ab-c {
    width: 16rem;
    margin: 0 auto;
    padding: .53rem 0;
    font-size: 0;
}

.ab-d {
    font-size: .35rem;
    color: #52595c;
    padding-right: .1rem;
}

.ab-e {
    font-size: .28rem;
    color: #52595c;
    line-height: .35rem;
    vertical-align: top;
}

.ab-f {
    width: 100%;
    padding: .78rem 10px;
}

.ab-g {
    width: 16rem;
    margin: 0 auto;
    font-size: 0;
}

.ab-h {
    width: 77.5%;
    height: 5.4rem;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.ab-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s;
}

.ab-img.show {
    opacity: 1;
}


.ab-i {
    width: 22.5%;
    display: inline-block;
    vertical-align: top;
    max-height: 540px;
    overflow-y: scroll;
}

.ab-j {
    width: 100%;
    height: 1.35rem;
    padding-top: .43rem;
    display: block;
    background-color: #fff;
    padding-left: .72rem;
    padding-right: .2rem;
    transition: all .3s;
}

.ab-j:nth-child(2n+1) {
    background-color: #f8f8f8;
}

.ab-j.active {
    background-color: #dc0012;
}

.ab-j.active .ab-k {
    color: #fff;
}

.ab-j.active .ab-l {
    color: #fff;
}

.ab-k {
    font-size: calc(6px - 0.06rem + 0.18rem);
    color: #666;
    line-height: 1.44;
    margin-bottom: .05rem;
}

.ab-l {
    font-size: calc(6px - 0.06rem + 0.14rem);
    color: #666;
}

@media (max-width: 900px) {
    .ab-b {
        padding-left: 10px;
    }

    .ab-c {
        width: 100%;
        max-width: 500px;
    }

    .ab-g {
        width: 100%;
        max-width: 500px;
    }

    .ab-h {
        width: 100%;
        padding-top: 54.55%;
        height: 0;
    }

    .ab-i {
        width: 100%;
    }

    .ab-j {
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (max-width: 600px) {
    .ab-c {
        max-width: 300px;
    }

    .ab-g {
        max-width: 300px;
    }
}

.ac-a {
    width: 100%;
    background-color: #fff;
    padding: .57rem 10px;
}

.ac-b {
    width: 16.38rem;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: .18rem;
}

.ac-c {
    display: block;
    width: 31%;
    margin: 0 1.16% 2.33%;
    float: left;
}

.ac-c6 {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 59.87%;
}

.ac-c12 {
    width: 64.32%;
}

.ac-d {
    width: 100%;
    padding-top: 61%;
    background-size: cover;
    background-position: center center;
}

.ac-c1 .ac-d {
    padding-top: 157.67%;
}

.ac-c4 .ac-d {
    padding-top: 157.67%;
}

.ac-c12 .ac-d {
    padding-top: 29.38%;
}

.ac-e {
    width: 100%;
    height: 1.43rem;
    box-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.1);
    padding: .35rem .3rem;
}

.ac-f {
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #333;
    position: relative;
    width: 100%;
    margin-bottom: .16rem;
    padding-top: 1px;
    padding-right: .82rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ac-g {
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #999;
    line-height: 1.57;
    height: 3.14em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ac-time {
    font-size: .16rem;
    color: #333;
    position: absolute;
    right: 0;
    top: 1px;
}

.ac-c:hover .ac-f {
    color: #ff0b2b;
}
@media (max-width: 1350px) {
    .ac-c{margin-bottom: 15px;}
    .ac-d{padding-top: 218px;}
    .ac-c1 .ac-d{padding-top: 531px;}
    .ac-c4 .ac-d{padding-top: 531px;}
    .ac-c12 .ac-d{padding-top: 218px;}
    .ac-c6{margin-top: 626px;}
    .ac-f{font-size: 12px;margin-bottom: 10px;padding-right: 65px;}
    .ac-g{font-size: 12px;height: 38px;}
    .ac-e{padding: 10px 5px 7px;height: 80px;}
    .ac-time{font-size: 12px;}
}
@media (max-width: 900px) {
    .ac-b {
        width: 513px;
    }

    .ac-c {
        width: 5.08rem;
        margin: 0 .19rem .4rem;
    }

    .ac-c6 {
        position: relative;
        margin-top: 0;
    }
}

@media (max-width: 540px) {
    .ac-b {
        width: 300px;
        overflow: visible;
    }

    .ac-c {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
        float: none;
    }

    .ac-f {
        font-size: 14px;
        padding-right: 60px;
    }

    .ac-g {
        font-size: 12px;
    }

    .ac-time {
        font-size: 12px;
        line-height: 14px;
    }

    .ac-e {
        height: auto;
    }

    .ac-d{padding-top: 61%;}
    .ac-c1 .ac-d{padding-top: 157.67%;}
    .ac-c4 .ac-d{padding-top: 157.67%;}
    .ac-c12 .ac-d{padding-top: 61%;}
    .ac-c6{margin-top: 0;}
}

.page-a {
    width: 100%;
    text-align: center;
}

.page-b {
    display: inline-block;
    vertical-align: top;
    padding: .17rem .23rem;
    box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.1);
    font-size: 0;
}

.page-b > a {
    display: inline-block;
    vertical-align: top;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #b0b0b0;
    width: 2.25em;
    height: 2.25em;
    line-height: 2.25em;
    border-radius: 50%;
    margin: 0 .08rem;
    cursor: pointer;
}

.page-b > a:hover {
    background-color: #e60b1c;
    color: #fff;
}

.page-b > a.active {
    background-color: #e60b1c;
    color: #fff;
}

.page-prev {
    background-color: #f5f5f5;
    background-image: url(../images/89.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.page-next {
    background-color: #f5f5f5;
    background-image: url(../images/90.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.page-prev:hover {
    background-image: url(../images/91.png);
}

.page-next:hover {
    background-image: url(../images/92.png);
}


.ae-a {
    width: 100%;
    background-color: #f9f9f9;
    padding: .6rem 10px;
}

.ae-b {
    width: 12rem;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 .07rem .27rem rgba(0, 0, 0, 0.04);
    padding: .3rem .73rem 0;
}

.ae-c {
    font-size: calc(8px - 0.08rem + 0.28rem);
    color: #333;
    text-align: center;
    line-height: 1.36;
    padding-bottom: .17rem;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: .24rem;
}

.ae-d {
    width: 100%;
    text-align: center;
}

.ae-e {
    font-size: 12px;
    color: #999;
}

.ae-f {
    padding-top: .4rem;
    padding-bottom: .46rem;
    border-bottom: 1px solid #eaeaea;
}
.ae-f img{width: 100%;}

.ae-f,
.ae-f * {
    font-size: 14px;
    color: #666;
    line-height: 2;
}

.ae-f img{height: auto !important;}

.ae-g {
    width: 100%;
    font-size: 0;
    padding-top: .36rem;
    padding-bottom: .48rem;
}

.ae-h {
    display: inline-block;
    vertical-align: top;
    width: 60%;
}

.ae-i {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #666;
    line-height: 32px;
}

.ae-i:hover {

    color: #e60b1c;
}

.ae-j {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    text-align: right;
}

.ae-k {
    display: inline-block;
    vertical-align: top;
    line-height: 32px;
    font-size: 14px;
    color: #666;
}

.ae-l {
    display: inline-block;
    vertical-align: top;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #c9c9c9;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 7px;
    cursor: pointer;
}

.ae-l1 {
    background-image: url(../images/94.png);
}

.ae-l2 {
    background-image: url(../images/95.png);
}

.ae-l3 {
    background-image: url(../images/96.png);
}

.ae-l:hover {
    background-color: #e60b1c;
    border-color: #e60b1c;
}

.ae-l1:hover {
    background-image: url(../images/97.png);
}

.ae-l2:hover {
    background-image: url(../images/98.png);
}

.ae-l3:hover {
    background-image: url(../images/99.png);
}

@media (max-width: 600px) {
    .ae-b {
        width: 100%;
        padding: 20px 10px;
    }

    .ae-h {
        width: 100%;
        margin-bottom: 20px;
    }

    .ae-j {
        width: 100%;
        text-align: left;
    }
}

.af-a {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-image: url(../images/100.png);
}

.af-b {
    width: 25%;
    float: right;
    height: 9.2rem;
    background-color: #fff;
    position: relative;
    font-size: calc(12px - 0.12rem + 0.14rem);
    padding-bottom: 3.64em;
}

.af-c {
    width: 100%;
    height: 100%;
    padding: .56rem .55rem 20px;
    overflow: auto;
}

.af-d {
    font-size: calc(8px - 0.08rem + 0.18rem);
    color: #000;
    padding: .17rem 0;
    line-height: 1.55;
    border-bottom: 1px dotted #d4d4d4;
    cursor: pointer;
    font-weight: bold;
}

.af-d:hover,
.af-d.active {
    color: #e60b1c;
}

.af-d:first-child {
    border-top: 1px dotted #d4d4d4;
}

.af-back {
    display: inline-block;
    width: 100%;
    font-size: calc(8px - 0.08rem + 0.14rem);
    color: #fff;
    height: 3.64em;
    line-height: 3.64em;
    text-align: center;
    background-color: #e60b1c;
    position: absolute;
    left: 0;
    bottom: 0;
    cursor: pointer;
}

.af-back:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 14px;
    background-image: url(../images/101.png);
    background-size: 100% 100%;
    margin-left: .09rem;
}

@media (max-width: 700px) {
    .af-a {
        text-align: right;
    }

    .af-b {
        float: none;
        width: 100%;
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }

    .af-c {
        padding: 0;
        font-size: 0;
        text-align: center;
        padding: 10px 0;
    }

    .af-d {
        display: inline-block;
        vertical-align: top;
        padding: 0 6px;
        line-height: 36px;
        border-bottom: none;
    }

    .af-back {
        position: relative;
        width: 80px;
        margin: 0 auto;
    }

    .af-d:first-child {
        border-top: none;
    }
}

.ag-a {
    width: 75%;
    height: 9.2rem;
    float: left;
    padding-top: .6rem;
}

.ag-b {
    text-align: center;
}

.ag-c {
    display: inline-block;
    vertical-align: top;
    height: 8rem;
    background-color: #fff;
    padding: .18rem;
    box-shadow: 0 .16rem .4rem rgba(0, 0, 0, 0.06);
}

.ag-d {
    height: 100%;
}

.ag-a .swiper-button-prev,
.ag-a .swiper-button-next {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border-radius: 50%;
    background-size: 12px auto;
}

.ag-a .swiper-button-prev {
    left: 20px;
    background-color: #009643;
}

.ag-a .swiper-button-next {
    right: 20px;
    background-color: #e60b1c;
}

@media (max-width: 700px) {
    .ag-a {
        width: 100%;
        float: none;
        height: auto;
        padding: 0;
    }

    .ag-b {
        padding: 10px 40px;
    }

    .ag-c {
        height: auto;
        width: 100%;
    }

    .ag-d {
        height: auto;
        width: 100%;
        font-size: 13px;
    }

    .ag-a .swiper-button-prev,
    .ag-a .swiper-button-next {
        width: 32px;
        height: 32px;
        margin-top: -16px;
    }

    .ag-a .swiper-button-prev {
        left: 4px;
    }

    .ag-a .swiper-button-next {
        right: 4px;
    }
}

.ah-a {
    width: 100%;
    font-size: 0;
    overflow: hidden;
    position: relative;
}

.ah-b {
    width: 19.8%;
    height: 9.55rem;
    background-color: #009844;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 10;
}

.ah-c {
    width: 62.2%;
    height: 9.55rem;
    display: inline-block;
    vertical-align: top;
}

.ah-d {
    width: 18%;
    height: 9.55rem;
    background-color: #e50012;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 10;
}

.ah-e {
    position: relative;
}

.ah-f {
    display: block;
    width: 100%;
    height: 9.55rem;
    background-size: cover;
    background-position: center center;
}

.ah-prev,
.ah-next {
    width: .4rem;
    height: .4rem;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    cursor: pointer;
    z-index: 2;
    background-size: .4rem auto;
}

.ah-prev {
    background-image: url(../images/107.png);
    left: 50%;
    margin-left: -1rem;
    bottom: 1.1rem;
}

.ah-next {
    background-image: url(../images/108.png);
    right: 50%;
    margin-right: -1rem;
    bottom: 1.1rem;
}

.ah-num {
    width: 100%;
    line-height: .4rem;
    position: absolute;
    left: 0;
    bottom: 1.1rem;
    font-size: calc(8px - 0.08rem + 0.16rem);
    color: #f86873;
    text-align: center;
    z-index: 1;
    user-select: none;
}

.ah-cur {
    color: #fff;
    font-weight: bold;
}

.ah-menu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    text-align: center;
}

.ah-list {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.ah-item {
    display: block;
    padding-left: .4rem;
    position: relative;
    line-height: .5rem;
    font-size: calc(8px - 0.08rem + 0.22rem);
    color: #fff;
    cursor: pointer;
}

.ah-item:before {
    content: "";
    display: block;
    width: .2rem;
    height: .05rem;
    background-color: rgba(255, 255, 255, 0.15);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.025rem;
}

.ah-item.active {
    font-weight: bold;
}

.ah-item.active:before {
    background-color: #fff;
}

.ah-num2 {
    position: absolute;
    right: -1.2em;
    top: 1.8rem;
    font-size: .39rem;
    color: #fff;
    font-weight: bold;
}

.ah-cur2 {
    font-size: 1.1rem;
    color: #fff;
    font-weight: bold;
    position: relative;
    top: -0.07em;
}

.ah-num2 span {
    vertical-align: top;
}

.ah-slash2 {
    font-size: .36rem;
    line-height: .39rem;
    color: #fff;
    font-weight: bold;
}

.ah-title {
    position: absolute;
    left: 1.45rem;
    top: 1.78rem;
}

.ah-t1 {
    font-size: 1.01rem;
    color: #fff;
    text-shadow: 0 1px .1rem rgba(0, 152, 68, 0.28);
}

.ah-t2 {
    font-size: 1.13rem;
    color: #fff;
    margin-bottom: .25rem;
    text-shadow: 0 1px .1rem rgba(0, 152, 68, 0.28);
}

.ah-t3 {
    font-size: .48rem;
    color: #fff;
    padding-left: .75rem;
    position: relative;
}

.ah-t3:before {
    content: "";
    display: block;
    width: .5rem;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
}

.ah-tip {
    font-size: .26rem;
    color: #fff;
    position: absolute;
    left: 1.45rem;
    bottom: 1.25rem;
}

.ah-small {
    width: 6.1rem;
    position: absolute;
    right: -1.38rem;
    top: 2.1rem;
}

.ah-g {
    position: relative;
}

.ah-h {
    width: 2.59rem;
    height: 3.98rem;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
}

.ah-b:after {
    content: "";
    display: block;
    width: 27px;
    height: 24px;
    /*background-image: url(../images/109.png);*/
    position: absolute;
    left: 1.1rem;
    bottom: 1.3rem;
    z-index: 1;
}

.ah-links {
    width: 100%;
    height: calc(1.3rem + 24px);
    position: absolute;
    left: 0;
    bottom: 0;
}

.ah-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.ah-link.show {
    display: block;
}

@media (max-width: 700px) {
    .ah-b {
        display: none;
    }

    .ah-c {
        width: 100%;
        height: calc(100vh - 40px);
    }

    .ah-d {
        width: 100%;
        height: 100px;
        background-color: transparent;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .ah-f {
        height: calc(100vh - 40px);
    }

    .ah-small {
        display: none;
    }

    .ah-title {
        left: 30px;
        top: 100px;
    }

    .ah-t1 {
        font-size: 30px;
    }

    .ah-t2 {
        font-size: 36px;
    }

    .ah-t3 {
        font-size: 18px;
    }

    .ah-tip {
        left: 30px;
    }

    .ah-num {
        font-size: 16px;
        bottom: 10px;
        color: #fff;

        line-height: 30px;
    }

    .ah-prev,
    .ah-next {
        bottom: 10px;
        width: 30px;
        height: 30px;
        background-size: 30px auto;
    }

    .ah-cur {
        font-size: 22px;
    }

    .ah-prev {
        margin-left: -80px;
    }

    .ah-next {
        margin-right: -80px;
    }
}

.teaser {
    /* opacity: 0; */
    transform: translate3d(0, 25%, 0);
    transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
    /* font-size: 1rem; */
}

.teaser.is-visible {
    height: 7rem;
}

.lefter {
    opacity: 0;
    transform: translate3d(-35%, 35%, 0);
    transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
}

.lefter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.righter {
    opacity: 0;
    transform: translate3d(35%, 35%, 0);
    transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
}

.righter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.downer {
    opacity: 0;
    transform: translate3d(0, -35%, 0);
    transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
}

.downer.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.lter {
    opacity: 0;
    transform: translate3d(-35%, 0, 0);
    transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
}

.lter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.rter {
    opacity: 0;
    transform: translate3d(35%, 0, 0);
    transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
}

.rter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.delay2 {
    transition-delay: 0.2s;
}

.delay4 {
    transition-delay: 0.4s;
}

.delay6 {
    transition-delay: 0.6s;
}

.delay8 {
    transition-delay: 0.8s;
}

.delay10 {
    transition-delay: 1s;
}

.rs-a{
    width: 74px;
    position: fixed;
    right: .2rem;
    top: 50%;
    transform: translate(0,-50%);
    z-index: 123456;
    opacity: 0.8;
    box-shadow: 0 4px 9px rgba(101,101,101,0.25);
}
.rs-b{
    display: block;
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #e7e7e7;
    background-color: #fff;
    transition: all .3s;
    text-align: center;
    padding-top: 15px;
    position: relative;
}
.rs-last{
    width: 100%;
    cursor: pointer;
    background-color: #fff;
    cursor: pointer;
    padding: 10px 0;
    display: block;
    text-align: center;
}
.rs-top{
    width: 30px;
}
.rs-c{
    width: 30px;
    height: 30px;
    margin-bottom: 3px;
}
.rs-c1{
    display: inline-block;
}
.rs-c2{
    display: none;
}
.rs-b:hover .rs-c1{
    display: none;
}
.rs-b:hover .rs-c2{
    display: inline-block;
}
.rs-b:hover{
    background-color: #e50010;
}
.rs-b:hover .rs-d{
    color: #fff;
}
.rs-d{
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #52595c;
}
.rs-box{
    width: 115px;
    height: 115px;
    background-color: #fff;
    box-shadow: 0 4px 9px rgba(101,101,101,0.11);
    position: absolute;
    right: 93px;
    top: 50%;
    margin-top: -57px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    border-radius: 5px;
}
.rs-box:after{
    content: "";
    display: block;
    border-left: 8px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    right: -8px;
    top: 50%;
    margin-top: -5px;
}
.rs-b:hover .rs-box{
    visibility: visible;
    opacity: 1;
}
.rs-code{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.rs-b.active .rs-box{
    visibility: visible;
    opacity: 1;
}
@media(max-width: 1200px){
    .rs-a{
        width: 40px;
        right: 0;
    }
    .rs-b{
        height: 46px;
        padding-top: 6px;
        background-color: rgba(255,255,255,0.5);
    }
    .rs-last{
        padding: 10px 0;
        background-color: rgba(255,255,255,0.5);
    }
    .rs-top{
        width: 20px;
    }
    .rs-c{
        width: 20px;
        height: 20px;
    }
    .rs-d{
        font-size: 10px;
        margin-bottom: 0;
    }
    .rs-box{
        right: 58px;
    }
}

div.pswp{
    z-index: 150000
}


.bot-space{display: none;}
.bot-a{display: none;}
@media(max-width: 500px){
    .bot-space{display: block;width: 100%;height: 16vw;}
    .bot-a{display: block;width: 100%;height: 16vw;background-color: #e60b1c;position: fixed;left: 0;bottom: 0;z-index: 100000;font-size: 0;}
    .bot-b{width: 20%;display: inline-block;vertical-align: top;text-align: center;padding-top: 2vw;}
    .bot-c{width: 8vw;height: 8vw;margin-bottom: 0.667vw;}
    .bot-d{text-align: center;font-size: 3.2vw;color: #fff;}
}

.e-b img{max-width: none;}



@media(max-width: 700px){
    .ah-f {
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #222;
    }
    .ah-title{top: 10px;}
    .ah-tip{bottom: 120px;}
}