.normal_box {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 3;
}

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

.ellipses-two {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.tac {
    text-align: center;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.cp {
    cursor: pointer;
}

.pos_re {
    position: relative;
}

.pos_ab {
    position: absolute;
}

.pc-common-ss-title {
    font-size: 10.96vw;
    font-family: hanyi-s-bold;
    font-weight: 700;
    color: #fff;
}

.pc-common-s-title {
    font-size: 2.4vw;
    font-family: hanyi-s-bold;
    color: #1a1a1a;
}

.pc-common-s-title.white {
    color: #fff;
}

.pc-common-m-title {
    font-size: 1.614vw;
    font-family: hanyi-s-bold;
    color: #1b1b1b;
}

.pc-common-mm-title {
    font-size: 1.3vw;
    font-family: hanyi-bold;
    color: #1b1b1b;
}

.pc-common-title {
    font-size: 1.875vw;
    font-family: hanyi-s-bold;
    color: #1a1a1a;
}

.pc-common-title.white {
    color: #fff;
}

.pc-common-s-txt {
    font-size: 1.25vw;
    color: rgba(77, 77, 77, 0.7);
    font-family: hanyi;
    line-height: 1.875vw;
}

.pc-common-s-txt.white {
    color: rgba(255, 255, 255, 0.7);
}

.pc-common-s-txt-sub {
    font-size: 1.25vw;
    color: #191919;
    font-family: hanyi-bold;
}

.pc-common-txt {
    font-family: hanyi-bold;
    font-size: 0.9375vw;
    color: rgba(25, 25, 25, 0.7);
}

.pc-common-txt.white {
    color: rgba(255, 255, 255, 0.7);
}

.pc-common-m-txt {
    font-family: hanyi;
    font-size: 1.09vw;
    color: rgba(27, 27, 27, 0.7);
}

.de-common-hide {
    display: none !important;
}

@keyframes toRight100 {
    0% {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@-webkit-keyframes toRight100 {
    0% {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@-moz-keyframes toRight100 {
    0% {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@-ms-keyframes toRight100 {
    0% {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes toTop100 {
    0% {
        height: 0;
    }
    to {
        height: 100%;
    }
}

@-webkit-keyframes toTop100 {
    0% {
        height: 0;
    }
    to {
        height: 100%;
    }
}

@-moz-keyframes toTop100 {
    0% {
        height: 0;
    }
    to {
        height: 100%;
    }
}

@-ms-keyframes toTop100 {
    0% {
        height: 0;
    }
    to {
        height: 100%;
    }
}

.toRight100 {
    -webkit-animation-name: toRight100;
    animation-name: toRight100;
}

.toTop100 {
    -webkit-animation-name: toTop100;
    animation-name: toTop100;
}

@media screen and (min-width: 768px) {
    .pc_show {
        display: block !important;
    }
    .wap_show {
        display: none !important;
    }
    .m5_pc {
        position: relative;
    }
    .m5_pc .m5-pc-bg {
        position: absolute;
        width: 100%;
        top: calc(100vw*500/3840);
        left: 0;
        z-index: 1;
    }
    #b1 .b1-img {
        position: absolute;
        top: calc(100vw*895/3840);
        left: calc(100vw*659/3840);
        width: calc(100vw*1136/3840);
        height: calc(100vw*447/3840);
    }
    #b2 .b2-img {
        position: absolute;
        top: calc(100vw*258/3840);
        left: 50%;
        transform: translateX(-50%);
        width: calc(100vw*1352/3840);
        height: calc(100vw*262/3840);
    }
    #b3 .b3-img {
        position: absolute;
        top: calc(100vw*760/3840);
        left: calc(100vw*722/3840);
        width: calc(100vw*874/3840);
        height: calc(100vw*318/3840);
    }
    #b3 .b3-img1 {
        position: absolute;
        top: calc(100vw*1215/3840);
        left: calc(100vw*722/3840);
        width: calc(100vw*415/3840);
        height: calc(100vw*161/3840);
    }
    #b4 {
        height: calc(100vw*2090/3840);
        background: #fff;
    }
    #b4 .b4-img {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100vw*1124/3840);
        height: calc(100vw*267/3840);
        top: calc(100vw*53/3840);
    }
    #b4 .b4-img1 {
        position: absolute;
        left: 50%;
        top: calc(100vw*471/3840);
        transform: translateX(-50%);
        width: calc(100vw*2398/3840);
        height: calc(100vw*1407/3840);
    }
    #b5 .b5-img {
        position: absolute;
        width: calc(100vw*875/3840);
        height: calc(100vw*443/3840);
        top: calc(100vw*714/3840);
        left: calc(100vw*731/3840);
    }
    #b6 .b6-img {
        position: absolute;
        top: calc(100vw*824/3840);
        right: calc(100vw*665/3840);
        width: calc(100vw*973/3840);
        /*height: calc(100vw*264/3840);*/
    }
    #b7 {
        background: #f8f8f8;
    }
    #b7 .b7-img {
        width: calc(100vw*2522/3840);
        height: calc(100vw*1433/3840);
        margin-left: calc(100vw*670/3840);
        margin-top: calc(100vw*230/3840);
    }
    #b7 .b7-img .b7-img-1 {
        position: absolute;
        top: calc(100vw*536/3840);
        left: calc(100vw*234/3840);
        width: calc(100vw*698/3840);
        height: calc(100vw*239/3840);
    }
    #b7 .b7-img1 {
        width: calc(100vw*2500/3840);
        height: calc(100vw*1280/3840);
        margin-left: calc(100vw*670/3840);
        margin-bottom: calc(100vw*217/3840);
    }
    #b7 .b7-img1 .b7-img1-1 {
        position: absolute;
        top: calc(100vw*508/3840);
        left: calc(100vw*234/3840);
        width: calc(100vw*728/3840);
        height: calc(100vw*236/3840);
    }
    #b8 .b8-img {
        width: calc(100vw*707/3840);
        height: calc(100vw*140/3840);
        margin: calc(100vw*333/3840) auto 0;
    }
    #b8 #pcSwiper {
        width: calc(100vw*2050/3840);
        height: calc(100vw*1250/3840);
        margin: calc(100vw*118/3840) auto calc(100vw*288/3840);
    }
    #b8 #pcSwiper .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    #b8 #pcSwiper .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 100%;
    }
    #b8 #pcSwiper .swiper-wrapper .swiper-slide .s-img-box {
        width: 100%;
        height: 100%;
    }
    #b8 #pcSwiper .swiper-wrapper .swiper-slide .s-img-box .s-img {
        width: 100%;
        height: 100%;
    }
    #b8 #pcSwiper .swiper-pagination-bullet {
        background-color: #FFF;
        opacity: 0.5;
    }
    #b8 #pcSwiper .swiper-pagination-bullet-active {
        background: #fff;
        opacity: 1;
    }
}

.m-common-ss-title {
    font-size: 0.83rem;
    font-family: hanyi-bold;
    color: #252525;
}

.m-common-s-title {
    font-size: 0.486rem;
    font-family: hanyi-s-bold;
    color: #1b1b1b;
}

.m-common-s-title.white {
    color: #fff;
}

.m-common-m-title {
    font-size: 0.29rem;
    font-family: hanyi-s-bold;
    color: #181818;
}

.m-common-title {
    font-size: 0.347rem;
    font-family: hanyi-s-bold;
    color: #1b1b1b;
}

.m-common-title.gray {
    color: #191919;
}

.m-common-s-txt {
    font-size: 0.2rem;
    color: rgba(27, 27, 27, 0.7);
    font-family: hanyi;
}

.m-common-s-txt.white {
    color: rgba(255, 255, 255, 0.7);
}

.m-common-txt {
    font-size: 0.25rem;
    color: rgba(77, 77, 77, 0.7);
    font-family: hanyi;
    line-height: 0.33rem;
}

.m-common-txt.white {
    color: rgba(255, 255, 255, 0.7);
}

.m-common-txt-sub {
    font-size: 0.25rem;
    color: #4d4d4d;
    font-family: hanyi-s-bold;
}

.m-common-txt-sub.opacity {
    color: #191919;
    font-family: hanyi;
}

.m-common-m-txt {
    font-size: 0.16rem;
    font-family: hanyi;
    color: #191919;
}

.m-common-m-txt.white {
    color: rgba(255, 255, 255, 0.7);
}

.m-common-m-txt-sub {
    font-size: 0.2rem;
    font-family: hanyi;
    color: rgba(24, 24, 24, 0.7);
}

@media screen and (max-width: 768px) {
    .pc_show {
        display: none !important;
    }
    .wap_show {
        display: block !important;
    }
    #mb1 .mb1-img {
        position: absolute;
        width: calc(100vw*635/1080);
        height: calc(100vw*443/1080);
        top: calc(100vw*265/1080);
        left: calc(100vw*223/1080);
    }
    #mb2 .mb2-img {
        position: absolute;
        width: calc(100vw*788/1080);
        height: calc(100vw*316/1080);
        top: calc(100vw*253/1080);
        left: calc(100vw*138/1080);
    }
    #mb3 .mb3-img {
        position: absolute;
        width: calc(100vw*816/1080);
        height: calc(100vw*310/1080);
        top: calc(100vw*239/1080);
        left: calc(100vw*135/1080);
    }
    #mb3 .mb3-img1 {
        position: absolute;
        width: calc(100vw*255/1080);
        height: calc(100vw*83/1080);
        top: calc(100vw*615/1080);
        left: calc(100vw*135/1080);
    }
    #mb4 {
        background: #fff;
        height: calc(100vw*1928/1080);
    }
    #mb4 .mb4-img {
        width: calc(100vw*690/1080);
        height: calc(100vw*413/1080);
        margin: calc(100vw*231/1080) 0 0 calc(100vw*136/1080);
    }
    #mb4 .mb4-img1 {
        width: calc(100vw*894/1080);
        height: calc(100vw*1014/1080);
        margin: calc(100vw*138/1080) 0 0 calc(100vw*93/1080);
    }
    #mb5 .mb5-img {
        position: absolute;
        top: calc(100vw*237/1080);
        left: calc(100vw*135/1080);
        width: calc(100vw*748/1080);
        height: calc(100vw*415/1080);
    }
    #mb6 .mb6-img {
        position: absolute;
        top: calc(100vw*248/1080);
        left: calc(100vw*127/1080);
        width: calc(100vw*788/1080);
        /*height: calc(100vw*315/1080);*/
    }
    #mb7 {
        background: #f8f8f8;
    }
    #mb7 .mb7-img {
        margin-top: calc(100vw*132/1080);
    }
    #mb7 .mb7-img .mb7-img-1 {
        position: absolute;
        top: calc(100vw*155/1080);
        left: calc(100vw*224/1080);
        width: calc(100vw*632/1080);
        height: calc(100vw*227/1080);
    }
    #mb7 .mb7-img1 {
        margin-top: calc(100vw*105/1080);
        width: calc(100vw*964/1080);
        height: calc(100vw*1325/1080);
        margin-left: calc(100vw*78/1080);
    }
    #mb7 .mb7-img1 .mb7-img1-1 {
        position: absolute;
        top: calc(100vw*159/1080);
        left: calc(100vw*135/1080);
        width: calc(100vw*657/1080);
        height: calc(100vw*225/1080);
    }
    #mb8 {
        background: #fff;
    }
    #mb8 .mb8-img {
        margin: calc(100vw*189/1080) auto 0;
        width: calc(100vw*688/1080);
        height: calc(100vw*135/1080);
    }
    #mb8 #phoneSwiper {
        margin: calc(100vw*119/1080) auto calc(100vw*267/1080);
        width: calc(100vw*924/1080);
        height: calc(100vw*1300/1080);
    }
    #mb8 #phoneSwiper .swiper-pagination-bullet {
        background-color: #FFF;
        opacity: 0.5;
    }
    #mb8 #phoneSwiper .swiper-pagination-bullet-active {
        background: #fff;
        opacity: 1;
    }
}