/********************南滨路*************************/


.banner {
    padding: 70px 0 116px 0;
    padding: .7rem 0 1.16rem 0;
    width: 100%;
    background: url(2022-nbl-banner.jpg) no-repeat center;
    background-size: 100% auto;
}

.banner img {
    display: block;
    margin: 0 auto;
    width: 349px;
    width: 3.49rem;
    height: 234px;
    height: 2.34rem;
}

.pFoot-link {
    margin-top: 0;
}

/* 内容 */
.one {
    position: relative;
    margin-top: 30px;
    margin-top: .3rem;
    margin-bottom: 30px;
    margin-bottom: .3rem;
    height: 488px;
    height: 4.88rem;
}

.one .red-bg {
    position: absolute;
    top: 60px;
    top: .6rem;
    left: 0;
    width: 260px;
    width: 2.6rem;
    height: 393px;
    height: 3.93rem;
    background-color: #c75a57;
    z-index: 1;
}

.one .red-bg1 {
    position: absolute;
    bottom: 0;
    left: 471px;
    left: 4.71rem;
    width: 99px;
    width: .99rem;
    height: 65px;
    height: .65rem;
    background-color: #c75a57;
    z-index: 1;
}

.one #about-swiper {
    position: absolute;
    top: 30px;
    top: .3rem;
    left: 25px;
    left: .25rem;
    width: 545px;
    width: 5.45rem;
    height: 458px;
    height: 4.58rem;
}

.one #about-swiper .swiper-slide {
    width: 100%;
    height: 393px;
    height: 3.93rem;
    overflow: hidden;
}

.one #about-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.one #about-swiper .swiper-pagination {
    width: calc(100% - 25px);
    width: calc(100% - .25rem);
    padding-right: 25px;
    padding-right: .25rem;
    bottom: 20px !important;
    bottom: .2rem !important;
    text-align: right;
    color: white;
}


.one .about {
    position: absolute;
    left: 200px;
    left: 2rem;
    top: 0;
    padding-left: 420px;
    padding-left: 4.2rem;
    padding-right: 50px;
    padding-right: .5rem;
    width: 730px;
    width: 7.3rem;
    height: 100%;
    background: url('../images/2022-nbl-about-bg.png');
}

.one .about .title {
    display: inline-block;
    margin-top: 45px;
    margin-top: .45rem;
    font-size: 30px;
    font-size: .3rem;
    font-weight: bold;
    line-height: 1.2;
    color: #333;
}

.one .about .en-title {
    display: inline-block;
    margin-left: 16px;
    margin-left: .16rem;
    margin-top: 45px;
    margin-top: .45rem;
    font-size: 32px;
    font-size: .32rem;
    line-height: 1.13;
    color: #d9d7d7;
}

.one .about .des {
    display: block;
    margin-top: 27px;
    margin-top: .27rem;
    width: 100%;
    min-height: 280px;
    min-height: 2.8rem;
    font-size: 15px;
    font-size: .15rem;
    line-height: 35px;
    line-height: .35rem;
    color: #333;
}

.one .about .des p {
    text-indent: 2em;
    text-align: justify;
}

.one .about .swiper-pre {
    margin-top: 40px;
    margin-top: .4rem;
    width: 19px;
    width: .19rem;
    cursor: pointer;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.one .about .swiper-next {
    margin-top: 40px;
    margin-top: .4rem;
    margin-left: 21px;
    margin-left: .21rem;
    width: 19px;
    width: .19rem;
    cursor: pointer;
}

.two {
    padding-top: 30px;
    padding-top: .3rem;
    padding-bottom: 30px;
    padding-bottom: .3rem;
    background: url('../images/2022-nbl-zbnb-bg.png');
    background-size: 100% auto;
}

.two .two-item {
    float: left;
}

.two .two-item .item {
    position: relative;
    width: 100%;
}

.two .two-item .item .lo-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.two .two-item .item .item-h {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(48, 99, 205, .6);
}

.two .two-item .item:hover .item-h {
    display: block;
}

.two .two-item .item .item-h .h-title {
    display: inline-block;
    font-size: 24px;
    font-size: .24rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    color: #fff;
}

.two .two-item .item .item-h .more {
    margin: 18px auto;
    margin: .18rem auto;
    width: 144px;
    width: 1.44rem;
    height: 46px;
    height: .46rem;
    border: solid 1px #d1d1d1;
    background-color: #fff;

}

.two .two-item .item .item-h .more a {
    width: 100%;
}

.two .two-item .item .item-h .more span {
    font-size: 14px;
    font-size: .14rem;
    line-height: 46px;
    line-height: .46rem;
    text-align: center;
    color: #000;
}

.two .two-item .item .item-h .more img {
    width: 18px;
    width: .18rem;
    vertical-align: middle;
}

.two .two-item:nth-child(1) {
    margin-right: 203px;
    margin-right: 2.03rem;
    width: 432px;
    width: 4.32rem;
}

.two .two-item:nth-child(1) img {
    display: block;
    width: 333px;
    width: 3.33rem;
}

.two .two-item:nth-child(1) span {
    text-indent: 2em;
    display: inline-block;
    margin-top: 60px;
    margin-top: .6rem;
    width: 100%;
    font-size: 18px;
    font-size: .18rem;
    line-height: 2;
    color: #000;
    text-align: justify;
}

.two .two-item:nth-child(2) {
    width: 368px;
    width: 3.68rem;
}

.two .two-item:nth-child(2) .title {
    display: inline-block;
    margin-top: 56px;
    margin-top: .56rem;
    width: 100%;
    font-family: Arial;
    font-size: 14px;
    font-size: .14rem;
    line-height: 2.14;
    text-align: center;
    color: #999;
}

.two .two-item:nth-child(2) .item {
    height: 500px;
    height: 5rem;
}

.two .two-item:nth-child(2) .item .item-h .h-title {
    margin-top: 200px;
    margin-top: 2rem;
}

.two .two-item:nth-child(3) {
    margin-top: 40px;
    margin-top: .4rem;
    margin-left: 8px;
    margin-left: .08rem;
    width: 384px;
    width: 3.84rem;
}

.two .two-item:nth-child(3) .item:nth-child(1) {
    height: 184px;
    height: 1.84rem;
}

.two .two-item:nth-child(3) .item:nth-child(1) .item-h .h-title {
    margin-top: 35px;
    margin-top: .35rem;
}


.two .two-item:nth-child(3) .item:nth-child(2) {
    margin-top: 8px;
    margin-top: .08rem;
    height: 379px;
    height: 3.79rem;
}

.two .two-item:nth-child(3) .item:nth-child(2) .item-h .h-title {
    margin-top: 136px;
    margin-top: 1.36rem;
}


.three {
    margin: 0 auto;
}

/* .three .three-l{
    float: left;
    width: 50%;
    height: 844px;
    height: 8.44rem;
    background: url('../images/2022-nbl-zbnb-place-img-bg01.png') no-repeat;
    background-size: 100% 100%;
 }

 .three .three-c-item {
    margin: 0 auto;
    margin-top: 130px;
    margin-top: 1.3rem;
    width: 651px;
    width: 6.51rem;
 }

 .three .three-c-item .title{
    display: inline-block;
    font-size: 30px;
    font-size: .3rem;
    line-height: 3.27;
    color: #333;
 }
 .three .three-c-item .en-title{
    display: inline-block;
    font-family: Sylfaen;
    font-size: 18px;
    font-size: .18rem;
    line-height: 2;
    color: #333;
 }
 .three .three-c-item i{
    width: 100%;
    height: 2px;
    background-color: #999;
 }

 .three .three-c-item .des{
    display: inline-block;
    font-size: 18px;
    font-size: .18rem;
    line-height: 34px;
    line-height: .34rem;
    color: #333;
 }

 .three .three-r{
    float: right;
    width: 50%;
    height: 844px;
    height: 8.44rem;
 }
 .three .three-r .three-r-item{
    width: 100%;
    height: 50%;
    overflow: hidden;
 }
 .three .three-r .three-r-item:nth-child(1){
    background: url('../images/2022-nbl-zbnb-place-img-bg02.png') no-repeat;
    background-size: 100% 100%;
 }
 .three .three-r .three-r-item:nth-child(2){
    background: url('../images/2022-nbl-zbnb-place-img-bg03.png') no-repeat;
    background-size: 100% 100%;
 }

 .three  .three-r .three-r-item .three-c-item{
    margin-top: 89px;
    margin-top: .89rem;
 }

 .three  .three-r .three-r-item .three-c-item .title{
    color: white;
 }
 .three  .three-r .three-r-item .three-c-item .en-title{
    color: white;
 }
 .three .three-r .three-r-item .three-c-item i{
    background-color: white;
 }
 .three  .three-r .three-r-item .three-c-item .des{
    height: 170px;
    height: 1.7rem;
    color: white;
    overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
    line-clamp: 5;
	-webkit-line-clamp: 5; 
 } */

.three .whnb {
    padding: 30px 0;
    padding: .3rem 0;
    /* background: url('../images/2022-nbl-whnb-bg.png') no-repeat; */
    /* background-size: 100% 100%; */
    background-color: #f5f5f5;
}

.three .whnb img {
    margin: 0 auto;
    display: block;
    width: 332px;
    width: 3.32rem;
}

.three .whnb span {
    display: inline-block;
    margin-top: 34px;
    margin-top: .34rem;
    font-size: 18px;
    font-size: .18rem;
    line-height: 2;
    color: #000;
    text-indent: 2em;
    text-align: justify;
}

.three .whnb-c {
    position: relative;
    width: 100%;
    --swiper-navigation-color: white;
    /* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;
    /* 设置按钮大小 */
    --swiper-navigation-size: .3rem;
    /* 设置按钮大小 */
}

.three .whnb-c #whnb-swiper .swiper-slide {
    position: relative;
    width: 100%;
    height: 690px;
    height: 6.9rem;
}

.three .whnb-c #whnb-swiper .swiper-slide .slide-bg {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.three .whnb-c #whnb-swiper .swiper-slide .mainWidth {
    height: 100%;
    z-index: 1;
}

.three .whnb-c #whnb-swiper .swiper-slide .slide-text {
    position: absolute;
    left: 140px;
    left: 1.4rem;
    top: 0;
    width: 443px;
    width: 4.43rem;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    color: white;
    z-index: 1;
    overflow: hidden;
}

.three .whnb-c #whnb-swiper .swiper-slide .slide-text img {
    display: block;
    margin: 0 auto;
    margin-top: 60px;
    margin-top: .6rem;
    width: 315px;
    width: 3.15rem;
}

.three .whnb-c #whnb-swiper .swiper-slide .slide-text p {
    margin-top: 37px;
    margin-top: .37rem;
    font-size: 30px;
    font-size: .3rem;
    line-height: 2.32;
    text-align: center;
}

.three .whnb-c #whnb-swiper .swiper-slide .slide-text span {
    display: inline-block;
    margin: 0 auto;
    margin-top: 30px;
    margin-top: .3rem;
    padding: 0 10%;
    font-size: 18px;
    font-size: .18rem;
    line-height: 2;
    text-indent: 2em;
    text-align: justify;
}

.three .whnb-c .swiper-button-prev {
    position: absolute;
    left: calc(50% - 760px);
    left: calc(50% - 7.6rem);
    top: 50%;
    padding: 30px;
    padding: .3rem;
    background-color: rgba(0, 0, 0, .75);
    z-index: 3;
}

.three .whnb-c .swiper-button-next {
    position: absolute;
    right: calc(50% - 760px);
    right: calc(50% - 7.6rem);
    top: 50%;
    padding: 30px;
    padding: .3rem;
    background-color: rgba(0, 0, 0, .75);
    z-index: 3;
}

.four {
    max-width: 1920px;
    max-width: 19.2rem;
    margin: 0 auto;
    margin-top: 30px;
    margin-top: .3rem;
}

/* .four #clnb-swiper{
    float: left;
    width: 50%;
    height: 888px;
    height: 8.88rem;
    --swiper-pagination-color: #c75a57;
 }

 .four #clnb-swiper .swiper-slide{
    width: 100%;
    height: 844px;
    height: 8.44rem;
 }
 .four #clnb-swiper .swiper-slide img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
 }
 .four #clnb-swiper .swiper-pagination{
    bottom: 0;
 }

 .four #clnb-swiper .swiper-pagination .swiper-pagination-bullet{
    width: 33px;
    height: 3px;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
} */

.four .four-left {
    float: left;
    width: 1000px;
    width: 10rem;
    height: 550px;
    height: 5.5rem;
}

.four .four-left img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.four .four-r {
    float: left;
    margin-left: 120px;
    margin-left: 1.2rem;
}

.four .four-r .title {
    display: block;
    margin-top: 20px;
    margin-top: .20rem;
    width: 332px;
    width: 3.32rem;
}

.four .four-r .qq {
    display: block;
    margin-top: 30px;
    margin-top: .3rem;
    margin-bottom: 35px;
    margin-bottom: .35rem;
    width: 26px;
    width: .26rem;
}

.four .four-r .des {
    display: inline-block;
    margin-bottom: 50px;
    margin-bottom: .5rem;
    width: 425px;
    width: 4.25rem;
    font-size: 18px;
    font-size: .18rem;
    line-height: 2;
    color: #000;
    text-indent: 2em;
    text-align: justify;
}

.four .four-r .more {
    width: 203px;
    width: 2.03rem;
    height: 65px;
    height: .65rem;
    border: solid 1px #d1d1d1;
    background-color: #fff;
}

.four .four-r .more a {
    width: 100%;
    text-align: center;
}

.four .four-r .more span {
    font-size: 20px;
    font-size: .2rem;
    line-height: 65px;
    line-height: .65rem;
    text-align: center;
    color: #000;
}

.four .four-r .more img {
    width: 18px;
    width: .18rem;
    vertical-align: middle;
}

.five {
    margin-top: 30px;
    margin-top: .3rem;
    padding: 30px 0;
    padding: .3rem 0;
    width: 100%;
    background: url('../images/2022-nbl-yhnb-bg.jpg') no-repeat;
    background-size: cover;
}

.five .image-title {
    display: block;
    margin: 0 auto;
    width: 333px;
    width: 3.33rem;
}

.five .des {
    display: inline-block;
    margin-top: 30px;
    margin-top: .3rem;
    font-size: 18px;
    font-size: .18rem;
    line-height: 2;
    color: #fefefe;
    text-indent: 2em;
    text-align: justify;
}

.five ul {
    display: inline-block;
    margin-top: 30px;
    margin-top: .3rem;
}

.five ul li {
    float: left;
    margin-right: 20px;
    margin-right: .2rem;
    width: 335px;
    width: 3.35rem;
    height: 390px;
    height: 3.9rem;
}

.five ul li:nth-child(4) {
    margin-right: 0;
}

.five ul li a {
    width: 100%;
}

.five ul li img {
    display: block;
    width: 100%;
    height: 277px;
    height: 2.77rem;
    object-fit: cover;
}

.five ul li span {
    display: block;
    width: 100%;
    height: 113px;
    height: 1.13rem;
    font-size: 24px;
    font-size: .24rem;
    line-height: 113px;
    line-height: 1.13rem;
    text-align: center;
    color: #333;
    background-image: url('../images/2022-nbl-yhnb-list-img-yan.png');
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-color: rgba(255, 255, 255, .85);
    overflow: hidden;
}

.five ul li:nth-child(2) span {
    background-image: url('../images/2022-nbl-yhnb-list-img-huo.png');
}

.five ul li:nth-child(3) span {
    background-image: url('../images/2022-nbl-yhnb-list-img-nan.png')
}

.five ul li:nth-child(4) span {
    background-image: url('../images/2022-nbl-yhnb-list-img-bing.png');
}

.six {
    margin-top: 30px;
    margin-top: .3rem;
    padding-top: 245px;
    padding-top: 2.45rem;
    padding-bottom: 1px;
    padding-bottom: .01rem;
    width: 100%;
    background: url('../images/2022-nbl-yingnb-bg.jpg') no-repeat, url('../images/2022-nbl-whnb-bg.png');
    background-size: 100% 457px, 100% auto;
    background-size: 100% 4.57rem, 100% auto;
}

.six .yinghua {
    padding-top: 1px;
    width: 100%;
    height: 500px;
    height: 5rem;
    background-color: rgba(255, 255, 255, .8);
}

.six .yinghua .image-title {
    display: block;
    margin: 0 auto;
    margin-top: 35px;
    margin-top: .35rem;
    width: 333px;
    width: 3.33rem;
}

/* .six .yinghua .select {
    display: block;
    margin: 0 auto;
    width: 1270px;
    width: 12.7rem;
    font-size: 18px;
    font-size: .18rem;
    line-height: 2;
    color: #999;
    text-align: right;
}
.six .yinghua .select a{
    font-size: 18px;
    font-size: .18rem;
    line-height: 2;
    color: #999;
    text-align: right;
}
.six .yinghua .select .active{
    color: #c75a57;
} */

.six ul {
    float: left;
    margin-top: 35px;
    margin-top: .35rem;
    margin-left: 52px;
    margin-left: .52rem;
    width: 970px;
    width: 9.7rem;
    overflow: hidden;
}

.six ul li {
    float: left;
    margin-right: 38px;
    margin-right: .38rem;
    width: 298px;
    width: 2.98rem;
    height: 320px;
    height: 3.2rem;
    background-color: white;
}

.six ul li:nth-child(3) {
    margin-right: 0;
}

.six ul li a {
    width: 100%;
    height: 100%;
}

.six ul li img {
    display: block;
    width: 100%;
    height: 213px;
    height: 2.13rem;
    object-fit: cover;
}

.six ul li .videobox {
    width: 100%;
    height: 213px;
    height: 2.13rem;
    display: block;
    background-color: #000;
    overflow: hidden;
}

.six ul li video {
    width: auto;
    max-width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    outline: none;
}

.six ul li .item-title {
    display: block;
    margin: 15px 5% 0 5%;
    margin: .15rem 5% 0 5%;
    width: 90%;
    height: 48px;
    height: .48rem;
    font-size: 16px;
    font-size: .16rem;
    line-height: 24px;
    line-height: .24rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.six ul li .time {
    display: block;
    margin: 0 auto;
    width: 90%;
    font-size: 14px;
    font-size: .14rem;
    line-height: 2.29;
    color: #999;
}

.six .yinghua-more {
    float: left;
    margin-top: 55px;
    margin-top: .55rem;
    width: 378px;
    width: 3.78rem;
    height: 260px;
    height: 2.6rem;
    background-color: rgba(255, 255, 255, .8);
}

.six .yinghua-more p {
    margin-left: 66px;
    margin-left: .66rem;
    margin-top: 60px;
    margin-top: .6rem;
    font-size: 26px;
    font-size: .26rem;
    line-height: 1.39;
    color: #c75a57;
}

.six .yinghua-more span {
    display: block;
    margin-left: 66px;
    margin-left: .66rem;
    margin-top: 20px;
    margin-top: .2rem;
    font-size: 18px;
    font-size: .18rem;
    /* height: 30px;
    height: .3rem; */
    line-height: 1.78;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.six .yinghua-more .more {
    margin-left: 66px;
    margin-left: .66rem;
    margin-top: 30px;
    margin-top: .3rem;
    width: 160px;
    width: 1.6rem;
    height: 44px;
    height: .44rem;
    background-color: #c75a57;
    font-size: 16px;
    font-size: .16rem;
    line-height: 44px;
    line-height: .44rem;
    text-align: center;
    color: #fff;
}

.six .ul-two {
    margin-left: 0 !important;
    margin-bottom: 35px;
    margin-bottom: .35rem;
}

.six .yinghua-more-m {
    display: none;
}

.six .yinghua-more-pc {
    display: block;
}





@media screen and (max-width:768px) {
    .banner {
        padding: .3rem 0 .6rem 0;
        background-size: cover;
    }

    .banner img {
        width: 42%;
        height: auto;
    }

    .one {
        margin-top: 10px;
        margin-bottom: 10px;
        height: auto;
    }

    .one .red-bg {
        display: none;
    }

    .one .red-bg1 {
        width: 100%;
        top: calc(100vw * .5);
        left: 0;
        height: .5rem;
    }

    .one #about-swiper {
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100vw * .5);
        padding-bottom: .5rem;
        position: relative;
    }

    .one #about-swiper .swiper-slide {
        height: 100%;
    }

    .one #about-swiper .swiper-pagination {
        text-align: center;
        bottom: .13rem !important;
    }

    .one .about {
        left: 0;
        top: initial;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        width: calc(100% - 20px);
        height: auto;
        position: relative;
    }
    
    .one .about .title,
    .one .about .en-title {
        margin-top: .2rem;
    }
    
    .one .about .des {
        margin-top: .2rem;
    }

    .one .about .swiper-pre {
        display: none;
    }

    .one .about .swiper-next {
        display: none;
    }


    .two {
        padding-top: .3rem;
        padding-bottom: 10px;
    }
    
    .two .two-item:nth-child(1) {
        width: 100%;
        margin-right: 0;
    }

    .two .two-item {
        float: none;
    }

    .two .two-item:nth-child(1) img {
        margin: 0 auto;
        width: 50%;
    }

    .two .two-item:nth-child(1) span {
        margin-top: 10px;
    }

    .two .two-item:nth-child(2) {
        margin-top: 10px;
        width: 100%;
    }
    
    .two .two-item:nth-child(2) .item {
        height: calc(100vw * .5);
    }
    
    .two .two-item:nth-child(2) .title {
        margin-top: 10px;
    }

    .two .two-item:nth-child(3) {
        margin-top: 10px;
        margin-left: 0;
        width: 100%;
    }

    /* .three .three-l{
        float: none;
        padding-top: 1px;
        width: 100%;
        height: 422px;
        height: 4.22rem;
     }
     .three .three-c-item {
        margin-top: 60px;
        margin-top: .6rem;
        width: 90%;
     }
    .three .three-r{
        float: none;
        width: 100%;
        height: 844px;
        height: 8.44rem;
    } */
    .three .whnb {
        padding: .3rem 0 10px;
    }
    
    .three .whnb span {
        margin-top: 10px;
    }
    
    .three .whnb img {
        width: 50%;
    }

    .three .whnb-c #whnb-swiper .swiper-slide {
        height: 540px;
        height: 5.4rem;
    }

    .three .whnb-c #whnb-swiper .swiper-slide .slide-text {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .three .whnb-c #whnb-swiper .swiper-slide .slide-text img {
        margin-top: .3rem;
        width: 60%;
    }

    .three .whnb-c #whnb-swiper .swiper-slide .slide-text p {
        margin-top: 10px;
        line-height: 2;
    }

    .three .whnb-c #whnb-swiper .swiper-slide .slide-text span {
        margin-top: 10px;
        padding: 0 5%;
    }

    .three .whnb-c .swiper-button-prev {
        display: none;
    }

    .three .whnb-c .swiper-button-next {
        display: none;
    }


    .four {
        margin-top: 10px;
    }

    /* .four #clnb-swiper{
        float: none;
        width: 100%;
        height: 444px;
        height: 4.44rem;
     }
     .four #clnb-swiper .swiper-slide{
        width: 100%;
        height: 400px;
        height: 4rem;
     } */
    .four .four-left {
        float: none;
        width: 100%;
        height: calc(100vw * .5);
    }

    .four .four-r {
        float: none;
        margin-left: 0;
        width: 100%;
    }

    .four .four-r .title {
        margin: 0 auto;
        margin-top: .2rem;
        width: 50%;
    }

    .four .four-r .qq {
        display: none;
    }

    .four .four-r .des {
        display: block;
        margin: 10px;
        width: calc(100% - 20px);
    }

    .four .four-r .more {
        margin: 0 auto;
        height: .5rem;
    }
    
    .four .four-r .more span {
        line-height: .5rem;
    }

    .five {
        margin-top: .2rem;
        padding: .3rem 0 0;
    }
    
    .five .image-title {
        width: 50%;
    }
    
    .five .des {
        margin-top: 10px;
    }

    .five ul {
        margin-top: .2rem;
    }

    .five ul li {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        width: calc(50% - 5px);
        height: auto;
    }

    .five ul li:nth-child(2n+2) {
        margin-right: 0;
    }

    .five ul li img {
        height: 180px;
        height: 1.8rem;
    }

    .five ul li span {
        height: .5rem;
        line-height: .5rem;
    }

    .six {
        margin-top: 10px;
        padding-top: 10px;
        background-size: 100%;
    }
    
    .six .yinghua .image-title {
        width: 50%;
        margin-top: .3rem;
    }

    .six .yinghua {
        height: auto;
        padding-bottom: 10px;
    }

    .six ul {
        float: none;
        margin-left: 0;
        margin-top: .2rem;
        width: calc(100% - 20px);
        margin-left: 10px;
    }

    .six ul li {
        float: none;
        margin-right: 0;
        width: 100%;
        height: auto;
    }

    .six ul li:nth-child(2),
    .six ul li:nth-child(3) {
        display: none;
    }
    
    .six ul li img {
        height: calc(100vw * .63);
    }
    
    .six ul li .videobox {
        height: calc(100vw * .5);
    }
    
    .six ul li .item-title {
        height: .24rem;
        line-clamp: 1;
        -webkit-line-clamp: 1;
    }

    .six .yinghua-more {
        float: none;
        margin: 0 10px;
        width: calc(100% - 20px);
        height: auto;
        text-align: center;
    }

    .six .yinghua-more p {
        margin-left: 0;
        margin-top: 0;
        padding-top: 10px;
    }

    .six .yinghua-more span {
        display: none;
    }

    .six .yinghua-more-m span {
        display: block;
        margin-left: 0;
        margin-top: 10px;
    }

    .six .yinghua-more .more {
        margin: 10px 0 .2rem;
    }

    .six .ul-two {
        margin-bottom: 0;
        background: rgba(255, 255, 255, .8);
        padding: 10px;
        margin-top: 10px;
    }

    .six .yinghua-more-m {
        display: block;
        padding: 0 10px;
        margin: 0 0 10px 0;
    }

    .six .yinghua-more-pc {
        display: none;
    }
    
    .pFoot-btm {
        margin-top: 0;
    }
}