.x-row::after {clear: both; display: block; content: "";}
.x-row::before {clear: both; display: block; content: "";}
.x-col-md12{width:100%}
.x-col-md-1{width:65%}
.x-col-md-2{width:35%}
.x-col-md-3{width:380px}
.x-col-md-4{width:66%}
.x-col-md-5{width:680px}
.x-col-md-6{width:490px}
.x-col-md-7{width:460px}
.textcomm{text-align:center;position: absolute;padding: 0 15px;overflow:hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;background: url(../images/page/bg-op50.png) repeat;;color: #fff;}
/**党建网站**/
.x-djwz{background:#f4b654;padding:10px 0px;}
.djwz{min-height:50px;line-height:50px;}
.djwz-left h1 img{display: block;height:auto;}
.djwz-right span{display: inline-block;margin:0px 10px;color:#113a6b;line-height:30px;}
.djwz-right .active a{color:#ec0c19;}
.djwz-right span a{font-size:14px;}
.djwz-right span a:hover{color:#ec0c19; }

/* 乡镇分站 */
.x-xz-website{background:url(../images/index/jzlm-bg.png)  repeat;}
.xz-website{height:90px;padding:10px 0px;}
.xz-website h2{display:inline-block;width:70px;font-size:14px;font-weight:bold;color:#ca1212;line-height:30px;margin-top:4px}
.xz-weblist{width:94%;}
.xz-weblist ul li{min-width:105px;float:left;height:34px;line-height:34px;text-align: center;}
.xz-weblist ul li a{font-size:14px;transition: all 0.3s;}
.xz-weblist ul li:hover a{color:#113a6b;}

/* 地图右侧 */
.x-fz-map{background-image:linear-gradient(to bottom,#c6edff, #fff); padding:60px 0px 20px 220px;}
.x-fz-map .map-content{width:100%;}
.map-contright{width:44%;}
.map-contright h2{width:100%;height:60px;line-height:60px;border-bottom:1px solid rgba(91,203,226,0.5);font-size:24px;color:#333;padding-bottom:15px;margin-bottom:15px;}
.map-contright h2 img{width:30px;height:auto;margin-right:10px;}
.map-contright ul li{min-width:120px;float:left;height:35px;line-height:35px;margin-right:10px;text-align: left;}
.map-contright ul li a{font-size:18px;color:#333;transition: all 0.3s;}
.map-contright ul li:hover a{color:#ca1212;}
.map-contright ul li.active a{color:#ca1212;}

/* 标题 */
.is-title-1{overflow: hidden;text-align: center;border-bottom:1px solid #ffe5e5}
.is-title-1 ul{text-align: center;}
.is-title-1 ul li{display:inline-block;padding:0 17px;position: relative;}
.is-title-1 ul a{font-size:28px;font-weight: bold;display:inline-block;height:55px;line-height:40px;padding:0 15px}
.is-title-1 ul i{position: absolute;bottom:0px;left:50%;margin-left:-6px;width:12px;height:8px;z-index: 1;}
.is-title-1 ul .u-active a{border-bottom:2px solid #ca1212;color:#ca1212}
.is-title-1 ul .u-active i{display:block;background: url(../images/index/redrow.png) center no-repeat;bottom:2px;-webkit-transition: all linear 0.2s;transition: all linear 0.2s;-moz-transition: all linear 0.2s;}

.is-title-2{border-bottom:1px solid #ffe5e5;}
.is-title-2 a{font-size:28px;font-weight: bold;color:#c60204;height:60px;line-height: 60px;}
.is-title-2 i{position: absolute;display: inline-block;width:30px;height:4px;background:#c60204;bottom:-2px;left:0 }



.is-title-one{font-size: 34px;height: 120px;line-height: 120px;text-align: center;color:#c60204;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

/* 轮播 */
.m-flash{position: relative;}
.g-flash,.g-flash .owl-item,.g-flash img{height: 440px;}
.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; line-height: 68px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;  color: #fff;background: url(../images/page/bg-op50.png) repeat;}
.m-flash .hd{position: absolute; right: 20px; bottom: 25px;}
.m-flash .hd ul li{float: left; margin-left: 10px; width: 14px; height: 14px;  background: #fff;}
.m-flash .hd ul li.on{background: #ff6c00;}

/* 列表 */
.m-liststylecom li{height: 40px; line-height: 40px;position: relative;padding-left: 14px;background: url(../images/index/dot.png) left center no-repeat;}
.m-liststylecom li a{display: block; overflow: hidden; word-wrap: normal; 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;}

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

/* 专栏 */
.x-gcallist{width: 100%;height: 105px;position: relative;overflow: hidden;}
.x-gcallist .bd ul li a img{height: 105px;width: 285px;transition: all .3s linear;}
.x-gcallist .bd ul li a{display: block;}
.x-gcallist .bd ul li{margin-right: 20px;float: left;overflow: hidden;}
.x-gcallist .bd ul li:last{margin-right:0}
.x-gcallist .hd a{position: absolute;display: inline-block;width: 28px;height: 54px;right: 0;}
.x-gcallist .hd a.prev{background: url(../images/index/rowleft.png) no-repeat;left: 0px;top: 50%;margin-top: -27px;}
.x-gcallist .hd a.next{background: url(../images/index/rowright.png) no-repeat;right: 0px;top: 50%;margin-top: -27px;}
.x-gcallist .bd ul li:hover img{transform: scale(1.1);transition: all .3s linear;}

.x-new-list{margin:20px -15px 30px -15px;overflow: hidden;}
.x-new-list .x-col-md-3{margin:0 15px}

/* 党建切换 */
.x-dj-tab{overflow: hidden;text-align: center;border-bottom:1px solid #ffe5e5;padding-bottom:14px}
.x-dj-tab ul{text-align: center;}
.x-dj-tab ul li{display:inline-block;}
.x-dj-tab ul a{font-size:28px;font-weight: bold;display:inline-block;height:60px;line-height:60px;padding:0 45px}
.x-dj-tab ul .u-active a{color:#fff;background: url(../images/index/titlebg.png) no-repeat;background-size: 100% 100%}

.x-tab-cont{margin-top:20px}
.x-cont-left{overflow: hidden;float: left;}
.x-cont-left p{line-height: 48px;left:0;bottom:0;right:0}
.x-cont-left img{width: 100%;height: 230px;transition: all linear 0.3s;}
.x-cont-left img:hover{transform:scale(1.1)}

/* 地图2 */
.map2-main{height:444px;padding:10px;border:1px solid #e6e6e6;}
.map2-left{width:485px;height:424px;background:url(../images/index/map-2.png)  no-repeat center center;position: relative;}
.map2-left .map2-item{position:absolute;display: none;}
.map2-left .map2-item .map2-info{padding:10px;border-radius:5px;background:#fff;border:1px solid #c60204;margin:5px 0px 0px 5px;position: relative;}

.map2-left .map2-item .map2-info p{font-size:14px;text-align: center;padding:0px 5px;}
.map2-left .map2-item .map-icon{text-align: center;line-height:20px;margin-top:8px;}
.map2-left .map2-item .map-icon i{
    display: inline-block;
    width:18px;
    height:26px;
    background:url(../images/index/location.png)  no-repeat center center;
    animation-iteration-count:infinite;
    animation-duration:1.2s;
    -webkit-animation-duration:1.2s; 
    animation-timing-function:linear;
    -webkit-animation-timing-function:linear;
}
.map2-left .item1{left:80px;top:166px;display: block;}
.map2-left .item2{left:157px;top:134px;}
.map2-left .item3{left:175px;top:-10px;}
.map2-left .item4{left:243px;top:133px;}
.map2-left .item5{left:190px;top:60px;}
.map2-left .item6{left:120px;top:90px;}

.map2-right{width:280px;height:200px;bottom:44px;right:0}
.map2-right ul li{height:40px;line-height:40px;font-size:16px;color:#fff;padding-left:10px;}
.map2-right ul li span{margin-left:20px;}
.map2-right ul li.active a{color:#c60204;}

/* 图片列表 */
.x-xfvedio ul{margin:0 -8px;height: 444px;overflow: hidden;}
.x-xfvedio ul li{float: left;width:237px;margin:0 8px;overflow: hidden;}
.x-xfvedio ul li img{display: block;width:100%;height: 180px;object-fit: cover;}
.x-xfvedio ul li p{height: 50px;line-height: 40px;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.x-msg-list{width:344px;margin-left:25px;margin-top:-6px}
.x-msg-list li{float: left;width:160px;text-align: center;background:#f5f5f5;padding:18px 0;margin:6px}
.x-msg-list li p{font-size: 14px;height: 30px;line-height: 40px}
.x-msg-list li:hover img{transform: rotateY(180deg);transition: all .3s linear}

.x-zhfw{padding-bottom:30px}
.x-edu-list{width:235px;}
.x-deu-title{display:block;position:relative;height:40px;line-height: 40px;color: #fff;padding-left:20px;background:#bababa }
.x-edu-row{display: block;width:14px;height: 13px;right:20px;bottom:14px;background: url(../images/index/row.png) center no-repeat;transition: all .3s linear;}
.x-deu-title:hover{color:#fff}
.x-edu-list li{height:28px;line-height: 28px;padding-left:30px;background: url(../images/public/icon-li2.png) 20px center no-repeat;}
.x-edu-list li a{display:block;font-size: 14px;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.x-edu-list ul{padding:9px 0}
.x-edu-cur{background: #c60204}
.x-edu-cur i{transform: rotate(90deg);}


/* 友情链接 */
.is-link{}
.m-link{padding:20px;background: #f0f0f0;border-top:3px solid #c60204}
.is-link-left{font-size: 20px;color:#c60204;font-weight: bold;margin-right:20px;float:left;line-height: 42px}
.is-link-right ul li{position:relative;float:left;margin-right:20px;background: #fff;width:260px;padding-left:15px;height:42px;line-height: 42px;}
.is-link-one{display:block;padding-right:25px;position: relative;height:42px;overflow: hidden;}
.blackrow{position:absolute;display:block;width:13px;height:8px;background: url(../images/index/rowdown.png) left center no-repeat;right:10px;top:18px;-webkit-transition: all linear 0.2s;transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.rowactive .blackrow{transform: rotateX(180deg)}
.is-link-right dl{position: absolute;padding:10px 5px;width: 100%;background: #fff;left:0;z-index: 99;overflow: hidden;bottom:43px;display: none}
.is-link-right dl dd{text-align: left;padding:0 10px}
.is-link-right dl dd a{display: block;height:32px;line-height: 32px;}
.is-link-right ul li:last-child{margin-right:0}
.is-link-right dl dd:hover{background: #c60204}
.is-link-right dl dd:hover a{color:#fff}






/* 客服 */
/* 客服插件 */
.rightfixd{
	position: absolute;
    right:150px;
    top:360px;
    z-index: 9999;
}

.rightfixd li {width:88px;border:1px solid #ddd;background: #fff;margin-bottom:10px;border-radius:5px;padding:15px 0}
.rightfixd li  span{display: block;width:30px;height:33px;margin:auto;}
.rightfixd li p{font-size: 14px;text-align: center;margin-top:8px;}
.rightfixd li a{display: block;width: 100%;height: 100%;text-align: center;font-size:14px}
.kefu-wx .title-icon{background:url(../images/index/jzxx.png) no-repeat center;}
.kefu-dh .title-icon{background:url(../images/index/xfjb.png) no-repeat center;}
.kefu-gj .title-icon{background:url(../images/index/dzz.png) no-repeat center;}
.kefu-xz .title-icon{background:url(../images/index/download.png) no-repeat center;}
.kefu-backtop .title-icon{background:url(../images/index/backtop.png) no-repeat center;}
.back-top{cursor: pointer;}
/*.rightfixd li:hover .kefu-wx .title-icon{background:url(../img/all-icon.png) no-repeat -42px center;}
.rightfixd li:hover .kefu-dh .title-icon{background:url(../img/all-icon.png) no-repeat -120px center;}
.rightfixd li:hover .kefu-gj .title-icon{background:url(../img/all-icon.png) no-repeat -188px center;}
.rightfixd li:hover .kefu-xz .title-icon{background:url(../img/all-icon.png) no-repeat -258px center;}*/


.leftfixd{
	position: absolute;
    left:150px;
    top:360px;
    z-index: 9999;
    
}
.leftfixd{border-radius:5px;background:#fff;}
.leftfixd ul{border:1px solid #ddd;border-radius:5px 5px 0px 0px;border-bottom:0}
.leftfixd ul li{width:100px;padding:8px;border-bottom:1px solid #ddd;}
.leftfixd ul li img{width:100%;height:auto;}
.leftfixd ul li p{font-size:12px;line-height:20px;color:#111314;text-align: center;}
.leftfixd ul li p.last{border:none;}
.leftfixd .colse-ewm{height:35px;background:#c60204;line-height:35px;border-radius:0px 0px 5px 5px;cursor: pointer;}
.leftfixd .colse-ewm p{text-align: center;color:#fff;font-size:16px;}


@media (max-width: 1200px) {
    .leftfixd{display: none;}
    .rightfixd{display: none;}
}
@media (min-width:1280px) and (max-width: 1440px) {
    .leftfixd{left:2px;}
    .rightfixd{right:5px;}
}
@media (min-width:1441px) and (max-width: 1680px) {
    .leftfixd{left:30px;}
    .rightfixd{right:30px;}
}
@media (min-width:1681px) and (max-width: 2930px) {
    .leftfixd{left:150px;}
    .rightfixd{right:150px;}
}

.map-contleft{width:40%;margin-right:2%;
    animation-duration:0.8s;
    -webkit-animation-duration:0.8s; 
    animation-timing-function:linear;
    -webkit-animation-timing-function:linear;
    animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    animation-delay:0.3s;
    -webkit-animation-delay:0.3s;
    position: relative;
    width: 480px;
    height: 374.59px;
    background: url(../images/index/map-1.png)no-repeat;
    background-size: 100%;
    
}
.maps{position: absolute;transition: all .3s ease-in;background: transparent;}
.maps a{display: block;width: 100%;height: 100%;position: relative;color:#113a6a;}
.maps span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.map1{width:16.06%;height:13.344% ;right: -2px;top: 7px;}
.map1.active{ background: url(../images/index/map1.png)no-repeat;background-size: 100%;}
.map2{width:14.052%;height:18.971% ;right: 62px;top:6px;}
.map2.active{ background: url(../images/index/map2.png)no-repeat;background-size: 100%;}
.map3{width:11.6687%;height:14.791% ;right: 110px;top:0px;}
.map3.active{ background: url(../images/index/map3.png)no-repeat;background-size: 100%;}
.map4{width:15.81%;height:18.167% ;right: 158px;top:11px;}
.map4.active{ background: url(../images/index/map4.png)no-repeat;background-size: 100%;}
.map5{width:13.676%;height:26.527% ;right: 214px;top:34px;}
.map5.active{ background: url(../images/index/map5.png)no-repeat;background-size: 100%;}
.map6{width:17.06%;height:14.308% ;right: 264px;top:68px;}
.map6.active{ background: url(../images/index/map6.png)no-repeat;background-size: 100%;}
.map7{width:20.828%;height:21.704% ;right: 303px;top:115px;}
.map7.active{ background: url(../images/index/map7.png)no-repeat;background-size: 100%;}
.map8{width:34.504%;height:52.09% ;right: 314px;top:180px;z-index: 100;}
.map8.active{ background: url(../images/index/map8.png)no-repeat;background-size: 100%;}
.map9{width:21.08%;height:31.83% ;right: 283px;top:176px;z-index: 150;}
.map9.active{ background: url(../images/index/map9.png)no-repeat;background-size: 100%;}
.map10{width:14.43%;height:22.83% ;right: 251px;top:162px;z-index: 150;}
.map10.active{ background: url(../images/index/map10.png)no-repeat;background-size: 100%;}
.map11{width:18.695%;height:15.273% ;right:238px;top:117px;z-index: 150;}
.map11.active{ background: url(../images/index/map11.png)no-repeat;background-size: 100%;}
.map12{width:13.676%;height:16.881% ;right:197px;top:132px;z-index: 150;}
.map12.active{ background: url(../images/index/map12.png)no-repeat;background-size: 100%;}
.map13{width:13.049%;height:21.222% ;right:177px;top:67px;z-index: 150;}
.map13.active{ background: url(../images/index/map13.png)no-repeat;background-size: 100%;}
.map14{width:14.303%;height:24.115% ;right:157px;top:115px;z-index: 150;}
.map14.active{ background: url(../images/index/map14.png)no-repeat;background-size: 100%;}
.map15{width:14.554%;height:23.955% ;right:120px;top:45px;z-index: 150;}
.map15.active{ background: url(../images/index/map15.png)no-repeat;background-size: 100%;}
.map16{width:8.406%;height:8.2% ;right:153px;top:44px;z-index: 150;}
.map16.active{ background: url(../images/index/map16.png)no-repeat;background-size: 100%;}
.map17{width:16.938%;height:17.202% ;right:56px;top:56px;z-index: 150;}
.map17.active{ background: url(../images/index/map17.png)no-repeat;background-size: 100%;}
.map18{width:11.919%;height:26.205% ;right:89px;top:111px;z-index: 180;}
.map18.active{ background: url(../images/index/map18.png)no-repeat;background-size: 100%;}
.map19{width:17.44%;height:44.373% ;right:102px;top:79px;z-index: 150;}
.map19.active{ background: url(../images/index/map19.png)no-repeat;background-size: 100%;}
.map20{width:19.95%;height:30.55% ;right:158px;top:182px;z-index: 150;}
.map20.active{ background: url(../images/index/map20.png)no-repeat;background-size: 100%;}
.map21{width:12.798%;height:21.543% ;right:228px;top:208px;z-index: 150;}
.map21.active{ background: url(../images/index/map21.png)no-repeat;background-size: 100%;}
.map22{width:21.931%;height:25.241% ;right:225px;top:262px;z-index: 150;}
.map22.active{ background: url(../images/index/map22.png)no-repeat;background-size: 100%;}
.maps.active a{color: #FFFFFF;}



@media (max-width: 1240px) {
  .x-new-list .x-col-md-3{width:31%;margin:1%}
  .x-col-md-5{width: 620px}
  .x-col-md-7{width:380px}
  .is-link-right ul li{width: 240px}
}

@media (max-width: 1170px) {
  .x-col-md-1,.x-col-md-2{width:50%}
  .x-dj-tab ul a{padding:0 25px}
  .x-col-md-4{width: 55%}
  .x-col-md-5,.x-col-md-6{width:100%}
  .x-xfvedio ul{height: auto;}
  .x-xfvedio ul li{width:23%;margin:0 1%;overflow: hidden;}
  .x-xfvedio ul li img{object-fit: cover;}
  .x-col-md-7{width:calc(100% - 130px)}
  .x-xz-website{background-size:100% 100%}
  .xz-weblist{width: 90%}
  .is-link-right ul li{width:48%;margin: 1%}
  .is-link-left{width:100%;text-align: center;}
}


@media (max-width: 970px) {
    .f-plr20{padding:10px}
    .x-col-md-3,.xz-weblist,.map-contright,.x-col-md-1, .x-col-md-2,.x-new-list .x-col-md-3,.x-col-md-4,.x-edu-list{width:100%}
    .x-djwz{margin-top:-60px}
    .djwz{line-height: 30px}
    .xz-weblist ul li{min-width: 25%}
    .is-title-one{font-size: 24px;height: auto;line-height: 30px;white-space: normal;padding:20px 0}
    .x-fz-map{padding:10px}
    .x-fz-map .map-content{width:100%;overflow-x: auto;}
    .map-contleft{min-width: 480px}
    .map-contright ul li{min-width:33.33%;margin:0;text-align: center;}
    .g-flash, .g-flash .owl-item, .g-flash img{height:260px}
    .f-pl-20{padding-left:0}
    .is-title-1 ul li{float: left;width:48%;margin:1%;padding:0}
    .is-title-2 a,.x-dj-tab ul a{font-size: 22px}
    .x-dj-tab ul a{padding:0 5px;height:50px;line-height: 50px}
    .x-xfvedio ul li{width:48%}
    .x-msg-list{width: 100%;margin:10px 0 0 0}
    .x-msg-list li{width: 48%;margin:1%}
    .x-edu-list{margin-top:10px}
    .x-new-list{margin:0 0 20px 0}
    .x-new-list .x-col-md-3{margin:0}
    .map2-main{width:100%;overflow-x:auto}
    .map2-right{position: static;}
    .is-link-right dl dd{overflow: hidden;}
    .map-contright ul li a{font-size:16px}
    .is-title-1 ul a{font-size:24px;}
    .x-gcallist ul{padding-left:12px!important;}
   
}