@charset "utf-8";
/* CSS Document */
html,body,div,em,img,b,i,dl,dt,dd,ol,ul,li,p {
	font: 16px/20px "微软雅黑";
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-style: normal;
	position: relative;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-weight: normal
}

body,html {
	width: 100%;
	height: 100%;
}

img {
	width: 100%;
	display: flex;
}

a:link {
	text-decoration: none;
	color: #070707;
}

a:visited {
	text-decoration: none;
	color: #282828;
}

a:active {
	text-decoration: none;
	color: #282828;
}

a:hover {
	text-decoration: none;
	color: #0052D9;
}

:before,:after {
	content: "";
	position: absolute;
}

img {
	width: 100%;
	display: flex;
}
h1 {
	font-size: 22px;
	line-height: 30px;
}
h2 {
	font-size: 18px;
	line-height: 24px;
	word-break: break-all;
	position: relative;
}
p {
	font-size: 14px;
	color: #3D485D;
	line-height: 24px;
	word-break: break-all;
	text-align: justify;
	text-justify: inter-word;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th,td {
	vertical-align: middle;
}
.pc{
	display: block;
}
.mweb,.mu,.mnav{
	display: none;
}
.mt4{
	margin-top: 40px;
}
.mb4{
	margin-bottom: 40px;
}
.bg {
	width: 100%;
	background: url("../bg.png") no-repeat;
	background-size: 100%;
}
.nbg {
	width: 100%;
	background: url("../bg.png") #F5F5F5 no-repeat;
	background-size: 100%;
}

.w {
	width: 1600px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	clear: both;
}

.main {
	width: 100%;
	position: relative;
	z-index: 5;
}
.lbg{
	background: url("../lbg.png") no-repeat left center fixed;  
	background-size: 30%;
}
/*头部样式*/
.head {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	transition: all .5s ease 0s;
	padding: 20px 0 10px 0;
	z-index: 88;
}
.head:before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: #fff;
	transform:perspective(60px) rotateX(-90deg);
	transform-origin:left top 0;
	transform-style:preserve-3d;
	transition:all .18s ease .08s;
}
.head:hover:before{
	opacity:1;
	transform:perspective(20px) rotateX(0deg);
}
.head_xs {
	padding: 10px 0;
	background: rgba(255, 255, 255, .75);
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
	backdrop-filter: saturate(180%) blur(10px);
}
.head .hnav {
	width: calc(100% - 300px);
	display: flex;
	justify-content: space-between;
	position: relative;
	top: 8px;
}
.head .hnav a {
	height: 50px;
	line-height: 36px;
	font-size: 18px;
	position: relative;
	transition: 200ms;
}
.head .hnav a:hover {
	color: #0052D9;
}
.head .hnav a.cur {
	color: #0052D9;
	font-weight: bold;
}
.head .hnav a.cur:before {
	width: 20px;
	height: 10px;
	background: url("../ni.png") no-repeat;
	background-size: 100%;
	left: 50%;
	margin-left: -10px;
	bottom: 4px;
}
.head .hnav a:nth-child(1):before {
	width: 20px;
	height: 20px;
	background: url("../hom.png") no-repeat;
	background-size: 100%;
	left: -28px;
	margin-left: 0px;
	bottom: 22px;
}
.head_xs .hnav{
	top: 5px;
}
.head_xs .hnav a.cur:nth-child(1):before,.head_xs .hnav a:nth-child(1):before {
	bottom: 10px;
}
.head_xs .hnav a.cur:before {
	bottom: -10px;
}
.head_xs .hnav a {
	display: flex;
	align-items: center;
	height: 40px;
	font-size: 18px;
}
.head .let {
	width: calc(100% - 230px);
	display: flex;
}
.hcl {
	width: 180px;
	display: flex;
	margin-right: 80px;
}
.head .tel{
	width: 150px;
	display: flex;
	align-items: center;
	height: 40px;
	position: relative;
	top: 8px;
	cursor: pointer;
	padding-left: 34px;
	background: url("../tel.png") no-repeat 0px 6px;
	background-size: 24px;
}
.head .tel:before {
	content: "181 8488 6988";
	font-size: 20px;
	font-weight: bold;
}
.head .tel i {
	position: absolute;
	width: 100px;
	height: 100px;
	padding: 5px;
	background: #fff;
	border-radius: 6px;
	right: 10px;
	top: 40px;
	box-shadow: 0 4px 20px 5px rgba(68, 93, 127, 0.1);
	visibility: hidden;
}
.head .tel:hover i {
	visibility: visible;
}
.head .lei{
	display: none;
}
/* 更多 */
.more {
	width: 90px;
	color: #0052D9;
	font-size: 18px;
	display: flex;
	justify-content: center;
	height: 50px;
	align-items: center;
	padding: 0 50px 0 20px;
	position: relative;
	transition: 200ms;
}
.more a {
	color: #fff;
	font-size: 16px;
	position: relative;
	z-index: 3;
}
.more:hover a {
	color: #0052D9;
}
.more:hover {
	padding: 0 50px 0 0px;
}
.more:after {
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background:linear-gradient(to left,#0452DB,#4555FE);
	border-radius: 40px;
	transition: 200ms;
	top: 0px;
	right: 0px;
}
.more:hover:after {
	width: 50px;
}
.more:before {
	width: 26px;
	height: 26px;
	right: 25px;
	top: 12px;
	background: url("../ico.png") no-repeat center -256px;
	background-size: 12px;
	transition: 300ms;
	z-index: 3;
}
.more:hover:before {
	right: 12px;
	background-position: center -256px;
}
.banner{
	width: 100%;
	margin: 120px 0 50px 0;
	display: flex;
	justify-content: space-between;
}
.banner .tx{
	width: 480px;
	padding-top: 80px;
	position: relative;
}
.banner .tx:before,.banner .tx:after{
	width: 280px;
	height: 60px;
	top: 20px;
	right: 0px;
	background-image:linear-gradient(78deg,rgb(59, 145, 255) -3.23%,rgb(13, 94, 255) 51.11%, rgb(192, 105, 255) 98.65%);
	border-radius: 12px;
	transform:skewX(-18deg);
}
.banner .tx:after{
	width: 276px;
	height: 56px;
	top: 22px;
	right: 2px;
	background:linear-gradient(to top,rgba(255,255,255,.7),#fff 45%);
	backdrop-filter:blur(16px); 
}
.banner .tx h2{
	margin: 20px 0;
	display: inline-block;
	font-size: 52px;
	line-height: 52px;
	font-weight: bold;
	background-image:linear-gradient(78deg,rgb(59, 145, 255) -3.23%,rgb(13, 94, 255) 51.11%, rgb(192, 105, 255) 98.65%);
	background-clip: text;
	color:transparent;
	transform:skewX(-16deg); 
}
.banner .tx h3{
	background-image:linear-gradient(to left,rgb(59, 145, 255) -3.23%,rgb(13, 94, 255) 51.11%, rgb(192, 105, 255) 98.65%);
	background-clip: text;
	color:transparent;
	font-weight: bold;
	position: absolute;
	top: 40px;
	right: 30px;
	z-index: 2;
}

.banner .tx ul{
	width: calc(100% - 80px);
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	background:linear-gradient(to right,#0066F6,#0052D9,#4656FE);
	padding: 0 40px;
	border-radius: 30px;
}
.banner .tx li{
	display: flex;
	align-items: center;
	height: 50px;
	font-size: 18px;
	color: #fff;
}

.banner .tu{
	width: 300px;
	margin:30px 40px 0 0;
}
.banner .tu h2{
	position: absolute;
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255,255,255,.50);
	backdrop-filter:blur(10px);
	border-radius: 30px;
	left: 20px;
	top: 55px;
	z-index: 2;
}
.banner .tu h2:before{
	width: 70px;
	height: 70px;
	border: dotted 2px rgba(255,255,255,.50);
	border-radius: 80px;
}
.banner .tu h2:nth-child(2){
	left: 114px;
	top: -35px;
}
.banner .tu h2:nth-child(3){
	left: 210px;
	top: 57px;
}

.yewu{
	width: 100%;
	padding-bottom: 30px;
	position: relative;
	overflow: hidden;
}
.yewu li{
	width: calc(50% - 15px);
	display: flex;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	z-index: 3;
}
.yewu li:before{
	width: 100%;
	height: 100%;
	background:linear-gradient(60deg,#E8F1FD 70%,#6F9EFE);
	border-radius: 6px;
}
.yewu li:after{
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	background:#fff;
	border-radius: 6px;
	left: 2px;
	top: 2px;
}
.yewu .hd{
	width: 150px;
	background:#E8F1FD;
	background:linear-gradient(to top,#E8F1FD 50%,#6F9EFE);
	padding: 15px;
	position: relative;
	overflow: hidden;
	border-radius: 6px 0px 0 6px;
	z-index: 3;
}
.yewu .hd:before{
	width: 200px;
	height: 200px;
	top: -130px;
	left: -120px;
	background:#95A6FF;
	filter:blur(40px);
}
.yewu li:nth-child(2) .hd:before{
	background:#94C5FE;
}
.yewu li:nth-child(3) .hd:before{
	background:#56C3FE;
}
.yewu li:nth-child(4) .hd:before{
	background:#9190FE;
}
.yewu .hd h2{
	font-size: 24px;
	font-weight: bold;
	background:linear-gradient(160deg,#fff 35% ,rgba(255,255,255,.0));
	-webkit-background-clip:text;
	color:transparent;
	position: relative;
	z-index: 3;
}
.yewu .hd h3{
	font-size: 14px;
	line-height: 20px;
	margin: 20px 0 40px 0;
	color: #fff;
	text-align:justify;
	text-justify:inter-word; 
	position: relative;
	z-index: 3;
}
.yewu .hd p{
	color: #3D485D;
	line-height: 26px;
	padding-left: 18px;
	background:url("../xb.png") no-repeat 0px center;
	background-size:12px;
	position: relative;
	z-index: 3;
}

.yewu .bd{
	width: calc(100% - 220px);
	padding: 15px;
	padding-top: 0px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	z-index: 3;
}

.yewu .bd a {
	width: calc(50% - 40px);
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
	position: relative;
	padding: 15px;
}
.yewu .bd a:hover{
	background:linear-gradient(-140deg,#F4EEFF,#F8FAFC);
	border-radius: 6px;
}
.yewu .bd a i{
	width: 26px;
	border-radius: 6px;
}
.yewu .bd a h2{
	width: 100%;
	margin: 10px 0;
	font-size: 14px;
	font-weight: bold;
}
.yewu .bd a h3{
	color: #3D485D;
	font-size: 12px;
	text-align:justify;
	text-justify:inter-word;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2;
	overflow: hidden;
}
.yewu .bd a .x{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.yewu .bd a .x p{
	width: calc(50% - 7px);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 20px;
	font-size: 12px;
	background: linear-gradient(71deg,#F0EFFE 20%,#E8F2FE 99%);
	border-radius: 4px;
	color: #3e3e3e;
}

.zliao{
	width: 100%;
	padding: 30px 0 60px 0;
	background:url("../cbg.png") #F1F6FF no-repeat center bottom;
	background-size:100%;
}
.zbzl{
	width: 100%;
}
.zbzl .hd{
	width: 300px;
	font-size: 18px;
	color: #fff;
	line-height: 50px;
	text-align: center;
	margin: 0 auto;
	display: table;
	background:linear-gradient(to right,#0066F6,#0052D9,#4656FE);
	border-radius: 40px;
}

.zbzl .bd{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.zbzl .bd li{
	width: calc(50% - 115px);
	padding: 50px;
	background: rgba(255,255,255,.80);
	backdrop-filter:blur(10px);
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.zbzl .bd li h3{
	width: 100%;
	font-size: 20px;
	font-weight: bold;
}
.zbzl .bd li a{
	width: calc(50% - 20px);
	margin-top: 10px;
	background: #fff;
	padding: 20px 0;
	border-radius: 6px;
	text-align: center;
}
.zbzl .bd li a i{
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background:linear-gradient(70deg,#F2F6FF,#F4EFFF); 
	border-radius: 6px;
	margin: 0 auto;
}
.zbzl .bd li a img{
	width: auto;
	height: 30px;
}
.zbzl .bd li h2{
	line-height: 34px;
	font-weight: bold;
	font-size: 16px;
}
.zbzl .bd li p{
	width: 100%;
	text-align: center;
}

.qtzl{
	width: calc(100% - 6px);
	display: flex;
	margin-top: 30px;
	padding: 3px;
	background:linear-gradient(to right,#0066F6,#0052D9,#4656FE);
	border-radius: 8px;
}
.qtzl .hd{
	width: 180px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	line-height: 34px;
}
.qtzl .bd{
	width: calc(100% - 200px);
	display: flex;
	justify-content: space-between;
	padding: 30px;
	padding-bottom: 15px;
	background:linear-gradient(to top,#fff 80%,rgba(255,255,255,.80) );
	backdrop-filter:blur(10px);
	border-radius: 8px;
}
.qtzl .bd li{
	width: calc(20% - 45px);
	position: relative;
}
.qtzl .bd li:before{
	width: 18px;
	height: 18px;
	background:url("../jia.png") no-repeat;
	background-size: 100%;
	left: -30px;
	top: 50px;
}
.qtzl .bd li:nth-child(1):before{
	display: none;
}
.qtzl .bd img{
	padding: 5px;
	border: solid 1px rgba(61,72,93,.30);
	border-radius: 6px;
}
.qtzl .bd h2{
	width: 100%;
	display: flex;
	align-items: center;
	height: 50px;
}
.qtzl .bd b{
	width: 22px;
	height: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: #0052D9;
	border-radius: 20px 20px 0 20px;
	margin-right: 10px;
}

.bgzl{
	width: calc(100% - 80px);
	padding: 40px;
	background:url("../cbg.png") #E1EEFF no-repeat center bottom;
	background-size:100%;
	border-radius: 6px;
	margin: 20px 0 60px 0;
}

.bgzl .bd{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.bgzl .bd .x{
	width: calc(50% - 280px);
	padding: 20px;
	border: solid 1px #fff;
	background:linear-gradient(to top,rgba(255,255,255,.35) 60%,#fff);
	backdrop-filter:blur(10px); 
	border-radius: 8px;
	height: 260px;
	margin-top: 60px;
}
.bgzl .bd .x dt{
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}
.bgzl .bd .x dd p{
	font-size: 16px;
	line-height: 30px;
	padding-left: 28px;
	margin-top: 15px;
	color: #000;
	background:url("../dui.png") no-repeat 0px center;
	background-size:18px;
}

.bgzl .bd .t{
	width: 340px;
}
.bgzl .bd .t h2{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	background:linear-gradient(to right,#0066F6,#0052D9,#4656FE);
	color: #fff;
	font-size: 22px;
	border-radius: 8px 8px 0 0;
}
.bgzl .bd .t img{
	border-radius: 0px 0px 8px 8px;
}

.bgfx{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.bgfx li{
	width: calc(25% - 60px);
	padding: 20px;
	padding-bottom: 60px;
	position: relative;
	background: #E8F1FD;
	border-radius: 8px;
	overflow: hidden;
}
.bgfx li:after{
	width: 100%;
	height: 160px;
	left: 0px;
	top: 0px;
	background:linear-gradient(to top,#E8F1FD,rgba(0,0,0,.0) );
	backdrop-filter:blur(20px); 
	z-index: 1;
}
.bgfx li:before{
	width: 100%;
	height: 100px;
	top: 0px;
	left: 0px;
	background:linear-gradient(-80deg,#618FFD,#9DA9FB);
}
.bgfx li:nth-child(2):before{
	background:linear-gradient(-80deg,#3B56F9,#B4CDFE);
}
.bgfx li:nth-child(3):before{
	background:linear-gradient(-80deg,#5E99FE,#8DCEFF);
}
.bgfx li:nth-child(4):before{
	background:linear-gradient(-80deg,#8D8DFD,#ADA0FD);
}

.bgfx li .x{
	margin-top: 60px;
	position: relative;
	z-index: 3;
}
.bgfx li .x i{
	width: 80px;
	margin: 0 auto;
	display: table;
}
.bgfx li .x h2{
	width: 100%;
	line-height: 60px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 13px;
	position: relative;
}
.bgfx li .x h2:before{
	content: "···";
	font-size: 18px;
	top: 25px;
	left: 50%;
	margin-left: -10px;
	color: rgba(61,72,93,.40);
}



.plan{
	width: 100%;
	padding: 50px 0px;
	background:url("../lbg.png") #F1F6FF no-repeat left center;
	background-size:500px; 
}
.plan .hd{
	width: 300px;
	display: flex;
	flex-wrap: wrap;
	position: sticky;
	top: 100px;
}
.plan .hd h2{
	font-size: 32px;
	display: flex;
	align-items: center;
	height: 60px;
	font-weight: bold;
	background-image: linear-gradient(78deg, rgb(59, 145, 255) -3.23%, rgb(13, 94, 255) 51.11%, rgb(192, 105, 255) 98.65%);
	background-clip:text;
	color:transparent;
}
.plan .hd h3{
	font-size: 14px;
	color: rgba(61,72,93,.80);
}

.plan .bd{
	width: calc(100% - 400px);
	display: flex;
	justify-content: space-between;
}
.plan .bd li{
	width: calc(50% - 15px);
	display: flex;
	flex-wrap: wrap;
}

.plan .bd a{
	width: calc(100% - 60px);
	padding: 30px;
	margin: 20px 0;
	background: #fff;
	position: relative;
	border-radius: 8px;
}
.plan .bd a b{
	width: 75%;
	height: 30px;
	position: absolute;
	left: 10%;
	bottom: 15px;
	background-image: linear-gradient(45deg, #0051f6, #a94ffe, #f4450c, #ffaa5b);
	filter: blur(24px);
	opacity: 0;
	transition: opacity .3s ease;
}
.plan .bd a:hover b{
	opacity: 1;
}
.plan .bd a:before{
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-image: linear-gradient(45deg, #0051f6, #a94ffe, #f4450c, #ffaa5b);
	border-radius: 8px;
	visibility: hidden;
}
.plan .bd a:hover:before{
	visibility: visible;
}
.plan .bd a:after{
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	left: 1px;
	top: 1px;
	background:linear-gradient(to top,rgba(255,255,255,.90) 3%,#fff,#fff);
	backdrop-filter:blur(10px);
	border-radius: 8px;
}

.plan .bd a i{
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 4;
}
.plan .bd a img{
	width: auto;
	height: 24px;
	position: relative;
	z-index: 3;
}
.plan .bd a i:after{
	width: 40px;
	height: 40px;
	top: -6px;
	left: -6px;
	background:linear-gradient(to left,#4656FF,#0066F6);
	border-radius: 100px;
}
.plan .bd a i:before{
	width: 100%;
	height: 100%;
	background:linear-gradient(120deg,rgba(232,241,253,.50) 40%,#E8F1FD);
	backdrop-filter:blur(20px); 
	border-radius: 100px;
	z-index: 2;
}
.plan .bd a h2{
	font-size: 18px;
	font-weight: bold;
	display: flex;
	align-items: center;
	height: 50px;
	position: relative;
	z-index: 4;
}
.plan .bd a p{
	position: relative;
	z-index: 4;
}

.proc{
	width: 100%;
	padding-bottom: 60px;
	position: relative;
	z-index: 2;
}
.jzlc{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.jzlc li{
	width: calc(18% - 90px);
	padding: 30px;
	height: 300px;	
	position: relative;
	cursor: pointer;
}
.jzlc li:before{
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background:linear-gradient(to right,#CEDFFF,#AAC9FE);
	border-radius: 6px;
	z-index: -2;
}
.jzlc li:after{
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	top: 1px;
	left: 1px;
	background:linear-gradient(to top,#fff 80%,#E6EFFF);
	border-radius: 6px;
	z-index: -1;
}
.jzlc li.cur:after{
	width: calc(100% - 0px);
	height: calc(100% - 0px);
	top: 0px;
	left: 0px;
	background: linear-gradient(to right,#0251D9,#4656FE);
}
.jzlc li .x{
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.jzlc li .x:before{
	width: calc(100% - 30px);
	height: 30px;
	left: 5px;
	top: -2px;
	background:linear-gradient(to bottom,rgba(255,255,255,.30) 40%,rgba(0,0,0,.0) );
	backdrop-filter:blur(5px);
	z-index: 2;
}
.jzlc li .x b{
	position: absolute;
	top: -23px;
	left: 20px;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	background:linear-gradient(120deg,#0052D9,#7972FF,#0066F6);
	-webkit-background-clip:text;
	color:transparent;
}
.jzlc li .x h2{
	width: calc(100% - 20px);
	padding-left: 20px;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	position: relative;
	z-index: 3;
}
.jzlc li .x h2:before{
	width: 23px;
	height: 43px;
	background:url("../bzt.png") no-repeat;
	background-size: 12px;
	left: 0px;
	top: 13px;
}
.jzlc li .x h3{
	width: calc(100% - 40px);
	padding: 0 20px;
	font-size: 12px;
	color: #3D485D;
}
.jzlc li .x p{
	width: calc(50% - 20px);
	margin-left: 20px;
	line-height: 28px;
	color: rgba(255,255,255,.85);
	display: none;
}
.jzlc li .x p:hover{
	color: #fff;
}
.jzlc li.cur{
	width: calc(30% - 60px);	
}
.jzlc li.cur .x:before{
	display: none;
}
.jzlc li.cur .x b{
	background:linear-gradient(120deg,#fff 30%,rgba(255,255,255,.50) );
	-webkit-background-clip:text;
	color:transparent;
}
.jzlc li.cur .x h2{
	color: #fff;
	background: none;
}
.jzlc li.cur .x h2:before{
	display: none;
}
.jzlc li.cur .x h3{
	display: none;
}
.jzlc li.cur .x p{
	display: flex;
}

.jzlc li i{
	width: 40px;
	height: 44px;
	position: absolute;
	top: 30px;
	right: 30px;
	background: url("../jzlc.png") no-repeat 0 0px;
	background-size: 100%;
}
.jzlc li.cur i{
	background-position: 0 -56px;
}
.jzlc li:nth-child(2) i{
	background-position: 0 -112px;
}
.jzlc li:nth-child(2).cur i{
	background-position: 0 -164px;
}
.jzlc li:nth-child(3) i{
	background-position: 0 -224px;
}
.jzlc li:nth-child(3).cur i{
	background-position: 0 -278px;
}
.jzlc li:nth-child(4) i{
	background-position: 0 -334px;
}
.jzlc li:nth-child(4).cur i{
	background-position: 0 -388px;
}
.jzlc li:nth-child(5) i{
	background-position: 0 -440px;
}
.jzlc li:nth-child(5).cur i{
	background-position: 0 -498px;
}

.snew{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 60px 0;
	padding-top: 0px;
	background: linear-gradient(to top,#E5EEF9,#F1F6FF);
}
.snew:before{
	width: 260px;
	height: 400px;
	right: 0px;
	top: 0px;
	background:linear-gradient(to top,#2991F6,#957AF2,#E29DD7);
	filter:blur(100px); 
}
.snew .xw{
	width: calc(100% - 370px);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	z-index: 2;
}
.snew .xw li{
	width: calc(50% - 75px);	
	padding:20px 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-radius: 6px;
	background: rgba(255,255,255,.60);
	backdrop-filter:blur(20px);
	margin: 15px 0;
}
.snew .xw li a{
	width: calc(100% - 15px);
	height: 36px;
	line-height: 36px;
	position: relative;
	padding-left: 18px;
	overflow: hidden;
}
.snew .xw li a:before{
	width: 8px;
	height: 8px;
	background: rgba(61,72,93,.20);
	left: 0px;
	top: 50%;
	border-radius: 20px;
	margin-top: -4px;
}
.snew .xw li a:hover:before{
	background: #0052D9;
}
.snew .xw li a:nth-child(1){
	font-size: 20px;
	font-weight: bold;
}
.snew .xw li a:nth-child(1):before{
	height: 20px;
	background:linear-gradient(to top,#0066F6,#0052D9,#4656FE);
	top: 13px;
}

.snew .fz{
	width: 280px;
	padding:20px 30px;
	display: flex;
	flex-wrap: wrap;
	border-radius: 6px;
	position: relative;
	background: rgba(255,255,255,.50);
	overflow: hidden;
	position: relative;
	z-index: 2;
	margin-top: 15px;
}
.snew .fz:before{
	width: 160px;
	height: 100px;
	left: -40px;
	top: -40px;
	background: #FFF4E8;
	filter:blur(50px); 
}
.snew .fz .hd{
	font-size: 20px;
	font-weight: bold;
	line-height: 36px;
	position: relative;
	z-index: 2;
}
.snew .fz .bd{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 2;
}
.snew .fz .bd a{
	width: calc(100% - 30px);
	height: 36px;
	line-height: 36px;
	position: relative;
	padding-left: 25px;
	overflow: hidden;
}
.snew .fz .bd a:nth-child(1){
	margin-bottom: 5px;
}
.snew .fz .bd a:before{
	left: 0px;
	top: 1px;
	color: #a1a3a6;
	font-size: 16px;
}
.snew .fz .bd a:nth-child(1):before{
	content: "1";
	color: #F44837;
}
.snew .fz .bd a:nth-child(2):before{
	content: "2";
	color: #FF8A14;
}
.snew .fz .bd a:nth-child(3):before{
	content: "3";
	color: #FFC20D;
}
.snew .fz .bd a:nth-child(4):before{content: "4";}
.snew .fz .bd a:nth-child(5):before{content: "5";}
.snew .fz .bd a:nth-child(6):before{content: "6";}
.snew .fz .bd a:nth-child(7):before{content: "7";}
.snew .fz .bd a:nth-child(8):before{content: "8";}
.snew .fz .bd a:nth-child(9):before{content: "9";}
.snew .fz .bd a:nth-child(10):before{content: "10";}
.snew .fz .bd a:nth-child(11):before{content: "11";}
.snew .fz .bd a:nth-child(12):before{content: "12";}
.snew .fz .bd a:nth-child(13):before{content: "13";}
.snew .fz .bd a:nth-child(14):before{content: "14";}
.snew .fz .bd a:nth-child(15):before{content: "15";}

.show {
	width: calc(100% - 102px);
	padding: 50px;
	padding-top: 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-radius: 6px;
	border: solid 1px #fff;
	background: linear-gradient(to right, rgba(255,255,255,.50), #fff 40%);
	backdrop-filter: blur(20px);
	margin-top: 100px;
}

.show .map {
	width: 100%;
	display: flex;
	border-bottom: solid 1px rgba(61,72,93,.18);
	padding-bottom: 20px;
}

.show .map a {
	padding-left: 31px;
	position: relative;
}

.show .map a:before {
	width: 1px;
	height: 14px;
	background: #D3D7DE;
	left: 15px;
	top: 4px;
}

.show .map a:nth-child(1):before {
	width: 16px;
	height: 18px;
	background: url("../ico.png") no-repeat 0 -446px;
	background-size: 100%;
	left: 0px;
	top: 0px;
}

.show .map strong {
	margin-left: 15px;
}

.show .le {
	width: calc(100% - 500px);
	padding-right: 80px;
	border-right: solid 1px rgba(61,72,93,.18);
	position: relative;
	padding-top: 50px;
}

.show .ri {
	width: 350px;
	padding-top: 50px;
}

.show .tit {
	width: 100%;
}

.show .tit h2 {
	width: 100%;
	font-size: 30px;
	line-height: 40px;
}

.show .tit dl {
	width: calc(100% - 50px);
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	height: 50px;
	margin: 30px 0;
	padding-left: 50px;
}

.show .tit dl:before {
	width: 34px;
	height: 34px;
	background: url("../clbz.png") no-repeat;
	background-size: 100%;
	left: 10px;
	top: 11px;
}
.show .tit dt{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding-top: 27px;
}
.show .tit dt:before {
	content: "才力信息";
	font-weight: bold;
	top: 10px;
}
.show .tit dt p {
	color: #98A3B7;
	font-size: 12px;	
	position: relative;
	line-height: 20px;
}
.show .tit dt p:last-child{
	padding:0 52px 0 31px;
}
.show .tit dt p:last-child:before {
	content: "/ AI创作";
	right: 0px;
}
.show .tit dt p:last-child:after{
	width: 1px;
	height: 12px;
	background: #ccc;
	left: 15px;
	top: 5px;
}

.show .tit dd {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 34px;
	padding: 0 40px 0 20px;
}

.show .tit dd:before {
	width: 100%;
	height: 34px;
	background: #0052D9;
	border-radius: 30px;
	transition: all 0.1s ease-out;
	top: 0px;
	right: 0px;
}

.show .tit dd::after {
	width: 8px;
	height: 20px;
	background: url("../ico.png") no-repeat 0px 4px;
	background-size: 100%;
	right: 25px;
}

.show .tit dd:hover:before {
	width: 34px;
}

.show .tit dd:hover:after {
	right: 12px;
	transition: all 0.3s ease-out;
}

.show .tit dd:hover a {
	color: #0052D9;
}

.show .tit dd a {
	width: 100%;
	color: #fff;
	font-size: 14px;
	position: relative;
	z-index: 2;
}
.show .bod {
	width: 100%;
}
.show .bod h2 {
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 40px;
	padding-top: 70px;
	margin-top: -62px;
	font-weight: bold;
	display: inline-block;
}
.show .bod h3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	display: block;
	margin: 10px 0;
	text-indent: 21px;
}
.show .bod h4 {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	text-indent: 21px;
}
.show .bod p,.show .bod li {
	line-height: 30px;
	height: auto;
	font-size: 18px;
	color: #34373A;
	text-indent: 21px;
	overflow: visible;
	margin-bottom: 10px;
	position: relative;
	text-align: justify;
	text-justify: inter-word;
}
.show .bod img {
	float: none;
	margin: 10px auto;
	display: table;
	border-radius: 3px;
	width: auto !important;
	height: auto !important;
	max-width: 100%;
}
.show .bod strong {
	font-weight: bold;
	color: #34373A;
}
.show .bod table {
	width: calc(100% - 1px);
	margin: 10px 0;
	border-right: solid 1px #D3D7DE;
}
.show .bod table tr {
	width: 100%;
}
.show .bod table td {
	width: 100px !important;
	padding: 10px;
	background: #fff;
	position: relative;
	font-size: 16px;
	border-bottom: solid 1px #D3D7DE;
	border-left: solid 1px #D3D7DE;
	line-height: 30px;
	word-break: break-all;
}
.show .bod table td p {
	text-indent: 0px;
	margin: 0px;
}
.show .bod table tr:nth-child(1) td {
	padding: 10px 20px;
	background: #F5F5F5;
	border-left: solid 1px #D3D7DE;
	border-top: solid 1px #D3D7DE;
	font-weight: bold;
}
.show .bod table td:last-child {
	width: calc(100% - 200px) !important;
}
.show .bod .h3 {
	font-weight:bold;
}
.show .nex {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 40px;
	margin-top: 30px;
	padding-bottom: 25px;
	position: relative;
}
.show .nex:before {
	width: calc(100% + 80px);
	height: 1px;
	background: rgba(61,72,93,.18);
	right: -80px;
	bottom: 0;
}
.show .nex a:nth-child(1){
	width: calc(100% - 80px);
	position: relative;
	padding-top: 16px;
	height: 22px;
	line-height: 22px;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:1;
	overflow: hidden;
}
.show .nex a:nth-child(1):before {
	content: "下一篇";
	font-size: 12px;
	color: #999;
	top: -2px;
}

.show .nex a:last-child {
	width: 40px;
	height: 40px;
	position: relative;
	background: rgba(61,72,93,.10);
	border-radius: 30px;
	text-indent: -9999px;
}

.show .nex a:last-child:after {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: #0052D9;
	border-radius: 30px;
	transform:scale(0); 
}
.show .nex a:last-child:hover:after{
	transform:scale(1);
	transition:0.2s ease-out; 
}
.show .nex a:last-child:before {
	width: 10px;
	height: 20px;
	background: url("../ico.png") no-repeat 0px -28px;
	background-size: 100%;
	left: 15px;
	top: 11px;
	z-index: 3;
}
.show .nex a:last-child:hover:before{
	background-position: 0 0px
}
.show .yue{
	width: 100%;
	margin-top: 30px;
}
.show .yue .hd{
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
.show .yue .hd:before{
	width: 12px;
	height: 12px;
	border: solid 2px #F44837;
	border-radius: 30px;
	top: -5px;
	left: -5px;
}
.show .yue .hd em{
	font-size: 20px;
	color: #0052D9;
	font-weight: bold;
	position: relative;
	z-index: 2;
}
.show .yue .bd{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
}
.show .yue .bd a{
	width: calc(50% - 30px);
	display: flex;
	align-items: center;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}

.line{
	height: 40px;
}
.show .subnav{
	width: calc(100% - 12px);
	padding:0 10px 15px 0;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	position: sticky;
	top: 100px;
	border: solid 1px #E3E3E3;
	border-radius: 8px;
	z-index: 5;
}
.show .subnav:before {
	width: 200px;
	height: 10px;
	background: linear-gradient(to left,#0052D9,#0066F6,#7972FF);
	top: 0px;
	left: 0px;
	filter:blur(20px);
	border-radius: 80px;
}
.show .subnav:after {
	width: 80px;
	height: 30px;
	top: -40px;
	right: 60px;
	background: #00C8DC;
	filter:blur(40px);
}
.show .subnav a {
	width: calc(33% - 15px);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 36px;
	border-radius: 6px;
	background: #F3F8FC;
	margin-top: 15px;
	margin-left: 15px;
	position: relative;
	z-index: 3;
}
.show .subnav a.cur,.show .subnav a.cur:hover,.show .subnav a:hover{
	color: #0052D9;
	font-weight: bold;
	background: linear-gradient(78deg,#E5EEF9,#EFEFFF);
}
.show .subnav a:nth-child(1) {
	width: calc(100% - 55px);
	background: url("../csi.png") no-repeat 0px 3px;
	background-size: 28px;
	justify-content: flex-start;
	font-size: 20px;
	padding-left: 32px;
	font-weight: bold;
}
.show .bus{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	position: sticky;
	top: 100px;
	z-index: 5;
}
.show .bus a{
	width: calc(100% - 40px);
	padding:5px 20px 15px 20px;
	display: flex;
	justify-content: space-between;
	position: relative;
	background: linear-gradient(to right,#F0F3FA,#F5F5F5);
	margin-bottom: 15px;
	border-radius: 6px;
	overflow: hidden;
}
.show .bus a.cur{
	background: linear-gradient(78deg,#E8F1FD -3.23%, #D9E5FF 51.11%, #F6EAF8 98.65%);
}
.show .bus a.cur:before{
	width: 240px;
	height: 20px;	
	top: -18px;
	right: 20px;
	background:linear-gradient(to left,#0052D9,#7972FF);
	filter:blur(35px);
}
.show .bus dt{
	margin-top: 6px;
}
.show .bus dt img{
	width: auto;
	height: 30px;
}
.show .bus dd{
	width: calc(100% - 40px);
	position: relative;
	z-index: 3;
}
.show .bus dd h2{
	width: 100%;
	display: flex;
	align-items: center;
	height: 40px;
	font-size: 18px;
	font-weight: bold;
}
.show .bus dd h3{
	font-size: 12px;
	height: 14px;
	line-height: 14px;
	color: #3D485D;
	overflow: hidden;	
}
.show .wech{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.show .wech .dx{
	width: calc(100% - 50px);
	margin: 0 7px;
	position: relative;
	display: flex;
	justify-content: space-between;
	background: #0052D9;
	padding: 20px;
	border-radius: 8px 8px 0 0;
}
.show .wech .dx:before {
	content: "181 8488 6988";
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	top: 43px;
}
.show .wech .dx h2{
	font-size: 14px;
	color: #fff;
}

.show .wech .dx a{
	width: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	border-radius: 30px;
	color: #fff;
	font-size: 14px;
	background: rgba(255,255,255,.5) ;
	border: solid 1px rgba(255,255,255,.8);
}

.show .wech .wx {
	width: calc(100% - 20px);
	padding: 15px 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 60px;
	margin-bottom: 30px;
}
.show .wech .wx:before{
	width:100%;
	height: 50px;
	left: 0px;
	top: -20px;
	background: url("../rbg.png") no-repeat 0 0;
	background-size: 100%;
}
.show .wech .wx:after {
	width: 100%;
	height: calc(100% - 10px);
	left: 0px;
	bottom: 0px;
	border-radius: 0 0 8px 8px;
	background:#ECF2FD;
	z-index: 2;
}
.show .wech .wx dt {
	width: calc(100% - 90px);
	display: flex;
	flex-wrap: wrap;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	z-index: 3;
}
.show .wech .wx dt h2 {
	font-size: 16px;
	font-weight: bold;
}
.show .wech .wx dt h3{
	font-size: 12px;
	margin-top: 5px;
}
.show .wech .wx dt p {
	color: #fff;
}
.show .wech .wx dd {
	width: 60px;
	padding: 3px;
	background: #fff;
	border: solid 1px #E9EFF7;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
	z-index: 3;
}
.show .wech .wx dd img{
	border-radius: 6px;
}
.bk {
	background: #fff;
	border: solid 1px #fff;
	border-radius: 8px;
	position: relative;
	z-index: 3;
}

.bk:before {
	width: 90px;
	height: 20px;
	background: #0052D9;
	border-radius: 100px;
	top: -3px;
	left: 15px;
	border-radius: 60px;
}

.bk:after {
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, .0), rgba(255, 255, 255, .60));
	backdrop-filter: blur(10px);
	border-radius: 100px;
	left: 0px;
	top: 0px;
	border-radius: 8px;
	z-index: 2;
}

.gser {
	width: 100%;
	background: url("../tbg.png") no-repeat center center fixed;
	background-size:cover; 
	background-size: 120%;
	margin-top: 40px;
	padding: 50px 0;
}
.gser .hd{
	width: 350px;
	display: flex;
	flex-wrap: wrap;
	position: sticky;
	top: 130px;
	margin-top: 40px;
}
.gser .hd:before{
	width: 100px;
	height: 100px;
	background:url("../qfw.png") no-repeat;
	background-size: 100%;
	top: -28px;
	left: -28px;
	z-index: 2;
}
.gser .hd h2{
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 50px;
}
.gser .hd em{
	font-size: 32px;
	font-weight: bold;
	background: linear-gradient(135deg, #00C8DC, #0052D9 20%, #5F84FC 30%, #575EF4 50%);
	-webkit-background-clip: text;
	color: transparent;
}
.gser .hd h3{
	line-height: 40px;
}
.gser .bd{
	width: calc(100% - 500px);
	display: flex;
	justify-content: space-between;
}
.gser .bd .l,.gser .bd .r{
	width: calc(50% - 20px);
	display: flex;
	flex-wrap: wrap;
}
.gser .bd li{
	width: calc(100% - 60px);
	padding: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
	margin-top: 30px;
	position: relative;
}
.gser .bd li:before{
	width: 100%;
	height: 100%;
	background-image: linear-gradient(45deg, #0051f6, #a94ffe, #f4450c, #ffaa5b);
	opacity: 0;
	transition: opacity .3s ease;
	border-radius: 6px;
	left: 0px;
	top: 0px;
}
.gser .bd li:after{
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	background: #fff;
	border-radius: 6px;
	left: 2px;
	top: 2px;
	z-index: 2;
}
.gser .bd li:hover:before{
	opacity: 80;
}
.gser .bd li:nth-child(1){
	margin-top: 0;
}
.gser .bd li img{
	width: 44px;
	position: relative;
	z-index: 3;
}
.gser .bd li h2{
	width: 100%;
	font-size: 22px;
	line-height: 60px;
	font-weight: bold;
	position: relative;
	z-index: 3;
}
.gser .bd li h3{
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	position: relative;
	z-index: 3;
}
.gser .bd li p{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	z-index: 3;
}
.gser .bd li p a{
	width: calc(50% - 10px);
	background: #E9EFF7;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 32px;
	margin-top: 15px;
	border-radius: 6px;
	color: #0052D9;
}
.gser .bd li p a:hover{
	color: #fff;
	background: #0052D9;
}

.tban {
	width: 100%;
	padding-top: 100px;
}

.tban .tx {
	width: 520px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 70px;
}

.tban .tx .x h1 {
	font-size: 32px;
	font-weight: bold;
}

.tban .tx .x h2 {
	font-size: 20px;
	margin: 20px 0 30px 0;
}

.tban .tx .x p {}
.tban .tx .z{
	width: 70%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.tban .tx .z p{
	width: 33%;
	font-size: 16px;
	line-height: 40px;
	padding-left: 22px;
	position: relative;
	background: url("../gou.png") no-repeat 0 13px;
	background-size: 16px;
}
.tban .tx .d {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
	position: relative;
}

.tban .tx .d:before,
.tban .tx .d:after {
	width: 80px;
	height: 4px;
	border-top: dashed 1px #fff;
	transform: rotate(-10deg);
	left: 100px;
	top: 0px;
}

.tban .tx .d:after {
	left: 290px;
	transform: rotate(10deg);
}

.tban .tx .d li {
	animation: rowup linear 2s infinite;
}

.tban .tx .d li:nth-child(2) {
	margin-top: -40px;
}

.tban .tx .d li i {
	width: 100%;
	display: flex;
	justify-content: center;
}

.tban .tx .d li img {
	width: 40px;
}

.tban .tx .d li h3 {
	text-align: center;
	font-size: 14px;
	margin-top: 10px;
}

.tban .tu {
	width: 600px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.tban .wei {
	width: 320px;
	display: flex;
	flex-wrap: wrap;	
}
.tban .wei .tx{
	margin-bottom: 20px;
}

.tban .wei .tx h2{
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
	letter-spacing:3px;
}
.tban .wei .tx h3{
	margin-top: 10px;
	font-size: 16px;
}
.tban .wei .ma{
	width: calc(100% - 40px);
	display: flex;
	justify-content: space-between;
	padding: 20px;
	background: #fff;
	border-radius: 8px;
}
.tban .wei .ma li{
	width: calc(50% - 15px);
	text-align: center;
}
.tban .wei .ma li i{
	width: 70%;
	margin: 0 auto;
	display: table;
}
.tban .wei .ma li h2{
	font-size: 14px;
	margin-top: 5px;
}
.tban .wei .ma li p{
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #999;
}

.sban{
	padding: 100px 0 50px 0;
}
.sban .tx{
	width: 550px;
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sban .tx h1{
	font-size: 40px;
	font-weight: bold;
	line-height: 50px;
	margin-bottom: 10px;
}
.sban .tx h2{
	width: 100%;
	color: #3D485D;
}
.sban .tx ul{
	width: 100%;
	display: flex;
	margin-top: 70px;
}
.sban .tx li{
	width: 80px;
	height: 80px;
	display: flex;
	flex-wrap: wrap;
	margin-right: 40px;
	background: rgba(255,255,255,.7);
	backdrop-filter:blur(10px);
	border-radius: 90px;
}
.sban .tx li img{
	width: auto;
	height: 30px;
	margin: 0 auto;
	margin-top: 15px;
}
.sban .tx li h3{
	width: 100%;
	text-align: center;
	font-size: 12px;
	margin-top: -8px;
}
.sban .tx dl{
	margin-top: 80px;
}
.sban .tx dt{
	font-size: 40px;
	font-weight: bold;
	color: #0052D9;
}
.sban .tx dt em{
	width: 20px;
	height: 20px;
	line-height: 18px;
	background: #0052D9;
	color: #fff;
	display: inline-block;
	margin-left: 5px;
	font-size: 12px;
	text-align: center;
	border-radius: 30px;
	position: relative;
	top: -6px;
}
.sban .tx dd{
	margin-top: 10px;
	color: #3D485D;
}

.sban .tu{
	width: 300px;
	margin-right: 50px;
}

.manli {
	width: 260px;
	position: relative;
}
.manli:before {
	width: 14px;
	height: 14px;
	left: 50%;
	top: 10px;
	margin-left: -7px;
	border-radius: 20px;
	background: #000;
	z-index: 3;
}
.manli .bd {
	width: calc(100% - 10px);
	border-radius: 8px;
	background:linear-gradient(to left,#E2EBF7,#fff 4%);
	padding: 5px;
	overflow: hidden;
	box-shadow: 3px 3px 12px rgba(55,99,170,.1);
}
.manli .bd ul{
	height: 420px;
	border-radius: 8px;
	overflow: hidden;
}
.manli .hd {
	width: 100%;
}

.manli .hd ul {
	display: flex;
	justify-content: space-between;
	padding: 0 15px;
}

.manli .hd li {
	display: flex;
	align-items: center;
	height: 40px;
	color: #555;
	position: relative;
	cursor: pointer;
}

.manli .hd li h2 {
	font-size: 14px;
	position: relative;
	z-index: 2;
	visibility: hidden;
}

.manli .hd li.on {
	color: #000;
}

.manli .hd li.on h2 {
	visibility: visible;
}

.manli .hd li:before {
	width: 100%;
	height: 5px;
	background: #ddd;
	border-radius: 20px;
	bottom: 10px;
}

.manli .hd li.on:before {
	background: linear-gradient(to left, #0052D9, #00C8DC);
}

/* 通用标题 */
.title {
	width: 600px;
	margin: 0 auto;
	padding: 20px 0;
	clear: both;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.title h2 {
	font-size: 32px;
	font-weight: bold;
	line-height: 40px;
	margin-bottom: 10px;
	position: relative;
}

.title h2:before {
	width: 100%;
	height: 50px;
	text-align: center;
	background: url("../anti.png") no-repeat;
	background-size: 80%;
	top: 22px;
	left: 10%;
}

.title h3 {
	width: 100%;
	font-size: 14px;
	color: #3D485D;
	text-align: center;
}

.title strong {
	position: relative;
	z-index: 3;
}

.code {
	width: 100%;
	background:url("../cbg.png") #E9EFF7 no-repeat center bottom;
	background-size: 100%;
	padding: 40px 0;
	position: relative;
}
.code .hd {
	width: 350px;
	margin-top: 15px;
	position: sticky;
	top: 100px;
}
.code .hd h2 {
	font-size: 30px;
	font-weight: bold;
	line-height: 50px;
	background: linear-gradient(135deg, #00C8DC, #0052D9 20%, #5F84FC 30%, #575EF4 50%);
	-webkit-background-clip:text;
	color:transparent;
}
.code .hd p {
	font-size: 16px;
	line-height: 26px;
	margin-top: 20px;
}
.code .bd {
	width: calc(100% - 500px);
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 3;
}
.code .bd .l,.code .bd .r{
	width: calc(50% - 15px);
	display: flex;
	flex-wrap: wrap;
}
.code .bd .r{
	margin-top: 60px;
}
.code .bd li {
	width: calc(100% - 75px);
	padding: 30px;
	background: rgba(255,255,255,.70);
	backdrop-filter:blur(20px);
	border-radius: 6px;
	margin: 20px 0;
}

.code .bd li i {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.code .bd li i:before {
	width: 100%;
	height: 100%;
	border-radius: 90px;
	background: rgba(208, 227, 252, .50);
	backdrop-filter: blur(10px);
	z-index: 2;
	top: 0px;
	left: 0px;
}

.code .bd li i:after {
	width: 70%;
	height: 70%;
	border-radius: 90px;
	background: #0052D9;
	left: -5px;
	top: -5px;
}

.code .bd li img {
	width: 30px;
	position: relative;
	z-index: 3;
}

.code .bd li h2 {
	font-weight: bold;
	display: flex;
	align-items: center;
	height: 50px;
}

.code .bd li p {
	line-height: 26px;
}

/* 业务模式 */
.model {
	width: 100%;
	padding: 50px 0;
	background: url("../model.jpg") no-repeat center center fixed;
	background-size: cover;
}

.model:before {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba(0, 0, 0, .50);
	backdrop-filter: blur(20px);
}

.model .hd h2 {
	font-size: 30px;
	line-height: 34px;
	color: #fff;
	font-weight: bold;
	margin-top: 20px;
}

.model .hd h3 {
	font-size: 20px;
	line-height: 60px;
	color: #fff;
	font-weight: bold;
}

.model .hd p {
	color: rgba(255, 255, 255, .80);
	font-size: 16px;
}

.model .bd {
	display: flex;
}
.model .bd li {
	position: relative;
	width: 180px;
	height: 180px;
	text-align: center;	
}
.model .bd li:before{
	width: 180px;
	height: 180px;
	border: solid 1px #fff;
	border-radius: 200px;
	left: 0px;
}
.model .bd li:nth-child(2):before{
	width: 240px;
	height: 180px;
	left: -30px;
}
.model .bd li:after {
	content: "+";
	color: #fff;
	right: 8px;
	top: 80px;
}
.model .bd li:nth-child(2):after {
	right: -22px;
}
.model .bd li:nth-child(3):after{
	display: none;
}
.model .bd i {
	margin: 0 auto;
	display: table;
	margin-top: 45px;
}

.model .bd img {
	width: auto;
	height: 30px;
}

.model .bd h2 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
}

.model .bd p {
	color: rgba(255, 255, 255, .80);
	text-align: center;
}

.inte {
	width: 1300px;
	margin: 0 auto;
	padding: 30px 0;
	padding-bottom: 50px;
	display: flex;
	justify-content: space-between;
}

.inte .a {
	width: 300px;
	padding: 10px 30px;
	background: #F5F7FA;
	border-radius: 8px;
	position: relative;
}

.inte .a:before {
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	left: -11px;
	top: -11px;
	border: dashed 1px #0052D9;
	border-radius: 8px;
}

.inte .a dl {
	border-bottom: solid 1px rgba(211, 215, 222, .50);
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.inte .a dl:last-child {
	border-bottom: none;
}

.inte .a dt {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	display: flex;
	align-items: center;
	margin-top: -5px;
	position: relative;
}

.inte .a dt:before,
.inte .a dt:after {
	width: 40px;
	height: 40px;
	border-radius: 6px;
	background: linear-gradient(to right, #006CFD, #0052D9);
	left: -6px;
	top: -6px;
}

.inte .a dt:after {
	background: rgba(211, 229, 253, .40);
	border: solid 1px #C5DDFD;
	top: 0px;
	left: 0px;
	backdrop-filter: blur(10px);
	z-index: 2;
}

.inte .a dt img {
	width: auto;
	margin: 0 auto;
	height: 24px;
	position: relative;
	z-index: 3;
}

.inte .a dd {
	width: calc(100% - 60px);
}

.inte .a dd h2 {
	font-size: 18px;
	font-weight: bold;
	color: #070707;
	display: block;
	margin: 5px 0 10px 0;
}

.inte .a dd p {
	font-size: 14px;
	color: #3D485D;
	line-height: 20px;
}

.inte .c {
	width: 320px;
	margin: 60px 0;
}

.inte .c li {
	background: #E9EFF7;
	border-radius: 8px;
	margin-top: 30px;
	position: relative;
	display: flex;
}

.inte .c li h2 {
	background: #0052D9;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	display: flex;
	align-items: center;
	padding: 0 10px;
	height: 130px;
	line-height: 32px;
}

.inte .c li h3 {
	font-size: 16px;
	line-height: 28px;
	text-align: justify;
	text-justify: inter-word;
	padding: 20px;
}

.inte .c li:before {
	width: 130px;
	height: 40px;
	left: -110px;
	top: -60px;
	border: dashed 1px #0052D9;
	border-bottom: 0px;
	border-left: 0px;
	border-radius: 0px 8px 0 0;
}

.inte .c li:last-child {
	background: #FEF4F1;
}

.inte .c li:last-child h2 {
	background: #F44837;
}

.inte .c li:last-child:before {
	left: auto;
	top: auto;
	right: -110px;
	bottom: -60px;
	border: dashed 1px #F44837;
	border-top: 0px;
	border-right: 0px;
	border-radius: 0px 0px 0 8px;
}

.inte .c li:after {
	width: 10px;
	height: 11px;
	background: url("../jtx.png") no-repeat;
	background-size: 100%;
	left: 15px;
	top: -15px;
}

.inte .c li:last-child:after {
	left: auto;
	top: auto;
	bottom: -15px;
	right: 16px;
	background-position: 0 -10px;
}

.inte .a:after {
	width: 10px;
	height: 10px;
	background: #0052D9;
	border: solid 3px #fff;
	border-radius: 10px;
	right: -18px;
	top: 22px;
}

.inte .a:last-child {
	background: #FEF4F1;
}

.inte .a:last-child:before {
	border-color: #F44837;
}

.inte .a:last-child:after {
	left: -18px;
	top: auto;
	bottom: 132px;
	background: #F44837;
}

.inte .a:last-child dt:before,
.inte .a:last-child dt:after {
	background: linear-gradient(to right, #F44837, #FF8A14);
}

.inte .a:last-child dt:after {
	background: rgba(255, 238, 231, .40);
	border-color: #FEF2E6;
}

.oper {
	width: 100%;
	background: url("../cbg.png") no-repeat center center fixed;
	background-size: cover;	
	padding-bottom: 40px;
}

.oper ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

.oper li {
	width: calc(33% - 60px);
	border: solid 2px #fff;
	border-radius: 8px;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	position: relative;
}
.oper li:before{
	content: "01";
	left: 40%;
	top: -17px;
	font-size: 70px;
	color: #0052D9;
	font-weight: bold;
}
.oper li:nth-child(2):before{
	content: "02";
}
.oper li:nth-child(3):before{
	content: "03";
}
.oper li:after{
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(255, 255, 255, .50);
	backdrop-filter: blur(10px);
	border-radius: 8px;
}
.oper li .tx {
	width: 100%;
	position: relative;
	z-index: 3;
}

.oper li .tx h2 {
	font-size: 26px;
	display: flex;
	align-items: center;
	height: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}

.oper li .tx p {
	font-size: 16px;
	line-height: 28px;
	height: 80px;
	overflow: hidden;
}

.oper li .tu {
	margin-top: 30px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	z-index: 3;
}

/* 分站相关新闻 */
.real {
	width: 100%;
	padding: 60px 0;
	background:url("../nbg.png") no-repeat 0px 80px;
	background-size: 500px;
}
.real .tit{
	width: 400px;
	position: sticky;
	top: 100px;
}

.real .tit dl{
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.real .tit dt{
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	background: #0052D9;
	border: solid 1px #0052D9;
	margin-top: 20px;
	border-radius: 6px;
}
.real .tit dt h2{
	width: 100%;
	text-align: center;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 18px;
	font-size: 12px;
}
.real .tit dt h2:last-child{	
	color: #0052D9;
	background: #fff;
	border-radius: 0px 0px 6px 6px;
}
.real .tit dd{
	width: 100%;
	display: flex;
	align-items: center;
	height: 36px;
	font-size: 32px;
	font-weight: bold;
	margin-top: 20px;
}
.real .tit h3{
	width: 100%;
	margin-top: 20px;
	font-size: 16px;
	color: #3D485D;
}
.ask{width:700px;}
.ask ul{margin-top:10px;position:relative;}
.ask li{background: #F5F5F5;position: relative;z-index: 3;margin-top: 20px;padding:5px 20px;border-radius: 6px; cursor:pointer;border: solid 1px #F5F5F5;}
.ask li h2{font-size:18px;font-weight:bold;line-height:44px;position:relative;z-index:3;}
.ask li h3{display:none;font-size:14px;color:#3D485D;position:relative;z-index:3;}
.ask li.active{background:#fff;border: solid 1px #F2F2F2;}
.ask li.active h2{color:#0052D9;}
.ask li.active h3{display:block;line-height:26px;height:52px;overflow:hidden;font-size: 16px;}
.ask li h2:before{width:10px;height:8px;background:url("../zki.png") no-repeat;background-size:100%;right:0px;top:17px;}
.ask li.active h2:before{background-position:0 -14px;}
.ask li.active:after{width:30px;height:25px;background:#0052D9;left:-3px;top:15px;border-radius:4px;}

.ask li:before{width:calc(100% - 0px);height:100%;background:rgba(255,255,255,.60);backdrop-filter:blur(8px);left:0px;top:0px;border-radius:6px;z-index:2;}

.grow{
	width: 100%;
	position: relative;
	background: url("../site-bg.png") no-repeat center bottom;
	padding-bottom: 40px;
}
.grow:before{
	width: 100%;
	height: 330px;
	background: url("../site-bg1.png") no-repeat center top;
	left: 0px;
	bottom: 0px;
	z-index: 3;
}
.grow ul{
	align-items: flex-end;
}
.grow li{
	width: calc(33% - 90px);
	padding: 30px;	
	box-shadow: 8px 8px 15px rgba(55,99,170,.20);	
	border: 1px solid #E9EFF7;
	border-radius: 6px;
	padding-bottom: 100px;
	text-align: center;
	position: relative;
}
.grow li:nth-child(2){
	padding-bottom: 200px;
}
.grow li:nth-child(3){
	padding-bottom: 350px;
}
.grow li::after{
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	border-radius: 6px;
	background:rgba(255,255,255,.80);
	backdrop-filter:blur(8px);
	z-index: 2;
}
.grow li:before{
	width: 100px;
	height: 35px;
	background: #0052D9;
	border-radius: 10px;
	top: -4px;
	left: 50%;
	margin-left: -50px;
}
.grow li:nth-child(2):before{
	background: #575EF4;
}
.grow li:nth-child(3):before{
	background: #F44837;
}
.grow li h2{
	font-size: 30px;
	margin-bottom: 20px;
	font-weight: bold;
	position: relative;
	z-index: 3;
}
.grow li p{
	font-size: 18px;
	line-height: 40px;
	position: relative;
	z-index: 3;
}
.grow li span{
	color: #0052D9;
}

.busi{
	background: url("../abg.png") no-repeat center center fixed;
	background-size: cover;
}

.busi .hd{
	width: 280px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 505px;
}
.busi .hd h2{
	width: 100%;
	font-size: 14px;
	text-align: center;
}
.busi .hd img{
	width: 30px;
	margin: 0 auto;
}
.busi .hd .d{
	width: 80px;
}
.busi .hd .d li{
	width: 100%;
}
.busi .hd .d li{
	height: 50px;
	padding: 15px 0;
	background:linear-gradient(to top,#0052D9,#0066F6);	
	border-radius: 8px;
	margin-bottom: 20px;
}
.busi .hd .d li h2{
	color: #fff;
	margin-top: 5px;
}
.busi .hd .x{
	width: calc(100% - 120px);
	background:linear-gradient(to top,#E9EFF7 60%,#0052D9);	
	border-radius: 8px;
	padding: 5px;
	text-align: center;
}
.busi .hd .x h2{
	font-size: 22px;
	color: #fff;
	line-height: 50px;
}
.busi .hd .x ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 20px;
	border: solid 1px #fff;
	border-radius: 8px;
	background:linear-gradient(to top,#fff 80%,rgba(255,255,255,.7));
	height: 402px;
}
.busi .hd .x li{
	width: 100%;
}
.busi .hd .x li b{
	width: 40px;
	height: 40px;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	background:linear-gradient(to top,#fff,#E9EFF7);
	border: solid 1px rgba(0,82,217,.30);
	border-radius: 80px;
	overflow: hidden;
}
.busi .hd .x li img{
	width: 30px;
	position: relative;
	bottom: -3px;
}
.busi .hd .x li h3{
	font-size: 14px;
	margin-top: 5px;
}

.busi .bd{
	width: calc(100% - 700px);
	display: flex;
	flex-wrap: wrap;
	border-radius: 8px;
	padding: 30px;
	padding-top: 0px;
	position: relative;
	background:linear-gradient(to top,#E9EFF7 60%,#0052D9);	
}
.busi .bd:before{
	width: calc(100% - 10px);
	height: calc(100% - 65px);
	background:linear-gradient(to top,#fff 70%,rgba(255,255,255,.7));
	border: solid 1px #fff;
	border-radius: 8px;
	left: 5px;
	bottom: 5px;
}
.busi .bd .ti{
	width: 100%;
	display: flex;
	font-size: 30px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	position: relative;
	z-index: 3;
}

.busi .bd .hy{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	position: relative;
	z-index: 3;
}
.busi .bd .hy dl{
	width: calc(33% - 30px);
	background: #fff;
	border: solid 1px #F2F2F2;
	padding: 10px;
	border-radius: 8px;
}
.busi .bd .hy dt{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.busi .bd .hy dd p{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 36px;
	background: #F5F5F5;
	margin-bottom: 10px;
	border-radius: 6px;
	cursor: pointer;
}
.busi .bd .hy dd p:hover{
	background: #E5E5E5;
}

.busi .bd .ye{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;	
	position: relative;
	z-index: 3;
}
.busi .bd .ye li{
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 6px;
	line-height: 26px;
	margin-top: 10px;
}

.busi .bd .ye li:nth-child(1){
	background:linear-gradient(to top,#0052D9,#0294FB);
	font-size: 18px;
	color: #fff;
	margin-top: 10px;
}
.busi .bd .ye li:nth-child(2){
	width: calc(100% - 200px);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 0px;
}
.busi .bd .ye li p{
	width: calc(25% - 10px);
	display: flex;
	justify-content: center;
	align-items: center;	
	height: 35px;
	background: #E9EFF7;
	border-radius: 6px;
	margin-top: 10px;
}
.busi .bd .ye li:nth-child(3){
	background: #E9EFF7;
}

/*系统功能*/
.func{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.func dl,.func .wei,.func .suj{
	width: calc(33% - 56px);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: linear-gradient(180deg,#f3f5f8,#fff);
	box-shadow: 6px 6px 15px rgba(55,99,170,.1);
	border-radius: 6px;
	border: 1px solid #fff;
	margin-bottom: 30px;
	padding: 20px;
}
.func dl a{
	display: flex;
}
.func dt{
	width: 100px;
	position: relative;
}
.func dt:before,.func dt:after{
	width: 50px;
	height: 4px;
	background: #F2F2F2;
	border-radius: 30px;
	left: 0px;
	bottom: 30px;
}
.func dt:after{
	width: 35px;
	bottom: 10px;
}
.func dt img{
	width: 50px;
}
.func dd{
	width: calc(100% - 100px);
}
.func dd h2{
	font-weight: bold;
	display: flex;
	align-items: center;
	height: 60px;
}
.func dd p{
	line-height: 24px;
}

.func .suj li:nth-child(1){
	width: 100%;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 30px;
}
.func .suj li em{
	font-size: 22px;
	color: #F44837;
	font-weight: bold;
	line-height: 32px;
}
.func .suj li h2{
	font-size: 14px;
	margin-top: 4px;
}
.func .wei{
	margin: 0 auto;
	padding: 10px 30px 0 30px;
	border-radius: 50px;
	margin-bottom: 40px;
}
.func .wei li {
	text-align: center;
}
.func .wei li img{
	width: 26px;
	margin: 0 auto;
}
.func .wei li h2{
	font-size: 12px;
}
.step{
	width: 100%;
	padding: 30px 0 60px 0;
	background:url("../lbg.png") #E0ECFE no-repeat 0px center;
	background-size: 40%;
}
.step .hd{
	width: 360px;
	position: sticky;
	top: 100px;
	margin-top: 30px;
}
.step .hd h2{
	font-size: 32px;
	display: flex;
	align-items: center;
	height: 60px;
	font-weight: bold;
	background-image: linear-gradient(78deg, rgb(59, 145, 255) -3.23%, rgb(13, 94, 255) 51.11%, rgb(192, 105, 255) 98.65%);
	background-clip:text;
	color:transparent;
}
.step .hd h3{
	font-size: 14px;
	color: rgba(61,72,93,.80);
}
.step .bd{
	width: 650px;
	position: relative;	
}
.step .bd:before{
	width: 2px;
	height: calc(100% - 80px);
	background: rgba(61,72,93,.2040);
	top: 70px;
	left: -50px;
}
.step .bd p{
	width: calc(100% - 130px);
	padding: 30px;
	padding-left: 100px;
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	margin-top: 30px;
	border-radius: 8px;
	position: relative;
}
.step .bd p:before{
	width: 12px;
	height: 12px;
	background: #BECBDD;
	border: solid 3px #E0ECFE;
	top: 33px;
	left: -57px;
	
	border-radius: 20px;
}
.step .bd p:after{
	top: 30px;
	left: -18px;
	border-color:transparent #fff transparent transparent;
	border-style:solid;
	border-width:10px;
}
.step .bd strong{
	width: 100%;
	font-size: 20px;
	margin-bottom: 10px;
	position: relative;
	color: #000;
}
.step .bd strong:before{
	content: "01";
	top: -5px;
	left: -60px;
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 14px;
	background:linear-gradient(75deg,#0052D9,#4656FE);
	border-radius: 30px;
}
.step .bd p:nth-child(2) strong:before{
	content: "02";
}
.step .bd p:nth-child(3) strong:before{
	content: "03";
}
.step .bd p:nth-child(4) strong:before{
	content: "04";
}
.step .bd p:nth-child(5) strong:before{
	content: "05";
}
.step .bd p:nth-child(6) strong:before{
	content: "06";
}
.step .bd p:nth-child(7) strong:before{
	content: "07";
}
.step .bd p:nth-child(8) strong:before{
	content: "08";
}
.step .bd p:nth-child(9) strong:before{
	content: "09";
}

.reas{
	width: 100%;
	position: relative;
	padding-bottom: 100px;	
	padding-top: 30px;
	background:linear-gradient(126deg,#E9F1FC,#D1E2FE); 
}
.reas:before{
	width: 700px;
	height: 60px;
	background:linear-gradient(90deg, #0052D9 0%, #7972FF 100%);
	filter:blur(90px);
	left: 0px;
	bottom: 0px;
	border-radius: 100px;
}
.reas .bd{
	position: relative;
	z-index: 3;
	height:600px;
}
.reas .bd:before{
	width: 500px;
	height: 500px;
	border: solid 15px rgba(0,82,217,.06);
	border-radius: 1000px;
	left: 50%;
	top: 60px;
	margin-left: -265px;
}
.reas .bd:after{
	width: 560px;
	height: 560px;
	border: dotted 2px rgba(0,82,217,.16);
	border-radius: 800px;
	left: 50%;
	top: 43px;
	margin-left: -283px;
}
.reas .bd p{
	width: 340px;
	padding:0 40px 0 0;
	text-align: right;
	position: absolute;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:4;
	text-align:justify;
	text-justify:inter-word; 
	overflow: hidden;
}
.reas .bd strong{
	width: 100%;
	text-align: right;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #000;
}
.reas .bd p:nth-child(1){
	top: 73px;
	left: 128px;
}
.reas .bd p:nth-child(2){
	top: 73px;
	right: 130px;
}
.reas .bd p:nth-child(3){
	top: 280px;
	left: -6px;
}
.reas .bd p:nth-child(4){
	top: 300px;
	right: -4px;
}
.reas .bd p:nth-child(5){
	bottom: 0px;
	left: 58px;
}
.reas .bd p:nth-child(6){
	bottom: 0px;
	right: 61px;
}
.reas .bd .tu{
	width: 320px;
	position: absolute;
	left: 50%;
	top: 150px;
	margin-left: -150px;
}

.reas p:before{
	width: 10px;
	height: 10px;
	background: #0052D9;
	border-radius: 40px;
	right: 0px;
	top: 6px;
}
.reas .bd p:nth-child(2n+0) {
	padding:0 0px 0 40px;
	text-align: left;
} 
.reas .bd p:nth-child(2n+0) strong{
	text-align: left;
}
.reas .bd p:nth-child(2n+0):before{
	left: 0px;
}
.mlei{
	width: 800px;
	margin: 0 auto;
	padding-right: 50px;
	margin-top: 120px;
	background:linear-gradient(to top,rgba(255,255,255,.50) 10%,#fff);
	backdrop-filter:blur(20px);
	border-radius: 8px;
	position: relative;
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}
.mlei:before{
	width: 200px;
	height: 100%;
	left: 0px;
	top: 0px;
	background: #F2F2F2;
}
.mlei .hd{
	width: 200px;
}
.mlei .hd li{
	width: calc(100% - 50px);
	display: flex;
	align-items: center;
	height: 80px;	
	font-size: 18px;
	padding-left: 50px;
	position: relative;
	cursor: pointer;
}
.mlei .hd li.on{
	font-weight: bold;
	color: #0052D9;
	background: #fff;
}
.mlei .hd li.on:before,.mlei .hd li.on:after{
	width: 15px;
	height: 15px;
	background: url("../navi.png") no-repeat 0px 0px;
	right: 0px;
	top: -15px;
}
.mlei .hd li.on:after{
	top: auto;
	bottom: -15px;
	background-position: 0px -35px
}


.mlei .bd{
	width: calc(100% - 250px);
	padding-bottom: 50px;
}
.mlei .bd ul{
	
}
.mlei .bd li a {
	width: calc(100% - 50px);
	margin-top: 25px;
	padding-right: 50px;
	padding-top: 26px;
	border-top: solid 1px #F2F2F2;
	display: flex;
	position: relative;
}
.mlei .bd li:before{
	content: "探索";
	font-size: 12px;
	color: #0052D9;
	background: #E9EFF7;
	right: 0px;
	top: 45%;
	display: flex;
	align-items: center;
	height: 28px;
	padding: 0 10px;
	border-radius: 40px;
}
.mlei .bd li:hover:before{
	color: #fff;
	background: #0052D9;
}
.mlei .bd li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 60px;
}
.mlei .bd li dt{
	width: 60px;
}
.mlei .bd li dd{
	width: calc(100% - 80px);
}
.mlei .bd li dd h2{
	font-weight: bold;
	margin-bottom: 6px;
}

.effi{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.effi:before{
	width: 300px;
	height: 300px;
	right: -150px;
	top: 50%;
	margin-top: -150px;
	background: #F44837;
	filter:blur(100px);  
	border-radius: 400px;
}

.effi .bd{
	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	position: relative;
	z-index: 3;
}
.effi .bd dl{
	width: calc(50% - 82px);
	padding: 25px;
	display: flex;
	justify-content: space-between;
	background: linear-gradient(180deg,#f3f5f8,rgba(255,255,255,.7));
	box-shadow: 6px 6px 15px rgba(55,99,170,.1);
	border-radius: 6px;
	border: 1px solid #fff;
	margin: 15px 0;
	backdrop-filter:blur(20px);
}
.effi .bd dt{
	width: calc(100% - 220px);
	display: flex;
	flex-wrap: wrap;
}
.effi .bd dt h2{
	padding: 0px 15px;
	font-size: 18px;
	color: #fff;
	background: #F44837;
	display: flex;
	align-items: center;
	height: 36px;
	border-radius: 8px;
}
.effi .bd dt b{
	width: 100%;
	font-size: 60px;
	font-weight: bold;
	height: 100px;
	display: flex;
	align-items: center;
}
.effi .bd dt p{
	font-size: 18px;
	line-height: 36px;
}

.effi .bd dd{
	width: 170px;
	margin-top: 80px;
}


.fenlei{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 120px;
	margin-bottom: 40px;
}
.fenlei dl{
	width: calc(33% - 75px);
	padding: 30px;
	padding-top: 10px;
}
.fenlei dl:nth-child(1){
	width: calc(100% - 5px);
	margin-bottom: 30px;
}
.fenlei dl:nth-child(1) dd a{
	width: calc(20% - 20px);
}
.fenlei dt,.fenlei dd,.fenlei li{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 3;
}
.fenlei dt a{
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}
.fenlei dd a{
	width: 100%;
	display: flex;
	align-items: center;
	height: 40px;
	position: relative;
	padding-left: 20px;
}
.fenlei dd a:before{
	width: 6px;
	height: 6px;
	width: 6px;
	height: 6px;
	background: #999;
	border-radius: 16px;
	left: 5px;
	top: 18px;
}

.fenlei ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.fenlei li{
	width: calc(100% - 6px);
	padding: 3px;
	background:linear-gradient(to right,#0052D9,#00C8DC);
	margin-top: 20px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	height: 50px;
}
.fenlei li:before{
	width: calc(100% - 80px);
	height: calc(100% - 6px);
	right: 3px;
	top: 3px;
	border-radius: 8px;
	background:linear-gradient(to right,rgba(255,255,255,.7),#fff 4%);
	backdrop-filter:blur(10px);
}
.fenlei li a{
	margin-left: 20px;
	position: relative;
	z-index: 3;
}
.fenlei li a:nth-child(1){
	width: 70px;
	color: #fff;
	margin: 0;
	text-align: center;
}
.flnew{
	width: calc(100% - 40px);
	display: flex;
	flex-wrap: wrap;
	padding:10px 30px 30px 10px;
	margin-bottom: 40px;
}
.flnew .hd{
	margin: 15px 0 0 30px;
	font-size: 22px;
	font-weight: bold;
	position: relative;
	z-index: 3;
}
.flnew .bd{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 3;
}
.flnew .bd a{
	display: flex;
	align-items: center;
	height: 34px;
	padding: 0 15px;
	background: #F5F5F5;
	border-radius: 20px;
	margin: 20px 0 0 20px;
	font-size: 14px;
}
.flnew .bd a:hover{
	background: #E9EFF7;
}

.mban{
	margin-top: 130px;
}
.mban .tx{
	width: 450px;
	display: flex;
	flex-wrap: wrap;
}
.mban .tx h1{
	font-size: 32px;
	font-weight: bold;
	margin-top: 13px;
}
.mban .tx h2{
	margin-top: 10px;
	color: rgba(0,0,0,.80);
	font-size: 14px;
}
.mban .tx p{
	width: calc(33% - 30px);
	display: flex;
	padding-left: 24px;
	color: #0052D9;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	background: url("../gou.png") no-repeat 0px 12px;
	background-size: 16px;
}

.mban .jg dt{
	display: flex;
	align-items: center;
	height: 70px;
	position: relative;
	margin-top: 40px;
}
.mban .jg dt:before{
	content: "元";
	width: 22px;
	height: 22px;
	line-height: 22px;
	font-weight: bold;
	border: solid 2px #C069FF;
	background: #fff;
	color: #C069FF;
	font-size: 12px;
	border-radius: 40px;
	right: -7px;
	top: 42px;
	text-align: center;
	z-index: 3;
}
.mban .jg dt h2{
	width: 40px;
	margin-right: 6px;	
}
.mban .jg dt b{
	font-size: 80px;
	line-height: 80px;
	font-weight: bold;
	background-image:linear-gradient(78deg, #3B91FF -3.23%, #0D5EFF 51.11%, #C069FF 98.65%);
	-webkit-background-clip:text;
	color:transparent; 
	
}
.mban .jg dd{
	font-size: 14px;
	color: #0052D9;
	margin-left: 50px;
	margin-top: 10px;
	position: relative;
}
.mban .jg dd:before{
	content: "含";
	display: flex;
	justify-content: center;
	align-items: center;
	width: 18px;
	height: 18px;
	color: #fff;
	background: #0052D9;
	border-radius: 20px;
	left: -22px;
}

.list_mub{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	padding-bottom: 70px;
}
.list_mub .hd{
	width: 180px;
	display: flex;
	flex-wrap: wrap;
	align-self: flex-start;
	position: sticky;
	top: 100px;
	margin-top: 15px;
}
.list_mub .hd a{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 46px;
	background: #fff;
	margin-top: 20px;
	border-radius: 40px;
}
.list_mub .hd a.cur{
	color: #0052D9;
	font-weight: bold;
	background: linear-gradient(78deg, #E5F2FF -3.23%, #D9E5FF 51.11%, #F6E2FF 98.65%);
}

.list_mub .bd{
	width: calc(100% - 230px);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.list_mub .bd a{
	width: calc(50% - 20px);
	margin-top: 40px;
}
.list_mub .bd .tu {
	width: 100%;
	position: relative;
}
.list_mub .bd .tu li{
	width: calc(100% - 100px);
	display: flex;
	border-radius: 8px;
	padding: 6px;
	background: #fff;
}
.list_mub .bd .tu li b{
	width: 100%;
	height: 260px;
	overflow: hidden;
}
.list_mub .bd .tu li:last-child{
	width: 200px;	
	background: rgba(255,255,255,.7);	
	backdrop-filter:blur(15px); 
	position: absolute;
	top: 20px;
	right: 0px;
}
.list_mub .bd .tu li:last-child b{
	height: 280px;
}
.list_mub .bd .tu li:nth-child(1):before{
	content: "···";
	width: 100%;
	height: 13px;
	line-height: 13px;
	background: #ddd;
	left: 0px;
	top: -8px;
	text-indent: 10px;
	letter-spacing:2px;
	font-size: 24px;
	color: #fff;
	border-radius: 8px 8px 0 0;
	z-index: 3;
}
.list_mub .bd .tx{
	margin-top: 15px;
}
.list_mub .bd .tu li:hover img{
	animation: marquee 2s linear infinite;
}
@keyframes marquee {
  0% { transform: translateY(0); }
  100% { transform: translateY(-20%); } /* 滚动半屏高度 */
}

.shz{
	background: #F5F5F5;
	padding: 10px 0;
}
.shz .w{
	justify-content: flex-start;
}
.shz a{
	padding-left: 31px;
	position: relative;
	font-size: 14px;
}
.shz a:before{
	width: 1px;
	height: 12px;
	background: #999;
	left: 15px;
	top: 4px;
}
.shz a:nth-child(1):before{
	width: 16px;
	height: 16px;
	background: url("../lj.png");
	background-size: 100%;
	left: 3px;
	top: 2px;
}

.foot {
	width: 100%;
	padding: 30px 0 20px 0;
	background: #fff;
	border-top: solid 1px #E9EFF7;
	overflow: hidden;
}

.foot .fl {
	width: calc(100% - 500px);
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
}

.foot .fl li {
	width: 120px;
	display: flex;
	flex-wrap: wrap;
	align-self: start;
}
.foot .fl li a {
	width: 100%;
	display: flex;
	align-items: center;
	height: 30px;
	font-size: 14px;
	position: relative;
}
.foot .fl li a:nth-child(1) {
	font-size: 16px;
	font-weight: bold;
}


.foot .fz {
	width: 300px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	padding-left: 100px;
}
.foot .fz:before {
	width: 1px;
	height: calc(100% + 60px);
	left: 0px;
	top: -40px;
	background: #E9EFF7;
}
.foot:after{
	width: 400px;
	height: 400px;
	background:url("../map.png") no-repeat;
	background-size: 100%;
	top: 10px;
	right: 20px;
}
.foot .fz a{
	width: 20%;
	display: flex;
	align-items: center;
	height: 30px;
	font-size: 14px;
	position: relative;
	z-index: 2;
}
.foot .fz a:nth-child(1){
	width: 100%;
	font-weight: bold;
	font-size: 16px;
}


.foot .cop {
	width: 100%;
	padding-top: 20px;
	border-top: solid 1px #E9EFF7;
}

.foot .cop dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 20px;
	font-size: 12px;
}
.foot .cop a{
	font-size: 12px;
}
.foot .cop dt {
	display: flex;
	position: relative;
	padding-left: 260px;
	background: url("https://www.pja.cn/static/cop.png") no-repeat 0 1px;
	background-size: 18px;
}
.foot .cop dt:before{
	content: "2014 云南才力信息技术有限公司 版权所有";
	left: 30px;
	font-size: 12px;
}
.foot .cop dt a {
	margin-left: 20px;
	padding-left: 20px;
	background: url("../icp.png") no-repeat 0 2px;
	background-size: 14px;	
}
.foot .cop dd {
	display: flex;
	position: relative;
	z-index: 3;
}

.foot .cop dd a {
	display: flex;
	color: #98A3B7;
	padding-left: 30px;
	position: relative;
}
.foot .cop dd a:hover {
	color: #0052D9;
}
.foot .cop dd a:before {
	width: 1px;
	height: 12px;
	background: #D3D7DE;
	left: 14px;
	top: 5px;
}
.foot .cop dd a:nth-child(1):before {
	display: none;
}
.foot .cop dd a:last-child{
	padding-right: 20px;
	background: url("../clbz.png") no-repeat right 3px;
	background-size: 16px;
}