@font-face {
	font-family: 'DINCOND-MEDIUMALTERNATE';
	src: url("fonts/DINCOND-MEDIUMALTERNATE.woff2") format("woff2"),
		url("fonts/DINCOND-MEDIUMALTERNATE.woff") format("woff"),
		url("fonts/DINCOND-MEDIUMALTERNATE.ttf") format("truetype"),
		url("fonts/DINCOND-MEDIUMALTERNATE.eot") format("embedded-opentype"),
		url("fonts/DINCOND-MEDIUMALTERNATE.svg") format("svg");
}

.din {
	font-family: 'DINCOND-MEDIUMALTERNATE';
}

.w1400 {
	width: 73%;
	margin: 0 auto;
	max-width: 1400px;
}

@keyframes with {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

.body {
	height: 100vh;
	overflow: hidden;
}

.foot {
	background-color: #313131;
	padding: 2.2rem 0 0.75rem;
}

.foot-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.foot-logo {
	width: max-content;
	padding-top: 0.65rem;
}

.foot-logo div {
	width: 5.1rem;
}

.foot-logo p {
	color: rgba(255, 255, 255, .2);
	line-height: 1;
	margin-top: 1rem;
}

.share {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.share-ls {
	width: 1.1rem;
	height: 1.1rem;
	position: relative;
	border: 1px solid rgba(220, 220, 220, .14);
	border-radius: 50%;
	margin-right: .5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s;
}

.share-ls:last-child {
	margin-right: 0;
}

.share-ls>img {
	max-width: 80%;
	max-height: 80%;
	object-fit: cover;
	opacity: .4;
	transition: all .3s;
}

.share-ls div {
	position: absolute;
	top: 1.55rem;
	left: 50%;
	transform: translateX(-50%);
	width: 2.9rem;
	height: 0;
	opacity: 1;
	transition: all .3s;
}

.share-ls div::after {
	content: '';
	position: absolute;
	border-bottom: 8px solid #FFFFFF;
	border-left: 6.5px solid transparent;
	border-right: 6.5px solid transparent;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: all .3s;
}

.share-ls div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.share-ls:hover {
	background-color: #1E289E;
}

.share-ls:hover>img {
	opacity: 1;
}

.share-ls:hover div {
	height: 2.9rem;
	opacity: 1;
}

.share-ls:hover div::after {
	opacity: 1;
}

.foot-cent {
	margin-top: 2.8rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	padding-bottom: 1rem;
}

.foot-nav {
	line-height: 1;
}

.foot-nav a {
	color: #FFFFFF;
	margin-right: 1.05rem;
	display: inline-block;
	line-height: 1;
}

.foot-nav a:last-child {
	margin-right: 0;
}

.foot-state {
	margin-top: 0.25rem;
	line-height: 1;
}

.foot-state a {
	color: rgba(255, 255, 255, .5);
	margin-right: 0.9rem;
	line-height: 1;
	display: inline-block;
	padding-right: .9rem;
	border-right: 1px solid rgba(255, 255, 255, .2);
	transition: all .3s;
}

.foot-state a:hover {
	color: #FFFFFF;
}

.foot-state a:last-child {
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}

.foot-btn {
	margin-top: 0.9rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.copyright {}

.copyright a {
	display: inline-block;
	color: rgba(255, 255, 255, .4);
	transition: all .3s;
}

.copyright a:nth-child(1) {
	margin-right: 0.75rem;
}

.copyright a:nth-child(2) {
	margin-right: 1.35rem;
}

.copyright a:hover {
	color: #FFFFFF;
}

.copyright a img {
	width: .5rem;
	display: inline-block;
	margin-left: 5px;
}

.foot-url {
	width: 6.4rem;
	height: 1rem;
	border: 1px solid rgba(255, 255, 255, .1);
	position: relative;
}

.foot-url p {
	width: 100%;
	height: 100%;
	line-height: 1rem;
	padding-left: 0.6rem;
	position: relative;
	color: #B3B3B3;
	cursor: pointer;
}

.foot-url p::after {
	content: '';
	position: absolute;
	right: 0.45rem;
	top: 50%;
	transform: translateY(-50%);
	border-bottom: 5px solid #FFFFFF;
	border-left: 3.5px solid transparent;
	border-right: 3.5px solid transparent;
}

.foot-url-pos {
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	border-left: 1px solid rgba(255, 255, 255, .1);
	border-right: 1px solid rgba(255, 255, 255, .1);
	max-height: calc(2.4rem + 2px);
	overflow-y: auto;
	display: none;
}

.foot-url-pos a {
	display: block;
	color: #B3B3B3;
	height: .8rem;
	line-height: .8rem;
	border-top: 1px solid rgba(255, 255, 255, .1);
	padding-left: 0.6rem;
	transition: all .3s;
	background-color: #333;
}

.foot-url-pos a:hover {
	background-color: #1E289E;
	color: #FFFFFF;
}

.index-container .swiper-slide {
	width: 100%;
	height: 24rem;
}

.index-container .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index-pos {
	position: absolute;
	top: 50%;
	left: 8.35%;
	transform: translateY(-50%);
}

.index-pos-tit {
	color: #FFFFFF;
	line-height: 1.3;
	font-size: 1.3rem;
	margin-bottom: 2rem;
}

.index-pos-more {
	display: block;
	width: 3.9rem;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	border: 1px solid #FFFFFF;
	border-radius: 25px;
	color: #FFFFFF;
}

.i-ban-vd {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3.35rem;
	z-index: 2;
}

.i-ban-intro {
	width: 4.95rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: linear-gradient(to right, #1D2158 0%, #293196 100%);
}

.i-ban-intro p {
	line-height: 1;
	width: 100%;
	padding-left: 0.7rem;
}

.i-ban-intro p:nth-child(1) {
	color: rgba(250, 203, 49, .6);
	margin-bottom: 0.4rem;
}

.i-ban-intro p:nth-child(2) {
	color: #FACB31;
}

.i-ban-vd-img {
	width: 5.2rem;
	height: 100%;
	position: relative;
}

.i-ban-vd-img>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.i-ban-vd-img .play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	width: 16px;
}

#index-pagination {
	position: absolute;
	bottom: 1.6rem;
	left: 8.35%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 11;
}

.page-num-now,
.page-num-all {
	color: #FFFFFF;
	line-height: 1;
}

.page-num-now {
	margin-right: 0.25rem;
}

.page-num-all {
	margin-left: 0.25rem;
}

#index-pagination .swiper-pagination {
	position: relative;
	line-height: 1;
	display: flex;
}

#index-pagination .swiper-pagination-bullet {
	width: 0.9rem;
	height: 1px;
	background: #FFFFFF;
	border-radius: 0;
	margin: 0 auto;
}

#index-pagination .swiper-pagination-bullet-active {
	background: #FFFFFF;
}

.index-container .swiper-pagination-bullet-active::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #C49601;
	bottom: 0;
	left: 0;
	animation: with 5s forwards;
}

.mouse {
	position: absolute;
	z-index: 11;
	bottom: 1.85rem;
	left: 50%;
	transform: translateX(-50%);
	width: 0.65rem;
}

.i-about {
	width: 100%;
	height: auto;
	padding: 2.35rem 0 2rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* min-height: 7.5rem; */
}

.i-about-bg {
	position: absolute;
	bottom: 0;
	right: 0;
}

.i-about-lf {
	position: relative;
	width: 46.5%;
	height: 12rem;
}

.i-about-lf-1 {
	position: absolute;
	/*width: 14.65rem;*/
	width:100%;
	/*left: -2.8rem;*/
	top: 10px;
	z-index: 2;
}

.i-about-lf-2 {
	position: absolute;
	width: 11.55rem;
	top: 4.5rem;
	left: 7.5rem;
	z-index: 1;
}

.i-about-rg {
	width: 48.2%;
	height: 100%;
	padding-right: 15%;
	position: relative;
	z-index: 2;
}

.i-about-tit {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 0.45rem;
}

.i-about-tit div {
	width: 0.55rem;
}

.i-about-tit div img {
	width: 100%;
	object-fit: cover;
}

.i-about-tit p {
	color: #1E289E;
	line-height: 1;
	margin-left: 6px;
}

.i-about-sub {
	line-height: 1.1;
	font-size: 1.2rem;
	color: #000000;
	margin-bottom: .8rem;
}

.i-about-cont {
	color: #666666;
	line-height: .75rem;
	max-height: 3rem;
	overflow: hidden;
	margin-bottom: 1.4rem;
}

.i-about-box {
	display: flex;
	align-items: flex-start;
	/*justify-content: flex-start;*/
	margin-bottom: 1.85rem;
}

.i-about-ls {
	margin-right: .75rem;
}
.i-about-ls:nth-child(5n){
	margin-right:0;
}

.i-about-ls>p {
	color: #1E289E;
	line-height: 1;
	white-space: nowrap;
}

.i-about-ls:last-child {
	margin-right: 0;
}

.i-about-num {
	line-height: 1;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	margin-bottom: 0.25rem;
}

.i-about-num p {
	font-size: .85rem;
	line-height: 1;
	color: #1E289E;
	font-weight: bold;
}

.i-about-num span {
	line-height: 1;
	color: #1E289E;
}

.i-about-more {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.i-about-more a {
	display: block;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	border-radius: 25px;
	transition: all .3s;
}

.i-about-more a:nth-child(1) {
	width: 2.5rem;
	background: #1E289E;
	margin-right: 0.85rem;
	color: #FFFFFF;
}

.i-about-more a:nth-child(2) {
	width: 3.9rem;
	background: #FACB31;
	display: flex;
	align-items: center;
	justify-content: center;
}

.i-about-more a:nth-child(2) div {
	width: 0.4rem;
	margin-right: 5px;
}

.i-about-more a:nth-child(2) p {
	color: #202778;
}

.i-about-more a:nth-child(1):hover {
	border: 1px solid #1E289E;
	color: #1E289E;
	background-color: #FFFFFF;
}

.i-about-more a:nth-child(2):hover {
	border: 1px solid #FACB31;
	color: #FACB31;
	background-color: #FFFFFF;
}

.i-dev {
	width: 100%;
	height: 20rem;
}

.i-dev-box {
	/* width: 100%; */
	padding-top: 5.1rem;
}

.i-dev-tit {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 0.75rem;
}

.i-dev-tit div {
	width: 0.6rem;
}

.i-dev-tit div img {
	width: 100%;
	object-fit: cover;
}

.i-dev-tit p {
	color: rgba(255, 255, 255, .6);
	margin-left: 6px;
}

.i-dev-sub {
	font-size: 1.2rem;
	margin-bottom: 0.8rem;
	color: #FFFFFF;
	line-height: 1.1;
}

.i-dev-cont {
	color: rgba(255, 255, 255, .4);
	margin-bottom: 2.6rem;
	line-height: 2;
}

.i-dev-more {
	display: block;
	width: 3rem;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	border: 1px solid #FFFFFF;
	border-radius: 25px;
	color: #FFFFFF;
	transition: all .3s;
}

.i-dev-more:hover {
	background-color: #1E289E;
	border: 1px solid #1E289E;
}

.i-qua {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.i-qua-lf {
	width: 50%;
}

.i-qua-top {
	width: 100%;
	height: 12.9rem;
	padding-top: 3rem;
	padding-left: 16.7%;
}

.i-qua-tit {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 0.5rem;
}

.i-qua-tit div {
	width: 0.45rem;
}

.i-qua-tit div img {
	width: 100%;
	object-fit: cover;
}

.i-qua-tit p {
	color: #1E289E;
	margin-left: 6px;
}

.i-qua-sub {
	font-size: 1rem;
	color: #000000;
	line-height: 1.3;
	margin-bottom: 2rem;
	width: 80%;
}

.i-qua-cont {
	color: #666666;
}

.i-qua-cont span {
	color: #000000;
	/* font-weight: bold; */
	line-height: 2;
}

.i-qua-img {
	width: 100%;
	height: 10rem;
	/* border-top: 1px solid #EEEEEE; */
	display: flex;
	align-items: center;
	justify-content: center;
}

.i-qua-img-ls {
	width: 50%;
	height: 100%;
	border-right: 1px solid #EEEEEE;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	background: url(../img/18.png) no-repeat center;
	background-size: 100% 100%;
}

.i-qua-img-ls-box {
	width: 4rem;
	height: 4rem;
	background-color: #F2F4FA;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: all .3s;
}

.i-qua-img-ls-box img {
	max-width: 80%;
	max-height: 80%;
	object-fit: cover;
	transition: all .3s;
}

.i-qua-img-ls-box:hover {
	background-color: #F1C73A;
}

.i-qua-img-ls-box:hover .normal-block {
	opacity: 0;
}

.i-qua-img-ls-box:hover .hover-block {
	opacity: 1;
}

.i-qua-rg {
	height: 22.9rem;
	width: 50%;
	position: relative;
}

.i-qua-rg-pos-1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 12.9rem;
}

.i-qua-rg-pos-1 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.i-qua-rg-pos-2 {
	position: absolute;
	top: 12.9rem;
	left: 0;
	width: 100%;
	height: 10rem;
	background: linear-gradient(1deg, #1D2158 0%, #293196 100%);
}

.i-qua-container {
	width: 89.5%;
	margin-left: 8%;
	margin-top: 6.5rem;
}

.i-qua-container .swiper-pagination {
	position: relative;
	line-height: 1;
	margin-top: 3rem;
}

.i-qua-rg .i-qua-container .swiper-pagination .swiper-pagination-bullet {
	width: 11px;
	height: 11px;
	background: #FFFFFF;
	opacity: 0.2;
	border-radius: 50%;
	margin: 0 11px;
}

.i-qua-rg .i-qua-container .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
}

.i-net {
	position: relative;
	width: 100%;
}

.i-net>img {
	width: 100%;
	object-fit: cover;
}

.i-net-tit {
	position: absolute;
	left: 0;
	top: 22%;
}

.i-net-tit p {
	color: #FFFFFF;
	width: 1.8rem;
	height: 8.95rem;
	background: linear-gradient(0deg, #202778 0%, #4451F0 100%);
	margin-bottom: -0.25rem;
	writing-mode: tb;
	text-align: center;
	line-height: 1.8rem;
	letter-spacing: 5px;
}

.i-net-tit div {
	position: relative;
	padding-left: 7.05rem;
}

.i-net-tit div::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: rgba(78, 79, 95, .1);
	bottom: 0;
	left: 0;
}

.i-net-num {
	font-size: 2.5rem;
	color: #1164E1;
	margin-right: 0.4rem;
	display: inline-block;
	line-height: .8;
}

.i-net-en {
	color: #DFDFDE;
	display: inline-block;
	line-height: 1;
}

.i-point {
	position: absolute;
	width: 0.75rem;
}

.i-point img {
	width: 100%;
	object-fit: cover;
	transition: all .3s;
}

.i-point:hover img {
	transform: translateY(-10px);
}

.i-point p {
	background-color: rgba(0, 0, 0, .4);
	padding: 0 .5rem;
	height: 0.75rem;
	line-height: .75rem;
	text-align: center;
	border-radius: 15px;
	color: #FFFFFF;
	position: absolute;
	left: 50%;
	top: calc(100% + 15px);
	transform: translateX(-50%);
	font-weight: bold;
	width: max-content;
}

.point1 {
	top: 34%;
	left: 21.5%;
}

.point2 {
	top: 28.5%;
	left: 48%;
}

.point3 {
	top: 26%;
	left: 50.5%;
}

.point4 {
	top: 36%;
	left: 68.5%;
}

.point5 {
	top: 18%;
	left: 78%;
}

.point6 {
	top: 57%;
	left: 76.5%;
}

.point7 {
	top: 41%;
	left: 79.2%;
}

.point8 {
	top: 43%;
	left: 81.2%;
}

.point9 {
	top: 34%;
	left: 83%;
}

.point10 {
	top: 32%;
	left: 86.5%;
}

.i-news {
	padding: 5.6rem 0 5.5rem;
	position: relative;
}

.i-news-point {
	position: absolute;
	top: 1.8rem;
	left: 7.4%;
	width: 7.2rem;
	height: 7.2rem;
	z-index: -1;
}

.i-news-point img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.i-news-top {
	margin-bottom: 1.4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.i-news-top-lf {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.i-news-top-lf div {
	margin-right: 0.25rem;
	width: .5rem;
}

.i-news-top-lf div img {
	width: 100%;
	object-fit: cover;
}

.i-news-top-lf p {
	color: #1E289E;
	line-height: 1;
}

.i-news-top-rg {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.i-news-top-rg div {
	width: 0.35rem;
	margin-right: 6px;
}

.i-news-top-rg div img {
	width: 100%;
	object-fit: cover;
}

.i-news-top-rg p {
	color: #222222;
	line-height: 1;
}

.i-news-cent {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.i-news-container .i-news-ls {
	display: block;
	width: 29%;
	margin-right: 6.5%;
}

.i-news-container .i-news-ls:last-child {
	margin-right: 0;
}

.i-news-ls-pic {
	width: 100%;
	height: 7.15rem;
	overflow: hidden;
}

.i-news-ls-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s;
}

.i-news-ls-cont {
	margin-top: .5rem;
}

.i-news-ls-cont-tit {
	color: #1A1A1A;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: .5rem;
	transition: all .3s;
}

.i-news-ls-cont-time {
	color: #666666;
	padding-bottom: 1rem;
	border-bottom: 1px solid #1B1B1B;
	width: 90%;
}

.i-news-ls-cont-more {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 12px 0;
	width: 3.85rem;
	border-bottom: 1px solid #1B1B1B;
}

.i-news-ls-cont-more div {
	margin-right: .5rem;
	width: 0.3rem;
	transition: all .3s;
}

.i-news-ls-cont-more p {
	color: #1A1A1A;
	line-height: 1;
}

.swiper-box {
	position: relative;
}

.i-news-ls:hover .i-news-ls-pic img {
	transform: scale(1.1);
}

.i-news-ls:hover .i-news-ls-cont-tit {
	color: #1E289E;
}

.i-news-ls-cont-more:hover div {
	transform: translateX(10px);
}

.swiper-box .swiper-button-prev,
.swiper-box .swiper-button-next {
	width: 1rem;
	height: 1rem;
	border: 1px solid #1E289E;
	border-radius: 50%;
	background: url(../img/35.png) no-repeat center;
	background-size: 14px 7px;
	bottom: -3rem;
	top: auto;
	margin: 0;
}

.swiper-box .swiper-button-prev {
	left: auto;
	right: 1.5rem;
}

.swiper-box .swiper-button-next {
	transform: rotate(180deg);
	right: 0;
}

.swiper-box .swiper-button-prev::after,
.swiper-box .swiper-button-next::after {
	font-size: 0;
}

.banner {
	position: relative;
}

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

.public {
	position: absolute;
	top: 50%;
	left: 8.35%;
	transform: translateY(-50%);
}

.public-tit {
	color: #FFFFFF;
	font-size: 1.5rem;
	margin-bottom: 0.75rem;
	line-height: 1;
}

.public-nav {
	line-height: 1;
}

.public-nav a {
	display: inline-block;
	margin-right: .5rem;
	position: relative;
	line-height: 1;
	color: #FFFFFF;
	opacity: .8;
}

.public-nav a::after {
	content: '>';
	position: absolute;
	right: -15px;
	top: 50%;
	transform: translateY(-50%);
}

.public-nav a:last-child {
	margin-right: 0;
	color: #FACB31;
}

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

.about {
	padding: 2.3rem 0 8rem;
}

.about-box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.about-lf {
	width: 50%;

}

.about-lf-intro {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: .5rem;
	padding: 0 2rem;
}

.about-lf-intro div {
	width: 0.55rem;
	margin-right: .2rem;
}

.about-lf-intro div img {
	width: 100%;
	object-fit: cover;
}

.about-lf-intro p {
	color: #283195;
	line-height: 1;
}

.about-lf-tit {
	color: #000000;
	font-size: 1.2rem;
	line-height: 1.1;
	margin-bottom: 0.75rem;
	padding: 0 2rem;
}

.about-lf-cont-box {
	max-height: 5.6rem;
	overflow-y: auto;
	padding: 0 2rem;
	direction: rtl;
}

.about-lf-cont {
	color: #666666;
	line-height: 0.8rem;
	direction: ltr;
}

.about-lf-cont-box::-webkit-scrollbar {
	width: 1px;
}

.about-lf-cont-box::-webkit-scrollbar-thumb {
	background: #283195;
}

.about-rg {
	width: 50%;
	border: 1px solid #E8E8E8;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.about-rg-ls {
	width: 33.3%;
	height: 5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
}

.about-rg-ls>p {
	color: #333333;
	line-height: 1;
}

.about-rg-ls-num {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin-bottom: 0.35rem;
}

.about-rg-ls-num p {
	color: #1E289E;
	font-size: 1.5rem;
	line-height: .8;
}

.about-rg-ls-num span {
	color: #1E289E;
	line-height: 1;
}

.about-rg-ls:nth-child(3n) {
	border-right: none;
}

.about-rg-ls:nth-child(n + 4) {
	border-bottom: none;
}

.cul {
	position: relative;
	padding: 12.5rem 0 3.5rem;
}

.cul-top {
	position: absolute;
	top: -5.5rem;
	left: 50%;
	transform: translateX(-50%);
	overflow: hidden;
}

.cul-top img {
	width: 100%;
	object-fit: cover;
	transition: all .3s;
}

.cul-top:hover img {
	transform: scale(1.1);
}

.cul-intro {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: .75rem;
}

.cul-intro div {
	width: 0.55rem;
	margin-right: 0.35rem;
}

.cul-intro div img {
	width: 100%;
}

.cul-intro p {
	color: #FACB31;
	line-height: 1;
}

.cul-tit {
	color: #FFFFFF;
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
	margin-bottom: 2.5rem;
}

.cul-btn-box {
	border-top: 1px solid rgba(255, 255, 255, .15);
	padding-top: 2.95rem;
}

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

.cul-btn::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 2.75rem;
	background-color: rgba(255, 255, 255, .2);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.cul-ls {
	width: 39%;
	display: flex;
	align-items: center;
}

.cul-ls-img {
	width: 1.45rem;
	margin-right: 1rem;
}

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

.cul-ls-cont {
	color: #FFFFFF;
	line-height: 1.8;
	width: calc(100% - 2.45rem);
}

.organ {
	padding: 3rem 0;
}

.organ-box {
	border: 1px solid #DDDDDD;
	padding: 2rem 3.1rem;
	position: relative;
}

.organ-box p {
	color: #000000;
	font-size: 1.2rem;
	line-height: 1;
	position: absolute;
	top: 2rem;
	left: 3.1rem;
}

.honor {
	position: relative;
	padding: 3rem 0 5rem;
}

.honor::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background-color: #F6F6F6;
	z-index: 1;
}

.honor-box {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	z-index: 2;
}

.honor-box>p {
	color: #000000;
	font-size: 1.2rem;
	line-height: 1;
	width: 20%;
}

.honor-container {
	width: 80%;
}

.honor-container .swiper-slide {
	width: 22%;
	height: 9rem;
	margin-right: 4%;
	overflow: hidden;
}

.honor-container .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s;
}

.honor-container .swiper-slide:hover img {
	transform: scale(1.1);
}

.honor-container .swiper-slide:last-child {
	margin-right: 0;
}

.honor-box .swiper-button-prev,
.honor-box .swiper-button-next {
	width: 1.5rem;
	height: 1.5rem;
	border: 1px solid #293196;
	border-radius: 50%;
	background: url(../img/44.png) no-repeat center;
	background-size: 21px 19px;
	top: 2.1rem;
	margin: 0;
}

.honor-box .swiper-button-prev {
	left: 0;
}

.honor-box .swiper-button-next {
	transform: rotate(180deg);
	left: 2.25rem;
}

.honor-box .swiper-button-prev::after,
.honor-box .swiper-button-next::after {
	font-size: 0;
}

.honor-box .swiper-scrollbar {
	width: 100%;
	height: 1px;
	background-color: #DDDDDD;
	position: absolute;
	bottom: -2rem;
}

.honor-box .swiper-scrollbar-drag {
	background: #283195;
}

.video {
	padding: 2.5rem 0 3rem;
	position: relative;
}

.video::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(90deg, #1D2158, #293196);
	width: 100%;
	height: 9.625rem;
}

.video-box {}

.video-box>p {
	color: #000000;
	font-size: 1.2rem;
	line-height: 1;
	margin-bottom: 1.5rem;
	text-align: center;
}

.video-container .swiper-wrapper {
	align-items: center;
}

.video-container .swiper-slide {
	width: 30%;
	margin-right: 2.5%;
}

.video-container .swiper-slide img {
	width: 100%;
	object-fit: cover;
}

.video-container .swiper-slide-active {
	width: 35%;
}

.video-container .swiper-slide:last-child {
	margin-right: 0;
}

.video-container .swiper-slide .play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 2.25rem;
	height: 2.25rem;
	background: #F6F6F6;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all .3s;
	visibility: hidden;
}

.video-container .swiper-slide .play img {
	width: 18px;
}

.video-container .swiper-slide-active .play {
	opacity: 1;
	visibility: visible;
}

.video-box .video-container .video-pagination {
	position: relative;
	margin-top: 1.5rem;
	bottom: 0;
	line-height: 1;
}

.video-box .video-container .video-pagination .swiper-pagination-bullet {
	width: 11px;
	height: 11px;
	background: #FFFFFF;
	border-radius: 50%;
	margin: 0 11px;
}

.video-box .video-container .video-pagination .swiper-pagination-bullet-active {
	background: #FACB31;
}

.style {
	padding: 3rem 0;
}

.style-box {}

.style-tit {
	line-height: 1;
	color: #000000;
	margin-bottom: 1.5rem;
	font-size: 1.2rem;
}

.style-intro {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.style-intro-lf {
	width: 50%;
	height: 15rem;
	overflow: hidden;
}

.style-intro-lf img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s;
}

.style-intro-lf:hover img {
	transform: scale(1.1);
}

.style-intro-rg {
	width: 50%;
	height: 15rem;
	padding-left: 2.5%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.style-intro-rg div {
	width: 47.5%;
	height: 46.7%;
	margin-right: 5%;
	margin-bottom: 5%;
	overflow: hidden;
}

.style-intro-rg div:nth-child(2n) {
	margin-right: 0;
}

.style-intro-rg div:nth-child(n + 3) {
	margin-bottom: 0;
}

.style-intro-rg div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s;
}

.style-intro-rg div:hover img {
	transform: scale(1.1);
}

.pro {
	padding-bottom: 3rem;
}

.pro-top {
	position: relative;
	top: -2rem;
	background-color: #FFFFFF;
	box-shadow: 0px .5rem 2rem 0px rgba(0, 0, 0, 0.1);
	padding: 1.5rem 2rem;
}

.pro-top::after {
	content: '';
	position: absolute;
	width: 1px;
	height: calc(100% - 3rem);
	background-color: #DDDDDD;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.pro-top-tit {
	color: #283195;
	font-size: 1rem;
	line-height: 1;
	margin-bottom: 0.8rem;
}

.pro-top-cont {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.pro-top-cont div {
	color: #666666;
	line-height: 2;
	width: 42%;
}

.pro-btn {}

.pro-tab {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 1rem;
}

.pro-tab span {
	color: #333333;
	width: 3rem;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	border: 1px solid #DDDDDD;
	border-radius: 25px;
	margin-right: .5rem;
	transition: all .3s;
	cursor: pointer;
}

.pro-tab span:last-child {
	margin-right: 0;
}

.pro-tab span:hover {
	background-color: #283195;
	color: #FFFFFF;
}

.pro-tab .cur {
	background-color: #283195;
	color: #FFFFFF;
}

.pro-ajax {
	border-top: 1px solid #E8E8E8;
	padding-top: 1.5rem;
}

.pro-ajax-box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.pro-lf {
	width: 50%;
	padding-right: 0.5rem;
}

.pro-lf img {
	width: 100%;
}

.pro-rg {
	width: 50%;
	padding-left: 1rem;
}

.pro-rg-tit {
	color: #283195;
	line-height: 1;
	margin-bottom: 1rem;
}

.pro-rg-ls {
	display: flex;
	/* align-items: flex-start; */
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 2px;
}

.pro-rg-ls p {
	width: 48%;
	border-bottom: 1px solid #E8E8E8;
	margin-right: 4%;
	margin-bottom: 0.6rem;
	padding-bottom: 0.6rem;
	overflow: hidden;
	/*line-height: 1;*/
	/*white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*/
}

.pro-rg-ls p:nth-child(2n) {
	margin-right: 0;
}

.pro-rg-cont {
	color: #333333;
	line-height: 2;
	padding-bottom: 0.9rem;
	border-bottom: 1px solid #E8E8E8;
}

.tech {
	padding: 2.25rem 0 3rem;
}

.qua {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 2rem;
	border-bottom: 1px solid #DDDDDD;
}

.qua-lf {
	width: 42.5%;
}

.qua-lf-intro {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: .5rem;
}

.qua-lf-intro div {
	width: 18px;
	margin-right: 0.25rem;
}

.qua-lf-intro div img {
	width: 100%;
	object-fit: cover;
}

.qua-lf-intro p {
	color: #1E289E;
	line-height: 1;
}

.qua-lf-tit {
	color: #000000;
	font-size: 1rem;
	line-height: 1.3;
	margin-bottom: .65rem;
}

.qua-lf-cont {
	line-height: 2;
	color: #666666;
}

.qua-lf-cont span {
	color: #000000;
	font-weight: bold;
}

.qua-rg {
	width: 57.5%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.qua-rg div {
	width: 48%;
	height: 8.75rem;
	margin-right: 4%;
	overflow: hidden;
}

.qua-rg div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s;
}

.qua-rg div:hover img {
	transform: scale(1.1);
}

.qua-rg div:last-child {
	margin-right: 0;
}

.process {
	padding-top: 2.25rem;
}

.process-tit {
	color: #111111;
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
	margin-bottom: 1.5rem;
}

.process-box {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.process-ls {
	width: 20%;
}

.process-ls-top {
	width: 6rem;
	height: 6rem;
	margin: 0 auto 1.5rem;
	position: relative;
	border: 2px solid #7E83BF;
	border-radius: 50%;
}

.process-ls-top-bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	transition: all .3s;
}

.process-ls-top-bg img {
	width: 100%;
	object-fit: cover;
}

.process-ls-top-num {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.process-ls-top-num p {
	color: #7E83BF;
	line-height: 1;
	transition: all .3s;
}

.process-ls-top-num p:nth-child(1) {
	font-size: 2rem;
	margin-bottom: 0.45rem;
}

.process-ls-top-num p:nth-child(2) {}

.process-ls-btn {
	width: 100%;
	height: 1.75rem;
	line-height: 1.75rem;
	text-align: center;
	background-color: #7E83BF;
	position: relative;
	color: #FFFFFF;
	transition: all .3s;
}

.process-ls-btn::after {
	content: '';
	position: absolute;
	border-left: 0.5rem solid #7E83BF;
	border-top: 0.875rem solid transparent;
	border-bottom: .875rem solid transparent;
	left: 100%;
	top: 0;
	z-index: 4;
	transition: all .3s;
}

.process-ls-btn::before {
	content: '';
	position: absolute;
	border-left: 0.5rem solid #FFFFFF;
	border-top: 0.875rem solid transparent;
	border-bottom: .875rem solid transparent;
	left: calc(100% + 1px);
	top: 0;
	z-index: 3;
}

.process-ls:last-child .process-ls-btn::after,
.process-ls:last-child .process-ls-btn::before {
	display: none;
}

/* .process-ls-btn p {
	color: #FFFFFF;
	line-height: 1.75rem;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}

.process-ls-btn div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #283195;
	transition: all .3s;
	z-index: 1;
	opacity: 0;
} */

.process-ls:hover .process-ls-top-bg {
	opacity: 1;
}

.process-ls:hover .process-ls-top-num p {
	color: #FFFFFF;
}

/* .process-ls:hover .process-ls-btn div {
	opacity: 1;
} */

.process-ls:hover .process-ls-btn {
	background-color: #283195;
}

.process-ls:hover .process-ls-btn::after {
	border-left: 0.5rem solid #283195;
}

.research {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: linear-gradient(90deg, #1D2158, #293196);
}

.research-lf {
	width: 50%;
	overflow: hidden;
}

.research-lf img {
	width: 100%;
	object-fit: cover;
	transition: all .3s;
}

.research-lf:hover img {
	transform: scale(1.1);
}

.research-rg {
	width: 50%;
	padding: 0 8.35%;
}

.research-intro {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 0.5rem;
}

.research-intro div {
	width: .5rem;
	margin-right: 0.3rem;
}

.research-intro div img {
	width: 100%;
	object-fit: cover;
}

.research-intro p {
	color: #FACB31;
	line-height: 1;
}

.research-tit {
	color: #FFFFFF;
	font-size: 1rem;
	line-height: 1.3;
	margin-bottom: 0.6rem;
}

.research-cont {
	color: rgba(255, 255, 255, .8);
	line-height: 2;
}

.net {
	background-color: #101639;
	padding: 3.15rem 0 3rem;
}

.net-box {
	border-top: 1px solid rgba(232, 232, 232, .2);
	padding-top: 1.5rem;
}

.net-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 1.9rem;
}

.net-top-lf {
	color: #FFFFFF;
	font-size: 1.2rem;
	width: 50%;
	line-height: 1;
}

.net-top-rg {
	width: 50%;
	line-height: 2;
	color: rgba(255, 255, 255, .6);
}

.net-map {
	width: 100%;
	position: relative;
}

.net-map>img {
	width: 100%;
	object-fit: cover;
}

.net-point {
	position: absolute;
	width: .5rem;
}

.net-point img {
	width: 100%;
	object-fit: cover;
	transition: all .3s;
}

.net-point:hover img {
	transform: translateY(-10px);
}

.net-point p {
	position: absolute;
	top: calc(100% + 8px);
	line-height: 1;
	color: #FFFFFF;
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
}

.m-po1 {
	left: 9%;
	top: 18%;
}

.m-po2 {
	top: 26%;
	left: 16%;
}

.m-po3 {
	top: 20%;
	left: 53.5%;
}

.m-po4 {
	top: 31%;
	left: 56%;
}

.m-po5 {
	top: 15%;
	left: 61%;
}

.m-po6 {
	top: 49%;
	left: 77.5%;
}

.m-po6 p,
.m-po7 p {
	top: 50%;
	left: calc(100% + 10px);
	transform: translate(0, -50%);
}

.m-po7 {
	top: 57%;
	left: 79%;
}

.m-po8 {
	top: 27%;
	left: 83.5%;
}

.m-po9 {
	top: 30%;
	left: 87%;
}

.net-point:last-child {
	width: 0.65rem;
}

.net-point:last-child p {
	color: #FACB31;
}

.net-point:last-child {
	left: 79%;
	top: 32%;
}

.download {
	padding: 2.1rem 0 2rem;
}

.download-box {}

.download-tit {
	font-size: 1.2rem;
	color: #111111;
	line-height: 1;
	margin-bottom: 1rem;
}

.download-intro {
	border-top: 1px solid #E8E8E8;
	padding-top: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.download-ls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 31.25%;
	height: 1.6rem;
	border-radius: 0.8rem;
	border: 1px solid #E8E8E8;
	margin-right: 3.125%;
	margin-bottom: 1rem;
	padding: 0 1rem 0 .75rem;
	transition: all .3s;
}

.download-ls:nth-child(3n) {
	margin-right: 0;
}

.download-ls p {
	color: #333333;
	transition: all .3s;
}

.download-ls div {
	width: 0.55rem;
	height: .55rem;
}

.download-ls div svg {
	width: 100%;
	height: 100%;
	fill: #666;
	transition: all .3s;
}

.download-ls:hover {
	background-color: #283195;
	box-shadow: 0px 20px 40px 0px rgba(40, 49, 149, 0.2);
}

.download-ls:hover p {
	color: #FFFFFF;
}

.download-ls:hover svg {
	fill: #FFFFFF;
}

.join {
	padding: 2.25rem 0 3rem;
}

.join-tit {
	margin-bottom: 1.25rem;
	line-height: 1;
	color: #111111;
	font-size: 1rem;
	text-align: center;
}

.join-top {
	background: #283195;
	margin-bottom: .5rem;
}

.join-top p {
	color: #FFFFFF;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.join-btn {
	border-top: 1px solid #E8E8E8;
	margin-bottom: 2.25rem;
}

.join-ls {
	background-color: #F6F6F6;
	border-left: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
}

.join-ls-top {
	cursor: pointer;
	background-color: #FFFFFF;
}

.join-top,
.join-ls-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 3.1rem 0 1.75rem;
	height: 1.75rem;
	position: relative;
}

.join-ls-top p {
	color: #333333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.join-top p,
.join-ls-top p {
	width: 15%;
}

.join-ls-top p:nth-child(5),
.join-top p:nth-child(5) {
	width: 45%;
}

.join-top p:last-child,
.join-ls-top p:last-child {
	text-align: center;
	width: 8%;
	white-space: nowrap;
}

.join-ls-btn {
	padding: 1.5rem 1.75rem;
	display: none;
}

.join-ls-btn-box {
	margin-bottom: 1.1rem;
}

.join-ls-btn-intro {
	margin-bottom: 0.9rem;
}

.join-ls-btn-intro:last-child {
	margin-bottom: 0;
}

.join-ls-btn-intro>p {
	color: #111;
	margin-bottom: 0.3rem;
	line-height: 1;
}

.join-ls-btn-intro div {
	color: #222;
	line-height: 2;
}

.from {
	display: block;
	width: 3rem;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	background: #283195;
	border-radius: 25px;
	color: #FFFFFF;
}

.join-ls.cur {
	border: 1px solid #283195;
}

.join-ls.cur .join-ls-top::after {
	content: '';
	position: absolute;
	right: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	background: url(../img/66.png) no-repeat center;
	background-size: 100%;
	width: 0.4rem;
	height: .4rem;
}

.join-ls.cur .join-ls-top p {
	color: #283195;
}

.join-ls.cur .join-ls-top p:nth-child(n + 2) {
	display: none;
}

.pub-page {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pub-page .page {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pub-page a {
	color: #444444;
	transition: all .3s;
	min-width: 1rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
}

.pub-page .active {
	background-color: #283195;
	color: #FFFFFF;
}

.pub-page a:hover {
	background-color: #283195;
	color: #FFFFFF;
}

.pub-page .prev,
.pub-page .next {
	background-image: url(../img/44.png);
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}

.pub-page .prev {
	margin-right: 1rem;
}

.pub-page .next {
	transform: rotate(180deg);
	margin-left: 1rem;
}

.pub-page .prev:hover,
.pub-page .next:hover {
	background-color: #FFFFFF;
}

.news {
	padding: 2.25rem 0 3rem;
}

.news-box {
	
}

.news-tab {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 1rem;
}

.news-tab span {
	display: block;
	width: 3rem;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	border: 1px solid #DDDDDD;
	border-radius: 25px;
	color: #333333;
	margin-right: .5rem;
	transition: all .3s;
	cursor: pointer;
}

.news-tab span:last-child {
	margin-right: 0;
}

.news-tab .cur {
	background: #283195;
	color: #FFFFFF;
}

.news-tab span:hover {
	background: #283195;
	color: #FFFFFF;
}

.news-ajax {
	padding-top: 1.5rem;
	border-top: 1px solid #E8E8E8;
}

.news-ajax-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: .75rem;
}

.news-ls {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 47.5%;
	margin-right: 5%;
	margin-bottom: 1.5rem;
}

.news-ls:nth-child(2n) {
	margin-right: 0;
}

.news-ls-img {
	width: 6.25rem;
	height: 5rem;
	margin-right: 1rem;
	overflow: hidden;
}

.news-ls-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s;
}

.news-ls:hover .news-ls-img img {
	transform: scale(1.1);
}

.news-ls:hover .news-ls-tit {
	color: #283195;
	font-weight: bold;
}

.news-ls-rg {
	width: calc(100% - 7.25rem);
}

.news-ls-tit {
	color: #111111;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0.35rem;
}

.news-ls-time {
	color: #283195;
	margin-bottom: 0.55rem;
	line-height: 1;
}

.news-ls-cont {
	color: #666666;
	line-height: 0.8rem;
	max-height: 1.6rem;
	overflow: hidden;
}

.info-tab {
	width: 100%;
	height: 7.5rem;
	background: linear-gradient(90deg, #1D2158, #293196);
	position: relative;
}

.back-ls {
	position: absolute;
	left: 8.35%;
	bottom: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.back-ls a {
	display: block;
	width: 3rem;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	border-radius: 25px;
	margin-right: .5rem;
	color: #FFFFFF;
	border: 1px solid rgba(255,255,255,.7);
	transition: all .3s;
}

.back-ls a:last-child {
	margin-right: 0;
}

.back-ls a:hover {
	background: #283195;
	border: 1px solid #283195;
}

.back-ls .cur {
	background: #283195;
	border: 1px solid #283195;
}

.info-box {
	padding: 1.95rem 0 3rem;
	position: relative;
}

.info-box::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #E8E8E8;
	left: 68.75%;
	top: 0;
}

.info {
	display: flex;
	align-items: flex-start;
}

.info-cont {
	width: 72.5%;
	padding-right: 2.75rem;
}

.info-cont-tit {
	color: #111111;
	font-size: 1rem;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 0.4rem;
}

.info-cont-time {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1.5rem;
}

.info-cont-time>p {
	color: #999999;
}

.share {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.share p {
	color: #333333;
	line-height: 1;
	margin-right: 1rem;
}

.share.bdshare-button-style1-24 a,
.share.bdshare-button-style1-24 .bds_more {
	float: inherit;
	font-size: 0;
	padding-left: 0;
	line-height: inherit;
	height: auto;
	background: none;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0;
}

.info-cont-time .share a {
	width: 1.5rem;
	height: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #E8E8E8;
	border-radius: 50%;
	margin-right: .5rem;
}

.info-cont-time .share a:last-child {
	margin-right: 0;
}

.share a img {
	width: 0.6rem;
	pointer-events: none;
}

.info-cont-intro {
	margin-bottom: 2.25rem;
	color: #666666;
	line-height: 2;
}

.info-cont-intro img {
	display: inline-block;
}

.info-cont-page {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #E8E8E8;
	padding: 0.65rem 0.75rem;
}

.info-cont-page a {
	display: flex;
	align-items: center;
	color: #666666;
	max-width: 40%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.back-btn {
	display: block;
	width: 0.45rem;
}

.sidebar {
	width: 27.5%;
	padding-left: 2rem;
}

.sidebar>p {
	color: #000000;
	line-height: 1;
	margin-bottom: 1rem;
}

.recommend {
	
}

.recommend-ls {
	display: block;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 0.75rem;
}

.recommend-ls:last-child {
	margin-bottom: 0;
}

.recommend-ls p {
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.recommend-ls p:nth-child(1) {
	color: #333333;
	margin-bottom: 0.4rem;
}

.recommend-ls p:nth-child(2) {
	color: #283195;
}

.contact {
	padding: 2.25rem 0 2.45rem;
}

.contact-box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.contact-lf {
	width: 30%;
}

.contact-lf-img {
	width: 100%;
	margin-bottom: 1rem;
}

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

.contact-lf-tit {
	line-height: 1;
	color: #111111;
	font-weight: 500;
	margin-bottom: 0.6rem;
}

.contact-lf-cont {
	color: #111111;
	line-height: 1.6;
	margin-bottom: 1.65rem;
}

.contact-lf-more {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.contact-lf-more p {
	color: #283195;
}

.contact-lf-more .sp {
	width: 3rem;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	border: 1px solid #283195;
	border-radius: 25px;
	color: #283195;
	cursor: pointer;
}

.contact-rg {
	width: 70%;
	padding-left: 2.5rem;
}

.contact-rg-tit {
	color: #000000;
	font-size: 1rem;
	line-height: 1;
	margin-bottom: 1rem;
}

.form {
	
}

.form-top {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 1rem;
}

.form-top-ls {
	width: 32%;
	height: 1.25rem;
	margin-right: 2%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border: 1px solid #E8E8E8;
	padding: 0 .5rem;
}

.form-top-ls:last-child {
	margin-right: 0;
	margin-bottom: 0;
}

.form-top-ls p {
	color: #999999;
	position: relative;
}

.form-top-ls p::after {
	content: '*';
	position: absolute;
	top: 0;
	color: #FF0000;
	left: 100%;
}

.form-top-ls input {
	width: 70%;
	margin-left: .5rem;
	color: #999;
}

.textarea {
	width: 100%;
	height: 7.25rem;
	resize: none;
	border: 1px solid #E8E8E8;
	margin-bottom: 1rem;
	color: #999;
	padding: .5rem;
}

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

.form-code {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 8rem;
	height: 1.25rem;
	border: 1px solid #E8E8E8;
	padding: 0 .5rem;
}

.form-code>input {
	width: calc(100% - 2rem);
	height: 100%;
	color: #999999;
}

.form-code div {
	max-width: 2rem;
	max-height: .75rem;
}

.form-code div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.submit-btn {
	width: 3rem;
	height: 1.25rem;
	border: 1px solid #283195;
	border-radius: 25px;
	background: none;
	color: #283195;
}

.con_map {
	width: 100%;
	height: 15rem;
}

.amap-info-content {
	background: none;
	border: none;
	padding: 0;
	line-height: 1;
	overflow: auto;
	box-shadow: none;
}

.amap-info-close,
.amap-info-sharp {
	display: none;
}

.amap-info-outer:hover, 
.amap-menu-outer:hover {
	box-shadow: none;
}

.map-font {
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	background: rgba(241, 199, 58, .2);
	border-radius: 50%;
	color: #111111;
}

.par-url {
	padding: 2.25rem 0 2rem;
}

.par-tit {
	line-height: 1;
	font-size: 1.2rem;
	color: #000000;
	margin-bottom: 1.5rem;
}

.par-ls {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.par-ls a {
	width: 23.125%;
	height: 3rem;
	border: 1px solid #DDDDDD;
	margin-right: 2.5%;
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.par-ls a:nth-child(4n) {
	margin-right: 0;
}

.par-ls a img {
	max-width: 80%;
	max-height: 80%;
	object-fit: cover;
	transition: all .3s;
}

.par-ls a:hover img {
	transform: scale(1.1);
}

.tiptop {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
	display: none;
}

.tiptop-close {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.tiptop-cont {
	width: 20%;
	height: 20%;
	margin: auto;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}