body,
html {
	height: 100%;
	-webkit-text-size-adjust: none;
	/* 	touch-action: pan-x pan-y;
	user-scalable: no; */
}

:root {
	--themeColor: #183E8D;
	/*主题色 */
}

* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
}

@media (max-width: 768px) {
	body {
		font-size: 16px;
	}
}

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

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
	font-weight: normal;
}

ol,
li {
	list-style: none;
}

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

a:hover,
a:focus,
a:visited {
	text-decoration: none;
	outline: none;
}

input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"] {
	-webkit-appearance: none;
}

input:focus {
	outline: none !important;
	box-shadow: none !important;
}

.img-box img {
	width: 100%;
	object-fit: cover
}

.text-r {
	text-align: right;
}

.page-body {
	/* padding-bottom: 80px; */
}

.container {
	width: 1500px;
	max-width: 100%;
	min-width: 375px;
	margin: 0 auto;
}

.text-max-800 {
	max-width: 800px;
	margin: 0 auto;
}

a:hover {
	color: #085BD1;
	/* transition: all 0.5s; */
}

input:focus,
textarea:focus,
select:focus {
	outline: none;
	box-shadow: inherit;
}

.fixed {
	position: fixed !important;
}

.container-fluid {
	padding: 0;
}

html {
	font-size: 100px;
}

@media (max-width: 1600px) {
	html {
		font-size: 95px;
	}
}

@media (max-width: 1440px) {
	html {
		font-size: 90px;
	}
}

@media (max-width: 1220px) {
	html {
		font-size: 85px;
	}
}

@media (max-width: 1024px) {
	html {
		font-size: 80px;
	}
}

@media (max-width: 991px) {
	html {
		font-size: 70px;
	}
}

@media (max-width: 639px) {
	html {
		font-size: 90px;
	}
}

.tc {
	text-align: center;
}

/*header*/
.head-main {
	/* position: fixed; */
	width: 100%;
	height: 1rem;
	display: flex;
	z-index: 999;
	display: -moz-box;
	display: -ms-flexbox;
	align-items: center;
	-ms-flex-align: center;
	justify-content: space-between;
	padding: 0 0.1rem;
	/* background: rgba(255,255,255,0.3); */
	/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1); */
}

.logo {
	width: 1.64rem;
}

.logo img:nth-of-type(1) {
	display: block;
}

.logo img:nth-of-type(2) {
	display: none;
	position: absolute;
	left: 1rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.64rem;
}

.language {
	margin-right: 30px;
	position: relative;
	height: .6rem;
	line-height: .6rem;
}

.language a {
	color: #fff;
	font-size: .18rem;
}

.language .box {
	position: absolute;
	left: 0;
	top: 0;
	transition: all .5s;
	margin-top: .4rem;
	display: none;
}

.language:hover .box {
	display: block;
}

.telephone {}

.telephone i {
	padding-right: 10px;
}

.head-main.sticky {
	background: rgba(255, 255, 255, 0.75);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	backdrop-filter: blur(6px);
	/* border-bottom: 1px solid #e1e1e1; */
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}

.head-main.sticky p {
	color: #000;
	white-space: nowrap;
}

.head-main.sticky .header-nav ul li>a {
	color: #333;
}

.head-main.sticky .logo img:nth-of-type(1),
.head-main.on .logo img:nth-of-type(1) {
	display: none;
}

.head-main.sticky .logo img:nth-of-type(2),
.head-main.on .logo img:nth-of-type(2) {
	display: block;
}

.head-r {
	display: flex;
	color: #fff;
	align-items: center;
}

.head-main.sticky .language a,
.head-main.on .head-r,
.head-main.on .head-r a {
	color: #222;
}

.head-main.sticky .head-r a,
.head-main.sticky .head-r {
	color: #333;
}

.head-main.sticky .language-en img:nth-of-type(2),
.head-main.on .language-en img:nth-of-type(2) {
	opacity: 1;
}

.head-main.sticky .telephone img:nth-of-type(2),
.head-main.on .telephone img:nth-of-type(2) {
	opacity: 1;
}

.head-sear {
	cursor: pointer;
	width: 20px;
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	/* margin-right: 20px; */
	-webkit-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}

.sear-box {
	position: absolute;
	width: 100%;
	height: 0px;
	overflow: hidden;
	right: 0px;
	top: .97rem;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.nav-phone-box {
	position: fixed;
	width: 70%;
	height: calc(100vh);
	overflow: hidden;
	transform: translateX(100%);
	/* opacity: 0; */
	display: grid;
	grid-template-rows: 0fr;
	top: 0;
	right: 0;
	touch-action: none;
	overflow: hidden;
	/* Prevents scrolling */
	color: #FFF;
	/* border-radius: 0 0 52px 52px; */
	background: #FFF;
	/* 半透明背景 */
	/* backdrop-filter: blur(10px); */
	/* 模糊效果 */
	transition: all .3s ease-in-out;
}

.nav-phone-mark {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	display: none;
	height: 100vh;
	touch-action: none;
	background: #00000080;
}

.nav-phone-mark-active {
	display: block;
}

.nav-phone-active {
	opacity: 1;
	/* height: calc(100vh); */
	transform: translateX(0%);
}

.sear-box input {
	height: 60px;
	width: 100%;
	line-height: 20px;
	padding: 10px 5%;
	border-top: 1px solid #ededed;
	outline: none;
	background: rgba(255, 255, 255);
	color: #666;
}

.head-sear.active .sear-box {
	height: 60px;
}

.head-sear .sear-btn .icon-sousuo:before {
	content: "\e7d4";
}

.head-sear .sear-btn i {
	font-weight: bold;
}

.head-sear.active .sear-btn .icon-sousuo:before {
	content: "\e60f";
}

.head-main.sticky .sear-btn i,
.head-main.on .sear-btn i {
	color: #222;
}

.head-main.sticky .language a,
.head-main.on .language a {
	color: #222;
}

/*nav*/
.header-nav {
	position: relative;
	flex: 1;
	-webkit-flex: 1;
	-webkit-box-flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	grid-gap: 24px;
	height: 100%;
}

.header-nav ul {
	display: flex;
	justify-content: center;
	align-items: center;
	/* grid-gap: 0.4rem; */
	width: 100%;
	height: 100%;
}

.header-nav ul li {
	position: relative;
	cursor: pointer;
	white-space: nowrap;
	padding: 0 25px;
	height: 100%;
	/* margin: 0 10px; */
	min-width: 71px;
}

@media (max-width: 1498px) {
	.header-nav ul li {
		padding: 0 10px;
	}
}

.header-nav ul li>a {
	color: #fff;
	text-align: center;
	white-space: nowrap;
	position: relative;
	height: 100%;
	display: inline-flex;
	align-items: center;
}

.header-nav ul li>a::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	background: #fca143;
	transition: all .5s;
}

.header-nav ul li>a:hover {
	color: #fca143 !important;
}

.header-nav ul li>a:hover::after,
.header-nav .on::after {
	width: 100%;
}

.header-nav .nav-item .on {
	background: var(--themeColor);
	color: #FFF;
}

/* .header-nav .active a,
.header-nav ul li a:hover {
	color: var(--themeColor);
} */

.sub-nav {
	position: absolute;
	/* top: 0.4rem; */
	opacity: 0;
	width: 130%;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3 ease-out;
	overflow: hidden;
	display: grid;
	grid-template-rows: 0fr;
	background-color: #ffffffd9;
	box-shadow: 0 4px 5px rgb(0 0 0 / 10%);
	left: -15%;
	backdrop-filter: blur(10px);
	border-radius: 0 0 5px 5px;
}

.index-header:hover {
	background: #FFF;
	transition: background 0.3s ease-out;
}

.index-header .index-header-logo {
	display: none;
}

.index-header:hover .index-header-logo {
	display: block;
}

.header-white .logo {
	display: none;
}

.index-header:hover .logo {
	display: none;
}

.index-header:hover .header-nav ul li>a {
	color: #333333;
}

.index-header:hover .search-icon {
	border-color: #333333;
}

.index-header:hover .search-icon::after {
	background: #333333;
}

.index-header:hover .nav-icon span {
	background: #333333;
}

.header-white {
	background: #FFF;
}

.header-white .header-nav ul li>a {
	color: #333333;
}

.header-white .search-icon {
	border-color: #333333;
}

.header-white .nav-icon span {
	background: #333333;
}

.header-white .search-icon::after {
	background: #333333;
}

.sub-nav.on {
	opacity: 1;
	grid-template-rows: 1fr;
}

.sub-nav .nav-item {
	display: flex;
	overflow: hidden;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.sub-nav .nav-item a {
	width: 100%;
	white-space: nowrap;
	display: flex;
	padding: 10px 5px;
	white-space: normal;
	/* 默认值，允许文本自动换行 */
	font-weight: 400;
	color: #333;
	text-align: center;
	font-size: 16px;
	align-items: center;
	justify-content: center;
	transition: all .5s;
}

.sub-nav .nav-item a:last-child {
	border-bottom: 0;
}

.sub-nav .nav-item a:hover {
	background: #0E59D1;
	color: #fff;
}

.nav-icon {
	display: block;
	cursor: pointer;
}

.nav-icon span {
	display: block;
	width: 16px;
	height: 3px;
	background: #fff;
	border-radius: 2px;
	transition: all .3s linear;
	position: relative;
}

.nav-icon span::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	border-radius: 50%;
	background: inherit;
	left: -5px;
}

.nav-icon span:nth-child(2)::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	border-radius: 0%;
	transform: rotate(45deg);
	background: inherit;
	left: -5px;
}

.nav-icon span:not(:first-child) {
	margin-top: 4px;
}

.nav-icon.on span:nth-of-type(1) {
	-webkit-transform: matrix(1, 0, 0, 1, 0, 6) rotate(45deg);
	transform: matrix(1, 0, 0, 1, 0, 6) rotate(45deg);
}

.nav-icon.on span:nth-of-type(2) {
	width: 0;
}

.nav-icon.on span:nth-of-type(3) {
	-webkit-transform: matrix(1, 0, 0, 1, 0, 6) rotate(45deg);
	transform: matrix(1, 0, 0, 1, 0, -6) rotate(-45deg);
}

.head-main.sticky .nav-icon span {
	background-color: #333;
}

/* banner */
.banner {
	overflow: hidden;
}

.banner .swiper-container {
	position: relative;
	height: 100%;
}

.banner .swiper-slide {
	overflow: hidden;
}

#section0 .images {
	height: 100%;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner-txt {
	position: absolute;
	left: 10%;
	top: 40%;
	width: 45%;
	transform: translateY(40%);
	color: #fff;
	transition: all 1s ease;
	transition-delay: 0.3s;
	opacity: 0;
}

.swiper-slide.swiper-slide-active .banner-txt {
	transform: translateY(0);
	opacity: 1;
}

.banner-txt h3 {
	font-size: .5rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.banner-txt p:nth-of-type(1) {
	font-size: .2rem;
	margin-bottom: 20px;
}

.banner-txt p:nth-of-type(2) {
	font-size: 20px;
}

.widthFix {
	width: 100%
}

.bannerimg {
	width: 100%;
	height: 878px;
}

/* .banner .swiper-slide-active .bannerimg{transform: scale3d(1.15, 1.15, 1);transition: all 6s cubic-bezier(0.04, 0.79, 1, 1);}
object-fit: cover;transform: scale3d(1, 1, 1);transition: all 6s cubic-bezier(0.04, 0.79, 1, 1); */


.banner-info {
	position: absolute;
	bottom: 5%;
	right: 0;
	left: 0;
	z-index: 5;
	display: flex;
	color: #fff;
	align-items: center;
	justify-content: center
}

.banner-info .mouse {
	position: relative;
	width: .64rem;
	height: .64rem;
	border: 1px dashed #fff;
	border-radius: 50%;
	text-align: center;
	line-height: .64rem;
}

.banner-info .mouse:after {
	position: absolute;
	left: 30%;
	top: 0;
	font-family: iconfont;
	content: "\eb90";
	font-size: 25px;
	color: #fff;
	transform: translateX(-50%);
	-webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
	animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}

.banner-page-num {
	position: absolute;
	z-index: 6;
	right: 9.896%;
	top: 91.8vh;
	height: .3rem;
	width: 2.64rem;
	display: flex;
	justify-content: space-between;
}

.banner-page-num span {
	display: inline-block;
	color: #fff;
	transition: all .3s;
	line-height: 25px;
}

.my-swiper-scrollbar {
	position: absolute;
	right: calc(9.896% + .36rem);
	top: 93vh;
	height: 1px;
	background: rgba(255, 255, 255, 0.4);
	width: 1.92rem;
	z-index: 6;
}

.my-swiper-scrollbar .my-swiper-scrollbar-drag {
	position: absolute;
	left: 0;
	height: 1px;
	background: #fff;
	z-index: 7;
	top: -0.5px;
	transition-duration: 300ms;
	transition: all .3s;
	transform: translate3d(0, 0, 0);
}

#banner_2 {
	position: relative;
}

#banner_2 .swiper-button-next,
#banner_2 .swiper-button-prev {
	top: 50%;
	width: .5rem;
	height: .5rem;
	background-image: none;
	line-height: .5rem;
	text-align: center;
	transition: all .5s;
	background: #cccccc8a;
	border-radius: 50%;
}

#banner_2.swiper-button-next {
	right: -1.5rem;
}

#banner_2.swiper-button-prev {
	left: -1.5rem;
}

#section0 .swiper-button-next,
#section0 .swiper-button-prev {
	top: 50%;
	width: .5rem;
	height: .5rem;
	background-image: none;
	line-height: .5rem;
	text-align: center;
	transition: all .5s;
	background: #cccccc8a;
	border-radius: 50%;
}

#section0 .swiper-button-next {
	right: 0.5rem;
}

#section0 .swiper-button-prev {
	left: 0.5rem;
}

/* 关于我们 */
.indx-about {
	padding: .7rem 0 1.6rem;
	background-size: cover;
}

.indx-about .title {
	font-size: .4rem;
	margin-bottom: .6rem;
	text-align: center;
	font-weight: bold;
}

.indx-about-l {
	padding-right: .5rem;
}

.indx-about-l p {
	color: #636363;
	line-height: 28px;
	margin-bottom: 20px;
}

.indx-cult {
	margin-top: 20px;
}

.indx-cult b {
	display: block;
	color: #0043BC;
	font-size: 30px;
	margin-bottom: 30px;
}

.indx-cult dl {
	margin-bottom: .3rem;
	display: flex;
	align-items: center;
}

.indx-cult dl dt {
	color: #0043BC;
	font-weight: normal;
	width: 25%;
}

.indx-cult dl dt img {
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

.indx-cult dl dd {
	color: #636363;
	width: 75%;
}

.indx-about-l a {
	background: #0043BC;
	width: 1.5rem;
	padding: 12px 0;
	text-align: center;
	color: #fff;
	display: block;
	transition: all .5s;
}

.indx-about-l a:hover {
	background: #fff;
	color: #0043BC;
	box-shadow: 0 0 10px #ddd;
}

/* 产品 */
.indx-pro {
	padding: .9rem 0 1.5rem;
	background-size: cover;
}

.indx-pro-box {
	margin: 0 5% 14% 5%;
	position: relative;
}

.indx-pro-box .title {
	font-size: .32rem;
	text-align: center;
	margin-bottom: .8rem;
	color: #fff;
}

.indx-pro-box .swiper-slide a {
	display: block;
	background: #fff;
	padding: 30px;
	text-align: center;
	transition: all .5s;
	margin-right: .6rem;
}

.indx-pro-box .swiper-slide .imgbox {
	overflow: hidden;
	margin-bottom: 30px;
}

.indx-pro-box .swiper-slide a:hover {
	box-shadow: 0 0 10px #ddd;
}

.indx-pro-box .swiper-slide img {
	transition: all .5s;
}

.indx-pro-box .swiper-slide a:hover .imgbox img {
	transform: scale(1.2);
}

.indx-pro-box .swiper-slide h2 {
	font-size: .24rem;
	margin-bottom: 10px;
}

.indx-pro-box .swiper-slide p {
	margin-bottom: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.indx-pro-box .swiper-slide .more {
	background: #F0F0F0;
	width: 100%;
	padding: .2rem 0;
}

.indx-customer-logo .title {
	font-size: .32rem;
	margin-bottom: 1.3rem;
	text-align: center;
	color: #fff;
}

.indx-customer-logo .col {
	margin-bottom: .7rem;
	position: relative;
	top: 0;
	transition: all .5s;
}

.indx-customer-logo .col:hover {
	top: -20px;
}

.indx-pro-box .swiper-button-next,
.indx-pro-box .swiper-button-prev {
	top: auto;
	background-image: none;
	bottom: -12%;
	width: .5rem;
	height: .5rem;
	border: 1px solid #fff;
	line-height: .5rem;
	text-align: center;
	transition: all .5s;
}

.indx-pro-box .swiper-button-next::before {
	font-family: iconfont;
	content: "\e72b";
	color: #fff;
}

.indx-pro-box .swiper-button-prev::before {
	font-family: iconfont;
	content: "\e72a";
	color: #fff;
}

.indx-pro-box .swiper-button-next {
	right: 45%;
	transform: skewX(-10deg);
}

.indx-pro-box .swiper-button-prev {
	left: 45%;
	transform: skewX(-10deg);
}

/* 新闻 */
.indx-news {
	padding: 1.3rem 0;
	background-size: cover;
	display: flex;
	position: relative;
}

.indx-news-l {
	width: 20%;
	padding-left: 7%;
}

.indx-news-r {
	width: 80%;
}

.indx-news-l .title {
	font-size: .4rem;
	margin-bottom: 1rem;
}

.indx-news-tag>div {
	margin-bottom: .4rem;
	position: relative;
	transition: all .5s;
}

.indx-news-tag>div::before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	width: .32rem;
	background: #0043BC;
	height: 2px;
	opacity: 0;
}

.indx-news-tag>div.on {
	color: #0043BC;
	padding-left: .4rem;
}

.indx-news-tag>div.on::before {
	opacity: 1;
}

.news-wrap-item {
	display: none;
}

.news-wrap-item.on {
	display: block;
}

.news-wrap-item a {
	display: block;
}

.news-wrap-item img {
	margin-bottom: .4rem;
}

.news-wrap-item span {
	display: inline-block;
	color: #B1B1B1;
	margin-bottom: 20px;
}

.news-wrap-item h3 {
	font-size: .24rem;
}

.news-wrap-item .swiper-pagination {
	width: auto;
	bottom: 1.3rem;
	left: 8%;
	font-size: 24px;
	display: none;
}

.news-wrap-item .swiper-pagination-current {
	font-size: .5rem;
	font-weight: bold;
	color: #222;
}

.indx-contact {
	padding: 1.4rem 0;
}

.indx-contact .container {
	display: flex;
	align-items: center;
}

.indx-contact-l {
	flex: 1;
	color: #fff;
}

.indx-contact-l .title {
	font-size: .4rem;
	margin-bottom: 1.2rem;
}

.indx-contact-info ul li {
	margin-bottom: .5rem;
	display: flex;
	align-items: center;
}

.indx-contact-info ul li img {
	width: 40px;
	height: 40px;
	margin-right: .7rem;
}

.indx-contact-info ul li>div p:nth-of-type(1) {
	font-size: 24px;
	color: #7FA7FF;
	margin-bottom: 20px;
}

.indx-contact-info ul li>div p:nth-of-type(2) {}


.indx-join {
	padding: .9rem 0 1.4rem;
}

.indx-join .row {
	display: flex;
}

.indx-join .col {
	padding: 0;
}

.indx-join h4 {
	font-size: .4rem;
	margin-bottom: .5rem;
}

.indx-join .col:nth-of-type(2) {
	background: #fff;
}

.indx-join-info {
	padding: .8rem .9rem;
}

.indx-join-info h5 {
	font-size: .4rem;
	margin-bottom: .4rem;
	position: relative;
	padding-bottom: 20px;
}

.indx-join-info h5::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: -10px;
	background: #0043BC;
	width: .7rem;
	height: 4px;
}

.indx-join-info p:nth-of-type(1) {
	font-size: 22px;
	margin-bottom: 20px;
}

.indx-join-info p:nth-of-type(2) {
	color: #999;
}

.indx-join-info a {
	display: block;
	background: #0043BC;
	width: 1.5rem;
	padding: 12px 0;
	text-align: center;
	color: #fff;
	margin-top: .6rem;
	transition: all .5s;
}

.indx-join-info a:hover {
	background: #fff;
	color: #0043BC;
	box-shadow: 0 0 10px #ddd;
}

.footer {
	background: rgba(51, 51, 51, 1);
	background-size: cover;
	color: #F2F2F2;
}

.footer-top {
	padding: .2rem 0;
	display: flex;
	border-bottom: 1px solid rgba(98, 98, 98, 0.5);
}

.footer-l {
	width: 30%;
}

.footer-l a {
	width: 1.6rem;
	display: block;
}

.footer-l p {
	margin-bottom: 20px;
	font-size: 14px;
}

.footer-l p img {
	width: 16px;
	height: 16px;
	margin-right: 20px;
}

.footer-r {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.footer-r dt a {
	color: #FFF;
}

.footer-r dl dd a {
	font-size: 14px;
	display: block;
	color: #AAAAAA;
}

.footer-r dl dd a:hover {
	color: #fff;
	cursor: pointer;
}

.footer-r dl {
	display: flex;
	grid-gap: 0.18rem;
	flex-direction: column;
}

.footer-r dd,
dt {
	display: flex;
	/* align-items: center; */
	grid-gap: 0.1rem;
	flex-direction: column;
}

/* 内页 */
.page-banner {
	position: relative;
}

.page-banner-info {
	position: absolute;
	left: 10%;
	top: 40%;
	color: #fff;
}

.page-banner-info .en {
	font-size: .34rem;
	background: linear-gradient(180deg, #ffffff 82%, rgba(3, 49, 170, 0.26) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0px 3px 7px rgba(3, 49, 170, 0.26);
	font-stretch: normal;
	letter-spacing: 3px;
	color: #FFF;
	font-weight: 700;
}

.page-banner-info .cn {
	font-size: .18rem;
	background: linear-gradient(180deg, #ffffff 82%, rgba(3, 49, 170, 0.26) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #FFF;
	text-shadow: 0px 3px 7px rgba(3, 49, 170, 0.26);
	font-stretch: normal;
	letter-spacing: 3px;
	font-weight: 700;
	text-transform: uppercase;
}

.page-about {
	padding: 1.28rem 0 1.6rem;
}

.page-tit {
	font-size: .4rem;
	margin-bottom: .6rem;
}

.page-about p {
	margin-bottom: 30px;
	line-height: 30px;
}

.page-about .row .col:nth-of-type(2) {
	text-align: right;
}

.page-cult .row a {
	display: block;
	text-align: center;
	padding: .5rem 0;
	border: 1px solid #E5E5E5;
	margin-bottom: 40px;
	transition: all .5s;
}

.page-cult .row a:hover {
	box-shadow: 0 0 20px #ddd;
}

.page-cult .row img {
	width: .6rem;
	height: .6rem;
	margin-bottom: .3rem;
}

.page-cult .row a>div {
	font-size: .28rem;
	margin-bottom: 20px;
}

.page-cult .row a p {
	line-height: 28px;
	height: 84px;
	width: 60%;
	margin: 0 auto;
}

.page-his {
	background: url(../images/img/his-bg-img.png) no-repeat;
	background-size: cover;
	margin-top: 1.6rem;
}

.his-top {
	margin-bottom: 1.6rem;
}

.his-top .col {
	text-align: center;
}

.his-top .col img {
	border: 6px solid #0043BC;
}

.his-top h3 {
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0 auto 1.2rem;
	border: 4px solid #222;
	padding: 20px 0;
	width: 4rem;
	position: relative;
}

.his-top h3::after {
	position: absolute;
	left: 50%;
	bottom: -1rem;
	content: "";
	width: 6px;
	height: .7rem;
	background: #222;
}

.his-top p {
	margin-bottom: 20px;
}

.his-top span {
	padding-right: 10px;
}

.his-bar {
	position: relative;
	height: 1rem;
}

.his-bar::before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	content: '';
	border: 1px dashed #9aabca;
}

.his-bar #gallery-thumbs .swiper-slide {
	width: 14.2857143%;
	height: 100%;
}

.his-bar .swiper-slide-thumbs-item {
	text-align: center;
	cursor: pointer;
}

.his-bar .swiper-slide-thumbs-item-top {
	height: 1rem;
	position: relative;
	top: -0.01rem;
	z-index: 10;
}

.his-bar .swiper-slide-thumbs-item-top .history-dot {
	position: absolute;
	width: 0.09rem;
	height: 0.09rem;
	background: #0043BC;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	z-index: 15;
	margin-left: -0.045rem;
	margin-top: -0.025rem;
	transition: all .3s ease;
}

.his-bar .swiper-slide-thumbs-item p {
	font-size: 0.18rem;
	color: #212121;
	transition: all .3s ease;
}

.his-bar #gallery-thumbs .swiper-slide-thumb-active .swiper-slide-thumbs-item-top .history-dot {
	width: 0.15rem;
	height: 0.15rem;
	background: #FFFFFF;
	border: 0.03rem solid #3171FF;
	margin-left: -0.075rem;
	margin-top: -0.055rem;
}

.his-bar #gallery-thumbs .swiper-slide-thumb-active .swiper-slide-thumbs-item p {
	color: #3171FF;
}

.his-bar .swiper-button-prev,
.his-bar .swiper-button-next {
	width: 0.42rem;
	height: 0.42rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: none;
	border: 1px solid #0043bc;
}

.his-bar .swiper-button-prev.swiper-button-disabled,
.his-bar .swiper-button-next.swiper-button-disabled {
	border: 1px solid #9aabca;
	background-color: #fff;
	opacity: 1;
}

.his-bar .swiper-button-prev {
	left: 0;
}

.his-bar .swiper-button-next {
	right: 0;
}

.his-bar .swiper-button-prev::after {
	content: '';
	width: 0.1rem;
	height: 0.1rem;
	border-top: 1px solid #0043bc;
	border-right: 1px solid #0043bc;
	transform: rotate(-135deg);
	left: 50%;
	top: 50%;
	margin-left: -0.025rem;
	margin-top: -0.05rem;
	position: absolute;
}

.his-bar .swiper-button-next::after {
	content: '';
	width: 0.1rem;
	height: 0.1rem;
	border-top: 1px solid #0043bc;
	border-right: 1px solid #0043bc;
	transform: rotate(45deg);
	left: 50%;
	top: 50%;
	margin-left: -0.06rem;
	margin-top: -0.05rem;
	position: absolute;
}

.his-bar .swiper-button-disabled.swiper-button-prev::after {
	border-top: 1px solid #0043bc;
	border-right: 1px solid #0043bc;
}

.his-bar .swiper-button-disabled.swiper-button-next::after {
	border-top: 1px solid #0043bc;
	border-right: 1px solid #0043bc;
}

.page-net {
	padding: 1.6rem 0;
}

.page-tit b {
	font-weight: normal;
}

.page-tit p {
	margin-bottom: .7rem;
	font-size: 16px;
	margin-top: .4rem;
}

.page-zzry {
	margin-bottom: 2rem;
}

.page-zzry-wrap {
	position: relative;
}

.page-zzry-wrap .item {
	text-align: center;
}

.page-zzry-wrap .item h3 {
	font-size: 16px;
}

.page-zzry-wrap .item img {
	margin-bottom: .4rem;
}

.page-zzry-wrap .item p {
	font-size: 20px;
}

.page-zzry-wrap .swiper-slide .item img {
	transform: scale(0.7);
	transition: all .5s;
}

.page-zzry-wrap .swiper-slide-active .item img {
	transform: scale(1);
}

.page-zzry-wrap .swiper-button-next,
.page-zzry-wrap .swiper-button-prev {
	top: auto;
	bottom: -35%;
	background-image: none;
	width: .6rem;
	height: .6rem;
	border: 1px solid #0043bc;
	border-radius: 50%;
	line-height: .6rem;
	text-align: center;
}

.page-zzry-wrap .swiper-button-next::before,
.page-zzry-wrap .swiper-button-prev::before {
	font-family: iconfont;
	content: "\e779";
	font-size: 26px;
	color: #0043bc;
	font-weight: bold;
}

.page-zzry-wrap .swiper-button-next {
	right: 45%;
}

.page-zzry-wrap .swiper-button-prev {
	left: 45%;
	transform: rotate(-180deg);
}

.page-pro {
	padding: .9rem 0;
}

.page-subnav {
	overflow-x: auto;
	overflow-y: hidden;
	text-align: center;
	display: flex;
	/* justify-content: center; */
	white-space: nowrap;
	margin-bottom: 0.2rem;
}

.page-subnav a {
	display: block;
	padding: 0.05rem 0.2rem;
	margin-right: 0.2rem;
	/* border: 1px solid rgba(0, 0, 0, 0.2); */
	/* box-shadow: 1px 12px 9px 0px rgba(74, 106, 133, 0.1); */
	color: #000;
	cursor: pointer;
	background: #FFF;
	border-radius: 2px;
	/* font-size: 20px; */
}

.page-subnav a:hover {
	color: var(--themeColor);
}

.page-subnav a.on {
	background: var(--themeColor);
	color: #FFF;
	border-color: var(--themeColor);
}

.pro-list .row a {
	display: block;
	background: #F5F5F5;
	margin-bottom: 40px;
	transition: all .5s;
}

.pro-list .row a>div {
	padding: 25px;
	transition: all .5s;
}

.pro-list h2 {
	margin-bottom: 20px;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.pro-list p {
	font-size: 14px;
	color: #999;
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.pro-list p span {
	flex: 1;
}

.pro-list p i {
	font-size: 12px;
}

.pro-list .row a:hover {
	background: var(--themeColor);
}

.pro-list .row a:hover .news-info {
	background: var(--themeColor);
}

.pro-list .row a:hover h2 {
	color: #fff;
}

.pro-list .row a:hover p {
	color: #fff;
}

.
/* pagination {
	text-align: center;
	display: flex;
	justify-content: center;
}

.pagination ul {
	overflow: hidden;
}

.pagination ul li {
	float: left;
	width: .5rem;
	height: .5rem;
	line-height: .5rem;
	background: #fff;
	border-radius: 50%;
	margin-right: 30px;
	border: 1px solid #D9D9D9;
	cursor: pointer;
}

.pagination ul li.active,
.pagination ul li:hover {
	background: #085BD1;
	border: 1px solid #085BD1;
}

.pagination ul li.active a,
.pagination ul li:hover a {
	color: #fff;
}

.pagination ul li a {}

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

.pagination>li>a,
.pagination>li>span {
	border-radius: 50%;
	width: .49rem;
	height: .49rem;
	line-height: .49rem;
	padding: 0;
	color: #666;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background: #105ECC;
	border-color: #105ECC;
	color: #fff;
}

.pagination>li>a:hover,
.pagination>li>span:hover {
	background: #105ECC;
	border-color: #105ECC;
	color: #fff;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
} */

.pro-d {
	padding: .6rem 0;
}

.breadcrumb {
	font-size: 14px;
	color: #999;
	margin-bottom: 20px;
	background: none;
	padding: 0;
}

.breadcrumb a {
	padding: 0 10px;
	color: #999;
}

.breadcrumb a:last-child {
	color: #333;
}

.pro-wrap {
	display: flex;
}

.pro-wrap-l {
	width: 40%;
	position: relative;
}

.pro-wrap-r {
	width: 60%;
	padding: .6rem;
}

.pro-wrap-l .swiper-pagination {
	width: 100%;
}

.pro-wrap-l .swiper-pagination-bullet {
	border-radius: 50%;
	background: #b1aeae;
	width: 10px;
	height: 10px;
}

.pro-wrap-l .swiper-pagination-bullet-active {
	background: #0043BC;
}

.pro-wrap-l {
	border: 1px solid #E5E5E5;
	padding: .4rem .1rem .8rem;
}

.pro-wrap-r h2 {
	font-size: 28px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ededed;
}

.pro-wrap-r p {
	color: #999;
	line-height: 28px;
}

.pro-btn {
	padding-top: .4rem;
	display: flex;
}

.pro-btn a {
	display: inline-block;
	border: 1px solid var(--themeColor);
	width: 2.5rem;
	padding: 14px 0;
	color: var(--themeColor);
	margin-right: 20px;
	text-align: center;
	transition: all .5s;
	margin-bottom: 20px;
}

.pro-btn a i {
	padding-right: 10px;
}

.pro-btn a:hover {
	background: var(--themeColor);
	color: #fff;
}

.pro-box {
	margin-top: 1rem;
}

.page-pro-nav,
.page-tjcp,
.pro-box .col:nth-of-type(2) {
	border: 1px solid #E5E5E5;
	margin-bottom: 20px;
}

.pro-tit {
	background: var(--themeColor);
	padding: 15px;
	color: #fff;
}

.pro-nav-item {}

.pro-nav-item ul li {
	border-bottom: 1px solid #E5E5E5;
	padding: 14px 0;
	position: relative;
	cursor: pointer;
}

.pro-nav-item ul li::after {
	position: absolute;
	content: "";
	right: 10px;
	top: 20px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	transform: rotate(45deg);
}

.pro-nav-item ul li>a {
	padding: 0 10px;
}

.pro-nav-s {
	display: none;
	padding: 14px 0;
}

.pro-nav-s a {
	display: block;
	padding: 10px;
	font-size: 14px;
}

.prosmall {
	padding: 20px;
}

.prosmall li {
	margin-bottom: .4rem;
}

.prosmall li a h2 {
	margin-top: 16px;
	font-size: 16px;
}

.prosmall li a {
	display: block;
	text-align: center;
}

.pro-scrip {
	padding: .9rem;
}

.pro-scrip b {
	font-size: 24px;
}

.pro-scrip p {
	line-height: 30px;
	margin-bottom: 30px;
}

.pro-scrip img {
	margin-bottom: 20px;
}

.pro-box .col:nth-of-type(2) {
	padding: 0;
}

.page-news {
	background: #F5F6F7;
	padding: .9rem 0;
}

.pro-list .news-info {
	background: #fff;
}

.pro-list .news-info>div {
	display: flex;
	color: #999;
}

.pro-list .news-info>div span {
	flex: 1;
}

.pro-list .news-info>div i {
	font-size: 12px;
}

.pro-list a:hover .news-info>div {
	color: #fff;
}

.day-flex {
	display: flex;
	color: #999;
}

.day-flex span {
	flex: 1;
}

.day-flex i {
	font-size: 12px;
}

.pro-list .row a:hover .day-flex {
	color: #fff;
}

.news-dwrap {
	padding: 1rem 0;
}

.news-dedit h3 {
	font-size: .32rem;
	margin-bottom: .3rem;
}

.news-dedit span {
	display: block;
	color: #888;
	margin-bottom: 20px;
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: .3rem;
}

.news-dedit p {
	margin: .4rem 0;
	line-height: 28px;
}

.news-dedit img {
	margin-bottom: 30px;
}

.news-dedit {
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: .3rem;
}

.news-page {
	display: flex;
	padding-top: .4rem;
}

.news-page div {
	width: 50%;
}

.news-tuij {
	margin: 1rem 0;
}

.news-tuij-tit {
	margin-bottom: 30px;
	display: flex;
}

.news-tuij-tit i {
	font-size: 12px;
	padding-left: 10px;
}

.news-tuij-tit h4 {
	font-size: .32rem;
	flex: 1;
}

.news-tuij-tit a {
	font-size: 14px;
	color: #999;
}

.news-tuij .row a {
	display: block;
	background: #F5F5F5;
	padding: .3rem;
	margin-bottom: 20px;
}

.news-tuij .row h3 {
	font-size: .2rem;
	margin-bottom: 20px;
}

.news-tuij .row p {
	font-size: 14px;
	color: #999;
	margin-bottom: 20px;
}

.news-tuij .row span {
	display: block;
	font-size: 14px;
	color: #999;
}

.news-next {
	text-align: right;
}

.news-tuij .row a:hover {
	box-shadow: 0 0 20px #ddd;
}

.customer {
	background: #F5F6F7;
	padding: 1rem 0;
}

.customer .item {
	background: #fff;
	text-align: center;
	margin-bottom: 30px;
	position: relative;
	top: 0;
	transition: all .5s;
}

.customer .item:hover {
	top: -20px;
}

.customer .item img {
	margin-bottom: 20px;
}

.customer .item p {
	padding: 20px;
}

.message {
	padding: 1rem 0;
}

.message-box h4 {
	font-size: 26px;
	margin-bottom: 30px;
	text-align: center;
}

.message-box p {
	margin-bottom: 40px;
	text-align: center;
}

.form-group {
	width: 50%;
	margin-bottom: .4rem;
}

.form-group span,
.form-textarea span {
	margin-bottom: 20px;
	display: block;
}

.form-group:nth-of-type(2n) {
	padding-left: 40px;
}

.form-group,
.form-textarea {
	position: relative;
}

.form-control {
	height: 60px;
	border: none;
	background-color: #F5F6F7;
	font-size: 16px;
	padding: 6px .4rem;
	color: #222;
	box-shadow: none;
}

.form-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

textarea.form-control {
	height: 2rem;
}

.form-textarea {
	margin-bottom: 40px;
}

#submit {
	width: 2rem;
	background: #0043BC;
	text-align: center;
	color: #fff;
	padding: 20px 0;
	border-radius: 4px;
}

.message-form {
	margin-top: .6rem;
}

.contact {
	padding: 1rem 0;
}

.contact h4 {
	font-size: .4rem;
	margin-bottom: 1rem;
}

.contact .row {
	margin-bottom: 1rem;
}

.contact .col {
	text-align: center;
	margin-bottom: 30px;
}

.contact .col i {
	font-size: 24px;
	color: #222;
	border: 1px solid #E9E9E9;
	border-radius: 50%;
	padding: 20px;
}

.contact .col p:nth-of-type(1) {
	color: #666;
	margin-bottom: 20px;
	margin-top: 10px;
}

.contact .col p:nth-of-type(2) {
	text-align: center;
}

.contact-info {
	border: 1px solid #E5E5E5;
	padding: .3rem .6rem;
	margin: 1rem 0;
}

.contact-info p {
	line-height: 30px;
}

.contact .col span {
	display: inline-block;
	margin-bottom: 20px;
}

.icon-address1:before {
	content: "\e66e";
}

.icon-email-fill:before {
	content: "\e77e";
}

.map {
	height: 6.4rem;
}

#map {
	height: 100%;
}


.page-video {
	background: #F5F6F7;
	padding: 1rem 0;
}

.video-item {
	display: block;
	margin-bottom: .4rem;
	background: #fff;
	position: relative;
	overflow: hidden;
	top: 0;
	transition: all .5s;
}

.video-box {
	position: relative;
}

.video-play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.video-play img {
	width: .8rem;
	height: .8rem;
}

.video-info {
	padding: .3rem;
}

.video-info h3 {
	font-size: 20px;
}

.video-item video {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.video-wrap a:hover {
	top: -20px;
}

.video-wrap a.video-item:hover {
	top: -20px;
}

.faq {
	background: #F4F5F6;
}

.faq-tit {
	margin-top: .87rem;
	display: flex;
}

.faq-tit h4 {
	font-size: .4rem;
	flex: 1;
}

.faq-tit-r a {
	display: inline-block;
	margin-right: .5rem;
	font-size: 20px;
}

.faq-tit-r a.on {
	color: #3171FF;
}

.faq-list {
	padding: 0 1rem;
}

.faq-item {
	background: #fff;
	margin-bottom: .4rem;
	padding: 0 .4rem;
	cursor: pointer;
}

.faq-item .faq-top {
	display: flex;
	align-items: center;
	padding: .3rem 0;
	border-bottom: 1px solid #EAEAEA;
}

.faq-main {
	position: relative;
	margin-top: 30px;
	display: none;
}

.faq-main img {
	position: absolute;
	left: 0;
	top: 0;
}

.faq-list-l {
	flex: 1;
}

.faq-list-l img,
.faq-main img {
	width: .24rem;
	height: .24rem;
}

.faq-list-l span {
	margin-left: 40px;
}

.faq-list-r {
	position: relative;
	width: .23rem;
	height: .23rem;
}

.faq-list-r img {
	transition: all .5s;
}

.faq-list-r img:nth-of-type(2) {
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}

.faq-info {
	margin-left: .62rem;
	padding-bottom: .4rem;
}

.faq-info h5 {
	margin-bottom: 10px;
}

.faq-info p {
	color: #999;
	line-height: 30px;
	margin-bottom: 30px;
}

.faq-item.on .faq-list-r img:nth-of-type(2) {
	display: block;
}

.faq-item.on .faq-list-r img:nth-of-type(1) {
	display: none;
}

.body-fix {
	position: fixed;
	bottom: 2rem;
	right: 20px;
	background: var(--themeColor);
	border-radius: 4px;
	z-index: 99;
}

.body-fix .item {
	border-bottom: 1px solid var(--themeColor);
	padding: 10px;
	position: relative;
	cursor: pointer;
}

.body-fix .item .slide-hover {
	opacity: 0;
	position: absolute;
	width: 2rem;
	height: auto;
	right: 1rem;
	top: 0;
	background: #fff;
	border-radius: 4px;
	padding: 20px;
	visibility: hidden;
	transition: all .5s;
}

.body-fix .item .slide-hover p:nth-of-type(1) {
	margin-bottom: 10px;
}

.body-fix .item .slide-hover p:nth-of-type(2) {
	font-size: .14rem;
	color: var(--themeColor);
}

.slide-fix {
	text-align: center;
}

.slide-fix img {
	width: .28rem;
	height: .28rem;
	margin-bottom: 10px;
}

.slide-fix p {
	font-size: 12px;
	color: #ebf2fb;
}

.item:hover .slide-hover {
	opacity: 1;
	visibility: visible;
}

.slide-hover div {
	text-align: center;
}

.slide-hover div p {
	font-size: 14px !important;
	margin-top: 10px;
}

.body-fix .item:last-child {
	border: none;
}

.body-fix .item .slide-hover::before {
	position: absolute;
	content: "";
	right: -16px;
	top: 50%;
	display: inline-block;
	overflow: hidden;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px;
	border-color: transparent transparent transparent #fff;
	transform: translateY(-50%);
}

.top5 {
	top: -.5rem !important;
}

img {
	transition: all 0.3s;
	transform: scale(1);
}

@media (min-width: 640px) {

	/* .container {
		margin: 0 7.5%;
	} */
	.img-box>img:hover {
		transform: scale(1.2);
	}
}

@media (min-width: 1200px) {

	/* .container {
		margin: 0 6%;
	} */
	.container2 {
		margin: 0 10%;
	}

	.img-box>img:hover {
		transform: scale(1.2);
	}
}

@media (min-width: 1600px) {

	/* .container {
		margin: 0 11%;
	} */
	.container2 {
		margin: 0 20%;
	}

	.img-box img::hover {
		transform: scale(1.2);
	}
}

.container {
	width: auto;
	max-width: 1500px;
	margin: 0 auto;
}

.head-main {
	height: 100px;
}

.banner img {
	height: 100%;
	width: 100%;
	object-fit: fill;
}

.index1-box {
	padding-top: 60px !important;
	padding-bottom: 20px;
}

.banner {
	margin-top: -100px;
}

.profile-box .banner_3_box img {
	height: 165px;
	width: 100%;
	 object-fit: cover;

}

.profile-box .img {
	width: 100%;
	height: 265px;
	object-fit: fill;
}

#banner_2 img {
	width: 100%;
	height: 300px;
	object-fit: fill;
}

.banner_2_title {
	/* background: #FFFFFF; */
	padding: 12px 24px 10px 24px;
	/* box-shadow: 1px 2px 9px 1px rgba(74, 106, 133, 0.1); */
	color: #333333;
	/* position: absolute; */
	bottom: 2%;
	/* width: 96%; */
	left: 2%;
}

.title1 {
	font-family: PingFang SC, PingFang SC;
	font-weight: 500;
	font-size: 26px;
	color: #0F0F0E;
	display: inline-block;
	text-align: center;
	position: relative;
}

.seach-title {
	font-size: 26px;
}

.banner_1 {
	margin-bottom: 0.2rem;
	position: relative;
	margin-top: 0.5rem;
}



.head-main p {
	color: #FFF;
	display: flex;
	align-items: center;
}

.top-nav {
	/* background: #1f21241a;
	width: 100%;
	top: 0;
	/* position: fixed; */
	height: 0.44rem;
	position: relative;
	z-index: 999;
	font-size: 14px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.top-bgw {
	background: #1f2124;
}

.footer-copy {
	padding: 0.32rem;
	display: flex;
	/* flex-direction: column; */
	align-items: center;
	grid-gap: 0.1rem;
	font-size: 14px;
	color: #e7e7e7ba;
	justify-content: center;
	grid-gap: 10px;
	flex-wrap: wrap;
}

/* .footer-copy p:nth-of-type(1) {
	flex: 1;
} */

.footer-copy a {
	color: #e7e7e7ba !important;
}

.footer-phone {
	display: flex;
	flex-direction: column;
	grid-gap: 0.18rem;
}

.footer-phone dd {
	flex-direction: unset;
	flex-wrap: wrap;
}

.footer-phone dd,
dt {
	align-items: normal;
	/* font-size: 16px; */
}

.flex {
	display: flex;
}

.aic {
	align-items: center;
}

.jcc {
	justify-content: center;
}

.gg6 {
	grid-gap: 0.06rem;
}

.nav-phone-item {
	display: grid;
	/* padding:60px 0; */
	grid-gap: 0.1rem;
}

/* .nav-phone-item dt {
	margin-bottom: 0.1rem;
	color: #000;
}

.nav-phone-item dd {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 0.1rem;
	font-size: 14px;
} */
.el-input__inner {
	-webkit-appearance: none;
	background-color: #fff;
	background-image: none;
	border-radius: 4px;
	/* border: 1px solid #333; */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #575757;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	color: #E6E6E6;
	outline: 0;
	-webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
	transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
	width: 100%;
}

.title-box {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 50px;
	justify-content: center;
}

.title {
	font-family: PingFang SC, PingFang SC;
	font-weight: 500;
	font-size: 26px;
	color: #0F0F0E;
	display: inline-block;
	text-align: center;
	position: relative;
}



.title::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background: #7F7F7F;
	bottom: -5px;
	left: 30%;
	animation: zoomInOut 2s ease-in-out infinite alternate;
}

.title::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background: #7F7F7F;
	bottom: -10px;
	left: -30%;
	animation: zoomInOut1 2s ease-in-out infinite alternate;
}

.profile-box .title::before,
.profile-box .title::after {
	background: #FFF;
}

/* 定义动画 */
@keyframes zoomInOut {
	0% {
		width: 0%;
		opacity: 0;
		/* 初始状态，无放大缩小 */
	}

	100% {
		width: 100%;
		opacity: 1;
		/* 结束状态，恢复原始大小 */
	}
}

/* 定义动画 */
@keyframes zoomInOut1 {
	0% {
		width: 100%;
		opacity: 1;
		/* 初始状态，无放大缩小 */
	}

	100% {
		width: 0%;
		opacity: 0;
		/* 结束状态，恢复原始大小 */
	}
}

.col {
	padding-left: 0.06rem;
	padding-right: 0.06rem;
}
.banner_6 .swiper-pagination-bullet {
	background-color: #FFF;
	border-radius: 50%;

}

.banner_6 .swiper-pagination-bullet-active {
	background-color: #BD1C21;
}



.banner_6 .swiper-container-horizontal>.swiper-pagination {
	text-align: center;
}
.banner_1 .swiper-pagination-bullet {
	background-color: #FFF;
	border-radius: 50%;

}

.banner_1 .swiper-pagination-bullet-active {
	background-color: #BD1C21;
}



.banner_1 .swiper-container-horizontal>.swiper-pagination {
	text-align: right;
	padding-right: 0.2rem;
}

.banner_1_title {
	background: rgba(4, 4, 4, 0.47);
	color: #FFF;
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 16px;
	padding: 0.2rem;
}

.mt12 {
	margin-top: 0.12rem;
}

.mb12 {
	margin-bottom: 0.12rem;
}

.ml12 {
	margin-left: 0.12rem;
}

.mr12 {
	margin-right: 0.12rem;
}

.aid {
	align-items: flex-end
}

.pb12 {
	padding-bottom: 0.12rem;
}

.img-box {
	overflow: hidden;
}

.fdc {
	flex-direction: column
}

.jcs {
	justify-content: space-between
}

.webkit {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.flx1 {
	flex: 1;
}

/* 首页 */
.new-idea {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding: 0.2rem 0.2rem 0 0.2rem;
}

.new-idea-title {
	border-bottom: 2px solid rgba(189, 28, 33, 1);
	display: inline-block;
	font-size: 16px;
	font-family: PingFang SC, PingFang SC;
	font-weight: 500;
	padding-bottom: 0.12rem;
}

.new-idea-time {
	display: flex;
}

.new-idea-time {
	font-size: 16px;
	color: #333;
	white-space: nowrap;
}

.new-index-idea-box {
	width: 100%;
	line-height: 50px;
}

.new-index-idea-box div {
	position: relative;
	padding-left: 20px;
}

.new-index-idea-box div::after {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	background: #333;
	left: 5px;
}

.new-idea-box {
	line-height: 50px;
	padding-right: 20px;
}

.new-idea-box {
	position: relative;
	padding-left: 20px;
}

.new-idea-box::after {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	background: #333;
	left: 5px;
}

.journalism-detail {
	margin-right: 0.14rem;
	white-space: nowrap;
	background-color: rgba(245, 245, 245, 1);
	text-align: center;
	padding: 6px 10px;
	border-radius: 3px;
}

.journalism-detail p:first-of-type {
	border-radius: 2px;
	font-size: 16px;
}

.journalism-detail div:last-of-type {
	font-weight: 500;
	color: rgba(100, 100, 100, 0.8);
	-webkit-line-clamp: 2;
	line-height: 22px;
	text-align: justify;
}

.new-idea-detail {
	font-weight: 500;
	line-height: 22px;
	color: rgba(100, 100, 100, 0.8);
	-webkit-line-clamp: 2;
	text-align: justify
}

.new-idea-text {
	-webkit-line-clamp: 1;
	text-align: justify;
	/* color: #333333; */
	font-weight: 400;
	width: 80%;
}

.journalism-box a {
	width: 100%;
	padding-bottom: 9px;
	align-items: center;
	display: inline-grid;
	grid-template-columns: 82px 1fr;
}

.journalism-title {
	font-weight: 400;
	/* color: #333333; */
	-webkit-line-clamp: 1;
	width: 100%;
}

.journalism-line {
	border-bottom: 1px dashed #cccccc8c;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

/* .banner_2_title p:first-of-type {
	color: rgba(183, 181, 177, 0.80);
} */

.banner_2_title p:last-of-type {
	/* height: 0.6rem; */
	text-align: center;
}

.banner_2_title .iconfont-box {
	font-size: 14px;
	color: rgba(183, 181, 177, 0.8);
}

.iconfont-box .iconfont {
	font-size: 14px;
}


#banner_2 .swiper-slide {
	position: relative;
}

.banner_3_detail {
	font-size: 0.16rem;
	text-align: center;
	padding: 5px 5px 0 5px;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.banner_3_detail-box {
	padding: 10px;
	/* box-shadow: 1px 2px 9px 1px rgba(74, 106, 133, 0.1); */
	border-radius: 5px;
	height: 70px;
}

.profile-box a {
	display: block;
	overflow: hidden;
	transition: all 0.3s;
	box-shadow: 1px 2px 9px 1px rgba(74, 106, 133, 0.1);
}

.profile-box a:hover {
	color: inherit;
	transform: scale(1.01);
}

.banner_3 .banner_3_box {
	color: #FFF;
	display: grid;
	justify-content: center;
	    /* background: #ffffff21;
    color: #FFF;
    justify-content: center;
    border: 1px solid #ffffff3d;
    border-radius: 10px;
    padding: 10px 0 0 0; */
}

.bgWhite {
	background: white;
}

.banner_4_box {
	border-radius: 16px;
	overflow: hidden;
	position: relative;
}

.banner_4_box img {
	height: 292px;
}

.banner_4_detail {
	position: absolute;
	bottom: 0;
	font-size: 16px;
	background: rgba(70, 102, 162, 0.694117647058824);
	color: #FFF;
	width: 100%;
	text-align: center;
	padding: 16px;
	min-height: 80px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.business-box {
	display: grid;
	grid-gap: 30px;
}

.business-item {
	display: grid;
	grid-template-columns: 1fr 37px;
	align-items: center;
	grid-gap: 20px;
	box-shadow: 0px 2px 7px 0px rgba(64, 86, 103, 0.08);
	border-radius: 4px;
	padding: 20px;
	background: #FFF;
	position: relative;
}
.banner_4 .swiper-wrapper{
	display: flex;
	/* grid-gap: 12px; */
	/* align-items: center; */
	/* justify-content: center; */
}
.banner_4 .swiper-slide {
	position: relative;
	flex: 1;
	min-width: 220px !important;
	max-width: 300px !important;
	/* padding: 15px 0 0 0; */
}

.banner_4 .swiper-slide span:first-of-type {
	background: #BD1C21;
	border-radius: 10px 2px 10px 2px;
	color: #FFF;
	position: absolute;
	padding: 3px 15px;
	top: 0;
	z-index: 1;
	left: 0;
}

.business-item span:first-of-type {
	background: #BD1C21;
	border-radius: 10px 2px 10px 2px;
	color: #FFF;
	position: absolute;
	padding: 3px 10px;
	top: 0;
	z-index: 1;
	left: 0;
	transform: translateY(-50%);
}

.business-item div p:first-of-type {
	font-weight: 500;
	color: #000;
	margin-bottom: 5px;
}

.business-item div p:last-of-type {
	font-weight: 400;
	color: #646464;
	line-height: 22px;
}

.business-item img {
	width: 37px;
}

.nav {
	width: 40px;
	display: flex;
	position: relative;
	/* z-index: 999; */
	justify-content: flex-end;
	height: 40px;
	align-items: center;
}

.header {
	position: relative;
	width: 100%;
	top: 0;
	z-index: 999;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.up {
	width: 20px !important;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	animation: zoomInOut2 0.5s ease-in-out infinite alternate;
}

/* 定义动画 */
@keyframes zoomInOut2 {
	0% {
		bottom: 80px;
	}

	100% {
		bottom: 90px;
	}
}

.zw {
	height: 0.54rem;
}

.profile-label {
	background: linear-gradient(180deg, #FAFCFF 0%, #FAFCFF 100%);
	box-shadow: 0px 2px 6px 0px rgba(65, 115, 155, 0.11);
	/* border-radius: 4px 4px 4px 4px; */
	padding: 12px 10px;
	text-align: center;
	border-bottom: 1px solid #aaaaaa38;
	font-weight: 400;
	/* font-size: 16px; */
	color: var(--themeColor);
	font-weight: 500;
	white-space: nowrap;
}

.profile-label-box {
	/* background: linear-gradient(153deg, #EBF7FF 0%, rgba(199, 221, 255, 0.62) 100%); */
	padding: 0;
	/* height: 500px; */
	overflow: auto;
	/* padding: 20px 20px; */
	display: flex;
	flex-direction: column;
	grid-gap: 0px;
}

.profile-label-box .on {
	background: var(--themeColor);
	color: #FFF;
	position: relative;
}

/* .profile-label-box .on:before {
	background: inherit;
	content: '';
	position: absolute;
	height: 29px;
	border-radius: 3px 3px 100% 3px;
	width: 29px;
	right: -13px;
	top: 5px;
	transform: rotate(134deg);
} */

.profile-label-phone {
	padding: 24px 0 0 0;
	grid-gap: 6px;
	margin-bottom: 24px;
}

.profile-label-phone-box {
	overflow-x: auto;
	overflow-y: hidden;
	background: #FFF;
}

.profile-label-phone .profile-label {
	/* background: linear-gradient(180deg, #183e8d26 0%, #FAFCFF 100%); */
	/* border-radius: 4px; */
	background: transparent;
	box-shadow: none;
	padding: 10px;
	border-color: transparent;
}

.profile-label {
	position: relative;
	color: #333;
}

.profile-label-phone .on:before {
	content: '';
	position: absolute;
	width: 80%;
	height: 3px;
	left: 10%;
	color: var(--themeColor);
	border-radius: 2px;
	background: var(--themeColor);
	bottom: 0;
}

.profile-label-phone .on {
	color: var(--themeColor);
}

.theme-text {
	font-weight: 500;
	padding-left: 24px;
	color: #444547;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	line-height: 60px;
	position: relative;
}

.theme-text:before {
	background: #BD1C21;
	content: '';
	position: absolute;
	height: 6px;
	border-radius: 50%;
	width: 6px;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.theme-box a:hover {
	color: #BD1C21;
	cursor: pointer;
}

.pc-text-box {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	background: #FFFFFF;
	height: 292px;
	padding: 0 155px;
	box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.05);
}

.none {
	display: none;
}

.show {
	display: block;
}

.journalism-item {
	margin: 0 12px;
}

.banner_3_swiper-button {
	display: flex;
	align-items: center;
	justify-content: center;
	grid-gap: 200px;
	margin-top: 3vw;
}

.banner_3_swiper-button .swiper-button-next,
.banner_3_swiper-button .swiper-button-prev {
	width: .3rem;
	height: .5rem;
	background-image: none;
	line-height: .5rem;
	text-align: center;
	position: relative;
	transition: all .5s;
	position: static;
}

.ryu-box {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 3.5vw;
}

.banner_4_box:hover .banner_4_detail {
	background: var(--themeColor);
}

.banner_3_box .img-box {
	width: 2.22rem;
	object-fit: cover;
	height: 1.5rem;
}

.Empty-box {
	padding: 20px 20px 100px 20px;
}

.Empty-box .Empty-icon {
	width: 150px;
	height: 150px;
	background: url("https://cms.fjzbgf.com/cms-file-system/2026/04/01/81e28b0ee692485ea823d9326b8be88f.png") no-repeat;
	background-size: cover;
}

.journalism a {
	padding: 5px 5px;
}

.img-bg {
	object-fit: cover;
	width: 100%;
	height: -webkit-fill-available;
	/* background-size: 100% 100%; */
	top: 0;
	left: 0;
	z-index: -1;
	position: absolute;
}

/* 整个滚动条 */
::-webkit-scrollbar {
	width: 1px;
	/* 垂直滚动条宽度 */
	height: 5px;
	/* 水平滚动条高度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
	background: transparent;
	/* 轨道颜色 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
	background: #01010145;
	/* 滑块颜色 */
	border-radius: 10px;
	/* 滑块圆角 */
}

/* 滚动条滑块在鼠标悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
	background: #555;
	/* 滑块悬停颜色 */
}



@media (min-width: 992px) {
	.profile-box .col-md-4 {
		padding-left: 20px;
		padding-bottom: 20px;
	}

	/* .profile-box img {
		height: 265px;
	} */
}

.tac {
	text-align: center;
}

.taj {
	text-align: justify;
}

.detail-line {
	height: 1px;
	background: #3333334d;
	opacity: 0.2;
	/* margin-bottom: 20px; */
}

.channel_authority_box {
	line-height: 39px;
}

.channel_authority_box .col {
	padding-left: 0.12rem;
	padding-right: 0.12rem;
}

.channel_authority_item {
	border-radius: 20px 0px 20px 0px;
	padding: 20px;
	border: 1px solid var(--themeColor);
	margin-bottom: 20px;
}

.channel_authority_title {
	color: var(--themeColor);
}

.channel_authority_detail {
	height: 120px;
	overflow: scroll;
	display: flex;
	flex-direction: column;
}

.channel_public_box {
	display: flex;
	flex-direction: column;
	grid-gap: 0.3rem;
	padding-left: 12px;
}

.channel_public_item {
	display: grid;
	align-items: center;
	position: relative;
	grid-template-columns: 80px 1fr;
	grid-gap: 30px;
}

.channel_public_left {
	width: 100%;
	height: 80px;
	border-radius: 50%;
	border: 1px solid var(--themeColor);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: var(--themeColor);
	background: #FFF;
	position: relative;
	z-index: 11;
	box-shadow: 1px 1px 0px 0px var(--themeColor);
}

.channel_public_left_line {
	position: absolute;
	height: calc(100%);
	background: var(--themeColor);
	width: 1px;
	z-index: 0;
	left: 40px;
	bottom: -80px;
}

.channel_public_item:last-of-type .channel_public_left_line {
	display: none;
}

.channel_public_left p:first-of-type {
	border-bottom: 1px solid var(--themeColor);
}

.channel_public_right p:first-of-type {
	color: #000;
	z-index: 11;
	position: relative;
}

.channel_public_box a:hover .channel_public_left {
	background: var(--themeColor);
	color: #FFF;
}


.channel_public_right_title {
	position: relative;
}

.channel_public_right_mark {
	position: absolute;
	background: var(--themeColor);
	top: -0px;
	z-index: 0;
	left: -10px;
	width: calc(100% + 10px);
	transition: all 0.1s;
	opacity: 0;
	height: 100%;
	border-radius: 5px;
}

.channel_public_right_mark::after {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	left: -7.5px;
	transform: translateY(-50%) rotate(45deg)skew(-12deg, -12deg);
	top: 50%;
	background: var(--themeColor);
}

.channel_public_box a:hover .channel_public_right_mark {
	opacity: 1;
}

.channel_public_right {
	border-bottom: 1px solid #3333330f;
	display: grid;
	grid-gap: 10px;
	position: relative;
	padding: 12px 12px 12px 0;
}

.channel_public_right div span:first-of-type {
	text-align: justify;
	position: relative;
	z-index: 1;
	color: #333333;
}

.channel_public_right img {
	position: relative;
	z-index: 1;
	max-width: 120px;
	height: 90px;
	object-fit: cover;
	margin-right: 12px;
}

.channel_public_box a:hover .channel_public_right div span:first-of-type {
	color: #FFF;
}

.channel_public_box a:hover .channel_public_right p:first-of-type {
	color: #FFF;
}

.pagination {
	grid-gap: 12px;
}

.pagination>li>a,
.pagination>li>span {
	color: var(--themeColor);
}

.pagination>li>a,
.pagination>li>span {
	border-color: transparent;
	background: #FFF;
	border-radius: 6px;
	box-shadow: 0 2px 8px 0 #00000014;
}

.pagination>li>.on {
	background: var(--themeColor);
	color: #FFF;
}

.pagination>li>a:hover {
	cursor: pointer;
	background: var(--themeColor);
	color: #FFF;
}

.channel_business_box p {}

.channel_business_box a {
	border-bottom: 1px solid #3333330f;
	display: block;
	padding: 20px 10px;
}

.organization-item {
	width: 135px;
	background: linear-gradient(330deg, #A1D3FF 0%, #3A8CDE 100%);
	border-radius: 6px 6px 6px 6px;
	padding: 10px;
	text-align: center;
	color: #FFF;
	position: relative;
}

.bottom .organization-item {
	width: 120px;
}

.organization-item::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 20px;
	left: 50%;
	background: #CDDBE7;
}

.top .organization-item::after {
	bottom: -20px;
}

.bottom .organization-item::after {
	top: -20px;
}

.top .organization-item-before {
	content: '';
	position: absolute;
	width: 1px;
	height: 20px;
	left: 50%;
	top: -20px;
	background: #CDDBE7;
}

.top-line {
	width: calc(90%);
	height: 20px;
	border-bottom: 1px solid #CDDBE7;
	border-left: 1px solid #CDDBE7;
	border-right: 1px solid #CDDBE7;
	/* bottom: -20px; */
	left: 5%;
	margin-top: -20px;
}

.bottom-line {
	width: calc(80%);
	height: 20px;
	border-top: 1px solid #CDDBE7;
	border-left: 1px solid #CDDBE7;
	border-right: 1px solid #CDDBE7;
	/* bottom: -20px; */
	left: 5%;
	margin-bottom: -20px;
}

.organization-item-top-line {
	width: calc(90%);
	height: 20px;
	border-bottom: 1px solid #CDDBE7;
	border-left: 1px solid #CDDBE7;
	border-right: 1px solid #CDDBE7;
	margin-top: -20px;
}

.organization-item-bottom-line {
	width: calc(90%);
	height: 20px;
	border-top: 1px solid #CDDBE7;
	border-left: 1px solid #CDDBE7;
	border-right: 1px solid #CDDBE7;
	margin-bottom: -20px;
}

.bottom .organization-item-before {
	content: '';
	position: absolute;
	width: 1px;
	height: 20px;
	left: 50%;
	bottom: -20px;
	background: #CDDBE7;
}

.organization-item-title {
	width: 155px;
	border-radius: 6px 6px 6px 6px;
	padding: 10px;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	border: 1px solid #AEC1D4;
	background: #FFF;
	color: #4D87B4;
	position: relative;
}

.bottom .organization-item-title {
	width: 148px;
}

.organization-title {
	background: linear-gradient(273deg, #5EB4FF 0%, #2F70C5 100%);
	border-radius: 8px 8px 8px 8px;
	writing-mode: vertical-rl;
	font-weight: 500;
	font-size: 20px;
	color: #FFFFFF;
	padding: 10px;
	line-height: 20px;
	letter-spacing: 13px;
	text-align: center;
	position: sticky;
	left: 0;
	z-index: 9;
}

.organization-box {
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	padding-left: 40px;
	padding-bottom: 20px;
}

#organization-bottom {
	grid-gap: 20px;
}

.organization-box .top {
	grid-gap: 20px;
	align-items: flex-end;
}

.organization-box .top-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	grid-gap: 20px;
}

.organization-box .top-item {
	display: flex;
	align-items: flex-end;
	grid-gap: 20px;
	position: relative;
}

.organization-item-child {
	display: flex;
	align-items: center;
	flex-direction: column;
	grid-gap: 20px;
	justify-content: center;
}

.top .organization-item-child>.organization-item-child-center:last-of-type::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 20px;
	left: 50%;
	bottom: -20px;
	background: #CDDBE7;
}

.bottom-child-line::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 20px;
	left: 50%;
	top: -20px;
	background: #CDDBE7;
}

.organization-item-child:last-of-type {
	align-items: center;
}

.organization-item-child-box:first-of-type .organization-item-child-center {
	align-items: center;
	justify-content: center;
}

.organization-item-child-box:last-of-type .organization-item-child-center {
	align-items: flex-end;
	justify-content: flex-end;
}

.organization-item-child-box {
	display: flex;
	align-items: flex-end;
	grid-gap: 20px;
	position: relative;
}

.organization-item-child-center {
	display: flex;
	align-items: flex-end;
	grid-gap: 20px;
	position: relative;
}

.bottom .organization-item-child-center {
	align-items: flex-start;
}

.line {
	border-radius: 0px 0px 0px 0px;
	border-top: 1px solid #CDDBE7;
	width: calc(100% + 40px);
	margin: 20px;
	position: relative;
	left: -50px;
}

.search-btn {
	white-space: nowrap;
	background: #4e6ef2;
	border-radius: 12px;
	height: 44px;
	/* border: 2px solid #4e6ef2; */
	padding: 0px 20px;
	right: 0;
	border-radius: 0 8px 8px 0;
	color: #FFF;
	font-weight: bold;
}

.seach-card {
	border-radius: 8px;
	align-items: flex-start;
	width: 100%;
	position: relative;
	background: #FFFFFF;
	z-index: 6;
	box-shadow: 0px 4px 6px 0px rgba(94, 135, 202, 0.15);
}

.input-box {
	border-right: 0;
	padding: 1px 30px 1px 10px;
	width: 100%;
	border-radius: 8px 0 0 8px;
}


.input-box input {
	width: 100%;
}

.search-item {
	background: #FFFFFF;
	/* border-bottom: 1px solid #eeeeee; */
	/* box-shadow: 0 2px 8px 0 #00000014; */
	/* background-image: linear-gradient(180deg, rgba(41, 206, 179, 0.1) 0%, rgba(41, 206, 179, 0) 100%); */
	border-radius: 8px;
	padding: 12px;
	display: grid;
}

.search-item:first-of-type {
	/* border-top: 1px solid #eeeeee; */
	/* margin-top: 15px; */
}

.search-detail {
	line-height: 24px;
	color: #272933;
	text-align: justify;
	font-size: 14px;
	-webkit-line-clamp: 5
}

.search-time {
	color: #A9ABB4;
	font-size: 14px
}

.search-box {
	display: flex;
	flex-direction: column;
	grid-gap: 12px;
}

input:-internal-autofill-selected {
	background: #FFF;
}

.cursorNone {
	opacity: 0.5;
	cursor: not-allowed
}

.loading,
.loading>div {
	position: relative;
	box-sizing: border-box;
}

.loading {
	display: block;
	font-size: 0;
	color: #4e6ef2;
}

.loading.la-dark {
	color: #4e6ef2;
}

.loading>div {
	display: inline-block;
	float: none;
	background-color: currentColor;
	border: 0 solid currentColor;
}

.loading {
	width: 32px;
	height: 32px;
}

.loading>div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-left: -4px;
	border-radius: 100%;
	animation: ball-spin-clockwise 1s infinite ease-in-out;
}

.loading>div:nth-child(1) {
	top: 5%;
	left: 50%;
	animation-delay: -0.875s;
}

.loading>div:nth-child(2) {
	top: 18.1801948466%;
	left: 81.8198051534%;
	animation-delay: -0.75s;
}

.loading>div:nth-child(3) {
	top: 50%;
	left: 95%;
	animation-delay: -0.625s;
}

.loading>div:nth-child(4) {
	top: 81.8198051534%;
	left: 81.8198051534%;
	animation-delay: -0.5s;
}

.loading>div:nth-child(5) {
	top: 94.9999999966%;
	left: 50.0000000005%;
	animation-delay: -0.375s;
}

.loading>div:nth-child(6) {
	top: 81.8198046966%;
	left: 18.1801949248%;
	animation-delay: -0.25s;
}

.loading>div:nth-child(7) {
	top: 49.9999750815%;
	left: 5.0000051215%;
	animation-delay: -0.125s;
}

.loading>div:nth-child(8) {
	top: 18.179464974%;
	left: 18.1803700518%;
	animation-delay: 0s;
}

.loading.la-sm {
	width: 16px;
	height: 16px;
}

.loading.la-sm>div {
	width: 4px;
	height: 4px;
	margin-top: -2px;
	margin-left: -2px;
}

.loading.la-2x {
	width: 64px;
	height: 64px;
}

.loading.la-2x>div {
	width: 16px;
	height: 16px;
	margin-top: -8px;
	margin-left: -8px;
}

.loading.la-3x {
	width: 96px;
	height: 96px;
}

.loading.la-3x>div {
	width: 24px;
	height: 24px;
	margin-top: -12px;
	margin-left: -12px;
}

@keyframes ball-spin-clockwise {

	0%,
	100% {
		opacity: 1;
		transform: scale(1);
	}

	20% {
		opacity: 1;
	}

	80% {
		opacity: 0;
		transform: scale(0);
	}
}

.search-icon {
	border: 2px solid #FFF;
	width: 15px;
	border-radius: 50%;
	height: 15px;
	position: relative;
	display: inline-block;
}

.search-icon::after {
	content: '';
	position: absolute;
	width: 2px;
	height: 70%;
	left: 50%;
	transform: rotate(-45deg) translate(-100%, 125%);
	background: #FFF;
	border-radius: 2px;
}

.sticky .search-icon {
	border-color: #333 !important;
}

.sticky .search-icon::after {
	background: #333 !important;
}


.search-body {
	width: 100%;
	/* height: calc(260px); */
	right: 0px;
	box-shadow: 0 6px 8px 0 #00000014;
	z-index: -1;
	font-size: 14px;
	background: #FFF;
	width: 100%;
	position: absolute;
	top: -5px;
	border-radius: 0 0 12px 12px;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.3s ease-out;
	display: grid;
	grid-template-rows: 0fr;
}

.search-body-active {
	grid-template-rows: 1fr;
	z-index: 5;
}

.search-title {
	padding-top: 5px;
	display: flex;
	justify-content: space-between;
}

.search-up {
	cursor: pointer;
}

.search-body img {
	height: 20px;
	width: 20px;
}

.search-body-mark {
	width: 100%;
	height: 100vh;
	top: 0;
	display: none;
	touch-action: none;
	left: 0;
	z-index: 1;
	position: fixed;
}

.search-body-mark-active {
	display: block;
}

.search-params {
	display: grid;
	margin-top: 24px;
	grid-gap: 10px;
	font-size: 12px;
}

.search-params-item {
	display: flex;
	grid-gap: 12px;
	font-size: 15px;
}

.search-value-box {
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	grid-gap: 6px;
}

.search-value {
	background: #F5F6FA;
	border: 1px solid #F5F6FA;
	padding: 6px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 6px;
}

.search-value-active {
	color: #FFF;
	background-color: #4e6ef2;
	border-radius: 6px;
}

.search-label {
	padding: 5px 5px;
	white-space: nowrap;
}

.bottom-icon {
	cursor: pointer;
	display: flex;
	align-items: center;
	grid-gap: 12px;
}

.bottom-wx,
.bottom-cellphone {
	width: 0;
	position: absolute;
	bottom: 40px;
	transform: translateX(-50%);
	left: 50%;
	opacity: 0;
	transition: all 0.3s;
}

.bottom-wx-icon:hover .bottom-wx,
.bottom-cellphone-icon:hover .bottom-cellphone {
	opacity: 1;
	width: 100px;
}

.header-nav .on {
	color: #fca143 !important;
}

.sub-nav .on {
	background: #0E59D1;
	color: #FFF !important;
}

.banner_5_box {
	width: 280px !important;
	height: 100px;
	border: 1px solid #dbdbdb;
	text-align: center;
	/* padding: 0 5px; */
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	box-shadow: 2px 4px 12px #00000014;
	transition: all .3s cubic-bezier(0, 0, .5, 1);
}

.banner_5_box:hover {
	transform: scale(1.05);
}

.banner_5_box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.banner_5,
.banner_5 .swiper-container,
.banner_5 .swiper-wrapper {
	height: 100%;
}

.banner_5 .swiper-slide {
	display: flex;
	width: 280px !important;
	align-items: center;
}

.banner_5_swiper-button {
	display: flex;
	align-items: center;
	justify-content: center;
	grid-gap: 200px;
	margin-top: 3vw;
}

.banner_5_swiper-button .swiper-button-next,
.banner_5_swiper-button .swiper-button-prev {
	width: .3rem;
	height: .5rem;
	background-image: none;
	line-height: .5rem;
	text-align: center;
	position: relative;
	transition: all .5s;
	position: static;
}

.page-banner-info .en {
	font-size: 50px;
}

.page-banner-info .cn {
	font-size: 24px;
}

.text-box {
	justify-content: center;
	grid-column-gap: 50px;
	flex-wrap: wrap;
	grid-row-gap: 12px;
}

.card-box {
	position: relative;
	padding: 50px 0;
}

.index_honor_subnav {
	margin-top: 50px;
}

@media (max-width: 1498px) {
	.head-main {
		height: 70px;
	}

	.banner {
		margin-top: -70px;
	}
}

@media (max-width: 1024px) {

	.banner .Empty,
	/* .banner {
		height: 480px;
	} */
	.index1-box {
		padding-top: 50px !important;
	}
}

@media (max-width: 768px) {

	.banner .Empty,
	.banner {
		height: 380px;
	}

	.index1-box {
		padding-top: 24px !important;
	}

	#banner_2 img {
		height: 160px;
	}

	.banner_2_title {
		padding: 12px 0px 10px 0px;
	}

	.banner_1 {
		margin-top: 0;
	}

	.title1 {
		font-size: 30px;
	}

	.seach-title {
		font-size: 20px;
	}

	.text-box {
		justify-content: center;
		grid-column-gap: 20px;
		flex-wrap: wrap;
		grid-row-gap: 12px;
	}

	.card-box {
		padding: 24px 0;
	}

	.title-box {
		transition: all 3s; 
		margin-bottom: 30px;
	}

	.index_honor_subnav {
		margin-top: 24px;
	}
}
@media (max-width: 480px) {
	.profile-box .img {
		height: 130px;
	}

	.profile-box .banner_3_box img {
		height: 165px;
	}

	.page-banner-info .en {
		font-size: 28px;
	}

	.page-banner-info .cn {
		font-size: 16px;
	}

	.banner {
		height: 280px;
	}
}

.nav-icon span {
	background: #FCA143 !important;
}

.list_p {
	color: #333 !important;
	width: 100%;
	padding: 0 40px 0 20px;
	height: 57px;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #eeeeee;
}

.list_dt {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.list_dt:hover {
	color: #4285F4;
	color: #FFF;
}

.list_dt:hover ._after {
	display: block;
	width: 3px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #4285F4;
}

#open {
	/* background: #4285F4; */
	color: #4285F4;
}

#open ._after {
	display: block;
	width: 3px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #4285F4;
}

.list_dt_icon {
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	transform: translateY(-50%);
	background: url("../images/arrow-down-s-fill.png") no-repeat;
	background-size: cover;
	transition: all 0.3s ease-out;
}

#open .list_dt_icon {
	transform: translateY(-50%) rotate(180deg);
	background-size: cover;
}

.list_dd {
	display: none;
}

.list_li {
	list-style-type: none;
	color: #333;
	width: 100%;
	padding: 0 30px;
	display: flex;
	align-items: center;
	height: 57px;
	cursor: pointer;
}

.list_li:hover {
	background: #4285F4;
	color: #FFF;
}

.list_li:hover a {
	color: #FFF;
}

.centent-detail img {
	max-width: 100%;
}
.pagination{
	flex-wrap: wrap;
}
@media (max-width: 1600px) {
	 #banner_2{
		width: 100%;
		float: none;
	}
	.banner_6{
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
}
@media (min-width:1200px) {
   #banner_2{
		width: calc(85% - 50px);
		float: left;
	}
	.banner_6{
		width: 15%;
		float: right;
		height: 350px;
	}
}

/* @media (max-width:767px) {
   
}

@media (min-width:768px) and (max-width:991px) {
 
} */

@media (min-width:992px) and (max-width:1199px) {
    #banner_2{
		width: calc(85% - 50px);
		float: left;
		height: 350px;
	}
	.banner_6{
		width: 15%;
		float: right;
		height: 350px;
	}
}