.listBanner {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .listBanner img {
        width: 100%;
    }

.list-home {
    border-bottom: 2px solid #f2f2f2;
    height: 70px;
    line-height: 70px;
    font-size: 16px;
}
.home-nav {
    width: 1318px;
    margin: auto;
    background: url(../img/home.png) 0 18px no-repeat;
    padding: 0 0 0 44px;
    color: #332c2b;
}
    .home-nav a {
        color: #332c2b;
    }

    .home-nav span {
        float: right;
        display: block;
        margin: 18px 130px 0 0;
        /*background-color: #009f75;*/
        border: 1px solid #009f75;
        border-radius: 4px;
        width: 140px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        color: #009f75;
    }

        .home-nav span a {
            display: block;
            color: #009f75;
        }

            .home-nav span a:hover {
                color: #dee2e6;
                background-color: #009f75;
            }

            .list_news {
                width: 1318px;
                margin: 30px auto 0 auto;
            }

    .list_news .nav {
        width: 300px;
        float: left;
    }



    .list_news .nav .nav-name {
        width: 100%;
        height: 159px;
        text-align: center;
        font-size: 36px;
        /* font-weight:bold;*/
        line-height: 159px;
        color: #ffffff;
        background: url(../img/news_nav_bg.png) 0 0 no-repeat;
        letter-spacing: 6px;
    }


    .list_news .nav ul {
        width: 298px;
        min-height: 400px;
        border-left: 1px solid #f5f5f5;
        border-right: 1px solid #f5f5f5;
    }


        .list_news .nav ul li {
            height: 70px;
            line-height: 70px;
            text-align: center;
            font-size: 18px;
        }

            .list_news .nav ul li.active {
                border-left: 4px solid #009f75;
                width: 298px;
            }

            .list_news .nav ul li:hover {
                /*background: linear-gradient(to right, #ffffff, #009f75);*/
                background: linear-gradient(to right, #ffffff 0%, #009f75 100%);
                animation: slideBackground 5s linear infinite;
                color: #ffffff;
            }

                .list_news .nav ul li:hover a {
                    color: #ffffff;
                }

            .list_news .nav ul li a {
                display: block;
                width: 230px;
                margin: auto;
                border-bottom: 2px solid #f3f3f3;
            }


    .list_news .list {
        width: 988px;
        overflow: hidden;
        float: right;
    }

        .list_news .list a:hover {
            color: #009f75;
        }



    .list_news div.pfzl {
        float: none;
        width: 100%;
    }

    .clear1 {
        display: table;
        clear: both;
        height: 1px;
        line-height: 1px;
        overflow: hidden;
    }

    .list_news .list .top-img {
        width: 988px;
        padding: 30px;
        overflow: hidden;
        background-color: #f6f7fb;
    }

        .list_news .list .top-img .img {
            width: 315px;
            height: 210px;
            float: left;
        }

            .list_news .list .top-img .img img {
                width: 315px;
                height: 210px;
            }

        .list_news .list .top-img .dtl {
            width: 582px;
            margin-left: 30px;
            float: left;
        }

            .list_news .list .top-img .dtl a {
                color: #332c2b;
            }

            .list_news .list .top-img .dtl .tit {
                font-size: 20px;
                padding-bottom: 8px;
                color: #332c2b;
            }

            .list_news .list .top-img .dtl .message {
                font-size: 16px;
                height: 128px;
                color: #a1a1a1;
            }

            .list_news .list .top-img .dtl .attr {
                font-size: 16px;
                margin-top: 10px;
                color: #a1a1a1;
            }

                .list_news .list .top-img .dtl .attr .date {
                    float: left;
                }

                .list_news .list .top-img .dtl .attr .more {
                    float: right;
                    display: block;
                    padding: 4px 30px;
                    border: 1px solid #e0e0e1;
                    color: #a1a1a1;
                }

    .list_news .list .page-list li {
        height: 135px;
        /*background: url(../img/li1.png) 50px 45px no-repeat;
    padding-left: 135px;*/
        /*border: 2px solid #ffffff;*/
        border-bottom: 2px solid #f5f5f5;
    }

        .list_news .list .page-list li a {
            display: block;
            background: url(../img/li1.png) 50px 45px no-repeat;
            padding-left: 135px;
        }

    .list_news div.pfzl .page-list li {
        background: url(../img/li2.png) 50px 45px no-repeat;
    }

        .list_news div.pfzl .page-list li a {
            background-image: none;
        }

    .list_news .list .page-list li .attr {
        width: 700px;
        float: left;
    }

    .list_news div.pfzl .page-list li .attr {
        width: 998px;
        float: left;
    }

    .list_news .list .page-list li .attr .tit {
        font-size: 20px;
        padding: 18px 0 12px 0;
    }

.list_news .list .page-list li .attr .message {
    text-indent: 2em;
    line-height: 1.5em;
}

    .list_news .list .page-list li .attr .message a {
        color: #a1a1a1;
    }

    .list_news .list .page-list li .date {
        margin: 0px;
        width: 108px;
        font-size: 32px;
        line-height: 132px;
        color: #00736b;
        float: right;
        text-align: center;
    }

    .list_news .list .page-list li:hover {
        border-bottom: 2px solid #ffffff;
    }

    .list_news div.pfzl .page-list li:hover {
        border: 0px solid #00736b;
        border-bottom: 2px solid #f5f5f5;
    }

    .list_news .list .page-list li:hover .date {
        background-color: #00736b;
        color: #ffffff;
    }

    .list_news div.pfzl .page-list li:hover .date {
        background-color: #ffffff;
        color: #00736b;
    }

    .page-nav {
        text-align: center;
        padding: 50px 0;
    }

        .page-nav a {
            padding: 6px 10px;
            margin: 0 5px;
            border: 1px solid #00736b;
        }
.list_news .list .page-nav a:hover {
            background-color: #00736b;
            color: #ffffff;
        }

            .page-nav a.active {
                background-color: #00736b;
                color: #ffffff;
            }

    div.pfzl-page-nav a {
        padding: 6px 10px;
        margin: 0 5px;
        border: 1px solid #c12d31;
    }

        div.pfzl-page-nav a:hover {
            background-color: #c12d31;
            color: #ffffff;
        }

        div.pfzl-page-nav a.active {
            background-color: #c12d31;
            color: #ffffff;
        }


    .content_news {
        width: 1318px;
        margin: 30px auto 0 auto;
    }

        .content_news .tit {
            font-size: 32px;
            text-align: center;
            color: #332c2b;
            padding: 10px 30px;
            border-bottom: 1px solid #f2f2f2;
        }

        .content_news .attr {
            padding: 20px 0 0 0;
            text-align: center;
        }

            .content_news .attr span {
                margin: 0 15px;
                height: 30px;
                line-height: 30px;
                display: inline-block
            }

            .content_news .attr .date {
                background: url(../img/date.png) 0 0 no-repeat;
                padding-left: 35px;
            }

            .content_news .attr .source {
                background: url(../img/source.png) 0 6px no-repeat;
                padding-left: 35px;
            }

            .content_news .attr .hist {
                background: url(../img/hist.png) 0 6px no-repeat;
                padding-left: 38px;
            }

        .content_news .con {
            padding: 30px 20px;
            font-size: 20px;
        }

            .content_news .con p {
                font-size: 16px;
                font-family:'Microsoft YaHei';
                text-indent: 2em;
                line-height: 1.75em;
            }

            .content_news .con img {
                width: 700px;
                margin:20px auto;
            }

            .content_news .con .video {
                width: 750px;
                margin: 20px auto;
            }

            .content_news .con video {
                width: 750px;
                height:500px;
                margin: 20px auto;
            }

            .sxt {
                width: 300px;
                margin: 30px auto;
            }

        .sxt span {
            display: block;
            float: left;
            /*background-color: #009f75;*/
            border: 1px solid #009f75;
            border-radius: 4px;
            width: 140px;
            height: 36px;
            text-align: center;
            line-height: 36px;
            color: #009f75;
        }

            .sxt span a {
                display: block;
                color: #009f75;
            }

                .sxt span a:hover {
                    color: #dee2e6;
                    background-color: #009f75;
                }


    .con1 {
        width: 1894px;
        height: 1021px;
        overflow: hidden;
        margin: auto;
        background: url(../img/zdxm_bg1.jpg) no-repeat;
    }

    .con2 {
        width: 1894px;
        height: 1210px;
        overflow: hidden;
        margin: auto;
        background: url(../img/zdxm_bg2.jpg) no-repeat;
    }

    .con3 {
        width: 1894px;
        height: 1210px;
        overflow: hidden;
        margin: auto;
        background: url(../img/zdxm_bg3.jpg) no-repeat;
    }

    .con4 {
        width: 1894px;
        height: 1204px;
        overflow: hidden;
        margin: auto;
        background: url(../img/zdxm_bg4.jpg) no-repeat;
    }


    .zdxm-list {
        float: right;
    }

        .zdxm-list a {
            color: #fff;
        }

        .zdxm-list .channalTitle {
            font-size: 40px;
            width: 605px;
            height: 76px;
            margin: 273px 0 50px 227px;
            line-height: 76px;
            font-weight: bold;
            overflow: hidden;
            color: #fff;
        }

        .zdxm-list ul li {
            width: 835px;
            padding: 0 72px 0 40px;
            height: 92px;
            line-height: 92px;
            color: #fff;
            font-size: 20px;
            border-bottom: 2px solid #fff;
        }

            .zdxm-list ul li .date {
                float: right;
            }

    /*业务领域*/
    .ywly-list {
        width: 988px;
        padding: 10px 0 10px 15px;
        overflow: hidden;
        background-color: #f6f7fb;
    }

        .ywly-list ul li {
            float: left;
            width: 220px;
            height: 185px;
            margin: 10px 10px;
            overflow: hidden;
        }

            .ywly-list ul li .img {
                border: 1px solid #559b99;
                width: 218px;
                height: 145px;
                margin:auto;
            }

            .ywly-list ul li img {
                width: 218px;
            }

            .ywly-list ul li p {
                line-height: 40px;
                font-size: 16px;
                text-align:center;
            }

            .ywly-list ul li.one {
                width: 460px;
                height: 390px;
            }

                .ywly-list ul li.one .img {
                    width: 460px;
                    height: 306px;
                }

                .ywly-list ul li.one img {
                    width: 460px;
                }

            .ywly-list ul li p.message {
                color: #a1a1a1;
                line-height: 20px;
                font-size: 14px;
                padding-top: 7px;
            }

    /*嘉兴高速*/
    div.jxgs-list ul li {
        height: 336px;
        overflow:initial;
    }

        div.jxgs-list ul li p {
            text-align: center;
        }
.jxgs-list ul li p {
    height: 40px;
    overflow: hidden;
}
    div .jxgs-list ul li p.message {
            
        }
div.jxgs-list ul li .img {
    height: 288px;
    border-radius: 5px;
    transition: all .5s
}
    div.jxgs-list ul li .img:hover {
        box-shadow: 5px 5px 10px 0 rgba(0,0,0,.4);
        transform: translateY(-4px);
        /*top:-3px;
        z-index: 999;
        box-shadow: 5px 5px 5px 0px #999999;*/
    }
    /*动画边框*/
    li.dhborder {
        position: relative;
    }

        li.dhborder a {
            display: block;
            position: relative;
            width: 100%;
            height: 100%;
        }

            li.dhborder a::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 2px;
                height: 0%;
                background-color: #00736b;
                transition: all 0.5s;
            }

            li.dhborder a::after {
                content: '';
                position: absolute;
                bottom: 0;
                right: 0;
                width: 2px;
                height: 0%;
                background-color: #00736b;
                transition: all 0.5s;
            }

            li.dhborder a .item::before {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                width: 0%;
                height: 2px;
                background-color: #00736b;
                transition: all 0.5s;
            }

            li.dhborder a .item::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                width: 0%;
                height: 2px;
                background-color: #00736b;
                transition: all 0.5s;
            }

            li.dhborder a:hover::before {
                height: 100%;
            }

            li.dhborder a:hover::after {
                height: 100%;
            }

            li.dhborder a:hover .item::before,
            li.dhborder a:hover .item::after {
                width: 100%;
            }



@media (max-width: 1025px) {
    .home-nav {
        width: 100%;
        overflow:hidden;
    }
    .list_news .nav {
        display: none;
    }

    .home-nav span {
        display:none;
    }
    .list_news .list {
        float: left;
        width: 100%;
    }

    .list_news {
        width: 100%;
        margin: 10px auto 0 auto;
    }

    .ywly-list {
        width: 98%;
        margin:0 auto;
    }

        .ywly-list ul li {
            width:90%;
        }

            .ywly-list ul li.one {
                width: 92%;
            }
                .ywly-list ul li.one .img {
                    width: 100%;
                    height: auto;
                }
                .ywly-list ul li.one img {
                    width: 100%;
                }
    .content_news {
        width: 95%;
        margin: 30px auto 0 auto;
    }

    .content_news .con img {
        width: 700px;
        margin: 20px auto;
    }

    .content_news .con .video {
        width: 90%;
        margin: 20px auto;
    }

    .content_news .con video {
        width: 90%;
        height: auto;
        margin: 20px auto;
    }
}

@media (max-width: 1199px) {
    .home-nav {
        background: url(../img/home.png) 16px 25px no-repeat;
        background-size: 23px 21px;
    }
    .list_news .list .top-img {
        width: auto;
        padding: 15px;
        overflow: hidden;
        background-color: #f6f7fb;
    }

    .list_news .list .page-list li {
        height: 162px;
    }

        .list_news .list .page-list li a {
            background: url(../img/li1.png) 17px 56px no-repeat;
            padding-left: 69px;
        }
            .list_news .list .top-img .img {
            width: 100%;
            text-align:center;
            margin-bottom:20px;
        }

    .list_news .list .page-list li .attr {
        height: auto;
        width: 100%;
    }
        .list_news .list .page-list li .attr .tit {
            font-size: 16px;
            height: 51px;
            padding: 18px 0 12px 0;
            overflow: hidden;
            white-space: nowrap; /* 不换行 */
            text-overflow: ellipsis; /* 使用省略号表示溢出的文本 */
        }
        .list_news .list .page-list li .attr .message {
            padding-right: 10px;
            overflow: hidden; /* 隐藏溢出文本 */
            text-overflow: ellipsis; /* 使用省略号表示溢出的文本 */
        }

    .list_news .list .page-list li .date {
        display: none;
    }
    .list_news .list .top-img .dtl {
        width: auto;
        margin-left: 0px;
        float: left;
    }
            .list_news .list .top-img .dtl .message {
                height: auto;
            }

    .page-nav {
        text-align: center;
        padding: 20px 0;
    }

    .page-nav a {
        padding: 0px 5px;
        margin: 0 3px;
        border: 1px solid #00736b;
    }

    .content_news .tit {
        font-size:18px;
    }

    .content_news .attr .date {
        background: url(../img/date.png) 0 0 no-repeat;
        padding-left: 28px;
        background-size: 22px 22px;
    }

    .content_news .attr .source {
        display:none;
    }

        .content_news .con img {
            width: 90%;
            margin: 20px auto;
        }
}