/*banner*/
.banner{ width:100%;}
.banner .swiper-pagination-bullet{ width:14px !important; height:14px !important;  background:#fff !important; opacity:1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin-bottom:20px; margin-right:10px !important;}
.banner .swiper-pagination-bullet-active{ background:#005eff !important;}
.banner .swiper-slide img{ width:100%;}

/* 新闻概览 */
.news{ padding:33px 0; width: 910px;}
.news .title{display: flex;justify-content: space-between; line-height: 45px; border-bottom: 2px solid #d5e5fe; align-items: flex-end; margin-bottom: 33px;}
.news .title .tit{font-size:22px; color: #00519d; font-weight: bold; position: relative;}
.news .title .tit:after{content: ""; position: absolute;left: 0; bottom: 0; width:145px; height:2px; background-color: #00519d;}
.news .title .more{display: block; font-size: 12px; color: #0b4189;line-height: 35px; padding-top: 20px;}
.news .newscont{display: flex;}
.news .newscont .newsleft{width:395px; height:312px;}
.news .newscont .newsleft .swiper-slide img{width:100%; display: flex; align-items: center;}
.news .newscont .newsleft .swiper-slide a{ display: block; position: relative;color: #FFFFFF;}
.news .newscont .newsleft .swiper-slide a p{ position: absolute;left: 0; bottom: 0;height:37px; line-height: 37px; background-color: rgba(0,0,0,0.2); color: #FFFFFF;font-size:16px;text-align: center;width: 100%;}
.news .newscont .newsleft .swiper-button-next{right: 0 !important;}
.news .newscont .newsleft .swiper-button-prev{left: 0 !important;}
.news .newscont .newsleft .swiper-button-next, .news .newsleft .swiper-button-prev{background-color: rgba(0,0,0,0.6); }
.news .newscont .newsleft .swiper-button-next:after{ color: #FFFFFF !important; font-size: 32px !important; }
.news .newscont .newsleft .swiper-button-prev:after{ color: #FFFFFF !important; font-size: 32px !important; }
.news .newscont .newsright{margin-left:30px;width:488px;}
.news .newscont .newsright .news_tab{display: flex; border-bottom: 2px solid #2f7dc6;}
.news .newscont .newsright .news_tab li{flex: 1; line-height: 35px; color: #00519d; font-size: 20px;}
.news .newscont .newsright .news_tab .active{ background-color: #2f7dc6; color: #FFF; cursor: pointer;}
.news .newscont .newsright .newsinfo{ margin-top: 30px; padding-bottom: 14px;margin-left: 20px;border-bottom: 1px solid #eeeeee;}
.news .newscont .newsright .newsinfo .tit{display: flex; justify-content: space-between; font-size:18px; color:#00519d; line-height: 35px; width: 100%;}
.news .newscont .newsright .newsinfo .tit p{width:400px; text-align: left; font-size: 18px; font-weight: bold;}
.news .newscont .newsright .newsinfo .tit span{color:#b3b3b3;font-size: 14px;width: 88px; }
.news .newscont .newsright .newsinfo .text{line-height:25px; text-align: left;font-size: 16px;color:#444444;}
.news .newscont .newsright .newslist{padding-left: 20px;}
.news .newscont .newsright .newslist a{color: #444444; font-size:16px; display: flex;  justify-content: space-between;padding-top:14px;line-height: 30px;}
.news .newscont .newsright .newslist a p{width:400px; text-align: left;}
.news .newscont .newsright .newslist a span{color:#b3b3b3;font-size: 14px; width: 88px; }

.information{width:320px;height: 390px;}
.information .title{background: url(../images/xinxi.jpg) no-repeat left center;background-size:cover; width: 320px; height: 117px;}
.information .title .tit{line-height: 117px; color: #FFFFFF; font-size:29px;}
.information .title a{display: none;}
.information .list{ background-color:#f2f6ff;height:auto;padding:11px;}
.information .list a{width: 100%; line-height: 50px;display: inline-block;text-align: left; font-size:16px;color: #444444;padding-left: 10px;position: relative;border-bottom: 1px solid #d3e8ff;}
.information .list a:before{content: "";position: absolute; left: 0;top: 50%;width: 4px;height: 4px;background-color: #00519d;border-radius: 50%;}
.information .list a:last-child{border-bottom: 0;}

/* .atm{width: 298px;}
.atm a{display: block;margin-top:10px;} */
.atmbox{width: 1275px; margin: 0 auto 30px auto;}
.atmbox .swiper-slide img{width: 100%;}
/* 首页党群工作 */
.opens{width:855px;height: 296px;}
.opens .title{display: flex;justify-content: space-between; line-height: 37px; border-bottom: 2px solid #d5e5fe; align-items: flex-end; margin-bottom: 20px;}
.opens .title .tit{font-size:22px; color: #00519d; font-weight: bold; position: relative;}
.opens .title .tit:after{content: ""; position: absolute;left: 0; bottom: 0; width:145px; height:2px; background-color: #00519d;}
.opens .title .more{display: block; font-size: 12px; color: #0b4189;line-height: 37px;}
.opens .openlist{}
.opens .openlist a{display: flex; align-items: center; justify-content:space-between; line-height: 48px;color:#444444; font-size: 16px; padding-left: 20px;position: relative;border-bottom: 1px solid #eeeeee;}
.opens .openlist a:after{content: ""; position: absolute;left: 0; top:23px; width: 4px; height: 4px; border-radius: 50%;background-color:#00519d;}
.opens .openlist a p{width:390px; text-align: left;}
.opens .openlist a span{color:#b3b3b3;font-size: 14px;}

/* 首页视频 */
.video{width:365px;height: 298px;}
.video .title{display: flex;justify-content: space-between; line-height: 37px; border-bottom: 2px solid #d5e5fe; align-items: flex-end; margin-bottom: 20px;}
.video .title .tit{font-size:22px; color: #00519d; font-weight: bold; position: relative;}
.video .title .tit:after{content: ""; position: absolute;left: 0; bottom: 0; width:145px; height:2px; background-color: #00519d;}
.video .title .more{display: block; font-size: 12px; color: #0b4189;line-height: 37px;}
.video .videolist{width: 365px; height:205px; position: relative; margin-top: 36px;}
.video .videolist video{width: 100%; height:100%;}
.video .videolist .play_bg{width:365px;height:239px; position: relative; z-index: 9;cursor: pointer;background-color: #000;background-image: url(../images/video.jpg);background-position: center;-webkit-background-size: cover; background-size: cover;}
.video .videolist .play_bg .play_btn{ position:absolute;width: 68px; height: 68px; background: url(../images/btn.png) no-repeat;background-position: center; background-size: 68px 68px; top: 50%; left: 50%;transform: translate(-50%,-50%); }
.video .videolist .item{ width: 100% !important;height:239px !important;display: block;position: relative}

.centrality{width: 100%; background-color: #f2f6ff; height:357px; margin: 28px 0; padding:35px 0;}
.centrality .service{width:858px;}
.centrality .service .title{display: flex;justify-content: space-between; line-height: 37px; border-bottom: 2px solid #d5e5fe; align-items: flex-end; margin-bottom: 20px;}
.centrality .service .title .tit{font-size:22px; color: #00519d; font-weight: bold; position: relative;}
.centrality .service .title .tit:after{content: ""; position: absolute;left: 0; bottom: 0; width:145px; height:2px; background-color: #00519d;}
.centrality .service .title .more{display: block; font-size: 12px; color: #0b4189;line-height: 37px;}
.centrality .service .servicelist{display: flex; align-items: center;flex-wrap:wrap;justify-content:space-between;}
.centrality .service .servicelist .serviceitem{background-image: url(../images/sby.png);background-repeat: no-repeat;background-position: center; background-size:186px 100px; display: flex;align-items: center;flex: 0 1 calc(100% / 4);width: 186px; height: 100px; margin-top: 17px; justify-content: center;}
.centrality .service .servicelist .serviceitem  img{width: 60px; height: 60px;}
.centrality .service .servicelist .serviceitem  p{ font-size:23px; color: #00519d; font-weight: bold;}
.centrality .honor{width: 417px; position: relative; }
.centrality .honor .title{display: flex;justify-content: space-between; line-height: 37px; border-bottom: 2px solid #d5e5fe; align-items: flex-end; margin-bottom: 20px;width:355px;margin-left:62px;}
.centrality .honor .title .tit{font-size:22px; color: #00519d; font-weight: bold; position: relative;}
.centrality .honor .title .tit:after{content: ""; position: absolute;left: 0; bottom: 0; width:145px; height:2px; background-color: #00519d;}
.centrality .honor .title .more{display: block; font-size: 12px; color: #0b4189;line-height: 37px;}
.centrality .honor .honorlist{ margin-top: 17px; display: block;}
.centrality .honor .honorlist .swiper-container { width:330px; height: 100%; position: relative;}
.centrality .honor .honorlist .swiper-slide {display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align:center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.8);}
.centrality .honor .honorlist .swiper-slide a{display: block; position: relative;}
.centrality .honor .honorlist .swiper-slide img{width: 248px; height: 211px;}
.centrality .honor .honorlist .swiper-slide a .ceng{width: 248px; height: 211px; background-color: rgba(0,0,0,0.35); position: absolute;left: 0; top: 0;}
.centrality .honor .honorlist .swiper-slide-active,.centrality .honor .honorlist.swiper-slide-duplicate-active{transform: scale(1);position: relative;z-index: 9999;}
.centrality .honor .honorlist .swiper-slide-active .ceng{display: none;}
.centrality .honor .honorlist .swiper-button-next{ background:none; width:calc(var(--swiper-navigation-size)/ 47 * 47) !important; color:#a2a2a2 !important;}
.centrality .honor .honorlist .swiper-button-prev{ background:none; width:calc(var(--swiper-navigation-size)/ 47 * 47) !important; color:#a2a2a2 !important;}
.centrality .honor .honorlist .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:0px !important; margin-top:17px;}
.centrality .honor .honorlist .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:0px !important; margin-top:17px;}
.centrality  div:focus {outline: none;}

.project{padding:10px 0 30px 0;}
.project .classlist{display: flex;}
.project .classlist .tit{font-size:22px; color: #00519d; font-weight: bold; padding-right:30px; border-right: 2px solid #00519D;}
.project .classlist ul{display: flex;padding: 0 30px;}
.project .classlist ul li{padding: 0 10px;font-size:18px; color: #555759; line-height:30px; cursor: pointer;}
.project .classlist ul li.cur{background-color:#2f7dc6; color: #FFFFFF; cursor: pointer;}
.i-hd{position:absolute;width:38px;height:29px;right:0;top:-52px}
.i-hd li{display:none;text-indent:-999em}
.i-hd a{width:19px;height:29px;color:#adadad;font:18px/29px "宋体";text-align:center}
.i-hd .prev{float:left}
.i-hd .next{float:right}
.ipro-sd{position:relative;margin-top:30px}
.ipro-wrap ul{width:1275px;height:233px;margin-right:-7px;overflow:hidden;white-space:nowrap}
.ipro-wrap li{position:relative;width:310px;height:232px;margin-right:10px;float:left}
.ipro-wrap li img{width:308px;height:230px;border:1px solid #d5e4fa}
.ipro-wrap p,.ipro-wrap b{position:absolute;left:1px;bottom:0;height:35px;line-height:35px;color:#fff;width:308px}
.ipro-wrap b{background:#000;opacity:.6;filter:alpha(opacity=60);width:308px}
.ipro-wrap li:hover b{background:#00519D;opacity:.8;filter:alpha(opacity=80)}
.ipro-wrap p span{text-align:center;font-size:16px}
.indexnav{display: none;}
@media screen and (max-width: 992px){
	body{overflow-x:hidden;}
	.indexnav{background-color: #00519d; display: flex; justify-content: space-between;align-items: center;flex-wrap: wrap;}
	.indexnav li{width:25%;}
	.indexnav li a{display: block; color: #FFFFFF; font-size:.28rem; line-height: .53rem; position: relative;}
	.indexnav a:after{content: "";position: absolute;right: 0; top: .08rem; width: 1px; height: .35rem; background-color: #e8e8e8;}
	.indexnav a:before{content: "";position: absolute;left:.1rem; bottom:0; width:1.38rem; height:1px; background-color: #e8e8e8;}
	.indexnav li:nth-child(4n) a:after{content: inherit !important; width: 0; height: 0; background:none;}
	.indexnav li:nth-child(5) a:before{content: inherit !important;width: 0; height: 0; background:none}
	.indexnav li:nth-child(6) a:before{content: inherit !important;width: 0; height: 0; background:none}
	.indexnav li:nth-child(7) a:before{content: inherit !important;width: 0; height: 0; background:none}
	.indexnav li:nth-child(8) a:before{content: inherit !important;width: 0; height: 0; background:none}
	/* 移动banner */
	.mbanner{ width:100%;}
	.mbanner .swiper-pagination-bullet{ width:.14rem !important; height:.14rem !important;  background:#fff !important; opacity:1;}
	.mbanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin-bottom:.1rem; margin-right:.1rem !important;}
	.mbanner .swiper-pagination-bullet-active{ background:#005eff !important;}
	.mbanner .swiper-slide img{ width:100%;}
	.area{width: 96%; display: block;}
	.news{padding:.1rem 0;width: 100%;}
	.news .title{line-height:.64rem;margin-bottom:.3rem}
	.news .title .tit{font-size: .35rem;}
	.news .newscont{display: block;height: 9.3rem; position: relative;}
	.news .newscont .newsright{width: 100%;position:absolute;top: 0;margin-left:0;padding: 0 2%;}
	.news .newscont .newsright .news_tab{border-bottom:0;}
	.news .newscont .newsright .news_tab li{background:#eaeaea; font-size: .26rem; margin-right: .2rem;}
	.news .newscont .newsright .news_tab li:last-child{margin-right: 0;}
	.news .newscont .newsright .newsinfo{margin-top:.35rem;margin-left: 0;margin-bottom: .15rem;}
	.news .newscont .newsright .newsinfo .tit span{display: none;}
	.news .newscont .newsright .newsinfo .tit{font-size: .3rem;line-height:.56rem; font-weight: bold;}
	.news .newscont .newsright .newsinfo .tit p{font-size: .3rem;line-height:.56rem; font-weight: bold;}
	.news .newscont .newsright .newsinfo .text{line-height:.42rem;font-size: .24rem;}
	.news .newscont .newsright .newslist{padding-left: 0;}
	.news .newscont .newsright .newslist a{padding-top:.14rem; line-height: .36rem; font-size: .24rem;}
	.news .newscont .newsright .newslist a span{display: none;}
	.news .newscont .newsleft{width:96%; height:3.65rem;position: absolute;top:4.5rem;left: 2%;}
	.information{width: 100%; margin-bottom: .2rem; height: auto;}
	.information .title{background: none;display: flex;justify-content: space-between; line-height:.64rem;margin-bottom:.3rem; margin-top: .2rem; border-bottom: 2px solid #d5e5fe; align-items: flex-end; width: 100%; height: auto;}
	.information .title .tit{font-size:22px; color: #00519d; line-height:.64rem;font-weight: bold; position: relative;}
	.information .title .tit:after{content: ""; position: absolute;left: 0; bottom: 0; width:145px; height:2px; background-color: #00519d;}
	.information .title .more{display: block; font-size: 12px; color: #0b4189;line-height: 37px;}
	.information .list{background-color: #FFFFFF; height: auto;padding: 0;}
	.information .list a span{display: none;}
	.information .list a{font-size:.28rem; color: #424242; border-bottom: 0;line-height: .56rem;padding-left: .35rem; border-bottom: 0;}
	.information .list a:before{top:.25rem; width: .1rem; height: .1rem;left: .1rem;}
	.atmbox{margin-bottom: .2rem;}	
	.video{width: 100%; height:4.4rem;}
	.video .title{width: 100%;line-height:.64rem;margin-bottom:.3rem; margin-top: .2rem;}
	.video .videolist{width: 5.82rem;height:2.05rem; margin: 0 auto;}
	.video .videolist .item{height:2.39rem;}
	.video .videolist .play_bg{width: 5.82rem;height:3.8rem;}
	.centrality{background-color:#FFFFFF;height: auto; margin: .28rem 0;padding: 0;}
	.centrality .service{width: 100%;}
	.centrality .service .title{width: 100%;line-height:.64rem;margin-bottom:.3rem; margin-top: .2rem;}
	.centrality .service .title .more{}
	.centrality .service .servicelist .serviceitem{background-image:url(../images/m/m-sby.png); background-size:1.29rem 1.68rem;display: block; width: 1.29rem;height: 1.68rem;padding: .25rem 0; margin-top:.35rem;}
	.centrality .service .servicelist .serviceitem img{width: .6rem; height: .6rem;}
	.centrality .service .servicelist .serviceitem p{font-size:.25rem; line-height: .5rem;}
	.centrality .honor{width: 100%;}
	.centrality .honor .title{width: 100%;line-height:.64rem;margin-bottom:.3rem; margin-top: .2rem; margin-left: 0;}
	.centrality .honor .honorlist{margin-top: .17rem;}
	.centrality .honor .honorlist .swiper-container{width:82%;}
	.centrality .honor .honorlist .swiper-slide img{width:3.9rem; height: 2.93rem;}
	.centrality .honor .honorlist .swiper-slide a .ceng{width:3.9rem; height: 2.93rem;}
	.centrality .honor .honorlist .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:-.1rem !important; margin-top:.1rem;}
	.centrality .honor .honorlist .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:-.1rem !important; margin-top:.1rem;}
	.opens{width: 100%;margin: .2rem 0; height: auto;}
	.opens .title{width: 100%;line-height:.64rem;margin-bottom:.3rem; margin-top: .2rem;}
	.opens .openlist a span{display: none;}
	.opens .openlist a{font-size:.28rem; color: #424242; border-bottom: 0;line-height: .56rem;}
	.opens .openlist a:after{top:.25rem; width: .1rem; height: .1rem;left: .1rem;}
	.project{display: none;}
	.m-project{width: 96%;display: block; margin: 0 auto;}
	.m-project .title{display: flex;justify-content: space-between; line-height:.64rem;margin-bottom:.3rem; margin-top: .2rem; border-bottom: 2px solid #d5e5fe; align-items: flex-end; width: 100%;}
	.m-project .title .tit{font-size:22px; color: #00519d; font-weight: bold; position: relative;}
	.m-project .title .tit:after{content: ""; position: absolute;left: 0; bottom: 0; width:145px; height:2px; background-color: #00519d;}
	.m-project .title .more{display: block; font-size: 12px; color: #0b4189;line-height: 37px;}
	
	.m-pro{ width:5.82rem; height: 4.86rem; margin: 0 auto .35rem;}
	.m-pro .swiper-pagination-bullet{ width:.14rem !important; height:.14rem !important;  background:#dedede !important; opacity:1;margin-right:.1rem !important;}
	.m-pro .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin-bottom:.1rem; }
	.m-pro .swiper-pagination-bullet-active{ background:#005eff !important;}
	.m-pro .swiper-slide a{display: block;position: relative;}
	.m-pro .swiper-slide img{ width:100%; border: 1px solid #d3e3fa;height: 4.5rem;}
	.m-pro .swiper-slide a p{position: absolute;left: 0;bottom: 0; height:.56rem;line-height: .56rem;text-align: center; background-color:rgba(0,0,0,0.5);width: 100%; color: #FFFFFF; font-size: .24rem;}
	.m-pro .swiper-pagination{position: absolute; left: 50%; transform: translateX(-50%); margin: .15rem;}
    .atmbox{width: 100%;}
	
}