* {
	margin: 0;
	padding: 0;
	/*font-size:100px*/
}

body,
html
{
	/*font-size: 100px;*/
}
.main{
	display: flex;
	align-items: center;
	justify-content: center;
	height:64px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index:99;
	/*background: #FFFFFF;*/
}

/*.main:hover{*/
/*	background: #FFFFFF;*/
/*}*/


.headers{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.headers a{
	width: auto;
	height: 24px;
	font-size: 16px;
	font-weight: 400;
	text-align: LEFT;
	color: #1a202c;
	line-height: 24px;
	margin-left: 40px;

}
.headers p{
	width: auto;
	height: 24px;
	font-size: 16px;
	font-weight: 400;
	text-align: LEFT;
	color: #1a202c;
	line-height: 24px;
	margin-left: 40px;
	margin-right: 40px;

}
.headers a:nth-child(3){

	width: auto;
	height: 24px;
	font-size: 16px;
	font-weight: 400;
	text-align: LEFT;
	color: #1a202c;
	line-height: 24px;
	margin-left: 40px;
	margin-right: 40px;

}
.title{
	display: flex;
	/*background-image:url("/vue/image/banner@2x.png"),url("/vue/image/bg_FunctionDescription@2x.png");*/
	/*background-size: 100% 40%;*/
	background-size: contain;
	background-repeat:no-repeat;
	/*background-position: 40%,10%,20%;*/
	/*background-repeat: no-repeat;*/
	width: 100%;
	height: 100%;
	flex-direction: column;
	align-items: center;
	padding-bottom: 80px;
	/*margin-bottom: 40px;*/
}

.titleOne{
	background-image:url("/vue/image/banner-wide@2x.png");
	/*background-size: contain;*/
	/*background-position: center center;*/
	/*background-repeat:no-repeat;*/
	/* 背景图垂直、水平均居中 */
	background-position: center center;
	/* 背景图不平铺 */
	background-repeat: no-repeat;
	/* 让背景图基于容器大小伸缩 */
	background-size: cover;

	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

	/*background: linear-gradient(to right, #c3e1ff 0%, #d1e3ff 50%, #c3e1ff  100%);*/
}


.titleTop{
	/*background-image:url("/vue/image/banner@2x.png");*/
	/*background-size: contain;*/
	/*background-repeat:no-repeat;*/
	display: flex;
	margin-top: 8%;
	width: 1200px;
	margin-bottom: 60px;
	border-image: linear-gradient(#d1e3ff, #c3e1ff);
	border-radius:15px;
	padding: 8px 8px 0 0;
	/*background: linear-gradient(to right, #c3e1ff 0%, #d1e3ff 50%, #c3e1ff  100%);*/

}
.titleTopLetf{
	display: flex;
	width: 50%;
	flex-direction: column;
	/*align-items: center;*/
	justify-content: center;;
}
/*.titleTopLetf p:nth-child(1){*/
/*	width: auto;*/
/*	height: 60px;*/
/*	font-size: 40px;*/
/*	font-weight: 600;*/
/*	text-align: LEFT;*/
/*	color: #1a202c;*/
/*	line-height: 40px;*/
/*	letter-spacing: 0.2px;*/
/*}*/
.titleTopLetf p:nth-child(2){
	width: auto;
	height: 33px;
	font-size: 22px;
	font-weight: 400;
	text-align: LEFT;
	color: #384254;
	line-height: 22px;
	letter-spacing: 0.09px;
	margin-top: 24px;
	margin-bottom: 24px;
}

.titleTopRight{
	margin-left: 2%;
}
.titleTopRight img{
	width: 580px;
	height: 360px;
}
.titleButton{
	width: 1200px;
	height: 148px;
	/*background: linear-gradient(180deg,#eef8ff, #ffffff 100%);*/
	/*background: #1e6aff;*/
	border-radius: 8px;
	box-shadow: 0px 8px 20px 0px rgba(42,89,212,0.10);
	display: flex;
	margin-top: -72px;
	margin-bottom: -80px;
	justify-content: space-around;

	background-image:url("/vue/image/bg_background@2x.png");
	/* 背景图垂直、水平均居中 */
	background-position: center center;
	/* 背景图不平铺 */
	background-repeat: no-repeat;
	/* 让背景图基于容器大小伸缩 */
	background-size: cover;
	z-index: 1;
}

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

.titleButtonFont{
	display: flex;
	align-items: baseline
}
.titleButtonFont p:nth-child(1){
	font-size: 36px;
	font-weight: 700;
	text-align: CENTER;
	color: #ffffff;
	line-height: 54px;
	font-style:oblique;
	/*font-style:italic;*/
}
.titleButtonFont p:nth-child(2){
	font-size: 20px;
	font-weight: normal;
	text-align: CENTER;
	color: #ffffff;
	line-height: 32px;
	margin-left: 8px;
}

.titleButtonLeft p:nth-child(3){
	width: 470px;
	height: 112px;
	/*background: #384254;*/
	font-size: 18px;
	font-weight: 400;
	text-align: LEFT;
	color: #384254;
	line-height: 40px;
	letter-spacing: 0.09px;
	margin-bottom: 30px;
}
.titleButtonLeftOne {
	display: flex;
	align-items: center;

}
.titleButtonLeftOne img{
	width: 40px;
	height: 40px;
	margin-right: 10px;
	margin-top: 9px;
}
.titleButtonLeftOne P{
	width: 100px;
	height: 24px;
	font-size: 24px;
	font-weight: 500;
	text-align: LEFT;
	color: #1a202c;
	letter-spacing: 0.12px;
}

.titleButtonLeftTow{
	width: 470px;
	height: 48px;
	background: linear-gradient(90deg,rgba(206,221,250,0.47), rgba(192, 212, 250, 0) 100%);
	border-radius: 4px;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	margin-top: 30px;
	font-size: 18px;
	color: #1e6aff;
	padding-left: 16px;
}


.titleButtonRight{
	width: 420px;
	height: 236px;
	/*background: rgba(198,224,255,0.35);*/
	/*border: 1.95px solid;*/
	/*border-image: linear-gradient(180deg, #ffffff, rgba(255,255,255,0.00) 100%, rgba(255,255,255,0.00) 100%, #ffffff 100%) 1.9503369331359863 1.9503369331359863;*/
	border-radius: 8px;
	/*backdrop-filter: blur(9.75px);*/
	margin: 48px 0 60px 0;
	/*display: flex;*/
	/*justify-content: center;*/
	/*align-items: flex-start;*/
}

.baPic{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding-bottom: 80px;
	padding-top: 80px;
	background-image: url("/vue/image/bg_funDescription@2x.png");
	background-position: center center;
	/*!* 背景图不平铺 *!*/
	background-repeat: no-repeat;
	/* 让背景图基于容器大小伸缩 */
	background-size: cover;

}

.selectMain{
	width: 1200px;
	/*height: 600px;*/
	margin-top: 80px;
}

.selectMainOne{
	display: flex;
	flex-direction: column;
}

.selectMainOne p:nth-child(1){
	width: auto;
	font-size: 32px;
	font-weight: 500;
	text-align: CENTER;
	color: #1a202c;
	line-height: 32px;
	letter-spacing: 0.16px;
}


.selectMainLeft{
	width: 50%;
}

.selectMainLeft p:nth-child(1){
	margin-top: 60px;
	width: 352px;
	height: 42px;
	font-size: 28px;
	font-weight: 500;
	text-align: LEFT;
	color: #1a202c;
	line-height: 28px;
	letter-spacing: 0.14px;
	margin-bottom: 30px;
}
.selectMainLeft p:nth-child(2){
	width: 560px;
	/*height: 88px;*/
	font-size: 14px;
	font-weight: 400;
	text-align: JUSTIFIED;
	color: #1a202c;
	line-height: 20px;

}
.selectMainLeft a{
	font-size: 14px;
}

.selectMainButton{
	margin-top: 15px;
	width: 460px;
	height: 24px;
	display: flex;
	align-items: center;
}
.selectMainButton img{
	width: 16px;
	height: 16px;
}
.selectMainButton p{
	margin-left: 10px;
	font-size: 14px;

	font-weight: 400;
	text-align: LEFT;
	color: #384254;
	letter-spacing: 0.07px;


}
.selectMainRight img{
	margin-top: 60px;
	width: 580px;
	height: 400px;
}
.selectTitle{
	width: 1200px;
	/*height: 300px;*/
	margin-top: 80px;
}
.selectTitleOne{
	margin-top: 60px;
	width: 1200px;
	height: 170px;
	background: linear-gradient(180deg,#cbe3fe, #f9fcff 50%);
	border-radius: 8px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	box-shadow: 0 10px 20px 0 rgba(154,179,218,0.2);
}
.images{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.images img{
	width: 72px;
	height: 72px;
}
.images p{
	font-size: 14px;
	margin-top: 12px;
	font-weight: 600;
	text-align: LEFT;
	color: #1a202c;
	line-height: 22px;
	letter-spacing: 0.07px;
}

.finally {
	background:#ffffff;
	width: 100%;

}
.finallyTop{
	width: 100%;
	/*margin-top: 80px;*/
	display: flex;
	flex-direction: column;
	align-items: center;

}
.finallyTopPage img{
	width: 1000px;
	height: 444px;
	margin-top: 60px;
	margin-bottom: 60px;
}

.description{
	width: 100%;
	height: 500px;
	background: #f9fafd;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.descriptionTop{
	margin: 60px 0 40px 0;
	width: 1200px;
	display: flex;
	justify-content: space-between;
}

.descriptionTopOne{
	display: flex;
	flex-direction: column;
}
.descriptionTopOne p{
	font-size: 14px;
	font-weight: 400;
	text-align: LEFT;
	color: #384254;
	line-height: 22px;
	letter-spacing: 0.07px;
	margin-top: 10px;
}
.descriptionTopOne p:nth-child(1){
	font-size: 16px;
	font-weight: 500;
	text-align: LEFT;
	color: #1a202c;
	line-height: 16px;
	letter-spacing: 0.08px;
	margin-bottom: 20px;
}
.descriptionTopOneFase p:nth-child(1){
	font-size: 16px;
	font-weight: 500;
	text-align: LEFT;
	color: #1a202c;
	line-height: 16px;
	letter-spacing: 0.08px;
	margin-bottom: 20px;
}
.descriptionTopOne a{
	font-size: 14px;
	text-align: LEFT;
	color: #384254;;
	line-height: 22px;
	letter-spacing: 0.07px;
	margin-bottom: 10px;
}
.descriptionTopOneFase a{
	font-size: 14px;
	text-align: LEFT;
	color: #384254;;
	line-height: 22px;
	letter-spacing: 0.07px;
	margin-bottom: 10px;
}

.partition{
	width: 1200px;
	height: 1px;
	background: #e8e8e8;
}

.descriptionButton{
	width: 1200px;
	align-items: center;
	justify-content: space-between;
	display: flex;
	margin:40px 0 80px 0;

}

.descriptionButton p{
	width: auto;
	font-size: 14px;
}
.descriptionButtonOne{

	display: flex;
}

.introduction{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 250px;
	height: 166px;
	background: #f8fbff;
	background-size: cover;
	margin-top: 24px;
	padding: 0 16px 24px 16px;
	font-size: 16px;
}

.introductions{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 250px;
	height: 166px;
	background: #f8fbff;
	background-size: cover;
	margin-top: 24px;
	padding: 0 16px 24px 16px;
	font-size: 16px;
}


.titleFase {
	display: flex;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	flex-direction: column;
	align-items: center;

}

.titleOneFase {
	background-image: url("/vue/image/safe_banner@2x.png");
	/*background-size: contain;*/
	/*background-position: center center;*/
	/*background-repeat:no-repeat;*/
	/* 背景图垂直、水平均居中 */
	background-position: center center;
	/* 背景图不平铺 */
	background-repeat: no-repeat;
	/* 让背景图基于容器大小伸缩 */
	background-size: cover;

	width: 100%;
	height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;

	/*background: linear-gradient(to right, #c3e1ff 0%, #d1e3ff 50%, #c3e1ff  100%);*/
}


.titleTopFase {
	/*background-image:url("/vue/image/banner@2x.png");*/
	/*background-size: contain;*/
	/*background-repeat:no-repeat;*/
	display: flex;
	margin-top: 8%;
	width: 1200px;
	margin-bottom: 60px;
	border-image: linear-gradient(#d1e3ff, #c3e1ff);
	border-radius: 15px;
	padding: 8px 8px 0 0;
	/*background: linear-gradient(to right, #c3e1ff 0%, #d1e3ff 50%, #c3e1ff  100%);*/

}

.titleTopLetfFase {
	display: flex;
	width: 50%;
	flex-direction: column;
	/*align-items: center;*/
	justify-content: center;;
	margin-bottom: 80px;
}

.titleTopLetfFase p:nth-child(2) {
	width: auto;
	height: 33px;
	font-size: 22px;
	font-weight: 400;
	text-align: LEFT;
	color: #384254;
	line-height: 22px;
	letter-spacing: 0.09px;
	margin-top: 24px;
	margin-bottom: 24px;
}

.titleTopRightFase {
	margin-left: 2%;
}

.titleTopRightFase img {
	width: 580px;
	height: 360px;
}

.titleButtonFase {
	width: 1200px;
	height: 148px;
	background: linear-gradient(180deg, #ffffff, #e0ebff 100%);
	/*background: #1e6aff;*/
	border-radius: 8px;
	box-shadow: 0px 8px 20px 0px rgba(42, 89, 212, 0.10);
	display: flex;
	margin-top: -72px;
	justify-content: space-around;

}

.titleButtonOneFase {
	width: 1200px;
	height: 130px;
	background: #ffffff;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.titleButtonLeftFase {
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 34px 40px 34px 40px;
	font-size: 18px;
}

.titleButtonLeftFase p:nth-child(1) {
	color: #1a202c;
	line-height: 28px;
}

.titleButtonLeftFase p:nth-child(2) {
	color: #1e6aff;
	line-height: 28px;
	margin-top: 8px;
}

.titleButtonFontFase {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.titleButtonFontFase p:nth-child(1) {
	font-size: 24px;
	font-weight: 700;
	text-align: CENTER;
	color: #1E6AFF;
	line-height: 54px;
	/*font-style:oblique;*/
	/*font-style:italic;*/
}

.titleButtonFontFase p:nth-child(2) {
	font-size: 14px;
	font-weight: normal;
	text-align: CENTER;
	color: #384254;
	line-height: 32px;
}

.titleButtonLeftOneFase {
	display: flex;
	align-items: center;

}

.titleButtonLeftOneFase img {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	margin-top: 9px;
}

.titleButtonLeftOneFase P {
	width: 100px;
	height: 24px;
	font-size: 24px;
	font-weight: 500;
	text-align: LEFT;
	color: #1a202c;
	letter-spacing: 0.12px;
}

.titleButtonLeftTowFase {
	width: 470px;
	height: 48px;
	background: linear-gradient(90deg, rgba(206, 221, 250, 0.47), rgba(192, 212, 250, 0) 100%);
	border-radius: 4px;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	margin-top: 30px;
	font-size: 18px;
	color: #1e6aff;
	padding-left: 16px;
}


.titleButtonRightFase {
	/*width: 420px;*/
	/*height: 358px;*/
	/*background: rgba(198,224,255,0.35);*/
	/*border: 1.95px solid;*/
	/*border-image: linear-gradient(180deg, #ffffff, rgba(255,255,255,0.00) 100%, rgba(255,255,255,0.00) 100%, #ffffff 100%) 1.9503369331359863 1.9503369331359863;*/
	/*border-radius: 8px;*/
	/*backdrop-filter: blur(9.75px);*/
	margin: 48px 0 60px 0;
	/*display: flex;*/
	/*justify-content: center;*/
	/*align-items: flex-start;*/
}

.selectMainFase {
	width: 1200px;
	/*height: 600px;*/
	margin-top: 80px;
}

.selectMainOneFase {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 60px;
}

.selectMainOneFase p:nth-child(1) {
	width: auto;
	font-size: 32px;
	font-weight: 500;
	text-align: CENTER;
	color: #1a202c;
	line-height: 32px;
	letter-spacing: 0.16px;
}


.selectMainLeftFase {
	width: 50%;
}

.selectMainLeftFase p:nth-child(1) {
	margin-top: 60px;
	width: 352px;
	height: 42px;
	font-size: 28px;
	font-weight: 500;
	text-align: LEFT;
	color: #1a202c;
	line-height: 28px;
	letter-spacing: 0.14px;
	margin-bottom: 30px;
}

.selectMainLeftFase p:nth-child(2) {
	width: 560px;
	/*height: 88px;*/
	font-size: 14px;
	font-weight: 400;
	text-align: JUSTIFIED;
	color: #1a202c;
	line-height: 20px;

}

.selectMainLeftFase a {
	font-size: 14px;
}

.selectMainButtonFase {
	margin-top: 15px;
	width: 460px;
	height: 24px;
	display: flex;
	align-items: center;
}

.selectMainButtonFase img {
	width: 16px;
	height: 16px;
}

.selectMainButtonFase p {
	margin-left: 10px;
	font-size: 14px;

	font-weight: 400;
	text-align: LEFT;
	color: #384254;
	letter-spacing: 0.07px;


}

.selectMainRightFase img {
	margin-top: 60px;
	width: 580px;
	height: 400px;
}

.selectTitleFase {
	width: 1200px;
	/*height: 300px;*/
	margin-top: 80px;
}

.selectTitleOneFase {
	margin-top: 60px;
	width: 1200px;
	/*height: 170px;*/
	display: flex;
	flex-wrap: wrap;
}

.imagesFase {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 20%;
	margin-top: 36px;
}

.imagesFase img {
	width: 72px;
	height: 72px;
}

.imagesFase p {
	font-size: 18px;
	margin-top: 12px;
	font-weight: 600;
	text-align: LEFT;
	color: #1a202c;
	line-height: 22px;
	letter-spacing: 0.07px;
}

.finallyFase {

	width: 100%;
	background: linear-gradient(180deg, #FFFFFF 60%, #FFFFFF 12%, #DBE9FF 100%);
	padding-bottom: 80px;
}

.finallyTopFase {
	width: 100%;
	margin-top: 80px;
	display: flex;
	flex-direction: column;
	align-items: center;

}

.finallyTopPageFase {
	width: 20%;
	height: 370px;
	background: linear-gradient(180deg, #e3f0fe, #ffffff 100%);
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 24px 0 24px;

}

.finallyTopPageFase img {
	width: 90px;
	height: 90px;
	margin-top: 60px;
}

.finallyTopPageFase p:nth-child(2) {
	font-size: 20px;
	color: #1a202c;
	margin: 32px 0 16px 0;
	font-weight: 600;
}

.finallyTopPageFase p:nth-child(3) {
	font-size: 14px;
	color: #384254;
	line-height: 22px;
}

.descriptionFase {
	width: 100%;
	height: 500px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.descriptionTopFase {
	margin: 60px 0 40px 0;
	width: 1200px;
	display: flex;
	justify-content: space-between;
}

.descriptionTopOneFase {
	display: flex;
	flex-direction: column;
}

.descriptionTopOneFase p {
	font-size: 14px;
	font-weight: 400;
	text-align: LEFT;
	color: #384254;
	line-height: 22px;
	letter-spacing: 0.07px;
	margin-top: 10px;
}

.descriptionTopOneFase p:nth-child(1) {
	font-size: 16px;
	font-weight: 500;
	text-align: LEFT;
	color: #1a202c;
	line-height: 16px;
	letter-spacing: 0.08px;
	margin-bottom: 20px;
}

.partitionFase {
	width: 1200px;
	height: 1px;
	background: #e8e8e8;
}

.descriptionButtonFase {
	width: 1200px;
	align-items: center;
	justify-content: space-between;
	display: flex;
	margin: 40px 0 80px 0;

}

.descriptionButtonFase p {
	width: auto;
	font-size: 14px;
}

.descriptionButtonOneFase {

	display: flex;
}

.introductionFase {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 260px;
	height: 220px;
	background: url("/vue/image/bg_functionals.png") no-repeat;
	background-size: cover;
	margin-top: 24px;
	padding: 0 0 24px 16px;
	font-size: 16px;
}

.introductionsFase {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 260px;
	height: 220px;
	background: url("/vue/image/bg_functional.png") no-repeat;
	background-size: cover;
	margin-top: 24px;
	padding: 0 0 24px 16px;
	font-size: 16px;
}

.selectTitleButtonFase {
	width: 1200px;
	margin: 80px 0 0 0;
}

.selectTitleButtonOneFase {
	width: 18%;
	height: 104px;
	background: #f5f8fc;
	border-radius: 2px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;

	font-size: 16px;
}

.clickShowFase {
	width: 18%;
	border-radius: 2px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	font-size: 16px;
	height: 120px;
	background-image: url("/vue/image/bg_select@2x.png");
	/* 背景图垂直、水平均居中 */
	background-position: center center;
	/*!* 背景图不平铺 *!*/
	/*background-repeat: no-repeat;*/
	/* 让背景图基于容器大小伸缩 */
	background-size: cover;
	color: #ffffff;
}
.clickShowFase p{
	margin-bottom: 16px;
}