/* 景区介绍 */
.list1 .block1 {
    background: url(../image/index15.png) 0px 0px no-repeat;
    background-size: auto 100%;
}

.list1 #video {
    width: 900px;
    height: 600px;
    float: right;
    border-radius: 20px;
    margin-left: 50px;
    display: none;
}

.list1 #video video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.list1 .block1 .content {
    position: relative;
    line-height: 30px;
}
.list1 .block1 .content p{text-indent:2em;}
.list1 .block1 .img {
    width: 900px;
    height: 600px;
    float: right;
    border-radius: 20px;
    margin-left: 50px;
}

.list1 .block1 .back {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 900px;
    height: 600px;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.5);
}

.list1 .block1 .back .icon {
    height: 100%;
    position: relative;
}

.list1 .block1 .back .icon img {
    position: absolute;
    width: 50px;
    bottom: 50%;
    left: 50%;
    cursor: pointer;
    transform: translate(-50%, 50%);
}

.list1 .block1 .brTop {
    height: 165px;
}

.list1 .block1 .br {
    height: 20px;
}

.list1 .block1 .title1 .name {
    font-size: 50px;
}

.list1 .block1 .title1 {
    position: absolute;
    top: 30px;
    left: 0px;
    text-align: left;
}

.list1 .block2 .list {
    width: calc(100% + 30px);
    /* height: 375px ; */
}


.list1 .block2 .list .item {
    /* width: calc(25% - 30px) !important; */
    height: 375px !important;
    width: 377px !important;
    box-sizing: border-box;
    float: left;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    margin-right: 30px;
    color: #ffffff;
}

.list1 .block2 .list .item a {
    width: 100%;
    color: #ffffff;
    height: 100%;
}

.list1 .block2 .list .item .img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.list1 .block2 .list .item1 {
    /* width: calc(50% - 30px) !important; */
    width: 788px !important;
}

/* 
.list1 .block2 .list .img {
    height: 375px !important;
    height: 100%;
    object-fit: cover;
    background-color: red;
    float: left;
} */

.list1 .block2 .list .back {
    /* background: linear-gradient(rgb(18, 114, 136, 0), rgb(18, 114, 136, 0.5)); */
    background: linear-gradient(#0a9290, #195781);
    opacity: 0.2;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.list1 .block2 .text {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    /* height: 80px; */
    padding: 0px 39px;
    padding-bottom: 25px;
    z-index: 9;
}

.list1 .block2 .text .title {
    font-size: 20px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 34px;
    max-height: 68px;
    -webkit-box-orient: vertical;
}

.list1 .block2 .text .date {
    font-size: 14px;
    padding-top: 15px;
}

.list1 .block2 .hover {
    background-color: rgba(25, 87, 129, 0.4);
    /* opacity: 0.7; */
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 10;
    top: 0%;
    left: 0;
}

.list1 .block2 .list .item:hover .hover {
    display: block;
}

.list1 .block2 .list .item:hover .text {
    display: none;
}

.list1 .block2 .hover1 {
    width: 100%;
    height: 100%;
    position: relative;
}

.list1 .block2 .hover2 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 0px 39px;
    padding-bottom: 30px;


}

.list1 .block2 .hover2 .date {
    font-size: 14px;
}

.list1 .block2 .hover2 .title {
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
    max-height: 68px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 17px 0px;
}

.list1 .block2 .hover2 .summary {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
    line-height: 32px;
    color: #afcfe4;
}

.list1 .block2 .hover2 .icon {
    width: 24px;
}

.list1 .block2 .slick-next {
    right: -22px !important;
}

.list2 .block1 .slick-next {
    right: -22px !important;

}

/* .list1 .block2 .slick-list,.list1 .block2 .slick-list .slick-track{
    height: 100% !important;
} */

/* 游玩指南 */

.list2 .block1 .list {
    width: calc(100% + 30px);
}


.list2 .block1 .list .item {
    width: 370px;
    box-sizing: border-box;
    float: left;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    margin-right: 30px;
    color: #ffffff;
    border: 1px solid #ededed;
}

.list2 .block1 .list .item:hover {
    opacity: 0.5;
}

.list2 .block1 .list .img {}

.list2 .block1 .list .text {
    text-align: center;
    color: #195781;
    padding: 35px 0;
    font-weight: 600;
}

.list2 .block1 .list .text .item1 {
    font-size: 34px;
    padding-bottom: 40px;
}

.list2 .block1 .list .text .item2 {
    font-size: 60px;
}

.list2 .block1 .list .text .item3 {
    font-size: 20px;
    padding-bottom: 30px;
}

.list2 .block1 .list .text .item4 {
    line-height: 27px;
}

.list2 .block2 {
    padding-top: 0px;
    padding-bottom: 0px;

}

.list2 .block2 .title1 {
    text-align: left;
}

.list2 .bdmap {
    height: 500px;
}

.list2 .map {
    position: relative;
}

.list2 .content {
    position: relative;
}

.list2 .box1 {
    padding: 55px 50px;
    width: 512px;
    box-sizing: border-box;
    color: #ffffff;
    position: absolute;
    top: 0px;
    right: 0;
    background-color: #195781;
    border-radius: 20px;
    z-index: 9;
}

.list2 .box1 .item1 {
    font-weight: 600;
    padding-bottom: 20px;
}

.list2 .box1 .item2 {
    line-height: 30px;
    color: #afcfe4;
}

.list2 .box1 .line {
    background-color: #47799a;
    width: 100%;
    height: 1px;
    margin: 35px 0px;
}

.list2 .box1 .item3 {
    padding-left: 40px;
    box-sizing: border-box;
    line-height: 30px;
    background-repeat: no-repeat;
    margin-bottom: 25px;
    background-position: 0px 2px;
}

.list2 .box1 .icon1 {
    background-image: url(../image/dianhua.png);
}

.list2 .box1 .icon2 {
    background-image: url(../image/index05.png);
    background-position: 0px 5px;
}

.list2 .box1 .icon3 {
    background-image: url(../image/dizhi2.png);
}

/* 美图美景 */
.list3 .list {
    width: 100%;
    padding: 5px 0px;
    height: 170px;
}

.list3 .list .slick-list {
    padding: 5px 0px !important;
    width: calc(100% + 8px);
}

.list3 .list .item {
    width: 200px !important;
    height: 150px;
    box-sizing: border-box;
    padding-top: 14px;
    margin-right: 30px;
    cursor: pointer;
}

.list3 .list .image {
    width: 100%;
    height: 100%;
    border: 4px solid #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 3px 1px rgb(199, 198, 198);
}

.list3 .list .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.list3 .list .slick-current {
    padding-top: 0px;
    width: 220px !important;
    transition: all 0.5s;
}

.list3 .maximg {
    margin-bottom: 40px;
}

.list3 .maximg .text1 {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 40px;
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
    color: #ffffff;
}
.list3 img{width:100%;}
.list3 .maximg .title {
    line-height: 33px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-bottom: 5px;
}

.list3 .maximg .row {}

.list3 .maximg .name {
    float: left;

}

.list3 .maximg .date {
    padding-left: 15px;
    float: left;

}

/* 新闻资讯 */
.block10 .left,
.block10 .right {
    width: calc(50% - 15px);
    height: 510px;
    position: relative;
}

.block10 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.block10 .left .text {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 30px 40px;
    box-sizing: border-box;
    color: #ffffff;
    font-weight: 600;
}

.block10 .left .text .title {
    font-size: 20px;
    padding-bottom: 15px;
}

.block10 .left .text .date {
    font-size: 14px;
}



.block10 .left .back {
    background: linear-gradient(#0a9290, #195781);
    opacity: 0.2;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.block10 .right {
    height: 1em;
}

.block10 .right .item {
    padding: 25px 0px;
    border-top: 1px solid #d1dde6;
}

.block10 .right .item1 {
    border-bottom: 1px solid #d1dde6;
}

.block10 .right .title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
    margin-bottom: 16px;
}

.block10 .right .date {
    background-image: url(../image/list401.png);
    background-repeat: no-repeat;
    box-sizing: border-box;
    padding-left: 20px;
    font-size: 14px;
    color: #999999;
    line-height: 1em;
}

/* 四滚动图   首页样式重写*/
.block11 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.block11 .content .list {
    width: calc(100% + 26px);
    color: #ffffff;
}

.list7 .block11 {
    background-color: #f7f7f7;
}

.block11 .slick-next {
    right: -25px;
}

/* 水利科普 */
.list6 .list .hover {
    background-color: rgba(25, 87, 129, 0.9);
}

.list6 .list .hover1 {
    background-color: rgba(25, 87, 129, 0);
    box-shadow: 0px 0px 1px 1px #7391a6;
    padding-top: 70px;
}

.list6 .list .hover1 .title {
    height: 52px;
    -webkit-line-clamp: 2;
}

.list6 .list .hover1 .summary {
    -webkit-line-clamp: 2;
}

.list6 .list .hover1 .icon {
    right: 45px;
    bottom: 45px;
}

.list6 .list .hover1 .icon1 {
    width: 80px;
    position: absolute;
    left: 45px;
    bottom: 45px;
}

.list6 .list .text .title {
    padding-bottom: 0px;
}

.list6 .list .text {
    padding-bottom: 30px;
}

/* 游记攻略 */
.list8 .block10 {
    background-color: #f7f7f7;
}

.list8 .map,.list8 .bdmap {
    height: 100%;
    width: 100%;
}

@media screen and (max-width: 1720px) {
    .list1 .block2 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .list1 .block2 .list .item {
        width: calc((50vw - 105px)/2) !important;
    }

    .list1 .block2 .list .item1 {
        width: calc(50vw - 75px) !important;
    }
}

@media screen and (max-width: 1630px) {
    .contentback {
        padding-left: 3%;
        padding-right: 3%;
    }

    .list2 .block2 {
        padding-left: 0%;
        padding-right: 0%;

    }

    .list2 .block2 .title1 {
        padding-left: 3%;
        box-sizing: border-box;
    }

    .list2 .box1 {
        right: 3%;
    }

    .list3 .contentback,
    .list2 .block1 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .list1 .block1 .img {
        width: 56%;
        height: calc(94vw*0.56/9*6);
    }

    .list1 .block1 .back,
    .list1 .block1 .img,
    .list1 #video {
        width: calc(94vw/16*9);
        height: calc(94vw/16*6);
    }

    .list1 .block2 .list .item {
        height: 320px !important;
    }
}

@media screen and (max-width: 1500px) {
    .list6 .list .hover1 {
        padding-top: 20px;
    }

    .list6 .list .hover1 .icon {
        bottom: 20px;
        right: 20px;
    }

    .list6 .list .hover1 .icon1 {
        bottom: 20px;
        left: 20px;
        width: 65px;
    }

    .list6 .list .hover1 .summary {
        line-height: 25px;
    }
}


@media screen and (max-width: 1200px) {
    .list1 .block2 .list .item {
        width: calc(50vw - 75px) !important;
    }

    .list2 .block1 .list .item {
        width: calc((100vw - 180px)/3);
    }
}

@media screen and (max-width: 1000px) {
    .headerHeight {
        height: 80px;
        background: rgba(25, 87, 129, 0.9);
    }

    .list1 .block1 .title1 .name {
        font-size: 40px;
    }

    .list2 .block1 .list .item {
        width: calc((100vw - 150px)/2);
    }

    .list2 .box1 {
        padding: 25px 20px;
        width: 450px;
    }

    .block10 .left,
    .block10 .right {
        height: 400px;
    }

    .block10 .right .title {
        margin-bottom: 10px;
    }

    .block10 .right .item {
        padding: 17px 0px;
    }
}

@media screen and (max-width: 800px) {

    .list1 .block1 .back,
    .list1 .block1 .img,
    .list1 .block1 #img,
    .list1 #video {
        width: calc(94vw);
        height: calc(94vw/9*6);
        /* float: none; */
    }
    .list8 .block10 .left{
height: 300px;
    }
    .list8 .block2 {
        padding-bottom: 0px;
    }

    .block10 .left,
    .block10 .right {
        width: 100%;
        height: auto;
    }

    .list4 .block3,
    .list5 .block3 {
        padding-bottom: 15px;
    }

    .list6 .list .hover1 .icon1 {
        display: none;
    }

    .list6 .list .image img {
        min-height: 300px;
    }

    .list6 .list .text {
        padding-bottom: 15px;
    }

    .block10 .right .date {
        background-size: 10px auto;
        font-size: 12px;
        padding-left: 15px;
        background-position: 0px center;
    }

    .block10 .right .title {
        margin-bottom: 5px;
    }

    .block10 .right .item {
        padding: 10px 0px;
    }

    .block10 .right {
        margin-top: 15px;
    }

    .list1 .block1 .title1 {
        position: static;
        margin-top: 15px;
    }

    .list1 .block1 .title1 .ename {
        /* height: 25px; */
    }

    .list1 .block1 .title1 .name {
        font-size: 18px;
    }

    .list1 .block1 .brTop {
        height: 0px;
    }

    .list1 .block1 .br {
        height: 10px;
    }

    .list1 .block1 .content {
        position: relative;
        line-height: 22px;
    }

    .list1 .block2 .hover2 .title {
        font-size: 14px;
        line-height: 22px;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin: 5px 0px;
    }

    .list1 .block2 .hover2 .summary {
        line-height: 20px;
        height: 60px;
        margin-bottom: 10px;
    }

    .list1 .block2 .list .item {
        height: 190px !important;
    }

    .list1 .block2 .text {

        padding: 0px 15px;
        padding-bottom: 15px;
    }

    .list1 .block2 .text .title {
        font-size: 14px;
        line-height: 20px;
        max-height: 40px;
    }

    .list1 .block2 .text .date {
        font-size: 12px;
        padding-top: 5px;
    }

    .list1 .block2 .hover2 {
        padding: 0px 15px;
        padding-bottom: 15px;
    }

    .list1 .block2 .slick-next {
        right: -20px !important;
    }

    .list1 .block2 .hover2 .icon {
        width: 15px;
    }

    .list2 .box1 {
        display: none;
    }

    .list2 .bdmap {
        height: 300px;
        width: 100%;
    }

    .list3 .list .item {
        width: 100px !important;
        height: 75px;
        margin-right: 10px;
    }

    .list3 .list .slick-current {
        width: 115px !important;
    }

    .list3 .maximg {
        margin-bottom: 15px;
    }

    .list3 .maximg .text1 {
        bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .list3 .maximg .title {
        line-height: 23px;
        font-size: 14px;
        overflow: hidden;
        -webkit-line-clamp: 1;
    }

    .list3 .list {
        height: 97px;
    }

    .list2 .block1 .list .text .item1 {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .list2 .block1 .list .text {
        padding: 15px 0;
    }

    .list2 .block1 .list .text .item4 {
        line-height: 20px;
    }

    .list2 .block1 .list .text .item2 {
        font-size: 22px;
    }

    .list2 .block1 .list .text .item3 {
        font-size: 14px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 500px) {
    .list1 .block2 .list .item {
        width: calc(100vw - 120px) !important
    }

    .list2 .block1 .list .item {
        width: calc((100vw - 60px));
    }

}

@media screen and (max-width: 350px) {
    .list3 .maximg .text1 {
        bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .list2 .bdmap {
        height: 200px;
    }

    .list3 .maximg .date {
        padding-left: 5px;
    }

    .list3 .list .item {
        width: 70px !important;
        height: 50px;
        padding-top: 10px;
        margin-right: 10px;
    }

    .list3 .list .slick-current {
        width: 90px !important;
        padding-top: 0px;
    }

    .list3 .list .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
    }

    .list3 .list .image {

        border: 2px solid #ffffff;
        border-radius: 5px;
    }

    .list3 .list {
        height: 70px;
    }

    .list3 .maximg {
        margin-bottom: 5px;
    }
}