@charset "utf-8";

/* CSS Document */

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    font: normal normal 0.32rem/1 sans-serif;
    color: #000;
    background: #fff;
}

textarea,
input {
    font: normal normal 0.28rem/1.5 sans-serif;
}

img {
    display: block;
    border: none;
}

.clear:after {
    content: "";
    display: block;
    clear: both;
}

input[type=button],
input[type=submit],
input[type=file],
input[type=reset],
button {
    cursor: pointer;
    -webkit-appearance: none;
}

body,
p,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    list-style: none;
    font: normal normal 0.28rem/1.5 sans-serif;
}

button {
    font: normal normal 0.28rem/1.5 sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
}

.i100 {
    overflow: hidden;
}

.i100>img {
    width: 100%;
}

.i200 {
    overflow: hidden;
}

.i200>img {
    height: 100%;
}

.i300 {
    overflow: hidden;
}

.i300>img {
    width: 100%;
    height: 100%;
}

a>img {
    width: 100%;
}

.to1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.a1 {
    position: relative;
}

.a1>a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

input {
    border: 0;
    display: block;
    outline: none;
    background: none;
    box-sizing: border-box;
}

select {
    border: 0;
    display: block;
    outline: none;
    background: none;
    box-sizing: border-box;
}

button {
    border: 0;
    display: block;
    outline: none;
    background: none;
    box-sizing: border-box;
}

textarea {
    border: 0;
    display: block;
    outline: none;
    background: none;
    box-sizing: border-box;
    resize: none;
}

.to2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.to3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.to4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.to5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.to6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.to7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.to8 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.to9 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.to10 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.swiper-button-prev,
.swiper-button-next {
    background: none;
    margin: 0;
    padding: 0;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

.fL {
    float: left;
}

.fR {
    float: right;
}

@media only screen and (max-width: 1023px) {
    .p-index .nav {
        width: 100%;
        position: fixed;
        top: .6rem;
        left: 0;
        padding: 0 .3rem;
        z-index: 9;
        /*height:.82rem;*/
        transition: 0.5s;
    }
    /*.p-index  .nav.on1 {*/
    /*    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));*/
    /*    top: 0;*/
    /*    transition: 0.5s;*/
    /*    padding: .3rem;*/
    /*}*/
    .p-index .nav>a {
        display: block;
        width: 3.93rem;
    }
    .p-index .nav-fr {
        height: .44rem;
        position: absolute;
        top: calc(50% - 0.44rem/2);
        right: 0.3rem;
    }
    .p-index .nav-fr .nav-fr-a1 {
        width: .43rem;
        margin-right: .55rem;
        display: block;
        height: 100%;
        cursor: pointer;
    }
    .p-index .nav-fr .nav-fr-a2 {
        width: .47rem;
        display: block;
        height: 100%;
        position: relative;
        top: 0.03rem;
        cursor: pointer;
    }
    .p-index .nav-fr .nav-fr-a1 img {
        width: .42rem;
        display: inline-block;
        vertical-align: -webkit-baseline-middle;
    }
    .p-index .nav-fr .nav-fr-a2 img {
        width: .44rem;
        display: inline-block;
        vertical-align: -webkit-baseline-middle;
    }
    .p-index .head {
        width: 100%;
        height: 0;
        padding-bottom: calc(1334/750*100%);
        position: relative;
        overflow: hidden;
    }
    .p-index .head>i {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .p-index .head-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: calc(300/1334*100%) calc(30/750*100%) 0;
        z-index: 2;
    }
    .z-hd-a1 {
        font-size: .6rem;
        padding: 0 .1rem;
        color: #fff0eb;
        background: #881a16;
        height: .77rem;
        display: inline-block;
        line-height: .77rem;
        font-family: 'siyuan';
        font-weight: bolder;
        margin-bottom: .3rem;
    }
    .z-hd-a2 {
        font-size: .9rem;
        font-family: 'siyuan';
        line-height: .9rem;
        color: #fefaf9;
        font-weight: bolder;
        margin-bottom: .35rem;
    }
    .z-hd-a3 {
        width: .55rem;
        height: .07rem;
        background: #fff;
        margin-bottom: .4rem;
        margin-left: .1rem;
    }
    .z-hd-a4 {
        font-size: .54rem;
        color: #fefaf9;
        font-weight: lighter;
        line-height: .54rem;
        margin-bottom: 1.25rem;
    }
    .z-hd-a5 {
        width: 100%;
        padding-right: .3rem;
    }
    .z-hd-a5 img {
        width: calc(590/670*100%);
        display: block;
        margin: 0 auto;
    }
    .p-index-a1 {
        width: 100%;
        position: relative;
    }
    .p-index-a1 .swiper-button-next {
        width: 1.1rem;
        height: 1.1rem;
        /*background-image:url("../zmr-image/z45.png")!important;;*/
        position: absolute;
        bottom: .3rem;
        background-size: 100% 100%;
        right: 30%;
        outline: none;
    }
    .p-index-a1 .swiper-button-next::after {
        content: none;
    }
    .p-index-a1 .swiper-button-prev {
        width: 1.1rem;
        height: 1.1rem;
        /*background-image:url("../zmr-image/z44.png")!important;*/
        position: absolute;
        bottom: .3rem;
        background-size: 100% 100%;
        left: 30%;
        /*background:initial!important;*/
        outline: none;
    }
    .p-index-a1 .swiper-button-prev::after {
        content: none;
    }
    .p-index-tit {
        padding-top: .9rem;
        text-align: center;
        padding-bottom: .3rem;
    }
    .p-index-tit-a1 {
        line-height: .54rem;
        color: #333333;
        font-size: .54rem;
        font-weight: bolder;
        margin-bottom: .23rem;
    }
    .p-index-tit-a2 {
        font-size: .32rem;
        line-height: .35rem;
        color: #5e5e5e;
        font-weight: lighter;
    }
    .p-index-a1 {
        width: 100%;
        height: 12.8rem;
        overflow: hidden;
    }
    .p-index-a1 .swiper-container8 {
        width: 100%;
        height: 100%;
    }
    .p-index-a1 .swiper-container8 .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    .p-index-a1 .swiper-container8 .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .p-index-a1 .p-index-a1-bg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .p-index-a1 .swiper-container8 .swiper-wrapper .swiper-slide .p-index-a1-bg {
        width: 100%;
        height: 100%;
    }
    .p-index-a1 .p-index-a1-box {
        position: absolute;
        width: 100%;
        height: 100%;
        padding-top: 1.2rem;
        top: 0;
        left: 0;
    }
    .p-index-a1-ti1 {
        text-align: center;
        color: #333333;
        font-size: .56rem;
        font-weight: bolder;
        margin-bottom: .35rem;
    }
    .p-index-a1-ti2 {
        text-align: center;
        color: #5e5e5e;
        font-size: .3rem;
        font-weight: lighter;
        margin-bottom: .9rem;
    }
    .p-index-a1-ti3 {
        width: 100%;
        height: 2.7rem;
        margin: 0 auto .55rem;
    }
    .p-index-a1-ti3 img {
        height: 100%;
        width: auto;
        margin: 0 auto;
    }
    .p-index-a1-ti4 {
        text-align: center;
        font-size: .4rem;
        color: #2c2c2c;
        margin-bottom: 1.17rem;
    }
    .p-index-a1-ti5 {
        display: block;
        text-align: center;
        font-size: .28rem;
        line-height: .9rem;
        color: #fff;
        background: #d00d30;
        border-radius: .5rem;
        width: 2.8rem;
        height: .9rem;
        margin: 0 auto;
    }
    .p-index-a2 {
        width: 100%;
        height: 0;
        padding-bottom: calc(1056/750*100%);
        position: relative;
        overflow: hidden;
        margin-top: 0.8rem;
    }
    .p-index-a2 .swiper-container {
        width: calc(670*2/750*100%);
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .p-index-a2 .swiper-slide {
        width: 50% !important;
        height: 100% !important;
    }
    .p-index-a2-box {
        position: absolute;
        width: calc(630/670*100%);
        height: 100%;
        background: rgba(0, 0, 0, .3);
        top: 0;
        left: calc(40/670*100%);
    }
    .p-index-a2 .swiper-slide .p-index-a2-box {
        transform: scale(0.89);
        transform-origin: 0 50%;
        transition: 0.6s;
    }
    .p-index-a2 .swiper-slide-active .p-index-a2-box {
        transform: scale(1);
        transition: 0.6s;
    }
    .p-index-a2-pos {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .p-index-a2-pos .p-index-a2-pos-img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
        background: #000;
    }
    .p-index-a2-pos .p-index-a2-pos-img img {
        opacity: 0.6;
    }
    .p-index-a2-pos .p-index-a2-pos-box {
        position: absolute;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding-top: calc(400/1056*100%);
        padding-left: calc(40/630*100%);
        color: #fff;
    }
    .p-index-a2-pos-ti2 {
        font-size: .54rem;
        font-weight: bolder;
        margin-bottom: .3rem;
    }
    .p-index-a2-pos-ti3 {
        font-size: .32rem;
        font-weight: lighter;
        margin-bottom: .45rem;
    }
    .p-index-a2-pos-ti4 {
        font-size: .3rem;
        margin-bottom: .1rem;
        line-height: .7rem;
    }
    .p-index-a3 {
        position: relative;
        padding-top: .8rem;
        width: 100%;
        overflow: hidden;
    }
    .p-index-a3 .swiper-container {
        width: 100%;
        overflow: hidden;
    }
    .p-index-a3 .swiper-slide {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }
    .p-index-a3 .swiper-slide>i {
        display: block;
        width: 100%;
        height: 100%;
    }
    .p-index-a3-pos {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #fff;
        text-align: center;
    }
    .p-index-a3-t1 {
        padding-top: 1.6rem;
        font-size: .48rem;
        line-height: .48rem;
        font-weight: bolder;
        margin-bottom: .3rem;
    }
    .p-index-a3-t2 {
        font-size: 0.26rem;
        padding: 0 .9rem;
        margin-bottom: .1rem;
    }
    .p-index-a3-t3 img {
        display: block;
        margin: 0 auto .65rem;
        width: 5.5rem;
    }
    .p-index-a3-t4 {
        width: 2.82rem;
        height: 1rem;
        border-radius: .5rem;
        border: 1px solid #929292;
        font-size: .28rem;
        line-height: 1rem;
        margin: 0 auto;
    }
    .p-index-a3 .in-page {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: .6rem;
        color: #fff;
        z-index: 6;
        text-align: center;
    }
    .p-index-a3 .in-page span {
        font-family: 'rubik';
    }
    .p-index-a3 .in-page i {
        font-style: normal;
        display: inline-block;
        margin: 0 .1rem;
    }
    .p-index-a3 .in-page .in-page-ac {
        font-size: .42rem;
        font-weight: bolder;
    }
    .p-index-a3 .in-page .in-page-total {
        font-size: .26rem;
    }
    .p-index-a4 {
        width: 100%;
        overflow: hidden;
        padding: 0 .3rem;
    }
    .p-index-a4-tab {
        padding-top: .8rem;
        overflow-x: auto;
        width: 100%;
        white-space: nowrap;
        padding-bottom: .5rem;
        font-size: .32rem;
    }
    .p-index-a4-list {
        display: inline-block;
        width: calc(100% / 3);
        color: #333333;
        font-weight: bolder;
        text-align: center;
    }
    .p-index-a4-list div {
        display: inline-block;
    }
    .p-index-a4-list i {
        display: inline-block;
        width: 0;
        transition: .3s;
    }
    .p-index-a4-list.p-index-a4-list-ac {
        color: #d90029;
    }
    .p-index-a4-list.p-index-a4-list-ac i {
        width: .26rem;
        height: .05rem;
        background: #d90029;
        vertical-align: middle;
        transition: .3s;
    }
    .p-index-a4-box .swiper-container {
        width: 100%;
        height: 10.24rem;
        overflow: hidden;
        position: relative;
    }
    .p-index-a4-line {
        position: relative;
    }
    .p-index-a4-box .swiper-container .swiper-slide {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .p-index-a4-box .swiper-container .swiper-slide i {
        display: block;
        width: 100%;
        height: 10.24rem;
        overflow: hidden;
    }
    .p-index-a4-box .swiper-container .swiper-slide .p-index-a4-pos {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
    }
    .p-index-a4-pos>div {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 1.3rem;
        text-align: center;
    }
    .p-index-a4-pos .p-index-a4-t1 {
        font-size: .76rem;
        color: #fff;
        font-weight: bolder;
        margin-bottom: .4rem;
        line-height: .76rem;
    }
    .p-index-a4-pos .p-index-a4-t2 {
        color: #f0f0f0;
        font-size: .32rem;
    }
    .in-page1 {
        position: absolute;
        width: 100%;
        bottom: .38rem;
        left: 0;
        z-index: 6;
        color: #fff;
        text-align: center;
    }
    .p-index-a4-box .in-page1 span {
        font-family: 'rubik';
    }
    .p-index-a4-box .in-page1 i {
        font-style: normal;
        display: inline-block;
        margin: 0 .1rem;
    }
    .p-index-a4-box .in-page1 .in-page-ac1 {
        font-size: .42rem;
        font-weight: bolder;
    }
    .p-index-a4-box .in-page1 .in-page-total1 {
        font-size: .26rem;
    }
    .p-index-a4-box {
        position: relative;
        height: 10.2rem;
        width: 100%;
    }
    .p-index-a4-box .p-index-a4-line {
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: -1;
    }
    .p-index-a4-box .p-index-a4-line.on1 {
        opacity: 1;
        z-index: 0;
    }
    .p-index-a5 {
        position: relative;
        width: 100%;
        padding-top: 1rem;
        padding-bottom: .75rem;
    }
    .p-index-a5-line3:before {
        content: '';
        display: inline-block;
        width: .6rem;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0));
        position: absolute;
        top: 0;
        left: 0;
        z-index: 6;
    }
    .p-index-a5-line3:after {
        content: '';
        display: inline-block;
        width: .6rem;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .95));
        position: absolute;
        top: 0;
        right: 0;
        z-index: 6;
    }
    .p-index-a5-line {
        width: 100%;
        position: relative;
        overflow: hidden;
        height: 5rem;
    }
    .p-index-a5-line1 {
        width: 100%;
        /*width: 6.28rem;*/
        margin: 0 auto .1rem;
        overflow: hidden;
        /*padding: 0 .6rem;*/
        position: relative;
        height: 1.55rem;
    }
    .p-index-a5-line img {
        /*width: 2.88rem;*/
        height: auto;
        /*margin-right: .52rem;*/
        /*display: inline-block;*/
        /*float:left;*/
        margin: 1px;
        float: left;
        width: 100%;
        /*width:98px;*/
    }
    .p-index-a5-line li {
        width: 2.88rem;
        height: 1.6rem;
        float: left;
        list-style: none;
    }
    .p-index-a5-line2 {
        /*display: flex;*/
        width: 9999px;
        left: 0px;
        right: 0px;
        position: absolute;
        /*animation:move 10s linear infinite;*/
        /*-webkit-animation:move 10s linear infinite;*/
    }
    @keyframes move {
        0% {
            transform: translateX(0px);
        }
        100% {
            transform: translateX(-450px);
        }
    }
    /*@keyframes move {*/
    /*    0% {*/
    /*        transform: translateX(0)*/
    /*    }*/
    /*    to {*/
    /*        transform: translateX(-50%)*/
    /*    }*/
    /*}*/
    .p-index-a5-line3 {
        width: 100%;
        margin-bottom: .85rem;
        height: 1rem;
    }
    .p-index-a6 {
        width: 100%;
        height: 11rem;
        overflow: hidden;
        position: relative;
    }
    .p-index-a6 .p-index-a6-img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .p-index-a6-box {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 2.8rem;
        z-index: 3;
    }
    .p-index-a6-a1 {
        text-align: center;
        color: #fff;
        font-size: .6rem;
        font-weight: bolder;
        margin-bottom: 1.8rem;
    }
    .p-index-a6-a1 span {
        color: #d9012a;
    }
    .p-index-a6-a2 {
        width: 6rem;
        margin: 0 auto;
    }
    .p-index-a6-a3 {
        width: 6rem;
        height: 1rem;
        background: #fff;
        padding: 0 .3rem;
        line-height: 1rem;
    }
    .p-index-a6-a3>span {
        font-size: .32rem;
        color: #d9012a;
        font-weight: bolder;
    }
    .p-index-a6-a3>img {
        display: inline-block;
        padding-top: .33rem;
        transition: .3s;
    }
    .p-index-a6-a4 {
        background: #fff;
        color: #454545;
        padding: 0 .3rem;
        height: 2rem;
        overflow-y: auto;
        display: none;
    }
    .p-index-a6-a4 li {
        line-height: .6rem;
    }
    .p-index-a6-a3.quest-active>img {
        transform: rotate(90deg);
        transition: .3s;
        margin-top: .2rem;
    }
    .p-index-a7 {
        width: 100%;
        background-image: url("../img/zmr-image/z18.jpg")!important;
        background-size: 100% 100%;
        height: 10.88rem;
        padding: 0 .3rem;
    }
    .p-index-a7-tab {
        width: 100%;
        padding-top: .8rem;
        padding-bottom: .5rem;
    }
    .p-index-a7-tab .p-index-a7-tab-list {
        display: inline-block;
        width: calc(100% / 3);
        color: #333333;
        font-weight: bolder;
        float: left;
        font-size: .32rem;
        text-align: center;
    }
    .p-index-a7-tab-list i {
        display: inline-block;
        width: 0;
        transition: .3s;
    }
    .p-index-a7-tab-list div {
        display: inline-block;
    }
    .p-index-a7-tab-list.p-index-a7-list-ac {
        color: #d90029;
    }
    .p-index-a7-tab-list.p-index-a7-list-ac i {
        width: .26rem;
        height: .05rem;
        background: #d90029;
        vertical-align: middle;
        transition: .3s;
    }
    .p-index7-boxing1-a1 {
        width: 100%;
        height: 0;
        padding-bottom: calc(695/670*100%);
        position: relative;
        overflow: hidden;
    }
    .p-index7-boxing1-a1 .newsBox {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        z-index: 0;
        transition: 0.5s;
        background: #fff;
    }
    .p-index7-boxing1-a1 .newsBox.on1 {
        opacity: 1;
        z-index: 1;
        transition: 0.5s;
    }
    .p-index7-boxing1-a1 .swiper-container {
        width: 100%!important;
        height: 100%!important;
        position: relative;
    }
    .p-index7-boxing1-a1 .swiper-container .swiper-slide {
        width: 100%!important;
        height: 100%!important;
        position: relative;
    }
    .p-index7-boxing1-a1 .swiper-container .swiper-slide>a:last-child {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
    }
    .p-index-a7-box {
        width: 100%;
        height: 0;
        padding-bottom: calc(384/670*100%);
        position: relative;
        overflow: hidden;
    }
    .p-index-a7-box div {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .p-index-a7-box div img {
        width: 100%;
        min-height: 100%;
    }
    .p-index-a7-lin1 {
        width: calc(610/670*100%);
        position: absolute;
        top: calc(424/695*100%);
        left: calc(30/670*100%);
    }
    .p-index-a7-lin1 .to1 {
        font-size: .36rem;
        line-height: 0.48rem;
        color: #454545;
        margin-bottom: .23rem;
        font-weight: bolder;
    }
    .p-index-a7-lin2 {
        color: #b8b8b8;
        font-size: .2rem;
    }
    .p-index-a7-lin2 span {
        font-family: 'rubik';
        font-size: .32rem;
        font-weight: bolder;
        margin-right: .06rem;
    }
    .p-index-a7-more {
        display: block;
        width: 2.86rem;
        height: .9rem;
        border-radius: .5rem;
        color: #d0111b;
        border: 1px solid #d0111b;
        line-height: .9rem;
        font-size: .28rem;
        text-align: center;
        position: absolute;
        bottom: 0;
        left: calc(50% - 2.86rem/2);
    }
    .p-index-a8 {
        width: 100%;
    }
    .p-index-a8 .swiper-container7 {
        width: 100%;
        overflow: hidden;
        padding-top: .8rem;
    }
    .p-index-a8 .swiper-container7 .swiper-slide {
        transform: scale(0.9);
        width: 5.97rem !important;
        height: 3.77rem !important;
    }
    .p-index-a8 .swiper-container7 .swiper-slide a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .p-index-a8 .swiper-container7 .swiper-slide-active,
    .swiper-slide-duplicate-active {
        transform: scale(1.05);
    }
    .p-index-a9 {
        background: #d9012a;
        margin-top: .8rem;
        padding: .5rem 0;
        text-align: center;
    }
    .p-index-a9-ti1 {
        font-size: .48rem;
        color: #ffffff;
        font-weight: bolder;
        line-height: .48rem;
        margin-bottom: .3rem;
    }
    .p-index-a9-ti2 {
        font-size: .24rem;
        color: #fff;
        margin-bottom: .7rem;
        font-weight: lighter;
    }
    .p-index-a9 a {
        display: block;
        width: 4.8rem;
        height: .77rem;
        background: #fff;
        color: #d90029;
        font-size: .28rem;
        margin: 0 auto;
        line-height: .77rem;
        font-weight: bolder;
    }
    .p-index-a10 {
        width: 100%;
        height: 9.8rem;
        overflow: hidden;
        position: relative;
    }
    .p-index-a10>i {
        display: block;
        width: 100%;
        height: 100%;
    }
    .p-index-a10-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: .97rem;
    }
    .p-index-a10-ti1 {
        font-size: .36rem;
        color: rgba(255, 255, 255, .42);
        text-align: center;
        font-style: italic;
        line-height: .36rem;
        margin-bottom: .2rem;
    }
    .p-index-a10-ti2 {
        font-size: .48rem;
        color: #fff;
        text-align: center;
        font-weight: bolder;
        line-height: .48rem;
        margin-bottom: .35rem;
    }
    .p-index-a10-ti3 {
        font-size: .24rem;
        color: #fff;
        text-align: center;
        font-weight: lighter;
        margin-bottom: 1rem;
        line-height: .24rem;
    }
    .p-index-a10-ti4 {
        width: .66rem;
        height: .66rem;
        margin: 0 auto .25rem;
    }
    .p-index-a10-ti5 {
        text-align: center;
        color: #fff;
        font-size: .24rem;
        margin-bottom: .4rem;
    }
    .p-index-a10-ti6 {
        color: #ffffff;
        text-align: center;
        font-family: 'bigcaslon';
        font-size: .48rem;
        font-weight: bolder;
        margin-bottom: .6rem;
        letter-spacing: .06rem;
    }
    .p-bot {
        background: #1e1e1e;
        padding-top: .98rem;
        padding-bottom: .68rem;
        position: relative;
        z-index: 5;
    }
    .p-bot-a1 {
        display: flex;
        justify-content: center;
        padding-bottom: 1.15rem;
    }
    .p-bot-a1 .p-bot-a1-list img:first-child {
        width: .46rem;
    }
    .p-bot-a1 .p-bot-a1-list:nth-child(3) img:first-child {
        width: .36rem;
    }
    .p-bot-a1-list {
        margin-right: .7rem;
        position: relative;
        z-index: 5;
    }
    .p-bot-a1-list:last-child {
        margin-right: 0;
    }
    .p-bot-a1-list img:last-child {
        width: 2.4rem;
        height: 2.4rem;
        position: absolute;
        bottom: 110%;
        left: calc(50% - 2.4rem/2);
        transform: scale(0);
        opacity: 0;
        transition: 0.5s;
    }
    .p-bot-a1-list:hover img:last-child {
        transform: scale(1);
        opacity: 1;
        transition: 0.5s;
    }
    .p-bot-a2 {
        color: #777777;
        font-size: .28rem;
        text-align: center;
        border-bottom: .01rem solid rgba(255, 255, 255, .1);
        padding-bottom: .5rem;
        margin-bottom: .3rem;
    }
    .p-bot-a2 a:first-child {
        margin-right: .52rem;
    }
    .p-bot-a3 {
        font-size: .22rem;
        color: #656565;
        text-align: center;
        margin-bottom: .25rem;
    }
    .p-bot-a4 {
        font-size: .22rem;
        color: #656565;
        text-align: center;
    }
    .p-bot-a4 img {
        display: inline-block;
        margin-right: .06rem;
    }
}


/*公共下拉菜单*/

@media only screen and (max-width: 1023px) {
    .p-popup {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #d9012a;
        z-index: 99;
        overflow-y: auto;
        display: none;
        padding: .52rem .3rem;
    }
    .p-popup-a1 {
        width: 100%;
        height: .8rem;
        margin-bottom: .9rem;
    }
    .p-popup-a1>a {
        display: inline-block;
        height: .8rem;
        width: 4.39rem;
    }
    .p-popup-a1>i {
        display: inline-block;
        height: .8rem;
    }
    .p-popup-nav-list {
        margin-bottom: .65rem;
    }
    .p-popup-nav-list-a1 {
        width: 100%;
    }
    .p-popup-nav-list-a1>.fL {
        width: 1.06rem;
    }
    .p-popup-nav-list-a1>.fL img {
        width: .8rem;
    }
    .p-popup-nav-list-a1>.fR {
        width: calc(100% - 1.06rem);
    }
    .p-popup-nav-list-a1>.fR a {
        font-size: .36rem;
        color: #fff;
        font-weight: bolder;
        line-height: .8rem;
    }
    .p-popup-nav-list-a1>.fR img.p-popup-nav-img2 {
        display: none;
    }
    .p-popup-nav-img1 {
        display: inline-block;
        width: .25rem;
        height: .4rem;
        position: relative;
        top: 0.2rem;
    }
    .p-popup-nav-list-a1.p-on1 .fR img.p-popup-nav-img1 {
        display: none;
    }
    .p-popup-nav-list-a1.p-on1 .fR img.p-popup-nav-img2 {
        display: inline-block;
        width: .36rem;
        padding-top: .28rem;
    }
    .p-popup-nav-list-a2 {
        display: none;
        width: 100%;
        padding-left: 1.06rem;
        padding-top: .5rem;
    }
    .p-popup-nav-list-a2 li {
        font-size: .3rem;
        line-height: .3rem;
        margin-bottom: .4rem;
        color: #fff;
    }
    .p-popup-nav-list-a2 li:last-child {
        margin-bottom: 0;
    }
    .p-popup-logo {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 6.14rem;
    }
    .p-popup-nav {
        position: relative;
        z-index: 2;
    }
    .p-popup-code {
        position: relative;
        z-index: 2;
    }
    .p-popup-code-a1 {
        color: #fff;
        font-size: .26rem;
        font-weight: bolder;
        text-align: center;
        margin-bottom: .2rem;
    }
    .p-popup-code-a2 {
        width: 60%;
        margin: 0 auto;
    }
    .p-popup-code-a2-list {
        width: calc(100% / 4);
        position: relative;
    }
    .p-popup-code-a2-list img {
        margin: 0 auto;
    }
    .p-popup-code-a2 .p-popup-code-a2-list img:nth-child(1) {
        margin-bottom: .2rem;
    }
    .p-popup-code-a2 .p-popup-code-a2-list:nth-child(1) img:nth-child(1) {
        width: .48rem;
    }
    .p-popup-code-a2 .p-popup-code-a2-list:nth-child(2) img:nth-child(1) {
        width: .52rem;
    }
    .p-popup-code-a2 .p-popup-code-a2-list:nth-child(3) img:nth-child(1) {
        width: .36rem;
    }
    .p-popup-code-a2 .p-popup-code-a2-list:nth-child(4) img:nth-child(1) {
        width: .52rem;
    }
    .p-popup-code-a2-list img:last-child {
        width: 2.4rem;
        height: 2.4rem;
        transform: scale(0);
        opacity: 0;
        transition: 0.5s;
        position: absolute;
        bottom: 110%;
        left: calc(50% - 2.4rem/2);
    }
    .p-popup-code-a2-list:hover img:last-child {
        transform: scale(1);
        opacity: 1;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1023px) {
    .p-index .p-bai-nav {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        padding: .2rem .3rem;
        z-index: 10;
        display: none;
        transition: 0.5s;
        background: #fff;
    }
    .p-index .p-bai-nav>a {
        display: block;
        height: 0.7rem;
    }
    .p-index .p-bai-nav>a img {
        height: 100%;
        width: auto;
    }
    .p-index .nav.phone-on1 {
        opacity: 0;
        transition: .5s;
    }
}

@media only screen and (max-width: 1023px) {
    .right1-a1 {
        width: 2.1rem;
        position: fixed;
        bottom: .5rem;
        right: -.7rem;
        z-index: 7;
        transition: 0.5s;
        /* display: none; */
    }
    .right1-a2 {
        width: 1.8rem;
        height: 2.28rem;
        overflow: hidden;
        transform: rotate(-30deg);
        transition: 0.5s;
    }
    .right1-a2 div {
        width: 2.5rem;
        height: 2.64rem;
        position: absolute;
        top: -.22rem;
        left: -.22rem;
    }
    .right1-a3 {
        display: none;
    }
    .right1-c1 {
        width: 1rem;
        height: 1rem;
        position: fixed;
        bottom: 2.5rem;
        right: .1rem;
        z-index: 7;
        border-radius: 50%;
        /* display: none; */
        cursor: pointer;
    }
    .right1-c2 {
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 50%;
        transition: 0.5s;
    }
    .right1-c3 {
        width: .16rem;
        height: .16rem;
        border-radius: 50%;
        background: #aaacaf;
        position: absolute;
        transition: 0.5s;
    }
    .right1-c3:nth-child(1) {
        top: calc(50% - .3rem);
        left: calc(50% - .3rem);
    }
    .right1-c3:nth-child(2) {
        top: calc(50% - .3rem);
        left: calc(50% + .1rem);
    }
    .right1-c3:nth-child(3) {
        top: calc(50% + .1rem);
        left: calc(50% - .3rem);
    }
    .right1-c3:nth-child(4) {
        top: calc(50% + .1rem);
        left: calc(50% + .1rem);
    }
    .right1-b2:hover .right1-b3 {
        width: 2.6rem;
        transition: 0.5s;
    }
    .right1-c4 {
        width: 1.02rem;
        height: 4.4rem;
        position: absolute;
        top: -4.6rem;
        left: calc(50% - 1.02rem/2);
        transition: 0.5s;
        transform: scale(0);
        opacity: 0;
    }
    .right1-c1.on1 .right1-c4 {
        transition: 0.5s;
        transform: scale(1);
        opacity: 1;
    }
    .right1-b1 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .right1-b2 {
        width: 100%;
        height: 25%;
        position: relative;
        cursor: pointer;
        background: #d9012a;
    }
    /*.right1-b2:first-child {
        border-radius: 25px 25px 0 0;
    }*/
    .right1-b3 {
        width: 0;
        height: 100%;
        position: absolute;
        top: 0;
        right: 100%;
        overflow: hidden;
        background: #d9012a;
        font-size: 13px;
        line-height: 50px;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        transition: 0.5s;
    }
    .right1-b4 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .right1-b4 img {
        max-width: 26px;
        max-height: 24px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .right1-b2:last-child {
        border-radius: 0 0 25px 0;
    }
    .right1-b3 {
        border-radius: 0 0 0 30px;
    }
}

@media only screen and (max-width: 1023px) {
    .zzj-pc {
        display: none;
    }
    .zmr-phone {
        display: block;
    }
    .p-index.zmr-phone {
        width: 100%;
        padding-bottom: calc(1334/750*100%);
        position: relative;
    }
    .p-index .head{position: absolute;top: 0;left: 0;display: none;}
}

@media only screen and (min-width: 1024px) {
    .zzj-pc {
        display: block;
    }
    .zmr-phone {
        display: none;
    }
}