@charset "utf-8";
/* CSS Document */
body{ background: #EFEFEF;}
a:focus,input:focus,textarea:focus,select:focus,button:focus,textarea:focus{outline:none !important;}
.wza-on a:focus,.wza-on input:focus,.wza-on textarea:focus,.wza-on select:focus,.wza-on button:focus,.wza-on textarea:focus{outline:auto !important;}

/*头部*/
.ls-special-bannerbg{ background:url(../images_zt/zxzj-bannerbg.png) center center no-repeat; height: 360px;}
.ls-special-header .container{ position: relative;}
.ls-special-header .img-title{ display: none;}
.ls-special-logo{  padding: 20px 0 0; line-height: 0; font-size: 0; }
.ls-special-logo img{vertical-align: middle; max-height: 63px;}
.ls-logo-gh,.ls-unit-name,.ls-logo-gh li,.ls-unit-name li{ display: inline;}
.ls-special-right{ position: absolute; right: 0; top:20px;}
.ls-special-right li{ float: left; line-height: 0;}
.ls-special-right li a{   display: inline-block;padding: 0 15px;height: 32px;line-height: 32px;font-size: 15px;color: #fff;margin-left: 12px;background:rgba(0,0,0,0.25);border-radius: 6px; }
.ls-special-right li a:hover{ background:rgba(0,0,0,0.5);}
.ls-special-banner{  padding: 68px 0 0 0; text-align: center;}
.ls-special-banner img{ max-width: 100%; height: auto;}
.ls-special-banner a{ display: inline-block;}
.guidang{ position: absolute; right: 0; top:0;}

@media (max-width: 1199px) and (min-width: 992px){

}
@media (max-width: 991px) {
    .ls-special-right li a{ margin-left: 6px; padding: 0 6px;}
}
@media (max-width: 767px) {
    .ls-special-bannerbg { height: auto; padding-bottom: 40px; }
    .ls-special-right{   position: static; margin-top: 10px; margin-right: 10px;}
    .ls-special-right li a{ margin-bottom: 5px;}
    .ls-special-logo{ text-align: center; float: none; padding-top: 0;}
    .ls-special-logo img{ max-height:none; height: auto; max-width: 98%;}
    .ls-special-banner img{ max-width: 98%;}
    .ls-special-banner{ padding-top:20px;}
}
/*底部*/
.footer{ background: #F1F1F1; border-top:4px solid #D8171A; color: #333;}
.footer a{ color: #333;}
.footer a:hover{ color: #D8171A;}
/*主体*/
.ls-main{ margin-top: -80px;border-radius: 16px 16px 0 0;   box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);  background: rgb(255, 255, 255); padding: 29px 40px 20px;}
.ls-title{text-align: center; height: 58px; background: url("../images_zt/linebg.png") center repeat-x; margin: 0px 0 32px;}
.ls-title p{ display: inline-block; padding: 0 63px; position: relative;background: #fff}
.ls-title p span{color: rgb(216, 23, 26);  font-family: 思源宋体;    font-size: 40px;    font-weight: 700;    line-height: 58px;    letter-spacing: 2px;    text-align: center;}
.ls-title i{ position: absolute;width: 35px; height: 26px; top:50%; margin-top:-13px;}
.ls-title .icon-l{ left:0px; background: url("../images_zt/icon-l.png") no-repeat center;}
.ls-title .icon-r{ right:0px; background: url("../images_zt/icon-r.png") no-repeat center;}
.ls-content{ margin-bottom: 28px; overflow: hidden;}
.ls-content ul li{width: 510px; height: 48px;padding: 12px 20px; background: #F7F7F7; margin-bottom: 20px; float: left;}
.ls-content ul li:nth-of-type(2n){ float: right;}
.ls-content ul li a.tit{ line-height: 24px; font-size: 16px;margin-bottom: 4px; color: #333;display: block}
.ls-content ul li .con{ height: 20px; line-height: 20px;}
.ls-content ul li .con a{ float: left; margin-right: 42px; color: #666; font-size: 14px;display: block;}
.ls-content ul li a:hover{color: #D8171A!important;}
.mbnone{ margin-bottom: 0px;}
@media (max-width: 1199px) and (min-width: 992px){
    .ls-main{ padding: 20px;}
    .ls-content ul li{width: 426px;}
}
@media (max-width: 991px) {
    .ls-main{ padding:15px 15px 0;}
    .ls-content ul li{ padding: 12px 15px;width: 331px; margin-bottom: 15px;}
    .ls-content ul li .con a{  margin-right: 20px;}
    .ls-content{ margin-bottom: 10px;}
    .ls-title{ margin: 0 0 20px;}
    .mbnone{ margin-bottom: 0px;}
 }
@media (max-width: 767px) {
    .ls-main{ padding:15px 15px 0; margin-top: -20px;}
    .ls-content ul li{width: auto; height: auto;  padding: 12px 20px;   margin-bottom: 15px; float: none; overflow: hidden;}
    .ls-content ul li:nth-of-type(2n){ float: none;}
    .ls-content ul li .con{ height: auto;}
    .ls-content ul li .con a{  margin-right: 15px;  }
    .ls-title p span{ font-size: 30px;}
    .ls-title p{ padding: 0 46px;}
    .ls-title{ margin: 0 0 15px;}
    .ls-content{ margin-bottom: 0px;} 
}
@media (max-width: 357px) {
    .ls-main{ padding:10px 10px 0; margin-top: -10px;}
    .ls-content ul li{ padding: 10px;   margin-bottom: 10px; }
    .ls-content ul li .con a{  margin-right: 10px;  }
}


