a { color: inherit; }
i { float: left;background-color: #aaa;margin-top: 15px;width: 4px;height: 4px; }

header { position: relative; }
header img { width: 100%;min-width: 1200px; }
header nav { position: absolute; bottom: 0;width: 100%;;height: 60px;background-color: #376ea3;  }
header nav ul { overflow: hidden;height: 100%;display: flex;justify-content: center; }
header nav ul li { width: 11%;height: 100%;font-size: 20px;color: white;display: flex;justify-content: center;align-items: center; }
header nav ul li:hover { background-color: white; }
header nav ul li a { width: 100%;height: 100%;color: white;text-align: center;box-sizing: border-box;padding: 15px 0; }
header nav ul li a:hover { color: #376ea3; }

main { width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap; }

.top-box { margin: 20px 10px; }
/* 轮播部分 */
.slide { display: inline-block;width: 557px;height: 355px;overflow: hidden;position: relative; }
.slide a {cursor: pointer; }
.box_img { width: 557px;height: 355px;overflow: hidden; }
.box_img ul li { position: absolute;display: none;}
.box_img ul li a>img { display: block;width: 557px;height: 355px; }
.box_tab { display: block;width: 557px;height: 50px;box-sizing: border-box;padding-right: 15px;margin-top: -50px;
    z-index: 999;text-align: right;background: rgba(0, 0, 0, .6);position: relative;font-size: 0; }
.box_tab a { line-height: 50px;margin-right: 10px;overflow: hidden; }
.box_tab a>i { width: 12px;height: 12px;background: #fff;position: relative;border-radius: 100%;z-index: 99;
    vertical-align: middle; }
.box_tab a>i:hover { background: #cc3333; }
.box_tab a>span { display: none;position: absolute;left: 0;bottom: 1px;margin: 0 auto;line-height: 50px;font-size: 16px;
    color: #fff;text-align: left;box-sizing: border-box;padding-left: 20px;width: 80%;overflow: hidden;text-overflow: ellipsis;
    white-space: nowrap;
}
.box_tab a.active>span { display: block; }
.box_tab a.active>i { background: #e8340c; }
/* 轮播部分结束 */

/* 新闻 */
.tab-title>div img { height: 41px; }
.yw-box { margin-left: 40px;width: 583px;height: auto; }
.pub-table-box { margin-top: 6px; }
.tab-title>div { width: 25%; }
.pub-table-box ul { height: auto; }
.pub-table-box li { font-size: 16px;padding-left: 0px;line-height: 36px;overflow: hidden;position: relative;height: 30px;
    color: #666;margin-right: 6px;color: #3a3a3a; }
.five_banner { width: 1115px;height: auto;padding: 0 25px;float: right; }

/* 专题 */
.ztzl-box { margin-top: 10px; }
.ztzl-icon { float: left;width: 85px; }
.fiveleft { position: absolute;top: 40px; }
.fiveright { top: 40px; }


.info-box, .zwgk-box, .fwxx-box { width: 32%;margin-right: 2%;padding: 0 10px 10px;border: 1px solid #eee;box-sizing: border-box; }
.title-box { border-bottom: 2px solid #30699e;font-size: 20px;font-weight: bold;margin-top: 10px;margin-bottom: 10px; }

.tzgg-box li { overflow: auto; }
.tzgg-box li a { float: left;position: relative;margin-left: 10px;line-height: 35px;font-size: 14px;width: 95%; }
.tzgg-box li span { position: absolute;bottom: 0px;right: 0;color: #aaa; }

.sub-title { font-size: 16px;color: #1a5284; }
.zcwj-box li { overflow: auto; }
.zcwj-box li a { float: left;margin-left: 10px;line-height: 35px;font-size: 14px;width: 75%; }
.zcwj-box li p { overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.zcwj-box li span { float: right;margin-top: 7px;width: 15%;color: #aaa;text-align: right; }

.zfxxgk-box { display: flex;flex-wrap: wrap;justify-content: start;margin-top: 15px; }
.zfxxgk-box li { width: 48%;height: 80px;border: 1px solid #eee;box-sizing: border-box;padding: 10px;margin-right: 4%;;margin-bottom: 10px;border-radius: 5px; }
.zfxxgk-box li:nth-child(2n) { margin-right: 0%; }
.zfxxgk-box li:hover { border: 1px solid #346da5;background-color: #f2f8ff; }
.zfxxgk-box li a {  width: 100%;height: 100%;display: flex;justify-content: center;align-items: center; }
.zfxxgk-box li img { width: 20%; }
.zfxxgk-box li span { width: 40%;font-size: 14px;margin-left: 10px;text-align: center; }

.zfxxgk-options { display: flex;flex-wrap: wrap;justify-content: start;margin-top: 15px; }
.zfxxgk-options li { width: 23%;margin-right: 2%;margin-top: 10px; }
.zfxxgk-options li:nth-child(4n) { margin-right: 0%; }
.zfxxgk-options li a { display: flex;flex-direction: column;justify-content: start;align-items: center;width: 100%;height: auto; }
.zfxxgk-options li a span { margin-top: 5px;font-size: 14px;text-align: center; }

.fwxx-box { margin-right: 0; }
.zmhd-box { height: auto; }
.zmhd-options { display: flex;flex-wrap: wrap;justify-content: start; }
.zmhd-options li { width: 32%;margin-right: 2%;margin-top: 10px;background-color: #f2f8ff;padding: 5px 0; }
/* .zmhd-options li:hover { background-color: #346da5;color: white; } */
.zmhd-options li:nth-child(3n) { margin-right: 0%; }
.zmhd-options li a { display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 76px; }
.zmhd-options li a span { margin-top: 10px;font-size: 14px; }
.wzndbb-box { width: 100%;margin-top: 10px; }
.wzndbb-box img { width: 100%; }

.bmfw-btns { display: flex;flex-wrap: wrap;justify-content: start; }
.bmfw-btns li { width: 49%;margin-right: 2%;margin-top: 10px; }
.bmfw-btns li:nth-child(2n) { margin-right: 0%; }
.bmfw-btns li a { box-sizing: border-box;padding: 10px;width: 100%;display: flex;justify-content: center;align-items: center;background-color: #f8f8f8;border: 1px solid #eee; }
.bmfw-btns li a span { font-size: 14px;text-align: center;margin-left: 10px; }

.links-box ul { display: flex;justify-content: start;margin-top: 15px;width: 1200px; }
.links-box ul li { width: calc((100% - 30px)/3);margin-right: 15px; }
.links-box ul li:nth-child(3n) { margin-right: 0%; }
.links-box ul li a { width: 100%; }
.links-box ul li a img { width: 100%; }

footer { background-color: #f4f4f4;text-align: center; }
footer nav { margin-top: 15px;width: 100%;;height: 45px;background-color: #0168b7; }
footer nav ul { overflow: hidden;height: 100%;display: flex;justify-content: center; }
footer nav ul li { width: 13%;height: 100%;font-size: 14px;color: white;display: flex;justify-content: center;align-items: center; }
footer nav ul li:hover { background-color: white; }
footer nav ul li a { width: 100%;height: 100%;color: white;text-align: center;box-sizing: border-box;padding: 10px 0; }
footer nav ul li a:hover { color: #0168b7; }
footer img { width: 1200px; }

@media screen and (max-width: 750px) {
    main {
        width: 100%;
    }
    .top-box, .info-box, .zwgk-box, .fwxx-box { width: 100%; }
    .top-box {
        margin: 0.4rem 0 0 0;
        width: 100%;
    }
    .slide, .box_img, .box_img ul li, .box_img ul li a, .box_img ul li a>img {
        width: 100%;
        height: 5.16rem;
    }
    .yw-box {
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-bottom: 0.06rem;
    }
    .ztzl-logo {
        width: 18%;
    }
    .ztzl-logo img {
    width: 100%;
    }
    .five_banner {
        height: auto;
        width: 82%;
    }

    .links-box ul {
        width: 100%;
        flex-wrap: wrap;
    }

    .links-box ul li {
        width: 100%;
        margin-right: 0;
    }
}