body {
    overflow-x:hidden;
    background:#EDF3F5;
    font-size:14px;
    color:#202322
}
.ms-controller{
    visibility: hidden;
}
.top {
    background-image:url(./img/banner.png);
    background-position:center center;
    background-repeat:no-repeat;
    height:620px;
    margin:0 auto;
}

.topmenu {
display:flex;
justify-content:space-between;
align-items:center;
width:1200px;
margin:0 auto;

}
.topcontent{
    width:100%;
    height:72px;
    background: rgba(0,0,0,0.2);
}
.topleft {
   
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .topleft a {
        font-weight: bold;
        color: #FFFFFF;
    }
    .topleft span {
        display:block;
        height:72px;
        line-height:72px;
    }
    .topleft>span{
        height: 72px;
    align-items: center;
    display: flex;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0 15px;
    font-size: 16px;
    position: relative;
    }
    
    .topleft>span:not(:first-child):not(:nth-child(2)):before{
        content:"";
        position: absolute;
        width:0;
        right: 100%;
        bottom: 0;
        height:2px;
        background:#fff;

    }
    .topleft>span:not(:first-child):not(:nth-child(2)):hover::before{
        width:90%;
        right: 0;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
}

        .topleft span.active {
            border-bottom: 2px solid #fff;
    background: rgba(255, 255, 255, 0.2);
        }

.topright {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .topright a {
        font-weight: bold;
        color: #FFFFFF;
       
        display:inline-block;
        text-align:center;
    }

    .topright .topsearch {
        border-right: 1px solid #fff;
        display: flex;
        width: 230px;
        text-align: right;
        height: 25px;
        justify-content: flex-end;
        align-items: center;
    }

    .topright .login {
        width: 59px;
        height: 26px;
        line-height: 26px;
        border: 1px solid #FFFFFF;
        border-radius: 2px;
        display: inline-block;
        text-align: center;
        color: #FFFFFF;
        cursor:pointer;
    }

    .hr {
        height: 1px;
        background: #FFFFFF;
        opacity: 0.2;
        padding: 0;
        margin: 0;
    }
    .copyrightbg {

        width:100%;
        height: 100px;
        background: #08A478;
    }
    
    .copyright {
        width: 1200px;
        height: 100px;
        margin: 0 auto;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    
    .copyrightdata {
        text-align: center;
        flex: 1
    }
    .copyrightdata span{
        color:#fff;
    }
    
    
    .ttt {
        text-align:center;
    }
    
        .ttt div > div > span:first-child {
            color:red;
        }
        .nodata{
            text-align: center;
            margin-top:12px;
            width:590px;
            height:276px;
            background:#fff;
            display:flex;
            justify-content: center;
            align-items: center;
        }
.main{
    width:1200px;
    margin:0 auto 
}
.main-top{
    width:1200px;
    height:160px;
    background:#fff;
    display:flex;
    justify-content: space-around;
    align-items: center;
    margin-top:-72px
    
}
.main-top > div{
    display:flex;
    justify-content: center;
    align-items: center;
    
}
.main-top > div > div{
    height:82px;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    
}
.main-top > div p{
    margin-left:12px
}
.main-top > div p:nth-child(1){
    position:relative;
    
}
.main-top > div p:nth-child(1)::before{
   content:"";
   position:absolute;
   width:48px;
   height:4px;
   top:26px;
   background:#08A478
    
}
.maintotal{
    font-size: 34px;
    color:#202322;
    font-weight: bold;
    
}
.main-list{
    width:1200px;
    background:#fff;
    height:auto;
    padding:20px 0 20px 20px;
    box-sizing: border-box;
    margin-top:50px
}
.main-list h3{
    text-align: center;
    position:relative;
    font-size: 30px;
    font-weight: 600;
    margin-top:13px;
    
}
.main-list h3::after{
    content:"";
    width:234px;
    height:10px;
    position:absolute;
    top: 30px;
    left: 468px;
    background: linear-gradient(270deg, rgba(8,164,120,0) 0%, rgba(8,164,120,0.5) 50%, rgba(8,164,120,0) 100%);
}
.main-list-data{
    margin-top:49px;
    display: flex;
    flex-wrap: wrap;
}
.main-list-data > div{
    width:570px;
    height:104px;
    background: #F2F8FA;
    margin-right:20px;
    margin-bottom:20px;
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:20px;
    box-sizing: border-box;
}
.main-list-datalist{
    display:flex;
    flex-direction: column;
    
}
.mainlistdiv{
    display:flex;
    margin-bottom:15px
}
.phzc{
    border:1px solid #08A478;
   
    font-size: 12px;
    color:#08A478;
    width:72px;
    height:22px;
    line-height: 22px;
    text-align: center;
    margin-right:8px;
    font-weight:bold
}
.dsrzx{
    border:1px solid #F27D07;
   
    color:#F27D07;
    font-size: 12px;
    width:120px;
    height:22px;
    line-height: 22px;
    text-align: center;
    margin-right:8px;
    font-weight:bold
}
.main-list-data img{
    position: relative;
    margin-top: -2px;
    margin-left: 4px
}
.main-list-datalist > div{
    margin-left:12px
}
.policytitle{
    font-size:18px;
    font-weight:500;
   width: 280px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
  
}
.main-list-datalist p:nth-child(2){
    margin-top:12px
}
.department{
    
color: #606664;
margin-top:15px
}
.main-more{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.main-more div{
    width:97px;
    height:32px;
    line-height: 32px;
    border:1px solid #08A478;
    text-align: center;
    color: #08A478;
    margin-top:4px
}
.main-bottom{
    margin-top:81px;
    width:100%;
    height:504px;
    background:url("./img/gongs-bg.png") no-repeat center
}
.main-bottom-content{
    width:1200px;
    margin:0 auto;
    display:flex;
    justify-content: space-between;
}
.main-bottom-left{
    width:228px;
    height:423px;
    background:url(./img/butgongs.png) no-repeat center;
    position: relative;
    margin-top:-18px;
    color:#fff
}

.main-bottom-left div:nth-child(1){
    font-size:30px;
    font-weight: 600;
    margin-top:61px;
    text-align: center;
    position: relative;

}
.main-bottom-left div:nth-child(1)::before{
    content:"";
    width:80px;
    height:6px;
    background:#61CDAD;
    position:absolute;
    top:45px
}
.main-bottom-left div:nth-child(2){
    margin-top:50px;
    margin-left:26px;
    cursor: pointer;

}
.main-bottom-right{
    width:948px;
    height:403px;
    background-color: #fff;
    margin-top:50px;
    padding:20px;
    box-sizing: border-box;
}
.main-bottom-righttile{
    display:flex;
    height:48px;
    line-height:48px;
    color:#606664;
    background:#F2F8FA;
    font-weight: 500;
    padding-left:20px
}
.gongshilist{
    display:flex;
    height:50px;
    line-height:50px;
    padding-left:20px;
   align-items: center;
   justify-content: space-around;
}
.gongshilist div{
   margin-top:16px;
   overflow:hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   -o-text-overflow:ellipsis;
   padding-right:20px;
   box-sizing: border-box;
  

}
.gongshilist img{
    position: relative;
    margin-top: -2px;
    margin-left: 4px;

}
.nodata{
    background:url(./img/nodata.png) no-repeat center;
    width:549px;
    height:414px;
    margin:0 auto
}
.nodata2{
    background:url(./img/nodata.png) no-repeat center;
    width: 250px;
    height: 150px;
    margin: 0 auto;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    justify-content: flex-end;
}
.nodata2 div{
    text-align: center;;
    margin-top:25px
}
.nodata div{
    text-align: center;;
    margin-top:235px
}
.banneruser {
    width: 130px;
    height: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.banneruser .layui-nav {
    position: relative;
    padding: 0 0px;
    background-color: transparent;
    color: #fff;
    border-radius: 2px;
    font-size: 0;
    box-sizing: border-box;
}