@charset "utf-8";
.hd-top{
    width: 100%;
    min-height: 220px;
    background: #e1f6f4;
}
/* 互动通知以及渠道 */
.hd-inform{
    position: relative;
    
}
.hd-notice{
    position: absolute;
    left: 45px;
    top: -35px;
}
.hd-notice span{
    background: #1cac93;
    line-height: 60px;
    display: inline-block;
    color: #fff;
    font-size: 24px;
    border-radius: 10px 10px 0 0;
    padding: 0 75px;
}
.hd-triangle{
    position: absolute;
    display: block;
    background: url(../../images/hd/hdTriangle.png) no-repeat;
    width: 23px;
    height: 23px;
    left: 0;
}
.notice-content{
    padding: 45px 35px 0 35px;
}

.notice-content p {
    text-indent: 2em;
    color: #005659;
    font-size: 20px;
}

/* 互动栏目渠道 */
.hd-channle ul li {
    text-align: center;
}
.hd-channle ul li a{
    /* background: #fff; */
    background:#fff url(../../images/hd/xx-bj.png) no-repeat;
    background-size: 100% 100%;
    display: block;
    width: 100%;
    height: 100px;
    margin: 50px 10px 0 0;
    /*transition: .3s;*/
}
.hd-channle ul li:nth-child(1) a span{
    background: url(../../images/hd/wyxx.png) 35px center no-repeat;
}

.hd-channle ul li:nth-child(2) a span{
    background: url(../../images/hd/wsxf.png) 35px center no-repeat;
}

.hd-channle ul li span{
    width: 100%;
    height: 100%;
    display: block;
    font-size: 25px;
    color: #fff;
    margin: 15px 0;
    line-height: 100px;
    padding-left: 50px;
}


/* 信息列表样式 */
.hd-tt{
    width: 100%;
    font-size: 25px;
    font-weight: bold;
    padding-left: 20px;
    border-left: 3px solid #1cac93;
}
.hd-tt a{
    color:#000;
    display: block;
    width:100% ;
}
.hd-tt span{
    color: #000;
    font-weight:bold;
    font-size: 18px;
}
.hd-tt1{
    height: 70px;
    font-size: 25PX;
    line-height: 70px;
    padding-left: 90px;
    border-left: none;
}
.hd-tt2{
    padding-left: 0;
}
.hd-tt1 p{
    border-bottom: 1px solid #1cac93;
    padding-left: 15px;
    height: 60px;
    line-height: 60px;
}
.hd-tt1 p span{
   color: #000;
    font-weight:bold;
    font-size: 18px;
    font-size: 25PX;
}
.hd-tt1 p a{
    float: right;
    width: 50px;
    height: 60px;
    background: url(../../images/hd/more.png) center center no-repeat;
}
.hd-wsdc{
    background: url(../../images/hd/dczj.png) 0 center no-repeat;
}
.hd-zxft{
     background: url(../../images/hd/zxft.png) 0 center no-repeat;
}
.hd-lsft img{
    width: 100%;
    height: 220px;
}
.lsft-tt{
    width: 100%;

    line-height: 35px;
}
.lsft-tt span:nth-child(1){
    font-weight: bold;
    font-size: 16px;
}
.lsft-tt span:nth-child(2){
    font-size: 16px;
    color: #444444;
}
.lsft-xx{
    font-size: 16px;
    color: #e90000;
    line-height: 35px;
}


.letter-list{
    background: #fff;
    border: 5px solid #f5f5f5;
    overflow: hidden;
}
.list-box{
    padding: 0 20px;
    background: #fff;
}
.tab-head{
    overflow: hidden;
    padding: 20px 0;
    background: #fff ;
    position: relative;
}
.tab-head .head-left{
    display: block;
    width: 405px;
    height: 8px;
    position: absolute;
    background: url(../../images/hd/silderLeft.png) no-repeat center;
    left: 3%;
    top: 50%;
}
.tab-head .head-right{
    display: block;
    width: 436px;
    height: 8px;
    position: absolute;
    background: url(../../images/hd/silderRight.png) no-repeat center;
    right: 3.7%;
    top: 50%;
}
.tab-head ul li {
    float: left;
    padding: 0 45px;
    background: #6a8cca;
    line-height: 50px;
}
.tab-head ul li.default{
    background: #2f5394;
}
.tab-head ul li  a{
    font-size: 20px;
    color: #fff;
}
.default-2{
    margin-left: 20px;
}
.tab-news{
    overflow: hidden;
    /* float: left; */
    width: 31%;
    margin: 0 auto;
}
.tab-news1{
    overflow: hidden;
    /* float: left; */
    width: 31%;
    margin: 0 auto;
}

.m-lst36 ul.ul-one{
    padding: 0;
    overflow: hidden;
}

.m-lst36 ul.ul-one li span{
    float: left;
    line-height: 46px;
    width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    text-indent: 2em;
}
.m-lst36 ul.ul-one li:hover .span-one{
    color: #000;
    transition: .3s;
}
.m-lst36 ul.ul-one li:hover .span-two a{
    color: #000;
    transition: .3s;
}
.color-title{
    color: #000;
}
.status-yes{
    color: #b03a3a;
}
.status-no{
    color: #3ab049;
}
.m-lst36 ul.ul-one li:nth-child(odd){
    background: #f5f5f5;
}
.m-lst36 ul.ul-one li:nth-child(even){
    background: #fff;
}
.m-lst36 ul.ul-one li span.span-two{
    width: 30%;
}
.m-lst36 ul.ul-one li span.span-three{
    width: 20%;
   
    text-align: center;
}
.m-lst36 ul.ul-one li span.span-four{
    width: 25%;
    text-align: center;
}
.m-lst36 ul.ul-one li span.span-five{
    width: 55%;
}
.m-lst36 ul.ul-one li span.span-six{
    width: 30%;
    text-align: center;
}
.m-lst36 ul.ul-one li span.span-seven{
    width: 15%;
    text-align: center;
}
.m-lst36 ul.ul-one li:hover .span-five a{
    color: #000;
    transition: .3s;
}
.ul-three li{
    line-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    text-indent: 2em;
   
}
.ul-three li a{
    color: #2b2b2b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ul-three li:hover a{
    color: #000;
}
.ul-three li span{
    float: right;
    font-size: 16px;
    color: #2b2b2b;
    padding-right: 3%;
}

.ul-three li:nth-child(odd){
    background: #f5f5f5;
}
.ul-three li:nth-child(even){
    background: #fff;
}
@media all and (max-width:1300px) {
    .tab-head .head-left{
        display: none;
    }
    .tab-head .head-right{
        display: none;
    }
}
@media all and (max-width:1196px) {
    .tab-news {
        overflow: hidden;
        width: 39%;
        margin: 0 auto;
    }
    .tab-news1 {
        overflow: hidden;
        width: 39%;
        margin: 0 auto;
    }
    
    .moregd {
        margin-right: 5%;
    }
    .hd-channle {
        padding: 55.1px 0;
    }
    .hd-channle ul li span{
        margin: 20px 0;
    }
}

@media all and (max-width:1024px) {
    .hd-channle {
        
        padding: 28.1px 0;
    }
    .hd-channle ul li span {
        margin: 15px 0;
    }
    .hd-channle ul li {
        text-align: center;
    }
    .tab-news {
        overflow: hidden;
        width: 40%;
    }
    .moregd{
        margin-right: 5%;
    }
    .tab-news1 {
        width: 40%;
    }
    .hd-channle ul li a{
        margin-top: 10px;
    }
}

@media all and (max-width:992px) {
    .hd-channle {
        padding: 0;
    }
    .tab-news {
        overflow: hidden;
        width: 51%;
    }
    .tab-news1 {
        overflow: hidden;
        width: 51%;
    }
    .ul-three li a {
        width: 79%;
        float: left;
    }
}

@media all and (max-width:768px) {
    .hd-channle {
        padding: 20px 0;
    }
    .tab-news {
        overflow: hidden;
        width: 51%;
    }
    .tab-news1 {
        width: 51%;
    }
    .ul-three li{
        text-indent: 2em;
    }
    .ul-three li a{
        width: 80%;
        float: left;
    }
    .hd-channle ul li{
        margin: 0;
    }
}

@media all and (max-width:750px) {
    .hd-channle ul li a span:nth-child(1){
        background: none;
    }
    .hd-channle ul li a span:nth-child(2){
        background: none;
    }
    .hd-channle ul li a span{
        background: none;
        padding-left: 0;
        line-height: 80px;
    }
    .hd-top{
        height: 420px;
    }
    .hd-channle{
        height: auto;
    }
    .hd-channle ul li a{
        height: 80px;
        line-height: 80px;
        margin-top: 10px;
    }
    .hd-inform{
        padding: 0;
    }
    .hd-notice {
        position: absolute;
        left: 25px;
        top: -25px;
    }
    .hd-channle{
        background-image: none;
        padding: 20px 0;
    }
    .hd-notice span{
        padding: 0 10px;
    }
    .notice-content {
        padding: 50px 10px 0 10px;
    }
    .tab-news{
        width: 100%;
        padding-left: 8.5%;
    }
    .tab-head ul li{
        padding: 0 9.3%;
    }
    .tab-news1{
        width: 100%;
        padding-left: 8.5%;
    }
    .tab-head1 ul li{
        padding: 0 30px;
    }
    .m-lst36 ul.ul-one li span.span-two{
        width: 50%;
    }
    .m-lst36 ul.ul-one li span.span-four{
        width: 50%;
    }
    .m-lst36 ul.ul-one li span.span-five{
        width: 50%;
    }
    .m-lst36 ul.ul-one li span.span-seven{
        width: 50%;
    }
    .ul-three li a {
        width: 62%;
    }
}


@media all and (max-width:350px) {
    .tab-news {
        padding: 0;
    }
    .tab-news1 {
       padding: 0;
    }
    .hd-notice{
        left: 10px;
    }
    .hd-notice span {
        padding: 0;
    }
    .notice-content p{
        padding: 10px
    }
}