/* 全局引入 FontAwesome 基础字体（必须加） */
@font-face {
	font-family: 'FontAwesome';
	src: url("https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote {margin:0;padding:0;border:0;}

input,select,textarea {font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;border-radius: 0;outline: none;-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}

img {border:none;vertical-align:middle;max-width:100%;}
ol,ul,li {list-style:none;}
.clearfix:after,.clearfix:before {content:"";display:table;clear:both;}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Microsoft YaHei", sans-serif
}

body {
	background: #fff;
	color: #333;
	line-height: 1.6
}

a {
	text-decoration: none;
	color: inherit
}



/* 顶部通知 */
.top-notice {
	background: #0078d7;
	font-size: 12px;
	color: #fff;
}

.top-notice div {
	max-width: 1440px;
	margin: 0 auto;
	padding: 8px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.top-notice div span {
	margin-left: 15px;
}

.top-notice a {
	color: #fff
}


/* 头部容器：PC背景默认 */
.header {
  width: 100%;
  background: url("/assets/images/topbg.png") no-repeat center;
  background-size: cover;
}

/* 内容区：flex 横向排列、垂直居中、左右留白 */
.header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1440px; /* 内容最大宽度，和你网站一致即可 */
  margin: 0 auto;
  padding: 15px 0px;
  gap:20px;
}

/* 三张图基础样式 */
.logo img {
  /*height: 80px;*/
  width: auto;
  display: block;
}
.slogan img {
  /*height: 50px;*/
  width: auto;
  display: block;
}
.tel img {
  /*height: 50px;*/
  width: auto;
  display: block;
}



/* ========== PC 导航栏（菜单 + 搜索 同行） ========== */
.nav-menu {
	background: linear-gradient(to bottom, #0078d7, #005db2);
}

.pc-navbar {
	max-width: 1440px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pc-nav-list {
	display: flex;
}

.pc-nav-list li {
	position: relative;
}

.pc-nav-list li a {
	display: block;
	padding: 12px 18px;
	color: #fff;
	font-size: 16px;
}

.pc-nav-list li a:hover {
	background: #0052a3;
}

.pc-nav-list li a:after {
	content: "\f078";
	font-family: FontAwesome;
	font-size: 12px;
	margin-left: 6px;
	vertical-align: middle;
}

.pc-nav-list li>a:not([href]):after {
	display: inline-block;
}

.pc-nav-list li a:only-child:after {
	display: none;
}

/* PC二级下拉 */
.pc-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
	min-width: 130px;
	display: none;
	z-index: 10;
}

.pc-dropdown li a {
	color: #333;
	padding: 10px 15px;
	border-bottom: 1px solid #f5f5f5;
}

.pc-dropdown li a:hover {
	background: #f0f5ff;
	color: #0066cc;
}

.pc-nav-list li:hover .pc-dropdown {
	display: block;
}

/* PC端搜索框 */
.search-box {
	display: flex;
	align-items: center;
	gap: 0;
}

.search-icon {
	background: #fff;
	height: 28px;
	padding: 0 6px;
	display: flex;
	align-items: center;
	color: #666;
	font-family: FontAwesome;
	font-size: 14px;
}

.search-icon:before {
	content: "\f002";
}

.search-input {
	height: 28px;
	padding: 0 8px;
	border: none;
	outline: none;
	font-size: 13px;
	width: 210px;
}

.search-btn {
	height: 28px;
	padding: 0 12px;
	background: #ff8c00;
	color: #fff;
	border: none;
	cursor: pointer;
	font-size: 13px;
}

/* ========== 移动端顶部栏 ========== */
.mobile-top-bar {
	background: linear-gradient(to bottom, #0078d7, #005db2);
	padding: 10px 5%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	display: none;
}

.mobile-menu-btn {
	background: #004f9c;
	color: #fff;
	border: none;
	width: 40px;
	height: 30px;
	font-size: 18px;
	cursor: pointer;
	border-radius: 3px;
}

/* 移动端右侧弹出菜单 */
.mobile-side-menu {
	position: fixed;
	top: 0;
	right: 0;
	width: 260px;
	height: 100%;
	background: #fff;
	z-index: 1200;
	box-shadow: -3px 0 10px rgba(0, 0, 0, 0.15);
	transform: translateX(100%);
	transition: transform 0.3s ease;
}

.mobile-side-menu.show {
	transform: translateX(0);
}

.mobile-side-menu li a {
	display: block;
	padding: 14px 20px;
	border-bottom: 1px solid #eee;
	color: #333;
}

/* 移动端下拉箭头 */
.sub-toggle:after {
	content: "\f078";
	font-family: FontAwesome;
	font-size: 12px;
	float: right;
	margin-top: 3px;
}

/* 移动端二级菜单 */
.mobile-dropdown {
	display: none;
	background: #f7f9fc;
	padding-left: 15px;
}

/* 遮罩 */
.page-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 199;
	display: none;
}

.page-mask.show {
	display: block;
}

.toppic {
	display: block;
}

.mtoppic {
	display: none;
}

/* 顶部banner图轮播 */
.banner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.banner-wrapper,.banner-wrapper1 {
	display: flex;
	height: 100%;
	transition: transform 0.6s ease;
}

.banner-wrapper img,.banner-wrapper1 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	flex-shrink: 0;
}

/* 给 a 标签加宽度100% */
.banner-wrapper a,
.banner-wrapper1 a {
	width: 100%;
	flex-shrink: 0;
	display: block;
}


/* 主内容区 */
.container {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 20px;
	position: relative;
}


.luobo {
	position: relative;
}

/* 轮播内容区域 */
.carousel {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;

}

/* 滚动列表 */
.carousel-wrapper {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	scroll-behavior: smooth;
}

/* 隐藏滚动条 */
.carousel-wrapper::-webkit-scrollbar {
	display: none;
}

.carousel-wrapper {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

/* 移动端一行2张 */
.carousel-item {
	flex-shrink: 0;
	width: calc(50% - 8px);
}

.carousel-item img {
	width: 100%;
	height: 120px;
	object-fit: cover;
	/* border-radius: 8px; */
	display: block;
}

.arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	background: #fff;
	border: none;
	/* border-radius: 50%; */
	cursor: pointer;
	/* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); */
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.arrow img {
	width: 22px;
	height: 42px;
	object-fit: contain;
}

.prev {
	left: -45px;
}

#prevBtn:after {
	content: "\f104";
	font-family: FontAwesome;
	font-size: 24px;
}

.next {
	right: -45px;
}

#nextBtn:after {
	content: "\f105";
	font-family: FontAwesome;
	font-size: 24px;
}


/* 主布局：PC 左右分栏，移动端上下堆叠 */
.container1 {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 20px 20px 20px;
}

.main {
	display: flex;
	gap: 20px;
}

.left {
	flex: 1;
}

.right {
	flex: 0 0 270px;
}

/* Tab 栏 */
.tab-bar1 {
	display: flex;
	align-items: center;
	border-top: 1px solid #ccc;
	margin-top: 20px;
}

.tab-item1 {
	font-size: 20px;
	font-weight: bold;
	padding: 10px 16px;
	cursor: pointer;
	position: relative;
	color: #333;
}

.tab-item1.active1::before {
	content: "";
	width: 100%;
	height: 3px;
	background: #ff0000;
	position: absolute;
	top: -1px;
	left: 0;
}

.tab-item1.active2::before {
	content: "";
	width: 100%;
	height: 3px;
	background: #0066cc;
	position: absolute;
	top: -1px;
	left: 0;
}

.tab-bar1 .red {
	color: #ff0000;
}

.tab-bar1 .blue {
	color: #0066cc;
}

.tab-bar {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
}

.tab-item {
	font-size: 20px;
	font-weight: bold;
	padding: 10px 16px;
	cursor: pointer;
	position: relative;
	color: #333;
}

.tab-item.active,.tab-item.active3 {
	color: #0066cc;
}

.tab-item.active::after,.tab-item.active3::after {
	content: "";
	width: 100%;
	height: 3px;
	background: #0066cc;
	position: absolute;
	bottom: -1px;
	left: 0;
}


.tab-item.active2 {
	color: #ff0000;
}

.tab-item.active2::after {
	content: "";
	width: 100%;
	height: 3px;
	background: #ff0000;
	position: absolute;
	bottom: -1px;
	left: 0;
}


.more {
	margin-left: auto;
	color: #cc0000;
	font-size: 16px;
}

/* 内容块 */
.tab-content {
	display: none;
}

.tab-content.active {
	display: block;
}

/* PC：轮播 + 列表 并排；移动端：轮播在上，列表在下 */
.content-inner {
	display: flex;
	gap: 20px;
}

/* 轮播图 */
.carousel1 {
	flex: 0 0 380px;
	height: 260px;
	position: relative;
	overflow: hidden;
}

.carousel-wrapper1 {
	display: flex;
	height: 100%;
	transition: transform 0.6s ease;
}

.carousel-item1 {
	flex: 0 0 100%;
	height: 100%;
}

.carousel-item1 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dots {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 6px;
}

.dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.6);
	cursor: pointer;
}

.dot.active {
	background: #fff;
}

/* 新闻列表 */
.list {
	flex: 1;
}

.list li {
	list-style: none;
	padding: 11px 0;
	border-bottom: 1px dashed #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.list li:last-child {
	border-bottom: none;
}

.list .title {
	font-size: 15px;
	color: #333;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list .date {
	font-size: 14px;
	color: #999;
	white-space: nowrap;
	margin-left: 10px;
}

/* 右侧菜单 */
.menu-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	max-width: 500px;
	margin: 0 auto;
}

/* 每个菜单项的通用样式 */
.menu-item {
	display: flex;
	flex-direction: column;
	/* 图片在上，文字在下 */
	align-items: center;
	justify-content: center;
	padding: 10px;
	gap: 6px;
	/* 图片和文字之间的间距 */
	font-size: 18px;
	color: #333;
	cursor: pointer;
}

/* 控制图片大小，避免变形 */
.menu-item img {
	width: 46px;
	/* 可根据你的图片大小调整 */
	height: 50px;
	object-fit: contain;
	/* 保持图片比例 */
}

/* 给每个菜单项设置背景色（和你原来的代码一一对应） */
.menu-item:nth-child(1) {
	background: #fff0e6;
}

/* 加入学会 */
.menu-item:nth-child(2) {
	background: #e6f7ff;
}

/* 学会简介 */
.menu-item:nth-child(3) {
	background: #e6fffb;
}

/* 会长致辞 */
.menu-item:nth-child(4) {
	background: #e6ffff;
}

/* 入会须知 */
.menu-item:nth-child(5) {
	background: #f0f7ff;
}

/* 学会服务 */
.menu-item:nth-child(6) {
	background: #f5f5f5;
}

/* 在线留言 */

/* 领导成员模块 */

.leadership-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 15px;
	margin-top: 20px;
	
	
}

.leader-card {
	position: relative;
	overflow: hidden;
	background: #fff;
}

.leader-photo {
	width: 100%;
	object-fit: cover;
	display: block;
}

.leader-info {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 15px;
}

.leader-name {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
}

.leader-desc {
	font-size: 14px;
	line-height: 1.5;
	opacity: 0.9;

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}


.tab-title {
	font-size: 22px;
	font-weight: bold;
	color: #333;
	padding: 10px 0;
}

.more-btn {
	margin-left: auto;
	color: #c53030;
	font-size: 16px;
	cursor: pointer;
}



/* 双列布局 */
.double-col {
	display: flex;
	gap: 30px;
	width: 100%;
	margin-bottom: 0px;
	box-sizing: border-box
}

.col {
	flex: 1;
	min-width: 0;
	box-sizing: border-box
}

.list-box {
	margin-bottom: 30px;
	width: 100%;
	box-sizing: border-box
}

.list-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px dashed #eee;
	width: 100%;
	box-sizing: border-box
}

.list-item:last-child {
	border-bottom: none;
}

.list-title {
	font-size: 15px;
	color: #333;
	line-height: 1.4;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 15px;
	min-width: 0
}

.list-date {
	font-size: 14px;
	color: #999;
	white-space: nowrap;
	margin-left: 10px;
	flex-shrink: 0
}




/* 公益科普 顶部Tab */


.top-tab-bar {
	display: flex;
	gap: 8px;
	margin-top: 3px;
}

.top-tab {
	padding: 8px 20px;
	border: 1px solid #ddd;
	border-radius: 4px 4px 0 0;
	font-size: 14px;
	cursor: pointer;
	background: #fff;
}

.top-tab.active {
	background: #2b6cb0;
	color: #fff;
	border-color: #2b6cb0;
}

/* 公益科普 列表切换容器 */
.tab-content-list {
	display: none;
}

.tab-content-list.active {
	display: block;
}

/* 中间横幅 */
.banner-section {
	margin: 0;
}

.banner-img {
	width: 100%;
}


/* ====================== 分支机构样式 ====================== */
.branch-wrap {
	margin-bottom: 0px;
}

.branch-list {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	/* PC一行6个 */
	gap: 15px;
}

.branch-item {
	padding: 12px 0;
	text-align: center;
	border: 1px solid #E6E6E6;
	border-radius: 4px;
	font-size: 14px;
	color: #333;
}

/* ====================== 友情链接样式 ====================== */
.link-wrap {
	margin-bottom: 0px;
}

.link-list {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	/* PC一行6个 */
	gap: 15px;
}

.link-item {
	border: 1px solid #E6E6E6;
	border-radius: 4px;
	padding: 10px;
	text-align: center;
}

.link-item img {
	width: 100%;
	max-width: 180px;
	object-fit: contain;
	/* 图片自适应，不变形 */
}



/* ====================== 页脚样式（背景图X轴循环） ====================== */
.footer {
	position: relative;
	color: #fff;
	/* 白色文字 */
	padding: 30px 20px;
	text-align: center;
	/* 文字居中 */
	font-size: 14px;
	line-height: 1.8;
	overflow: hidden;
	/* 隐藏超出部分 */
}

/* 背景图X轴循环滚动容器 */
.footer-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* 双倍宽度实现循环 */
	height: 100%;
	background: url("../images/footer-bg.png") repeat-x;
	/* 替换为你的背景图路径 */
	background-size: auto 100%;
	/* 高度铺满，宽度自适应 */
	z-index: 0;
	/* 背景在文字下方 */
}

/* 文字内容层（覆盖在背景上） */
.footer-info {
	position: relative;
	max-width: 1440px;
	margin: 0 auto;
	z-index: 1;
	/* 文字层级高于背景 */
}


/* ====================== 面包屑样式 ====================== */
.breadcrumb {
	font-size: 14px;
	color: #666;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.breadcrumb a {
	color: #0066CC;
	text-decoration: none;
}

.breadcrumb span {
	margin: 0 8px;
	color: #999;
}

/* ====================== 详情页左右两列布局 ====================== */
.detail-page-wrap {
	display: flex;
	gap: 30px;
}

/* 左侧栏目导航 */
.detail-left {
	flex: 1;
}

/* 右侧详情内容 */
.detail-right {
	flex: 3;
}

/* ====================== 详情内容样式 ====================== */
.detail-content-wrap {
	max-width: 100%;
}

/* 文章标题 */
.detail-title {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

/* 文章元信息 */
.detail-meta {
	font-size: 14px;
	color: #999;
	text-align: center;
	margin-bottom: 30px;
}

/* 文章内容 */
.detail-content {
	font-size: 16px;
	color: #333;
	line-height: 2;
	margin-bottom: 40px;
}

.detail-content p {
	margin-bottom: 20px;
	text-indent: 2em;
	/* 首行缩进2字符 */
}

.detail-content img {
	max-width: 100%;
	height: auto;
	margin: 20px auto;
	display: block;
	border-radius: 4px;
}

/* ====================== 上一篇/下一篇导航 ====================== */
.article-nav {
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
	border-top: 1px solid #eee;
}

.article-nav-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
}

.article-nav-item a {
	color: #333;
	text-decoration: none;
}

.article-nav-item a:hover {
	color: #0066CC;
}

.article-nav-label {
	color: #999;
}


/* ====================== 列表页左右两列布局 ====================== */
.list-page {
	display: flex;
	gap: 30px;
}

/* 左侧栏目导航（占1/4） */
.list-left {
	flex: 1;
}

/* 右侧列表区（占3/4） */
.list-right {
	flex: 3;
}

/* 左侧栏目导航样式 */
.column-nav {
	border: 1px solid #eee;
	border-radius: 4px;
}

.column-title {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #0066CC;
	padding: 12px 15px;
}

.column-list {
	list-style: none;
}

.column-item {
	padding: 12px 15px;
	border-bottom: 1px solid #eee;
}

.column-item:last-child {
	border-bottom: none;
}

.column-item a {
	font-size: 15px;
	color: #333;
	text-decoration: none;
	display: block;
}

.column-item.active a {
	color: #0066CC;
	font-weight: bold;
}

.column-item:hover a {
	color: #0066CC;
}

/* ====================== 列表页 左图右文 新增样式 ====================== */
.article-item-img {
  display: flex;
  gap: 20px;
  padding: 15px 0;
  border-bottom: 1px solid #eee;
  align-items: flex-start;
}

/* 左侧图片 */
.article-img {
  flex: 0 0 160px;
  width: 150px;
  height: 212px;
  overflow: hidden;
  border-radius: 4px;
}
.article-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}
.article-img img:hover {
  transform: scale(1.05);
}

/* 分会图片 */
.article-img1 {
  flex: 0 0 600px;
  width: 600px;
  height: 400px;
  overflow: hidden;
  border-radius: 4px;
}
.article-img1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}
.article-img1 img:hover {
  transform: scale(1.05);
}

/* 右侧内容 */
.article-info {
  flex: 1;
}
.article-info .article-title {
  font-size: 16px;
  color: #333;
  font-weight: normal;
  margin: 0 0 8px;
  display: block;
  text-decoration: none;
}
.article-info .article-title:hover {
  color: #0066CC;
}
.article-info .article-desc {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  margin: 0 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.article-info .article-meta {
  font-size: 14px;
  color: #999;
}

/*分会*/
.article-info .article-title1 {
  font-size: 18px;
  margin: 0 0 8px;
  display: block;
  font-weight: bold;
    color: #fff;
    background: #0066CC;
    padding: 12px;
}
.article-info .article-desc1 {
  font-size: 16px;
  color: #000;
  line-height: 1.6;
  margin: 0 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-indent: 2em;
  text-align: justify; /* 核心：左右分散对齐 */
}

/* 列表项样式（移除缩略图） */
.article-item {
	padding: 15px 0;
	border-bottom: 1px dashed #eee;
}

.article-title {
	font-size: 17px;
	font-weight: bold;
	color: #333;
	margin-bottom: 8px;
	text-decoration: none;
	display: block;
}

.article-title:hover {
	color: #0066CC;
}

.article-desc {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 8px;
}

.article-meta {
	font-size: 12px;
	color: #999;
}

/* ====================== 分页样式 ====================== */
/* .pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
	gap: 8px;
}

.pagination-btn {
	padding: 8px 15px;
	border: 1px solid #eee;
	border-radius: 4px;
	color: #333;
	text-decoration: none;
	font-size: 14px;
}

.pagination-btn:hover,
.pagination-btn.active {
	background: #0066CC;
	color: #fff;
	border-color: #0066CC;
}

.pagination-btn.disabled {
	color: #999;
	cursor: not-allowed;
	background: #f5f5f5;
}

.pagination-btn.disabled:hover {
	background: #f5f5f5;
	color: #999;
	border-color: #eee;
} */


ul.pagination{width:100%;height:auto;text-align:center;position:relative;overflow:hidden;padding-top: 50px;}
.pagination li{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;background-color:#fff;margin:0px 3px;border: 1px solid #e5e5e5;transition:all 0.3s ease;}
.pagination li a{display:block;width:40px;height:40px;}
.pagination li.active, .pagination li:hover{color:#ffffff;background-color:#0066CC;border-color:#0066CC;}


/* 客户留言 */
.message-bg{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.7);display: none;z-index: 999;}
.message-bg .message-wrapper{position: absolute;width: 35%;left: 50%;top: 50%;transform: translate(-50%, -50%);overflow: hidden;}
.message-bg .message-box{background-color: #fff;position: relative;padding: 60px 60px 50px 60px;}
.message-bg .message-box .message-title{font-weight: bold;}
.message-bg .message-box .message-title h5{font-size: 20px;}
.message-bg .message-box .message-list{margin-top: 25px;}
.message-bg .message-box .message-text{margin-bottom: 12px;position: relative;width: 100%;height: 50px;background-color: #f8f8fa;}
.message-bg .message-box .message-text::after{content: "*";color: #0066cc;font-size: 16px;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
.message-bg .message-box .message-text.on::after{display: none;}
.message-bg .message-box .message-text input{width: 100%;height: 100%;padding: 0 20px;font-size: 14px;color: #666;background-color: #f8f8fa;}
.message-bg .message-box .message-text.ht{padding: 20px;height: 120px;background-color: #f8f8fa;}
.message-bg .message-box .message-text textarea{width: 100%;font-size: 14px;color: #999999;background-color: #f8f8fa;line-height: 2;height: 100%;resize: none;}
.message-bg .message-box .verify-group .message-text{width: calc(100% - 160px);padding-right: 15px;margin-bottom: 16px;}
.message-bg .message-box .verify-group .message-text.left{float: left;}
.message-bg .message-box .verify-group .verify-img{width: 160px;}
.message-bg .message-box .verify-group .verify-img.right{float: right;}
.message-bg .message-box .message-submit{width: 100%;background-color: #0066cc;transition: all .36s;cursor: pointer;position: relative;}
.message-bg .message-box .message-submit p{color: #FFFFFF;font-size: 16px;line-height: 50px;text-align: center;position: relative;z-index: 20;}
.message-bg .message-box .message-submit:hover{background-color: #404040;}
.message-bg .message-wrapper .message-close{position: absolute;width: 112px;height: 112px;border-radius: 50%;background: #ebebeb;top: -56px;right: -56px;cursor: pointer;transition: all .36s;}
.message-bg .message-wrapper .message-close img{width: 13px;position: absolute;bottom: 28px;left: 28px;transition: all .36s;}
.message-bg .message-wrapper .message-close .img1{opacity: 1;}
.message-bg .message-wrapper .message-close .img2{opacity: 0;}
.message-bg .message-wrapper .message-close:hover{background-color: #0066cc;}
.message-bg .message-wrapper .message-close:hover .img1{opacity: 0;}
.message-bg .message-wrapper .message-close:hover .img2{opacity: 1;}

.footer-social li {position: relative;margin-right: 10px;}
.footer-social li a{position: relative;width: 50px;height: 50px;border: 2px solid rgba(255,255,255,.2);border-radius: 100%;cursor: pointer;display: block;}
.footer-social li a:hover {background: #0066cc;border: 2px solid #0066cc;}
.footer-social li a:hover img {filter: invert(100%);}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}