@charset "utf-8";
/* CSS Document */
.container{ width: 1200px;}
.ls-zt-bodybg{background: url("../images-xzzfgs/zfgs-bodybg.png") center top no-repeat;}
.zfgs_header{position: relative; height: 380px; }
.zfgs_header .img_title{display: none;}
.zfgs_banner{position: relative; }
.zfgs_banimg{ text-align: center; padding-top:88px;}
.zfgs_banimg img{ max-width: 100%; height: auto;}
.zfgs_header .guidang{position:absolute;right: 0;top:0; z-index:99;}
.zfgs-logo{ float: left; padding: 25px 0 0 0; }
.zfgs-logo img{height: 59px; width: auto;}
.zfgs-toplink{ position: absolute; right: 0; top:32px; }
.zfgs-toplink li{ display:inline; float: left; font-size: 16px; line-height: 36px; height: 36px; vertical-align:middle; text-align: center;  margin-left: 20px;}
.zfgs-toplink li a{ color: #fff;}
.zfgs-toplink li a:hover{ opacity: .8;}
.zfgs-toplink li.user{  background:url("../images-xzzfgs/user-ico.png") left center no-repeat; padding-left: 22px;}
.zfgs-toplink li.num-wza a{  background:url("../images-xzzfgs/wza-ico.png") left center no-repeat; padding-left: 22px;}
.zfgs-toplink li a.old_btn { background:url("../images-xzzfgs/old-ico.png") left center no-repeat; padding-left: 22px;}
.zfgs-toplink li.gohome a{ display: inline-block;  padding: 0 20px 0 42px;   background:url("../images-xzzfgs/back-ico.png") 18px center no-repeat  #fff;border-radius: 20px;  color: rgb(0, 117, 253); -moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s; }
.zfgs-toplink li.gohome a:hover{ opacity: 1; background-position: 16px center; }
.member-logout{ margin-left: 10px;}
/* 底部 */
.ls-footer{ background: #0c6ee5;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container{ width: 992px;}
    .zfgs_header .guidang{width: 240px;height: 240px;background-size: 100%;}
}
@media only screen and (max-width: 991px) {
    .container{ width: 768px;}
    .zfgs_header{ height: auto;}
    .zfgs_header .guidang{width: 200px;height: 200px;background-size: 100%;}
    .zfgs_banimg{  padding:40px 20px;}
    .zfgs_banimg img{ max-width: 100%; height: auto;}
}
@media only screen and (max-width: 767px) {
    .container{ width: 100%;}
    .zfgs_header .guidang{width: 180px;height: 180px;}
    .zfgs_header{height:auto;}
    .zfgs-logo{  padding: 20px 0 0 10px;}
    .zfgs-toplink{ float: right;  position: static; margin-top:20px; margin-right: 10px;}
    .zfgs_banimg{  padding:20px;}

}

/*主体内容*/
.zfgs-main{ border-radius: 20px; margin-bottom: 30px; box-shadow: 0 4px 15px 0 rgba(189, 223, 255, 0.3);  border: 4px solid #d9ecfe; background:#fff; padding: 28px 0 8px 8px;}
.zfgs-list li{ float: left; width:269px; margin:0 0 20px 20px;}
.zfgs-list li a{ display: block; text-align: center;  padding: 0 10px;  background: url("../images-xzzfgs/zxgs-btn.png") 0 0 no-repeat; background-size: 100% 100%; height: 70px; line-height: 70px; color: rgb(0, 90, 186); font-size: 18px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; -moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s; border-radius: 5px; -moz-border-radius: 5px; }
.zfgs-list li a:hover{   color: #fff; background: #007ffd;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .zfgs-list li{ width: 296px;}
}
@media only screen and (max-width: 991px) {
    .zfgs-list li{ width: 221px;}
}
@media only screen and (max-width: 767px) {
.zfgs-main{ margin:0 10px 10px 10px;     padding: 15px 10px 10px 10px;}
 .zfgs-list li{ width:48%; margin: 0 1% 10px 1%;}
}
@media only screen and (max-width: 500px) {
    .zfgs-list li{ width:auto; float: none; margin: 0 1% 10px 1%;}
}