﻿
/*banner*/
.banner{ position: relative; z-index: 0; width: 100%; height: auto;}
.banner a{ display: block;}
.banner a img{ width: 100%; display: block; height: auto;}
/*nav*/
.navWrap{ position: relative; z-index: 1; margin-top: -175px; background: url(../images/navBack.png) center center no-repeat; height: 245px;}
.navWrap ul{ padding-top: 158px; height: auto; text-align: center; _width: 1144px; _margin: 0 auto;}
.navWrap ul li{display: inline-block; padding: 0 25px; _float: left;}
.navWrap ul li a{ position: relative; display: inline-block; padding-bottom: 2px; height: 32px; line-height: 32px; padding: 0 15px; font-size: 18px; color: #fff;}
.navWrap ul li a:before{display: none; position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 2px; background: #fff;}
.navWrap ul li.cur a:before{ display: block;}
.navWrap ul li a:hover:before{ display: block;}
/*title*/
.title{ width: 100%; height: auto;}
.title img{ display: block; width: 100%; height: auto;}
/*活动动态*/
.hddtOne{ padding-top: 18px;}
.hddtMain{ padding-top: 40px;}
.Focus{ float: left; width: 580px; height: auto; overflow: hidden; position: relative; }
.Focus .bd { position: relative; z-index: 100%; margin: 0 auto; }
.Focus .bd li { position: relative; zoom: 1; vertical-align: middle; }
.Focus .bd img { width: 100%; height: 420px; display: block; }
.Focus .bd ul li p{ position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: url(../images/ico.png) repeat; line-height: 60px; font-size: 18px; color: #fff; }
.Focus .bd ul li p span{ display: block; margin: 0 30px; height: 60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.Focus .prev,
.Focus .next { cursor: pointer; position: absolute; left: 0; bottom: 50%; margin-top: -30px; display: block; width: 30px; height: 60px; background: url(../images/next.png) 0 0 no-repeat; filter: alpha(opacity=100); opacity: 1; }
.Focus .next{ left: auto; right: 0; background-position: right 0;}
.Focus .prev:hover{ background-position: 0 bottom;}
.Focus .next:hover{ background-position: right bottom;}

.hddtTxt{ width: 580px; height: auto;}
.hddtTxt ul{ width: 100%; height: auto;}
.hddtTxt ul li{ border-bottom: 1px dashed #d4d4d4; padding: 4px 0 10px; width: 100%; height: auto;}
.hddtTxt ul li h2{ height: 42px; line-height: 42px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px;}
.hddtTxt ul li h2 a{ color: #333;}
.hddtTxt ul li p{line-height: 24px; font-size: 14px; color: #666;}
.hddtTxt ul li p a{ color: #e21b1b;}
.hddtTxt ul li h2 a:hover{ color: #e21b1b;}
.hddtTxt ul li p a:hover{ color: #ba1314;}
/*头条*/
.touTiao{ padding-top: 50px; width: 100%; height: auto;}
.touTiao img{ margin-top: 7px; width: 199px; height: 60px; display: block;}
.touTiao .touTiaoRight{ padding-bottom: 5px; padding-left: 22px; border-left: 1px solid #cfcfcf; width: 960px;}
.touTiao .touTiaoRight a{ margin-bottom: 5px; margin-top: -2px; height: 44px; width: 100%; line-height: 44px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; font-size: 30px; color: #e21b1b; font-weight: bold;}
.touTiao .touTiaoRight p{ overflow: hidden; height: 22px; line-height: 22px; font-size: 16px; color: #333333;}
.touTiao .touTiaoRight p em{ display: inline-block; padding: 0 24px;}
/*《习近平新时代中国特色社会主义思想学习纲要》*/
.oneDiv{ margin-top: 28px; padding-top: 48px; border-top: 1px dashed #b4b4b4; width: 100%; height: auto;}
.oneDiv .oneLeft{ width: 580px;}
.oneLeftTop{ padding-top: 30px; width: 100%; height: auto;}
.oneLeftTop .topImg{ width: 160px; height: auto;}
.oneLeftTop .topImg a{ display: block; border: 1px solid #e8e8e8;}
.oneLeftTop .topImg a img{ display: block; width: 100%; height: 158px;}
.oneLeftTop .topTxt{ padding-top: 10px; width: 405px; height: auto;}
.oneLeftTop .topTxt h2{ padding-bottom: 10px;}
.oneLeftTop .topTxt h2 a{ height: 56px; line-height: 28px; overflow: hidden; display: block; font-size: 16px; color: #333;}
.oneLeftTop .topTxt h2 a:hover{ color: #e21b1b;}
.oneLeftTop .topTxt p{ line-height: 24px; font-size: 14px; color: #666666;}
.oneLeftTop .topTxt p a{ color: #e21b1b;}
.oneLeftTop .topTxt p a:hover{ color: #ba1314;}
.oneLeft ul{ width: 100%; height: auto;}
.oneLeft ul li{ width: 100%;}
.oneLeft ul li a{ height: 60px; line-height: 60px; border-bottom: 1px dashed #dfdfdf; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; width: 100%; font-size: 16px; color: #333333;}
.oneLeft ul li a:hover{ color: #e21b1b;}
.oneTit{ position: relative; border-bottom: 1px solid #e21b1b; padding-left: 71px; height: 37px;}
.oneTit span{ display: block; font-size: 22px; color: #333; overflow: hidden; width: 100%; height: 36px; line-height: 36px;}
.oneTit img{ display: block; width: 61px; height: 37px; position: absolute; left: 0; top: 0;}
.oneDiv .oneRight{ padding-top: 7px; width: 580px;}
.oneDiv .oneRight ul{ width: 100%; height: auto;}
.oneDiv .oneRight ul li{ width: 100%;}
.oneDiv .oneRight ul li a{ padding-left: 22px; background: url(../images/ico3.png) 0 26px no-repeat; height: 60px; line-height: 60px; border-bottom: 1px dashed #dfdfdf; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; width: 100%; font-size: 16px; color: #333333;}
.oneDiv .oneRight ul li a:hover{ color: #e21b1b;}
/*不忘初心大家读*/
.twoDivWrap{ margin-top: 60px; padding: 85px 0 46px; width: 100%; background: #f8ecec url(../images/back1.png) center bottom no-repeat;background-size: 100% auto;}
.twoDiv ul{ padding: 58px 0 18px; width: 100%; height: auto; overflow: hidden;}
.twoDiv ul li{ margin-bottom: 30px; background: #fff; border-radius: 5px; padding: 18px 28px 14px 20px; width: 532px; float: left;}
.twoDiv ul li a{ height: 44px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; font-size: 18px; color: #222222;}
.twoDiv ul li a:hover{ color: #E21B1B;}
.twoDiv ul li p{ line-height: 24px; font-size: 14px; color: #999;}
.twoDiv .more{ text-align: center;}
.twoDiv .more a{ display: inline-block; width: 158px; height: 38px; border: 1px solid #e21b1b; border-radius: 3px; line-height: 38px; font-size: 16px; color: #e21b1b;}
.twoDiv .more a:hover{ background: #e21b1b; color: #fff;}
/*footer*/
.footerWrap{ padding: 35px 0; width: 100%; height: auto; background: #e21b1b;}
.footer p{ text-align: center; line-height: 30px; font-size: 14px; color: #fff;}
.footer p a{ color: #fff;}
.footer p a:hover{ color: #ddd;}


/*互动动态*/
.titleOne{ padding-top: 20px; font-style: italic; width: 100%; height: 36px; line-height: 36px; border-bottom: 1px solid #e21b1b; font-size: 24px; color: #e21b1b;}
.titleOne em{ padding-left: 5px; display: inline-block; padding-right: 8px; font-family: "宋体"; letter-spacing: 3px;}
.activeList{ padding-top: 38px; width: 100%; height: auto; overflow: hidden;}
.activeList li{ width: 100%; float: left; height: auto; padding: 20px 0; border-bottom: 1px dashed #d0d0d0;}
.activeList li .activeImg{ width: 166px; height: auto;}
.activeList li .activeImg a{ display: block;}
.activeList li .activeImg a img{ display: block; width: 100%; height: 120px;}
.activeList li .activeTxt{ padding-top: 3px; width: 1005px; height: auto;}
.activeList li .activeTxt h2{ height: 42px; line-height: 42px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.activeList li .activeTxt h2 a{ font-size: 16px; color: #333;}
.activeList li .activeTxt p{ line-height: 24px; font-size: 14px; color: #666;}
.activeList li .activeTxt p a{ color: #e21b1b;}
.activeList li .activeTxt p a:hover{ color: #ba1314;}
.activeList li .activeTxt h2 a:hover{ color: #ba1314;}
/*分页*/
.page{ width: 100%; padding: 58px 0 46px; height: auto; text-align: center; font-family: arial;}
.page a,
.page span{ width: 26px; text-align: center; border-radius: 3px; display: inline-block; height: 26px; line-height: 26px; margin: 0 3px; border: 1px solid #ccc; font-size: 16px; color: #666;}
.page a.cur{ background: #e41100; color: #fff; border-color: #e41100;}
.page a:hover{ color: #e41100; border-color: #e41100;}
.page a.cur:hover{ color: #fff;}
.page a.pageNext,
.page a.pagePrve{ width: 68px;}


/*列表*/
.listUl{ padding-top: 14px; width: 100%; height: auto;}
.listUl li{ width: 100%;}
.listUl li a{ padding-left: 22px; background: url(../images/ico3.png) 0 26px no-repeat; height: 60px; line-height: 60px; border-bottom: 1px dashed #dfdfdf; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; width: 100%; font-size: 16px; color: #333333;}
.listUl li a:hover{ color: #e21b1b;}

/*面包屑导航*/
.crumbs{ margin-bottom: 40px; width: 100%; height: auto; overflow: hidden; font-size: 14px; color: #666;}
.crumbs span,
.crumbs em,
.crumbs a{ height: 28px; line-height: 28px; display: block; float: left;}
.crumbs a{ color: #666;}
.crumbs em{ font-family: "宋体"; padding: 0 5px;}
.crumbs a.cur{ color: #E21B1B;}
.details{ width: 100%; height: auto;}
.details h2{ font-weight: bold; margin-bottom: 14px; line-height: 60px; font-size: 38px; color: #333333;}
.details h3{ margin-bottom: 66px; border-bottom: 1px solid #e9d27f; position: relative; overflow: hidden; height: 60px; line-height: 60px; font-size: 14px; color: #333;}
.details h3 span{ display: block; float: left;}
.details h3 span.ico3{ float: right;}
.details h3 span.ico2{ width: 60%; text-align: center; position: absolute; top: 0; left: 20%;}
.details h3 span a{ margin-left: 30px; display: block; float: left; padding-left: 30px;}
.details h3 span a.icon1{ background: url(../images/ico4.png) 0 center no-repeat;}
.details h3 span a.icon2{ background: url(../images/ico5.png) 0 center no-repeat;}
.details p{ text-indent: 2em; text-align: justify; margin-bottom: 42px; line-height: 42px; font-size: 18px; color: #666666;}
.details img{ display: block; margin: 0 auto 44px; max-width: 100%;}


/* 省份 */
.threeDivWrap{padding: 50px 0 60px;background: #f9e4e5;}
.threeDivWrap .itemBox{border: 1px solid #df1f26;margin-top: 22px;padding: 20px 40px;}
.threeDivWrap .itemBox ul li{float: left;padding: 6px 20px;}
.threeDivWrap .itemBox ul li a{display: block;line-height: 24px;font-size: 14px;}
.threeDivWrap .itemBox ul li a:hover{color: #df1f26;transition: .4s;}