@charset "UTF-8";
.bg-main-box{
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  background-image: url("./public-bg.png");
  background-size: 100% 84.7rem;
  background-position: top center;
  background-repeat: no-repeat;
 }
 .main-box{
    width: 110rem;
 }
.footer .main-box{
    width: 128.0rem;
 }
 .am-g{
    content: none;
    padding: 0;
    /* margin: 0; */
  }
  .am-g:before, .am-g:after{
    content: none;
  }

.logo{
    width: 30rem;
    height: auto;
    margin-top: 2.8rem;
}
.main-title{
    font-weight: bold;
    font-size: 7.2rem;
    color: #FFFFFF;
    line-height: 7.2rem;
    margin: 7rem auto;
}
.container {
    background: #F1F1F2;
    padding: 8.4rem 3.6rem 3.6rem;
} 
.input-info{
    width: 100%;
    position: relative;
}
.input-info input{
    width: 46rem;
    height: 5rem;
    background: #FFFFFF;
    border-radius: 8px ;
    border: 1px solid #015293;
    margin: 0 auto;
    display: block;
    padding: 0 2.5rem;
    position: relative;
}
.input-info .search-img{
    width: 3.4rem;
    height: auto;
    position: relative;
    float: right;
    right: 28rem;
    bottom: 0;
}
.input-info input::before{
    position: absolute;
    display: inline-block;
    content: "";
    width: 6px;
    height: 6px;
    background: #C00500;
    border-radius: 50%;
    transform: translate(0, 100%);
    left: 0;
}
.input-info .line{
    width: 22%;
    height: 1px;
    background: #CCCCCC;
    border-radius: 0px;
}


@media only screen and (max-width: 641px) {
    .bg-main-box{
        padding: 0;
        padding-top: 1.5rem;
    }
    .container{
        padding: 3rem 1.5rem;
    }
    .main-box{
        width: 100%;
    }
    .logo {
      width: 26rem;
       margin-left: 1.5rem;
    }
    .main-title{
        font-size: 5rem;
    }
    .input-info input{
        width: 100%;
    }
    .input-info .search-img {
        position: absolute;
        float: right;
        right: 5px;
        bottom: 5px;
    }
}


.content{
    padding: 0;
    margin-top: 8.4rem
  }
  .content .left{
    width: 24rem;
    gap: 1.6rem;
    padding: 0;
  }
  .content .left .item .item-title{
    width: 100%;
    /* height: 7rem; */
    background: #FFFFFF;
    font-size: 2.2rem;
    font-weight: normal;
    line-height: 2.6rem;
    color: var(--theme);
    padding: 1rem 8rem 1rem 2rem;
  }
  .content .left .item .item-title  .iconfont{
    font-size: 3.6rem;
    color: var(--theme);
    margin-right: 0.8rem;
  }
  .content .left .item .item-title:hover, .content .left .item .item-title.active{
    cursor: pointer;
    background: var(--theme);
    color: #FFFFFF;
  }
  .content .left .item .item-title:hover .iconfont, .content .left .item .item-title.active .iconfont{ 
    color: #FFFFFF;
  }
  .content .left .item .sub-item{
    display: none;
    /* gap: 1.5rem; */
    padding:0;
    position: relative;
    background-color: #fff;
  }
  .content .left .item .sub-item.active{
    display: flex;
  }
  .content .left .item .sub-item a{
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.7rem;
    color: #333333;
    text-align: left;
    padding: 1rem 1rem 1rem 5.6rem;
  }
  .content .left .item .sub-item a::before{
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    background: #CCCCCC;
    border-radius: 50%;
    transform: translate(-0.8rem, -50%);
    /* left: 0; */
  }
  .content .left .item .sub-item a:hover, .content .left .item .sub-item a.active{
    cursor: pointer;
    color: var(--theme);
  }
  .content .left .item .sub-item a:hover::before, .content .left .item .sub-item a.active::before{
    background: var(--theme);
  }
  .content .left .item .item-title.active> .item .sub-item{
    display: flex;
  }
  .content .left .sub-item-btn{
    display:none
  }
  .content .right{
    width: 76.8rem;
    /* height: 113rem; */
    padding: 0;
    background: #FFFFFF;
  }
  
  @media only screen and (max-width: 641px) {
    .content{
        margin-top: 3.5rem;
    }
    .content .left{
      width: 100%;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .content .left .item{
      width: 48%;
    }
    .content .left .item .item-title{
      width: 100%;
      flex-direction: row;
      justify-content: flex-start;
      padding: 2rem 3rem ;
      
    }
    .content .right{
      width: 100%;
      margin-top: 2rem;
    }
    .content .left .item .sub-item{
      position: relative;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .content .left .item .sub-item a{
      width: 48%;
      padding:1rem ;
      color: #ccc;
    }
    .content .left .item .sub-item a:hover, .content .left .item .sub-item a.active{
      color: #fff;
    }
    .content .left .item .sub-item a:hover::before, .content .left .item .sub-item a.active::before{
      background: #fff;
    }
    .content .left .item #sub-tabs{
      width: 100%;
      position: absolute;
      float: left;
      left: 0;
      margin: 0.5rem 0 1rem 0;
      box-sizing: border-box;
      z-index: 99;
      border: 1px solid #ccc;
      padding: 2rem;
      background-color: var(--theme);

      animation-name: anim ;
      animation-duration:  1.5s;
      -webkit-animation-name: anim;
      -webkit-animation-duration: 1.5s;
     
    }
    @keyframes anim-show{
      0%{transform:scale(1,0);}
      100%{transform:scale(1,1);}
      0%{transform:scale(1,0);}
    }
    @-webkit-keyframes anim-show{
      0%{transform:scale(1,0);}
      100%{transform:scale(1,1);}
      0%{transform:scale(1,0);}
    }
    @keyframes anim{
      0% {opacity: 0};
      100% {opacity: 1};
    }
    @-webkit-keyframes anim{
        0% {opacity: 0};
        100% {opacity: 1};
    }
    .content .left .sub-item-btn{
      display: flex;
      padding: 0.6rem 5.5rem;
      font-size: 1.5rem;
      color: #fff;
      margin: 1.5rem auto 0;
      border-radius: 6px;
      border: 1px solid #fff    }
  }

.text-list .item .title{margin: unset;}

iframe{
    /* min-height: 60rem !important; */
    overflow: hidden;
    overflow-y: scroll;
}
/* **********************政府信息 公开内容****************** */
.gkneirong-container{
    width: 100%;
    padding: 0;
}
.gkneirong-container .type-name{
    width: 100%;
    height: 4.8rem;
    border-bottom: 2px solid #DCDCDC; 
}
.gkneirong-container .type-name div{
    width: 19.2rem;
    height: 4.8rem;
    background: #015293;
    font-weight: bold;
    font-size: 1.8rem;
    color: #FFFFFF;
    line-height: 4.8rem;
    text-align: center;
}
.gkneirong-container .info{
    width: 100%;
    padding: 2.4rem;
}
.gkneirong-container .info .tabs-header .am-g{
    gap: 1.5rem;
    flex-direction: row;
    flex-wrap: wrap;
}
.gkneirong-container .info .tabs-header .item{
    width: fit-content;
    padding: 1.7rem 2.4rem;
    background: #F2F2F2;
    font-weight: 400;
    font-size: 1.6rem;
    color: #333333;
    line-height: 1.6rem;
}
.gkneirong-container .info .tabs-header .item.active, .gkneirong-container .info .tabs-header .item:hover{
    background-color: var(--theme);
    color: #fff;
    border: none;
}
.gkneirong-container .info .lists .ctt-title{
    font-weight: bold;
    font-size: 3.2rem;
    color: var(--theme);
    line-height: 3.6rem;
    text-align: center;
    margin: 3rem auto;
    justify-content: center;
}
pre{
    background:none;
    border: none;
    padding: 0;
}
.gkneirong-container .info .lists .ctt-detail{
    font-weight: 400;
    font-size: 1.6rem;
    color: #333333;
    line-height: 2.8rem;
}
@media only screen and (max-width: 610px) {
    .gkneirong-container{
        min-height: 90rem !important;
    }
    .gkneirong-container .info .lists .ctt-title{
        display: block;
        text-align: center;
        width: inherit;
    }
    .gkneirong-container .info .tabs-header .am-g{
      justify-content: center;
  }
    .gkneirong-container .info .tabs-header .item{
      width: 48%;
      padding: 1.7rem 0.4rem;
    }
    .gkneirong-container .info{
      padding: 2.4rem 0.5rem;
    }
}

/* **********************政府信息 公开年报****************** */
.nianbao-container{
width: 100%;
padding: 4.5rem 2.2rem;
}
.nianbao-container .tabs-header{
border-bottom: 2px solid #DCDCDC;
flex-wrap: nowrap;
overflow-x: hidden;

}
.nianbao-container .tabs-header .am-g{
    gap: 1.5rem;
    flex-wrap: wrap;
}
.nianbao-container .tabs-header .item{
font-weight: bold;
font-size: 2rem;
color: #111111;
line-height: 2rem;
width: initial;
margin: 0;
padding-bottom: 2.5rem;
}
.nianbao-container .tabs-header .item.active, .nianbao-container .tabs-header .item:hover{
color: var(--theme);
font-weight: bold;
border-bottom: 5px solid var(--theme);
}
.nianbao-container .tabs-panel .lists .info{
    width: inherit;
}
.nianbao-container .tabs-panel .lists .info .type-name{
width: 100%;
height: 4.8rem;
border-bottom: 2px solid #DCDCDC; 
margin : 2rem 0;
}
.nianbao-container .tabs-panel .lists .info .type-name div{
width: 19.2rem;
height: 4.8rem;
background: #015293;
font-weight: bold;
font-size: 1.8rem;
color: #FFFFFF;
line-height: 4.8rem;
text-align: center;
}

@media only screen and (max-width: 641px) {
    .nianbao-container .tabs-header .item{
        margin: 0 2rem 0;
    }
    /* .nianbao-container .tabs-header .am-g{
        gap: 2rem;
        flex-wrap: wrap;
    } */
   
}