@charset "utf-8";
/* CSS Document */
.ls-special-body{background: url("../image-zfgb/gb-body.jpg") center top no-repeat; }
.ls-special-header{ height: 128px; }
.ls-special-header .container{ position: relative;}
.ls-special-header .guidang{ position: absolute; right:10px; top:50px;}
.ls-special-header .img_title{ display: none;}
.ls-special-logo{ margin-top: 20px;}
.ls-special-logo img{ width:auto;height: auto;}
.ls-special-topr{ margin-top: 20px;}
.ls-special-topr ul li{ margin-left: 12px;float: left;}
.ls-special-topr ul li a{display: block; padding: 0 12px; background: rgba(255,255,255,0.15); border-radius: 6px; line-height:32px;font-size: 16px; color: #fff;}
.ls-special-topr ul li a:hover{ background: rgba(255,255,255,0.3);}
.ls-special-topr ul li.num-old .ico{ display: inline-block; width: 17px; height: 32px; background: url("../image-zfgb/old-icon.png") center center no-repeat; margin-right: 8px; vertical-align: top;}
.ls-special-topr ul li.num-wza .ico{ display: inline-block; width: 17px; height: 32px; background: url("../image-zfgb/wza-icon.png") center center no-repeat; margin-right: 8px; vertical-align: top;}
/*主体*/
.ls-gbmian{ margin-bottom: 60px; position: relative;}
.ls-gbmian .gb-topico{ position: absolute; left:322px; top:0;  width: 82px; height: 32px;  background: url("../image-zfgb/top-line2.png") top center no-repeat #135ec8; }
.ls-gbmian .gb-botico{ position: absolute; left:322px; bottom:-28px;  width: 82px; height: 40px;  background: url("../image-zfgb/bot-line.png") top center no-repeat; }
.ls-gbleft{ width:364px; min-height: 1048px; box-sizing: border-box; border: 10px solid #d5e1ed; border-bottom: 12px solid #d5e1ed;  border-right: none; background: linear-gradient(270.00deg, rgba(241, 247, 255, 1),rgba(248, 251, 255, 1) 18%,rgba(255, 255, 255, 1) 100%); padding: 30px; }
.gbsearch{  height: 44px;  position: relative;}
.gbsearch .ss1{  height: 44px;  margin-right: 86px;}
.gbsearch .ss1 input{ width: 100%; line-height: 44px; padding: 0 10px; border: 1px solid #C4C4C4; border-right: none;  box-sizing: border-box; height: 44px;  border-radius: 4px 0 0 4px; font-size: 16px;}
.gbsearch .ss1 input::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.25);}
.gbsearch .ss1 input::-moz-placeholder {color: rgba(0, 0, 0, 0.25);}
.gbsearch .ss1 input::-ms-input-placeholder {color: rgba(0, 0, 0, 0.25);}
.gbsearch .ss2{  height: 44px; width: 86px;  position: absolute; right: 0; top:0; }
.gbsearch .ss2 input{  width: 100%; height: 100%; color: #fff;  border: 1px solid #397DDE;  box-sizing: border-box; font-size: 18px;border-radius: 0 4px 4px 0; background: #397DDE;}
.wza-black-white .gbsearch .ss1 input::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.25);}
.wza-black-white  .gbsearch .ss1 input::-moz-placeholder {color: rgba(255, 255, 255, 0.25);}
.wza-black-white  .gbsearch .ss1 input::-ms-input-placeholder {color: rgba(255, 255, 255, 0.25);}
.wza-blue-yellow .gbsearch .ss1 input::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.25);}
.wza-blue-yellow  .gbsearch .ss1 input::-moz-placeholder {color: rgba(255, 255, 255, 0.25);}
.wza-blue-yellow  .gbsearch .ss1 input::-ms-input-placeholder {color: rgba(255, 255, 255, 0.25);}
.wza-black-yellow .gbsearch .ss1 input::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.25);}
.wza-black-yellow  .gbsearch .ss1 input::-moz-placeholder {color: rgba(255, 255, 255, 0.25);}
.wza-black-yellow  .gbsearch .ss1 input::-ms-input-placeholder {color: rgba(255, 255, 255, 0.25);}
.gb-kanimg{ margin: 24px 0 0 0;}
.gb-kanimg .gbimg{   box-sizing: border-box; padding: 26px 0 0 0;    background: url("../image-zfgb/gb-bg.png") top center no-repeat; height: 282px;}
.gb-kanimg .img{  text-align: center;}
.gb-kanimg .img img{ max-width: 100%; height: auto;}
.gb-kanimg .img-title{  margin-top: 25px; text-align: center; color: rgba(0, 0, 0, 0.6);font-size: 16px; line-height: 1.2;}
.gb-kanimg .gbchange{ background: #C1D8F0; box-sizing: border-box; padding-top: 10px; height: 60px; text-align: center; }
.gb-kanimg .gbchange select{  width: 126px; margin: 0 6px;  border-radius:4px; border: 1px solid #fff;  line-height: 40px; height: 40px; background: #fff;}

.gb-link{ margin-top: 22px; }
.gb-link li a{ display: block; padding: 30px  0 0 0; box-sizing: border-box; background: url("../image-zfgb/gwy-bg.png") top center no-repeat; height: 152px; text-align: center; }
.gb-link li .img-title{ display: block; height: 40px; line-height: 40px; color: #fff; }
.gb-link li a:hover img{ transition: ease-in-out .7s; transform: rotate(360deg);}

.gb-unit ul{ margin-right: -20px;}
.gb-unit li{ float: left; width: 137px; margin: 20px 20px 0 0;}
.gb-unit li a{ height: 39px;  line-height: 39px; text-align: center; background: #EDF7FF;  padding: 0 5px; display: block;  border: 1px solid #C8E2FA; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;border-radius: 2px;}

.ls-gbright{ width:916px; min-height: 1048px; box-sizing: border-box;  border: 10px solid #d5e1ed;   border-top: 8px solid #d5e1ed; border-bottom: 12px solid #d5e1ed; border-left: none; background: #fff;   padding: 30px; }
.gb-title{ text-align: center;  font-size: 64px; font-weight: bold; line-height: 1.4; color: #EC1B24; font-family: "黑体";}
.gb-info{ text-align: center;color: rgba(0, 0, 0, 0.6);font-size: 16px;line-height: 24px; padding: 10px 0 30px 0; background: url("../image-zfgb/line-x.png") bottom left repeat-x;}
.gb-mulu{ text-align: center; padding: 20px 0; line-height: 1.8; font-size: 22px; font-weight: bold;}
.gb-public-list li{  border-bottom: 1px dashed #B1CDF6; font-size: 18px; padding: 20px 110px 20px 0; line-height: 30px; position: relative;}
.gb-public-list li a{ display: inline-block; background: url("../image-zfgb/ico.png") left 6px no-repeat; padding-left:24px;}
.gb-public-list li .date{ position: absolute; color: #999; right: 0; top:20px;}
.downloadgb{ text-align: center; margin: 40px 0 10px 0;}
.downloadgb a{ display: inline-block; text-align: center; margin: 0 10px;}
.downloadgb a img{ width: 104px; height: 104px;  padding: 5px; border: 1px solid #ddd;}
.downloadgb .tit,.downloadgb .img-title{ display: block; line-height: 2; }
@media (max-width:1279px) and (min-width:992px){
    .ls-gbright{ width:628px;}
    .gb-title{ font-size: 58px;}
}
@media (max-width: 991px) {
    .ls-special-header{ height: auto; padding-bottom: 20px;}
    .ls-gbmian{ margin-bottom: 20px; padding: 0 10px; }
    .ls-gbleft,.ls-gbright{ width:auto; min-height: auto; padding: 20px; float: none; border: 10px solid #d5e1ed; }
    .ls-gbright{ margin-top: 20px;}
    .gb-title{ font-size: 58px;}
    .gb-kanimg{ width: 295px; margin: 20px auto 0 auto;}
    .ls-gbmian .gb-topico,.ls-gbmian .gb-botico{ display: none;}
    .gb-unit li{ width: 157px;}
}
@media (max-width: 767px) {
    .ls-special-logo{ margin-left: 10px;}
    .ls-special-topr{ margin:10px 10px 0 0;}
    .ls-gbmian{ margin-bottom: 10px; }
    .ls-gbleft,.ls-gbright{ padding: 10px;}
    .ls-gbright{ margin-top: 10px;}
    .gb-kanimg{ width: auto; max-width: 295px; margin: 10px auto 0 auto;}
    .gb-kanimg .gbchange select{ width: 46%; display: block; float: left; margin: 0 2%;}
    .gb-link{ margin-top: 10px;}
    .gb-title{ font-size: 30px;}
    .gb-unit ul{ margin-right: -2%;}
    .gb-unit li{ width: 48%; margin: 10px 2% 0 0;}
    .gb-info{ padding: 10px 0 20px 0;}
    .gb-public-list li{ padding:10px 0;}
    .gb-public-list li .date{ position: static; display: block;padding-left: 24px;}
    .downloadgb{ margin: 20px 0 10px 0;}
}