body {

    margin: 0;

}



header {

    width: 100%;

    background-color: #a80013;

    height: 200px;

}



.Navigation ul li a {

    font-weight: 550;



}



iframe {

    width: 100%;

    border: 0px;



    height: 200px;

}



/* .Navigation div a {

    font-weight: 550;



}



.on {

    color: #fff !important;

    border-bottom: 3px solid #e39304;

    font-weight: bold !important;

    font-size: 18px;

} */



.Header-inp {

    background-color: #c65864;

    height: 42px;

    width: 250px;

    display: inline-block;

    padding: 4px 5px;

}



.Header-inp>input {

    height: 32px;

    width: 200px;

    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-evenly;

    align-items: center;

    height: 150px; */

    display: flex;

    justify-content: space-between;

    align-items: center;

    height: 150px;

    margin: 0 auto;

    /* width: 1200px !important; */
    width: 90% !important;

    position: relative;

}



.Navigation {

    width: 100%;

    height: 50px;

    background-color: #9f0214;

    display: flex;

    justify-content: space-between;

}



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

    margin: auto;

    width: 1100px;

    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;

}



section {

    /* width: 1200px !important; */
    width: 100% !important;

    margin: auto;

    margin-top:15px;

}



.Section-middle {

    background-color: #ffffff;

    display: flex;

    justify-content: space-between;

    /* width: 100%; */
    width: 90%;
    margin: auto;
}



.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-head>div>img{

position: relative;

top: -2px;

}

.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: 185px;

    left: 30px;

    padding: 10px 12px;

    background: #F3F4F9;

    box-shadow: 0px 4px 6px 0px rgba(56, 12, 12, 0.26);

    font-size: 18px;

    font-weight: 500;

    color: #333333;

    width: 71%;

    height: 36px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    line-height: 22px;

}



footer {

    width: 100%;

    height: 305px;

    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;



}



/* .on {

    color: #fff !important;

    border-bottom: 3px solid #e39304;

    font-weight: bold;

} */



.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;

}



.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%;

    -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 {

    position: absolute;

    top: 20px;

    right: 0;



}



a {

    text-decoration: none;

    /* 去除默认的下划线 */

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

}



.txt13 {

    color: #E39304;

}



footer {



    background: #A80013;



}



.infoBox1 {

    margin: 0px;

    color: #fff;

}

.word22{

color: #fff;

}

.section5 {

    display: inline-block;

    margin-left: 3px;

}



.index_Tz {

    /* width: 100%; */
    width: 90%;
    margin: 0 auto;

    display: flex;

    margin-bottom:15px;

}



.index_Tz_text {

color: #a80013;

    font-size: 18px;

    font-weight: bolder;

    letter-spacing: 9px;

    display: inline-block;

    width: 144px;

    height: 60px;

    line-height: 60px;

}



.index_Tz_text>img {

    vertical-align: sub;

    margin-left: 8px;



}



#myTab {

    /* width: 1056px; */
    width: calc(90% - 144px);

    font-size: 17px;

    overflow: hidden;

    height: 60px;

    line-height: 46px;

}



#index_tz {

    height: 83px;

    margin-bottom: 30px;

}



.animate {

    padding-left: 20px;

    font-size: 12px;

    color: #000;

    white-space: nowrap;

    animation: 30s wordsLoop linear infinite normal;

    display: inline-block;

    margin-top: 10px;

}



.animate a {

    margin-right: 1;

    font-size: 18px;

    margin-left: 10px;

    margin-right: 10px;

    color: #ad0f19;

}



.animate a img {

    vertical-align: sub;

    width: 20px;

}



@keyframes wordsLoop {

    0% {

        transform: translateX(0px);

    }



    100% {

        transform: translateX(-40%);

    }

}



/* 头部 */

header {

    background-color: #A80212;

    width: 100%;

    animation: 0.8s ease 0.3s 1 normal backwards running fadeInDown;

}



header a.logo,

header a.logo img {

    width: 510px;

    height: auto;

}



header a.logo {

    float: left;

    margin-top: 30px;

}



header nav {
    background-color: #93000E;
    /* background-color: #6f0006; */

    width: 100%;
    margin: 0 auto;
}



header nav>.w1400 {

    /* display: flex;

    align-items: center;

    justify-content: space-around; */

    display: flex;

    /* width: 1200px; */
    width: 90%;

    margin: 0 auto;

    align-items: center;

    justify-content: space-between;

}



header nav ul>li {

    position: relative;

}



header nav>.w1400>li>a {

    display: block;

    width: auto;

    font-size: 20px;

    color: #fff;

    line-height: 20px;

    padding: 15px 20px;

    box-sizing: border-box;

    border-bottom: 2px solid transparent;

}



header nav ul li>a.hover {

    border-bottom: 2px solid #fff;

}



header nav ul>li>a:hover {

    background-color: #a81417 !important;

}

header nav ul>li>a.active{

    background-color: #a81417 !important;

}

header nav ul>li .submenu {

    position: absolute;

    /* width: 150%;

  left: -20%; */

    width: 100%;

    left: 0;

    top: 52px;

    /* background: rgba(228, 28, 14, 0.7); */

    background: #6f0006;

    z-index: 999;

    display: none;

    padding: 0;

}



header nav ul>li .submenu li {

    width: 100%;

    margin: 0;

}



header nav ul>li .submenu li a {

    display: block;

    width: 100%;

    padding: 0;

    text-align: center;

    font-size: 16px;

    line-height: 42px;

    color: #fff;

    border-bottom: 1px solid #d96c6c;

    font-weight: normal;

}



header nav ul>li .submenu li a:hover {

    background: #d9413e;

}



.header_m {

    display: none;

}



nav div.search {

    width: 30px;

    height: 30px;

    float: left;

    cursor: pointer;

    background: url(../images/search.png) no-repeat top center;

    padding-bottom: 15px;

    margin-left: 40px;

}



.Dox1-sectionQ {

    font-size: 0;

}



.Dox1-sectionQ>a {

    width: 19%;

    display: inline-block;

    vertical-align: middle;

    height: 50px;

    border: 1px solid #f5f5f5;

    margin: 1% 0.4%;

    padding: 10px 0;

}



.Dox1-sectionQ>a>img {

    width: 100%;

    height: 100%;

}

.Dox1-sectionQ>a:hover{

    box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.5);

}

/* 新加模块 */

.six-constructions {

    display: flex;

    justify-content: space-between;

    width: 100%;

    margin-bottom: 20px;

}



.w-500 {

    width: 49.5%;

}



.swiper-container {

    margin-left: auto;

    margin-right: auto;

    position: relative;

    overflow: hidden;

    list-style: none;

    padding: 0;

    z-index: 1;

}



.index-title-box {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    border-bottom: 2px solid #C5291B;

}



.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}



.swiper-container .swiper-notification {

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;

    opacity: 0;

    z-index: -1000;

}



.index-title-box b {

    padding-left: 27px;

    color: #fff;

}



.product-tab-title {

    background-image: url(../images/beijing.png);

    background-size: 100% 100%;

    width: 120px;

    height: 40px;

    line-height: 40px;

    padding-left: 30px;

    color: #fff;

    font-size: 18px;

    font-weight: bold;

}



.w-500 .swiper-slide {

    background-image: url(../images/bgl5.jpg);

    min-height: 200px;

    padding: 20px 0;

    box-sizing: content-box;

    background-size: 100% 100%;

}



.index-title-box b>a {

    color: #fff;

}



ul {

    list-style: none;

    padding: 0;

}



.swiper-slide a {

    text-decoration: none;

    color: #333;



}

.swiper-slide a:hover{

color:#da0020 ;

}

.bd li {

    line-height: 2.5rem;

    padding: 0 0.625rem;

    transition: all .3s;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    justify-content: space-between;

}



.flex {

    display: flex;

    align-items: center;

}



.bd li span {

    color: #aaa;

    transition: all .3s;

}



.dot {

    font-size: 40px;

    margin-right: 6px;

    color: #333 !important;

}



.bd li span.date {

    /* padding-left: 10px; */

    font-size: 14px;

}



.swiper-slide {

    width: 100%;

}



.tupian {

    /* margin: 30px 0; */
    margin: 30px auto;
    width: 90%;

    display: flex;

    justify-content: space-between;

}



.tupian>a{

    width: 49.5%;

    height: 50%;

}

.tupian>a>img {

    width: 100%;

    height:100%;

}

.infoList {



    letter-spacing: 1px;

    text-align: center;

    line-height: 72px;

    font-size: 20px;



}



.infoList>a {

    color: #fff;

}