@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}

ul,
ol,
li {
	list-style-type: none;
}

a {
	text-decoration: none;
	color: #666666;
}

body,
html {
	background-color: #fcfcfc;
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	box-shadow: inset 6px rgba(0, 0, 0, 0.3);
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: rgb(9, 60, 125);
	box-shadow: inset 6px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
	background-color: #1B55AC;
}

.header-container:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	display: inline-block;
	background: linear-gradient(180deg, rgba(43, 99, 182, 0.37) 0%, rgba(216, 216, 216, 0) 100%);
	z-index: 2;
	bottom: 0;
	left: 0;
}

.innerPageHeader {
	height: 368px;
	width: 100%;
	position: relative;
}

.innerPageHeader .header-swiper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.innerPageHeader .header-swiper .swiper-container {
	height: 100%;
}

.innerPageHeader .nav-container {
	margin-top: 43px;
}

.innerPageHeader .logo-news img {
	max-width: 100%;
}

.header-wrapper {
	width: 1440px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 99;
}

.header-swiper {
	position: absolute;
	width: 100%;
	height: 100%;
}

.header-layout {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	padding-top: 24px;
}

.header-layout li,
.header-layout a {
	font-size: 16px;
	color: #FFFFFF;
	cursor: pointer;
}

.header-layout li {
	position: relative;
	box-sizing: border-box;
	padding-right: 30px;
	display: flex;
	align-items: center;
	width: auto;
}

.header-layout li img {
	margin-left: 10px;
}

.header-layout li:last-child {
	padding-right: 0;
}

.header-layout li:last-child:after {
	display: none;
}

.header-layout li:after {
	content: "";
	width: 1px;
	height: 18px;
	display: inline-block;
	position: absolute;
	right: 15px;
	background: rgba(255, 255, 255, 0.5);
	top: 50%;
	transform: translateY(-50%);
}

.header-layout ul {
	display: flex;
	align-items: center;
}

.header-cont {
	text-align: center;
}

.innerPageHeaderCont {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 36px;
}

.innerPageHeaderCont .header-search {
	max-width: 690px;
	margin: 0;
}

.innerPageHeaderCont .search-box input {
	text-align: left;
}

.innerPageHeaderCont .search-hot {
	text-align: left;
}

.innerPageHeaderCont .logo-news {
	margin: 0;
}

.logo-news {
	display: inline-block;
	margin: 22px 0 34px;
	max-width: 100%;
}

.header-search {
	max-width: 800px;
	width: 100%;
	height: 100px;
	margin: 0 auto;
}

.search-box {
	width: 100%;
	height: 60px;
	background: rgba(255, 255, 255, 0.75);
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 30px;
}

.search-box input {
	border: none;
	outline: none;
	background: transparent;
	width: calc(100% - 60px);
	height: 100%;
	font-size: 16px;
	text-align: center;
}

.search-box input:focus {
	border: none;
	outline: none;
}

.search-box input::placeholder {
	color: #666666;
	font-size: 16px;
}

.search-box button {
	border: none;
	background: transparent;
	outline: none;
	width: 60px;
	height: 100%;
	cursor: pointer;
}

.search-hot {
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 20px;
}

.search-hot a {
	font-size: 16px;
	color: #FFFFFF;
	display: inline-block;
	margin: 0 5px;
}

.nav-container {
	width: 100%;
	height: 72px;
	margin-top: 54px;
}

.mobileBtn {
	float: right;
	font-size: 28px;
	color: #FFFFFF;
	cursor: pointer;
	display: none;
	align-items: center;
}

.mobileBtn i {
	font-size: 32px;
}

.nav-list {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
}

.nav-list > li {
	max-width: 210px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(27, 85, 172, 0.75);
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.3s ease-in-out 0s;
	position: relative;
}

.nav-list > li.active {
	background: rgba(255, 255, 255, 0.75);
}

.nav-list > li.active > a {
	color: #1B55AC;
}

.nav-list > li > a {
	color: #FFFFFF;
	font-size: 30px;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 72px;
}

.nav-list > li:hover {
	background: rgba(255, 255, 255, 0.75);
}

.nav-list > li:hover > a {
	color: #1B55AC;
}

.subNavList {
	position: absolute;
	width: 175px;
	height: auto;
	background: rgba(27, 85, 172, 0.75);
	bottom: 72px;
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
	padding: 10px 0;
	border-radius: 10px 10px 0 0;
	display: none;
}

.subNavList li {
	width: 100%;
	text-align: center;
}

.subNavList a {
	line-height: 40px;
	font-size: 18px;
	color: #FFFFFF;
}

.footer-container {
	width: 100%;
	height: 273px;
}

.footer-link {
	width: 100%;
	height: 68px;
	background-color: #1B55AC;
}

.footer-link-list {
	max-width: 1440px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	position: relative;
}

.footer-link-list > li {
	width: 20%;
	text-align: center;
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-link-list > li span {
	font-size: 18px;
	color: #FFFFFF;
	line-height: 24px;
	position: relative;
	width: 100%;
	display: inline-block;
}

.footer-link-list > li span:after {
	content: "";
	width: 1px;
	height: 17px;
	display: inline-block;
	position: absolute;
	background-color: rgba(216, 216, 216, 0.33);
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.footer-link-list > li span:before {
	content: "";
	width: 18px;
	height: 11px;
	display: inline-block;
	position: absolute;
	background: url("../images/icon-triangle.png") no-repeat center center;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out 0s;
}

.footer-link-list > li:last-child span:after {
	display: none;
}

.footer-link-list > li:hover span:before {
	transform-origin: 50% 25%;
	transform: rotate(180deg);
}

.footerSubLink {
	position: absolute;
	left: 0;
	bottom: 68px;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
	box-sizing: border-box;
	padding: 20px;
	text-align: left;
	display: none;
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.06);
	z-index: 999;
}

.footerSubLink li {
	display: inline-block;
	margin: 0 10px;
}

.footer-wrapper {
	width: 100%;
	height: 205px;
	background: linear-gradient(180deg, rgba(44, 100, 184, 0.74) 15%, rgba(44, 100, 184, 0.23) 99%, rgba(44, 100, 184, 0.05) 100%);
}

.footer-layout {
	width: 1440px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.inside-link {
	display: flex;
	margin: 28px 0 20px;
}

.inside-link a {
	font-size: 16px;
	color: #FFFFFF;
}

.inside-link li {
	padding-right: 32px;
	box-sizing: border-box;
	position: relative;
}

.inside-link li:after {
	content: "";
	width: 2px;
	height: 17px;
	display: inline-block;
	position: absolute;
	background: #FFFFFF;
	top: 50%;
	transform: translateY(-50%);
	right: 16px;
}

.inside-link li:last-child {
	margin-right: 0;
}

.inside-link li:last-child:after {
	display: none;
}

.webInfo {
	text-align: left;
	width: 648px;
}

.webInfo a,
.webInfo span {
	line-height: 30px;
	font-size: 16px;
	color: #FFFFFF;
	display: inline-block;
	margin-right: 10px;
}

.webInfo .anbei img {
	float: left;
	margin-top: 4px;
}

.footer-center {
	display: flex;
	align-items: center;
	flex: auto;
}

.government-link {
	align-self: flex-end;
	margin-right: 72px;
	display: flex;
	align-items: center;
	margin-bottom: 50px;
}

.government-link a:first-child {
	margin-right: 28px;
}

.footer-right {
	align-self: center;
	display: flex;
}

.footer-right div {
	text-align: center;
	width: 108px;
	height: auto;
}

.footer-right span {
	display: block;
	color: #FFFFFF;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
}

.footer-right img {
	width: 108px;
	border-radius: 6px;
}

.footer-right div:first-child {
	margin-right: 32px;
}

.canvi-navbar {
	background: #1B55AC;
	box-sizing: border-box;
	padding: 20px;
}

.canvi-navbar .fontt-guanbi {
	float: right;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 22px;
}

.mobileNavList {
	margin-top: 40px;
}

.mobileNavList li {
	line-height: 44px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.mobileNavList a {
	font-size: 20px;
	color: #FFFFFF;
}

.fixedMenu {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	z-index: 9999;
	width: 80px;
	text-align: center;
}

.fixedMenu > img {
	cursor: pointer;
}

.fixedMenuList {
	width: 100%;
	background: #1B55AC;
	box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
}

.fixedMenuList li {
	height: 95px;
	width: 100%;
	color: #FFFFFF;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
	position: relative;
}

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

.fixedMenuList li a {
	color: #FFFFFF;
}

.fixedMenuList li a > .fontt {
	display: block;
}

.fixedMenuList li:hover .weChtQrCode {
	display: block;
}

.fixedMenuList .fontt {
	color: #FFFFFF;
	font-size: 36px;
	display: inline-block;
	margin-bottom: 6px;
}

.weChtQrCode {
	position: absolute;
	width: 100px;
	height: 100px;
	background: #fff;
	right: 80px;
	top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box;
	/* padding: 5px; */
	border-radius: 6px;
	overflow: hidden;
	display: none;
}

.weChtQrCode img {
	object-fit: contain;
	max-width: 100%;
}

.open-list {
	margin-top: 12px;
	display: none;
}

.open-list.active {
	display: block;
}

.open-list a {
	display: flex;
	justify-content: space-between;
	line-height: 48px;
	font-size: 18px;
}

.open-list p {
	color: #333333;
	width: calc(100% - 110px);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	transition: all 0.3s ease-in-out 0s;
}

.open-list span {
	color: #9E9E9E;
	transition: all 0.3s ease-in-out 0s;
}

.open-list li:hover p,
.open-list li:hover span {
	color: #1B55AC;
}

.openTabMore {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.open-tabs {
	display: flex;
}

.open-tabs li {
	height: 45px;
	margin-right: 50px;
	position: relative;
}

.open-tabs li:last-child {
	margin-right: 0;
}

.open-tabs li:after {
	content: "";
	width: 0;
	height: 2px;
	display: inline-block;
	position: absolute;
	background: #1B55AC;
	left: 0;
	bottom: 0;
	transition: all 0.3s ease-in-out 0s;
}

.open-tabs li.active a {
	color: #1B55AC;
}

.open-tabs li.active:after {
	width: 100%;
}

.open-tabs a {
	color: #939DAC;
	font-size: 24px;
	font-weight: bold;
}

.open-more a {
	display: none;
	font-size: 16px;
	color: #9E9E9E;
}

.open-more a.active {
	display: inline-block;
}

.crumbs {
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	padding: 0px 50px;
}

.crumbsWrapper {
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #E4E4E4;
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #666666;
	flex-wrap: wrap;
}

.crumbsWrapper i {
	display: inline-block;
	width: 30px;
	height: 30px;
	font-size: 30px;
	color: #999999;
	margin-right: 14px;
}

.crumbsWrapper a {
	display: inline-block;
	position: relative;
}

.crumbsWrapper a:after {
	content: "--";
	width: auto;
	height: auto;
	display: inline-block;
	margin: 0 5px;
}

.crumbsWrapper a:last-child {
	color: #1B55AC;
}

.crumbsWrapper a:last-child:after {
	display: none;
}

.aside-left {
	width: 282px;
	height: auto;
	background: #FFFFFF;
	box-sizing: border-box;
	padding-right: 38px;
	box-shadow: 4px 0px 12px 0px rgba(0, 0, 0, 0.06);
}

.aside-left h3 {
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #DCDCDC;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 30px;
	font-weight: bold;
	color: #1B55AC;
	position: relative;
}

.aside-left h3:after {
	content: "";
	width: 54px;
	height: 2px;
	display: inline-block;
	position: absolute;
	background: #1B55AC;
	bottom: 0;
	right: 0;
}

.aside-list {
	width: 100%;
	text-align: right;
	box-sizing: border-box;
	padding: 20px 0;
}

.aside-list li {
	height: 68px;
}

.aside-list li.active a {
	color: #1B55AC;
	font-weight: bold;
}

.aside-list li.active a:before {
	width: 30px;
}

.aside-list li:hover a {
	color: #1B55AC;
	font-weight: bold;
}

.aside-list li:hover a:before {
	width: 30px;
}

.aside-list a {
	font-size: 18px;
	color: #333333;
	width: 100%;
	height: 100%;
	text-align: right;
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.aside-list a:before {
	content: "";
	width: 0px;
	height: 1px;
	display: inline-block;
	background: #1B55AC;
	margin-right: 16px;
	transition: all 0.3s ease-in-out 0s;
}

.layuipage {
	margin: 60px 0;
}

/* 分页 */
div.new_pages {
	padding: 20px 0px;
	text-align: center;
	clear: both;
	overflow: hidden;
	color: #666666;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

div.new_pages a {
	padding: 5px 12px;
	font-size: 14px;
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #5d5d5d;
	margin: 0 3px;
	border-radius: 5px;
}

div.new_pages a:hover,
div.new_pages a.onhover {
	background: #0D59A7;
	border: 1px solid #0D59A7;
	color: #FFFFFF;
}

div.new_pages #num {
	border: 1px solid #cccccc;
	width: 48px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	outline: none;
}

div.new_pages #submit-btn {
	border: 1px solid #cccccc;
	width: 40px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	background: #0D59A7;
	outline: none;
	color: #ffffff;
}

div.new_pages span {
	padding-right: 10px;
}

.themeColor div.new_pages {
	padding: 20px 0px;
	text-align: center;
	clear: both;
	overflow: hidden;
}

.themeColor div.new_pages a {
	padding: 5px 12px;
	font-size: 14px;
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #5d5d5d;
	margin: 0 3px;
	border-radius: 5px;
}

.themeColor div.new_pages a:hover,
.themeColor div.new_pages a.onhover {
	background: #B60000;
	border: 1px solid #B60000;
	color: #FFFFFF;
}

.themeColor div.new_pages #num {
	border: 1px solid #cccccc;
	width: 48px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	outline: none;
}

.themeColor div.new_pages #submit-btn {
	border: 1px solid #cccccc;
	width: 40px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	background: #B60000;
	outline: none;
	color: #ffffff;
}

.themeColor div.new_pages span {
	padding-right: 10px;
}

@media screen and (max-width: 1440px) {
	.header-wrapper,
	.footer-layout {
		width: 1200px;
	}

	.nav-list > li {
		max-width: 180px;
	}

	.footer-link-list {
		max-width: 1200px;
	}

	.footer-link-list > li span:before {
		right: 15px;
	}

	.subNavList {
		width: 100%;
	}

	.innerPageHeaderCont .header-search {
		max-width: 600px;
	}
}

@media screen and (max-width: 1200px) {
	.header-wrapper,
	.footer-layout {
		width: 1024px;
	}

	.footer-link-list {
		max-width: 1024px;
	}

	.footer-link-list > li span:before {
		right: 0;
	}

	.nav-list > li {
		width: 155px;
	}

	.footer-right div:first-child {
		margin-right: 15px;
	}

	.government-link {
		margin-right: 25px;
	}

	.government-link a:first-child {
		margin-right: 15px;
	}

	.open-tabs li {
		margin-right: 30px;
	}

	.innerPageHeader .logo-news img {
		max-width: 424px;
	}

	.innerPageHeaderCont .header-search {
		width: 550px;
	}

	.aside-left {
		width: 240px;
	}
}

@media screen and (max-width: 1024px) {
	.header-wrapper {
		width: 750px;
	}

	.header-layout ul.header-left {
		display: none;
	}

	.nav-container {
		display: none;
	}

	.mobileBtn {
		display: flex;
	}

	.footer-link {
		display: none;
	}

	.footer-container {
		height: auto;
	}

	.footer-wrapper {
		height: auto;
	}

	.footer-layout {
		flex-wrap: wrap;
		width: 768px;
		box-sizing: border-box;
		padding: 0 20px;
	}

	.header-search {
		width: 660px;
	}

	.innerPageHeaderCont {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.innerPageHeaderCont .header-search {
		width: 600px;
		margin-top: 20px;
	}

	.aside-left {
		width: 100%;
		padding-right: 30px;
		padding-left: 30px;
	}

	.aside-left h3 {
		justify-content: flex-start;
	}

	.aside-left h3:after {
		right: auto;
		left: 0;
	}

	.aside-list {
		display: flex;
		box-sizing: border-box;
		padding: 0 20px;
		flex-wrap: wrap;
	}

	.aside-list li {
		margin: 0 15px;
	}

	.aside-list li a:before {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.footer-layout {
		width: 100%;
		padding: 10px 20px;
	}

	.inside-link {
		flex-wrap: wrap;
		margin: 0;
		justify-content: center;
	}

	.footer-left {
		width: 100%;
	}

	.webInfo {
		width: 100%;
		text-align: center;
	}

	.footer-center {
		justify-content: center;
	}

	.footer-right {
		margin: 0 auto;
	}

	.mobile .mobileBtn {
		font-size: calc(28px * 1.2) !important;
	}

	.mobile .news-list a > p, .mobile .open-list a, .mobile .zf-info span {
		font-size: calc(18px * 1.2);
	}

	.mobile .mobileBtn i {
		font-size: calc(32px * 1.2);
	}

	.mobile .header-layout li, .mobile .header-layout a, .mobile .search-box input, .mobile .headlines-text p, .mobile .open-more a {
		font-size: calc(16px * 1.2);
	}

	.mobile .search-hot {
		font-size: calc(16px * 1.2);
	}

	.mobile .search-hot a {
		font-size: calc(16px * 1.2);
	}

	.mobile .headlines-text h2 {
		font-size: calc(36px * 1.2);
	}

	.mobile .newsSwiperText h4 {
		font-size: calc(20px * 1.2);
	}

	.mobile .newsSwiperText p {
		font-size: calc(14px * 1.2);
	}

	.mobile .news-tabs a, .mobile .open-tabs a {
		font-size: calc(24px * 1.2);
	}

	.mobile .news-time {
		width: 110px;
	}

	.mobile .news-time span {
		font-size: calc(36px * 1.2);
	}

	.mobile .news-time p {
		font-size: calc(16px * 1.2);
	}

	.mobile .news-list a > p {
		width: calc(100% - 110px);
	}

	.mobile .swiper-tabs .swiper-slide a {
		font-size: calc(30px * 1.2);
	}

	.mobile .open-list p {
		width: calc(100% - 160px);
	}

	.mobile .lookForSearch label {
		font-size: calc(24px * 1.2);
	}

	.mobile .lookForSearch input {
		font-size: calc(16px * 1.2);
		width: calc(100% - 110px - 125px);
	}

	.mobile .lookForSearch button {
		font-size: calc(16px * 1.2);
	}

	.mobile .openInfoList span {
		font-size: calc(18px * 1.2);
		width: 160px;
	}

	.mobile .openInfoList li {
		max-width: calc(50% - 10px);
		width: 100%;
	}

	.mobile .infoOpenTop h5, .mobile .infoDataList a, .mobile .letter-table tbody a, .mobile .solicitation-list p, .mobile .hotline-list li, .mobile .introduction-list a, .mobile .specialColumnSwiper p {
		font-size: calc(18px * 1.2);
	}

	.mobile .infoOpenList a, .mobile .briefCont p {
		font-size: calc(14px * 1.2);
	}

	.mobile .serveTop p, .mobile .serve-title h4, .mobile .hotline-fw h4 {
		font-size: calc(24px * 1.2);
	}

	.mobile .serveSubList a, .mobile .serve-title a, .mobile .letter-fun a span, .mobile .letter-info, .mobile .letter-table tbody tr td, .mobile .solicitation-list .solicitation-info span, .mobile .inside-link a, .mobile .webInfo a, .mobile .webInfo span, .mobile .footer-right span {
		font-size: calc(16px * 1.2);
	}

	.mobile .letter-center-top h1 {
		font-size: calc(30px * 1.2);
	}

	.mobile .letter-table tbody tr td:last-child {
		display: none;
	}

	.mobile .briefCont .more {
		font-size: calc(12px * 1.2);
	}

	.mobile .introduction-right > li h4 {
		font-size: calc(20px * 1.2);
		height: 160px;
	}

	.mobile .specialColumnWrap h4 {
		font-size: calc(30px * 1.2);
	}

	.mobile .fixedMenuList .fontt {
		font-size: calc(36px * 1.2);
	}

	.mobile .fixedMenuList li {
		font-size: calc(16px * 1.2);
	}

	.mobile .fixedMenuList li a {
		font-size: calc(16px * 1.2);
	}

	.mobile .fixedMenu {
		width: 100px;
	}

	.mobile .leader-tabs li a {
		font-size: calc(30px * 1.2);
	}

	.mobile .leaderDuty h4 {
		font-size: calc(24px * 1.2);
	}

	.mobile .leaderDuty span {
		font-size: calc(18px * 1.2);
	}

	.mobile .leaderInfoCont .trs_word {
		font-size: calc(18px * 1.2);
	}

	.mobile .leaderInfoCont .mailboxBtn {
		font-size: calc(14px * 1.2);
	}

	.mobile .leader-right h4 {
		font-size: calc(24px * 1.2);
	}

	.mobile .leader-right span {
		font-size: calc(18px * 1.2);
	}

	.mobile .department-tabs a, .mobile .policyDocumentRight a, .mobile .leader-right h3 {
		font-size: calc(24px * 1.2);
	}

	.mobile .department-cont a, .mobile .leader-right p, .mobile .leader-detail {
		font-size: calc(18px * 1.2);
	}

	.mobile .policyDocumentWrapper .policyDocumentTitle a {
		font-size: calc(30px * 1.2);
	}

	.mobile .leader-container .leader-wrapper {
		height: 620px;
	}

	.mobile .policyDocumentRight input {
		font-size: calc(16px * 1.2);
	}

	.mobile .policyDocumentRight label {
		font-size: calc(16px * 1.2);
	}

	.mobile .policyDocumentRight select {
		font-size: calc(16px * 1.2);
	}

	.mobile .policyDocumentRight button {
		font-size: calc(16px * 1.2);
	}

	.mobile .infoOpenLeft h4 a {
		font-size: calc(30px * 1.2);
	}

	.mobile .infoOpenList span {
		font-size: calc(18px * 1.2);
		width: 145px;
	}

	.mobile .infoOpenRight h4 a, .mobile .governmentWrapper a, .mobile .letterTitle h4 {
		font-size: calc(30px * 1.2);
	}

	.mobile .keyAreasList h5, .mobile .newsListCont li, .mobile .executiveMeetingsList p, .mobile .specialSwiper p, .mobile .letterBtn a, .mobile .letterLeft table thead th, .mobile .letterLeft table tbody td, .mobile .investigationList h5, .mobile .governmentAffairsWrapper span {
		font-size: calc(18px * 1.2);
	}

	.mobile .keyAreasSubList li, .mobile .investigationList span, .mobile .detailFun *, .mobile .ll-views, .mobile .source span, .mobile .source a, .mobile .shareBox span, .mobile .newsListCont span, .mobile div.new_pages a, .mobile .letterWrit label, .mobile .fr-cont span, .mobile .words-list span {
		font-size: calc(14px * 1.2);
	}

	.mobile .newsTabs a, .mobile .newsContTitle a, .mobile .investigationTitle a, .mobile .aside-left h3, .mobile .releaseTime p, .mobile .share a i, .mobile .specialTitle a, .mobile .unscramble-layout h4 a, .mobile .picture-swiper p, .mobile .words-jd h4 a {
		font-size: calc(30px * 1.2);
	}

	.mobile .survey-cont p, .mobile .investment-list .item-right p, .mobile .tabs-left p, .mobile .travel-list a, .mobile .aside-list a, .mobile .crumbsWrapper, .mobile .infoDetailRight article > *, .mobile .releaseTime span, .mobile .asideInfoList > li > span, .mobile .infoListCont p, .mobile .infoListCont span, .mobile .informLetter p, .mobile .letterWrit button, .mobile .formBtn button, .mobile .letterCont tbody a, .mobile .letterCont tbody td, .mobile .letterCont thead th, .mobile .letterQuery h4, .mobile .letterQuery a, .mobile .specialList li p, .mobile .fr-cont h5, .mobile .audio-list a {
		font-size: calc(18px * 1.2);
	}

	.mobile .fr-cont h5 {
		display: block;
		white-space: nowrap;
	}

	.mobile .swiper-title p {
		font-size: calc(18px * 1.2);
		white-space: nowrap;
		display: block;
	}

	.mobile .unscramble-right {
		margin-top: 20px;
	}

	.mobile .survey-cont a, .mobile .investment-list .item-left span, .mobile .tabs-right p, .mobile .newsListCont p, .mobile .asideSubList a, .mobile .solicitationInfo p, .mobile .words-list p {
		font-size: calc(16px * 1.2);
	}

	.mobile .solicitationList li {
		height: auto;
	}

	.mobile .survey-list a, .mobile .newsListCont h4, .mobile .solicitationList h4, .mobile .video-cont p, .mobile .mobileNavList a {
		font-size: calc(20px * 1.2);
	}

	.mobile .investment-right h4 a, .mobile .tz-list a, .mobile .travel-tabs a {
		font-size: calc(24px * 1.2);
	}

	.mobile .newsInfoDetail h1 {
		font-size: calc(36px * 1.2);
	}

}

.bf-black .skin_bg {
	background-color: #000;
}

.bf-black .skin_color {
	color: #ffff00;
}

.bf-black .a_color {
	color: #fff;
}

.bf-black .letter-table tbody tr td, .bf-black .solicitation-list p, .bf-black .solicitation-list .solicitation-info span, .bf-black .letterLeft table tbody td, .bf-black .swiper-tabs .swiper-slide a, .bf-black .letter-table tbody a, .bf-black .open-tabs li.active a, .bf-black .introduction-right > li .more, .bf-black .news-tabs li.on a, .bf-black .newsTabs li.active a, .bf-black .letterLeft table tbody a, .bf-black .footerSubLink a, .bf-black .investment-list .item-left p, .bf-black .investment-list .item-left span, .bf-black .investment-list .item-right p, .bf-black .travel-tabs a, .bf-black .travel-tabs li.active a, .bf-black .travel-cont h4 a, .bf-black .crumbsWrapper a, .bf-black .crumbsWrapper, .bf-black .crumbsWrapper i, .bf-black .aside-list li.active a, .bf-black .asideInfoList > li.active > span, .bf-black .asideSubList li:hover a, .bf-black .asideSubList li.active a, .bf-black .aside-list li:hover a {
	color: #ffff00 !important;
}

.bf-black .investigationList li {
	background-color: #000;
}

.bf-black .investigationList * {
	color: #ffff00;
}

.bf-black .swiper-tabs .swiper-slide, .bf-black .swiper-infoOpen .swiper-slide, .bf-black .introduction-right > li:hover, .bf-black .specialColumnSwiper .swiper-slide {
	background-color: #000;
}

.bf-yellow .skin_bg {
	background-color: #ffff00;
}

.bf-yellow .skin_color {
	color: #000;
}

.bf-yellow .a_color {
	color: blue;
}

.bf-yellow .letter-table tbody tr td, .bf-yellow .solicitation-list p, .bf-yellow .solicitation-list .solicitation-info span, .bf-yellow .letterLeft table tbody td, .bf-yellow .swiper-tabs .swiper-slide a, .bf-yellow .letter-table tbody a, .bf-yellow .open-tabs li.active a, .bf-yellow .introduction-right > li .more, .bf-yellow .news-tabs li.on a, .bf-yellow .newsTabs li.active a, .bf-yellow .letterLeft table tbody a, .bf-yellow .footerSubLink a, .bf-yellow .investment-list .item-left p, .bf-yellow .investment-list .item-left span, .bf-yellow .investment-list .item-right p, .bf-yellow .travel-tabs a, .bf-yellow .travel-tabs li.active a, .bf-yellow .travel-cont h4 a, .bf-yellow .crumbsWrapper a, .bf-yellow .crumbsWrapper, .bf-yellow .crumbsWrapper i, .bf-yellow .aside-list li.active a, .bf-yellow .asideInfoList > li.active > span, .bf-yellow .asideSubList li:hover a, .bf-yellow .asideSubList li.active a, .bf-yellow .aside-list li:hover a {
	color: #000 !important;
}

.bf-yellow .investigationList li {
	background-color: #ffff00;
}

.bf-yellow .investigationList * {
	color: #000;
}

.bf-yellow .swiper-tabs .swiper-slide, .bf-yellow .swiper-infoOpen .swiper-slide, .bf-yellow .introduction-right > li:hover, .bf-yellow .specialColumnSwiper .swiper-slide {
	background-color: #ffff00;
}

.bf-blue .skin_bg {
	background-color: blue;
}

.bf-blue .skin_color {
	color: #ffff00;
}

.bf-blue .a_color {
	color: #fff;
}

.bf-blue .letter-table tbody tr td, .bf-blue .solicitation-list p, .bf-blue .solicitation-list .solicitation-info span, .bf-blue .letterLeft table tbody td, .bf-blue .swiper-tabs .swiper-slide a, .bf-blue .letter-table tbody a, .bf-blue .open-tabs li.active a, .bf-blue .introduction-right > li .more, .bf-blue .news-tabs li.on a, .bf-blue .newsTabs li.active a, .bf-blue .letterLeft table tbody a, .bf-blue .footerSubLink a, .bf-blue .investment-list .item-left p, .bf-blue .investment-list .item-left span, .bf-blue .investment-list .item-right p, .bf-blue .travel-tabs a, .bf-blue .travel-tabs li.active a, .bf-blue .travel-cont h4 a, .bf-blue .crumbsWrapper a, .bf-blue .crumbsWrapper, .bf-blue .crumbsWrapper i, .bf-blue .aside-list li.active a, .bf-blue .asideInfoList > li.active > span, .bf-blue .asideSubList li:hover a, .bf-blue .asideSubList li.active a, .bf-blue .aside-list li:hover a {
	color: #ffff00 !important;
}

.bf-blue .investigationList li {
	background-color: blue;
}

.bf-blue .investigationList * {
	color: #ffff00;
}

.bf-blue .swiper-tabs .swiper-slide, .bf-blue .swiper-infoOpen .swiper-slide, .bf-blue .introduction-right > li:hover, .bf-blue .specialColumnSwiper .swiper-slide {
	background-color: blue;
}