.textcomm{text-align:center;padding: 0 15px;overflow:hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;background:#f5f5f5;}
body,.bgf{background: white;}
/* 标题 */
.new-tit{height: 90px;width: 100%;background: #f5f5f5;}
.new-tit h1{font-size: 32px;color: #ec0000;width: 90%;margin: 0 auto;line-height: 90px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;text-align:center;}
.new-tit h1:hover{cursor: pointer;}
/* 轮播 */
.m-content1{margin-top: 20px;}
.m-left{width: 824px; height: 460px;}
.g-flash,.g-flash .owl-item,.g-flash img{height: 460px;}
.g-flash img{display: block; width: 100%;transition: all linear .3s }
.g-flash img:hover{transform: scale(1.1);}
.g-flash li,.g-flash li a{position: relative;}
.g-flash li a{display: block;}
.g-flash li p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 130px 0 18px;font-size: 18px; line-height: 60px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;  color: #fff;background: url(../images/page/bg-op50.png) repeat;}
.g-flash .hd{position: absolute; right: 20px; bottom: 24px;font-size: 0;}
.g-flash .hd ul li{float: left; margin-left: 10px; width: 12px; height: 12px;  background: #fff;border-radius:50%}
.g-flash .hd ul li.on{background: #ff6c00;}
/* tab-切换 */
.m-right{width: 576px;height: 460px;overflow: hidden;padding-left: 26px;}
.m-tabstyle1{height: 44px;border-bottom: 1px solid #e5e5e5;}
.m-tabstyle1 .u-tit{width: calc(100% - 45px);float: left;}
.m-tabstyle1 .more{float: right; font-size: 16px; color: #999; line-height: 40px;}
.m-tabstyle1 .more:hover{color: #ca300c;}
.m-tabstyle1 li{float: left; text-align: center;margin-right: 30px;}
.m-tabstyle1 li a{display: block; height: 40px; font-size: 22px;font-weight:bold }
.m-tabstyle1 li.u-active{border-bottom: 4px solid #ca300c;}
.m-tabstyle1 li.u-active a{color: #ca300c;}

/* 列表 */
.m-liststylecom li{height: 44px; line-height: 44px;overflow: hidden;position: relative;padding-left: 14px;background: url(../images/public/dot.png) left center no-repeat;transition: padding .3s;}
.m-liststylecom li a{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-liststylecom li span{float: right; color: #b2b2b2; font-size: 14px;}
.m-liststylecom li img{margin-left: 10px; vertical-align: middle;}
.m-liststylecom li:hover {padding-left: 20px;}

.ligh1 ul{height:416px;overflow: hidden;padding-top: 10px;}
.ligh2 ul{height:280px;margin-top:-14px}
.m-liststylecom-1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.m-liststylecom-1 li{width:49%;height: 38px; line-height: 38px;}

.m-liststylecom-2 ul{display:flex;justify-content:center }
.m-liststylecom-2 li{width:30%;margin:0 1%;background: url(../images/index/dotred.png) left center no-repeat;}
.m-liststylecom-2 li a{font-size: 15px;color:#808080}
/* 通知公告 */
.m-content2{margin-top: 30px;}
.m-left1,.m-right1{width:calc(50% - 20px);}
.m-right1{margin-left: 40px;}
.m-left1 .ligh1 ul,.m-right1 .g-news{height: 264px;overflow: hidden;}
/* 专题聚焦 */
.m-right1 .g-news .g-flash2{width: 100%;height: 100%;}
.m-right1 .g-news li a{float:left;width: calc(50% - 7.5px);overflow: hidden;margin-top: 20px;}
.m-right1 .g-news li a:nth-child(even){margin-left: 15px;}
.m-right1 .g-news li img{width: 100%;height: 118px;object-fit: cover;transition: transform .3s;}
.m-right1 .g-news li img:hover{transform: scale(1.1);}
/* 基层党建、干部工作、人才工作 */
.m-content3{margin-top: 40px;} 
.m-content3 .g-news{margin-top: 15px;height: 327px;overflow: hidden;background-color: #fafafa;}
.m-content3 .m-liststylecom ul{padding-top: 21px;}
.m-content3 .m-liststylecom li{width: calc(50% - 10px); padding: 0 10px;float: left; margin-left: 10px;height: 42px; line-height: 42px;}
.m-content3 .m-liststylecom li:hover{padding-left:20px;transition:padding .3s;}
.m-content3 .g-img{width: 489px; height: 327px;margin-right: 20px;}
.m-content3 .g-img img{width: 100%; height: 100%; object-fit: cover;}

/* 党务问答、写信 */
.m-content4{margin-top: 20px;}
.m-left2,.m-right2{height: 314px;overflow: hidden;}
.m-left2{width: 900px;padding: 50px 20px 30px 22px;background: url(../images/home/jcdjbg.png) no-repeat;background-size: 100% 100%;}
.m-left2 .left-title img{margin-top: 18px;}
.m-left2 .tit-list a{float: right;width: 743px;height: 40px; line-height: 40px;padding-left: 20px;font-size: 16px;background-color: white;margin-bottom: 8px;}
.m-left2 .tit-list a:hover,.m-left2 .tit-list a.active{background-color: #ca300c;color: white;}
.m-right2{width: 500px;padding: 0;}
.m-right2 li{float:left;position: relative;width: 232px;height: 94px;background-color: #ffffff;border: solid 2px #f5f5f5;margin-left: 16px;margin-bottom: 16px;overflow: hidden;}
.m-right2 li img{position: absolute;left: 22px;top: 50%;transform: translateY(-50%);}
.m-right2 li .ver-line{position:absolute;left: 68px;top: 50%;transform: translateY(-50%);width: 1px;height: 26px;background-color: #f5f5f5;}
.m-right2 li p{left:70px;width:158px;text-align: left;padding-left: 10px;line-height: 30px;font-size: 18px;color: #333333; position: absolute;top: 50%;transform: translateY(-50%);}
.m-right2 li:hover img{left: -56px;filter: drop-shadow(78px 0 white);}
.m-right2 li:hover{background-color: #ca300c;}
.m-right2 li:hover p{color: white;}
/* 图标列表 */
.m-content5{margin-top: 20px;padding:20px 0;}
.icon-list li{float:left;position: relative;width:188px;height:194px;background-color:#fffbfa;margin-right: 14px;overflow:hidden; }
.icon-list li:last-child{margin-right: 0;}
.icon-list li a{display:block;padding-top:110px; text-align: center;font-size: 18px;line-height: 30px;color: #333333;}
.icon-list li img{position:absolute; width: 84px;height: 84px;object-fit:cover;top: 25px;left: 50%;transform: translateX(-50%);}
.icon-list li:hover img{animation: rotate-img 0.6s linear}
@keyframes rotate-img{
    0%{transform: translateX(-50%) rotate(0deg);}
    100%{transform: translateX(-50%)  rotate(360deg);}
}
/* 图片列表 */
.m-content6,.m-content6 .g-news{margin-top: 20px;}
.x-xfimg ul{overflow: hidden;}
.x-xfimg ul li{float: left;width:268px;margin-right:15px;cursor: pointer;}
.x-xfimg ul li .img {width: 100%;height: 180px;display: block;overflow: hidden;}
.x-xfimg ul li img{display: block;height: 100%;object-fit: cover;transition: all 0.5s ease 0s;}
.x-xfimg ul li:hover img{transform: scale(1.1);}
.x-xfimg ul li p{height: 40px;text-align: center; line-height: 40px;background-color: #eaeaea;font-size: 16px;color: #333333;padding: 0 10px;}

/* 友情链接 */
.friends-link{height:125px;line-height: 125px;background-color:#fffbfa;}
.friends-link img{vertical-align: middle;animation: all 0.5s linear}
.friends-link img:hover{transform: scale(1.1);}
.friends-link .is-link{float: left;font-size: 18px;color: #ca300c;font-weight: 600;}
.friends-link li{float: left;margin-left: 40px;}

@media (max-width: 1200px) {
    
}
@media (min-width:1280px) and (max-width: 1440px) {
    
}
@media (min-width:1441px) and (max-width: 1680px) {
    
}
@media (min-width:1681px) and (max-width: 2930px) {
   
}
@media (max-width: 1240px) {
    .m-left{width: 560px;}
    .m-left2{width: 638px;}
    .m-left2 .tit-list a{width: 520px;}
    .icon-list li{margin-bottom: 14px;}
    .friends-link{height: auto;}
}
@media (max-width: 1170px) {
    .g-flash, .g-flash .owl-item, .g-flash img{height: 420px;}
}

@media (max-width: 970px) {
    .x-container{padding-left: 10px;padding-right: 10px;}
    img,.g-search,.u-searchtext,.m-left,.m-right,.m-left1, .m-right1,.m-left2,.m-right2,.x-xfimg ul li,.m-right1 .g-news li a,.ligh1 ul,.g-flash3{width:100%}
    .g-flash3 .tempWrap{width: 100% !important;}
    .ligh1 ul,.m-content3 .g-news{height: auto;}
    .m-left,.m-right,.m-left1,.m-right1,.m-left2, .m-right2{height: auto; margin-bottom: 10px;}
    .m-left2{padding: 30px 0 0 0;}
    .m-left2 .left-title img{width: 40px;}
    .m-left2 ul{width: calc(100% - 60px);float: left;margin-left: 15px;}
    .m-left2 .tit-list a{width: 100%;height: 30px; line-height: 30px;font-size: 14px;}
    .m-right2 li{width: calc(50% - 5px);margin-bottom: 10px;margin-left: 10px;}
    .m-right2 li:nth-child(2n+1){margin-left: 0;}
    .m-right2 li img{width: 30px;left: 10px;}
    .m-right2 li a{font-size: 14px;padding-left: 45px;}
    .m-right2 li .ver-line{left: 45px;}
    .m-content5{padding: 0; margin: 0;}
    .icon-list li{width: calc(50% - 5px);margin-bottom: 10px;margin-right: 10px;}
    .icon-list li:nth-child(2n){margin-right: 0;}
    .new-tit h1,.m-tabstyle1 li a{font-size: 18px;}
    .m-tabstyle1 li a{padding:0 10px;}
    .m-right{padding-left: 0;}
    .m-right1,.m-right1 .g-news .g-flash2 li a{margin-left: 0px;}
    .m-flash,.x-cont-left{margin-bottom:15px}
    .g-flash, .g-flash .owl-item, .g-flash img{height:320px}
    .g-flash li p{font-size: 16px;}
    .friends-link .is-link{float: none;}
    .friends-link .is-link img{width: unset;}
    .friends-link{height: auto;line-height: 70px;}
    .friends-link li{width: calc(50% - 10px);margin-left: 0;}
}
@media (max-width: 767px) {
    .x-djwz{margin-top: -60px;}
    .m-tabstyle1 li{margin-right: 5px;}
    .g-flash, .g-flash .owl-item, .g-flash img{height:260px}
    .m-right2 li p{left: 45px;width: calc(100% - 45px);font-size: 16px;}
}