body,html,label,span,h1,h2,h3,h4,h5,h6,p{ padding: 0; margin: 0; }
img{ margin: 0; padding: 0; border: none; vertical-align: middle;}
ul,ol,li{ margin: 0; padding: 0; list-style: none;}
a{ text-decoration: none;}
input, button{ outline: none;}

/**
overflow: auto;
 */
.container{ width: 1200px; min-height: 100%;  margin:0 auto;}
.top{ position: fixed; top: 0; left: 0; right: 0; z-index: 10; overflow: hidden; box-sizing: border-box; padding: 0px calc( 50% - 600px); box-sizing: border-box;height: 140px;}
.top .logo{ display: inline-block; padding: 10px 0; float: left; box-sizing: border-box;}
.top .logo >img{ display: block; }
.top .mune{ width: 66%; display: inline-block; float: left; padding: 15px 10px; box-sizing: border-box;}
.top .mune ul{ width: 100%; text-align: center;}
.top .mune ul li{ width: 11%; display: inline-block;}
.top .mune ul li > a{ width: 100%; display: inline-block; text-align: center; font-size: 14px; line-height: 30px; color: #fff; }
.top .mune ul li > a.active,.top .mune ul li > a:active{ position: relative;}
.top .mune ul li > a.active::after,.top .mune ul li > a:active::after{ position: absolute; content: ''; bottom: -1px; left:calc(50% - 14px); width: 28px; height: 2px; background-color: #fff; border-radius: 4px; background-color: #fff;}
.top .search{ width: 20%; display: inline-block; float: right; padding: 16px 0; text-align: right;}
.top .search .search-in{ width: 160px; height: 28px; background-color: rgba(255,255,255,.1); border-radius: 30px;  display: inline-block; overflow: hidden;}
.top .search .search-in input{ width: 130px; height: 28px;  display: inline-block; float: left; padding: 5px 8px; box-sizing: border-box; background: none; border: none; font-size: 14px; color: #fff;}
.top .search .search-in span{ width: 30px; height: 28px; line-height: 28px; text-align: center; display: inline-block; float: left;}
.top .search .btn{ width: 50px; height: 28px; background-color: rgba(255,255,255,.1); margin-left: 10px; border-radius: 30px;  display: inline-block;overflow: hidden;}
.top .search .btn button{background: none; border: none; font-size: 14px; color: #fff; width: 100%; height: 100%; }

/*.banner{ width: 100%; height: 330px; overflow: hidden;margin-top:8px;}*/
.banner{ width: 100%; height: 330px; overflow: hidden;}
.banner >img{ width: 100%; }

.f-new{  position: relative; z-index: 1; padding: 10px calc( 50% - 600px) 0px; box-sizing: border-box; overflow: hidden;}
.new-big{ background-color: #fff; padding: 40px 30px; box-sizing: border-box; width: 25% ; display: inline-block; float: left; color: #101010; position: relative;}
.new-big .time{ width: 100%; line-height: 1.25; margin-bottom: 30px;}
.new-big .time label,.new-big .time span{ text-align: left; width: 100%; font-weight: 500; display: inline-block;}
.new-big .time label{ font-size: 18px;}
.new-big .time span{ font-size: 24px;}
.new-big .title{ font-size: 16px; line-height: 1.5; margin-bottom: 20px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.new-big .mgs{ font-size: 12px; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
/*.new-big:first-child{ margin-right: 20px; border-top: 10px solid #ab1723; margin-top: -10px;}*/
/*.new-big:first-child .time,.new-big:first-child .title{ color: #ab1723;}*/
.new-big:hover{border-top: 10px solid #ab1723; margin-top: -10px;}
.new-big:hover .time,.new-big:hover .title{ color: #ab1723;cursor: pointer;}
.new-big:nth-child(1)::after,.new-big:nth-child(2)::after,.new-big:nth-child(3)::after{ position: absolute; content: ''; width: 1px; height: calc( 100% - 80px); top: 40px; right: 0; background-color: #ddd;}

.s-banner{padding: 40px calc( 50% - 600px) 0px; box-sizing: border-box;}
.wrap{width:100%;height: 445px;}
.wrap li{float: left; width: 160px;height: 445px;}
.wrap li p{padding:390px 30px 0; font-size: 16px; color: #fff; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.wrap li:first-child{ width: 720px ;}


.ic-link{ padding: 40px calc( 50% - 600px) 10px; box-sizing: border-box; overflow: hidden;}
.ic-link a{ width: calc( 33.33% - 14px); display: inline-block; float: left; margin: 0 10px; background-color: #fff; padding: 30px; box-sizing: border-box; text-align: center; position: relative;}
.ic-link a:first-child{ margin-left: 0;} .ic-link a:last-child{ margin-right: 0;}
.ic-link a label,.ic-link a span{ width: 100%; display: inline-block; text-align: center;}
.ic-link a span{ margin-top: 20px; font-size: 18px; color: #101010; line-height: 1;}
.ic-link a::after{ position: absolute; content: ''; width: 90%; height: 10px; background-color: #eeeeee; bottom: -10px; left: 5%;}
.ic-link a span:hover{ color: #00c4ff;}

.s-new{padding: 40px calc( 50% - 600px) 0px; box-sizing: border-box; overflow: hidden;}
.new-list,.new-banner{ width: 50%; display: inline-block; float: left; background-color: #fff; height: 400px;}
.new-list{ padding: 40px; box-sizing: border-box;}
.new-list > h1{ font-size: 24px; line-height: 1; margin-bottom: 30px; color: #101010; text-align: left; font-weight: normal;}
.new-list > ul,.new-list > ul li,.new-list > ul li a{ width: 100%; display: inline-block; box-sizing: border-box;}
.new-list > ul li{ padding: 8px 0;}
.new-list > ul li a{ padding-left: 15px; font-size: 12px; line-height: 1.5; color: #101010; position: relative;}
.new-list > ul li a::after{ position: absolute; content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #ab1723; left: 0; top: 7px; }
.new-list > ul li a:hover{ text-decoration: underline;}

/*.foot{ margin-top: 50px; background-color: #212222;padding: 45px calc( 50% - 600px) 90px; box-sizing: border-box; overflow: hidden;}*/
.foot .col-4{ width: 33.33%; display: inline-block; float: left; color: #fff;}
.foot .col-4 h1{ font-size: 18px; text-align: left; font-weight: normal;}
.foot .col-4 .fo-mgs{ width: 100%; display: inline-block; margin-top: 25px;}
.foot .col-4 .fo-mgs > label,.foot .col-4 .fo-mgs> span{ width: 100%; display: inline-block; line-height: 1.25; font-size: 12px; font-weight: normal; }
.foot .col-4 .fo-mgs > label{ font-size: 14px; font-weight: bold;}
.foot .col-4:nth-child(2){ padding-left: 120px; box-sizing: border-box;}
.foot .col-4:nth-child(2) .fo-mgs > label,.foot .col-4:nth-child(2) .fo-mgs> span{ line-height: 2.4;}
.foot .col-4:nth-child(3){  padding-left: 170px; box-sizing: border-box;}
.foot .col-4:nth-child(3) .fo-mgs{ width: 50%; display: inline-block; float: left; padding-right: 15px; box-sizing: border-box; text-align: center;}



/* 新闻 times：2020/07/29 5:30 */
.new-con{ padding: 20px calc( 50% - 600px) 50px; box-sizing: border-box; width: 100%; overflow: hidden; min-height: 600px;}
.left-mune{ width: 240px; margin-right: 20px; display: inline-block; float: left; }
.left-mune > h1{ padding: 15px 20px; font-size: 20px; line-height: 30px; color: #fff;
    background: #ab151e url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNAA2eQ+cRwGBgYAGfcAzGQ3YWBAAAAAElFTkSuQmCC') repeat ;}
.mune-box{ width: 100%; padding: 0 0 160px 20px; box-sizing: border-box; background-color: #fff; overflow: hidden;}
.mune-box ul,.mune-box ul li{ width: 100%;}
.mune-box ul li a{ display: inline-block; width: 100%; font-size: 14px; text-align: left; border-bottom: 1px solid #ddd; line-height: 60px; color: #333; position: relative;}
.mune-box ul li a.active,.mune-box ul li a:hover{ border-bottom: 1px solid #ab151e; color: #ab151e;}
.mune-box ul li a.active::after,.mune-box ul li a:hover::after{ position: absolute; content: ''; width: 56px; height: 2px; bottom: 0px; left: 0; background-color: #ab151e;}
.right-con{ width: calc(100% - 260px); display: inline-block; float: left; padding: 10px 20px; box-sizing: border-box; background-color: #fff;}
.new-con-page{ width: 100%; display: inline-block; overflow: hidden;}
.new-con-page li{ width: 100%; display: inline-block; padding: 20px 0; position: relative; overflow: hidden;}
.new-con-page li::after{ position: absolute; content: ''; width: 100%; left: 70px; bottom: 0px; height: 1px; width: 100%; background-color: #ddd;;;}
.new-con-page li label,.new-con-page li span{ display: inline-block; float: left;}
.new-con-page li label{ padding: 10px 5px; width: 60px; height: 60px; box-sizing: border-box; background-color: #f9f9f9; border: 1px solid #ddd; margin-right: 20px; display: inline-block; float: left; font-size: 12px; line-height: 1.5; color: #333; text-align: center;}
.new-con-page li label > i{ font-size: 18px; text-align: center; width: 100%; font-weight: normal; font-style: normal; display: inline-block; }
.new-con-page li span{ font-size: 14px; line-height: 60px; text-align: left; width: calc(100% - 80px);}
.new-con-page li span > .new-tit,.new-con-page li span > .new-mgs{ width: 450px; line-height: 1.8; font-size: 14px; color: #666; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; }
.new-con-page li span > .new-tit{ font-size: 22px; color: #333; line-height: 2.6; margin-bottom: 0px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
.new-con-page li span > .new-img{ width: 275px; height: 160px; display: inline-block; float: right; background-color: #ddd; margin-top: 10px;}


.page{ text-align: center; display: inline-block; margin: 10px auto;} /*width: 100%;*/
.page li{ margin: 0 2px; display: inline-block;}
.page li a{display: inline-block; font-size: 12px; text-align: center; line-height: 2; color: #333; border-radius: 2px; border: 1px solid #ddd; padding: 1px 8px; min-width: 28px; box-sizing: border-box;}
.page li a.active{ background-color: #ab151e; border-color: #ab151e; color: #fff;}


.indent-tit{ padding: 15px 40px; font-size: 20px; line-height: 30px; color: #fff;
    /*background: #ab151e url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNAA2eQ+cRwGBgYAGfcAzGQ3YWBAAAAAElFTkSuQmCC') repeat ;*/
}
.indent-con{ width: 100%; background-color: #fff; padding: 50px 120px; box-sizing: border-box; }
.indent-con>h1{ font-size: 26px; line-height: 1.8; color: #333; text-align: center; font-weight: normal; margin-bottom: 20px;}
.indent-con>h3{ font-size: 12px; line-height: 2; color: #666; text-align: center; font-weight: normal; margin-bottom: 40px;}
.text{ width: 100%; }
/*.text p{width: 100%; text-align: left; line-height: 2.2; color: #333; text-indent: 2rem; font-size: 14px; margin: 30px 0;}*/
/*.text p{width: 100%; text-align: left; line-height: 2.2; color: #333; font-size: 14px; margin: 30px 0;}*/
/*.text .img{ width: 100%; margin: 30px 0; text-align: center;}*/

/*  面包屑    首页 - 党建工作   */
.container .breadcrumb {
    color: #898989;
    padding: 10px 0;
}

.container .pc-content {
    display: flex;
    justify-content: space-between;
}

.container .pc-content-left {
    flex: 1;
    padding: 0 20px 0 20px;
}
.container .pc-content-right{
    width: 20%;
}

.container .pc-content .news-item {
    padding-bottom: 5px;
    border-bottom: 1px dashed #9d9d9d;
    margin-bottom: 15px;
}

.container .news-item .title {
    color: #333;
}

.container .news-item .tips {
    display: flex;
    justify-content: left;
    align-items: center;
    color: #9d9d9d;
    padding-top: 5px;
}


.container .news-item .source {
    padding-right: 20px;
}

.container .pc-content-right .img-news {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
}

.container .pc-content-right .img-news .icon {
    border: 2px solid #3171d8;
    margin-right: 10px;
    display: inline-block;
    height: 18px;
}

.container .pc-content-right .img-list {
    padding: 10px 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.container .pc-content-right .img-list .img-item {
    float: left;
    width: 48%;
    text-align: center;
    color: #9d9d9d;
}

.container .pc-content-right .img-list .img-item .img {
    width: 90%;
    margin: 0 auto;
}

.container .pc-content-right .img-list .img-item .name {
    text-align: left;
    padding: 3px 5px;
}

/**
灾难日
 */

.nakba {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}