@charset "utf-8";
/* Rest CSS */
*{margin:0;padding:0;}
html{color:#333;overflow-y:scroll;-webkit-text-size-adjust:none;background:#fff;}
input,button,textarea,optgroup,option,p,div,ul{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
body{font:12px/1.5 "Microsoft YaHei",微软雅黑,'宋体',tahoma,helvetica,arial,sans-serif;color:#333;background:#fff;}
fieldset,img{border:0;}
.cc{clear:both; font-size:1px; height:0; line-height:0;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{visibility:hidden;display: block;font-size: 0;content:" ";clear:both;height:0;}
* html .clearfix {zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */
li,ul,dl,dt,dd{list-style:none;vertical-align:top;}
dd,li{list-style:none;}
a{color:#333;text-decoration:none;font-family:"Microsoft YaHei",微软雅黑;}
a:hover{text-decoration:none;color:#467c9e;}
a img{border:none;}
h1,h2,h3,h4,h5,h6{ font-weight: normal; }
h1{ font-size: 18px; }
h2{ font-size: 14px; }
h3{ font-size: 12px; }
.fr,.right,#right{float:right}
.fl,.left,#left{float:left}
.font_ff{ font-family:Arial, Helvetica, sans-serif;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}

body{ background: url(2018zfgzbb_banner.png) #4d9ddc no-repeat top center}
.banner{width:100%; height:494px;}
.con{width:1100px; margin:0px auto; margin-top:30px;}
.con .title { background:url(2017zfgzbb_title.png) no-repeat; line-height:78px; height:106px; margin:50px auto;}
.con .title a{font-size:40px; font-weight:bold; color:#fff; text-align:center; width: 530px; display: block; margin:0px auto;}

.con .list{width:1100px; background:#fff; margin:0px auto;}
.con .list ul li{ float:left; margin-left:20px; height:52px; line-height:52px; background:url(2017zfgzbb_dian.png) left center no-repeat; text-indent:20px; width: 22%;overflow: hidden;}
.con .list ul li a{ font-size:18px; }

.con .gzbm{ background:url(2017zfgzbb_bg.png) no-repeat; width:860px; height:520px; padding:60px 120px; }
.con .gzbm ul li{float:left;margin-left: 20px;height:52px;line-height:52px;width: 22%;overflow: hidden;}
.con .gzbm ul li a{ font-size:18px; color:#fff;}

.footer{  margin:0px auto; background:#fff; margin-top:100px;}
.footer p{ font-size:16px;  text-align:center;}

@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 1200px) {
body{background-size: 160% !important;!i;!;}
.ztlogo a img{width: 30%;margin-left: 2%;}
.con{width:100%;}
.con a img{width:100%;}
.con .gzbm{width: 97%;margin: 0px auto;padding: .1rem;background: #0169a4;height: auto;display: flex;border-radius: 5px;}
.con .title a{width:100%;font-size: 18px;}
.con .list{width: 97%;background: #0169a4;display: flex;border-radius: 5px;}
.banner{height: 5rem;}
.con .title{background: #0169A4;margin: 10px auto;height: auto;line-height: 2rem;width: 80%;border-radius: 20px;background-position: center;}
.con .gzbm ul li{width: 30.33%;margin: 1.5%;}
.con .list ul li{background: none;margin: 0;width: 50%;}
.con .list ul li a{color:#fff;}

    
}

/* 关怀版适配 */
.useOld .con .gzbm ul {height: 560px;overflow-y: scroll;}
.useOld .con .gzbm ul::-webkit-scrollbar{width: 5px;}
.useOld .con .gzbm ul::-webkit-scrollbar-track{border-radius: 5px;background: #f4f4f4;}
.useOld .con .gzbm ul::-webkit-scrollbar-thumb{border-radius: 5px;background: #b0b0b0;}
.useOld .con .gzbm ul li{width: 400px;}
.useOld .con .gzbm ul li {width: 400px;}
.useOld .con .gzbm ul li a, .useOld .con .list ul li a{    font-size: 30px !important;}
.useOld .con .list ul li{width: calc(33.33% - 20px);}