@charset "utf-8";
	* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	box-sizing:border-box;
	background-repeat:no-repeat;
	background-position:center center;
	font-family:"PingFang SC","Microsoft YaHei","微软雅黑","宋体";
}
body {
	background:#FFFFFF;
}
a {
	text-decoration:none!important;
	cursor:pointer;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
img {
	border:none;
	display:block;
}
em,h1,i {
	font-style:normal;
}
.width {
	width:9.36rem;
	margin:0 auto;
}
.w690 {
	width:9.2rem;
	margin:0 auto;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	*+height:1%;
}
ul {
	list-style:none;
}
.animation {
	transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
}
.warp {
	width:10rem;
	margin:0 auto;
}
.banner {
	height:5.333333333333333rem;
	background:url(../images/syxt/banner.png);
	background-size:cover;
	box-sizing:border-box;
	padding-top:1.6933333333333334rem;
	text-align:center;
	margin-top:1.2933333rem;
}
.banner span {
	display:block;
	font-size:0.5066666666666667rem;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:0.21333333333333335rem;
}
.banner span em {
	font-size:0.5066666666666667rem;
	font-weight:bold;
	background:linear-gradient(0deg,#10AEFF 0%,#6467F0 100%);
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.banner p {
	font-weight:400;
	font-size:0.32rem;
	color:rgba(255,255,255,0.65);
}
.banner a {
	display:block;
	width:2.24rem;
	height:0.7466666666666667rem;
	border-radius:0.05333333333333334rem;
	border:2px solid #FFFFFF;
	text-align:center;
	font-weight:400;
	font-size:0.32rem;
	color:#FFFFFF;
	line-height:0.7466666666666667rem;
	margin:0.48rem auto 0;
}
.banner a::after {
	display:inline-block;
	content:"";
	width:0.21333333333333335rem;
	height:0.21333333333333335rem;
	background:url(../images/syxt/arrow.png);
	background-size:100%;
	margin-left:0.10666666666666667rem;
	vertical-align:0rem;
}
.content {
	width:10rem;
	margin:0 auto;
}
.title_1 {
	padding:1.2rem 0 0.64rem;
	text-align:center;
}
.title_1 span {
	display:block;
	font-weight:bold;
	font-size:0.5066666666666667rem;
	color:#000000;
	line-height:0.6133333333333333rem;
	margin-bottom:0.21333333333333335rem;
}
.title_1 p {
	font-weight:400;
	font-size:0.32rem;
	color:#595959;
	line-height:0.4266666666666667rem;
}
.btn_sy {
	display:block;
	width:3.7866666666666666rem;
	height:0.8533333333333334rem;
	background:#0077FF;
	border-radius:0.05333333333333334rem;
	text-align:center;
	font-weight:400;
	font-size:0.32rem;
	color:#FFFFFF;
	line-height:0.8533333333333334rem;
	margin:0.64rem auto 0;
}
.btn_sy::after {
	display:inline-block;
	content:"";
	width:0.08rem;
	height:0.15rem;
	background:url(../images/syxt/btn_arrow.png);
	background-size:100%;
	margin-left:0.10666666666666667rem;
	vertical-align:0.013333333333333334rem;
}
.btn_sy::before {
	display:inline-block;
	content:"";
	width:0.37333333333333335rem;
	height:0.37333333333333335rem;
	background:url(../images/syxt/arrow1.png);
	background-size:100%;
	margin-right:0.10666666666666667rem;
	vertical-align:-0.06666666666666667rem;
}
.justify {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.floor_1 {
	height:auto;
	overflow:hidden;
	padding-bottom:1.2rem;
	background:#ECF5FF;
}
.floor_1 ul {
	flex-direction:column;
	height:11.573333333333334rem;
}
.floor_1 ul li {
	width:4.546666666666667rem;
	height:5.6rem;
	background:linear-gradient( 180deg,#B1D0FF 0%,#DEEBFF 100%);
	border-radius:0.10666666666666667rem;
	box-sizing:border-box;
	padding-top:0.4rem;
	margin-right:0.26666666666666666rem;
}
.floor_1 ul li:nth-child(2) {
	width:4.546666666666667rem;
	height:2.72rem;
	background:linear-gradient( 180deg,#A2E3FF 0%,#D8F6FF 100%);
}
.floor_1 ul li:nth-child(3) {
	width:4.546666666666667rem;
	height:2.72rem;
	background:linear-gradient( 180deg,#B7D6FF 0%,#EDF8FF 100%);
}
.floor_1 ul li:nth-child(4) {
	width:4.546666666666667rem;
	height:2.72rem;
	background:linear-gradient( 180deg,#BFCCFF 0%,#FAFAFF 100%);
}
.floor_1 ul li:nth-child(5) {
	width:4.546666666666667rem;
	height:5.6rem;
	background:linear-gradient( 180deg,#8BD8FF 0%,#CFF1FF 100%);
}
.floor_1 ul li:nth-child(6) {
	width:4.546666666666667rem;
	height:2.72rem;
	background:linear-gradient( 180deg,#B7D4FF 0%,#DDECFE 100%);
}
.floor_1 ul li span {
	display:block;
	font-weight:bold;
	font-size:0.37333333333333335rem;
	color:#000000;
	margin-bottom:0.10666666666666667rem;
	margin-left:0.32rem;
}
.floor_1 ul li p {
	font-weight:400;
	font-size:0.22666666666666666rem;
	color:#595959;
	margin-bottom:0.26666666666666666rem;
	margin-left:0.32rem;
}
.floor_1 ul li dl {
	width:4rem;
	margin:auto;
}
.floor_1 ul li dl dd {
	display:block;
	width:1.24rem;
	height:0.4rem;
	background:linear-gradient( 270deg,#F2F7FF 0%,#DDEAFF 100%);
	border-radius:1.3333333333333333rem;
	text-align:center;
	font-weight:400;
	font-size:0.2rem;
	color:#1F1F1F;
	line-height:0.4rem;
	margin-bottom:0.10666666666666667rem;
	box-sizing:border-box;
}
.floor_1 ul li:nth-child(2) dl dd {
	background:#FFFFFF;
}
.floor_1 ul li:nth-child(3) dl dd {
	background:#FFFFFF;
}
.floor_1 ul li:nth-child(6) dl dd {
	background:#FFFFFF;
}
.floor_1 ul li img {
	display:block;
	width:3.8rem;
	height:2.56rem;
	margin:0.10666666666666667rem auto 0;
}
.floor_1 ul li:nth-child(5) img {
	width:3.6266666666666665rem;
	height:2.8666666666666667rem;
	margin-top:0.10666666666666667rem;
}
.floor_2 {
	height:auto;
	overflow:hidden;
	padding-bottom:1.2rem;
	background:#F7FBFF;
}
.floor_2 ul {
	gap:0.26666666666666666rem;
}
.floor_2 ul li {
	width:4.466666666666667rem;
	height:3.6rem;
	background:linear-gradient( 180deg,#F5F7FF 0%,#FFFFFF 100%);
	box-shadow:0.02666666666666667rem 0.08rem 0.26666666666666666rem 0rem rgba(0,0,0,0.08);
	border-radius:0.21333333333333335rem;
	border:2px solid #FFFFFF;
	box-sizing:border-box;
	padding:0.5333333333333333rem 0 0 0.5333333333333333rem;
}
.floor_2 ul li .sp {
	display:flex;
	align-items:center;
	margin-bottom:0.32rem;
	height:0.96rem;
}
.floor_2 ul li .sp img {
	display:block;
	width:0.6666666666666666rem;
	height:0.6666666666666666rem;
	margin-right:0.21333333333333335rem;
}
.floor_2 ul li .sp span {
	display:block;
	font-weight:bold;
	font-size:0.4rem;
	color:#000000;
}
.floor_2 ul li p {
	font-weight:400;
	font-size:0.32rem;
	color:#595959;
	line-height:0.4266666666666667rem;
}
.floor_3 {
	height:auto;
	overflow:hidden;
	padding-bottom:1.2rem;
	background:linear-gradient( 180deg,#F8FEFD 0%,#FFFFFF 100%),#D4E8FF;
}
.floor_3 .swiper-container {
	width:10rem;
	height:14.773333333333333rem;
	overflow:hidden;
	position:relative;
}
.floor_3 .swiper-container .swiper-slide {
	width:8.933333333333334rem;
	height:14rem;
	background:#FFFFFF;
	box-shadow:0.06666666666666667rem 0.10666666666666667rem 0.26666666666666666rem 0rem rgba(55,99,170,0.1);
	border-radius:0.21333333333333335rem;
	box-sizing:border-box;
	padding-top:0.5333333333333333rem;
}
.floor_3 .swiper-container .swiper-slide h5 {
	display:block;
	font-weight:bold;
	font-size:0.4266666666666667rem;
	color:#000000;
	text-align:center;
	margin-bottom:0.10666666666666667rem;
}
.floor_3 .swiper-container .swiper-slide h4 {
	display:block;
	font-weight:400;
	font-size:0.32rem;
	color:#595959;
	text-align:center;
	margin-bottom:0.4266666666666667rem;
}
.floor_3 .swiper-container .swiper-slide img {
	display:block;
	width:8.373333333333333rem;
	height:5.253333333333333rem;
	margin:0 auto;
}
.floor_3 .swiper-container .swiper3 img {
	display:block;
	width:8.76rem;
}
.floor_3 .swiper-container .swiper-slide span {
	display:block;
	font-weight:bold;
	font-size:0.37333333333333335rem;
	color:#1F1F1F;
	margin:0.4266666666666667rem 0 0.32rem 0.7333333333333333rem;
}
.floor_3 .swiper-container .swiper-slide span::before {
	display:inline-block;
	content:"";
	width:0.64rem;
	height:0.64rem;
	background:url(../images/syxt/fl3_ico1.png);
	background-size:100%;
	margin-right:0.10666666666666667rem;
	vertical-align:-0.13333333333333333rem;
}
.floor_3 .swiper-container .swiper-slide span.sp::before {
	background:url(../images/syxt/fl3_ico2.png);
	background-size:100%;
}
.floor_3 .swiper-container .swiper-slide p {
	font-weight:400;
	font-size:0.29333333333333333rem;
	color:#000000;
	margin:0 0 0.16rem 0.7333333333333333rem;
}
.floor_3 .swiper-container .swiper-slide p::before {
	display:inline-block;
	content:"";
	width:0.4266666666666667rem;
	height:0.4266666666666667rem;
	background:url(../images/syxt/fl3_qr.png);
	background-size:100%;
	margin-right:0.21333333333333335rem;
	vertical-align:-0.10666666666666667rem;
}
.floor_3 .swiper-container .swiper-slide p.p::before {
	background:url(../images/syxt/fl3_tick.png);
	background-size:100%;
}
.floor_3 .swiper-pagination {
	position:absolute;
	bottom:0rem!important;
	left:50%!important;
	transform:translateX(-50%);
}
.floor_3 .swiper-pagination .swiper-pagination-bullet {
	width:0.10666666666666667rem;
	height:0.10666666666666667rem;
	background:#D9D9D9;
	border-radius:50%;
	opacity:1;
}
.floor_3 .swiper-pagination .swiper-pagination-bullet-active {
	width:0.32rem;
	height:0.10666666666666667rem;
	background:#0E6EFF;
	border-radius:0.05333333333333334rem;
}
.floor_4 {
	height:auto;
	overflow:hidden;
	padding-bottom:1.2rem;
	background:#F7FBFF;
}
.floor_4 img {
	display:block;
	width:9.36rem;
	height:2.986666666666667rem;
	margin:0 auto 0.32rem;
}
.floor_4 .t {
	width:9.36rem;
	height:9.6rem;
	background:#FFFFFF;
	box-shadow:0.05333333333333334rem 0.16rem 0.5333333333333333rem -0.08rem rgba(0,0,0,0.05);
	border-radius:0.10666666666666667rem;
	box-sizing:border-box;
	padding-top:0.4266666666666667rem;
}
.floor_4 .t dl {
	width:8.72rem;
	margin:auto;
}
.floor_4 .t dl dd {
	width:2.76rem;
	height:1.4933333333333334rem;
	background:rgba(255,255,255,0.16);
	border-radius:0.05333333333333334rem;
	font-weight:500;
	font-size:0.32rem;
	color:#000000;
	text-align:center;
	margin-bottom:0.4266666666666667rem;
}
.floor_4 .t dl dd::before {
	display:block;
	content:"";
	width:0.8666666666666667rem;
	height:0.8533333333333334rem;
	background:url(../images/syxt/fl4_a1.png);
	background-size:100%;
	margin:0 auto 0.21333333333333335rem;
}
.floor_4 .t dl dd:nth-child(2)::before {
	background:url(../images/syxt/fl4_a2.png);
	background-size:100%;
}
.floor_4 .t dl dd:nth-child(3)::before {
	background:url(../images/syxt/fl4_a3.png);
	background-size:100%;
}
.floor_4 .t dl dd:nth-child(4)::before {
	background:url(../images/syxt/fl4_a4.png);
	background-size:100%;
}
.floor_4 .t dl dd:nth-child(5)::before {
	background:url(../images/syxt/fl4_a5.png);
	background-size:100%;
}
.floor_4 .t dl dd:nth-child(6)::before {
	background:url(../images/syxt/fl4_a6.png);
	background-size:100%;
}
.floor_4 .t .bot {
	width:8.72rem;
	height:4.906666666666666rem;
	background:rgba(231,241,255,0.6);
	border-radius:0.10666666666666667rem;
	border:1px solid rgba(255,255,255,0.3);
	margin:auto;
	box-sizing:border-box;
	padding-top:0.4266666666666667rem;
}
.floor_4 .t ul {
	justify-content:center;
	width:8.293333333333333rem;
	margin:auto;
}
.floor_4 .t ul li {
	width:2.76rem;
	height:2.24rem;
	text-align:center;
}
.floor_4 .t ul li span {
	display:block;
	font-weight:400;
	font-size:0.32rem;
	color:#0E6EFF;
	margin-bottom:0.10666666666666667rem;
}
.floor_4 .t ul li span::before {
	display:block;
	content:"";
	width:0.5466666666666666rem;
	height:0.5333333333333333rem;
	background:url(../images/syxt/fl4_b1.png);
	background-size:100%;
	margin:0 auto 0.10666666666666667rem;
}
.floor_4 .t ul li:nth-child(2) span::before {
	background:url(../images/syxt/fl4_b2.png);
	background-size:100%;
}
.floor_4 .t ul li:nth-child(3) span::before {
	background:url(../images/syxt/fl4_b3.png);
	background-size:100%;
}
.floor_4 .t ul li:nth-child(4) span::before {
	background:url(../images/syxt/fl4_b4.png);
	background-size:100%;
}
.floor_4 .t ul li:nth-child(5) span::before {
	background:url(../images/syxt/fl4_b5.png);
	background-size:100%;
}
.floor_4 .t ul li p {
	font-weight:400;
	font-size:0.26666666666666666rem;
	color:#595959;
	line-height:0.37333333333333335rem;
}
.floor_5 img {
	display:block;
	width:10rem;
	height:14.533333333333333rem;
	margin:auto;
}