@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;
}

.boxs {
	width: 100%;
	padding: 50px 0;
	position: relative;
}

.bg {
	width: 100%;
	background: url("../bg.png") no-repeat;
	background-size: 100%;
}

.nbg {
	width: 100%;
	background: url("../bg.png") #F4F7FB 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: 800px;
	position: relative;
	margin-top: 40px;
}

.banner .tx:before {
	content: "12年专注";
	font-size: 18px;
	top: 0px;
	background: url("../xb.png") no-repeat;
	background-size: 16px;
	padding-left: 18px;
}

.banner .tx h2 {
	margin: 20px 0;
	display: inline-block;
	font-size: 46px;
	line-height: 60px;
	font-weight: bold;
}

.banner .tx h3 {
	font-size: 20px;
}

.banner .tx strong {
	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;
}

.banner .tx ul {
	width: 100%;
	display: flex;
	margin-top: 60px;
}

.banner .tx li {
	display: flex;
	align-items: center;
	height: 50px;
	font-size: 20px;
	margin-right: 30px;
	padding-left: 30px;
}

.banner .tu {
	width: 350px;
	position: absolute;
	right: 0px;
	top: -20px;
}

.site {
	width: 100%;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}

.site .bd .prev,
.site .bd .next {
	display: block;
	width: 40px;
	height: 40px;
	float: left;
	overflow: hidden;
	cursor: pointer;
	background: #000;
	margin-bottom: 80px;
}

.site .bd .next {
	background-position: 0 -50px;
}

.site .bd .prevStop {
	background-position: -60px 0;
}

.site .bd .nextStop {
	background-position: -60px -50px;
}

.site .bd {
	width: 100%;
	display: flex;
	align-items: end;
}

.site .bd ul {
	height: 194px;
	overflow: hidden;
	zoom: 1;
}

.site .bd ul a {
	width: 290px;
	float: left;
	background: linear-gradient(to top, #DAE8FC, #fff 40%);
	padding: 30px;
	margin: 0 15px;
	display: flex;
	justify-content: space-between;
	border-radius: 6px;
	margin-top: 50px;
	position: relative;
}

.site .bd ul a:hover {
	transition: 0.2s ease-out;
	padding-bottom: 80px;
	margin-top: 0px;
	background: linear-gradient(to right, #0052D9, #4656FE);
}

.site .bd ul a:before {
	content: "探索更多";
	width: calc(100% - 40px);
	padding-top: 15px;
	color: #fff;
	text-align: center;
	left: 20px;
	bottom: 0px;
	border-top: solid 1px rgba(255, 255, 255, .60);
	transition: 0.3s ease-out;
	visibility: hidden;
}

.site .bd ul a dt {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.site .bd ul a dt img {
	width: 40px;
}

.site .bd ul a dd {
	width: calc(100% - 80px);
}

.site .bd ul a dd h2 {
	font-size: 20px;
	font-weight: bold;
}

.site .bd ul a dd h3 {
	color: #3D485D;
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.site .bd ul a:hover dt {
	background: #fff;
	border-radius: 6px;
}

.site .bd ul a:hover dd h2 {
	color: #fff;
}

.site .bd ul a:hover dd h3 {
	color: rgba(255, 255, 255, .80);
}

.site .bd ul a:hover:before {
	visibility: visible;
	bottom: 20px;
}

.yewu {
	padding: 0px;
}

.yewu li {
	width: calc(100% - 60px);
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	padding: 30px;
	padding-bottom: 20px;
	background: linear-gradient(60deg, #0052D9, #4656FE, #358AFF, #8866FF);
	border-radius: 8px;
}

.yewu li:after {
	width: calc(100% - 300px);
	height: calc(100% - 4px);
	background: #fff;
	border-radius: 8px;
	right: 2px;
	top: 2px;
}

.yewu li:before {
	width: 500px;
	height: 100px;
	right: 20px;
	top: -80px;
	background: linear-gradient(to left, #DCEFFF, #E2DEFA, #FCDDE2);
	filter: blur(50px);
	z-index: 2;

}

.yewu .hd {
	width: 200px;
	position: relative;
	border-radius: 6px 0px 0 6px;
	z-index: 3;
}

.yewu .hd h2,
.you li .hd h2 {
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	background: linear-gradient(160deg, #fff 55%, rgba(255, 255, 255, .0));
	-webkit-background-clip: text;
	color: transparent;
	position: relative;
	z-index: 3;
}

.yewu .hd h3,
.you li .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 img {
	width: 240px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

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

.yewu .bd a {
	width: calc(33% - 40px);
	display: flex;
	flex-wrap: wrap;
	align-self: start;
	margin: 20px 0;
	position: relative;
	padding-bottom: 80px;
}

.yewu .bd a:before {
	content: "了解详情";
	width: 90px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	border: solid 1px #0052D9;
	color: #0052D9;
	left: 0px;
	bottom: 0px;
	font-size: 14px;
}

.yewu .bd a:hover:before {
	color: #fff;
	background-image: linear-gradient(78deg, #0052D9, #4656FE, #AA66FF);
}

.yewu .bd a h2 {
	width: 100%;
	margin: 10px 0;
	font-size: 20px;
	font-weight: bold;
}

.yewu .bd a h3 {
	color: #3D485D;
	font-size: 14px;
	text-align: justify;
	text-justify: inter-word;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 26px;
}

.yewu .bd a .x {
	width: 100%;
	display: flex;
	margin-top: 10px;
}

.yewu .bd a .x p {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 20px;
	font-size: 12px;
	background: #F4F7FB;
	border-radius: 4px;
	color: #3e3e3e;
	margin-right: 10px;
	padding: 0 5px;
}

.yewu .bd a .x .ns {
	color: #477AFF;
	background: #EEF2FF;
}

.yewu .bd a .x .ls {
	color: #009A29;
	background: #EFF9EF;
}

.yewu .bd a .x .hs {
	color: #E04A50;
	background: #FFECEC;
}

.yewu .bd a .x .zs {
	color: #8E55DB;
	background: #F5F0FF;
}

/*案例开始*/
.atit{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.atit .hd{
	display: flex;
	flex-wrap: wrap;
}
.atit .hd h2{
	font-size: 32px;
	font-weight: bold;
}
.atit .hd h3{
	width: 100%;
	margin-top: 10px;
	font-size: 14px;
}

.atit .bd{
	display: flex;
	align-items: center;
	height: 60px;	
}
.atit .bd dt{
	display: flex;
	font-size: 60px;
	font-weight: bold;
	margin-right: 15px;
}
.atit .bd dd h3{
	margin-top: 5px;
}

.hcase {
	width: calc(100% - 80px);
	overflow: hidden;
	position: relative;
	background:linear-gradient(80deg,#F4F7FB 20%,#DFE9FF,#DBF8F8);
	padding: 40px;
	border-radius: 8px;
}
.hcase:before{
	width: 250px;
	height: 360px;
	right: -80px;
	bottom: -40px;
	border-radius: 120px;
	background:linear-gradient(to top,#0052D9,#4656FE,#BF69FF);
	filter:blur(90px);
}
.hcase:after{
	width: 600px;
	height: 200px;
	background:url("../dbg.png") no-repeat;
	background-size: 100%;
	top: 0px;
	left: 0px;
}
.hcase .hd {
	display: flex;
	align-items: center;
	height: 30px;
	overflow: hidden;
	height: 30px;
	position: absolute;
	right: 70px;
	bottom: 30px;
	z-index: 5;
}
.hcase .hd ul {
	display: flex;
	zoom: 1;
}
.hcase .hd ul li {
	float: left;
	width: 18px;
	height: 18px;
	overflow: hidden;
	margin-right: 10px;
	text-indent: -999px;
	cursor: pointer;
	background:url("../xb.png") no-repeat;
	background-size: 100%;
}
.hcase .hd ul li.on {
	background-position: 0px -31px;
}
.hcase .bd {
	position: relative;
	z-index: 3;
}
.hcase .bd ul {
	width: 100%;
	overflow: hidden;
	zoom: 1;
}
.hcase .bd li {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
.hcase .bd .tx{
	width: calc(100% - 600px);
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 80px;
	position: relative;
}
.hcase .bd .tx:before{
	content: "探索详情";
	width: 160px;
	height: 50px;
	line-height: 50px;
	bottom: 0px;
	border-radius: 30px;
	color: #fff;
	text-indent: 30px;
	background:linear-gradient(to right,#0052D9,#4656FE,#856EFA);
}
.hcase .bd .tx:after{
	width: 16px;
	height: 16px;
	background:url("../mr.png") no-repeat;
	background-size: 100%;
	bottom: 14px;
	left: 110px;
}
.hcase .bd .tx .a{
	width: 100%;
	display: flex;
}
.hcase .bd .tx .a p{
	padding: 0 5px;
	background: #fff;
	border: solid 1px #fff;
	border-radius: 6px;
	margin-right: 10px;
}
.hcase .bd .tx .a p:nth-child(1){
	color: #fff;
	background:linear-gradient(to left,#0052D9,#4656FE);
}

.hcase .bd .tx .b{
	width: 100%;
}
.hcase .bd .tx .b h2{
	font-size: 26px;
	font-weight: bold;
	line-height: 60px;
}
.hcase .bd .tx .b p{
	width: 100%;
	display: flex;
	align-items: center;
	height: 40px;
}
.hcase .bd .tx .b span{
	padding: 0 5px;	
	border-radius: 4px;
	margin-right: 10px;
}
.hcase .bd .tx .b .td{
	color: #F44837;
	background: #FFF1E9;
	border: solid 1px #F44837;
}
.hcase .bd .tx .b .fa{
	color: #0052D9;
	background: #EEF3FD;
	border: solid 1px #0052D9;
}

.hcase .bd .tx .c{
	width: 70%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}
.hcase .bd .tx .c h2{
	width: 100%;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
}
.hcase .bd .tx .c p{
	width: 50%;
	display: flex;
	align-items: center;
	height: 40px;
}
.hcase .bd .tx .c img{
	width: 20px;
	display: flex;
	margin-right: 10px;
}

.hcase .bd .tu{
	width: 600px;
	position: relative;
	margin-right: 60px;
}
.hcase .bd .tu dt{
	width: 160px;
	padding: 5px;
	padding-bottom: 15px;
	background: rgba(255,255,255,.7);
	backdrop-filter:blur(10px);
	border-radius: 6px;
	position: absolute;
	top: 70px;
	z-index: 3;
}
.hcase .bd .tu dt:before{
	width: 16px;
	height: 5px;
	background: #000;
	border-radius: 20px;
	left: 50%;
	bottom: 5px;
	margin-left: -8px;
}
.hcase .bd .tu dt img{
	border-radius: 6px;
}

.hcase .bd .tu dd{
	width: 450px;
	float: right;
	padding: 6px;
	padding-bottom: 15px;
	background:#F8F7FA; 
	position: relative;
	border-radius: 6px;
}
.hcase .bd .tu dd img{
	border-radius: 6px;
}
.hcase .bd .tu dd:before{
	width: calc(100% + 50px);
	height: 40px;
	background: url("../pc.png") no-repeat;
	background-size: 100%;
	left: -30px;
	bottom: -40px;
}

.hcase .bd .gn{
	width: 160px;
	padding: 20px;
	position: absolute;
	right: 0px;
	bottom: 50px;
	border: solid 1px #E9EDF2;
	background: rgba(255,255,255,.7);
	backdrop-filter:blur(10px);
	border-radius: 10px;
	box-shadow:0 4px 20px 5px rgba(68,93,127,0.2);
}
.hcase .bd .gn p{
	width: 100%;
	display: flex;
	align-items: center;
	height: 32px;
	font-size: 16px;
}

.ncase{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.ncase li{
	width: calc(50% - 25px);
	display: flex;
	flex-wrap: wrap;
}
.ncase li a{
	width: 100%;
	margin-top: 50px;
	position: relative;
}
.ncase li .tu{
	width: calc(100% - 40px);
	position: relative;
	padding: 20px;
	padding-top: 25px;
	background:linear-gradient(120deg,#E9EDF2,#F5F0FF,#FFECEC); 
	border-radius: 6px;
}
.ncase li .tu:before{
	content: "···";
	font-size: 40px;
	left: 50%;
	top: 0px;
	margin-left: -20px;
	color: #3D485D;
}
.ncase li .tu dt{
	width: 100%;
	height: 450px;
	overflow: hidden;
	border-radius: 6px;
}
.ncase li .tu dd{
	width: calc(100% - 122px);
	padding: 20px;
	background: rgba(0,0,0,.25);
	backdrop-filter:blur(10px);
	border: solid 1px #fff;
	border-radius: 6px;
	position: absolute;
	bottom: 0px;
	left: 40px;
	color: #fff;
	line-height: 30px;
	visibility: hidden;
}
.ncase li a:hover .tu dd{
	bottom: 40px;
	transition:0.4s ease-out;
	visibility: visible;
}
.ncase li .tx{
	width: calc(100% - 70px);
	padding-right: 70px;
	position: relative;
}
.ncase li .tx h2{
	width: 100%;
	display: flex;
	align-items: center;
	height: 60px;
	font-size: 22px;
	font-weight: bold;
}
.ncase li .tx:before,.ncase li .tx:after{
	width: 20px;
	height: 22px;
	background:url("../jie.png") no-repeat;
	background-size: 100%;
	right: 2px;
	top: 36px;
	transition:0.3s ease-out;
	opacity:0;
	z-index: 3;
}
.ncase li .tx:after{
	right: 31px;
	top: 44px;
	background-position: 0px -38px;
}
.ncase li a:hover .tx:before{
	right: 12px;
	opacity:1;  
}
.ncase li a:hover .tx:after{
	right: 21px;
	opacity:1;  
}
.ncase li a .tx b{
	width: 54px;
	height: 54px;
	background: #eee;
	border-radius: 50px;
	position: absolute;
	right: 0px;
	bottom: 7px;
	transition:0.2s ease-out;
	transform:scale(0);
}
.ncase li a:hover .tx b{
	transform:scale(1);
}

.ncase li:nth-child(1) a:nth-child(1) .tu dt{
	height: 500px;
}
.ncase li:nth-child(2) a:nth-child(2) .tu dt{
	height: 560px;
}
.swar{
	background: url("../cbg.png") no-repeat center bottom;
	background-size: 100%;
	position: relative;
}
.swar:before{
	width: 100%;
	height: 100%;
	background:linear-gradient(to top,rgba(255,255,255,.40),#F4F7FB);
	backdrop-filter:blur(30px);
	left: 0px;
	top: 0px;
}
.swar .bd{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 500px;
	flex-wrap: wrap;
}

.swar .bd p{
	width: calc(50% - 400px);
	margin-top: 60px;
	padding-right: 200px;
	font-size: 16px;
	line-height: 30px;
	display: flex;
	flex-wrap: wrap;
}
.swar .bd p:nth-child(2n+0) {
	padding-left: 200px;
	padding-right: 0px;
}
.swar .bd p strong{
	width: 100%;
	font-size: 22px;
	font-weight: bold;
	line-height: 40px;
}

.swar .tp{
	width: 560px;
	height: 500px;
	position: absolute;
	left: 50%;
	top: 50px;
	margin-left: -280px;
	background:url("../dizuo.png") no-repeat center 150px;
	background-size: 100%;
}
.swar .tp li{
	width: 60px;
	position: absolute;
	animation:rowup linear 2s infinite;
}
.swar .tp li:nth-child(1){
	width: 200px;
	left: 164px;
	top: -10px;
	animation:bounce-down linear 2s infinite;
}
.swar .tp li:nth-child(2){
	left: 23px;
	bottom: 145px;
}
.swar .tp li:nth-child(3){
	right: 75px;
	bottom: 310px;
}
.swar .tp li:nth-child(4){
	right: 20px;
	bottom: 123px;
}

.you {
	width: 100%;
	padding-bottom: 50px;
}

.you li {
	width: calc(50% - 15px);
	background: linear-gradient(60deg, #0052D9, #4656FE, #358AFF, #8866FF);
	border-radius: 8px;
	position: relative;
	display: flex;
	justify-content: space-between;
}

.you li:after {
	width: calc(100% - 300px);
	height: calc(100% - 4px);
	background: #fff;
	border-radius: 8px;
	right: 2px;
	top: 2px;
}

.you li .hd {
	width: 200px;
	padding: 20px;
}

.you li .hd img {
	width: 240px;
	position: absolute;
	bottom: 20px;
	left: 20px;
}

.you li .bd {
	width: calc(100% - 360px);
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 10px 30px;
	z-index: 2;
}

.you li .bd a {
	width: calc(100% - 30px);
	padding: 30px 15px;
	display: flex;
	justify-content: space-between;
	align-self: start;
	border-bottom: solid 1px #E5EEF9;
}

.you li .bd a:last-child {
	border-bottom: 0px;
}

.you li .bd a dt {
	width: 40px;
}

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

.you li .bd a dd h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
}

.you li .bd a dd h3 {
	font-size: 14px;
	color: #3D485D;
}


.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 {
	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% - 20px);
	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: 20px;
	font-weight: bold;
	display: flex;
	align-items: center;
	height: 50px;
	position: relative;
	z-index: 4;
}

.plan .bd a p {
	line-height: 30px;
	position: relative;
	z-index: 4;
}

.proc {
	width: 100%;
	padding-bottom: 60px;
	position: relative;
	z-index: 2;
}

.bztu {
	width: 600px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bztu li {
	width: 280px;
}

.bztu li img {
	border-radius: 8px;
}

.bztu li:last-child img:nth-child(1) {
	margin-bottom: 40px;
}

.step {
	width: calc(100% - 680px);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.step li {
	width: calc(100% - 90px);
	position: relative;
	cursor: pointer;
}

.step li .hd {
	width: calc(100% - 38px);
	display: flex;
	align-items: center;
	height: 72px;
	font-size: 22px;
	font-weight: bold;
	padding-left: 38px;
	position: relative;
}

.step li .hd:before {
	content: "1";
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0px;
	border: solid 1px #3D485D;
	color: #3D485D;
	border-radius: 20px;
	font-size: 16px;
}

.step li:nth-child(2) .hd:before {
	content: "2";
}

.step li:nth-child(3) .hd:before {
	content: "3";
}

.step li:nth-child(4) .hd:before {
	content: "4";
}

.step li:nth-child(5) .hd:before {
	content: "5";
}

.step li:nth-child(6) .hd:before {
	content: "6";
}

.step li.cur .hd:before {
	background: linear-gradient(to right, #0052D9, #4656FE);
	color: #fff;
	border: none;
}

.step li .bd {
	width: 100%;
	flex-wrap: wrap;
	display: none;
	margin-bottom: 15px;
}

.step li .bd h3 {
	width: 100%;
	font-size: 16px;
	color: #3D485D;
	line-height: 26px;
	margin-bottom: 10px;
}

.step li .bd p {
	width: calc(33% - 30px);
	display: flex;
	align-items: center;
	height: 34px;
	padding-left: 30px;
	color: #000;
	font-size: 16px;
	background: url("../dui.png") no-repeat 0px;
	background-size: 18px;
}

.step li.cur .bd {
	display: flex;
}

.about {
	width: 100%;
	padding: 50px 0;
	background: url("../cbg.png") no-repeat center bottom;
	position: relative;
}

.about:before {
	width: 400px;
	height: 400px;
	top: -30px;
	left: 40px;
	background: url("../clx.png") no-repeat;
	background-size: 100%;
}

.about .jie {
	width: 400px;
	display: flex;
	flex-wrap: wrap;
	position: sticky;
	top: 100px;
}

.about .jie .tx {}

.about .jie .tx p {
	padding-left: 30px;
	line-height: 30px;
	background: url("../clbz.png") no-repeat 5px center;
	background-size: 20px;
}

.about .jie .tx h2 {
	font-size: 30px;
	line-height: 60px;
	background: linear-gradient(94.65deg, #632fff 2%, #0066F6 90.16%, #76e3ff 165.26%);
	;
	-webkit-background-clip: text;
	color: transparent;
	font-weight: bold;
}

.about .jie .mr {
	margin-top: 50px;
	padding-left: 8px;
	position: relative;
	padding-right: 15px;
}

.about .jie .mr a {
	position: relative;
	z-index: 3;
}

.about .jie .mr span,
.about .jie .mr a:hover {
	color: #fff;
}

.about .jie .mr:before {
	width: 40px;
	height: 40px;
	background: linear-gradient(to left, #632fff, #0066F6);
	border-radius: 60px;
	left: 0px;
	top: -8px;
	transition: all 0.1s ease-out;
}

.about .jie .mr:hover:before {
	width: calc(100% - 2px);
}

.about .bod {
	width: calc(100% - 600px);
	display: flex;
	flex-wrap: wrap;
}

.about .bod .bd p {
	font-size: 18px;
	line-height: 40px;
	color: #000;
}

.about .bod .bd strong {
	font-size: 16px;
}

.about .bod .hd {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.about .bod .hd li {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	padding: 30px;
	padding-top: 80px;
	margin-top: 40px;
	background: linear-gradient(136deg, #EBF1FC, rgba(255, 255, 255, .40) 40%);
	backdrop-filter: blur(60px);
	border-radius: 8px;
	position: relative;
	border: solid 1px #fff;
}

.about .bod .hd .l,
.about .bod .hd .r {
	width: calc(50% - 20px);
}

.about .bod .hd li h2 {
	width: 100%;
	text-align: right;
}

.about .bod .hd li em {
	font-size: 44px;
	font-weight: bold;
	line-height: 60px;
	position: relative;
	padding-right: 35px;
}

.about .bod .hd li em:before {
	right: 3px;
	top: 24px;
	width: 26px;
	height: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #070707;
	border-radius: 50px;
	font-size: 14px;
	color: #fff;
}

.about .bod .hd li:nth-child(1) em:before {
	content: "年";
}

.about .bod .hd .r li:nth-child(1) em:before {
	content: "家";
}

.about .bod .hd .r li:nth-child(2) em:before {
	content: "项";
}

.about .bod .hd li:after {
	width: 30px;
	height: 36px;
	background: url("../thi.png") no-repeat;
	background-size: 100%;
	left: 20px;
	top: 20px;
}

.about .bod .hd .r li:nth-child(1):after {
	background-position: 0 -54px;
}

.about .bod .hd .r li:nth-child(2):after {
	background-position: 0 -104px;
}

.nbg {
	background: linear-gradient(to top, #E5EEF9, #F1F6FF);
}

.nbg:before {
	width: 260px;
	height: 400px;
	right: 0px;
	top: 0px;
	background: linear-gradient(to top, #2991F6, #957AF2, #E29DD7);
	filter: blur(100px);
}

.snew {
	width: 100%;
}

.snew .hd {
	width: 800px;
	margin: 0 auto;
	margin-bottom: 15px;
}

.snew .hd ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	background: #fff;
	border-radius: 30px;
}

.snew .hd li {
	width: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	border-radius: 30px;
	font-size: 18px;
	cursor: pointer;
}

.snew .hd li.on {
	background: linear-gradient(to left, #0052D9, #4656FE);
	color: #fff;
}

.snew .bd {
	position: relative;
	padding-bottom: 60px;
}

.snew .bd ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.snew .bd a {
	width: calc(33% - 75px);
	position: relative;
	overflow: hidden;
	margin: 20px 0;
	padding: 30px;
}

.snew .bd a:before {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: linear-gradient(75deg, #0052D9, #0066F6, #7D65FE);
	border-radius: 8px;
	visibility: hidden;
}

.snew .bd a:after {
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	left: 1px;
	top: 1px;
	background: linear-gradient(135deg, rgba(255, 255, 255, .80), #fff 25%);
	backdrop-filter: blur(10px);
	border-radius: 8px;
}

.snew .bd a:hover:before {
	visibility: visible;
}

.snew .bd a h2 {
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	background: url("../xb.png") no-repeat 0px 12px;
	background-size: 16px;
	padding-left: 28px;
	position: relative;
	z-index: 3;
}

.snew .bd a p {
	line-height: 28px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	position: relative;
	z-index: 3;
}

.snew .bd a span {
	width: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	margin-top: 40px;
	background: #fff;
	border: solid 1px #0052D9;
	border-radius: 30px;
	font-size: 14px;
	position: relative;
	z-index: 3;
}

.snew .bd a:hover span {
	background: linear-gradient(to right, #0052D9, #4656FE);
	color: #fff;
}

.snew .arrow {
	width: 140px;
	position: absolute;
	left: 50%;
	bottom: 0;
	display: flex;
	justify-content: space-between;
	z-index: 5;
	margin-left: -70px;
}

.snew .arrow a {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	cursor: pointer;
	background: url("../ico.png") #fff 18px -127px no-repeat;
	background-size: 12px;
	border-radius: 8px;
	border: solid 1px #fff;
}

.snew .arrow a:hover {
	border-color: #0051f6;
}

.snew .arrow .next {
	background-position: 18px -20px;
}

.snew .arrow .prevStop {
	background-color: #fff;
	background-position: -60px 0;
}

.snew .arrow .nextStop {
	background-position: -60px -50px;
}


.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: #F4F7FB;
	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, #F4F7FB);
	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: 800px;
	margin: 0 auto;
	padding: 20px 0;
	clear: both;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

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

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

.title strong {
	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;
	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;
}



.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: #F4F7FB;
	position: relative;
	z-index: 3;
	margin-top: 20px;
	padding: 5px 20px;
	border-radius: 6px;
	cursor: pointer;
	border: solid 1px #F4F7FB;
}

.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;
}
/*痛点分析*/
.pain {
	position: relative;
	background: url("../site-bg.png") #F4F7FB no-repeat center bottom;
}

.pain:before {
	width: 100%;
	height: 330px;
	background: url("../site-bg1.png") no-repeat center top;
	left: 0px;
	bottom: 40px;
	z-index: 3;
}

.pain .bd {
	align-items: flex-end;
}

.pain .bd p {
	width: calc(25% - 90px);
	padding: 30px;
	box-shadow: 8px 8px 15px rgba(55, 99, 170, .20);
	border: 1px solid #fff;
	border-radius: 6px;	
	padding-bottom: 100px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	background:linear-gradient(to top,rgba(255,255,255,.30),#fff);
	backdrop-filter:blur(10px);
	font-size: 16px;
	line-height: 30px;
}
.pain .bd strong{
	width: 100%;
	display: flex;
	align-items: center;
	height: 50px;
	font-size: 22px;
	position: relative;
	padding-top: 60px;
}
.pain .bd strong:before{
	content: "1";
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background:linear-gradient(125deg,rgba(255,255,255,.30),#E9EDF2);
	backdrop-filter:blur(10px);
	border-radius: 8px;
	z-index: 2;
	left: 10px;
	top: 10px;
}
.pain .bd strong:after{	
	width: 40px;
	height: 40px;
	background:linear-gradient(to left,#0052D9,#4656FE);	
	left: 0px;
	top: 0px;
	border-radius: 50px;
}
.pain .bd p:nth-child(2) {
	padding-bottom: 150px;
}

.pain .bd p:nth-child(3) {
	padding-bottom: 250px;
}
.pain .bd p:nth-child(4) {
	padding-bottom: 350px;
}
.pain .bd p:nth-child(2) strong:before{
	content: "2";
}
.pain .bd p:nth-child(3) strong:before{
	content: "3";
}
.pain .bd p:nth-child(4) strong:before{
	content: "4";
}

.proc{
	width: 100%;
	padding: 30px 0 60px 0;
	background:url("../lbg.png") no-repeat 0px center;
	background-size: 33%;
	position: relative;
}
.proc:before{
	width: 400px;
	height: 400px;
	background:url("../clx.png") no-repeat;
	background-size: 100%;
	left: 40px;
}
.proc .hd{
	width: 360px;
	position: sticky;
	top: 100px;
	margin-top: 30px;
}
.proc .hd h2{
	font-size: 32px;
	display: inline-flex;
	align-items: center;
	height: 80px;
	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;
}
.proc .hd h3{
	font-size: 32px;
	font-weight: bold;
}
.proc .hd p{
	font-size: 16px;
	margin-top: 25px;
	line-height: 34px;
}
.proc .bd{
	width: 750px;
	position: relative;	
}
.proc .bd:before{
	width: 2px;
	height: calc(100% - 210px);
	background: rgba(61,72,93,.20);
	top: 90px;
	left: -50px;
}
.proc .bd p{
	width: calc(100% - 80px);
	padding: 40px;
	display: flex;
	flex-wrap: wrap;
	background:linear-gradient(to bottom,rgba(255,255,255,.80),#fff 30%);
	margin-top: 40px;
	border-radius: 8px;
	position: relative;
	font-size: 16px;
	line-height: 30px;
}
.proc .bd p:after{
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	left: -1px;
	top: -1px;
	background:linear-gradient(70deg,#0052D9,#00A3FF,#8D76FE);
	border-radius: 8px;
	z-index: -1;
}
.proc .bd strong{
	width: 100%;
	font-size: 22px;
	margin-bottom: 10px;
	position: relative;
	color: #000;
}
.proc .bd p:before{
	content: "01";
	top: 35px;
	left: -67px;
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 14px;
	background:linear-gradient(75deg,#0052D9,#4656FE);
	border: solid 2px #fff;
	border-radius: 30px;
}
.proc .bd p:nth-child(2):before{
	content: "02";
}
.proc .bd p:nth-child(3):before{
	content: "03";
}
.proc .bd p:nth-child(4):before{
	content: "04";
}
.proc .bd p:nth-child(5):before{
	content: "05";
}
.proc .bd p:nth-child(6):before{
	content: "06";
}
.proc .bd p:nth-child(7):before{
	content: "07";
}
.proc .bd p:nth-child(8):before{
	content: "08";
}
.proc .bd p:nth-child(9):before{
	content: "09";
}
.proc .bd p:nth-child(10):before{
	content: "10";
}

.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: #F4F7FB;
	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;
}

.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: #F4F7FB;
	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: #F4F7FB;
	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: 50px 0 20px 0;
	background: #fff;
	overflow: hidden;
}

.foot .cai {
	width: 100%;
	padding-bottom: 20px;
}

.foot .cai .le {
	width: calc(100% - 250px);
	display: flex;
	justify-content: space-between;
	position: relative;
}

.foot .cai .cl {
	width: calc(100% - 550px);
	display: flex;
	flex-wrap: wrap;
}

.foot .cai .cl .c {
	width: 100%;
	display: flex;
	align-items: center;
}

.foot .cai .cl .c dt {
	width: 60px;
	margin-right: 15px;
}

.foot .cai .cl .c dd h2 {
	font-size: 22px;
	font-weight: bold;
}

.foot .cai .cl .c dd h3 {
	font-size: 14px;
	margin-top: 5px;
}

.foot .cai .cl .c dd strong {
	color: #0052D9;
}

.foot .cai .cl .x {
	width: 100%;
	line-height: 30px;
	margin: 20px 0;
}

.foot .cai .cl .d {
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-top: solid 1px #E9EDF2;
	padding-top: 20px;
}
.foot .cai .cl .d dt{
	width: 300px;
	padding-bottom: 40px;
	position: relative;
}
.foot .cai .cl .d h2{
	width: 100%;	
	font-size: 12px;
	color: #666;
}
.foot .cai .cl .d dt:before{
	content: "181 8488 6988";
	font-size: 30px;
	font-weight: bold;
	top: 30px;
	height: 50px;
	color: #000;
}
.foot .cai .cl .d dd p {
	font-size: 16px;
	color: #070707;
	display: flex;
}

.cnav {
	width: 350px;
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 0 60px;
}
.cnav:before{
	width: 100%;
	height: calc(100% + 70px);
	border-left: solid 1px #E9EDF2;
	border-right: solid 1px #E9EDF2;
	top: -50px;
}
.cnav .hd {
	width: 200px;
	position: relative;
	z-index: 3;
}

.cnav .hd li {
	display: flex;
	align-items: center;
	height: 50px;
	color: #3D485D;
	position: relative;
	padding-left: 60px;
	cursor: pointer;
}

.cnav .hd li.on {
	font-weight: bold;
}

.cnav .hd li.on:before {
	width: 3px;
	height: 30px;
	left: -2px;
	background: linear-gradient(to top, #0052D9, #4656FE);
}

.cnav .bd {
	width: calc(100% - 220px);
	position: relative;
	overflow: hidden;
}

.cnav .bd ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 2;
}

.cnav .bd ul a {
	width: 100%;
	display: flex;
	align-items: center;
	height: 50px;
	border-bottom: 1px solid #E9EDF2;
	position: relative;
}

.cnav .bd ul a:before {
	width: 0%;
	height: 1px;
	background: linear-gradient(to left, #0052D9, #4656FE);
	left: 0px;
	bottom: -1px;
}

.cnav .bd ul a:hover:before {
	width: 100%;
	transition: all 0.4s ease-out;
}

.foot .cai .gz {
	width: 134px;
	display: flex;
	flex-wrap: wrap;
}

.foot .cai .gz dt {
	width: calc(100% - 22px);
	padding: 10px;
	border: solid 1px rgba(61, 72, 93, .5);
	border-radius: 6px;
	display: flex;
}

.foot .cai .gz dd {
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	margin-top: 7px;
}

.foot .cai .gz strong {
	background: linear-gradient(to left, #0066F6, #0052D9, #4656FE);
	-webkit-background-clip: text;
	color: transparent;
}

.foot .cop {
	width: 100%;
	padding-top: 20px;
	border-top: solid 1px #E9EDF2;
	color: #72767D;
}

.foot .cop dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 20px;
	font-size: 12px;
}

.foot .cop a {
	color: #72767D;
	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: 0px;
	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;
}

@keyframes ball {0% { transform:translate(0, 0);}20%{transform:translate(10px, -3px);}40% {transform:translate(-10px, 3px);}60%{transform:translate(10px, -3px);}80% {transform:translate(-10px, 3px);}100% {transform:translate(0, 0); }}
@keyframes bounce-down {25% {-webkit-transform:translateY(-3px);transform:translateY(-3px)}50%,100% {-webkit-transform:translateY(0);transform:translateY(0)}75% {-webkit-transform:translateY(3px);transform:translateY(3px)}}
@keyframes rowup {0% {transform:translate(0, 0);}20%{transform:translate(0px, 5px);}40%{transform:translate(0px, -5px);}60%{transform:translate(0px, 5px);}80%{transform:translate(0px, -5px);}100%{transform:translate(0, 0);}}
@keyframes flash {0%, 100%, 50% {opacity:1}25%, 75% {opacity:0}}