body {

    margin: 0;

}

header {

    width: 100%;

    background-color: #a80013;

    height: 200px;

}

.Navigation ul li a{

    font-weight: 550 !important;
    font-size: 16px !important;
 

}

iframe{width:100%;border:0px;  



    height: 200px;

}

.Navigation div a{

    font-weight: 550;

 

}

.Navigation .on {

    color: #fff !important;

    border-bottom: 3px solid #e39304;

    font-weight: bold !important;

    font-size: 18px;

}

.Header-inp {
    background-color: #c65864;
    height: 32px;
    width: 230px;
    display: inline-block;
    padding: 4px 5px;
  

}



.Header-inp>input {

    height: 20px;

    width: 195px;

    border: none;

    outline: none;

    background-color: #c65864;

    color: #fff;

}



.Header-inp>img{

    vertical-align: bottom;

    

}



header>div:nth-child(1) {

    display: flex;

    justify-content: space-around;

    align-items: center;

    height: 150px;

}



.Navigation {

    width: 100%;

    height: 50px;

    background-color: #9f0214;

    display: flex;

    justify-content: space-between;
    line-height: 50px;

}



.Navigation>div:nth-child(1) {

    margin: auto;

    width: 1200px;

    display: flex;

    justify-content: space-between;



}



.Navigation>div:nth-child(1)>ul {

    width: 90%;



}



.Navigation>div:nth-child(1)>ul li {

    float: left;

    width: 14%;

    color: #e89ba4;

}



ul {

    list-style: none;

}



.Navigation>div:nth-child(1)>ul li>a {

    text-decoration: none;

    color: #e89ba4;

    padding-bottom: 10px;

}



.Navigation>div:nth-child(1)>a {

    text-decoration: none;

    color: #d97f06;

    height: 20px;

    line-height: 53px !important;

}



section {

    width: 1200px!important;

    margin: auto;

    margin-top: 40px;

}



.Section-middle {

    background-color: #ffffff;

    display: flex;

    justify-content: space-between;

    width: 100%;

}



.Section-middle-box1 {

    width: 32.5%;

    /* height: 200px; */

}



.Section-middle-box2 {

    width: 32.5%;

    background-color: #ffffff;

}



.Section-middle-box3 {

    width: 32.5%;

    height: 200px;



}



.Dox1-head {

    display: flex;

    justify-content: space-between;

    margin: 15px 0;

}



.Dox1-section {

    width: 100%;

}



* {

    margin: 0;

}



.Dox1-footer ul {

    padding-left: 20px;

}



.Dox1-footer ul li {

    letter-spacing: 1px;

    margin: 5px 0px;

    font-size: 16px;

    color: #333333;

    line-height: 32px;

    font-weight: 550;



}



.Dox1-footer ul li:hover {

    color: #AE0005;

}



.Dox2-section p {

  width: 317px;

  color: #fff;

  font-size: 16px;

  

  font-weight: 550;

  color: #FFFFFF;

  line-height: 34px;

  letter-spacing: 1px;

  word-break: keep-all;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  

}

.Box3-conter:hover{

    color: #9f0214;

}

/* 通知公告未选中 */

.Dox2-section {

    padding: 16px;

    margin-bottom: 16px;

    background-color: #F3F4F9FF;

}

.Dox2-section:hover {

    background-color:#AE0005FF;

    box-shadow: 0px 1px 4px 5px rgba(191, 191, 191, 0.3);

    border-radius: 5px;

}

.Dox2-section:hover>p {

    color: #fff;

}

.Dox2-section:hover span:nth-child(1)  {

    color: #fff;

}

.Dox2-section:hover div>div span:nth-child(2) {

    color: #FFFFFFBA;

 

}



.Dox2-section span:nth-child(1) {

    color: #AE0005FF;

    font-size: 20px;

    vertical-align: middle;

}



.Dox2-section div>div span:nth-child(1) {

    color: #666666FF; 

     margin: 0 3px;

     font-size: 14px;

     vertical-align: text-top;

}



.Dox2-section div>div span:nth-child(2) {

    color: #666666FF;

    font-size: 14px;

   

}



.Dox2-section>p {

    color: #333333FF;

}



/*通知公告 选中样式 */

.bgc {

    background-color: #9F0214;

}



.bgc span:nth-child(1) {

    color: #fff;

    font-size: 20px;

    vertical-align: middle;

}



.bgc div>div span:nth-child(1) {

    color: #FFFFFFBA;

    font-size: 14px;

}



.bgc  div>div span:nth-child(2) {

    color: #FFFFFFBA;

    font-size: 14px;

}



.bgc>p {

    color: #fff;

}

/* 党务公开 未选中样式*/

.Box3-head {

  font-size: 16px;

  font-weight: 550;

  color: #9f0214;

  line-height: 34px;

  letter-spacing: 1px;

  word-break: keep-all;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.Box3-conter{

    width: 92%;

    font-size: 16px;

    font-family: PingFangSC-Regular, PingFang SC;

    font-weight: 400;

    color: #333333;

    line-height: 30px;

    letter-spacing: 1px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.dian{

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background-color: #CCCCCCFF;

    position: absolute;

    top: 13px;

    left: -14px;

}

.serial{

    color: #AE0005FF;

    font-size: 20px;

    vertical-align: middle;

}.Education-teach



.xian{

    color: #666666 !important; 

     margin: 0 3px;

     font-size: 14px !important;

     vertical-align: text-top;

    margin: 0 10px;



}

.xian~span{

    color: #666666FF;

    font-size: 14px;

}

.Box3-middle{

    display: inline-block;

    width: 60%;

    vertical-align: top;

    margin-left: 16px;

}

/* 主题教育  先进典型 */

.Education{

background-color: #fff;

width: 100%;

display: flex;

justify-content: space-between;

}

.Education-teach{

width: 32.5%;

background-color: #ffffff;



}

.Advanced-typical{

    width: 66.35%;

    background-color: #ffffff;

}

.Advanced-chakan{

    position: absolute;

    top: 206px;

    left: 132px;

    background: #9F0214;

    opacity: 0.94;

    border: 3px solid #FFFFFF;

    border-radius: 50%;

    width: 80px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    color: #fff;

    font-size: 16px;

   

}

.Advanced-text{

    padding: 20px;

    background: #F3F4F9;

    width: 355px;

    height: 220px;

    line-height: 30px;

    font-size: 16px;



}

.Advanced-text div:nth-child(1){

font-size: 16px;

font-weight: 550;

color: #9F0214;

line-height: 42px;

}

/* <!-- 纪律监察 典型案例 --> */

.Discipline{

    background-color: #fff;

    width: 100%;

    display: flex;

    justify-content: space-between;

}

.Discipline-left{

    width: 32.5%;

    background-color: #ffffff;

}

.Discipline-right{

    width: 66.35%;

    background-color: #ffffff;

}
.right-img {
 
        position: absolute;
        top: 159px;
        left: 30px;
        padding: 8px 12px;
        background: #F3F4F9;
        box-shadow: 0px 4px 6px 0px rgba(56, 12, 12, 0.26);
        font-size: 15px;
        font-weight: 500;
        color: #333333;
        width: 72%;
        /* height: 28px; */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        line-height: 26px;
    
}

footer{

    width: 100%;

    height:300px !important ;

    background: #A80013;

    margin-top: 20px;

}

.block{

  padding: 30px;

}

.Navigation-bar{

    width: 1100px;

    margin: auto;

    margin-top: 40px;

    font-family: PingFangSC-Regular, PingFang SC;

    font-size: 16px;

    font-weight: 600;

}

.box:hover .word6{

    color: #9f0214;   

    }

    .box:hover .word7{

    color: #9f0214;   

    }

    .layer14:hover {

        border-radius: 5px;

        background-color: #fff;

        box-shadow: 0px 1px 4px 5px rgba(191, 191, 191, 0.3);

    }

    .lianjie>a{

        font-size: 16px;

        font-weight: 500;

        color: rgba(255, 255, 255, 0.72);

        line-height: 22px;

        letter-spacing: 1px;

      }



      .footer {



        height: 290px !important;

    

    }

           

    

            .el-carousel__indicator--horizontal button {

                width: 11px;

                height: 11px;

                background: #e8ced1;

                border: 1px solid #c1616c;

                border-radius: 50%;

                opacity: 0.5;

            }

    

            .el-carousel__indicator--horizontal.is-active button {

    

                background: #c1616c;

            }

    

            .Navigation>div:nth-child(1)>a {

                text-decoration: none;

                color: #d97f06;

                height: 20px;

                /* line-height: 22px; */

            }

    

    

            .el-carousel__indicator--horizontal {

                display: inline-block;

                padding: 12px 8px;

            }

    

            .title {

                font-size: 1.17em;

                font-weight: bold;

                display: inline-block;
                color: #333333;

            }

    

            .xian~span {

                color: #666666FF;

                font-size: 14px;

                vertical-align: middle;

            }

    

            .conter {

                width: 88%;

                font-size: 16px;

        font-family: PingFangSC-Regular, PingFang SC;

        font-weight: 400;

        color: #333333;

        line-height: 30px;

        letter-spacing: 1px;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 3;

        -webkit-box-orient: vertical;

               

            }

            .szyw{

                position:absolute;

                top: -12px;

                left: 15px;

                z-index: 99;

            }

            .block{

                padding-left: 0px !important;

            }

            .el-carousel__indicators--horizontal {

        bottom: 0;

        left: 80%!important;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

    }

    .conters{

        width: 95%;

                font-size: 16px;

        font-family: PingFangSC-Regular, PingFang SC;

        font-weight: 400;

        color: #333333;

        line-height: 30px;

        letter-spacing: 1px;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 4;

        -webkit-box-orient: vertical;

    }

    .layer21 {

        width: 264px;

        height: 80px;

    }

    .infoBox2 {

        width: 426px;

        height: 136px;

        overflow-wrap: break-word;

        color: rgba(255, 255, 255, 1);

        font-size: 16px;

        letter-spacing: 0.6666666865348816px;

        font-family: PingFangSC-Regular;

        text-align: left;

        line-height: 34px;

        white-space: nowrap;

        display: block;

        margin: 22px 0 20px  30px;

    }

    

    

    .layer20 {

        background-color: rgba(139, 1, 17, 1);

        height: 159px;

        width: 498px;

        margin-left: 139px;

        padding-bottom: 16px;

        position: absolute;

        left: 60px;

    }

    .footer {

        height: 340px !important;

    }

    .group1{

          width: 173px;

          margin: 1px 0 0 0px;

        }

  

       
               .lianjie {
    
                right: 310px;
                width: 160px;
        }

    

    a{

    text-decoration: none; /* 去除默认的下划线 */

     /* 去除默认的颜色和点击后变化的颜色 */}

     .txt13{

        color: #E39304;

     }
     section>a:nth-child(1){
        margin: auto!important;
      }
      .mt35{
       width: 100%;
      }
      .mt10{
          width: 100%;
      }
      .media-list{
          width: 100%;
      }
      .media{
            width: 100%;
            display: flex;
            justify-content: end;
            background: #fafafa;
            padding: 10px;
            margin-bottom: 15px;
           
      }
      .media-body{
        width: 80%;
      }
      .media-left{
          width: 10%;
      }
      .pic_h{
          line-height: 29px;
      }
      .media-list{
          padding: 0px!important;
      }
      .comment{
          width: 100%;
      }
      footer {
        width: 100%;
        height: 300px;
        background: #A80013;
        margin-top: 20px;
    }