@import url("kefu.css");
@charset "UTF-8";

/*---------------header  topbar----------------*/
@font-face {
	font-family: 'SourceHanSansCN';
	src: url('../fonts/SourceHanSansCN-Regular-Alphabetic.woff2') format('woff2'),
		url('../fonts/SourceHanSansCN-Regular-Alphabetic.woff') format('woff'),
		url('../fonts/SourceHanSansCN-Regular-Alphabetic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SourceHanSansCN-Normal';
	src: url('../SourceHanSansCN-Normal-Alphabetic.woff2') format('woff2'),
		url('../SourceHanSansCN-Normal-Alphabetic.woff') format('woff'),
		url('../SourceHanSansCN-Normal-Alphabetic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'Barlow Condensed';
	src: url('../fonts/BarlowCondensed-Bold.woff2') format('woff2'),
		url('../fonts/BarlowCondensed-Bold.woff') format('woff'),
		url('../fonts/BarlowCondensed-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Bebas Neue';
	src: url('../fonts/BebasNeue.woff2') format('woff2'),
		url('../fonts/BebasNeue.woff') format('woff'),
		url('../fonts/BebasNeue.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

body {
	color: #333;
	line-height: 1.5;
	font-weight: 400;
	font-family: Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: 0.35s;
	-ms-transition: 0.35s;
	transition: 0.35s;
}

.header {
	width: 100%;
	z-index: 99999;
}

.header .topbar {
	padding: 2rem 0;
	color: #fff;
	background: #1f63a8;
	transition: all .5s ease;
	position: relative;
}

.header .topbar .logo {
	float: left;
	width: 390px;
}

.header .topbar .logo a {
	display: flex;
	flex-direction: row;
}

@media screen and (max-width: 1920px) {
	.header .topbar .logo {
		width: calc(390 / 1920 * 100vw);
	}
}

.header .topbar .logo img {
	float: left;
}

@media screen and (max-width: 1280px) {
	.header .topbar .logo img {
		max-height: 7rem;
	}
}

.header .topbar-box {
	margin-right: 0;
	margin-left: 0;
}

@media screen and (min-width: 1025px) {
	.header .topbar-box {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}

	.menu-switch-wrap {
		display: none;
	}
}

@media screen and (max-width: 1025px) {}

.menu-switch-wrap {
	float: right;
	width: 40px;
	margin-top: 1rem;
}


/***********************************************搜索**************************************************/
.header .topbar .search-form .container {
	width: 96%;
	max-width: 1400px;
}

.header .search-form {
	width: 100%;
	box-sizing: border-box;
	margin: 60px 0 20px;
	padding: 0 calc(4rem - 15px);
	opacity: 0;
}

@media screen and (max-width: 768px) {
	.header .search-form {
		margin: 5rem;
	}
}

.header .search-form .search-title {
	display: none;
}


.header .search-form {
	position: fixed;
	z-index: -2000;
	visibility: hidden;
	opacity: 0;
	padding: 0;
	margin: 0;
	top: 16rem;
	left: 0;
	transform: translateY(-10%);
	transition: opacity .3s ease, transform .3s ease
}

.header .search-form .search-inner {
	box-sizing: border-box;
	padding: 0 5rem 5.6rem;
	background-color: #fff
}

.header .search-form .search-title {
	display: -ms-flexbox;
	display: flex;
	height: 10.08rem;
	justify-content: space-between;
	align-items: center;
}

.header .nav-container .row .search-form .search-title {
	display: -ms-flexbox;
	display: flex;
	height: 10.08rem
}

.header .search-form .search-title h4 {
	font-size: 3rem;
	color: #000;
	font-weight: 700;
	margin: 0;
	padding: 0
}

.header .search-form .search-title .close {
	opacity: .25;
	transition: opacity .3s ease
}

.header .search-form .search-title .close:hover {
	opacity: 1
}

.header .search-form .search-title .close,
.header .search-form .search-title .close svg {
	width: 1.7rem;
	height: 1.7rem;
	cursor: pointer;
	position: static;
	font-size: 0
}

.header.show-search .search-form {
	opacity: 1;
	z-index: 2000;
	visibility: visible;
	transform: translateY(0)
}


.search-form .container {
	max-width: 1400px;
}

.header .search-input {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	box-sizing: border-box;
	padding: 1rem 2rem;
	background-color: #f8f8f8;
	border-radius: 4px
}


.header .search-input {
	width: 100%;
	height: 6rem;
	background-color: #fff;
	color: #000;
	padding: 0 0 0 2rem;
	margin: 0;
	border-radius: 0;
	border: 1px solid #000;
	border-radius: 4px;
	overflow: hidden
}


.header .search-input svg {
	width: 2.6rem;
	height: 2.6rem;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}


.header .search-input input {
	display: block;
	width: 100%;
	flex: 1 1 auto;
	font-size: 2.2rem;
	outline: none;
	background-color: transparent;
	border: 0;
	color: currentColor;
	margin-left: .1rem;
	padding: .2em 0
}

@media (min-width:992px) {
	html:not(.is-mobile) .header .search-input input {
		font-size: 1.6rem;
		margin-left: 0
	}
}

.header .search-input button {
	display: none
}


.header .search-input button {
	font-size: 1.6rem;
	display: inline-block;
	border: 0;
	height: 100%;
	border-radius: 0;
	white-space: nowrap;
	padding: 0 2em;
	background: #000;
	color: #fff;
}


@media screen and (max-width:768px) {
	.header .search-input button {
		font-size: 3rem;
	}

	.header .search-input input {
		font-size: 3rem;
	}
}

.search-switch {
	cursor: pointer;
	width: 34px;
	height: 34px;
	color: #fff;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;

}

.search-switch i {
	font-size: 24px;
}

@media screen and (max-width: 1920px) {

	.search-switch i {
		font-size: calc(24 / 1920 * 100vw);
	}
}


@media screen and (max-width: 1920px) {
	.search-switch {
		top: calc(5 / 1920 * 100vw);
	}
}

@media screen and (max-width: 1510px) {

	.language,
	.search-switch {
		margin-left: calc(20 / 1920 * 100vw);
	}

	.search-switch {
		top: calc(5 / 1920 * 100vw);
	}

	.search-switch i {
		font-size: 16px;
	}
}

.header .header-tel {
	float: right;
	display: -ms-flexbox;
	/* IE10 */
	display: -webkit-flex;
	/* Safari 6.1+, Chrome 21.0+ */
	display: flex;
	/* Modern browsers, IE11+ */
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	font-size: 20px;
	width: 137px;
	height: 7.1rem;
	position: relative;
}

@media only screen and (max-width:768px) {
	.header .header-tel {
		width: 110px;
		margin-right: 10px;
	}
}

.header .header-tel span a {
	font-family: arial;
	color: #fff;
}

.header .header-tel .language {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.header .header-tel .language a {
	padding-left: 10px;
}

.header .header-tel .language a:hover {
	color: #a9cff6;
}

.header .header-tel .search-switch i {
	font-size: 30px;
	transition: all .5s ease;
}

.header .header-tel .search-switch i:hover {
	cursor: pointer;
	color: #a9cff6;
}

@media screen and (max-width: 1920px) {
	.header .header-tel {
		font-size: calc(18 / 1920 * 100vw);
		margin-left: calc(70 / 1920 * 100vw);
	}
}

/*hader 导航*/
.nav-container {
	width: 100%;
	z-index: 88888;
	transition: all .5s ease;
	color: #fff;
	box-shadow: 0 5px 8px -1px rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid #222;
}

.nav-container .col-auto {
	width: 100% !important;

}

.header-nav {
	float: left;
	width: 60%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 7.1rem;
	align-items: center;
}

@media (max-width:1024px) {
	.header-nav,
	.menu-switch-wrap .pc-menu {
		display: none;
	}
}

@media (max-width:768px) {
	.menu-switch-wrap {
		width: auto;
	}
}

.header-nav .col-auto {
	width: 100% !important;
}

html:not(.is-mobile) .header .nav-container {
	visibility: visible !important;
	width: 100%;
}

.header .nav-container ul {
	margin: 0;
	padding: 0;

}

.nav-line-animation {
	/*position: relative;*/
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	padding: 0;
	margin-bottom: 0 !important;
}

.nav-line-animation>li {
	position: relative;
	width: auto;
	margin-bottom: 0;
	height: 7.1rem;
}

.nav-line-animation>li>a {
	font-size: 18px;
	position: relative;
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	text-transform: uppercase;
	font-weight: bold;

}

.nav-line-animation>li>a.top {
	line-height: 7.1rem;
}

@media screen and (max-width: 1920px) {
	.nav-line-animation>li>a {
		font-size: 1.8rem
	}
}

.nav-line-animation>li>a::before {
	content: "";
	position: absolute;
	width: auto;
	height: auto;
	top: 5.1rem;
	left: 50%;
	margin-left: -4px;
	z-index: 9999;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	opacity: 0;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	/* 左边框透明 */
	border-right: 4px solid transparent;
	/* 右边框透明 */
	border-bottom: 4px solid #fff;
	/* 底部边框为三角形底边 */
}

.nav-line-animation>li>a::after {
	content: "\e69c";
	color: #fff;
	position: absolute;
	width: 0;
	height: 2px;
	overflow: hidden;
	margin: 0;
	background-color: #fff;
	top: 5.5rem;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.nav-line-animation>li:hover a::after,
.nav-line-animation>li>a.active::after {
	width: 100%;
}

.nav-line-animation>li:hover a::before,
.nav-line-animation>li>a.active::before {
	opacity: 1;
}

.nav-line-animation>li>a:hover,
.nav-line-animation>li>a.active {
	color: #fff;
}

.nav-line-animation>li>a.top {
	padding-left: 15px;
	padding-right: 15px;
}

@media (max-width: 1920px) {
	.nav-line-animation>li>a.top {
		padding-left: calc(16 / 1920 * 100vw);
		padding-right: calc(16 / 1920 * 100vw);
	}
}

.fixedbg {
	position: fixed;
	top: 0;
	margin: 0;
	transition: all .5s ease;
}

.fixedbg .topbar {
	padding: 1rem 0;
	transition: all .5s ease;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
}


.drop-solution {
	position: absolute;
	left: 50%;
	margin-left: -95px;
	width: 190px;
	top: 7rem;
	z-index: -1px;
	transition: all .5s ease;
	background-color: #fff;
	border-radius: 0px;
	overflow: hidden;
	z-index: 99999;
	opacity: 0;
	visibility: hidden;
	box-shadow:
		-5px 0 10px -5px rgba(67, 67, 67, 0.57),
		5px 0 10px -5px rgba(67, 67, 67, 0.57),
		0 6px 12px -4px rgba(67, 67, 67, 0.57);

	/* 可选内边距防止内容贴近阴影 */
}

.drop-solution a {
	display: block;
	color: #333;
	font-size: 16px;
	text-align: center;
	line-height: 2;
	padding: 10px 0;
	transition: all .5s ease;
	border-bottom: #d9d9d9 solid 1px;
}

@media screen and (max-width:1920px) {
	.drop-solution a {
		font-size: calc(16 / 1920 * 100vw);
	}
}

.drop-solution a:hover {
	color: var(--active-color);
}

.drop-solution a:last-child {
	border-bottom: none;
}

.nav-line-animation li:hover .drop-solution {
	opacity: 1;
	z-index: 99999;
	visibility: visible;
	top: 9.1rem;
}

.fixedbg.header .nav-line-animation li:hover .drop-solution {
	top: 8.1rem;
}


/*首页banner*/
.home-banner {
	position: relative;
	height: 66rem;
	width: 100%;
	overflow: hidden;
}

@media (max-width: 1024px) {
	.home-banner {
		height: 46rem;
	}
}

@media (max-width: 768px) {
	.home-banner {
		height: 30rem;
	}
}

.home-banner .swiper-container {
	width: 100%;
	height: 100%;
}

.home-banner .swiper-slide {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
	/* Center slide text vertically */
	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;
	position: relative;
	/*background-color: #000;
	transform: scale(1.5);*/
}

.home-banner .swiper-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	/*transform: scale(1);
	opacity: 0;
	transition: all 0s;*/
}

.home-banner .swiper-slide-active .swiper-img {
	/*transform: scale(1);
	opacity: 1;
	transition: all 4s;*/
}

.home-banner .banner-txt {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .46);
	height: 6rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: #fff;
	border-top: rgba(0, 0, 0, .05) solid 1px;
}

.home-banner .bH {
	height: 30.9rem;
	position: relative;
	width: 100%;
	align-items: start;
}

.home-banner .bfont {
	color: #fff;
	text-align: center;
}

.home-banner .bfont .tit-en {
	transform: translateY(100px);
	opacity: 0;
}

.home-banner .bfont .tit-cn {
	margin-top: -4rem;
	transform: translateY(200px);
	opacity: 0;
}

.home-banner .bfont .tit-info {
	font-size: 2.4rem;
	letter-spacing: 1.9rem;
	transform: translateY(200px);
	opacity: 0;
	padding: 5rem 0;
}

.home-banner .swiper-slide-active .tit-en {
	transform: translateY(0);
	opacity: 1;
	transition: all 2s ease .5s;
}

.home-banner .swiper-slide-active .tit-cn {
	transform: translateY(0);
	opacity: 1;
	transition: all 2s ease .7s;
}

.home-banner .swiper-slide-active .tit-info {
	transform: translateY(0);
	opacity: 1;
	transition: all 2s ease .7s;
}

.home-banner .container {
	max-width: 1600px;
	position: relative;
}

.home-banner .swiper-button-next,
.home-banner .swiper-button-prev {
	background: none;
	width: 7rem;
	height: 7rem;
	line-height: 7rem;
	opacity: 1;
	margin: 0;
	text-align: center;
	border-radius: 100%;
	background: #000;
}

.home-banner .swiper-button-next i,
.home-banner .swiper-button-prev i {
	color: #fff;
	font-size: 30px;
	opacity: 0.9;
}

.home-banner .swiper-button-prev {
	left: 4.5%;
}

.home-banner .swiper-button-next {
	right: 4.5%;
}

.home-banner .swiper-button-next:hover i,
.home-banner .swiper-button-prev:hover i {
	color: #135a9a;
	opacity: 1;
}

@media (max-width: 768px) {
	.home-banner .swiper-button-prev {
		left: 1.5%;
	}

	.home-banner .swiper-button-next {
		right: 1.5%;
	}

	.home-banner .swiper-button-next,
	.home-banner .swiper-button-prev {
		width: 5rem;
		height: 5rem;
		line-height: 5rem;
	}

	.home-banner .swiper-button-next i,
	.home-banner .swiper-button-prev i {
		font-size: 3rem;
	}
}

@keyframes scroll {
	0% {
		bottom: 5px;
	}

	50% {
		bottom: 20px;
	}

	100% {
		bottom: 5px;
	}
}


/*产品展示*/
.news-wrap {
	padding: 55px 0
}

.main-tit {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
}

.main-tit .mores {
	border: #838383 solid 2px;
	padding: 0 2px;
	font-size: 16px;
	line-height: 1.3;
}
.main-tit .mores:hover{
	border: #1f63a8 solid 2px;
}
.main-tit-cn {
	font-size: 30px;
	padding: 10px 0;
	line-height: 1.2;
	color: #282320;
}

@media screen and (max-width: 1920px) {
	.main-tit {
		margin-bottom: calc(35 / 1920 * 100vw)
	}

	.news-wrap {
		padding: calc(55 / 1920 * 100vw) 0;
	}

	.main-tit-cn {
		font-size: calc(30 / 1920 * 100vw);
		padding: calc(10 / 1920 * 100vw) 0;
	}
}

@media screen and (max-width: 1440px) {
	.main-tit {
		margin-bottom: calc(40 / 1440 * 100vw)
	}
}

@media screen and (max-width: 992px) {
	.main-tit {
		margin-bottom: 3rem
	}

	.news-wrap {
		padding: 5rem 0;
	}

	.main-tit-cn {
		font-size: 3.2rem;
		padding: 1rem 0;
	}
}

.news-wrap .news-box .row {
	margin-left: -25px;
	margin-right: -25px;
}

.news-wrap .news-box .row .item-row {
	padding-left: 25px;
	padding-right: 25px;
}

@media screen and (max-width: 1920px) {
	.news-wrap .news-box .row {
		margin-left: calc(-25 / 1920 * 100vw);
		margin-right: calc(-25 / 1920 * 100vw);
	}

	.news-wrap .news-box .row .item-row {
		padding-left: calc(25 / 1920 * 100vw);
		padding-right: calc(25/ 1920 * 100vw);
	}
}

.news-rec-a {
	width: 100%;
	overflow: hidden;
	transition: all .5s ease;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.news-rec-a .pic {
	width: 44.4%;
}

@media only screen and (max-width: 768px) {}

.news-rec-a .images {
	padding-bottom: 62.5%;
}

.news-info-rec {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.news-info-rec .date {
	font-family: arial;
	color: #666666;
	font-size: 14px;
	line-height: 1.8;
}

.news-info-rec .tit {
	margin-top: 6px;
	margin-bottom: 10px;
	line-height: 1.5;
}

.news-info-rec span.mores {
	border: #1f63a8 solid 1px;
	color: #1f63a8;
	padding: 5px 5px;
	font-size: 14px;
	max-width: 100px;
	text-align: center;
}

.news-rec-a :hover span.mores {
	background: #1f63a8;
	color: #fff;
}

@media screen and (max-width: 992px) {
	.news-rec-a .pic {
		width: 30%;
	}

	.news-info-rec {
		width: 64.5%;
	}
}

@media screen and (max-width: 640px) {
	.news-rec-a .pic {
		width: 100%;
	}

	.news-info-rec {
		width: 100%;
		padding-left: 10px;
	}

	.news-info-rec .tit {
		font-size: 14px;
		margin-top: 0;
	}

}

.center-news-list {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
	margin-top: 2.8rem;
}

.center-news-list li {
	border: #d9d9d9 solid 1px;
	margin-bottom: 1rem
}

.center-news-list li a {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 1.75rem 1rem;
}

.center-news-list li a span.tit {
	width: 70%;
	display: block;
}

.center-news-list li a span:nth-child(2) {
	color: #666666;
	font-size: 14px;
}

/*通知公告*/
.news-list-tzgg {
	margin: 0 auto;
}

.news-list-tzgg .list-item {
	padding-bottom: 1.2rem;
	margin-bottom: 1.8rem;
	border-bottom: #d9d9d9 solid 1px;
}
@media(max-width:1280px) {
	.news-list-tzgg .list-item {
		margin-bottom: 1.34rem;
	}
}
@media(max-width:1025px) {
	.news-list-tzgg .list-item {
		margin-bottom: 1.64rem;
	}
}
.news-list-tzgg .list-item a {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.news-list-tzgg .list-item a .date {
	width: 9.3rem;
	color: #aaaaaa;
	font-family: arial;
	transition: all .5s ease;
}

.news-list-tzgg .list-item a .date-year {
	line-height: 1;
}

.news-list-tzgg .list-item a .date-day {
	font-size: 14px;
}

.news-list-tzgg .list-item a .info {
	width: 79%;
}

@media(max-width:1024px) {
	.news-list-tzgg .list-item a .info {
		width: calc(100% - 100px)
	}

}

@media(max-width:992px) {
	.tzgg-box {
		margin-top: 3rem;
	}
}

.news-list-tzgg .list-item a h3 {
	color: var(--txt-color);
	margin-bottom: 3px;
	line-height: 2;
	transition: all .5s ease;
}

.news-list-tzgg .list-item a p {
	color: #888888;
}

.news-list-tzgg .list-item a:hover h3,
.news-list-tzgg .list-item a:hover .date {
	color: #1f63a8;
	transition: all .5s ease;
}

@media(max-width:768px) {
	.news-list-tzgg .list-item a {
		justify-content: flex-start;
	}

	.news-list-tzgg .list-item a .info {
		width: 83%;
	}

	.news-list-tzgg .list-item a .more {
		display: none;
	}

	.news-list-tzgg .list-item a .info .more2 {
		display: block
	}
}

@media(max-width:640px) {
	.news-list-tzgg .list-item a .date {
		width: 11rem;
	}

	.news-list-tzgg .list-item a .info {
		width: calc(100% - 15rem);
	}
}

/*亮点成果*/
.news-list-ldcg {
	border-bottom: #d9d9d9 solid 1px;
}

.news-list-ldcg a {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.news-list-ldcg a h3 {
	margin-bottom: 1.3rem;
	padding-bottom: 1.34rem;
	width: 73%;
}

.news-list-ldcg a h3 i {
	color: #1f63a8;
}

.news-list-ldcg a span {
	font-size: 14px;
	font-family: arial;
}
@media(max-width:1280px) {
	.news-list-ldcg a h3 {
		margin-bottom: 1.05rem;
	}
}
@media(max-width:1025px) {
	.news-list-ldcg a h3 {
		margin-bottom: 1.1rem;
	}
}
@media(max-width:992px) {
	.ldcg-box {
		margin-top: 3rem;
	}
}

/***************************************************************合作伙伴**********************************************/
.home-partner-wrap {
	border-top: #d8d8d8 solid 1px;
	background: #f4f4f4;
	padding: 6.5rem 0;
}

@media(max-width:1920px) {
	.home-partner-wrap {
		padding: calc(65 / 1920 * 100vw) 0;
	}
}

@media(max-width:992px) {
	.home-partner-wrap {
		padding: 4rem 0;
	}
}

.home-partner {
	width: 80%;
	float: left;
}

@media(max-width:750px) {
	.home-partner {
		width: 100%;
		float: left;
	}
}

.home-partner .swiper-slide {
	position: relative;
}

.home-partner .swiper-slide a {
	position: relative;
	display: block;
	width: 100%;
	z-index: 8888;
	background: #f5f5f5;
	overflow: hidden;
	transition: all .5s ease;
	padding: 0;
}

.home-partner .swiper-slide a .images {
	padding-bottom: 41.1%;
}

.flink {
	width: 18%;
	float: right;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

@media(max-width:750px) {
	.flink {
		width: 100%;
		float: left;
		margin-top: 3rem;
		flex-direction: row;
	}
}

.flink .item {
	height: 48%;
}

.flink .item:first-child {
	border-bottom: #fff solid 1px;
}

.flink .item a {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background: #1f63a8;
	color: #fff;
	height: 100%;
	padding: 1.2rem 0;
}

.flink .item a:hover {
	background: #428bd5;
}

.flink .item a i {
	font-size: 3rem;
}

.flink .item a span {
	padding-left: 5rem;
	font-weight: bold;
}

@media only screen and (max-width:1024px) {
	.flink .item a span {
		padding-left: 2rem;
		font-weight: normal;
		font-size: 1.8rem;
	}

	.flink .item a {
		padding: 0px 0;
	}

}

@media(max-width:750px) {
	.flink .item {
		width: 49%;
	}

	.flink .item a {
		padding: 10px 0;
	}

	.flink .item a span {

		font-size: 2.8rem;
	}
}

/**********************************************************footer*************************************************/
.footer,
.copyright {
	color: #fff;
	background: #585858;
}

.footer a {
	color: #fff;
	transition: all 0.2s;
}

.footer a:hover {
	color: var(--active-color)
}


.copyright-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 1.8rem 0;
	align-items: center;
}

@media only screen and (max-width:1024px) {
	.copyright-content {
		flex-direction: column;
	}
}

.copyright-content .copyright-left {
	text-align: left;
	width: 50%;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.copyright-content .copyright-left .logo-ft {
	max-height: 24px;
}

.copyright-content .copyright-right {
	text-align: right;
	width: 50%;
	font-size: 14px;
}

@media only screen and (max-width:1024px) {

	.copyright-content .copyright-right,
	.copyright-content .copyright-left {
		width: 100%;
		justify-content: center;
		text-align: center;
	}
}

.footH {
	height: 50px;
	display: none;
}

.footFix {
	background: #272d33;
	padding: 10px 0;
	display: none;
	justify-content: space-between;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	color: #fff;
}

.footFix>a {
	display: inline-block;
	width: 33%;
	font-size: 1.6rem color: #ffffff !important;
}

.footFix>a>i.iconfont {
	font-size: 20px;
	margin-right: 5px;
	color: #fff;
}

.foot-space {
	padding-left: 15px;
	padding-right: 15px;
}

/*******************************内页************************************/
.sub-banner {
	width: 100%;
	height: 45rem;
	position: relative;
	overflow: hidden;
}

@media only screen and (max-width: 992px) {
	.sub-banner {
		height: 30rem;
	}
}

.sub-banner>img {
	position: relative;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: 0;
}

.ibbg {
	-webkit-animation: pagebgfd 6s linear infinite alternate;
	animation: pagebgfd 6s linear infinite alternate;
}

@-webkit-keyframes pagebgfd {
	0% {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}
}

@keyframes pagebgfd {
	0% {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}
}

.sub-navout-wrap {
	padding: 2rem 0;
}

.root-in .container {
	max-width: 1600px;
}

.sub-navout-wrap .sub-navout {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.sub-navout-wrap .sub-navout .sub-navout-list {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 60%;
}

@media screen and (max-width: 992px) {
	.sub-navout-wrap .sub-navout .sub-navout-list {
		width: 100%;
	}
}

.sub-navout-wrap .sub-navout .sub-navout-list a {
	display: inline-block;
	background: #f5f5f5;
	text-align: center;
	padding: 1rem 4rem;
	margin: 0px 2px 0 0;
	transition: all 1s ease 0s;
	font-size: 2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media screen and (max-width: 992px) {
	.sub-navout-wrap .sub-navout .sub-navout-list a {
		font-size: 16px;
	}
}

@media screen and (max-width: 768px) {
	.sub-navout-wrap .sub-navout .sub-navout-list a {
		padding: 1rem 15px;
	}
}

@media screen and (max-width: 768px) {
	.sub-navout-wrap .sub-navout .sub-navout-list a {
		padding: 1rem 5px;
		width: 25%;
	}
}

.sub-navout-wrap .sub-navout .sub-navout-list a:hover,
.sub-navout-wrap .sub-navout .sub-navout-list a.on {
	margin-top: 0;
	background: var(--active-color);
	color: #fff;
}

.sub-navout-place {
	width: 40%;
	text-align: right;
	font-size: 14px;
	color: #666666;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.sub-navout-place a {
	color: #666666;
}

.sub-navout-place a:hover {
	color: var(--active-color);
}

.sub-navout-place i {
	margin-right: 5px;
	font-size: 2.2rem;
}

@media screen and (max-width: 992px) {
	.sub-navout-wrap .sub-navout-place {
		display: none;
	}

	.sub-navout-place {
		width: 100%;
		text-align: left;
		position: absolute;
		bottom: 1px;
		color: #fff;
		left: 0;
		background: rgba(0,0,0,.3);
	}

	.sub-navout-place a {
		color: #fff;
	}

	.sub-navout-place i {
		font-size: 18px;
		top: 2px;
		position: relative;
	}
}

.breadcrumb-zls {
	max-width: var(--container);
	margin: 0 auto;
	font-size: 1.6rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-bottom: #ededed solid 1px;
}

.breadcrumb-nav a {
	width: 15rem;
	text-align: center;
	padding: 1.3rem 0;
	display: block;
	float: left;
}

.breadcrumb-nav a.on,
.breadcrumb-nav a:hover {
	color: #fff;
	background: var(--active-color);
}

.breadcrumb-pathway {
	color: var(--txt-color666);
	font-size: 1.4px;
}

.breadcrumb-pathway a {
	color: var(--txt-color666);
}

.breadcrumb-nav .drop {
	display: none;
}

.txt-content {
	font-size: 1.6rem;
	line-height: 1.8;
}

.txt-content p {
	margin-bottom: 0;
}

.pt1rem {
	padding-top: 1rem;
}

.pt2rem {
	padding-top: 2rem;
}

.pt3rem {
	padding-top: 3rem;
}

.pt4rem {
	padding-top: 4rem;
}

.pt5rem {
	padding-top: 5rem;
}

.pt7rem {
	padding-top: 7rem;
}

.pt75rem {
	padding-top: 7.5rem;
}

.pb5rem {
	padding-bottom: 5rem;
}

.pb3rem {
	padding-bottom: 3rem;
}

@media(max-width:1024px) {
	.breadcrumb-pathway {
		display: none;
	}
}

@media(max-width:768px) {
	.breadcrumb-zls {}

	.breadcrumb-nav {
		width: 140%;
	}

	.breadcrumb-nav a {
		width: 25%;
	}

	.more-list .breadcrumb-nav {
		width: 100%;
		position: relative;
	}

	.more-list .breadcrumb-nav .drop {
		display: flex;
		color: #fff;
		background: var(--active-color);
		height: 7rem;
		line-height: 7rem;
		width: auto;
		width: 24rem;
		padding: 0 3rem;
		text-align: center;
		flex-direction: row;
		justify-content: space-between;
		cursor: pointer;
	}

	.more-list .list {
		width: 100%;
		position: absolute;
		display: none;
		background: var(--active-color);
		border-bottom: #ededed solid 1px;
		color: #fff;

	}

	.more-list .list a {
		color: #fff;
	}

	.more-list .show {
		display: block;
	}

	.more-list .breadcrumb-nav a {
		width: 50%;
	}
}

/*******************************************************内页左侧导航栏*********************************************************/
.sub-main {
	padding: 20px 0;
}

.sub-main-left {
	width: 230px;
	float: left;
}

@media(max-width:1920px) {
	.sub-main-left {
		width: calc(230 / 1920 * 100vw);
	}
}

@media(max-width:998px) {
	.sub-main-left {
		width: 100%;
	}

}

.sub-main-menu {
	width: 100%
}

.sub-main-menu .now-lm {
	text-align: center;
	height: 8rem;
	background: #1f63a8;
	padding: 0 10px;
	color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.sub-main-menu .lm-a>a,
.sub-main-menu .lm-a a.a {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background: #f4f4f4;
	padding: .9rem 2.5rem;
	line-height: 1.5;
	color: #333333;
	position: relative;
	border-top: 2px solid #fff;

}

.sub-main-menu .lm-a>a span,
.sub-main-menu .lm-a a.a span {
	width: 80%;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.sub-main-menu .lm-a>a:hover,
.sub-main-menu .lm-a>a.on,
.sub-main-menu .lm-a a.a:hover,
.sub-main-menu .lm-a a.on {
	background: #dcebfa;
	color: #104190;
}

.sub-main-menu .lm-a>a i,
.sub-main-menu .lm-a .a i {
	color: #8a8a8a;
}

.sub-main-menu .small-drop {
	padding: 1rem 0;
}

.sub-main-menu .small-drop a {
	padding: .6rem 0;
	padding-left: 40px;
	display: block;
	clear: both;
	line-height: 1.5;
}

.sub-main-menu .small-drop a.active {
	color: #104190;
}

.sub-main-right {
	width: 78.75%;
	float: right;
}

@media(max-width:998px) {
	.sub-main-right {
		width: 100%;
		float: right;
	}

	.sub-main-menu {
		display: none;
	}

	.sub-main-menu-reservat {
		display: block;
	}
}

.sub-main-mbx {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-bottom: #1f63a8 solid 2px;
	padding: 2.3rem 0;
}

.menu-local {
	font-size: 14px;
	color: #666666;
}

@media screen and (max-width: 992px) {
	.menu-local {
		display: none;
	}
}

.menu-local a {
	color: #666;
}

/*******************************************************内页右侧中心要闻列表*********************************************************/
.mt45 {
	margin-top: 47px !important;
}

@media screen and (max-width: 1920px) {
	.mt45 {
		margin-top: calc(47 / 1920 * 100vw) !important;
	}
}

.news-list1 {
	min-height: 30vh;
}

.news-list1 a {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border: #d9d9d9 solid 1px;
	padding: 18px 25px;
	margin-bottom: 10px;
}

.news-list1 a h3 {
	width: 73%;
}

.news-list1 a span {
	font-size: 14px;
	font-family: arial;
}

.news-list1 a:hover {
	color: #1f63a8;
	border: #1f63a8 solid 1px!important;

}

.news-list1 a:hover h3,
.news-list1 a:hover span {
	color: #1f63a8!important;
	font-weight: bold;
}

/*******************************************************内页右侧中下载专区*********************************************************/
.download {
	min-height: 30vh;
}

.download a {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border: #d9d9d9 solid 1px;
	padding: 18px 25px;
	margin-bottom: 10px;
}

@media screen and (max-width: 1920px) {
	.download a {
		padding: calc(18 / 1920 * 100vw) calc(25 / 1920 * 100vw);
	}

}

@media screen and (max-width: 992px) {
	.download a {
		padding: 2rem;
	}

}

.download a .download-left {
	width: 80%;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.download a .download-left span {
	font-size: 14px;
	color: #666666;
	font-family: arial;
	margin-right: 40px;
}

@media screen and (max-width: 992px) {
	.download a .download-left span {
		margin-right: 2rem;
	}

}

.download a .download-left h3 {
	width: 73%;
}

@media screen and (max-width: 768px) {
	.download a .download-left h3 {
		width: 63%;
	}

}

.download span.btn-down {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.download span.btn-down i {
	font-size: 14px;
	margin-right: 10px;
}

@media screen and (max-width: 768px) {
	.download span.btn-down {
	min-width: 80px;
}
	.download span.btn-down i {
		margin-right: 2px;
	}

}

.download a:hover {
	border: #1f63a8 solid 1px;
}

.download a:hover h3 {
	color: #333;
}

.download a:hover span.btn-down {
	color: #1f63a8;
}

/*******************************************************内页右侧中研究平台*********************************************************/
.platfrom {
	min-height: 40vh;
}

.platfrom .row {
	margin: 0 -10px;
	clear: both;
}

.platfrom .row-space-in {
	padding: 0 10px;
}


.platfrom .row-space-in {
	margin-bottom: 15px;
	transition: all 0.8s;

}

@media screen and (max-width: 1920px) {
	.platfrom .row-space-in {
		margin-bottom: calc(15 / 1920 * 100vw);
	}
}

.platfrom .images {
	padding-bottom: 61.11%;
}

@media screen and (max-width:1920px) {
	.platfrom .row {
		margin: 0 calc(-10 / 1920 * 100vw);
	}

	.platfrom .row-space-in {
		padding: 0 calc(10 / 1920 * 100vw);
	}
}

.platfrom h3 {
	margin: 10px 0;
	line-height: 1.8;
	height: 5.6rem;
}
@media screen and (max-width: 992px) {
	.platfrom h3 {
		line-height: 1.5;
		height: 6rem;
	}
}
/*******************************************************内页右侧人才招聘*********************************************************/
.news-talent {
	min-height: 50vh;
}

.news-talent a {
	padding-left: 0;
	padding-right: 0;
	border-left: none;
	border-right: none;
	border-top: none;
}

.news-talent a:hover {
	border-left: none!important;
	border-right: none!important;;
	border-top: none!important;;
}

/************************************************************科学研究**********************************************************/
.research-info {
	padding-top: 2rem;
	min-height: 50vh;
}

.research-info .content {
	margin-bottom: 2rem;
}

.renyuan h1 {
	font-weight: bold;
	padding: 3.5rem 0;
	color: #1f63a8;
}

.renyuan {
	border-top: #ececec solid 1px;
}

.renyuan-list {
	line-height: 2;
}

.renyuan-list .row {
	margin-left: -10px;
	margin-right: -10px;
}

.renyuan-list .row-space-in {
	padding-left: 10px;
	padding-right: 10px;
	text-justify: inter-character;
}

@media screen and (max-width:1920px) {
	.renyuan-list .row {
		margin-left: calc(-10 / 1920 * 100vw);
		margin-right: calc(-10 / 1920 * 100vw);
	}

	.renyuan-list .row-space-in {
		padding-left: calc(10 / 1920 * 100vw);
		padding-right: calc(10 / 1920 * 100vw);
	}
}


.renyuan-list .row-space-in .name {
	display: inline-block;
	/*width: 3em;*/
	/* 设置为最长名字的宽度 */
	text-align: justify;
	text-align-last: justify;
}

/* 对于2个字的名字，添加空格实现对齐 */
.renyuan-list .row-space-in .name:contains("两字")::after {
	content: "\00a0";
	/* 添加空格 */
}

/*************************************************************研究队伍********************************************************************/
.team {
	min-height: 40vh;
}

.team .row {
	margin: 0 -25px;
	clear: both;
}

.team .row-space-in {
	padding: 0 25px;
}

.team .row-space-in {
	margin-bottom: 50px;
	transition: all 0.8s;
	border-bottom: #ececec solid 1px;
}

@media screen and (max-width: 1920px) {
	.team .row {
		margin: 0 calc(-25 / 1920 * 100vw);
		clear: both;
	}

	.team .row-space-in {
		padding: 0 calc(25 / 1920 * 100vw);
	}

	.team .row-space-in {
		margin-bottom: calc(50 / 1920 * 100vw);
	}
}

.team .images {
	padding-bottom: 130%;

}

.team h3 {
	margin: 10px 0;
	margin-bottom: 40px;
	line-height: 1.8;
	text-align: center;
}

@media screen and (max-width: 1920px) {
	margin-bottom: calc(40 / 1920 * 100vw);
}

@media (min-width: 992px) {
	.col-md-five {
		width: 20%;
	}

}

@media (max-width: 992px) {

	.team h3 {
		margin-bottom: 2rem;
	}
}

/*************************************************************中心领导********************************************************************/
.leader {
	min-height: 40vh;
}

.leader .row {
	margin: 0 -25px;
	clear: both;
	border-bottom: #f5f5f5 solid 1px;
	margin-bottom: 35px;
}

.leader h2 {
	color: #1f63a8;
	font-weight: bold;
	margin-bottom: 2.3rem;
}

@media screen and (max-width: 992px) {
	.leader h2 {
		margin: 3rem 0;
	}
}

.leader .row-space-in {
	padding: 0 25px;
}

.leader .row-space-in {
	transition: all 0.8s;
}

@media screen and (max-width: 1920px) {
	.leader .row {
		margin: 0 calc(-25 / 1920 * 100vw);
		clear: both;
		margin-bottom: calc(35 / 1920 * 100vw);
	}

	.leader .row-space-in {
		padding: 0 calc(25 / 1920 * 100vw);
	}

}

.leader .images {
	padding-bottom: 130%;

}

.leader h3 {
	margin: 10px 0;
	margin-bottom: 20px;
	line-height: 1.8;
	text-align: center;
}

@media screen and (max-width: 1920px) {
	.leader h3 {
		margin-bottom: calc(20 / 1920 * 100vw);
	}
}

@media screen and (max-width: 992px) {
	.leader h3 {
		margin-bottom: 2rem;
	}
}

.leader-subinfo {
	text-align: center;
	margin: 3rem auto;
	width: 100%;
}

.leader-subinfo h2 {
	padding: 20px 0 10px 0;
}
@media only screen and (min-width: 768px) {
	.leader-subinfo .pic{
		width: 50%;
		margin: 0 auto;
	}
	.leader-subinfo .pic img{
		max-width: 300px;
	}
}
@media only screen and (max-width: 768px) {
	.leader-subinfo .pic img{
		max-width: 200px;
	}
}
/*************************************************************联系我们********************************************************************/
.contactinfo {
	min-height: 40vh;
}

.contactinfo .row-space-in {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 3rem;
}

.contactinfo .icon {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background: #dcebfa;
	color: #1f63a8;
}

.contactinfo .icon i {
	font-size: 50px;
}

@media screen and (max-width: 1920px) {
	.contactinfo .icon {
		width: calc(120 / 1920 * 100vw);
		height: calc(120 / 1920 * 100vw);
	}

	.contactinfo .icon i {
		font-size: calc(50 / 1920 * 100vw);
	}
}

@media screen and (max-width: 992px) {
	.contactinfo .icon {
		width: 8rem;
		height: 8rem
	}

	.contactinfo .icon i {
		font-size: 5rem;
	}
}

.contactinfo .contactinfo-item-info p {
	padding: 3rem 0;
	position: relative;
	margin-bottom: 5rem;
}

.contactinfo .contactinfo-item-info p::after {
	content: "";
	position: absolute;
	text-align: center;
	border-bottom: #adadad solid 2px;
	width: 10px;
	left: 50%;
	bottom: 0;
	margin-left: -5px;
}

.contactinfo .contactinfo-item-info .add {
	font-weight: bold;
	padding-top: 1rem;
}

.contactinfo .contactinfo-item-info .num {
	font-family: 'Bebas Neue';
}

/************************************************文章详情*********************************************/
.news-detail {
	overflow: hidden;
	margin: 0 auto;
}

.news-detail-left {
	width: 100%;
	float: left;
}

.news-detail h1.tit {
	line-height: 1.5;
	font-size: 2.4rem;
	margin-top: 4rem;
}

.news-detail .info {
	padding: 1rem 0 1rem 0;
	color: var(--txt-color666);
	font-size: 16px;
}

.news-detail .info span.space {
	padding-left: 5rem;
}

.news-detail .content {
	line-height: 1.8;
	padding: 2.5rem 0;
	color: #333;
	font-size: 18px;
	min-height: calc(100vh - 660px);
}
.research-info .content {
	min-height: auto;
}

@media screen and (max-width:1920px) {
	.news-detail h1.tit {
		font-size: calc(24 / 1920 * 100vw);
	}

	.news-detail .info {
		padding: 1rem 0 calc(15 / 1920 * 100vw) 0;
		font-size: calc(16 / 1920 * 100vw);
	}

	.news-detail .content {
		padding: calc(25 / 1920 * 100vw) 0;
		color: #333;
		font-size: calc(18 / 1920 * 100vw);
	}
}

@media screen and (max-width:1500px) {
	.news-detail .info {
		font-size: font-size:14px;
	}

	.news-detail .content {
		font-size: 14px;
	}
}

@media screen and (max-width:992px) {

	.news-detail h1.tit {
		font-size: 3rem;
	}

	.news-detail .info {
		padding: 3rem 0 calc(30 / 1920 * 100vw) 0;
		font-size: 14px;
	}

	.news-detail .content {
		font-size: 16px;
		padding: 3rem 0;
	}

}

.news-detail .content a {
	color: #333;
}

.news-detail .content a:hover {
	color: var(--active-color);
}

.news-detail .content table {
	/*border: #bbcfda solid 1px;*/
	border-right: none;
	border-bottom: none;
	/*border-top: var(--active-color) solid 2px;*/
}

.news-detail .content table td,
.news-detail .content table th {
	/*border: #bbcfda solid 1px;*/
	border-left: none;
	border-top: none;
	padding: .4rem 1rem;
}

.news-detail .content table th,
.news-detail .content table tr:first-child td {
	/*font-size: 18px;
	background: #c5e4f6;
	color: var(--txt-color);*/
}

.news-detail .content p.li {
	display: flex;
	flex-direction: row;
}

.pl9rem {
	padding-left: 9rem;
}

.pl4rem {
	padding-left: 4rem;
}

.news-detail .fee-standards .content {
	padding-top: 2rem;
}

.news-detail .fee-standards .content table td.th span {
	display: block;
	clear: both;
	width: 100%;
	line-height: 1.3;
}

.news-detail-prev-next {
	border-top: #d8dada solid 1px;
	padding: 2rem 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.news-detail-prev-next .news-detail-prev,
.news-detail-prev-next .news-detail-next {
	width: 100%;
	position: relative;
	line-height: 2;
}

.news-detail-prev-next .news-detail-prev a,
.news-detail-prev-next .news-detail-next a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0rem 0rem;
}

.news-detail-prev-next .news-detail-prev a:after,
.news-detail-prev-next .news-detail-next a:after {
	position: absolute;
	content: "";
	width: 0;
	height: 3px;
	background: var(--active-color);
	opacity: 0;
	color: #fff;
	bottom: 0;
	left: 0;
	transition: all 0.8s;
}

.news-detail-prev-next .news-detail-prev:hover a:after,
.news-detail-prev-next .news-detail-next:hover a:after {
	width: 100%;
	opacity: 1;
	display: none;

}

.news-detail-prev-next .news-detail-prev:hover i,
.news-detail-prev-next .news-detail-next:hover i {
	color: var(--active-color);
}

.news-detail-prev-next i {
	font-size: 3rem;
	position: absolute;
	right: calc(32 / 1920 * 100vw);
	top: 30%;
	display: none;
}

@media screen and (max-width:992px) {
	.news-detail-prev-next {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	.news-detail-prev-next .news-detail-prev,
	.news-detail-prev-next .news-detail-next {
		width: 100%;
		margin: 5px 0;
	}
}

@media (max-width:768px) {

	.news-detail-prev-next .prev-next {
		width: 100%;
	}

	.news-detail .content table th,
	.news-detail .content table tr:first-child td {
		font-size: 15px;
	}

	.news-detail h1.tit {
		line-height: 1.4;
	}

	.news-detail .content table {
		margin-bottom: 1rem
	}

	.news-detail-prev-next .news-detail-prev a,
	.news-detail-prev-next .news-detail-next a {
		padding: 0 0;
	}
}

/**************************************************************登录页面*****************************************************************/
.login-wrap {
	background: #f1f4f7 url(../images/login-bg.jpg) no-repeat right top;
	height: calc(100vh - 17.7rem);
	min-height: 560px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@media (max-width:992px) {
	.login-wrap {
		height: calc(100vh - 30rem);
		min-height: inherit;
	}
}

.logo-form {
	margin-bottom: 2.7rem;
}

.logo-form img {
	margin-bottom: 5.4rem;
}

.login-box .layui-form {
	width: 430px;
	background: #fff;
	margin: 0 auto;
	border-radius: 5px;
	padding: 35px;
}

@media (max-width:992px) {
	.login-box .layui-form {
		width: 90%;
		background: #fff;
		margin: 0 auto;
		border-radius: 5px;
		padding: 2rem;
	}
}

.login-box .layui-form .layui-input-block,
.login-box .layui-btn {
	margin-left: 0;
	background: #f9f9fa;
	border-radius: 30px;
	overflow: hidden;
}

.login-box .layui-form .layui-input,
.login-box .layui-form .layui-textarea,
.login-box .layui-btn {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	font-size: 20px;
	height: 6rem;
	line-height: 6rem;
	padding-left: 3rem;
}

@media (max-width:768px) {

	.login-box .layui-form .layui-input-block,
	.login-box .layui-btn {
		border-radius: 8rem;
	}

	.login-box .layui-form .layui-input,
	.login-box .layui-form .layui-textarea,
	.login-box .layui-btn {
		font-size: 16px;
		height: 8rem;
		line-height: 8rem;
		padding-left: 3rem;
	}
}

.login-box .layui-btn {
	background: #3788d8;
	color: #fff;
	width: 100%;
	padding-left: 0;

}

.login-box .btn-wrap {
	margin-top: 5rem;
}

.login-box input[type="password"] {
	width: 120%;
}

/*******************************************************预约*********************************************************/
.reservat-wrap .sub-main-mbx {
	margin-top: 40px;
}

@media screen and (max-width:1920px) {
	.reservat-wrap .sub-main-mbx {
		margin-top: calc(40 / 1920 * 100vw);
	}
}

.reservat-box {
	padding-top: 35px;
	padding-bottom: 80px;
}

@media screen and (max-width:1920px) {
	.reservat-box {
		padding-top: calc(35 / 1920 * 100vw);
		padding-bottom: calc(80 / 1920 * 100vw);
	}
}

.reservat-box .sub-main-menu-reservat .now-lm {
	background: #3788d8;
	height: 4.5rem;
	border-radius: 5px;
	margin-bottom: 20px;
	margin-top: 80px;
}

@media screen and (max-width:1920px) {
	.reservat-box .sub-main-menu-reservat .now-lm {
		margin-top: calc(80 / 1920 * 100vw);
	}
}

@media screen and (max-width:992px) {
	.reservat-box .sub-main-menu-reservat .now-lm {
		height: 7rem;
		margin-bottom: 1rem;
	}
}

#calendar-container {
	height: 750px;
}

.fc-header-toolbar {
	/*
    the calendar will be butting up against the edges,
    but let's scoot in the header's buttons
    */
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 690px;
	}

	.modal-content {
		box-shadow: none;
		border: none;
		border-radius: 28px;
	}
}

.modal-open .modal {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.modal-body {
	padding: 15px 45px;
	color: #444444;
}

.modal-item-label {
	width: 115px;
}

.modal-item-attr {
	width: calc(100% - 115px);
}

.modal-body .modal-item {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 30px;
}

.modal-body .modal-item:last-child {
	margin-bottom: 0;
}

.modal-body .modal-item input {
	border: #dcdcdc solid 1px;
	border-radius: 5px;
	padding: 1.6rem 2rem;
	width: 100%;
}

.modal .modal-header {
	border-bottom: none;
}

.modal .modal-footer {
	border-top: none;
}

.modal .modal-footer {
	display: flex;
	flex-direction: row;
	justify-content: center;

}

.modal .modal-footer button {
	width: 240px;
	margin: 20px auto 40px auto;
	line-height: 60px;
	border-radius: 60px;
	background: #3788d8;
	word-spacing: 5px;
	color: #fff;
}

@media (max-width:768px) {
	.modal .modal-footer button {
		width: 80%;
		margin: 2rem auto 4rem auto;
		line-height: 8rem;
		border-radius: 8rem;
		background: #3788d8;
		word-spacing: 2px;
		color: #fff;
	}
}

.custom-more-link {

	font-size: 12px;
	color: #fff;
	cursor: pointer;
	z-index: 2;
}

.custom-more-link:hover {
	color: #fff;
}

.fc-event-title-container .fc-event-title {}

.custom-more-link {
	color: #fff;
}

.fc .fc-timegrid-slot {
	height: 4rem !important;
}

.custom-event {
	padding: 2px;
	font-size: 12px;
	line-height: 1.3;
}

.event-title {
	font-weight: bold;
}

.event-organizer,
.event-location {
	font-size: 10px;
	color: #666;
}

.modal {
	display: none;
	height: 0 !important;
}

.modal-open .modal {
	display: flex;
	height: auto !important;
}

@media only screen and (max-width: 768px) {
	.fc-header-toolbar {
		padding: 0 !important;
		margin-top: 1.5em;
	}

	.fc-toolbar-title {
		font-size: 14px !important;
	}
}

/******************移动端menu***************************/
.m-menus {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 10.3rem;
	right: -100%;
	background: #fff;
	overflow: hidden;
	line-height: 32px;
	font-size: 15px;
	z-index: -999;
	padding-top: 2%;
	border-top: 1px solid #dedede;
}

@media(max-width:768px) {
	.m-menus {
		top: 9rem;
	}
}

@media(max-width:640px) {
	.m-menus {
		top: 7rem;
	}
}

@media(max-width:450px) {
	.m-menus {
		top: 9rem;
	}
}

.m-menus .inner {
	height: calc((100vh - 9rem));
	padding: 10px 30px 40px;
	overflow-x: hidden;
	overflow-y: auto
}

.m-menus a {
	display: block;
	color: #000
}

.m-menus dl {
	margin-bottom: 0;
}

.m-menus.active {
	z-index: 99999;
	transition: .6s;
	right: 0
}

.m-menus .item {
	cursor: pointer;
	transition: .3s;
	position: relative;
	text-align: center;
	border-bottom: 1px solid #dedede;
	text-align: left
}

.m-menus .item .tit,
.m-menus .item .class-two {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center
}

.m-menus .item>a,
.m-menus .tit,
.m-menus .item .class-two {
	display: block;
	line-height: 46px;
	position: relative;
	font-size: 16px;
	margin-bottom: 0;
}

.m-menus .tit {
	position: relative
}

.m-menus .tit a,
.m-menus .class-two a {
	display: inline-block;
	min-width: 50vw
}

.m-menus .class-two>a {
	line-height: 1.5;
	padding: 10px 5px 0 0;
	width: 80%;
}

.m-menus .tit .iconfont {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: inherit;
	padding: 0 10px;
	color: #000;
	font-size: 17px
}

.m-menus .class-two .iconfont {
	position: absolute;
	right: 0;
	top: 23px;
	transform: translateY(-50%);
	color: inherit;
	padding: 0 10px;
	color: #000;
	font-size: 17px;

}

.m-menus .xs-menu,
.m-menus .xss-menu {
	display: none;
	text-align: left
}

.m-menus .xs-menu dd,
.m-menus .xss-menu a {
	line-height: 30px;
	font-size: 14px
}

.m-menus .active .tit,
.m-menus .open .tit,
.m-menus .open .class-two-open>a {
	color: var(--active-color);
}

.m-menus .active .tit a,
.m-menus .open .tit a {
	color: var(--active-color);
}

.m-menus .active .icon-jiahao1::before,
.m-menus .open .icon-jiahao1::before {
	content: "\e729";
}

.m-menus .class-two-open .icon-zuoyoujiantou21::before {
	content: "\e639";
}

.m-menus .active .xs-menu,
.m-menus .open .xs-menu,
	{
	padding: 0px 0 0;
	/*border-top: 1px solid #dedede;*/
}

.m-menus .class-two-open .xss-menu {
	padding: 0px 0 0;
	border-top: 1px solid #dedede;
}

.m-menus .class-two-open .xss-menu a {
	display: block;
	line-height: 36px;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px dashed #dedede;
}

.m-menus .class-two-open .xss-menu a:first-child {
	padding-top: 10px;
}

.m-menus .class-two-open .xss-menu a:last-child {
	padding-bottom: 10px;
	border-bottom: none
}

.m-menus .head_links_box {
	background: #fff;
	margin-top: 1rem;
	padding: .1rem .3rem
}

.m-menus .head_links {
	display: flex !important;
	justify-content: center
}

.m-menus .head_links a {
	padding: 0 .2rem !important;
	display: block;
	flex: 1
}

.m-menus .head_links i {
	margin: 0 auto
}

.m-menus .class-two {
	border-top: 1px solid #dedede;
}

.m-search {
	width: 100%;
	border-radius: 0;
	margin: 2rem 0;
	display: flex;
	flex-direction: row;
	background: #dedede;
	align-items: center;
	padding: 5px 10px;
}

.m-search .btn-search i {
	font-size: 26px;
	line-height: 26px;
	color: var(--txt-color);
	position: relative;
	top: 3px;
}

.m-search input {
	display: block;
	width: 80%;
	flex: 1 1 auto;
	font-size: 15px;
	outline: none;
	background-color: transparent;
	border: 0;
	color: currentColor;
}

.crumb-product {
	display: flex;
	flex-direction: row;
	align-items: center;
}

/************************适配***************************/
@media (max-width:1024px) {
	.header .topbar {
		padding: 10px 0;
	}

	.header .topbar .topbar-box h4 {
		display: none;
	}

	.header .topbar .logo,
	.menu-switch {
		display: block;
		float: right;
	}

	.header .topbar .logo {
		width: auto;
		float: left;
	}

	.header .topbar .logo img {
		max-height: 45px;
	}


	/*导航*/
	.header .nav-container {
		background-color: #fff;
		font-size: 0;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 60%;
		max-width: 40rem;
		transform: translateX(-100%);
		visibility: hidden;
		transition: .4s cubic-bezier(.785, .135, .15, .86);
		z-index: 999999;
	}

	.header .nav-container .header-nav {
		display: block;
		height: auto;
	}

	.nav-container .col-auto {
		height: auto;
	}

	.nav-container .col-auto,
	.nav-container .col-auto {
		width: 100% !important;
		margin: 0;
	}

	.nav-line-animation {
		flex-direction: column;
		align-items: flex-start;
	}

	.header.show-nav .nav-container {
		transform: translateX(0);
		visibility: visible;
	}

	.header.show-nav .mask {
		z-index: 9998;
		opacity: 1;
		visibility: visible;
		pointer-events: all
	}

	.header .nav-container {
		height: 100%;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.header .nav-container .container {
		height: 100%;
		overflow: auto;
		width: 100%;
	}

	.header .nav-container .logo {
		width: 100%;
		height: 8rem;
		display: flex;
		justify-content: center;
		margin: 6rem 0;
	}

	.nav-line-animation>li {
		width: 100%;
	}

	.nav-line-animation>li>a i {
		visibility: visible;
		display: block;
		float: left;
		color: var(--txt-color);
		opacity: 1;
		font-size: 3rem;
		margin: 0 3rem 0 5rem;
	}


	.nav-line-animation>li:hover>ul {
		visibility: hidden;
		opacity: 0;
	}

	.menu-switch {
		margin-top: 0;
	}

	.menu-switch span {
		background: #fff;
	}



	.fixedbg .m-menus {
		top: 12.3rem;
	}

}

@media (max-width:768px) {
	.header .topbar {
		padding: 1rem 0;
	}

	/*首页关于我们*/
	.main-title .title-cn {
		font-size: 3.5rem;
	}

	.scroll-top {
		padding: 10px 20px;
		border-radius: 5px;
	}

	.scroll-top i,
	.scroll-top span {
		width: 100%;
		display: block;
		font-size: 15px;
		padding: 5px;
	}

	.pb5rem {
		padding-bottom: 3rem;
	}

	.pt5rem {
		padding-top: 3rem;
	}

	.main-more {
		width: auto;
		max-width: 200px;
		padding: 5px 1rem;
		height: auto;
	}

	.main-more i {
		font-size: 18px;
	}

	.fixedbg .m-menus {
		top: 10.3rem;
	}
}

@media (max-width:998px) {
	.table-scroll {
		overflow-x: scroll;
	}

	.pl9rem,
	.pl4rem {
		padding-left: 0;
	}

}

@media (max-width:640px) {

	.container,
	.container-sm {
		width: 92%;
		margin: 0 auto;
	}

	body {
		font-size: 14px;
	}

	.comnew .list .list-item a,
	.ts-notice .list-item,
	.main-more,
	.quick-link a,
	.breadcrumb-zls,
	.breadcrumb-pathway,
	.notice-clear-plan .item a,
	.more-list .breadcrumb-nav .drop {
		font-size: 14px;
	}

	.header .topbar .logo img {
		max-height: 5rem;
	}

	.menu-switch {
		margin-top: 0;
	}

	.home-banner .swiper-slide-active .tit-cn {
		width: 60%;
		margin: 0 auto;
	}

	.home-banner .swiper-slide-active .tit-info {
		width: 90%;
		margin: 0 auto;
	}

	.about-left {
		padding-top: 5rem;
	}

	.about-left .about-info {
		height: auto;
		margin-top: 5rem;
		width: 100%;
	}

	.project-box .news-top {
		margin-top: 5rem;
	}

	.tit-right .line {
		width: 100%;
	}

	.projec-foot-list .item a .item-en {
		display: none;
	}

	.footer-left {
		text-align: center;
	}

	.footer-left,
	.footer-right {
		width: 100%;
		float: none;
		clear: both;
	}

	.footer-right-item {
		width: 50%;
	}

	.footer-right {
		flex-wrap: wrap;
		padding-top: 2rem;
	}


	.copyright-content {
		flex-direction: column;
		padding: 3rem 0;
	}

	.copyright-content .copyright-left,
	.copyright-content .copyright-right {
		width: 96%;
		margin: 0 auto;
		text-align: center;
	}

	.footer-left .ftlogo {
		max-height: 6rem;
	}

	.fixedbg .m-menus {
		top: 7.3rem;
	}
	.copyright-left .fs20{
		font-size: 14px;
	}
}

@media only screen and (max-width: 450px) {
	.header .topbar .logo img {
		max-height: 6rem;
	}

	.fixedbg .m-menus {
		top: 9rem;
	}
}



.ibbg {
	-webkit-animation: pagebgfd 6s linear infinite alternate;
	animation: pagebgfd 6s linear infinite alternate;
}

@-webkit-keyframes pagebgfd {
	0% {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}
}

@keyframes pagebgfd {
	0% {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}
}

/*头部浮动层*/
.head-sub-menu {
	position: absolute;
	width: 100%;
	background: #f9f9f9;
	top: 0;
	height: 100vh;
	z-index: 19009;
	opacity: 0;
	visibility: hidden;
	transform: scale(1);
	transition: all .5s ease;
}

.head-sub-menu.open {
	visibility: visible;
	transform: scale(1);
	opacity: 1;
	transition: all .5s ease;
}

.head-sub-menu .container {
	max-width: 1720px;
}

.head-sub-menu .sub-menu {
	width: 69%;
	float: left;
	padding: 84px 0 0 0;
	position: relative;
	z-index: 99;
}

.head-sub-menu .sub-menu .item {
	width: 33.33%;
	float: left;
	margin-bottom: 70px;
}

.head-sub-menu .sub-menu .item h4 {
	font-size: 24px;
	color: #333333;
}

.head-sub-menu .sub-menu .item .link-a {
	margin-top: 28px;
	min-height: 170px;
}

.head-sub-menu .sub-menu .item .link-a a {
	display: block;
	font-size: 15px;
	color: #555555;
	line-height: 34px;
}

.head-sub-menu .sub-menu .item .link-a a:hover {
	color: #226cb4;
}

.head-sub-menu .sub-head-right {
	width: 26%;
	float: right;
	position: relative;
	z-index: 99;
	padding: 98px 0 60px;
}

.head-sub-menu .sub-head-right .sub-cn {
	font-size: 36px;
	line-height: 50px;
	color: #333333;
}

.head-sub-menu .sub-head-right .sub-en {
	font-family: arial;
	font-size: 15px;
	color: #333333;
	line-height: 25px;
	margin-top: 22px;
}

.head-sub-menu .sub-head-right .tsgd {
	display: block;
	width: 118px;
	height: 45px;
	line-height: 48px;
	border-radius: 45px;
	background: #226cb4;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-top: 48px;
}

.head-sub-menu .sub-head-right .fwrx {
	font-size: 16px;
	color: #333333;
	line-height: 36px;
	margin-top: 70%;
}

.head-sub-menu .sub-head-right .fwrx a {
	font-family: goodmu;
	font-size: 22px;
	color: #333333;
}

.head-sub-menu::after {
	content: "";
	position: absolute;
	width: 30.5%;
	max-width: 580px;
	/*background: #f1f1f1 url(../images/head-xq-back.png) no-repeat bottom right;*/
	top: 0;
	right: 0;
	height: 100%;
	z-index: 2;
}

.closeHs {
	position: absolute;
	cursor: pointer;
	right: -150px;
	top: -30px;
}

.closeHs i {
	font-size: 28px;
	color: #226cb4;
}

.closeHm {
	position: absolute;
	cursor: pointer;
	right: 5%;
	top: 30px;
	z-index: 9999;
}

.closeHm i {
	font-size: 28px;
	color: #226cb4;
}
.nodata{
	width: 100%;
	text-align: center;
}