/*
	公共部分
*/
:root{
	--swiper-theme-color: #ffffff;
	--swiper-pagination-color: var(--theme-color);
}
a{
	color: #303030;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{
	left: 15%;
	right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{
	left: auto;
	right: 40%;
}
.banner-title-module{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	z-index: 2;
	color: #ffffff;
}
.banner-title-module .banner-title-center{
	position: relative;
	width: var(--module-width);
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.banner-title-module .banner-title{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	text-shadow: 0px 2px 15px rgba(0,0,0, .20);
}
.banner-title-module .banner-down{
	position: absolute;
	left: 0;
	bottom: 2.5rem;
	width: 3.5rem;
	height: 3.5rem;
}

.home-row-module{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.nav-path-module{
	width: var(--module-width);
	display: flex;
	justify-content: space-between;
	margin-top: 1.87rem;
}
.nav-path-module .nav-path{
	font-size: 0.75rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.nav-path-module .nav-path img{
	width: 0.87rem;
	height: 0.87rem;
}
.nav-path-module .nav-path span{
	margin-right: 0.3rem;
}
.nav-path-module .nav-path a{
	color: #303030;
	cursor: pointer;
	margin-right: 0.3rem;
}
.nav-path-module .nav-page-list{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: -2px;
	font-size: 0.87rem;
}
.nav-path-module .nav-page-list .nav-page-item{
	margin: 0px 0.62rem;
	font-size: 0.87rem;
	color: #303030;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.nav-path-module .nav-page-list .nav-page-item .item-line{
	background:rgba(255,255,255,0);
	height: 4px;
	width: 0.1%;
	transition: width 500ms;
}
.nav-path-module .nav-page-list .active .item-line{
	background:var(--theme-color);
	display: flex;
	width: 100%;
}
.nav-path-module .nav-page-list .nav-page-item:hover .item-line{
	background:var(--theme-color);
	display: flex;
	width: 100%;
}
.content-title-module{
	width: var(--module-width);
	position: relative;
	display: flex;
	justify-content: flex-start;
}
.content-title-module img{
	height: 4rem;
}
.content-title-module h1{
	position: absolute;
	left: 0;
	bottom: 0;
	font-weight: 600;
	-webkit-text-stroke:5px undefined;
	text-stroke:5px undefined;
}
.bottom{
	width: 100%;
	height: 4rem;
}
/* --------------------- 公共 end --------------------- */


.footer-content-module{
	width: var(--module-width);
	display: flex;
	justify-content: space-between;
	margin-top: 2rem;
}
.content-nav{
	width: 18%;
	background: #ffffff;
	padding: 2.5rem 0;
	display: flex;
	flex-direction: column;
}
.content-nav .nav-item{
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.content-nav .active{
	font-weight: 600;
	background: #F3F3F3;
}
.content-nav .nav-line{
	position: absolute;
	left: 0;
	top: 0;
	width: 0.37rem;
	height: 2.5rem;
	background: #ffffff;
}
.content-nav .active .nav-line{
	background: #162CA4;
}
.content-con{
	width: 80%;
	background: #ffffff;
}
.content-con .con-mod{
	padding: 2rem;
	display: flex;
	flex-direction: column;
}
.content-con .con-mod .mod-title{
	width: 100%;
	text-align: center;
}
.content-con .con-mod .mod-sub-title{
	padding:2rem 0;
}
.content-con .con-mod .text-left{
	text-align: left;
}
.content-con .con-mod .mod-desc{
	width: 100%;
	line-height: 1.5rem;
	margin-top: 1.25rem;
}
.content-con .con-mod .mod-p{
	width: 100%;
	line-height: 2rem;
}
.content-con .con-mod .mod-line{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 1rem;
}
.content-con .con-mod .mod-line label{
	line-height: 2.5rem;
}
.content-con .con-mod .mod-line .mod-inp-k{
	width: 88%;
	border: 1px solid #D2D2D2;
	position: relative;
}
.content-con .con-mod .mod-line .mod-inp-k .mod-inp{
	width: 96%;
	padding: 0 2%;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 1rem;
	font-weight: 600;
}
.content-con .con-mod .mod-line .mod-inp-k span{
	position: absolute;
	font-size: 1rem;
	color: #FF931F;
	top: 0.75rem;
	right: 0.75rem;
}
.content-con .con-mod .mod-line .mod-inp-k .mod-inp-text{
	width: 96%;
	padding: 0 2%;
	line-height: 2.5rem;
	font-size: 1rem;
	font-weight: 600;
}
.content-con .con-mod .mod-btn{
	width: 88%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 12%;
	margin-top: 1rem;
}
.content-con .con-mod .mod-btn .btn{
	width: 10rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: 1.25rem;
	margin-right: 1rem;
	text-align: center;
}
.content-con .con-mod .mod-btn .sub{
	background: var(--theme-color);
	color: #ffffff;
}
.content-con .con-mod .mod-btn .quit{
	background: #E8E8E9;
}
.content-con .con-mod .mod-btn .success{
	background: #4ee3b9;
}
.content-con .con-mod .link-item{
	width: 100%;
	border: 1px solid #f8f8f8;
	border-radius: 0.75rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 2rem 0;
	cursor: pointer;
}
.content-con .con-mod .link-item img{
	height: 8rem;
	height: 8rem;
	display: flex;
	margin:0 1rem;
}
.content-con .con-mod .link-item .link-item-text{
	padding-right: 1rem;
}
.content-con .con-mod .link-item .link-item-text .link-item-p{
	line-height: 1.5rem;
	margin-top: 1rem;
}

/* --------------------- 移动端 --------------------- */
@media screen and (min-width:1600px){
	.content-title-module img{
		height: 5rem;
	}
}
@media (max-width: 1600px) {
	.content-title-module img{
		height: 4rem;
	}
}
@media (max-width: 768px) {
	#swiper-banner{
		min-height: 30vh;
	}
	#swiper-banner .banner-img{
		min-height: 30vh;
	}
	.banner-title-module .banner-title-center{
		justify-content:flex-end;
	}
	.banner-title-module .banner-title{
		padding-bottom: 2rem;
	}
	.content-title-module img{
		height: 2.5rem;
	}
	.nav-path-module{
		width: var(--module-width);
		display: flex;
		flex-direction: column;
		margin-top: 0.93rem;
	}
	.banner-title-module .banner-down{
		position: absolute;
		left: 0;
		bottom: 1.25rem;
		width: 1.62rem;
		height: 1.62rem;
	}
	.nav-path-module .nav-path{
		font-size: 0.87rem;
		display: none;
		justify-content: flex-start;
		align-items: center;
	}
	.nav-path-module .nav-page-list{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		overflow-x: scroll;
		white-space: nowrap;
	}
	.nav-path-module .nav-page-list .nav-page-item{
		margin: 0px 1rem;
		font-size: 0.87rem;
		display: flex;
	}

	.footer-content-module{
		width: var(--module-width);
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		margin-top: 2rem;
	}
	.content-nav{
		width: 100%;
		background: #ffffff;
		padding: 1.5rem 0;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}
	.content-con{
		width: 100%;
		background: unset;
	}
	.content-con .con-mod{
		padding:1rem 0rem;
	}
	.content-con .con-mod .link-item{
		padding:1rem 0;
		background: #ffffff;
		margin-bottom: 1rem;
	}
	.content-con .con-mod .mod-btn{
		margin-left: 20%;
	}
	.content-con .con-mod .mod-line .mod-inp-k{
		width: 80%;
	}
	.content-con .con-mod .link-item img{
		height:5rem;
	}
	.content-con .con-mod .link-item .link-item-text .link-item-p{
		white-space: normal;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		margin-top: 0.5rem;
	}
	.content-con .con-mod .mod-btn .btn{
		width:8rem;
	}
}