@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
li{list-style:none;}
a,u,i{text-decoration: none;}
h1,h2,h3,h4,h5{font-weight: normal;}
body{ font-family: "微软雅黑",serif;background: #fcfcfc;}
.clearfix:after,.container:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
img{max-width: 100%;}
.banner{width:100%;}
.banner img{display: block; width: 100%;}
.container{width:1200px;margin:0 auto;}
.title{margin-top:60px;overflow: hidden;margin-bottom: 60px;}
.title-3{margin-top:30px;}
.title .left{width:6px;height:58px;background:#ff243e;float:left;}
.title .right{float: left;}
.title h1{font-size:36px;font-weight: bold;line-height: 36px;margin-left: 12px;color:#262626;}
.title h5{color: #b3b3b3;font-size:16px;margin-left: 12px;margin-top: 3px;}
.intro .box{width:1170px;height:400px;overflow: hidden;box-shadow:0px 3px 40px rgba(0,0,0,.1);background: #fff;}
.intro .box .img{float: left;}
.intro .box .img img{width:570px;}
.intro .box .txt{float:right;widtH:600px;}
.intro .box .txt h5{color:#b3b3b3;font-size:16px;margin-left: 30px;margin-top:36px;}
.intro .box .txt h4{color:#1a1a1a;font-size:26px;margin-left: 30px;}
.intro .box .txt h4:nth-of-type(1){margin-top:26px;}
.intro .box .txt h4:nth-of-type(2){margin-top:8px;}
.intro .box .txt p{color:#8c8c88;font-size:16px;margin-left: 30px;margin-top:26px;line-height: 28px;width:536px;}
.swiper-pagination-bullet-active {background: #00a0e9;}
.people-container,.city-container,.travel-container{ padding-bottom: 80px !important;}
.people-pagination .swiper-pagination-bullet, .city-pagination .swiper-pagination-bullet, .travel-pagination .swiper-pagination-bullet{width: 20px; height: 20px;}

.people ul{   }
.people ul:nth-of-type(1){margin-top:-30px;}
.people ul:nth-of-type(2){margin-top:-10px;}
.people ul li{width:570px;height:230px;background: #fff;float:left;margin-right:30px;box-shadow:0px 3px 30px rgba(0,0,0,.1);border-radius:5px;margin-top:20px;margin-bottom: 20px;}
.people ul li:nth-of-type(2n){margin-right:0px;}
.people ul li .left{float:left;width:140px;height:230px; padding:30px 0 0 30px;    box-sizing: border-box;}
.people ul li .left img{ border-radius: 50%;}
.people ul li .right{float:right;width:430px;height:230px;}
.people ul li .right .box-p{width:390px;height:130px;color:#8c8c8c;line-height:22px;margin-top: 30px;margin-left: 8px;border-bottom:1px solid #eaeaea;font-size:14px;}
.people ul li .right h5{font-size:16px;color:#3e3e3e;font-weight: bold;margin-left: 8px;margin-top: 20px;}
.tite{margin-top:40px;}
.video .container{position: relative;}
.video .rightbox{width:570px;height:400px;background: #fff; position: absolute;left:590px;top:200px;box-shadow:0px 3px 30px rgba(0,0,0,.1);cursor: pointer;}
.video .rightbox p{width:440px;font-size:16px;color:#8c8c8c;margin-top:76px ;margin-left:76px;line-height: 26px;}
.video .rightbox span{width:120px;height:38px;display: block;background:#ff243e;border-radius:20px;color: #fff;line-height: 38px;text-align: center;margin-left: 78px;margin-top: 40px;}
.city ul{overflow:hidden;display: none;}
.city .city-li{width:370px;height:460px;margin: 0 auto;background: #fff;transition: 0.5s;}
.city .city-li .img{width:370px;height:250px;}
.city .city-li h2{font-size:20px;color:#262626;font-weight:bold;margin-top: 20px;margin-bottom: 20px;text-align: center;}
.city .city-li p{font-size:14px;color:#b3b3b3;line-height:24px;width:310px;margin-left:30px; height: 70px; overflow: hidden;}
.city .city-li section{width:110px;height:26px;background:#545454;color:#fff;line-height:26px;border-radius:12px;font-size:12px;text-align: center;margin-top: 20px;margin-left: 128px;}
.city .city-li:hover{box-shadow:0px 3px 10px rgba(0,0,0,.1);cursor: pointer;}
.city .city-li:hover section{background:#ff243e;}
.travel .bigbox{overflow: hidden;display: none;}
.travel .bigbox .left{width:370px;height:630px;background:#fff;float: left;transition:0.5s;}
.travel .bigbox .left .img{width:370px;height:300px;background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}
.travel .bigbox .left .img img,.travel .bigbox .right .img img{width:100%;display: none;}
.travel .bigbox .left .box{box-sizing: border-box;padding: 30px;}
.travel .bigbox .left u{font-size:20px;font-weight:bold;color:#262626;display: block;    height: 62px;
    box-sizing: border-box;
    overflow: hidden;}
.travel .bigbox .left p{color:#999;margin-top:10px;font-size:15px;line-height:28px;text-align: justify;}
.travel .box span{width:110px;height:26px;background:#545454;color:#fff;display: block;font-size:12px;border-radius:12px;line-height: 26px;text-align: center;    margin: 30px auto 0;}
.travel .bigbox .left:hover{box-shadow:0px 3px 30px rgba(0,0,0,.1);cursor: pointer;}
.travel .bigbox .left:hover span{background:#ff243e;}
.travel .bigbox .right{float: left;margin-left: 30px;width:770px;}
.travel .bigbox .right .top{width:770px;height:300px;background:#fff;transition:0.5s;}
.travel .bigbox .right .box{float: left;width:400px; box-sizing: border-box;padding: 30px;}
.travel .bigbox .right .img{float: left;background-size: cover;
    background-repeat: no-repeat;
    background-position: center;    height: 300px; width: 370px;}
.travel .bigbox .right .box u{font-size:20px;font-weight:bold;color:#262626;display: block;    height: 62px;
    box-sizing: border-box;
    overflow: hidden;   }
.travel .bigbox .right .box p{color:#999;margin-top:10px;font-size:15px;line-height:28px;text-align: justify; height: 110px; overflow: hidden;}
.travel .bigbox .right .bottom{margin-top: 30px;width:770px;height:300px;background:#fff;transition:0.5s;}
.travel .bigbox .right .top:hover{box-shadow:0px 3px 30px rgba(0,0,0,.1);cursor: pointer;}
.travel .bigbox .right .top:hover .span-top{background:#ff243e;}
.travel .bigbox .right .bottom:hover .span-bottom{background:#ff243e;}
.travel .bigbox .right .bottom:hover{box-shadow:0px 3px 30px rgba(0,0,0,.1);cursor: pointer;}
dl{width:230px;height:40px;overflow: hidden;margin: 0 500px;margin-bottom: 60px;}
dl li{width:20px;height:20px;background:#e5e5e5;border-radius: 50%;float: left;margin-right: 20px;}
dl li.cur{background: #00a0e9;box-shadow:-3px 5px 15px rgba(0,160,233,.25);}
.travel dl{margin-top: 60px;}
footer{height:100px;background: #e5e5e5;color:#666;font-size:14px;text-align: center;line-height: 30px; margin-top: 60px;}
footer p{padding-top: 20px;display: block;}


@media screen and (max-width: 960px){
    *{
        max-width: 100%;
        box-sizing: border-box;
    }
    .banner{
        overflow: hidden;
    }
    .banner img{
        width: 140%;
        max-width: initial;
        transform: translateX(-40%);
        left: 38%;
        position: relative;
    }
    .container{width: 100%;}
    .container .title{
        padding-left: 0.4rem;
        margin-top: 0.4rem;
        margin-bottom: 0.2667rem;
        display: flex;
    }
    .title .left{
        width: 4px;
        height: 45px;
    }
    .title h1{
        font-size: 24px;
        line-height: 1;
        margin-left: 10px;
    }
    .title .right{
        flex: 1;
    }
    .title h5{
        font-size: 14px;
        margin-left: 10px;
    }
    .container .title img{
        width: 2.08rem;
        display: block;
    }
    .container .title span {
        font-size: 0.48rem;
        line-height: 1;
    }
    .intro .box{
        width: auto;
        height: auto;
    }
    .intro .box .img{
        float: none;
        padding: 0.15rem;
        height: 166px;
        overflow: hidden;
    }
    .intro .box .img img{
        display: block;
        width: 100%;
        transform: translateY(-16%);
    }
    .intro .box .txt{
        float: none;
        width: auto;
        padding: 0.3rem;
    }
    .intro .box .txt h5{
        margin-left:0;
        margin-top: 0;
        font-size: 0.16rem;
        display: none;
    }
    .intro .box .txt h4, .intro .box .txt p{
        margin-left:0;
        margin-top: 0 !important;
    }
    .intro .box .txt h4{
        font-size: 18px;
        font-weight: 600;
    }
    .intro .box .txt p{
        width: auto;
        padding-top: 0.1rem !important;
        text-align: justify;
        font-size: 16px;
        line-height: 1.5;
    }
    .container .intro .right h1 {
        font-size: 0.4133rem;
        width: auto;
        margin-bottom: 0.2667rem;
    }
    .container .intro .right h5{
        font-size: 0.2667rem;
        margin-top: 0.32rem;
        margin-bottom: 0.4rem;
    }
    .people ul{
        padding: 0.3rem;
    }
    .people ul:nth-of-type(1){
        margin-top: 0;
    }
    .people ul li{
        width: auto;
        height: auto;
        margin:  0 0 0.2667rem;
        float: none;
    }
    .people ul li:last-child{
        margin-bottom: 0;
    }
    .people ul li .right h5{
        margin-top: 10px;
    }
    .people ul li a{
        display: flex;
        justify-content: space-between;
        padding: 0.15rem;
    }
    .people ul li .left{
        padding:0;
        float: none;
        height: auto;
    }
    .people ul li .right{
        flex: 1;
        width: auto;
        height: auto;
    }
    .people ul li .left img{
        border-radius: 0;
    }
    .people ul li .right .box-p{
        width: auto;
        height: auto;
        margin-top: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        border-bottom:none;
    }
    .play{
        padding: 15px;
    }


    .container .intro .right p {
        font-size: 0.2667rem;
        line-height: 1.75;
        text-align: justify;
    }
    .container .intro{
        padding: 0.4rem;
    }
    .container .intro .left{
        float: inherit;
        width: 100%;
        height: 2rem;
        overflow: hidden;
    }
    .container .intro .right .button {
        height: 0.8267rem;
        margin-top: 0.3467rem;
        line-height: 0.8267rem;
        padding-left: 1.04rem;
        background-size: 0.8rem 0.8267rem;
        width: auto;
        font-size: 0.32rem;
    }
    .container .intro .right{
        float: inherit;
        width: 100%;
        margin-left:0;
    }

    .city-container .swiper-slide{
        transform: scale(0.9);
        width: 80% !important;
    }
    .city-container .swiper-slide-active,.city-container .swiper-slide-duplicate-active{
        transform: scale(1);
    }
    .container .movie {
        overflow: hidden;
        padding: 0.4rem 0;
    }
    .bigbox-img-container {
        float: inherit;
        margin: 0.1333rem 0.4rem 0;
        width: auto;
        height: auto;
    }
    .container .movie .left {
        float: initial;
        width: auto;
        padding-top: 0.4rem;
    }
    .container .movie .left ul {
        width: 100%;
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0.4rem;
        box-sizing: border-box;
    }
    .container .movie .left ul li {

        width: 48%;
        height: 3.0133rem;
        float: left;
        margin-right: 0;
        margin-bottom: 0.2667rem;
        margin-left: 0;
        transition: 0.5s;
        box-shadow: 0rem 0.12rem 0.2rem rgba(0,0,0,.1);
    }
    .bigbox-img-container img {
        width: 1.3333rem;
        height: 1.3333rem;
    }
    .container .movie .left ul li span{
        display: none;
    }
    .container .movie .left ul li a{
        font-size: 0.32rem;
        line-height: 0.32rem;
        margin-left: 0.2rem;
        padding-top: 0.3rem;
    }
    .container .title img{margin-top: 0.1333rem;}
    .container .movie .left ul li p {
        font-size: 0.2133rem;
        width: auto;
        margin-top: 0;
        margin-left: 0;
        padding: 0.2rem;
    }
    .container .movie .left ul li a:nth-of-type(2) {
        font-size: 0.24rem;
        padding-top: 0.2rem;
    }
    .container .movie .left ul li.cur {
        box-shadow: 0rem 0.12rem 0.2rem rgb(0 0 0 / 0.3);
    }
    .docu,.new {
        padding: 0.4rem;
    }
    .pb50 {
        padding-bottom: 0.2667rem;
    }
    .video .rightbox{
        width: auto;
        height: auto;
        position: initial;
        box-shadow:none;
        padding: 0 20px 20px;
    }
    .video .rightbox p{
        width: auto;
        margin: 0;
        line-height:1.75;
        text-align: justify;
        text-indent: 2em;
    }
    .video .rightbox span{
        display: inline-block;
        width: auto;
        margin-left:0;
        margin-top: 20px;
        padding: 0 20px;
        font-size: 18px;
    }

    .city .swiper-slide-active .city-li{box-shadow:0 3px 10px rgba(0,0,0,.1);cursor: pointer;}
    .city .swiper-slide-active .city-li section{background:#ff243e;}
    /*.city .city-li:hover{box-shadow:none;cursor: pointer;}*/
    /*.city .city-li:hover section{background: initial;}*/
    .city .city-li .img{
        width: auto;
        height: auto;
    }
    .city .city-li h2{
        text-align: left;
        padding: 0 15px;
        margin-bottom: 0;
    }
    .city .city-li p{
        width: auto;
        padding: 15px;
        margin-left:0;
        line-height: 20px;
        height: auto;
    }
    .city .city-li{
        width: auto;
        height: auto;
        padding-bottom: 20px;
    }
    .city .city-li section{
        display: block;
        margin: 0 auto;
    }
    .people-pagination .swiper-pagination-bullet, .city-pagination .swiper-pagination-bullet, .travel-pagination .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
    }
    .people-container, .city-container, .travel-container{
        padding-bottom: 50px !important;
    }
    .container .docu_li {
        width: auto;
        height: auto;
        float: inherit;
        margin-right: 0;
    }
    .travel-container .swiper-slide{
        width: 90% !important;
    }
    .travel .bigbox .left{
        width: auto;
        height: auto;
        padding-right: 15px;
        float: none;
        overflow: hidden;
    }
    .travel .bigbox .left u{
        font-size: 16px;
    }
    .travel .bigbox .left{

    }
    .travel .bigbox .left p,.travel .bigbox .right .box p{
        line-height: 20px;
        font-size: 14px;
        margin-top: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: auto;
    }
    .travel .bigbox .right{
        float:none;
        margin-left:0;
        width: auto;
    }
    .travel .bigbox .right .top{
        width: auto;
        height: auto;
        overflow: hidden;
        margin: 20px 0;
    }
    .travel .bigbox .right .bottom{
        width: auto;
        height: auto;
        overflow: hidden;
        margin: 0;
    }
    .travel .bigbox .right .top a{
        display: flex;
        flex-direction: row-reverse;
    }
    .travel .bigbox .right .bottom a{
        display: flex;
    }
    .travel .bigbox .right .box{
        float: none;
        flex: 1;
        padding:10px 15px 0;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }
    .travel .bigbox .right .box u{
        font-size: 16px;
    }
    .travel .bigbox .right .img{
        width: 150px;
        height: 170px;
        float: right;
    }
    .travel .box span{
        float: left;
        margin: 10px 0 0;
        display: inline-block;
    }
    .travel .bigbox .left .img{
        width: 150px;
        height: 170px;
        float: left;
        margin-right: 15px;
    }
    .travel .bigbox .left .box{
        padding: 0;
    }
    .container .docu_li .txt{
        width: 100%;
        height: 0.8rem;
        line-height: 0.8rem;
        border-bottom-width: 2px;
        position: initial;
    }
    .container .docu_li .txt a{
        margin-left: 0;
        font-size: 0.2133rem;
    }

    .container .new_li {
        width: auto;
        float: inherit;
        margin-right: 0;
    }
    .container .new_li .img {
        width: 100%;
        height: auto;
        margin-bottom: 0;
    }
    .container .new_li p {
        width: auto;
    }
    .container .movie02 .left,.container .movie02 {
        padding-top: 0;
    }
    .docu03{
        padding-bottom: 0.4rem;
    }
    footer{
        height: auto;
        margin-top: 0;
    }
}