body{background: url(../images/zfxxzdgk_bg.png) center 120px #f5f8fa no-repeat ;}
.header_top{background-color: #5693ac;}
.zdgk_head{margin: 0;}
.zdgk_body{margin-bottom: 60px;}
.banner_top{background-color: #1b4fa5;}
.ztzl_logo{display: block;margin-top: 40px;width: 350px;}
.ztzl_logo img{display: block;width: 100%;}
.zfxxzdgkTle{position: relative;text-align: center;}
.zfxxzdgkTle .img{margin: 100px 0 70px 0;}
.zt_intro{position: relative;padding: 30px 34px;border-radius: 10px;text-align: justify;background-color: #1169ec;box-shadow: 0 0 6px 2px #c9c9c973;}
.zt_intro p{line-height: 36px;font-size: 22px;text-indent: 2em;color: #FFF;}
.zt_intro .zdgk_pentagram{position: absolute;top: 0;}

.zdgk_box{background-color: #fff;box-shadow: 0 0 6px 2px #c9c9c973;border-radius: 10px;margin-top: 24px;padding: 30px 20px;}
.zdgk_box .zdgk_list{margin-bottom: 60px;}
.zdgk_box .zdgk_list:last-child{margin-bottom: 0;}
.zdgk_box .zdgk_list .zdgk_tle{text-align: center;margin-bottom: 10px;}
.zdgk_box .zdgk_list .zdgk_tle a{display: block;}
.zdgk_box .zdgk_list .zdgk_tle a img{display: block;}
.zdgk_box .zdgk_list .zdgk_cont{margin: 0px;}
.zdgk_box .zdgk_list .zdgk_cont ul{position: relative;}
.zdgk_box .zdgk_list .zdgk_cont ul li{margin: 24px 0 0;width: 19%;float: left;margin-right: 1.25%;}
.zdgk_box .zdgk_list .zdgk_cont ul li:nth-child(5n){margin-right: 0;}
.zdgk_box .zdgk_list .zdgk_cont ul li a{display: flex;padding-left: 30px;height: 70px;line-height: 70px;align-items: center;background: url(../images/zfxxzdgk_xsqlist.png) no-repeat;color: #0e58a5;}
.zdgk_box .zdgk_list .zdgk_cont ul li a:hover{
    opacity: .8;
}
.zdgk_box .zdgk_list .zdgk_cont ul li a img{margin-right: 12px;display: block;width: 18px;height: 14px;}
.zdgk_box .zdgk_list .zdgk_cont ul li a span{display: inline-block;line-height: 20px;max-width: 80%;}

.zdgk_xsq ul li{float: left;width: 18.5%;margin-right: 1.87%;margin-bottom: 1.87%;}
.zdgk_xsq ul li:nth-child(5n+5){margin-right: 0%;}
.zdgk_xsq ul li a{display: block;}
.zdgk_xsq ul li a:hover{opacity: .9;}
.zdgk_xsq ul li a img{display: block;}


@media screen and (max-width: 800px){
    .header_top{display: none;}
    .ztzl_logo{width: 60%;margin: 20px 0 0 20px;}
    .zfxxzdgkTle{margin-top: 0;}
    .zfxxzdgkTle .img{display: block;width: 80%;margin: 20px auto;}
    .zt_intro{padding: 10px;border: none;}
    .zt_intro p{line-height: 1.8;font-size: 16px;}
    .zt_intro .zdgk_pentagram{display: none;}
    .zdgk_body{padding: 0 10px;margin-bottom: 20px;}
    .zdgk_box .zdgk_list .zdgk_tle{background: none;}
    .zdgk_box .zdgk_list .zdgk_tle a{font-size: 18px;}
    .zdgk_box .zdgk_list{margin-bottom: 20px;}
    .zdgk_box .zdgk_list .zdgk_cont ul li{width: 49%;margin-right: 2%;margin-top: 10px;}
    .zdgk_box .zdgk_list .zdgk_cont ul li:nth-child(2n){margin-right: 0;}
    .zdgk_box .zdgk_list .zdgk_cont ul li:nth-child(5n){margin-right: 2%;}
    .zdgk_box .zdgk_list .zdgk_tle a img{width: 100%;}
    .zdgk_xsq ul li {width: 100%;margin-right: 0;}
    .zdgk_xsq ul li a img{margin: 0 auto;}
}