.middle-content{ width: 100%;  display: block; background: url('../images/publicimg/bgc.png') no-repeat; background-size: 100% 100%;}
.center-content{ width: 1200px; margin: 0 auto; overflow:hidden;}

/* 资讯信息 */
.info-content{ width: 100%; display:none; overflow: hidden; }
.info-content.cur{display: block;}
.info-tab{ overflow: hidden;display: block;margin-bottom: 20px;margin-top: 20px;}
.info-tab li{ float: left; font-size: 20px; color: a0a0a0; line-height:1.5; font-family: "S";}
.info-tab li.active{ color: #000; background: url('../images/publicimg/tab_bgc.png')no-repeat left bottom;background-size: 50% 50%;font-size: 20px;font-weight:bold;}
.info-tab li.more{color: #000;font-size: 20px;font-weight:bold; float:right;}
.info-content-box{float: left; width:390px; margin-right: 15px;}
.special{
  margin-right:0;
}
.img-box{ width:100%; height:219px; overflow: hidden;}
.img-box img{ width: 100%;height: 100%;}
.info-box{width: 590px; height:336px;}
.info-wrap{ overflow: hidden; padding: 12px 0;}
.info-wrap:hover{ background-color:#fff;filter:Alpha(opacity=30); *zoom:1; background-color:rgba(255,255,255,0.3);}
.bod{ border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.info-date{ text-align: center;margin-right: 15px;}
.info-date h3{ font-size: 34px; color: #000; line-height: 50px; border-bottom: 1.1px solid #000;width: 35px;margin: 0 auto;}
.info-date p{ font-size: 16px; color: #000; line-height: 35px; }
.info-cont p:hover{ color: #333;}
.info-cont{ width: 395px;}
.info-cont h4 { font-size: 20px; color: #333; line-height: 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-family: "S"; }
.info-cont h4 a{ font-size: 20px; color: #333; line-height: 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-family: "S"; }
.info-cont p{color: #666;line-height: 35px; cursor: pointer;font-size:14px;width: 340px;margin-left: 30px;}
.info-content { width:100%; overflow: hidden;}
.tab-cont{width:100% ;}
.info-content-box .greenRec{font-size: 20px;font-weight:1000;color: #4b9a7b;}
.whiteDisk{ border-bottom-style:solid;border-width:1px;border-color:#f4f4f4}
.aMargin{margin-top: 20px; border-left: solid 4px #4b9a7b; display: block;
  padding-left: 10px;
  line-height: 1.2;
  font-size: 16px; color: #000;
  font-weight:bold;
}
.list_mot{
  width:100%;
  margin-top:10px;
}
.list_mot li a{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  line-height: 2;
  border-bottom: 2px solid #ffffff69;
  padding: 5px 0;
}
.list_mot li a:hover{
  color:#3a8e6d;
}
/* 分类标题列表 */
.classify-content{ width: 100%; display: block; margin:70px 0;}
.list-box{ overflow: hidden;    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.list-box li{ width: 223px; height: 223px; float: left; margin-right: 20px;margin-bottom: 20px; background: url('../images/publicimg/bgc1.png') no-repeat; position: relative; opacity: 0;top:10px;}
.list-box .margin-r{ margin-right: 0;}
.list-box .margin-l{ margin-left: 122px;}
.list-title{ width: 50%; height: 50%;overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;     width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.list-title .title-img{margin: 0 auto;display: block;}
.list-title p{ font-size: 22px; color: #fff; font-weight: 500; text-align: center;margin-top: 20px;}
.list-title span{ font-size: 22px; color: #fff; font-weight: 500; text-align: center;}

/* 底部 */
.bottom-box{margin-top: 50px;}
.bottom-box-ul{width: 480px;float: left;}
.bottom-box-ul li{width: 150px;display: inline-block;line-height: 60px;font-size: 20px;height: 25px;color:#333333;font-weight: bold;}
.bottom-box-code{float: right;margin-top: 10px;margin-right: 55px;}
.code-img-box{float: right;margin-right:25px ;text-align: center;}

/*底部黑色导航栏*/
.foot-box{ width: 100%;height: 245px; display: block;background-color: #333333;}
.friend-link{width: 972px;position: relative;left: 55px;}
.friend-link li{ color: #FFFFFF;width: 160px;display: inline-block;text-align: center;line-height: 70px;}
.friend-link span{color: #484848;}
.end-foot{width: 1200px;height: 120px;position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;}
.tel-link{float: left;}
.tel-link li{color: #FFFFFF;line-height: 35px;}
.copy-link{float: right;text-align: right;}
.copy-link li{color: #FFFFFF;line-height: 35px;}

.bar-cont li {
  overflow: hidden;
}
.bar-cont li img {
    width: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
}
.bar-cont .info {
  /* display: block; */
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  color: #fff;
  background-color: #4e997c;
  z-index: 20;
  font-size: 14px;
  line-height: 1em;
  padding-top: 11px;
}

.bar-cont li:hover .info {
  display: block;
}

/*移动端*/
@media screen and (max-width: 768px){
  .container{
    width: 100%!important;
    margin: auto!important;
    margin-top: 0!important;
  }
  .middle-content {
    width: 100%;
    display: block;
    background: url(../images/publicimg/bgc.png) no-repeat;
    background-size: 500% 100%;
    background-position: center;
  }
  .content .info-tab {
    opacity: 1!important;
  }
  .center-content {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 0.5rem;
  }
  .info-tab {
    width: calc(100% - 0.48rem);
    margin:0 auto;
    font-size: 0.4rem!important;
    font-weight: bolder!important;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .info-tab li {
    float: left;
    font-size: 20px;
    color: #a0a0a0;
    line-height: 1.2;
    font-family: "S";
  }
  .info-tab li.active {
    color: #555;
    background: url(../images/publicimg/tab_bgc.png)no-repeat left bottom;
    /* background-size: 50% 50%; */
    background-size: 0.65rem 0.15rem!important;
    font-size: 20px;
    font-weight: bold;
    font-size: 0.4rem!important;
    font-weight: bolder!important;
  }
  .info-tab a li{
    font-size: 0.24rem!important;
    font-weight: bolder!important;
    border: 0.03rem solid#4b9a7b!important;
    padding: 0.03rem 0.2rem!important;
    line-height: 1.3!important;
    color: #4b9a7b!important;
  }
  .info-tab>.li {
    float: left!important;
    background: url(../images/publicimg/--.png) no-repeat left bottom!important;
    background-size: 0.65rem 0.15rem!important;
  }
  #tab-cont{
    width: calc(100% - 0.48rem);
    margin: 0 auto;
    margin-top: 0.5rem;
  }
  .info-content-box {
    width: 100%!important;
    height: 5.5rem!important;
    position: relative!important;
  }
  .img-box {
    width: 100%!important;
    height: 3.3rem!important;
    overflow: hidden!important;
  }
  .img-box img {
    padding-top: 0!important;
    width: 100%!important;
    height: 100%!important;
    opacity: 1!important;
  }
  .aMargin {
    position: absolute!important;
    display: block!important;
    width: 6rem!important;
    padding-left: 0.15rem!important;
    border-left: 0.08rem solid #4b9a7b!important;
    font-size: 0.28rem!important;
    top: 2.45rem!important;
    margin-top: 0!important;
    z-index: 100;
    margin-left: 0.5rem!important;
    font-weight: bolder!important;
  }
  .list_mot {
    position: absolute;
    width: 6.6rem!important;
    height: 1.9rem!important;
    border-bottom: 0.05rem solid #4b9a7b;
    top: 2.15rem!important;
    left: 0.2rem!important;
    padding-top: 0.8rem!important;
    background: #fff!important;
    -moz-box-shadow: 0px 5px 20px #D1D1D1!important;
    -webkit-box-shadow: 0px 5px 20px #D1D1D1!important;
    box-shadow: 0px 5px 20px #D1D1D1!important;
    border-top-left-radius: 0.08rem!important;
    border-top-right-radius: 0.08rem;
    margin: 0 auto!important;
    opacity: 1!important;
  }
  .list_mot>li {
    list-style: none!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
    overflow: hidden!important;
    height: 0.55rem!important;
    line-height: 0.55rem!important;
    border-bottom: 1px solid #f5f5f5!important;
    font-size: 0.24rem!important;
    color: #747474!important;
    padding: 0 0.3rem!important;
  }
  .list_mot>li a {
    list-style: none!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
    overflow: hidden!important;
    width: 100%!important;
    font-size: 0.24rem!important;
    color: #747474!important;
  }
  .classify-content {
    width: 100%;
    display: block;
    margin: 0.5rem 0;
  }
  .list-box {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .list-box li {
    width: calc(50% - 0.12rem);
    height: 3rem;
    float: left;
    /* margin: 0.15rem; */
    margin-bottom: 0.24rem;
    margin-right:0;
    background: url(../images/publicimg/bgc1.png) no-repeat;
    position: relative;
    opacity: 0;
    top: 10px;
  }
  .list-title p {
    font-size: 0.3rem;
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin-top: 0.3rem;
  }
  .list-title span {
    font-size: 0.25rem;
    color: #fff;
    font-weight: 500;
    text-align: center;
  }
}