* {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
}

html,
body {
    position: relative;
    /*height: 100%;*/
    height: 168rem;
    font-family: "Microsoft YaHei";
    -webkit-text-size-adjust: 100% !important;
}

body {
    width: 77.625rem;
    margin: 0 auto;
}
a {
    text-decoration: none;
}

@keyframes boatMove {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-0.625rem);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(0.625rem);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes gradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

@keyframes rollIn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes btnScale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes arrowLeftMove {
    0% {
        transform: translateX(0.625rem);
    }
    50% {
        transform: translateX(-0.625rem);
    }
    100% {
        transform: translateX(0.625rem);
    }
}

@keyframes arrowRightMove {
    0% {
        transform: translateX(-0.625rem);
    }
    50% {
        transform: translateX(0.625rem);
    }
    100% {
        transform: translateX(-0.625rem);
    }
}


.pauseBtn {
}

.playBtn {
    -webkit-animation: rollIn 10s linear infinite;
    animation: rollIn 10s linear infinite;
}

.hide {
    display: none;
}

.p_state {
    width: 5.875rem;
    height: 5.875rem;
    background-image: url("../image/m_play.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: 1.875rem;
    right: 1.875rem;
    position: fixed;
    z-index: 99;
}

.loading-page {
    padding: 0;
    z-index: 999;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../image/loading-bg.jpg");
}

.loading-txt {
    margin-top: 5rem;
    color: #8D2D03;
    font-size: 3.4375rem;
    font-weight: bold;
}

.loading,
.loading > div {
    position: relative;
    box-sizing: border-box;
}

.loading {
    display: block;
    font-size: 0;
    /*color: #000;*/
}

.loading.la-dark {
    /*color: #333;*/
}

.loading > div {
    display: inline-block;
    float: none;
    border: 0 solid currentColor;
}

.loading {
    width: 25rem;
    /*height: 1.125rem;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.loading > div {
    /*width: 0.625rem;*/
    /*height: 0.625rem;*/
    /*margin: 0.25rem;*/
    /*border-radius: 100%;*/
    opacity: 0;
    animation: ball-fall 1s ease-in-out infinite;
}

.loading-1 {
    width: 5.75rem;
    height: 7.4375rem;
    background-image: url("../image/loading-1.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

.loading-2 {
    width: 8.3125rem;
    height: 7.375rem;
    background-image: url("../image/loading-2.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.loading-3 {
    width: 9rem;
    height: 5.5rem;
    background-image: url("../image/loading-3.png");
    background-size: 100%;
    background-repeat: no-repeat;
}


.loading > div:nth-child(1) {
    animation-delay: -200ms;
}

.loading > div:nth-child(2) {
    animation-delay: -100ms;
}

.loading > div:nth-child(3) {
    animation-delay: 0ms;
}

@keyframes layer-move {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(0.3125rem);
    }
    50% {
        transform: translateX(0);
    }
    75% {
        transform: translateX(-0.3125rem);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes layer-move-2 {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-0.3125rem);
    }
    50% {
        transform: translateX(0);
    }
    75% {
        transform: translateX(0.3125rem);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes layer-move-up {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-1.25rem);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(1.25rem);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes layer-move-down {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(1.25rem);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-1.25rem);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes ball-fall {
    0% {
        opacity: 0;
        transform: translateY(145%);
    }
    10% {
        opacity: 0.5;
    }

    20% {
        opacity: 1;
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        transform: translateY(0);
    }

    90% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
        transform: translateY(-145%);
    }
}

#outContainer {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

#outContainer .swiper-wrapper {
}

.swiper-slide {
    overflow: hidden;
}

#outContainer .swiper-slide,
#outContainer .swiper-slide .slide-wrap{
    width: 100%;
    height: 100%;
    position: relative;
}

.firstAni {
    visibility: hidden;
}

.slide-home .slide-wrap{
    /*background: rgb(205,200,155);*/
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url("../image/home-bg2.min.gif");
    font-size: 0;
    padding-top: 13.75rem;
    box-sizing: border-box;
    position: relative;
}
.home-title {
    width: 34.0625rem;
    height: 49.75rem;
    /*background-size: 100%;*/
    /*background-repeat: no-repeat;*/
    /*background-image: url("../image/home-title.png");*/
    display: block;
    margin: 0 auto;
}
.home-enter {
    width: 27.9375rem;
    height: 11.25rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../image/home-enter.png");
    margin: 68.75rem auto 0;
    cursor: pointer;
    position: relative;
    z-index: 5;
}
.home-boat {
    width: 28.3125rem;
    height: 13.875rem;
    position: absolute;
    top: 111.25rem;
    right: 20.625rem;
    z-index: 4;
    /*transform: translateX(0) translateY(0);*/

    /*transition: transform 2s ease-in-out;*/
}
.home-boat-move {
    -webkit-animation: boatMove 2s ease-in-out infinite;
    animation: boatMove 2s ease-in-out infinite;
    animation-duration: 2s!important;
    /*transform: translateX(-26.75rem) translateY(-11.125rem);*/
}
.home-logo {
    width: 40.9375rem;
    height: 3.4375rem;
    margin: 0 auto;
    display: block;
}
.slide-intro .slide-wrap{
    /*background: rgb(91,84,66);*/
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url("../image/catalog-bg.jpg");
    font-size: 0;
    padding-top: 21.875rem;
    box-sizing: border-box;
    position: relative;
}

.slide-content .slide-wrap{
}
.intro-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url("../image/intro-bg.jpg");
    z-index: 9;
    box-sizing: border-box;
    padding-top: 25.4375rem;
}
.intro-container {
    width: 77.625rem;
    height: 135rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../image/intro-content-bg.png");
    position: relative;
    box-sizing: border-box;
    padding-top: 9.0625rem;
}
.intro-container p {
    color: #734d1c;
    font-size: 3.75rem;
    line-height: 6.25rem;
    text-indent: 2em;
    text-align: left;
    margin-block-start: 0;
    margin-block-end: 0;
    margin: 1.25rem auto;
}
.intro-container .placeholder {
    width: 100%;
    height: 18.75rem;
}
.iScrollLoneScrollbar {
    width: 1.375rem!important;
    background: transparent;
    overflow-x: visible!important;
    position: relative;
}
.iScrollLoneScrollbar:after {
    content: " ";
    width: 0.5rem;
    border-radius: 0.5rem;
    height: 100%;
    position: absolute;
    background: #653d2b;
    top: 0;
    left: 0.4375rem;
}
.iScrollIndicator {
    width: 1.375rem!important;
    border-radius: 1.375rem!important;
    background: #9a752f!important;
    z-index: 9;
}
.intro-title {
    width: 40.375rem;
    height: 9.4375rem;
    display: block;
    margin: 0 auto;
}

.intro-content {
    width: 62.5rem;
    height: 68.75rem;
    margin: 3.125rem auto 0;
    overflow: hidden;
    position: relative;
    padding-right: 1.25rem;
}

.intro-close {
    width: 27.9375rem;
    height: 11.25rem;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    background-image: url("../image/intro-start.png");
    position: absolute;
    bottom: 3.125rem;
    left: 25rem;
    -webkit-animation: btnScale 1s ease-in infinite;
    animation: btnScale 1s ease-in infinite;
}

.catalog-swiper-wrap {
    width: 77.625rem;
    height: 123.25rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("../image/catalog-swiper-bg.png");
    position: relative;
    box-sizing: border-box;
    padding-top: 17.5rem;
    opacity: 0;
}
.catalog-title {
    width: 61.3125rem;
    height: 9.4375rem;
    position: absolute;
    top: 2.1875rem;
    left: 50%;
    margin-left: -30.625rem;
}


#catalogContainer {
    width: 61.25rem;
    height: 65rem;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    /*margin-top: 31.25rem;*/
}
#catalogContainer .swiper-wrapper {
    height: 100%;
    padding-top: 6.25rem;
}
#catalogContainer .swiper-slide {
    /*width: 14.875rem;*/
    /*height: 64.9375rem;*/
    width: 8.8125rem;
    box-sizing: border-box;
    position: relative;
    padding-top: 6.3125rem;
    transition: all 0.4s;
    overflow-x: visible;
    overflow-y: visible;
    /*padding: 1.25rem 0.625rem;*/
}

#catalogContainer .swiper-slide-active{
    /*transform: scale(1.64);*/
    /*padding-top: 9.375rem;*/
    /*width: 14.875rem;*/
    /*height: 64.9375rem;*/
}

#catalogContainer .swiper-slide.viewed .catalog-text {
    filter: grayscale(60%);
}

#catalogContainer .catalog-text {
    /*position: absolute;*/
    /*top: 12.6875rem;*/
    /*left: 1.875rem;*/
    margin: 0 auto;
    width: 8.8125rem;
    height: 39.5rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("../image/catalog-normal.png");
    box-sizing: border-box;
    padding-left: 1.25rem;
    transition: all 0.4s;
}
#catalogContainer .swiper-slide-active .catalog-text {
    transform: translateX(0) translateY(0) scaleX(1.64) scaleY(1.64);
    background-image: url("../image/catalog-selected.png");
}

#catalogContainer .text {
    writing-mode:vertical-lr;
    margin: 0 auto;
    color: #633f24;
    font-size: 3.4375rem;
    line-height: 5.875rem;
    transition: all 0.4s;
    transform: translateX(-0.5625rem) translateY(7.375rem);
}
#catalogContainer .swiper-slide-active .text {
    transform: translateX(-0.5625rem) translateY(5.375rem);
}
.catalog-next,
.catalog-prev {
    width: 2.9375rem;
    height: 5.3125rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 45.625rem;
}
.catalog-next {
    background-image: url("../image/catalog-next.png");
    right: 3.125rem;
    -webkit-animation: arrowRightMove 1s linear infinite;
    animation: arrowRightMove 1s linear infinite;
}
.catalog-prev {
    background-image: url("../image/catalog-prev.png");
    left: 3.125rem;
    -webkit-animation: arrowLeftMove 1s linear infinite;
    animation: arrowLeftMove 1s linear infinite;
}

.catalog-scroll {
    width: 77.625rem;
    height: 31.6875rem;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("../image/catalog-scroll.min.gif");
    position: relative;

    /*width: 77.625rem;*/
    /*height: 168rem;*/
    /*display: block;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*z-index: 4;*/
}
.catalog-scroll-down {
    width: 77.625rem;
    height: 25.25rem;
    position: absolute;
    left: 0;
    bottom: 0;
}

.catalog-confirm {
    width: 27.9375rem;
    height: 11.25rem;
    display: block;
    margin: 0rem auto 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("../image/catalog-confirm.png");
    -webkit-animation: btnScale 1s ease-in infinite;
    animation: btnScale 1s ease-in infinite;
    z-index: 5;
}


.detail-wrap {
    width: 100%;
    /*height: 100%;*/
    /*width: 1px;*/
    height: 0;
    position: absolute;
    /*left: 0;*/
    /*top: 0;*/
    color: #ffffff;
    font-weight: bold;
    font-size: 1.125rem;
    overflow: hidden;
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    box-sizing: border-box;
    /*opacity: 0;*/
}
.detail-wrap.active {
    /*width: 100%;*/
    height: 100%;
    padding-top: 28.9375rem;
    position: relative;
    /*opacity: 1;*/
}

.layer1 {
    z-index: 1;
    position: absolute;

}

.layer2 {
    z-index: 2;
    position: absolute;
    /*animation-delay: -1000ms;*/
}

.layer3 {
    z-index: 3;
    position: absolute;
}

.detail-wrap-0 {
    background-image: url("../image/detail-0-bg.jpg");
}
.detail-wrap-1 {
    background-image: url("../image/detail-1-bg.gif");
}
.detail-wrap-2 {
    background-image: url("../image/detail-2-bg.jpg");
}
.detail-wrap-3 {
    /*background-image: url("../image/detail-3-bg.jpg");*/
    background: -webkit-linear-gradient(225deg, #ed6574, #fadc58, #ed6574, #fadc58, #db93e6, #fadc58, #ed6574);
    background: linear-gradient(-135deg, #ed6574, #fadc58, #ed6574, #fadc58, #db93e6, #fadc58, #ed6574);
    /*background: linear-gradient(-135deg,#ed6674,#fade57);*/
    background-size: 300% 300%;
    -webkit-animation: gradient 8s ease infinite;
    animation: gradient 8s ease infinite;
}
.detail-wrap-4 {
    background-image: url("../image/detail-4-bg.jpg");
}
.detail-wrap-5 {
    background-image: url("../image/detail-5-bg.jpg");
}
.detail-wrap-6 {
    /*background-image: url("../image/detail-6-bg.jpg");*/
    background-image: url("../image/detail-6-bg.min.gif");
}

.detail-wrap-0 .layer1 {
    width: 77.625rem;
    height: 38.75rem;
    left: 0;
    bottom: 0;
    animation: layer-move 1s linear infinite;
}
.detail-wrap-0 .layer2 {
    width: 75.875rem;
    height: 16.5625rem;
    left: 1.8125rem;
    bottom: 22.8125rem;
    animation: layer-move-2 1s linear infinite;
}
.detail-wrap-0 .layer3 {
    width: 77.625rem;
    height: 35.9375rem;
    right: 0;
    bottom: 0;
    animation: layer-move 1s linear infinite;
}

.detail-wrap-1 .layer1 {
    width: 77.625rem;
    height: 54.25rem;
    left: 0;
    top: 0;
    animation: layer-move-down 2s linear infinite;
}

.detail-wrap-2 .layer1 {
    width: 77.625rem;
    height: 58.3125rem;
    left: 0;
    bottom: 0;
    animation: layer-move 1s linear infinite;
}
.detail-wrap-2 .layer2 {
    width: 73rem;
    height: 43.625rem;
    left: 0;
    bottom: 19.8125rem;
    animation: layer-move-2 1s linear infinite;
}
.detail-wrap-2 .layer3 {
    width: 77.625rem;
    height: 36.5625rem;
    left: 0;
    bottom: 0;
    animation: layer-move 1s linear infinite;
}

.detail-wrap-3 .layer1 {
    width: 77.625rem;
    height: 106.25rem;
    left: 0;
    bottom: 0;
}
.detail-wrap-3 .layer2 {
    width: 17.5rem;
    height: 18rem;
    left: 0;
    top: 0;
}
.detail-wrap-3 .layer3 {
    width: 11.9375rem;
    height: 6.4375rem;
    right: 0;
    top: 0;
}
.detail-wrap-4 .layer1 {
    width: 77.625rem;
    height: 20.875rem;
    top: 37.5rem;
    left: 0;
    animation: layer-move-2 1s linear infinite;
}
.detail-wrap-4 .layer2 {
    width: 77.625rem;
    height: 21.3125rem;
    top: 37.5rem;
    left: 0;
    animation: layer-move 1s linear infinite;
}
.detail-wrap-4 .layer3 {
    width: 77.625rem;
    height: 22.625rem;
    bottom: 0;
    left: 0;
    animation: layer-move-2 1s linear infinite;
}

.detail-wrap-5 .layer1 {
    width: 62.3125rem;
    height: 16.25rem;
    top: 36.875rem;
    left: 8rem;
}
.detail-wrap-5 .layer2 {
    width: 77.625rem;
    height: 71rem;
    bottom: 0;
    left: 0;
    animation: layer-move-up 1s linear infinite;
}

.detail-wrap-6 .layer1 {
    width: 77.625rem;
    height: 61.125rem;
    top: 0;
    left: 0;
    animation: layer-move-down 2s linear infinite;
}

.detail-wrap-6 .layer2 {
    width: 77.625rem;
    height: 43.0625rem;
    bottom: 0;
    left: 0;
    animation: layer-move-up 2s linear infinite;
}

.detail-wrap-6 .layer3 {
    width: 77.625rem;
    height: 168rem;
    bottom: 0;
    left: 0;
    /*background: linear-gradient(-135deg,*/
    /*rgba(255,255,255,0),*/
    /*rgba(255,255,255,0.4),*/
    /*rgba(255,255,255,0),*/
    /*rgba(255,255,255,0.4),*/
    /*rgba(255,255,255,0)*/
    /*);*/
    background: linear-gradient(-135deg,
    rgba(0,0,0,0),
    rgba(0,0,0,0.4),
    rgba(0,0,0,0),
    rgba(0,0,0,0.4),
    rgba(0,0,0,0)
    );

    /*background: linear-gradient(-135deg,#ed6674,#fade57);*/
    background-size: 800% 800%;
    -webkit-animation: gradient 4s ease infinite;
    animation: gradient 4s ease infinite;
}

.detail-wrap .back {
    width: 23.5rem;
    height: 6.6875rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /*background-image: url("../image/back-btn.png");*/
    position: absolute;
    left: 0;
    top: 19.625rem;
    cursor: pointer;
    z-index: 4;
}
.detail-wrap-0 .back {
    background-image: url("../image/detail-0-back.png");
}
.detail-wrap-1 .back {
    background-image: url("../image/detail-1-back.png");
}
.detail-wrap-2 .back {
    background-image: url("../image/detail-2-back.png");
}
.detail-wrap-3 .back {
    background-image: url("../image/detail-3-back.png");
}
.detail-wrap-4 .back {
    background-image: url("../image/detail-4-back.png");
}
.detail-wrap-5 .back {
    background-image: url("../image/detail-5-back.png");
}
.detail-wrap-6 .back {
    background-image: url("../image/detail-6-back.png");
}


.detail-wrap .subtitle {
    width: 11.3125rem;
    height: 16.4375rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: 3.75rem;
    top: 12.375rem;
    z-index: 4;
}

.detail-wrap-0 .subtitle {
    background-image: url("../image/detail-0-subtitle.png");
}
.detail-wrap-1 .subtitle {
    background-image: url("../image/detail-1-subtitle.png");
}
.detail-wrap-2 .subtitle {
    background-image: url("../image/detail-2-subtitle.png");
}
.detail-wrap-3 .subtitle {
    background-image: url("../image/detail-3-subtitle.png");
}
.detail-wrap-4 .subtitle {
    background-image: url("../image/detail-4-subtitle.png");
}
.detail-wrap-5 .subtitle {
    background-image: url("../image/detail-5-subtitle.png");
}
.detail-wrap-6 .subtitle {
    background-image: url("../image/detail-6-subtitle.png");
}
.detail-wrap .logo-1 {
    width: 24.5rem;
    height: 7.4375rem;
    margin: 0 auto 3.75rem;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("../image/caexpo-logo-1.png");
    position: relative;
    z-index: 4;
}
.detail-wrap .logo-2 {
    width: 24.3125rem;
    height: 7.0625rem;
    margin: 0 auto 3.75rem;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("../image/caexpo-logo-2.png");
}
.detail-wrap .title {
    width: 53rem;
    height: 7.0625rem;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0 auto 3.3125rem;
    position: relative;
    z-index: 4;
}
.detail-wrap-0 .title {
    background-image: url("../image/detail-0-title.png");
    height: 7.0625rem;
}
.detail-wrap-1 .title {
    background-image: url("../image/detail-1-title.png");
    height: 8.3125rem;
}
.detail-wrap-2 .title {
    background-image: url("../image/detail-2-title.png");
    height: 7.1875rem;
}
.detail-wrap-3 .title {
    background-image: url("../image/detail-3-title.png");
    height: 8.25rem;
}
.detail-wrap-4 .title {
    background-image: url("../image/detail-4-title.png");
    height: 9.4375rem;
}
.detail-wrap-5 .title {
    background-image: url("../image/detail-5-title.png?v=1");
    height: 8.1875rem;
}
.detail-wrap-6 .title {
    background-image: url("../image/detail-6-title.png");
    height: 8.25rem;
}



.swiper-slide {
    text-align: center;
}

#swiperContainer2,
#swiperContainer3
{
    width: 74.6875rem;
    height: 75.125rem;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("../image/detail-2-slide-bg.png");
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding-top: 3.875rem;
    z-index: 4;
}

#swiperContainer3 {
    width: 76.8125rem;
    height: 76.4375rem;
    background-image: url("../image/detail-3-slide-bg.png");
    padding-top: 4.6875rem;
}

#swiperContainer2 ._swiper-wrapper,
#swiperContainer3 ._swiper-wrapper {
    width: 69.875rem;
    margin: 0 auto;
}

#swiperContainer2 ._swiper-wrapper img,
#swiperContainer3 ._swiper-wrapper img {
    width: 69.875rem;
    height: 52.4375rem;
    object-fit: cover;
}

#swiperContainer3 ._swiper-wrapper img{
    width: 72.1875rem;
    height: 54.1875rem;
}

#swiperContainer2 ._swiper-wrapper .slide-title,
#swiperContainer3 ._swiper-wrapper .slide-title{
    width: 69.875rem;
    color: #482f1b;
    font-size: 3.125rem;
    line-height: 4rem;
    text-align: left;
    margin: 2.5rem auto 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#swiperContainer3 ._swiper-wrapper .slide-title {
    color: #d35017;
}

#swiperContainer2Thumb,
#swiperContainer3Thumb {
    width: 100%;
    background: rgba(87,75,58,0.88);
    height: 19.875rem;
    margin: 3.4375rem auto 0;
    padding-top: 3rem;
    box-sizing: border-box;
    position: relative;
    z-index: 4;
}
#swiperContainer3Thumb {
    background: rgba(236,214,159,0.33);
}
#swiperContainer2Thumb ._swiper-wrapper,
#swiperContainer3Thumb ._swiper-wrapper{
    /*width: 68.75rem;*/
    width: 61.5625rem;
    margin: 0 auto;
}
#swiperContainer2Thumb .swiper-slide,
#swiperContainer3Thumb .swiper-slide {
    /*width: 18.9375rem;*/
    /*margin: 0 1rem 0;*/
}
#swiperContainer2Thumb ._swiper-wrapper img,
#swiperContainer3Thumb ._swiper-wrapper img{
    width: 18.9375rem;
    height: 14.25rem;
    display: block;
    margin: 0 auto;
    object-fit: cover;
    box-sizing: border-box;
}

#swiperContainer2Thumb .slick-current img,
#swiperContainer3Thumb .slick-current img{
    border: 0.625rem solid #ecd69f;
}

.common-arrow {
    width: 2.75rem;
    height: 4.9375rem;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
}
.common-prev {
    background-image: url("../image/detail-0-prev.png");
    -webkit-animation: arrowLeftMove 1s linear infinite;
    animation: arrowLeftMove 1s linear infinite;
}
.common-next {
    background-image: url("../image/detail-0-next.png");
    -webkit-animation: arrowRightMove 1s linear infinite;
    animation: arrowRightMove 1s linear infinite;
}

#swiperContainer2Thumb .common-prev,
#swiperContainer3Thumb .common-prev {
    left: -3.75rem;
    top: 4.375rem;
}
#swiperContainer2Thumb .common-next,
#swiperContainer3Thumb .common-next {
    right: -3.75rem;
    top: 4.375rem;
}



#swiperContainer1,
#swiperContainer6 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 4;
    height: 89.375rem;
}

#swiperContainer1 .swiper-slide,
#swiperContainer6 .swiper-slide {
    width: 43.125rem;
    height: 87.625rem;
    background: #fff;
    box-shadow: 0 0.5rem 1.875rem #000;
    box-sizing: border-box;
    padding-top: 1.25rem;
    overflow: hidden;
}
#swiperContainer1 .swiper-slide .img-wrap,
#swiperContainer6 .swiper-slide .img-wrap{
    width: 40.5rem;
    height: 71.9375rem;
    display: block;
    margin: 0 auto;
    position: relative;
}
#swiperContainer1 .swiper-slide .img-wrap img,
#swiperContainer6 .swiper-slide .img-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#swiperContainer1 .swiper-slide .img-mask,
#swiperContainer6 .swiper-slide .img-mask{
    width: 100%;
    height: 100%;
    position: absolute;
    background: #ffffff;
    opacity: 0;
    left: 0;
    right: 0;
    z-index: 9;
}
#swiperContainer1 .swiper-slide .img-mask{
    background: #000000;
}
#swiperContainer1 .swiper-slide .slide-title,
#swiperContainer6 .swiper-slide .slide-title {
    width: 40.5rem;
    color: #4c25dd;
    font-size: 3.125rem;
    line-height: 4rem;
    text-align: left;
    margin: 1.875rem auto 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#swiperContainer1 .swiper-slide .slide-title{
    color: #284eaa;
}

#swiperContainer1 .swiper-1-btn,
#swiperContainer6 .swiper-6-btn{
    width: 8.9375rem;
    height: 9.625rem;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 76.25rem;
}
#swiperContainer1 .swiper-1-prev,
#swiperContainer6 .swiper-6-prev {
    background-image: url("../image/detail-6-prev.png");
    left: 3.125rem;
    -webkit-animation: arrowLeftMove 1s linear infinite;
    animation: arrowLeftMove 1s linear infinite;
}
#swiperContainer1 .swiper-1-prev{
    background-image: url("../image/detail-1-prev.png");
}
#swiperContainer1 .swiper-1-next,
#swiperContainer6 .swiper-6-next {
    background-image: url("../image/detail-6-next.png");
    right: 3.125rem;
    -webkit-animation: arrowRightMove 1s linear infinite;
    animation: arrowRightMove 1s linear infinite;
}
#swiperContainer1 .swiper-1-next {
    background-image: url("../image/detail-1-next.png");
}
#swiperContainer4 {
    height: 68.5625rem;
    position: relative;
    z-index: 4;
    padding-top: 1.875rem;
    padding-bottom: 3.125rem;
}
#swiperContainer4 .section-item {
    width: 74.5rem;
    /*height: 54.9375rem;*/
    height: 68.5rem;
    background: #ffffff;
    box-sizing: border-box;
    padding-top: 2rem;
    margin: 0 auto;
}
#swiperContainer4 .section-item .section-video {
    width: 71.375rem;
    /*height: 39.9375rem;*/
    height: 53.5rem;
    margin: 0 auto;
    object-fit: cover;
}
#swiperContainer4 .section-item .slide-title {
    width: 71.375rem;
    color: #cb4e1d;
    font-size: 3.4375rem;
    line-height: 4.375rem;
    text-align: left;
    margin: 1.875rem auto 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.swiperContainer4Thumb-wrap,
.swiperContainer0Thumb-wrap,
.swiperContainer5Thumb-wrap {
    width: 100%;
    height: 19.875rem;
    background: #d67c46;
    padding-top: 4.1875rem;
    position: relative;
    margin-top: 12.5rem;
    box-sizing: border-box;
    z-index: 4;
}
.swiperContainer4Thumb-wrap{
    margin-top: 2.5rem;
    height: 21.25rem;
    padding-top: 2.8125rem;
}
.swiperContainer5Thumb-wrap {
    background: rgba(8,90,182,0.88);
    margin-top: 4.375rem;
}
.swiperContainer0Thumb-wrap{
    background: rgba(130,119,98,0.8);
    padding-top: 2.875rem;
    margin-top: 3.9375rem;
}

#swiperContainer4Thumb,
#swiperContainer0Thumb,
#swiperContainer5Thumb {
    width: 65.625rem;
    height: 19.875rem;
    margin: 0 auto;
    overflow: hidden;
}

#swiperContainer4Thumb .swiper-wrapper,
#swiperContainer0Thumb .swiper-wrapper,
#swiperContainer5Thumb .swiper-wrapper {
    height: 11.875rem;
    margin: 0 auto;
}
#swiperContainer4Thumb .swiper-wrapper {
    height: 15.625rem;
}
#swiperContainer0Thumb .swiper-wrapper {
    height: 14.375rem;
}

#swiperContainer4Thumb .thumbs-item,
#swiperContainer0Thumb .thumbs-item,
#swiperContainer5Thumb .thumbs-item{
    width: 20.75rem;
    height: 11.6875rem;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
}
#swiperContainer4Thumb .thumbs-item {
    height: 15.5625rem;
}
#swiperContainer0Thumb .thumbs-item {
    width: 18.9375rem;
    height: 14.1875rem;
}

#swiperContainer4Thumb .poster,
#swiperContainer0Thumb .poster,
#swiperContainer5Thumb .poster {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-sizing: border-box;
}
#swiperContainer4Thumb .play-btn {
    width: 5.625rem;
    height: 5.3125rem;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
/*#swiperContainer4Thumb .swiper-slide-active .thumbs-item{*/
/*    box-shadow: 0 0rem 1.875rem #000;*/
/*}*/
#swiperContainer4Thumb .swiper-slide-active .poster,
#swiperContainer0Thumb .swiper-slide-active .poster,
#swiperContainer5Thumb .swiper-slide-active .poster{
    border: 0.625rem solid #ecd69f;
}

.swiperContainer4Thumb-wrap .swiper-4-prev,
.swiperContainer0Thumb-wrap .swiper-0-prev,
.swiperContainer5Thumb-wrap .swiper-5-prev {
    width: 2.75rem;
    height: 4.9375rem;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    background-image: url("../image/detail-0-prev.png");
    left: 1.3125rem;
    top: 7.375rem;
    -webkit-animation: arrowLeftMove 1s linear infinite;
    animation: arrowLeftMove 1s linear infinite;
}
.swiperContainer4Thumb-wrap .swiper-4-next,
.swiperContainer0Thumb-wrap .swiper-0-next,
.swiperContainer5Thumb-wrap .swiper-5-next {
    width: 2.75rem;
    height: 4.9375rem;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    background-image: url("../image/detail-0-next.png");
    right: 1.3125rem;
    top: 7.375rem;
    -webkit-animation: arrowRightMove 1s linear infinite;
    animation: arrowRightMove 1s linear infinite;
}

#swiperContainer0,
#swiperContainer5 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    height: 68.75rem;
    box-sizing: border-box;
    z-index: 4;
}

#swiperContainer0 {
    height: 62.5rem;
    padding-top: 8.125rem;
}

#swiperContainer0 .swiper-slide,
#swiperContainer5 .swiper-slide {
    width: 69.9375rem;
    height: 66.6875rem;
    background: #fff;
    box-shadow: 0 0.5rem 1.875rem #000;
    box-sizing: border-box;
    padding-top: 1.25rem;
    overflow: hidden;
}
#swiperContainer0 .swiper-slide {
    width: 72.25rem;
    height: 54.25rem;
    box-shadow: none;
    padding-top: 0;
}
#swiperContainer0 .swiper-slide .img-wrap,
#swiperContainer5 .swiper-slide .img-wrap{
    width: 66.4375rem;
    height: 49.8125rem;
    display: block;
    margin: 0 auto;
    position: relative;
}
#swiperContainer0 .swiper-slide .img-wrap{
    width: 100%;
    height: 100%;
}
#swiperContainer0 .swiper-slide .img-wrap img,
#swiperContainer5 .swiper-slide .img-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#swiperContainer0 .swiper-slide .img-mask,
#swiperContainer5 .swiper-slide .img-mask{
    width: 100%;
    height: 100%;
    position: absolute;
    background: #ffffff;
    opacity: 0;
    left: 0;
    right: 0;
    z-index: 9;
}
#swiperContainer0 .swiper-slide .img-mask{
    background: #000000;
}

#swiperContainer0 .swiper-slide .slide-title,
#swiperContainer5 .swiper-slide .slide-title {
    width: 40.5rem;
    color: #4c25dd;
    font-size: 3.625rem;
    line-height: 4.625rem;
    vertical-align: middle;
    text-align: left;
    margin: 3.125rem auto 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#swiperContainer0 .swiper-slide .slide-title {
    width: 100%;
    height: 14.5rem;
    position: absolute;
    box-sizing: border-box;
    padding-top: 4.375rem;
    left: 0;
    bottom: 0;
    font-size: 3.4375rem;
    line-height: 4.375rem;
    color: #ffffff;
    text-align: center;
    background: linear-gradient(rgba(57,108,131,0), rgba(57,108,131,1) 70%,rgba(57,108,131,1));
}

.vjs-big-play-centered .vjs-big-play-button {
    width: 6.25rem;
    height: 6.25rem;
    top: 50%;
    left: 50%;
    margin-top: -3.125rem;
    margin-left: -3.125rem;
}

.section-video .vjs-big-play-button .vjs-icon-placeholder:before, .section-video .vjs-play-control .vjs-icon-placeholder, .section-video .vjs-icon-play {
    content: "";
    width: 6.25rem;
    height: 6.25rem;
    background-image: url("../image/video-play.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline;
}

.vjs-big-play-centered .vjs-big-play-button {
    border: none;
    background-color: transparent;
}

.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
    border: none;
    background-color: transparent;
}

.blocker {
    padding: 0;
    display: none;
    z-index: 19;
    position: absolute;
}

.modal-wrap {
    position: absolute;
    overflow: auto;
    top: 0;
    /*right: 0;*/
    /*bottom: 0;*/
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
}

.modal-wrap .modal {
    max-width: none;
    width: 77.625rem;
    /*height: 53.5rem;*/
    /*height: 126.375rem;*/
    font-size: 0;
    box-sizing: border-box;
    border-radius: 1.25rem;
    background: transparent;
    box-shadow: none;
    padding-bottom: 8.4375rem;
}

.modal .modal-content {
    box-sizing: border-box;
    width: 63.9375rem;

    margin: 0 auto;
    border-radius: 1.25rem;
    position: relative;
    padding-top: 22.875rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100%;
}

.modal-bg-0,
.modal-bg-4
{
    width: 63.9375rem;
    height: 92.25rem;
    background-image: url("../image/modal-bg-s.png");
}
.modal .modal-bg-0,
.modal .modal-bg-1,
.modal .modal-bg-2
{
    padding-top: 20rem;
}
.modal .modal-bg-5 .modal-title2{
    margin-bottom: 5rem;
}


.modal-bg-1,
.modal-bg-2,
.modal-bg-3,
.modal-bg-5,
.modal-bg-6
{
    width: 63.9375rem;
    height: 111.5rem;
    background-image: url("../image/modal-bg-m.png");
}


.modal .modal-divider {
    width: 14.375rem;
    height: 2.8125rem;
    display: block;
    margin: 0 auto;
}
.modal .modal-title1{
    width: 14.375rem;
    height: 5.3125rem;
    display: block;
    margin: 0 auto 1.6875rem;
}
.modal .modal-title2 {
    width: 51.5rem;
    height: 7.375rem;
    display: block;
    margin: 0 auto 3.4375rem;
}

.modal .modal-p {
    font-size: 3.75rem;
    color: #734d1c;
    line-height: 5.75rem;
    width: 53.75rem;
    margin: 0 auto 0.75rem;
    text-indent: 2em;
}

.modal .modal-p1 {
    text-align: justify;
    text-indent: 2em;
}

.modal #closeBtn {
    width: 7.6875rem;
    height: 7.6875rem;
    position: absolute;
    left: 50%;
    bottom: -0rem;
    transform: translateX(-4.34375rem);
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("../image/modal-close.png");
    cursor: pointer;
}
.swiper-button-lock {
    display: block;
}
@media screen and (min-aspect-ratio: 320 / 667) and (max-width: 600px) {
    html,
    body {
        height: 100%;
        /*height: 168rem;*/
    }
    .detail-wrap.active {
        padding-top: 12.5rem;
    }

    .detail-wrap .back {
        top: 7.125rem;
    }
    .detail-wrap .subtitle {
        top: 0.625rem;
        right: 7.5rem;
    }
    .intro-wrap {
        padding-top: 1.875rem;
    }
    .slide-intro .slide-wrap {
        padding-top: 9.375rem;
    }
    .slide-home .slide-wrap{
        padding-top: 8.125rem;
    }
    .home-enter {
        margin: 62.5rem auto 0;
    }
}

img[alt=广西新闻网统计] {
    display: none
}