@charset "utf-8";

html,
body,
.banner,
.banner .slick,
.banner .slick div,
.banner .slick-slide a,
.banner .slick-slide a img {
    width: 100%;
    height: auto;
}

body {
    overflow-x: hidden;
}


/*banner*/

.ibanner {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.cg_jdt {
    overflow: hidden;
    position: relative;
    width: 1480px;
    height: 370px;
    margin: 0 auto;
}

    .cg_jdt .hd {
        height: 33px;
        overflow: hidden;
        position: absolute;
        right: 48%;
        bottom: 5px;
        z-index: 1;
    }

        .cg_jdt .hd ul {
            overflow: hidden;
            zoom: 1;
            float: left;
        }

            .cg_jdt .hd ul li {
                float: left;
                margin-right: 10px;
                width: 10px;
                height: 10px;
                line-height: 10px;
                text-align: center;
                background: #fff;
                cursor: pointer;
                border-radius: 50%;
            }

                .cg_jdt .hd ul li.on {
                    background: #0a7ba6;
                    color: #fff;
                }

    .cg_jdt .bd {
        position: relative;
        height: 100%;
        z-index: 0;
    }

        .cg_jdt .bd li {
            zoom: 1;
            vertical-align: middle;
        }

            .cg_jdt .bd li a {
                display: block;
                position: relative;
            }

            .cg_jdt .bd li h2 {
                display: block;
                width: 96%;
                padding: 0 2%;
                position: absolute;
                z-index: 8;
                font-size: 16px;
                margin-top: 5px;
                line-height: 50px;
                height: 50px;
                overflow: hidden;
                bottom: 0;
                color: #ffffff;
                background: url(../img/tt_bg.png);
            }

        .cg_jdt .bd img {
            width: 1480px;
            height: 370px;
            display: block;
        }

    .cg_jdt .prev,
    .cg_jdt .next {
        position: absolute;
        left: 3%;
        top: 50%;
        margin-top: -25px;
        display: block;
        width: 32px;
        height: 40px;
        background: url(../img/picnews-arrow.png) -110px 5px no-repeat;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .cg_jdt .next {
        left: auto;
        right: 3%;
        background-position: 8px 5px;
    }

        .cg_jdt .prev:hover,
        .cg_jdt .next:hover {
            filter: alpha(opacity=100);
            opacity: 1;
        }

    .cg_jdt .prevStop {
        display: none;
    }

    .cg_jdt .nextStop {
        display: none;
    }



/*主体样式*/

.section1 {
    padding: 60px 0;
    background: url(../img/section1.html) no-repeat center;
    background-size: cover;
}

.s1-video {
    float: right;
    width: 580px;
    height: 380px;
    border: 10px solid #fff;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-left: 70px;
}

    .s1-video a {
        display: block;
        padding-top: 65.51%;
    }

.s1-jj {
    overflow: hidden;
}

.s1-jj-tit a {
    display: block;
    font-size: 24px;
    line-height: 38px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    margin-top: 50px;
}

.s1-jj-tx p {
    font-size: 16px;
    line-height: 34px;
    color: #666;
    margin-top: 20px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.s1-d {
    margin-top: 30px;
}

.s1-more {
}

    .s1-more a {
        display: block;
        width: 130px;
        height: 40px;
        border: 1px solid #999;
        text-align: center;
        line-height: 40px;
        font-size: 14px;
        color: #666;
        transition: all 0.5s;
    }

        .s1-more a:hover {
            background: #0a7ba6;
            border-color: #0a7ba6;
            color: #fff;
        }

.s1-dz {
    background: url(../img/dz.png) no-repeat left center;
    padding-left: 31px;
    font-size: 18px;
    line-height: 40px;
    cursor: pointer;
}

.section2 {
    padding: 10px 0 0 0;
}

.s1-tit {
    text-align: center;
}

    .s1-tit ul {
        overflow: hidden;
        height: 50px;
        position: relative;
        line-height: 50px;
        border-bottom: 2px solid #d8d8d8;
    }

        .s1-tit ul li {
            display: inline-block;
            margin: 0 15px;
        }

            .s1-tit ul li a {
                display: block;
                font-size: 24px;
                text-align: center;
            }

            .s1-tit ul li.on a {
                color: #fff;
                color: #0a7ba6;
                position: relative;
            }

                .s1-tit ul li.on a:after {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 5px;
                    background: #0a7ba6;
                }

            .s1-tit ul li a img {
                vertical-align: middle;
                padding-right: 10px;
                display: none;
            }

            .s1-tit ul li.on a img {
                display: inline-block;
            }

            .s1-tit ul li.on a::before {
                display: block;
            }

            .s1-tit ul li.on a::after {
                display: block;
            }
    .s1-tit ul a {float: right; font-size: 15px;
    }
        .s1-tit ul a:hover {color:#0a7ba6;font-weight:bold;
        }
.s1-bd {
    position: relative;
    margin-top: 10px;
}

    .s1-bd > ul {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        opacity: 0;
        z-index: 8;
    }

        .s1-bd > ul > div {
            margin-left: -20px;
            margin-right: -20px;
        }

        .s1-bd > ul.on {
            position: relative;
            z-index: 9;
            opacity: 1;
        }

        .s1-bd > ul li {
            float: left;
            width: 33.333%;
        }

            .s1-bd > ul li a {
                display: block;
                margin: 20px;
                /*background: #f1f1f1;*/
                border: 1px solid #d8d8d8;
                box-shadow: 0 1px 4px #ccc;
                padding: 20px;
                border-radius: 4px;
                position: relative;
                height: 139px;
            }

                .s1-bd > ul li a:before {
                    content: "";
                    position: absolute;
                    right: 110px;
                    top: 28px;
                    width: 8px;
                    height: 8px;
                    border: 1px solid #fff;
                    border-radius: 50%;
                    z-index: 1;
                    display: none;
                }

                .s1-bd > ul li a:after {
                    content: "";
                    position: absolute;
                    right: 10px;
                    top: 32px;
                    width: 100px;
                    height: 1px;
                    background: #fff;
                    z-index: 1;
                    display: none;
                }

            .s1-bd > ul li span {
                display: block;
                background: url(../img/rl1.png) no-repeat left center;
                padding-left: 30px;
                font-size: 20px;
                color: #0a7ba6;
            }

            .s1-bd > ul li h3 {
                font-size: 16px;
                line-height: 28px;
                text-overflow: -o-ellipsis-lastline;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                line-clamp: 2;
                -webkit-box-orient: vertical;
                margin-top: 20px;
            }

            .s1-bd > ul li a:hover {
                background: url(../img/qh-bg.jpg) no-repeat;
                background-size: cover;
                box-shadow: 0px 0px 20px 0px rgba(54, 54, 54, 0.2);
            }

                .s1-bd > ul li a:hover span {
                    color: #fff;
                    background: url(../img/rl2.png) no-repeat left center;
                }

                .s1-bd > ul li a:hover h3 {
                    color: #fff;
                }

                .s1-bd > ul li a:hover:before,
                .s1-bd > ul li a:hover:after {
                    display: block;
                }

.more2 a {
    display: block;
    position: absolute;
    right: 0;
    top: -50px;
    font-size: 15px;
}

    .more2 a:hover {
        color: #0a7ba6;font-weight:bold;
    }

.section3 {
    padding: 20px 0 10px;
}

.section4 {
    padding: 20px 0 30px;
    background: url(../img/box1.png) no-repeat ; background-size: cover;    margin-bottom: 10px;
}





    .section3 .tit h3 {
        color: #fff;
    }

    .section3 .more a {
        color: #fff;
        background: none;
        background: url(../img/more3.png) no-repeat right center;
        color: #f6f0eb;
    }

.s3-l .pic {
    padding-top: 79.73%;
    cursor: pointer;
}

    .s3-l .pic video {
        position: absolute;
        left: 0;
        top: 0;
        min-width: 100%;
        min-height: 100%;
    }

.seciton3 > div > div {
    margin-left: -19px;
    margin-right: -19px;
}

.s3-l {
    width: 50%;
    margin-top: 20px;
}

.s3-lk {
    margin: 0 19px;
    position: relative;
}

.xwtitle {
    height: 54px;
    line-height: 50px;
    border-bottom: 2px solid #d8d8d8;
    position: relative;
    margin-top: -15px;
}

    .xwtitle li {
        float: left;
    }


    .xwtitle a {
        position: absolute;
        right: 0;
        font-size: 15px;
        color: #333;
    }
        .xwtitle a:hover {color: #0a7ba6;font-weight:bold;
        }

.s3-l .hd li.on {
    border-bottom: 4px solid #0a7ba6;
    color: #0a7ba6;
}



.s3-l .hd li {
    font-size: 24px;
    color: #333;
    font-weight: normal;
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
    border-bottom: none;
}

    .s3-l .hd li.on img {
        display: inline-block;
    }

    .s3-l .hd li img {
        vertical-align: middle;
        padding-right: 5px;
        display: none;
    }

.s3-l1 .tit {
    background: url(../img/s3-tit1.html) no-repeat center;
    height: 110px;
    line-height: 110px;
}

.s3-l2 .tit {
    background: url(../img/s3-tit2.html) no-repeat center;
    height: 110px;
    line-height: 110px;
}

.s3-l3 .tit {
    background: url(../img/s3-tit3.html) no-repeat center;
    height: 110px;
    line-height: 110px;
}

.s3-l4 .tit {
    background: url(../img/s3-tit4.html) no-repeat center;
    height: 110px;
    line-height: 110px;
}

.s3-l .tit {
    padding: 0 30px;
    width: 100%;
    background-size: cover;
}

    .s3-l .tit h3 {
        float: left;
        font-family: 'sySong';
        color: #fff;
        padding: 0;
    }

    .s3-l .tit .more3 a {
        display: block;
        width: 42px;
        height: 42px;
        background: rgba(255, 255, 255, 0.6) url(../img/more3.png) no-repeat center;
        border-radius: 50%;
        margin-top: 34px;
        transition: all 0.3s;
    }

        .s3-l .tit .more3 a:hover {
            background: rgba(255, 255, 255, 0.8) url(../img/more3.png) no-repeat center;
        }

.public-list {
    margin-top: 6px;
}

    .public-list li {
        line-height: 42px;
    }

        .public-list li em {
            font-style: normal;
            font-family: "宋体";
            font-size: 14px;
            padding-right: 10px;
        }

        .public-list li span {
            float: right;
            padding-left: 15px;
           /* font-family: "Georgia";*/
        }

        .public-list li a {
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            word-break: break-all;
        }

        .public-list li:hover a {
            color: #0a7ba6;
            font-weight: bold;
        }

        .public-list li:hover span {
            color: #0a7ba6;
            font-weight: bold;
        }

.slider {
    width: 580px;
    height: 360px;
    float: left;
    overflow: hidden;
    position: relative;
}


    .slider .hd {
        height: 20px;
        overflow: hidden;
        position: absolute;
        right: 2%;
        bottom: 13px;
        z-index: 1;
    }


        .slider .hd ul {
            overflow: hidden;
            zoom: 1;
            float: left;
        }


            .slider .hd ul li {
                float: left;
                margin: 5px 6px 0 0;
                width: 8px;
                height: 8px;
                line-height: 8px;
                text-align: center;
                border: 1px solid #fff;
                background: #fff;
                cursor: pointer;
                /*opacity: 0.5;*/
                border-radius: 50px;
            }


                .slider .hd ul li.on {
                    background: #0a7ba6;
                    border: 1px solid #0a7ba6;
                    width: 16px;
                    height: 8px;
                    line-height: 8px;
                    opacity: 1;
                    color: #fff;
                }


    .slider .bd {
        position: relative;
        height: 100%;
        z-index: 0;
    }


        .slider .bd li {
            /* zoom: 1; */
            /* vertical-align: middle; */
            /* position: relative; */
        }


            .slider .bd li h1 {
                height: 46px;
                position: absolute;
                bottom: 0;
                left: 0;
                background: url(../img/tt_bg.png);
                font-size: 16px;
                font-weight: normal;
                width: 595px;
                line-height: 46px;
                z-index: 999;
            }


                .slider .bd li h1 a {
                    color: #ffffff;
                    display: block;
                    padding-left: 20px;
                    transition: all 0.4s ease-in-out;
                    width: 80%;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                    .slider .bd li h1 a:hover {
                        font-weight: bold;
                        color: #0a7ba6;
                    }

        .slider .bd img {
            margin: 0 auto;
            width: 595px;
            height: 360px;
            display: block;
            transition: all 1s;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
        }

        .slider .bd li img:hover {
            transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
        }

.yqlj {
    margin: 20px 0;
    overflow: hidden;
}
    .yqlj li {
    float: left;
    margin-left: 40px;
    height: 45px;
    line-height: 45px;

    }

        .yqlj li:first-child {
            margin-left: 0px;
        }

        .yqlj li a:hover {    color: #0a7ba6;            font-weight: bold;.ixy_box.bd li span
        }



.more {
    position: absolute;
    right: 0;
    top: 0;
}

    .more a {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 14px;
        width: 40px;
    }

.listli {
    padding-left: 19px;
}


.ixy_box {
    position: relative;
    height: 200px;
    width: 1220px;
    margin: 20px auto 10px;
}


    .ixy_box .bd {
        width: 100%;
        overflow: hidden;
        margin-left: 0;
    }

        .ixy_box .bd li {
            float: left;
            width: 232px;
            height: 200px;
            margin: 0 15px 0 0;
            overflow: hidden;
            position: relative;
        }

.ry_txt {
    position: absolute;
    z-index: 9;
    bottom: 2px;
    width: 232px;
    text-align: center;
    color: #ffffff;
    background: url("../img/tt_bg.png");
}

.ixy_box .bd li:hover a {
    color: #ffffff;
}

.ixy_box .bd li:hover img {
    transform: scale(1.2);
}

.ixy_box .bd li:hover span {
    color: #ffffff;
}

.ixy_box .bd li:hover i {
    opacity: 1;
}

.ixy_box .bd li .pic {
    width: 232px;
    height: 200px;
    overflow: hidden;
    display: block;
}

    .ixy_box .bd li .pic img {
        transition: all 0.6s;
        width: 232px;
        height: 200px;
    }

.ixy_box .bd li span {
    width: 100%;
    text-align: center;
    display: block;
    padding: 0 0 0 0;
    font-size: 15px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    color: #ffffff;
}
.ixy_box .bd li a span:hover{color:#C0a7ba6;font-weight:bold;}



.bbg {
    background: url(../img/hp.png);
    height: 120px;
    text-align: center;
    line-height: 120px;
    font-size: 46px;
    letter-spacing: 9px;
    font-weight: bold;
    text-shadow:-2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
}
.bbg a{color: #0a7ba6;font-family: 'sySong';}

.i_box_bk_list2 {
    width: 100%;
    margin: 25px auto 0;
    height: auto;
    overflow: hidden;
}

.i_box_bk_list2 ul {
    width: 100%
}

.i_box_bk_list2 li {
    width: 32%;margin-right:2%;
    font-size: 14px;
    color: #a0a0a0;
    line-height: 50px;
    height: 110px;
    overflow: hidden;padding: 15px;
    background:#ffffff;
    margin-bottom: 25px;
    border-left:5px solid #0a7ba6;
    float: left;
}

    .i_box_bk_list2 li:nth-child(3) {margin-right: 0%;
    }
    .i_box_bk_list2 li:nth-child(6) {margin-right: 0%;
    }


.i_box_bk_list2 li a {
    color: #333333;
    font-size: 16px;
    display: block;
    text-align: left;
    transition: all 0.2s;
    line-height: 26px;
}
.rczp-date {
    color: #999;
    font-size: 14px;    line-height: 42px;
}
.i_box_bk_list2 li span {
    float: right;
    color: #7d7d7d;
}

.i_box_bk_list2 li:hover {
    box-shadow: 0 0 10px rgb(0 0 0 / 7%);
    border-left:5px solid #d6a30e;
}

.i_box_bk_list2 li:hover span {
    color: #0a7ba6;font-weight:bold;
}

.i_box_bk_list2 li:hover a {
     color: #0a7ba6;font-weight:bold;
}

        .fenlei li {
            float: left;
            width: 232px;
            height: 90px;
            margin: 10px 15px 15px 0 ;
            overflow: hidden;
            position: relative;
        }

    .fenlei ul li:nth-child(1) {
        background: #ea9940;
    }


    .fenlei ul li:nth-child(2) {
        background: #ed6869;
    }

    .fenlei ul li:nth-child(3) {
        background: #92d554;
    }

    .fenlei ul li:nth-child(4) {
        background: #ce6a6a;
    }

    .fenlei ul li:nth-child(5) {
        background: #29a1e7;
        margin-right: 0;
    }

.fenlei li:hover a {
    color: #ffffff;    
}

.fenlei li:hover img {
    transform: scale(1.2);
}

.fenlei li:hover span {
    color: #ffffff;
}



.fenlei li .pic {
    width: 232px;
    overflow: hidden;
    display: block;padding-top: 10px;
}

.fenlei li .pic img {
        transition: all 0.6s;
        display: block;
        /* width: 232px; */
        /* height: 160px; */
        margin: 10px auto 0;
    }

.fenlei li span {
    width: 100%;
    text-align: center;
    display: block;
    padding: 0 0 0 0;
    font-size: 15px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    color: #ffffff;
}

.fenlei li a span:hover {
    font-weight: bold;
}
.link_nav{ width:100%; overflow:hidden;padding-top: 20px;}
.link_nav ul{ margin:0 -64px 0 0; zoom:1;}
.link_nav ul li{ width:161px; float:left; text-align:center;margin-right:15px;margin-bottom:25px; border: 2px solid #0a7ba6;border-radius: 25px;padding: 8px 20px;    color: #0a7ba6;}
.link_nav ul li a{ width:100%; display:block;font-size: 18px;color: #0a7ba6;line-height: 30px;white-space: nowrap;}
.link_nav ul li a:hover{font-weight: bold;}



    .link_nav ul li:nth-child(7) {margin-right: 0;
    }
    .link_nav ul li:nth-child(14) {margin-right: 0;
    }
    .link_nav ul li:nth-child(21) {margin-right: 0;
    }

@media screen and (max-width: 1100px) {
    .s1-bd > ul li a:before {
        right: 90px;
    }

    .s1-bd > ul li a:after {
        width: 80px;
    }
}

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


    .section3 {
        padding: 10px 0;
    }

    .s1-video {
        width: 450px;
        height: 295px;
        margin-left: 40px;
    }

    .s1-jj-tit a {
        margin-top: 20px;
        font-size: 20px;
    }

    .s1-jj-tx p {
        font-size: 14px;
        margin-top: 15px;
    }

    .s1-more a {
        width: 110px;
        height: 36px;
        line-height: 36px;
        font-size: 12px;
    }

    .s1-dz {
        background-size: 18px;
        line-height: 36px;
        font-size: 16px;
    }

    .s1-bd > ul > div.s1-bdk {
        margin-left: -15px;
        margin-right: -15px;
    }

    .s1-bd > ul li span {
        font-size: 18px;
        background-size: 18px;
    }

    .s1-tit ul li {
        margin: 4px 6px;
    }

    .s1-bd > ul li h3 {
        margin-top: 10px;
    }

    .s1-bd > ul li a {
        margin: 20px 15px;
    }

    .s3-l .tit {
        padding: 0 20px;
        height: 90px;
        line-height: 90px;
    }

        .s3-l .tit h3 {
            font-size: 24px;
        }

        .s3-l .tit .more3 a {
            width: 32px;
            height: 32px;
            margin-top: 29px;
        }

    .s1-bd > ul li a:before {
        display: none !important;
    }

    .s1-bd > ul li a:after {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .fenlei li {
    width:50%;}
    .fenlei {
        width: 100%;
    }

        .fenlei li {
            width: 50%;
            margin: 0;
        }

            .fenlei li .pic {
                width: 100%;
                margin: 0;
                height: auto;
            }
.i_box_bk_list2 li{width:100%;padding:3%;}

.link_nav ul li{    width: 41%;
    padding: 0;
    /* border-radius: 0; */
    margin: 0 1% 15px;
    border: 1px solid #0a7ba6;}
    .tzggsjb {
    margin-top:15px;}



    .section1 {
        padding: 30px 0;
    }

    .s1-tit ul li a {
        font-size: 20px;
    }

    .s3-l .hd li {
        font-size: 20px;
    }

    .slider {
        width: 100%;
        height: 45vw;
    }

        .slider .bd li h1 {
            width: 100%;
        }

        .slider .bd img {
            height: 45vw;
            width: 100%;
        }

    .listli {
        padding-left: 0;
    }

    .cg_jdt {
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 34.125vw;
        margin: 0 auto;
    }


        .cg_jdt .bd img {
            width: 100%;
            height: 34.125vw;
            display: block;
        }

        .cg_jdt .hd {
            display: none;
        }

    .ixy_box {
        width: 100%;height:auto;
    }

        .ixy_box .bd li {
            width: 48%;height:130px;
        }

.ixy_box .bd li .pic img{height:130px;}


    .yqlj li {
        float: left;
        width: 100%;
        margin: 5px 0;
        text-align: center;
    }

        .yqlj li img {
            width: 100%;
            height: auto;
        }



    .s1-video {
        float: none;
        width: 100%;
        height: auto;
        margin-left: 0;
    }

    .s1-jj-tit a {
        font-size: 18px;
    }

    .s1-jj-tx p {
        margin-top: 10px;
        line-height: 28px;
    }

    .s1-d {
        margin-top: 15px;
    }

    .s1-bd > ul li {
        width: 100%;
    }

        .s1-bd > ul li a {
            margin: 6px 15px;
        }

    .section2 {
        padding: 20px 0 0 0;
    }

    .s3-l {
        float: left;
        width: 100%;
        margin-top: 20px;
    }
}

@media screen and (max-width: 640px) {
    .more2 a {
        position: static;
        text-align: center;
        margin-top: 10px;
    }


    .s1-jj-tit a {
        font-size: 16px;
    }
}

@media screen and (max-width: 480px) {
    .s1-tit ul {
        height: auto;
        line-height: 34px;
    }


        .s1-tit ul li.on a:after {
            height: 2px;
            bottom: -4px;
        }
}

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

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