@charset "utf-8";

body{padding:0; margin:0; font-family:Microsoft Yahei;  font-size:16px; color:#333; text-align:left;
position:relative;-webkit-text-size-adjust:none;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, select, form, fieldset, input, button, textarea, blockquote, table{padding:0;margin:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style:none;}
i{font-style:normal; vertical-align:top; display:inline-block; background-repeat:no-repeat;}
a{ text-decoration:none;color: #333;}
table{border-collapse:collapse;border-spacing:0;margin:auto;}
th,td{padding:0}
img,a img{border:0;margin:0;padding:0; vertical-align:middle;}
img, table, object, embed, video{max-width:100%;}
.clearbox{clear: both;}
.m20{margin-top: 20px;}

.wrapbox{width: 100%; background: url(/zjg/xhtml/ztzl/zjgsxxghjszt/images/zjgsxxghjszt_banner.png) no-repeat top center;}
.bannerbox_m{display: none;}
.container{max-width: 1200px; margin: 0 auto;}
.bannerbox{height: 526px;}
.logobox{padding-top: 35px;}
.daoyu{background-color: #EBF2FF;padding:20px 40px;}
.daoyu_txt{line-height: 35px; color: #466590; font-size: 20px;text-indent: 2em;}
.mainbox{padding-top: 20px;}
.common_hd{text-align: center; position: relative;}
.common_hd::after{display: block; content: ""; width: 23%; height: 2px; background: url(/zjg/xhtml/ztzl/zjgsxxghjszt/images/line.png) no-repeat left center; transform:rotate(180deg);position: absolute; left: 0; top: 45%;}
.common_hd::before{display: block; content: ""; width: 23%; height: 2px; background: url(/zjg/xhtml/ztzl/zjgsxxghjszt/images/line.png) no-repeat left center; position: absolute;  top: 45%;right: 0;}
.common_hd a{font-size: 40px; font-weight: bold;line-height: 74px;color: #444; display: inline-block;} 
.xjxx_bd {overflow: hidden; margin-top: 20px;}
.xjxx_bd li{width: 32%; float: left; margin-bottom: 2%; margin-right: 2%;}
.xjxx_bd li:nth-child(3n){margin-right: 0px;}
.xjxx_bd li .pic{overflow: hidden;}
.xjxx_bd li .pic img{width: 100%; height: 251px;transition: all 0.4s ease 0s;display: block; }
.xjxx_bd li .pic img:hover{transform: scale(1.1);}
.xjxx_bd li span{display: block; text-align: center; font-size: 20px; font-weight: bold; line-height: 40px;}
.contbox02 .common_hd::after,.contbox02 .common_hd::before{width: 30%;}
.zs_div  .pub_li{background:url(/zjg/xhtml/ztzl/zjgsxxghjszt/images/zs_bj.png) no-repeat left top #CD373F;height: 250px;}
.zs_div  .pub_li a{display: block;background: url(/zjg/xhtml/ztzl/zjgsxxghjszt/images/zzjg_icon.png) center 30% no-repeat; line-height: 50px; color: #fff;font-size: 20px; 
font-weight: bold;  text-align: center;}
.zs_div .pub_li a {padding-top:40%;}
.zs_div .zs_ul01{overflow: hidden;}
.zs_div .zs_ul01 li{width: 33%; float: left; margin-right: 0.5%;margin-bottom: 0.5%;}
.zs_div .zs_ul01 li:nth-child(3n){margin-right: 0;}
.zs_div{overflow: hidden;margin-top: 20px;}
.zs_div .zs_ul01 a{display: block; position: relative; overflow: hidden; }
.zs_div a .title b:hover{color: #CD373F;}
.zs_div  img{transition: all 0.4s ease 0s;display: block;width: 100%; height: 250px;}
.zs_div  img:hover{transform: scale(1.1);opacity: 0.9;}
.zs_div  .zhezhao{display: block; height: 48px; background-color: #000; opacity: 0.5;position: absolute; left: 0; bottom: 0;width: 100%;}
.zs_div  .title{display: block; line-height: 50px; position: absolute; width: 100%; color: #fff; font-size: 20px;text-align: center;position: absolute; left: 0;bottom: 0;}
.zs_div  .title b{display: block;}
.zs_ul02{overflow: hidden; margin-top: 10px;}
.zs_div .zs_ul02 a{display: block; position: relative; overflow: hidden}
.zs_ul02 .li01{width: 66.25%; float: left;}
.zs_ul02 .li01 img{width: 100%; height: 250px;}
.zs_ul02 .pub_li{width: 33.25%; float: right;}
.zs_ul03{margin-top: 10px; overflow: hidden;}
.zs_div .zs_ul02 .pub_li{background:url(/zjg/xhtml/ztzl/zjgsxxghjszt/images/jkq_bj.png) no-repeat left top #3173C4;}
.zs_div .zs_ul02 .pub_li a{background: url(/zjg/xhtml/ztzl/zjgsxxghjszt/images/jkq_icon.png) center 30% no-repeat; }
.zs_div .zs_ul03 .pub_li{background:url(/zjg/xhtml/ztzl/zjgsxxghjszt/images/gqq_bj.png) no-repeat left top #3788AD;}
.zs_div .zs_ul04 .pub_li a{background: url(/zjg/xhtml/ztzl/zjgsxxghjszt/images/gqq_icon.png) center 30% no-repeat; }



@media (max-width:990px) {
.mainbox{width: 96%; margin: 0 auto;}
.zs_div .pub_li a{padding-top: 52%;}
.common_hd::before,.common_hd::after{width: 10%;}
}

@media (max-width:768px) {
.wrapbox{background: none;}
.bannerbox{height: auto;}
.logobox{display: none;}
.bannerbox_m{display: block;}
.bannerbox_m img{display: block; width: 100%;}
.zs_div .pub_li a{padding-top: 52%;}	
.zs_div .zs_ul03 .pub_li,.zs_div .zs_ul01 li,.zs_ul02 .li01,.zs_div .zs_ul02 .pub_li{width: 100%; float: none; overflow: hidden; height: auto;
 margin-bottom: 10px; margin-right: 0px;}
.zs_div img{height: auto;}
.xjxx_bd li{width: 100%;float: none;margin-right:0px !important ;}
.xjxx_bd li .pic img{height: auto;}
.zs_div  .pub_li a{display: block;background: url(/zjg/xhtml/ztzl/zjgsxxghjszt/images/zzjg_icon.png) center 20px no-repeat;}
.zs_div .zs_ul02 .pub_li a{background: url(/zjg/xhtml/ztzl/zjgsxxghjszt/images/jkq_icon.png) center 20px no-repeat; }
.zs_div .zs_ul04 .pub_li a{background: url(/zjg/xhtml/ztzl/zjgsxxghjszt/images/gqq_icon.png) center 20px no-repeat; }
.zs_div .pub_li a{padding-top: 120px; padding-bottom: 20px;}
.zs_ul02 .li01 img{height: auto;}

}

@media (max-width:640px) {
.common_hd::before,.common_hd::after{display: none;}	
.common_hd a{font-size: 30px;}
}