.col-md-4, .col-md-8 {padding-left: 0;padding-right: 0}

.col-lg-1-8, .col-md-1-8, .col-sm-1-8, .col-xs-1-8 {position: relative;min-height: 1px}

.col-xs-1-8 {width: 12.5%;float: left}

@media (min-width: 768px) {
    .col-sm-1-8 {width: 12.5%;float: left}
    }

@media (min-width: 992px) {
    .col-md-1-8 {width: 12.5%;float: left}
    }

@media (min-width: 1200px) {
    .col-lg-1-8 {width: 12.5%;float: left}
    }

.content1 {width: 100%;height: auto;background: url(zjyy1.png) no-repeat center top}

.content1 .container {background: rgba(254, 249, 242, .5)}

.content1 .container .content1RP {font-size: 18px;text-indent: 2em;padding-left: 36px;padding-right: 40px;line-height: 36px}

.content1 .container .content1RP span a {color: #bd1a2d}

.content1 .container .content1B {font-size: 16px;text-align: center}

.content1 .container .content1B a {display: table-cell;position: relative;text-align: center}

.content1 .container .content1B a span {position: absolute;top: 50%;left: 0;width: 100%;margin-top: -.5em}

.content1 .container .content1B .active {color: #bd1a2d}

.content1 .container .content1BB {display: none}

.content2L .col-md-3 {padding-left: 0}

.content2R .col-md-3 {padding-right: 0}

.content2P {font-size: 28px;text-align: center}

.content3 {width: 100%;height: auto;background: url(zjyy13.png) no-repeat center bottom}

.content3 .content3s {display: flex;justify-content: left}

.content3 .content3s img {display: block}

.content3 .content3s .content3sImg {width: auto;height: auto;position: relative}

.content3 .content3s .content3sImg img {width: 160px;height: 495px;object-fit: cover}

.content3 .content3s .content3sImg:before {content: "";position: absolute;width: 160px;height: 495px;display: block;background: rgba(0, 0, 0, .7);top: 0;left: 0}

.content3 .content3s .content3sImg:after {content: "";position: absolute;display: block;color: #fff;left: 50%;margin-left: -18px;margin-top: -62px;width: 28px;word-wrap: break-word;font-size: 28px;top: 50%}

.content3 .content3s .content3sImg1::after {content: "宣传视频"}

.content3 .content3s .content3sImg2::after {content: "旅游动态"}

.content3 .content3s .content3sImg3::after {content: "VR旅游";top: 50%}

.content3 .content3s .content3sImg4::after {content: "旅游线路"}

.content3 .content3s .content3sImg5::after {content: "旅游景点"}

.content3 .content3s .active:before {display: none}

.content3 .content3s .active:after {top: auto;width: 100%;bottom: 0;margin-left: -60px;margin-bottom: 10px}

.content3 .content3s .active img {width: 632px;height: 495px}

.content4 .col-md-4 {padding-left: 12px;padding-right: 12px}

.content4 .content4Img {position: relative}

.content4 .content4Img .content4ImgD {position: absolute;width: 100%;height: auto;bottom: 0;background: rgba(0, 0, 0, .5);text-align: center}

.content4 .content4Img .content4ImgD span {color: #fff;font-size: 22px;padding: 13px 0;display: inline-block}

.content4 .content4Img .content4ImgDImg {display: none;position: absolute;left: 4%;top: 6%}

.content4 .active .content4ImgD {display: none}

.content4 .active .content4ImgDImg {display: block}

.prism-player .prism-big-play-btn {left: 0 !important;bottom: 0 !important;right: 0;top: 0;margin: auto}

@media (max-width: 768px) {
    body {background: #f5f5f5}

    .content1 {background: 0 0}

    .content1 .container {background: 0 0}

    .content1 .container .content1B a img {margin-top: 24px}

    .content1 .container .content1B a span {margin-top: .2em}

    .content2 img {width: 100%}

    .content2L .col-md-3 {padding-left: 12px}

    .content2R .col-md-3 {padding-right: 12px}

    .content3 img {width: 100%}

    .ly {position: relative;width: 100%;height: auto}

    .ly:after {position: absolute;display: block;color: #fff;width: 90px;white-space: normal;word-wrap: break-word;font-size: 20px;transform: translate(130px, -30px)}

    .ly1::after {content: "宣传视频"}

    .ly2::after {content: "旅游动态"}

    .ly3::after {content: "VR旅游"}

    .ly4::after {content: "旅游线路"}

    .ly5::after {content: "旅游景点";transform: translate(330px, -30px)}

    .content4 .content4Img .content4ImgD span {font-size: 14px;padding: 6px 0}

    .content4 .content4Img .content4ImgDImg {left: 12px;right: 12px;top: 12px;bottom: 0}
    }

@media (max-width: 750px) {
    .content1 {padding-left: 12px;padding-right: 12px}

    .content1 .container .content1RP {padding-left: 18px;padding-right: 18px}

    .content1 .container .content1B {margin-left: -13px;margin-right: -13px}

    .content1 .container .content1B a img {margin-top: 10px}

    .content1 .container .content1B a span {margin-top: -.2em;font-size: 14px}

    .content2 .content2BImg a img {margin-top: 12px}

    .content2 .content2BImg a span {font-size: 14px}

    .content3 .content2Img {margin-top: 10px}

    .content3 .content3BImg a img {margin-top: 12px}

    .content4 {padding-left: 12px;padding-right: 12px}

    .ly:after {font-size: 14px;transform: translate(50px, -24px)}

    .ly5::after {transform: translate(130px, -24px)}
    }