.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: 120px;width: 100%;background: #f5f5f5;margin-top: 30px;text-align:center;}
.new-tit h1{font-size: 40px;color: #cb0b19;width: 90%;margin: 0 auto;line-height: 75px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.new-tit p{font-size: 18px;color: #cb0b19;width: 90%;margin: 0 auto;line-height: 30px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.new-tit:hover{cursor: pointer;}
/* 轮播 */
.m-content1{margin-top: 30px;}
.m-left{width: 723px; height: 462px;}
.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%;opacity: 0.36;}
.g-flash .hd ul li.on{background: white;opacity: 1;}
/* tab-切换 */
.m-right{width: 650px;height: 460px;overflow: hidden;padding-left: 28px;}
.m-tabstyle1 .u-tit{max-width: calc(100% - 140px);float: right;}
.m-tabstyle1 li{float: left;width: 100px;height: 38px;line-height: 38px; text-align: center;margin-left: 10px;color: #333; background-color: #f1f1f1;}
.m-tabstyle1 li a{display: block; font-size: 16px;}
.m-tabstyle1 li.u-active{background-color: #cb0b19;}
.m-tabstyle1 li.u-active a{color: white;}
.m-title1{position: relative;height: 38px;line-height: 38px;}
.m-title1::before{content: "";position: absolute;width: calc(100% - 180px); height: 4px;left: 116px;top: 50%;transform: translateY(-50%);background-color: #f5f5f5; }
.m-title1 .title{display: block;float: left;color: #cb0b19;font-size: 24px;font-weight:bold }
.m-title2{border-bottom: 1px solid #eaeaea;}
.m-title2 .title{float: left;width: 136px; height: 49px; line-height: 49px;font-size: 24px;font-family: 'SiYuanSimSun';color: #ffffff; padding-left: 10px; background: url(../images/home/title-bg.png) center center no-repeat;}
.m-title1 .more,.m-title2 .more{float: right; font-size: 16px; color: #cb0b19; line-height: 38px;}
.m-title2 .more{line-height: 49px;} 
/* 列表 */
.m-liststylecom li{height: 40px;line-height: 40px; overflow: hidden;position: relative;padding-left: 15px;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;}

.g-news{padding-top: 15px;}
.ligh1 ul{height:416px;overflow: hidden;}
.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-content1 .g-news {padding-top: 0px;}
.m-content1 .m-right .m-listitem{width: 100%;height: 140px;overflow:hidden; padding:20px 0px;border-bottom: 1px dashed #eee;}
.m-content1 .m-right .m-listitem h2{font-size:20px;line-height:30px;color:#333;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m-content1 .m-right .m-listitem p{font-size: 16px;line-height: 30px;color: #979797;}
/* 党建工作 */
.m-content2{margin-top: 30px;}
.m-left1{width: 880px;}
.m-right1{width:520px;}
.m-right1{padding-left: 30px;}
.m-left1 .ligh1 ul,.m-right1 .g-news{height: 248px;overflow: hidden;}
.m-left1 .m-liststylecom li{width: calc(50% - 10px); float: left; margin-right: 10px;}
.m-left1 .m-liststylecom li:nth-child(even){margin-right: 0;}
/* 通知公告 */

/* 干部工作、党建视频 */
.m-content3{margin-top: 20px;} 
/* 党建视频 */
.m-content3 .m-right1 .m-video{height: 126px;}
.m-content3 .m-right1 .m-video li{width: calc(50% - 8px);background: url(../images/home/shipin.png) left center no-repeat;padding-left: 32px;float: left; margin-right: 16px;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);}
.m-content3 .m-right1 .m-video li:nth-child(even){margin-right: 0;}
.m-content3 .m-right1 .m-video li:hover,
.m-content3 .m-right1 .m-video li:focus,
.m-content3 .m-right1 .m-video li:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;}

.m-content3 .m-right1 .m-xx li{position:relative; width: calc(50% - 8px);height: 89px;background: #f1f1f1;float: left;padding-left: 0;margin-right: 16px;}
.m-content3 .m-right1 .m-xx li:nth-child(even){margin-right: 0;}
.m-content3 .m-right1 .m-xx img{margin-left: 42px;margin-top: 18px;width: 54px;height: 54px;}
.m-content3 .m-right1 .m-xx p{position: absolute;max-width: 120px;overflow: hidden; left: 116px;font-size: 20px;line-height: 24px;top: 50%;transform: translateY(-50%);}
.m-content3 .m-right1 .m-xx :hover img{animation: rotate 0.3s ease infinite;}
@keyframes rotate {
    0% {transform: rotate(0);}
    20% {transform: rotate(-10deg);}
    60% {transform: rotate(0);}
    80% {transform: rotate(10deg);}
    100% {transform: rotate(0);}
}
@keyframes hvr-wobble-horizontal {
    16.65% {-webkit-transform: translateX(8px);transform: translateX(8px);}
    33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px);}
    49.95%{-webkit-transform:translateX(4px);transform:translateX(4px);}
    66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px);}
    83.25%{-webkit-transform:translateX(1px);transform:translateX(1px);}
    100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
/* 专题专栏 */
.m-content4{margin-top: 20px;height: 153px;background-color: #f1f1f1;}
.m-content4 h1{width: 60px; height: 100%;text-align: center;font-size: 24px;line-height: 60px;color: #cb0b19;writing-mode: vertical-rl;}
.m-content4 .g-flash1{width: calc(100% - 75px);height: 120px;margin-top: 17px;position: relative;overflow: hidden;}
.m-content4 .g-flash1 .prev,.m-content4 .g-flash1 .next{position:absolute;right:0;top:50%;margin-top:-14px;display:block;width:16px;height:28px;opacity:0.28;background-color: #000000;overflow:hidden;}
.m-content4 .g-flash1 .prev::after,.m-content4 .g-flash1 .next::after{content: "";position: absolute;left: 2px;top: 10px;width: 8px; height: 8px; border: 1px solid white;border-left: none;border-bottom: none; transform: rotate(45deg);}
.m-content4 .g-flash1 .prev{left: 0; transform: rotate(-180deg);}
.zt-list li{float:left;position: relative;margin-right: 15px;overflow:hidden; }
.zt-list li:last-child{margin-right: 0;}
.zt-list li img{width:320px;height:120px;object-fit:cover;transition: transform 0.3s ease-in-out;}
.zt-list li:hover img{transform: scale(1.1);}


/* 人才之家、党员教育 */
.m-content5{margin-top: 20px;}
.m-content5 .m-left2,.m-content5 .m-right2{width: calc(50% - 15px);}
.m-content5 .m-right2{margin-left: 30px;}
.m-content5 .g-news{padding-top: 20px;}
.new-img{position: relative; width: 265px; height: 190px;float:left;overflow: hidden;}
.new-img img{width: 100%; height: 100%; object-fit: cover;}
.new-img p{position: absolute;left: 0;bottom: 0;color: white;width:100%;height:34px;line-height: 34px;padding: 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background-color: rgba(0,0,0,0.51);}
.m-content5 .m-liststylecom{float: left;width: calc(100% - 280px);padding-left: 15px;height: 190px;overflow: hidden;}
.m-content5 .m-liststylecom ul{padding-top: 0px;}

/* 友情链接 */
.friends-link{height:125px;line-height: 125px;background-color:#f1f1f1;margin-top: 35px;}
.friends-link img{vertical-align: middle;animation: all 0.8s ease-in-out}
.friends-link img:hover{transform: scale(1.1);}
.friends-link .is-link{float: left;font-size: 18px;color: #cb0b19;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,.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,.m-left1 .m-liststylecom li,.new-img,.m-content5 .m-liststylecom{width:100%}
    .g-flash1 .tempWrap{width: 100% !important;}
    .ligh1 ul,.m-content3 .g-news,.m-left1 .ligh1 ul, .m-right1 .g-news,.m-content5 .m-liststylecom{height: auto;}
    .m-left,.m-right,.m-left1,.m-right1,.m-left2, .m-right2{height: auto; margin-bottom: 10px;}
    .m-left1 .m-title2 .title,.m-left2 .m-title2 .title,.m-right2 .m-title2 .title{float: none;display: block;}
    .m-left1 .m-tabstyle1 .u-tit,.m-left2 .m-tabstyle1 .u-tit,.m-right2 .m-tabstyle1 .u-tit{float:none;max-width: 100vw; margin-top: 10px;}
    .f-mt30,.new-tit{margin-top: 10px;}
    .new-tit h1{font-size: 28px;}
    .m-tabstyle1 li{margin-bottom: 10px;}
    .m-left1 .m-liststylecom li{margin-right: 0;}
    .m-right1{padding-left: 0;}
    .m-content5 .m-left2, .m-content5 .m-right2{width: 100%}
    .m-right{padding-left: 0;}
    .m-right1,.m-right1 .g-news .g-flash2 li a,.m-content5 .m-right2{margin-left: 0px;}
    .m-flash,.x-cont-left{margin-bottom:15px}
    .g-flash, .g-flash .owl-item, .g-flash img{height:300px}
    .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: 60px;}
    .friends-link li{width: calc(50% - 10px);margin-left: 0;}
    .friends-link li:nth-child(2n+1){margin-right: 10px;}
    .m-content3 .m-right1 .m-xx img{margin-left: 10px;}
    .m-content3 .m-right1 .m-xx p{left: 74px;font-size: 18px;}
    .new-img{height: 230px;margin-bottom: 10px;}
}
@media (max-width: 767px) {
    .x-djwz{margin-top: -60px;}
    .g-flash, .g-flash .owl-item, .g-flash img{height:200px}
    .m-right2 li p{left: 45px;width: calc(100% - 45px);font-size: 16px;}
    .zt-list li img{width: calc(100vw - 82px)}
}