*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{--one-color:#37baf6; --two-color:#0084C7; --swiper-pagination-color:#37baf6; --swiper-navigation-color:#37baf6}
html,body{margin:0; color:#555; font:12px 'Microsoft Yahei',Tahoma,Arial,simsun; background-color: #f3f3f3;}
a{color:#333; text-decoration:none; outline:none;}
a:hover{color:var(--two-color); text-decoration:none}
a img{border:none; vertical-align:top}
img{-ms-interpolation-mode:bicubic; border:0; height:auto; max-width:100%; vertical-align:top}
ul,ul li{list-style:none; padding:0; margin:0; vertical-align:top}
input,textarea,select{font-size:12px; line-height:1; vertical-align:middle; color:#333; font-family: inherit; outline:none; margin:0; padding:0}
form,p{margin:0; padding:0}
h1,h2,h3,h6{font-size:14px; margin:0; padding:0}
@-ms-viewport {width: device-width}
@viewport {width: device-width}

@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_434392_zz2z99y34dg.eot');
  src: url('//at.alicdn.com/t/font_434392_zz2z99y34dg.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_434392_zz2z99y34dg.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_434392_zz2z99y34dg.woff') format('woff'),
  url('//at.alicdn.com/t/font_434392_zz2z99y34dg.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_434392_zz2z99y34dg.svg#iconfont') format('svg');
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'iconfont' !important;
  speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.icon-menu1:before{content: '\e606';}
.icon-x1:before{content: '\e605';}
.icon-jiantou_you:before{content: '\e635';}
.icon-search:before{content: '\e6b1';}
.icon-arr2:before{content: '\e679';}
.icon-dianhua:before{content: '\e773';}
.icon-dizhi:before{content: '\e91b';}
.icon-chuanzhen:before{content: '\e654';}
.icon-arr6-t:before{content: '\e685';}

#baidumap img{max-width:none}
#baidumap div{box-sizing:content-box}
.flex{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}

.warp{max-width:1680px; margin:0 auto;}
@media screen and (max-width: 1720px) {.warp{padding-left:15px!important; padding-right:15px!important}}

/* 顶部 导航 */
.header{background: white;}
.header .warp{align-items: center; min-height: 120px;}
.logo{max-width: 384px;}
.logo img{width: 100%;}
.menu>li{position: relative; z-index: 2;}
.menu>li:hover>a{background: var(--one-color); color: white;}
.menu>li:hover>ul{display: block;}
.menu>li>a{font-size: 18px; line-height: 1; display: inline-block; padding: 10px 16px; border-radius: 3px;}
.menu>li>a:hover{background: var(--one-color); color: white;}
.menu>li>ul{padding: 10px 0; width: 100%; background: white; box-shadow: 2px 3px 5px 1px rgba(0,0,0,.1); border-radius: 3px; display: none; position: absolute;}
.menu>li>ul a{display: inline-block; text-align: center; width: 100%; font-size: 14px; line-height: 2; border-radius: 3px;}
.menu>li>ul a:hover{background: var(--one-color); color: white;}
.menu .icon-jiantou_you{transform:rotate(90deg) scale(.65);-ms-transform:rotate(90deg) scale(.65); -moz-transform:rotate(90deg) scale(.65); -webkit-transform:rotate(90deg) scale(.65); -o-transform:rotate(90deg) scale(.65); display: inline-block; font-size: 12px; vertical-align: middle; margin-left: 3px; opacity: .7;}
.wap-menu{display: none;}
.wap-menu span{font-size: 28px; display: inline-block;}
@media screen and (max-width: 1500px) {
	.logo{width: 300px;}
	.menu>li>a{font-size: 16px}
}
@media screen and (max-width: 1350px) {
	.header .warp{min-height: 80px;}
	.logo{width: 240px;}
	.menu>li>a{font-size: 14px; padding: 10px 10px;}
	.menu>li>ul a{font-size: 12px}
}
@media screen and (max-width: 980px) {
	.header .warp{min-height: 50px;}
	.logo{width: 150px;}
	.menu{width: 100%;}
	.menu>li{width: 100%; display: none;}
	.menu>li>a{width: 100%; text-align: center; letter-spacing: 2px;}
	.menu>li:hover>ul{display: none;}
	.menu .icon-jiantou_you{display: none;}
	.wap-menu{display: block;}
}

/* 搜索框 */
.search input, .search button{border: none; font-size: 14px; height: 46px; line-height: 46px; background: rgba(0,0,0,.08); color: white;}
.search input{border-radius: 30px 0 0 30px; padding: 0 10px 0 20px; max-width: 140px; color: #666;}
.search button{background: var(--one-color); border-radius: 0 30px 30px 0; padding: 0 20px; cursor: pointer;}
.search ::-webkit-input-placeholder {color:#666;}
.search :-moz-placeholder {color:#666;}
.search ::-moz-placeholder {color:#666;}
.search :-ms-input-placeholder {color:#666;}
@media screen and (max-width: 1350px) {
	.search input, .search button{height: 36px; line-height: 36px; font-size: 12px}
	.search input{max-width: 120px;}
	.search button{font-size: 14px; padding: 0 15px;}
}
@media screen and (max-width: 1100px) {
	.search{display: none;}
}

/* Banner */
.swiper-banner{max-width: 1920px; margin: 0 auto; overflow: hidden; position: relative;}
.banner .swiper-button-next, .banner .swiper-button-prev{display: none;}
.banner:hover .swiper-button-next, .banner:hover .swiper-button-prev{display: block;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0;}
.swiper-banner .swiper-slide{position: relative; height: 0; padding-bottom: 30%;}
.swiper-banner img{width: 100%; height: 100%; object-fit: cover; position: absolute;}
.swiper-banner .con{position: absolute; width: 100%; height: 100%; justify-content: center; align-items: center; z-index: 2;}
.swiper-banner .txt{width: 100%; color: white;}
.swiper-banner .h1{font-size: 36px; letter-spacing: 2px; text-shadow: 1px 1px 1px #000;}
.swiper-banner .t1{font-size: 18px; max-width: 530px; line-height: 2; text-align: justify; padding: 30px 0; text-shadow: 1px 1px 1px #000;}
.swiper-banner .more{display: inline-block; background: var(--one-color); font-size: 18px; padding: 0 40px; line-height: 3; border-bottom: solid 3px #2f94c3; border-radius: 5px; color: white;}
@media screen and (max-width: 1450px) {
	.swiper-banner .h1{font-size: 26px;}
	.swiper-banner .t1{font-size: 14px}
	.swiper-banner .more{font-size: 14px; padding: 0 30px; line-height: 2.5;}
}
@media screen and (max-width: 980px) {
	.swiper-banner .txt{display: none;}
}

/* box */
.box{background: white; box-shadow: 0 0 3px rgba(0,0,0,.1); max-width: 1680px; margin: 50px auto 0 auto; padding: 30px;}
@media screen and (max-width: 540px) {
	.box{padding: 15px; margin-top: 30px;}
}

/* 首页图片新闻轮播 */
.swiper-news{overflow: hidden; position: relative; background-color: #eee; width: 55%;}
.swiper-news .swiper-slide{position: relative;}
.swiper-news .swiper-slide img{object-fit: cover; width: 100%; height: 100%; position: absolute;}
.swiper-news .swiper-slide .h1{position: absolute; top: -50px; left: 0; z-index: 2; background: rgba(0,0,0,.5); font-size: 22px; line-height: 2; width: 100%; padding-left: 10px; color: white; -webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-word;text-overflow: ellipsis;overflow: hidden; transition:top .3s;-moz-transition:top .3s;-webkit-transition:top .3s;-o-transition:top .3s}
.swiper-news .swiper-slide:hover .h1{top: 0;}
.swiper-pagination-bullet {width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;color:#000;opacity: 1;background: rgba(255,255,255,0.5);}.swiper-pagination-bullet-active {color:#fff;background: #007aff;}
@media screen and (max-width: 980px) {
	.swiper-news{width: 100%;}
	.swiper-news .swiper-slide img{position:static;}
}
@media screen and (max-width: 540px) {
	.swiper-news .swiper-pagination{display: none;}
}

/* list1 */
.box1 .list1{width: 43%; border-left: solid 1px #e4e4e4; padding-left: 30px;}
.list1 .sub{border-bottom: solid 1px #7fcef8; overflow: hidden; color: var(--two-color);}
.list1 .sub .h1{float: left; font-size: 24px; border-bottom: 3px solid #7fcef8; letter-spacing: 2px;}
.list1 .sub .more{float: right; color: var(--one-color); margin-top: 10px;}
.list1 .sub .here{float: right; color: #999; margin-top: 10px;}
.list1 ul{padding: 20px 0 0 0;}
.list1 li{border-bottom: dotted 1px #e4e4e4; font-size: 16px; line-height: 2.5; overflow: hidden; padding: 5px 0;}
.list1 li:last-child{border: none;}
.list1 li a{float: left; line-height: 2.5; width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list1 li a::before{font-size: 12px; margin-right: 3px; color: var(--one-color); transform:scale(.7);-ms-transform:scale(.7); -moz-transform:scale(.7); -webkit-transform:scale(.7); -o-transform:scale(.7); display: inline-block;}
.list1 li span{float: right; opacity: .8;}
@media screen and (max-width: 1300px) {
	.list1 li{line-height: 2; font-size: 14px}
	.box1 .list1 li a{line-height: 2;}
}
@media screen and (max-width: 980px) {
	.box1 .list1{width: 100%; border: none; padding: 30px 0 0 0;}
	.list1 .sub .h1{font-size: 22px;}
}
@media screen and (max-width: 425px) {
	.list1 li{font-size: 12px}
}

/* 列表页应用 */
.list1-1 .sub .h1{padding-bottom: 30px;}
.list1-1 li{line-height: 2; padding-bottom: 20px; margin-top: 20px;}
.list1-1 li .h1{font-size: 18px; line-height: 1.5; padding-bottom: 5px;}
.list1-1 li a{float: none; line-height: 2; width: 100%; white-space: normal;}
.list1-1 li .t1{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999;}
.list1-1 li span{float: right; border: solid 1px #ccc; font-size: 12px; display: inline-block; line-height: 23px; padding: 0 7px; margin-left: 10px; border-radius: 3px;}
@media screen and (max-width: 980px) {
	.list1-1 .sub{display: none;}
	.list1-1 li .h1{font-size: 14px; line-height: 25px;}
	.list1-1 li .t1{font-size: 12px}
}

/* 首页应用 企业党建 行业新闻 */
.list1-2 li{padding: 16px 0;}
.list1-2 li:last-child{padding-bottom: 0;}
.list1-2 li .td1{float: left; width: 15%; text-align: center; background: #f4f4f4; border-radius: 3px; opacity: .7;}
.list1-2 li .td2{float: right; width: 80%;}
.list1-2 li a{float: none; width: 100%; display: block; line-height: 1.5; padding-bottom: 12px;}
.list1-2 li .d{font-size: 22px; line-height: 2; font-weight: 700; border-bottom: solid 1px #ddd; width: 85%; margin: 0 auto;}
.list1-2 li .y{font-size: 12px;}
.list1-2 li .txt{max-height: 36px; line-height: 18px; font-size: 13px; color: #999; -webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-word;text-overflow: ellipsis;overflow: hidden;}
@media screen and (max-width: 425px) {
	.list1-2 li .td1{float: left; width: 60px;}
	.list1-2 li .td2{float: right; width: calc(100% - 70px);}
}

/* box2 */
.box2 .flex>.td1{width: 40%; padding-right: 30px;}
.box2 .flex>.td2{width: 30%; padding: 0 15px 0 30px; border-left: solid 1px #e4e4e4;}
.box2 .flex>.td3{width: 30%; padding-left: 15px;}
.box2 .flex>.td3 .list1 .sub{margin-top: 30px;}
.box2 .flex>.td3 .list1 li:first-child{padding-top: 10px;}
@media screen and (max-width: 1300px) {
	.box2 .flex>.td1{width: 100%; padding: 0 0 30px 0; border-bottom: solid 1px #e4e4e4;}
	.box2 .flex>.td2{width: 50%; padding-left: 0; border: none; margin-top: 30px;}
	.box2 .flex>.td3{width: 50%; margin-top: 30px;}
}
@media screen and (max-width: 980px) {
	.box2 .flex>.td1{border: none;}
	.box2 .flex>.td2{width: 100%; padding: 0; margin: 0;}
	.box2 .flex>.td3{width: 100%; padding: 0 0 20px 0;}
}

/* 首页专题轮播 */
.swiper-zti{overflow: hidden; position: relative;}
.swiper-zti .swiper-slide img{object-fit: cover; width: 100%; height: 192px;}
.swiper-zti .swiper-button-next, .swiper-zti .swiper-button-prev{display: none;}
.swiper-zti:hover .swiper-button-next, .swiper-zti:hover .swiper-button-prev{display: block;}
@media screen and (max-width: 980px) {
	.swiper-zti .swiper-slide{position: relative; height: 0; width: 100%; padding-bottom: 46%;}
	.swiper-zti .swiper-slide img{object-fit: cover; width: 100%; height: 100%; position: absolute;}
}

/* box3 */
.box3{padding: 0;}
.box3 .list1{width: 23%; margin: 30px 0; border-left: solid 1px #e4e4e4; padding: 0 30px 0 30px;}
.box3 .list1:first-child{border: none;}
.box3 .list1 li a{width: 100%;}
@media screen and (max-width: 1300px) {
	.box3 .list1{width: 50%;}
	.box3 .list1:nth-child(3){margin-top: 0; border: none;}
	.box3 .list1:nth-child(3) .sub{border-top: solid 1px #e4e4e4; padding-top: 30px;}
}
@media screen and (max-width: 980px) {
	.box3 .list1{width: 100%; border: none; margin-top: 0;}
	.box3 .list1:first-child{margin-top: 30px;}
	.box3 .list1:nth-child(3) .sub{border-top: none; padding-top: 0;}
	.box3 .list1 li a{line-height: 2;}
}
@media screen and (max-width: 540px) {
	.box3 .list1{padding: 0 15px;}
}

/* 首页联系我们 */
.box4{width: 31%; background: url(../img/c.jpg); position: relative;}
.box4 .sub{margin: 40px 50px 0 50px;}
.box4 .sub .h1{font-size: 24px; color: white; background: url(../img/ico1.png) no-repeat 0 center; padding-left: 45px; letter-spacing: 2px;}
.box4 .con{padding: 0 30px 30px 30px;}
.box4 .con ul{color: white; padding: 30px 20px 20px 20px; font-size: 18px; line-height: 1.6;}
.box4 .con ul li{display: flex; display: -webkit-flex; margin: 10px 0 0 0;}
.box4 .con span{display: inline-block;}
.box4 .con span:first-child{min-width: 80px; line-height: 1.6;}
.box4 .con span:first-child::before{margin-right: 5px;}
.box4 .con span:first-child.icon-chuanzhen::before{font-size: 15px; margin-right: 7px;}
.box4 .con .map{text-align: center; position: absolute; bottom: 30px; left: 0; width: 100%; padding: 0 30px;}
.box4 .con .map img{width: 100%; max-width: 458px;}
@media screen and (max-width: 1300px) {
	.box4{width: 50%;}
}
@media screen and (max-width: 980px) {
	.box4{width: 100%;}
	.box4 .con .map{text-align: center; position: static; padding: 0;}
}
@media screen and (max-width: 540px) {
	.box4 .sub{margin: 40px 30px 0 30px;}
	.box4 .con{padding: 0 15px 15px 15px;}
	.box4 .con ul{font-size: 13px}
	.box4 .con span:first-child{min-width: 60px;}
	.box4 .con span:first-child.icon-chuanzhen::before{font-size: 12px;}
}

/* 友情链接 */
.links{justify-content: flex-start;}
.links li{border: solid 1px #e4e4e4; padding: 10px 20px; border-radius: 3px; margin: 10px;}
.links li:last-child{border: solid 1px #e4e4e4;}

/* 列表页 */
.list{max-width: 1380px; min-height: 700px;}
/* 列表页 左侧 */
.page-sort{width: 220px;}
.page-sort .h1{font-size: 30px; line-height: 30px; letter-spacing: 5px; background: url(../img/ico2.png) no-repeat 0 center; padding-left: 40px;}	
.page-sort ul{margin: 30px 0 0 0;}
.page-sort li{font-size: 16px; border-bottom: solid 1px #e4e4e4;}
.page-sort li:last-child{border: none;}
.page-sort li a{display: block; line-height: 1.5; text-align: center; padding: 14px 20px; position: relative; border-radius: 3px;}
.page-sort li a:hover, .page-sort li a.on{background: var(--one-color); color: white;}
.page-sort li a.on::after{display: block; content: ''; width: 8px; height: 8px; background: var(--one-color); position: absolute; right: -4px; top: calc(50% - 4px); transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.page-content{width: calc(100% - 270px);}
@media screen and (max-width: 980px) {
	.page-sort{width: 100%;}
	.page-sort li{width: 100%; float: left; text-align: center;}
	.page-sort li:last-child{border-bottom: solid 1px #e4e4e4;}
	.page-sort li a{border-radius: 3px 3px 0 0; padding: 14px 0;}
	.page-sort li a.on::after{right: calc(50% - 4px); bottom: -4px; top: auto;}
	.page-content{width: 100%;}
}
@media screen and (max-width: 768px) {
	.page-sort .h1{font-size: 26px}
	.page-sort li{font-size: 14px}
}

/* 文章 */
.article{}
.article .a-title{text-align:center; color:#333; font-size: 24px; font-weight: normal; padding: 30px 0 0 0;}
.article .a-ftitle{font-size: 20px; text-align: center; font-weight: normal; padding-top: 10px}
.article .a-meta{text-align:center; color:#999; font-size:14px; padding-top:20px}
.article .a-text{padding:30px 0; min-height:300px; font-family: '仿宋','宋体'; line-height: 37px; font-size: 21px; text-align: justify;}
.article .a-text p{text-indent:2em;}
.article .a-text p img {clear: both; display: block; margin:auto;}/*图片不缩进*/
.article .a-text blockquote{margin: 0 !important;}
.article .a-text font{font-size: inherit !important;}
.article .a-foot{overflow:hidden; padding:20px 0 0 0; margin:0 auto}
.article .a-foot .bdsharebuttonbox{padding-bottom:20px; text-align: center;}
.article .a-foot .bdsharebuttonbox a{float: none;}
.article .a-conlink{overflow:hidden; color:#999}
.article .a-conlink>div{float:left; max-width:45%; line-height:2; word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.article .a-conlink>div:last-child{float:right;}
.article .a-conlink a:hover{color:var(--one-color)}
@media screen and (max-width: 980px) {
	.article .a-title{font-size: 18px}
	.article .a-ftitle{font-size: 16px}
	.article .a-meta{font-size: 12px}
	.article .a-text{font-size: 13px; line-height: 2;}
	.article .a-text p{padding-bottom: 13px}
	.article .a-text p, .article .a-text span, .article .a-text div, .article .a-text font{font-size: inherit !important;}
}
@media screen and (max-width: 640px) {
	.article .a-conlink>div{float:none; max-width:100%}
	.article .a-conlink>div:last-child{float:none;}
}

/* 表单 */
.ap-form{margin:0 auto; width:80%; font-size:14px}
.ap-form label, .ap-form input{vertical-align:middle; line-height:2}
.ap-form .ap-input{padding:10px 0 0 0}
.ap-form .ap-input:after{content:" "; display:table; clear:both;}
.ap-form .ap-input label{width:100%; padding:6px 0; font-size:inherit; display:inline-block}
.ap-form .ap-input input, .ap-form .ap-input textarea{width:100%; border:solid 1px #ddd; padding:5px 8px; font-size:inherit; border-radius: 3px;}
.ap-form .ap-input textarea{line-height: 2;}
.ap-form input[type="submit"]{border:none; background:var(--one-color); color:#fff; margin-top:10px; font-size:inherit; font-family:inherit; cursor:pointer; border-radius:3px; line-height: 2;}
.ap-form-lr .ap-input{padding:10px 0}
.ap-form-lr .ap-input label{float:left; width:10%; text-align:justify; text-align-last:justify;}
.ap-form-lr .ap-input input, .ap-form-lr .ap-input textarea{float:right; width:88%;}
.ap-form-lr input[type="submit"]{margin-top:none}
@media screen and (max-width: 425px) {
	.ap-form{width:100%;}
}

/* 分页导航 */
.ap-pagenav{margin: 30px 0; line-height:normal; text-align:center;}
.ap-pagenav-l{text-align:left}
.ap-pagenav-r{text-align:right}
.ap-pagenav li{display:inline-block}
.ap-pagenav a, .ap-pagenav span{display:inline-block; margin:8px 3px; padding:6px 12px; color:#666; border:solid 1px #DEDDDB; background:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}
.ap-pagenav span{color:#999}
.ap-pagenav .dot{border: none; color: #333;}
.ap-pagenav a:hover, .ap-pagenav li.ap-active a{color:#fff; text-decoration:none; border:solid 1px var(--one-color); background:var(--one-color)}

.totop{position: fixed; right: 20px; bottom: 40px; text-align: center; background-color: #fff; box-shadow: 0 0 2px rgba(0,0,0,.1); border-radius: 3px; display: none;}
.totop a{color: var(--one-color); display: block; line-height: 45px; width: 45px; font-size: 20px; font-weight: 700;}

/* 页脚 */
.footer{background: #414141; color: white; margin-top: 50px;}
.footer .copy{font-size: 14px; line-height: 1.2; padding: 50px 0; text-align: center;}
.footer .copy a{color: white; vertical-align: middle;}
.footer .copy a:hover{text-decoration: underline;}
.footer .copy img{vertical-align: middle;}
@media screen and (max-width: 980px) {
	.footer .copy{font-size: 12px; padding: 20px 0;}
	.footer .copy span{display: none;}
}
@media screen and (max-width: 540px) {
	.footer{margin-top: 30px;}
}