/* CSS Document */
body {
    width: 100%;
    height: auto;
    margin: 0;
    background-color: #f3f3f3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

img {
    border: none;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a {
    text-decoration: none;
    color: #0d1014
}

    a:hover {
        color: #034a9f;
    }

.main_top {
    width: 100%;
    margin: 0;
    background-color: #0061ae;
    height: 170px;
}

.top_right {
    float: right;
    width: 500px;
    height: 100%;
    line-height: 32px;
}

.top_nav_right {
    float: left;
    width: 100%;
    height: 40px;
    margin-top: 55px;
}

    .top_nav_right ul {
        float: right;
        width: 400px;
        height: 100%;
    }

        .top_nav_right ul li {
            float: left;
            width: 96px;
            text-align: right;
        }

            .top_nav_right ul li a {
                color: #fff;
                padding-left: 20px;
                font-size: 14px;
                border-left: 1px solid #fff
            }

                .top_nav_right ul li a:hover {
                    color: #fff603 !important;
                }

.top_ser {
    float: left;
    width: 500px;
    height: 30px;
    margin-top: 10px;
    overflow: hidden;
    text-align: right;
}

.ser_txt {
    padding: 0;
    margin-top: 0px;
    height: 30px;
    width: 220px;
    line-height: 30px;
    border: 1px solid #fffdf9;
    font-size: 14px;
    float: left;
    display: block;
    margin-left: 195px;
    outline: none
}

.top_ser img {
    margin-left: 10px;
    float: left;
    display: block
}


.main {
    width: 100%;
	height:auto; 
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    background: url(../img/img02/main_bg.jpg) center bottom no-repeat;
}



.main_top_box {
    float: none;
    width: 1300px;
    height: 100%;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}

.top_left {
    width: 600px;
    height: auto;
    margin: 0;
}

.top {
    float: left;
    margin-top: 50px;
}


#navcont {
    height: 65px;
    float: none;
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
    background: url(../img/img02/nav_bg.jpg) repeat-x;
    margin-top: 15px;
}

#nav {
    font-family: helvetica;
    float:left;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #fff;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #nav ul {
        list-style-type: none;
        margin: 0 auto;
        display: flex;
    }

        #nav ul li {
            float: left;
            position: relative;
            margin-top: 10px;  width:118px;
            background: url(../img/img02/nav_line.jpg) no-repeat right center;
        }

            #nav ul li a {
                padding: 0px;
                display: block;
                text-decoration: none;
                text-align: center;width:100%;
                color: #fff;
                height: 35px;
                line-height: 35px;
            }

                #nav ul li a:hover {
                    background: #aed8f9;
                    color: #0061ae;
                }

            #nav ul li ul {
                display: none;
            }

            #nav ul li:hover ul {
                display: block;
                position: absolute;
                padding-top:12px;
                left: 0px;
                border: 0px solid #cac7c7;
                border-top: none;
                border-bottom: none;
                z-index: 9999
            }

                #nav ul li:hover ul li {
                    margin-top: 0px;
                    font-size: 14px; background:none;
                }

                    #nav ul li:hover ul li a {
                        display: block;
                        background: #aed8f9;
                        color: #1c2126;
                        width: 118px;
                        text-align: center;
                        border-bottom: 1px solid #fffdf9;
                        height: 40px;
                    }

                        #nav ul li:hover ul li a:hover {
                            background: #67b6f5;
                            color: #ffffff;
                            height: 40px
                        }

/*  This piece of code is for a third level drop down menu and is not included in this tutorial  #nav ul 
li:hover ul li ul {display:none;}
 #nav ul li:hover ul li:hover ul {display:block; position: absolute; top:-1px; left: 151px;}*/

.banner {
    text-align: center;
    width: 1300px;
    height: 445px;
    margin: 0 auto;
}

.news_box {
    float: left;
    width: 100%;
    clear: both;
    border-top: 12px #0c52a6 solid;
    background: #ffffff;
    margin-top: 15px;
}

.news_tit {
    float: left;
    width: 100%;
    padding-top: 22px;
    height: 44px;
    border-bottom: 2px #0074d2 solid;
}

    .news_tit a img {
        float: right;
        display: block;
        margin-right: 6px;
    }

    .news_tit div {
        float: left;
    }

        .news_tit div.news_more {
            float: right;
        }


.news_img {
    float: left;
    width: 300px;
    padding: 10px;
    height: 285px;
    background-color: #eaecec;
}

    .news_img ul, .news_img ul li {
        float: left;
        width: 300px;
    }

        .news_img ul li img {
            border: 4px #fff solid;
            width: 292px;
            height: 160px;
        }

        .news_img ul li.news_tit {
            height: 50px;
        }

            .news_img ul li.news_tit a {
                color: #ed1515;
                font-weight: bold;
                line-height: 50px;
                font-size: 14px;
            }

                .news_img ul li.news_tit a:hover {
                    color: #000;
                    font-weight: bold;
                    line-height: 50px;
                    font-size: 14px;
                }

        .news_img ul li.news_con {
            color: #000;
            font-size: 12px;
            line-height: 18px;
            height: 66px;
            overflow: hidden;
        }

.news_list {
    float: left;
    width: 450px;
    margin-left: 55px;
}

    .news_list ul, .news_list ul li {
        float: left;
        width: 100%
    }

        .news_list ul li {
            list-style-type: square;
            color: #1d6aa6
        }

            .news_list ul li a {
                line-height: 36px;
                color: #0d1014;
            }

                .news_list ul li a:hover {
                    color: #0971b8;
                }

.main_box {
    padding-bottom: 18px;
    margin-top: 24px;
    height: 380px;
    float: none;
    width: 1300px;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
	float:none;
}



.zhxw_box {
    float: left;
    width: 815px;
    padding: 20px 20px;
    padding-top: 0px;
    background-color: #fff;
    box-shadow: 1px 3px 2px 1px #c1c1c1;
    height: 365px;
}

.zhxw_left {
    float: left;
    width: 300px;
}

    .zhxw_left img {
        width: 300px;
        height: 210px;
        margin-top: 30px;
    }

    .zhxw_left a.zhxw_tit02 {
        line-height: 35px;
        text-align: center;
        display: block;
        width: 100%;
    }

.zhxw_tit {
    float: left;
    width: 100%;
    padding-top: 12px;
    height: 68px;
    border-bottom: 1px #0074d2 solid;
}

    .zhxw_tit a img {
        float: right;
        display: block;
        margin-right: 6px;
        margin-top: 18px;
    }

.zhxw_list {
    float: left;
    width: 490px;
    margin-top: 28px;
    margin-left: 10px;
}

    .zhxw_list ul {
        float: left;
        width: 100%;
    }

    .zhxw_list ul {
        width: 100%;
        overflow: hidden;
    }

        .zhxw_list ul li {
            float: left;
            width: 470px;
            height: 40px;
            overflow: hidden;
            line-height: 40px;
            background: url(../img/img02/news_icon.jpg) 2px no-repeat;
            padding-left: 20px;
        }

            .zhxw_list ul li a {
                float: left;
                width: 400px;
                line-height: 40px;
                height: 40px;
                overflow: hidden;
                display: block;
                color: #2e2e2e
            }

                .zhxw_list ul li a:hover {
                    color: #0473cc
                }

            .zhxw_list ul li span {
                float: right;
                width: 50px;
                text-align: right;
                color: #999999;
                padding-right: 10px;
            }

.tzgg_box {
    float: left;
    width: 372px;
    padding: 30px 20px;
    padding-top: 0px;
    background-color: #fff;
    box-shadow: 1px 3px 2px 1px #c1c1c1;
    height: 355px;
}

.tzgg_tit {
    float: left;
    width: 100%;
    padding-top: 22px;
    height: 58px;
    border-bottom: 1px #0074d2 solid;
}

    .tzgg_tit a img {
        float: right;
        display: block;
        margin-right: 6px;
        margin-top: 10px;
    }

.tzgg_list {
    float: left;
    width: 100%;
    margin-top: 14px;
}

    .tzgg_list ul, .tjyd_list ul li {
        float: left;
        width: 100%;
    }

    .tzgg_list ul {
        width: 100%;
        overflow: hidden;
    }

        .tzgg_list ul li {
            float: left;
            width: 365px;
            height: 42px;
            overflow: hidden;
            line-height: 42px;
            background: url(../img/img02/news_icon.jpg) 2px no-repeat;
            padding-left: 20px;
            border-bottom: 1px solid #aeaeae
        }

            .tzgg_list ul li a {
                float: left;
                width: 280px;
                line-height: 42px;
                height: 42px;
                overflow: hidden;
                display: block;
                color: #2e2e2e
            }

                .tzgg_list ul li a:hover {
                    color: #0473cc
                }

            .tzgg_list ul li span {
                float: right;
                width: 60px;
                text-align: left;
                color: #999999;
            }

.xyfc_box {
    float: left;
    width: 372px;
    padding: 40px 20px;
    padding-top: 6px;
    background-color: #fff;
    box-shadow: 1px 3px 2px 1px #c1c1c1;
}

.xyfc_list {
    float: left;
    width: 100%;
    margin-top: 14px;
}

    .xyfc_list ul, .tjyd_list ul li {
        float: left;
        width: 100%;
    }

    .xyfc_list ul {
        width: 100%;
        overflow: hidden;
    }

        .xyfc_list ul li {
            float: left;
            width: 365px;
            height: 44px;
            overflow: hidden;
            line-height: 44px;
            background: url(../img/img02/news_icon.jpg) 2px no-repeat;
            padding-left: 20px;
            border-bottom: 1px dashed #7f7c7c
        }

            .xyfc_list ul li a {
                float: left;
                width: 365px;
                line-height: 44px;
                height: 44px;
                overflow: hidden;
                display: block;
                color: #2e2e2e
            }

                .xyfc_list ul li a:hover {
                    color: #0473cc
                }

            .xyfc_list ul li span {
                float: right;
                width: 60px;
                text-align: left;
                color: #4a4e54;
            }

.xxtz_box {
    float: left;
    width: 426px;
    margin-left: 40px;
    border-top: 12px #0c52a6 solid;
    padding-top: 18px;
}

.xxtz_list {
    float: left;
    width: 100%;
    margin-top: 14px;
}

    .xxtz_list ul, .xxtz_list ul li {
        float: left;
        width: 100%;
    }

        .xxtz_list ul li {
            float: left;
            width: 406px;
            line-height: 34px;
            background: url(../img/img02/news_icon.jpg) 5px no-repeat;
            padding-left: 25px;
        }

            .xxtz_list ul li a {
                float: left;
                width: 325px;
                height: 34px;
                line-height: 34px;
                display: block;
                overflow: hidden;
            }

                .xxtz_list ul li a:hover {
                    color: #034a9f
                }

            .xxtz_list ul li span {
                float: left;
                width: 60px;
                text-align: left;
                color: #4a4e54;
                margin-left: 12px;
                text-align: center
            }




.main_foot {
    float: left;
    margin-top: 18px;
    margin-bottom: 18px;
    width: 100%;
    background: url(../img/img02/foot_bg.jpg) repeat-x;
    color: #fcffff;
    font-size: 14px;
    height: 180px;
    line-height: 140px;
}

.foot {
    float: none;
    width: 1300px;
    height: 100%;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    background: url(../img/img02/foot_bg2.png) center -40px no-repeat;
}

    .foot div {
        float: none;
        width: 1196px;
        margin-top: 28px;
        margin-left: auto;
        text-align: center;
        margin-right: auto;
        font-family: Arial, Helvetica, sans-serif;
    }


.page{float:left; width:100%;margin-top:20px; text-align:center;}

.page ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.page ul.pagination li {display: inline;float: left;line-height:22px;}

.page ul.pagination li a {
    float: left;
    padding: 0px 15px;
	margin:0 3px;
    text-decoration: none;
    transition: background-color .3s;
    border: 2px solid #0473cc;
}

.page ul.pagination li a.active {
    background-color: #0473cc;
    color: white;
    border: 1px solid #0473cc;
}

.page ul.pagination li a:hover:not(.active) {background-color: #78c0fa;}




.newslist_box_R{float:right;width:1010px;}
.con_tit{border-bottom:2px #0473cc solid; height:75px;color:#0473cc}
.tit01{ display:block; margin-top:30px;line-height:45px; width:200px; float:left;font-size:22px;letter-spacing:0.1em; font-weight:200;color:#000}
.con_tit a{  padding:0 10px; color:#0473cc}
.con_tit a:hover{ color:#000}
.tit02{ display:block; margin-top:30px;line-height:40px; width:750px; float:right; text-align:right;font-size:16px;}

.con{float:left;width:920px;padding:10px 45px;line-height:32px;color:#05141f}
.con p{margin-bottom:10px; text-indent:2em;}

.tit03{  margin-top:20px;line-height:40px; width:100%;  text-align:center;font-size:26px;}



.newslist_box_L{float:left;width:257px; overflow:hidden;background:#fff;}
.news_tit02{float:left;width:100%; height:130px; background:#0473cc; font-size:34px; letter-spacing:0.1em;font-family:Arial, Helvetica, sans-serif; font-weight:bold;color:#fff; text-align:center; line-height:130px;}

.con_nav_left,.con_nav_left ul,.con_nav_left ul li{float:left;width:100%;}
.con_nav_left{ margin-top:8px; }
.con_nav_left ul li{height:75px;background:url(../img/img02/border02.jpg) bottom no-repeat; text-align:center;font-size:20px;font-family:Arial, Helvetica, sans-serif;color:#000; line-height:75px; }
.con_nav_left ul li a{ display:block;}
.a_hover{ color:#fff;background:url(../img/img02/menu_on_bg.jpg) center no-repeat; }
.con_nav_left ul li a:hover{ color:#fff;background:url(../img/img02/menu_on_bg.jpg) center no-repeat; }

.con_newslist{ width:100%;float:left; border-bottom: 1px dashed #ccc; padding:25px 0; display:flex;}
.con_newslist_img{ }
.con_newslist_img img{ width:220px;height:140px; margin-right:20px;}

.con_newslist_con{ flex:1;}
.con_newslist_con ul,.con_newslist_con ul li{width:100%;float:left; }
.news_tit03{float:left;color:#000;}
.news_tit03 a{ display:block; float:left;width:500px; line-height:30px;font-size:18px; letter-spacing:0.05em;font-family:Arial, Helvetica, sans-serif; font-weight:600;}
.news_tit03 span{ display:block; float:right;width:250px;color:#0473cc; text-align:right;padding-right:10px;font-size:14px;}
.news_con {
            color: #000;
            font-size: 14px;
            line-height: 24px;
            margin-top:12px;
			height:70px;
			overflow:hidden;
        }
		
.yxsz_tit{float:left;width:100%;height:40px;line-height:40px;  font-size:24px; font-weight:bold; color:#231919;background:url(../img/img02/icon01.png) left no-repeat;}
.yxsz_tit span{padding-left:30px;}
.yxsz_tit02{float:left;width:100%;height:40px;line-height:40px;  font-size:24px; font-weight:bold; color:#0473cc;}
.yxsz_tit02 span{padding-left:10px;}
.yxsz{float:left;margin-top:30px; margin-bottom:20px;line-height:40px; width:100%;  font-size:14px;}
.yxsz ul{float:left;width:100%;}
.yxsz ul li{float:left; width:132px;text-align:center;
	 margin-left:10px;}
.yxsz ul li a{color:#000;width:100%;float:left; display:block;background: rgba(255,255,255,1);border-radius:6px;}
.yxsz ul li a:hover{color:#fff;background: rgba(4,115,204,1);border-radius:6px; }