@charset "utf-8";
body{background: url(/gasrmzf/xhtml/ztzl/wxzfjs/images/wxzf_bg.png) no-repeat center top;}
.wxzfjs-header{height: 350px;}
.wxzfjs-header a{display: block; height: 100%;}
.wxzfjs-header .m{display: none;}
.wxzfjs-mainNav{height: 54px; background: #035294; overflow: hidden;}
.wxzfjs-mainNav li{float: left; width: 33.3333%; line-height: 54px; text-align: center;}
.wxzfjs-mainNav li a{color: #fff; font-size: 1.25em; font-weight: bold;}

.wxzfjs-container .mainBox{padding: 30px;}
.wxzfjs-wxzf{padding:0 0 20px;}
.wxzfjs-wxzf .tit{padding: 20px 0 40px;}
.wxzfjs-wxzf .tit img{display: block; margin: 0 auto;}
.wxzfjs-wxzf .menu li{float: left; width: 20%;}
.wxzfjs-wxzf .menu li a{display: block; margin: 0 auto 30px; width: 183px; height: 183px; border-radius: 50%; background: url(/gasrmzf/xhtml/ztzl/wxzfjs/images/jianshewuxingzhengfu_11.png) no-repeat;}
.wxzfjs-wxzf .menu li a span{display: none;}
.wxzfjs-wxzf .menu li.li1 a{background-position: 0 0;}
.wxzfjs-wxzf .menu li.li2 a{background-position:-200px 0;}
.wxzfjs-wxzf .menu li.li3 a{background-position:-397px 0;}
.wxzfjs-wxzf .menu li.li4 a{background-position:-598px 0;}
.wxzfjs-wxzf .menu li.li5 a{background-position:-798px 0;}
.wxzfjs-wxzf .menu li.li1 a:hover{background-position: 0 -188px;}
.wxzfjs-wxzf .menu li.li2 a:hover{background-position:-200px -188px;}
.wxzfjs-wxzf .menu li.li3 a:hover{background-position:-397px -188px;}
.wxzfjs-wxzf .menu li.li4 a:hover{background-position:-598px -188px;}
.wxzfjs-wxzf .menu li.li5 a:hover{background-position:-798px -188px;}
.wxzfjs-wxzf-layer .cont{display: none;}
.wxzfjs-wxzf-layer .layui-layer{max-width: 95%;}
.wxzfjs-common-box{background: #fbfbfb; padding: 20px;}
.common-title .more{float: right; font-size: .875em; line-height: 26px;}
.common-title.grain h3:before{background: #3c5bc5;}
.wxzfjs-common-box .common-title{margin-bottom: 15px;}
.newsList.dot li h4:before{background: #3c5bc5;}

.wxzfjs-btnlinks{margin-bottom: 20px;}
.wxzfjs-btnlinks li{float: left; width: 50%; text-align: center;}
.wxzfjs-btnlinks li a{display: inline-block;}


.wxzfjs-spsc{
  padding-top: 20px;
}
.wxzfjs-spsc .menu li{
  width: 25%;
}
.wxzfjs-spsc .menu li a{
  background: url(/gasrmzf/xhtml/ztzl/wxzfjs/images/20220217090631.png) no-repeat;
}
.wxzfjs-spsc .menu li.li6 a {background-position: 0 0;}
.wxzfjs-spsc .menu li.li7 a{background-position:-200px 0;}
.wxzfjs-spsc .menu li.li8 a{background-position:-397px 0;}
.wxzfjs-spsc .menu li.li9 a{background-position:-598px 0;}
.wxzfjs-spsc .menu li.li6 a:hover{background-position: 0 -188px;}
.wxzfjs-spsc .menu li.li7 a:hover{background-position:-200px -188px;}
.wxzfjs-spsc .menu li.li8 a:hover{background-position:-397px -188px;}
.wxzfjs-spsc .menu li.li9 a:hover{background-position:-598px -188px;}
/* list */
.wxzfjs-crumb{border-bottom: 2px solid #e5e5e5; margin: 0 30px;}
.wxzfjs-crumb h2{ padding:25px 20px 25px 30px; line-height: 20px; font-size:1em; font-weight: normal; background: url(/gasrmzf/xhtml/ztzl/wxzfjs/images/icon_position.png) no-repeat 0 center;}
.wxzfjs-crumb a:hover{color: #3c5bc5;}
.wxzfjs-crumb span{color: #3c5bc5;}
.wxzfjs-crumb.gray{padding-top: 5px; background: #f5f5f5;}
.wxzfjs-crumb.gray h2{padding: 15px 15px 15px 30px; background-position: 0 center;}
.innerPage{margin-bottom: 50px; border: #e3e3e3 1px solid; border-top: none;}

.pageList.split li:nth-child(5n),
.pageList.split .addLine{margin-bottom:15px; padding-bottom:25px; border-bottom:1px dashed #e3e3e3;}
.pageList.split li:last-child{margin-bottom: 0 !important;}


@media (max-width: 1080px) {
  body{background: none;}
  .wxzfjs-header{height: auto;}
  .wxzfjs-header .m{display: block;}
  .wxzfjs-header img{display: block; width: 100%;}
  .wxzfjs-container .mainBox{padding: 20px 0;}
  .wxzfjs-wxzf .menu{margin: 0 -10px;}
  .wxzfjs-wxzf .menu li a{background: #0083be; border-radius: 8px; width: auto; height: auto; margin: 0 10px 20px;}
  .wxzfjs-wxzf .menu li a span{display: block; padding: 5px 0; text-align: center; color: #fff; font-size: 1.25em; font-weight: bold;}

  .wxzfjs-btnlinks li{width: 100%;}
  .wxzfjs-btnlinks li + li{margin-top: 20px;}

  .innerPage{border: 0;}
  .wxzfjs-crumb{margin: 0;}
}

@media (max-width: 580px) {
  .wxzfjs-wxzf .menu li{width: 33.3333%;}
}

@media (max-width: 320px) {
  .wxzfjs-wxzf .menu li{width: 50%;}
}