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

.foot {
	width: 100%;
}

/*头部样式*/
.head {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	transition: all .5s ease 0s;
	padding: 20px 0;
	z-index: 88;
}

.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% - 350px);
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.head .hnav a {
	height: 60px;
	line-height: 46px;
	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: 8px;
}

.head_xs .hnav a.cur:before {
	bottom: -8px;
}

.head_xs .hnav a {
	display: flex;
	align-items: center;
	height: 40px;
	font-size: 18px;
}

.head .let {
	width: calc(100% - 350px);
	display: flex;
	justify-content: space-between;
}

.hcl {
	width: 360px;
	display: flex;
	align-items: center;
	height: 60px;
}

.hcl .bz {
	width: 60px;
	margin-right: 10px;
}

.hcl .xx .hd {
	display: flex;
}

.hcl .xx .hd dt {
	width: 130px;
	margin-right: 10px;
}

.hcl .xx .hd dd h2 {
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 3px;
	color: #0052D9;
}

.hcl .xx .hd dd p {
	color: #F44837;
}

.hcl .xx .bd {
	font-size: 14px;
	color: #3D485D;
}
.head .tel{
	width: 250px;
	display: flex;
}
.head .tel dt {
	display: flex;
	align-items: center;
	height: 40px;
	position: relative;
	padding-right: 40px;
	background: url("../wxi.png") no-repeat right 4px;
	background-size: 30px;
	margin-top: 14px;
	cursor: pointer;
}
.head .tel dt h2 {
	font-size: 20px;
	font-weight: bold;
}

.head .tel dt i {
	position: absolute;
	width: 100px;
	height: 100px;
	padding: 5px;
	background: #fff;
	border-radius: 6px;
	right: -35px;
	top: 40px;
	box-shadow: 0 4px 20px 5px rgba(68, 93, 127, 0.1);
	visibility: hidden;
}

.head .tel dt:hover i {
	visibility: visible;
}
.head .tel dd{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255,255,255,.7);
	backdrop-filter:blur(10px); 
	border-radius: 80px;
	margin: 12px 0 0 20px;
}
.head .tel dd img{
	width: 20px;
}

/* 更多 */
.more {
	width: 90px;
	color: #0052D9;
	font-size: 18px;
	display: flex;
	justify-content: center;
	height: 40px;
	align-items: center;
	padding: 0 40px 0 20px;
	position: relative;
	transition: 200ms;
}

.more a {
	font-size: 16px;
	position: relative;
	z-index: 3;
}

.more:hover a {
	color: #0052D9;
}

.more:hover {
	padding: 0 40px 0 0px;
}

.more:after {
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: #fff;
	border: solid 1px #0052D9;
	border-radius: 40px;
	transition: 200ms;
	top: 0px;
	right: 0px;
}

.more:hover:after {
	width: 38px;
	background: #0052D9;
}

.more:before {
	width: 26px;
	height: 26px;
	right: 30px;
	top: 8px;
	background: url("../ico.png") no-repeat center -232px;
	background-size: 12px;
	transition: 300ms;
	z-index: 3;
}

.more:hover:before {
	right: 8px;
	background-position: center -256px;
}

.ser {
	width: 100%;
	padding-top: 110px;
	display: flex;
	justify-content: space-between;
}

.ser .sl {
	width: calc(67% - 30px);
}

.wzjs {
	width: calc(100% - 44px);
	border: solid 2px #fff;
	padding: 20px;
	background: rgba(255, 255, 255, .50);
	backdrop-filter: blur(10px);
	border-radius: 6px;
	margin-top: 20px;
}

.wzjs .bd {
	width: 100%;
}

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

.wzjs .bd li h2 {
	font-size: 32px;
	line-height: 40px;
	font-weight: bold;
}

.wzjs .bd li .bb {
	width: 100%;
	display: flex;
}

.wzjs .bd li .bb em {
	display: flex;
	align-items: center;
	height: 24px;
	padding: 0 5px;
	color: #3D485D;
	background: rgba(255, 255, 255, .80);
	margin-right: 10px;
	border-radius: 6px;
	margin-top: 10px;
	border: solid 1px #fff;
}

.wzjs .bd li p {
	margin: 30px 0 70px 0;
	line-height: 26px;
}

.wzjs .bd li h3 {
	font-size: 16px;
}

.wzjs .bd li:nth-child(1) {
	width: calc(100% - 400px);
}

.wzjs .bd li:last-child {
	width: 250px;
	margin-top: 40px;
}

.wzjs .hd {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 35px;
}

.wzjs .hd ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 5px;
	border-radius: 50px;
	background: linear-gradient(180deg, #f3f5f8, #fff);
	box-shadow: 8px 8px 15px rgba(55, 99, 170, .1), -8px -8px 15px rgba(55, 99, 170, .0);
	border: 1px solid #fff;
}

.wzjs .hd li {
	cursor: pointer;
	display: flex;
	align-items: center;
	height: 50px;
	padding: 0 20px;
	font-size: 18px;
	border-radius: 40px;
	position: relative;
	overflow: hidden;
}

.wzjs .hd li.on {
	background: linear-gradient(126deg, #0052D9, #00C8DC);
	color: #fff;
}

.wzjs .hd li.on:before {
	width: 60px;
	height: 30px;
	background: #fff;
	filter: blur(10px);
	border-radius: 30px;
	top: -30px;
	left: 50%;
	margin-left: -30px;
}

.ser .cpxt {
	width: 33%;
}

.ser .cpxt .a {
	width: calc(100% - 44px);
	border: solid 2px #fff;
	padding: 20px;
	background: rgba(255, 255, 255, .50);
	backdrop-filter: blur(10px);
	border-radius: 6px;
	margin-top: 20px;
	box-shadow: 8px 8px 15px rgba(55, 99, 170, .1);
}

.ser .cpxt .a .fit {
	width: calc(100% - 80px);
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 60px;
	padding-right: 70px;
	position: relative;
	margin-bottom: 20px;
}

.ser .cpxt .a .fit:before {
	width: 20px;
	height: 20px;
	background: url(../ico.png) no-repeat center -44px;
	background-size: 8px;
	border-radius: 40px;
	top: 24px;
	right: -5px;
}

.ser .cpxt .a .fit dt {
	width: 60px;
}

.ser .cpxt .a .fit dd {
	width: calc(100% - 80px);
}

.ser .cpxt .a .fit dd h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
}

.ser .cpxt .a .fit dd h3 {
	font-size: 14px;
	color: #98A3B7;
}

.fun {
	width: 100%;
	height: 30px;
	overflow: hidden;
}

.fun .bd {
	width: 100%;
}

.fun li {
	width: calc(33% - 10px);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	background: #E9EFF7;
	border-radius: 6px;
	margin-right: 10px;
}


.sign {
	width: calc(100% - 44px);
	border: solid 2px #fff;
	padding: 12px 20px;
	background: rgba(255, 255, 255, .50);
	backdrop-filter: blur(10px);
	border-radius: 6px;
	display: flex;
	margin-top: 20px;
}

.sign:before {
	width: 26px;
	height: 26px;
	background: linear-gradient(-60deg, rgba(255, 255, 255, .0), #0052D9 80%);
	left: 5px;
	top: 5px;
	border-radius: 40px;
}

.sign .hd {
	font-size: 18px;
	font-weight: bold;
	color: #0052D9;
	margin-right: 20px;
	position: relative;
	z-index: 2;
}

.sign .bd {
	width: 700px;
}

.sign .bd li {
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 16px;
}

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

.hanli {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}

.hanli .ht {
	width: 100%;
}

.hanli .ht h2 {
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	position: relative;
}

.hanli .ht em {
	font-size: 32px;
	font-weight: bold;
	color: #0052D9;
}

.hanli .hd {
	width: 100%;
	display: flex;
	justify-content: space-between;
	height: 100px;
}

.hanli .hd ul {
	width: 690px;
	display: flex;
	justify-content: space-between;
	border-bottom: solid 1px #D3D7DE;
	height: 60px;
	margin-top: 10px;
}

.hanli .hd li {
	display: flex;
	align-items: center;
	height: 50px;
	font-size: 20px;
	cursor: pointer;
}

.hanli .hd li.on {
	font-weight: bold;
	color: #0052D9;
	padding-left: 40px;
}

.hanli .hd li.on:before {
	width: 28px;
	height: 30px;
	background: url("../ali.png") no-repeat;
	background-size: 100%;
	left: 0;
	top: 13px;
}

.hanli .hd li:nth-child(2).on:before {
	background-position: 0 -47px;
}

.hanli .hd li:nth-child(3).on:before {
	background-position: 0 -92px;
}

.hanli .bd {
	width: calc(100% - 80px);
	position: relative;
	padding: 40px;
	background: #F5F5F5;
	border-radius: 6px;
}

.hanli .bd ul {
	width: 100%;
}

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

.hanli .bd .txt {
	width: calc(100% - 680px);
}

.hanli .bd .txt h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

.hanli .bd .txt p {
	line-height: 26px;
	font-size: 16px;
}

.hanli .bd .txt .kf {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-top: 45px;
	margin-top: 100px;
	position: relative;
}

.hanli .bd .txt .kf:before {
	content: "推荐客户";
	left: 0px;
	top: 0;
	color: #3D485D;
	font-size: 18px;
}

.hanli .bd .txt .kf::after {
	right: 0px;
	top: 12px;
	width: calc(100% - 85px);
	height: 1px;
	background: #D3D7DE;
}

.hanli .bd .txt .kf dl {
	width: calc(33% - 20px);
	display: flex;
	align-items: center;
	height: 40px;
	padding: 5px;
	border-radius: 6px;
	background: #fff;
}

.hanli .bd .txt .kf dt {
	width: 40px;
	margin-right: 15px;
}

.hanli .bd .txt .kf dd {
	font-size: 18px;
}

.hanli .bd .pic {
	width: 540px;
	display: flex;
	align-items: flex-end;
	padding: 30px;
	border-radius: 8px;
}

.hanli .bd .pic .sm {
	width: 100px;
	margin-right: 30px;
	margin-bottom: 20px;
	padding: 5px;
	background: rgba(255, 255, 255, .7);
	backdrop-filter: blur(10px);
	border-radius: 6px;
}

.hanli .bd .pic .sj {
	width: 160px;
	margin-left: -50px;
	padding: 3px;
	border-radius: 6px;
	background: #000;
	position: relative;
	z-index: 2;
}

.hanli .bd .pic .sj i {
	width: 100%;
	height: 260px;
	display: flex;
	align-items: flex-start;
	border-radius: 4px;
	overflow: hidden;
}

.hanli .bd .pic .sj:before {
	width: 10px;
	height: 10px;
	background: #000;
	border-radius: 40px;
	top: 5px;
	left: 50%;
	margin-left: -5px;
	z-index: 3;
}

.hanli .bd .pic .sj:after {
	width: 20px;
	height: 4px;
	background: #000;
	border-radius: 40px;
	bottom: 5px;
	left: 50%;
	margin-left: -10px;
	z-index: 3;
}

.hanli .bd .pic .dn {
	width: 300px;
	padding: 5px;
	border-radius: 6px;
	background: #000;
	position: relative;
}

.hanli .bd .pic .dn:before {
	width: calc(100% + 100px);
	left: -50px;
	top: 230px;
	height: 20px;
	background: url("../pc.png") no-repeat 0 0;
	background-size: 100%;
}

.hanli .bd .pic .dn i {
	width: 100%;
	height: 220px;
	display: flex;
	align-items: flex-start;
	border-radius: 4px;
	overflow: hidden;
}

.clal {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	position: relative;
	margin-top: 50px;
}

.clal .at {
	width: 500px;
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.clal .at h2 {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;
}

.clal .at h2:before {
	width: 100%;
	height: 50px;
	background: url("../anti.png") no-repeat right 0;
	background-size: 84%;
	top: 16px;
}

.clal .at h3 {
	color: #3D485D;
}

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

.clal .at ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	text-align: center;
}

.clal .at li em {
	font-size: 30px;
	color: #0052D9;
	font-weight: bold;
	position: relative;
	padding-right: 23px;
}

.clal .at li p {
	color: #98A3B7;
	margin-top: 10px;
}

.clal .at li em:before {
	width: 18px;
	height: 20px;
	background: url("../sui.png") no-repeat;
	background-size: 100%;
	right: 0px;
	top: 6px;
}

.clal .at li:nth-child(2) em:before {
	background-position: center -34px
}

.clal .at li:nth-child(3) em:before {
	background-position: center -70px
}

.clal .al {
	width: calc(50% - 30px);
}

.clal .ar {
	width: calc(50% - 30px);
	margin-top: 180px;
}

.clal a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 40px;
}

.clal a:before {
	width: 300px;
	height: 300px;
	top: -100px;
	left: -100px;
	background: rgba(255, 255, 255, .30);
	filter: blur(50px);
	border-radius: 200px;
}

.clal a .tu {
	width: calc(100% - 168px);
	height: 360px;
	display: flex;
	align-items: flex-start;
	border: solid 4px #fff;
	border-radius: 6px 6px 0 0;
	overflow: hidden;
	box-shadow: 0 4px 20px 5px rgba(68, 93, 127, 0.1);
	margin: 80px;
	margin-bottom: 0;
	position: relative;
	z-index: 2;
}

.clal a .ti {
	width: calc(100% - 160px);
	position: absolute;
	left: 0px;
	top: 30px;
	padding: 0px 80px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 30px;
	z-index: 3;
}

.clal a .ti h2 {
	font-size: 20px;
	font-weight: bold;
}

.clal a .ti em {
	padding-left: 25px;
	background: url("../dw.png") no-repeat 0 1px;
	background-size: 15px;
}

.clal a .tx {
	width: calc(100% - 180px);
	position: absolute;
	left: 60px;
	bottom: 0px;
	padding: 30px;
	padding-bottom: 80px;
	border: solid 1px #fff;
	background: rgba(0, 0, 0, .30);
	backdrop-filter: blur(10px);
	border-radius: 8px;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
}

.clal a .tx:before {
	width: 26px;
	height: 26px;
	background: #fff url("../ico.png") no-repeat 8px -212px;
	background-size: 11px;
	border-radius: 40px;
	left: 30px;
	bottom: 30px;
}

.clal a .tx h2 {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
}

.clal a .tx h3 {
	font-size: 14px;
	color: rgba(255, 255, 255, .80);
	line-height: 24px;
}

.clal a:hover .ti {
	transition: 0.1s ease-out;
	opacity: 0;
	bottom: -100px;
	visibility: visible;
}

.clal a:hover .tx {
	transition: 0.3s ease-out;
	opacity: 1;
	bottom: 60px;
	visibility: visible;
}

.clal .al a .tu {
	height: 420px;
}

.clal a:hover .tu img {
	transition: transform 0.5s ease;
	transform: scale(1.1);
}
.atm{
	background: none !important;
	margin-top: 100px !important;
}
.about {
	width: 100%;
	padding: 50px 0;
	background: url("../abg.jpg") no-repeat center 0;
}

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

.about .jie .hd {
	width: 100%;
	display: flex;
	align-items: center;
	height: 80px;
}

.about .jie .hd i {
	width: 60px;
	margin-right: 10px;
}

.about .jie .hd h2 {
	font-size: 30px;
	font-weight: bold;
}

.about .jie .gs {
	display: flex;
	font-size: 24px;
	color: #0052D9;
	font-weight: bold;
	margin-left: 70px;
}

.about .jie .gs h2 {
	font-size: 24px;
	color: #000;
	margin-top: -2px;
}

.about .jie .bd {
	padding-left: 70px;
	margin-top: 50px;
}

.about .jie .bd p {
	width: 100%;
	font-size: 18px;
	line-height: 32px;
	margin-top: 20px;
	color: #000;
}

.about .suz {
	width: 400px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 150px;
}

.about .suz li {
	width: calc(50% - 40px);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 40px;
	margin-top: 20px;
}

.about .suz li b:after {
	content: "年";
	font-size: 24px;
	font-weight: bold;
	right: 0px;
	bottom: -8px;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #0052D9;
}

.about .suz li em {
	display: flex;
	font-size: 70px;
	line-height: 80px;
	padding-right: 30px;
	position: relative;
	z-index: 2;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #000;
}

.about .suz li em:before,
.about .suz li b:before {
	width: 100%;
	height: 16px;
	left: 0px;
	bottom: 5px;
	background: #0052D9;
	z-index: -1;
}

.about .suz li em:after {
	font-size: 24px;
	font-weight: bold;
	right: 0px;
	bottom: -16px;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #000;
}

.about .suz li h2 {
	width: 100%;
}

.about .suz li:nth-child(1) {
	width: 100%;
	border-bottom: solid 1px #D3D7DE;
}
.about .suz li:nth-child(1) em:after {
	content: "年";
}
.about .suz li:nth-child(2) em:after {
	content: "家";
}
.about .suz li:nth-child(3) em:after {
	content: "套";
}

.snew {
	width: 100%;
	padding: 50px 0 20px 0;
}
.snew .tit {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.snew .tit .hd {
	display: flex;
	flex-wrap: wrap;
}
.snew .tit .hd h2 {
	display: flex;
	align-items: center;
	height: 40px;
	font-size: 32px;
	font-weight: bold;
	position: relative;
	z-index: 2;
}
.snew .tit .hd h2:before {
	width: 85%;
	height: 50px;
	background: url("../nti.png") no-repeat right 0;
	background-size: 100%;
	right: 0;
	top: 25px;
}
.snew .tit .hd h3 {
	width: 100%;
	font-size: 14px;
	color: #98A3B7;
	margin-top: 5px;
}
.snew .tit .hd strong {
	position: relative;
	z-index: 2;
}
.snew .tit .bd {
	display: flex;
}
.snew .tit .bd a {
	display: flex;
	align-items: center;
	height: 50px;
	border: solid 1px #D3D7DE;
	padding: 0 30px;
	margin-left: 20px;
	border-radius: 30px;
}
.snew .con {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 20px;
}
.snew .con li {
	width: calc(33% - 20px);
	display: flex;
	flex-wrap: wrap;
}
.snew .con .hd {
	width: 100%;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}
.snew .con .hd dd {
	width: calc(100% - 60px);
	position: absolute;
	left: 20px;
	bottom: 40px;
	font-size: 20px;
	font-weight: bold;
	z-index: 4;
}
.snew .con .hd:before{
	width: 150px;
	height: 45px;
	left: -20px;
	bottom: 29px;
	border: solid 1px #F2F2F2;
	border-bottom: 0;
	border-radius: 0px 8px 0px 0px;
	transform:skewX(20deg);
	background:linear-gradient(to bottom,rgba(255,255,255,.50),#fff 50%);
	backdrop-filter:blur(10px);
	z-index: 4;
}
.snew .con .hd:after{
	width: 1px;
	height: 45px;
	background: #F2F2F2;
	left: 0px;
	bottom: 29px;
	z-index: 4;
}
.snew .con .bd {
	width: calc(100% - 42px);
	padding: 10px 20px;
	display: flex;
	flex-wrap: wrap;
	border-radius: 0px 8px 8px 8px;
	background:linear-gradient(30deg,#fff 60%,rgba(255,255,255,.7));
	backdrop-filter:blur(10px);
	border: solid 1px #F2F2F2;
	top: -30px;
	position: relative;
	z-index: 3;
}
.snew .con .bd a {
	width: calc(100% - 16px);
	display: flex;
	align-items: center;
	height: 36px;
	font-size: 16px;
	padding-left: 16px;
	position: relative;
}
.snew .con .bd a:before {
	width: 6px;
	height: 6px;
	background: #D3D7DE;
	left: 0px;
	top: 50%;
	margin-top: -2px;
	transform: rotate(45deg);
}
.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(180deg, hsla(0, 0%, 100%, .5), #fff 30%);
	backdrop-filter: blur(10px);
	margin-top: 100px;
}

.show .map {
	width: 100%;
	display: flex;
	border-bottom: solid 1px #E9EFF7;
	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 #E9EFF7;
	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% - 60px);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 10px 5px 60px;
	position: relative;
	height: 50px;
	margin: 30px 0;
	background: #fff;
	border-radius: 6px;
}

.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;
}
.show .tit dt h3 {
	width: 100%;
	font-size: 16px;
}

.show .tit dt p {
	color: #98A3B7;
	font-size: 12px;	
	position: relative;
}
.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: #98A3B7;
	left: 15px;
	top: 7px;
}

.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 {
	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 .nex {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 40px;
	margin-top: 30px;
	padding-top: 25px;
	position: relative;
}

.show .nex:before {
	width: calc(100% + 80px);
	height: 1px;
	background: #F2F2F2;
	right: -80px;
	top: 0;
}

.show .nex a p {
	font-size: 12px;
	color: #999;
}

.show .nex a:last-child {
	width: 40px;
	height: 40px;
	position: relative;
	background: #F2F2F2;
	border-radius: 30px;
	text-indent: -9999px;
}

.show .nex a:last-child:hover {
	background: #E5E5E5;
}

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

.show .subnav{
	width:100%;
	display: flex;
	overflow: hidden;
	position: sticky;
	top: 100px;
	z-index: 5;
}
.show .subnav:before {
	width: 80px;
	height: 40px;
	background: #0052D9;
	top: 5px;
	left: 0px;
	border-radius: 8px;
	transform:rotate(6deg); 
}

.show .subnav:after {
	width: calc(100% - 2px);
	height: calc(100% - 12px);
	background: linear-gradient(to top,#fff, rgba(255, 255, 255, .85));
	backdrop-filter:blur(10px);
	left: 0px;
	top: 10px;
	border: solid 1px #F2F2F2;
	border-radius: 8px;
	z-index: 2;
}
.show .subnav .s,.show .subnav .e{
	width: calc(100% - 15px);
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 0px 15px 15px 0;
}
.show .subnav .s a{
	width: calc(33% - 15px);
}
.show .subnav .e a{
	width: calc(50% - 15px);
}
.show .subnav a {	
	display: flex;
	justify-content: center;
	align-items: center;
	height: 36px;
	border-radius: 6px;
	background: #F5F5F5;
	background: linear-gradient(to right, #f2f7ff, #f2f0ff);
	margin-top: 15px;
	margin-left: 15px;
	position: relative;
	z-index: 3;
}
.show .subnav a.cur,.show .subnav a.cur:hover{
	color: #fff;
	background: linear-gradient(to right, #0052D9, #00C8DC);
}
.show .subnav a:hover {
	background: #f2f7ff;
}

.show .subnav a:nth-child(1) {
	width: calc(100% - 45px);
	background: url("../ico.png") no-repeat 0px -354px;
	background-size: 20px;
	justify-content: flex-start;
	font-size: 20px;
	padding-left: 30px;
	font-weight: bold;
	color: #0052D9;
}

.show .wech {
	width: calc(100% - 40px);
	padding: 20px;
	background: linear-gradient(160deg, #0052D9, #00C8DC);
	border-radius: 6px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100px;
	margin-top: 30px;
	overflow: hidden;
}

.show .wech:before {
	width: 300px;
	height: 300px;
	background: #1AEFFF;
	filter: blur(30px);
	right: -100px;
	top: 100px;
	border-radius: 100px;
}

.show .wech dt {
	width: calc(100% - 130px);
	display: flex;
	flex-wrap: wrap;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}

.show .wech dt:before {
	width: 130px;
	height: 60px;
	background: #fff;
	transform: skewX(20deg);
	border-radius: 8px;
}

.show .wech dt h2 {
	font-size: 12px;
	display: flex;
	padding: 3px 15px 0px 10px;
}

.show .wech dt em {
	width: calc(100% - 20px);
	font-size: 22px;
	color: #0052D9;
	font-weight: bold;
	background: #fff;
	padding: 0px 10px;
	display: flex;
	align-items: center;
	height: 36px;
	border-radius: 0px 6px 6px 6px;
	margin-bottom: 10px;
}

.show .wech dt p {
	color: #fff;
}

.show .wech dd {
	width: 100px;
	padding: 5px;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
}

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

.gnew {
	width: calc(100% - 510px);
	padding: 20px;
	padding-top: 10px;
	margin: 20px 0;
}

.gnew .hd,
.gnew .bd,
.gser .hd,
.gser .bd {
	position: relative;
	z-index: 3;
}

.gnew .hd,
.gser .hd {
	font-size: 20px;
	font-weight: bold;
	display: flex;
	align-items: center;
	height: 22px;
	margin-bottom: 10px;
}

.gnew .bd {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}

.gnew .bd:before {
	width: 1px;
	height: calc(100% - 10px);
	background: #F2F2F2;
	left: 49%;
	top: 5px;
}

.gnew .bd a {
	width: calc(50% - 60px);
	display: flex;
	align-items: center;
	height: 38px;
	line-height: 38px;
	overflow: hidden;
}

.gser {
	width: 400px;
	padding: 20px;
	padding-top: 10px;
	margin: 20px 0;
}

.gser .bd {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.gser .bd a {
	width: calc(100% - 60px);
	height: 50px;
	display: flex;
	align-items: center;
	margin-top: 15px;
	padding-top: 14px;
	padding-right: 60px;
	border-top: solid 1px #F2F2F2;
	position: relative;
}

.gser .bd dt {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	margin-right: 20px;
}

.gser .bd dd {
	width: calc(100% - 70px);
	display: flex;
	flex-wrap: wrap;
}

.gser .bd dd h2 {
	font-weight: bold;
}

.gser .bd dd p {
	width: 100%;
	margin-top: 5px;
}

.gser .bd a:before {
	content: "探索";
	width: 50px;
	height: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #E9EFF7;
	color: #0052D9;
	font-size: 12px;
	border-radius: 30px;
	right: 0px;
}

.gser .bd a:hover:before {
	background: #0052D9;
	color: #fff;
}

.gser .bd a:nth-child(1) {
	padding: 0 60px 0 0;
	border: 0;
}

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

.foot .cl {
	width: 300px;
	display: flex;
	flex-wrap: wrap;
}

.foot .cl .bz {
	width: 100%;
	display: flex;
}

.foot .cl .bz a {
	display: flex;
	align-items: center;
	height: 60px;
}

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

.foot .cl .bz dd h2 {
	font-size: 26px;
	font-weight: bold;
	color: #070707;
	letter-spacing: 3px;
}

.foot .cl .bz dd em {
	display: flex;
	padding-right: 27px;
	color: #3D485D;
	margin-top: 6px;
	position: relative;
}

.foot .cl .bz dd em:before {
	width: 16px;
	height: 18px;
	background: url(../ico.png) no-repeat center -480px;
	background-size: 100%;
	right: 5px;
	top: 1px;
}

.foot .cl .cs {
	width: 100%;
	display: flex;
	align-items: flex-start;
	margin-top: 32px;
}

.foot .cl .cs dt {
	width: 60px;
	color: #98A3B7;
	font-size: 14px;
	margin-top: 4px;
}

.foot .cl .cs dd {
	width: calc(100% - 60px);
	display: flex;
	flex-wrap: wrap;
}

.foot .cl .cs dd a {
	font-size: 14px;
	line-height: 30px;
	margin-left: 15px;
}

.foot .fl {
	width: calc(100% - 740px);
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.foot .fl li {
	display: flex;
	flex-wrap: wrap;
}

.foot .fl li a {
	width: 100%;
	display: flex;
	align-items: center;
	height: 30px;
	font-size: 14px;
}

.foot .fl li a:nth-child(1) {
	font-size: 18px;
	font-weight: bold;
}

.foot .lx {
	width: 300px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding-left: 60px;
}

.foot .lx:before {
	width: 1px;
	height: calc(100% + 40px);
	left: 0px;
	top: -40px;
	background: #E9EFF7;
}

.foot .lx .hd {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.foot .lx .hd:after {
	width: calc(100% + 180px);
	height: 1px;
	left: -60px;
	top: 100px;
	background: #E9EFF7;
}

.foot .lx .hd dt {
	text-align: right;
	position: relative;
	padding-top: 35px;
}

.foot .lx .hd dt:before {
	width: 30px;
	height: 30px;
	background: url("../tel-b.png") #0052D9 no-repeat center;
	background-size: 22px;
	top: 5px;
	right: 0;
	border-radius: 6px 6px 0px 6px;
}

.foot .lx .hd dt h2 {
	font-size: 24px;
	color: #0052D9;
	font-weight: bold;
	margin-top: 5px;
}

.foot .lx .hd dt h3 {
	font-size: 12px;
	color: #98A3B7;
}

.foot .lx .hd dd {
	width: 100px;
	position: relative;
}

.foot .lx .hd dd:before {
	width: calc(100% + 80px);
	height: 50px;
	left: -40px;
	top: 50px;
	background: url("../mab.png") no-repeat;
	background-size: 100%;
}

.foot .lx .bd {
	position: relative;
	padding: 30px 0;
}

.foot .lx .bd h2 {
	font-size: 12px;
	color: #98A3B7;
}

.foot .lx .bd p {
	color: #000;
}

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

.foot .cop dt {
	display: flex;
}

.foot .cop dt a {
	margin-left: 20px;
	padding-left: 23px;
	background: url("../icp.png") no-repeat 0 1px;
	background-size: 16px;
}

.foot .cop dt a:last-child {
	background-position: 0 -29px;
}

.foot .cop dd {
	display: flex;
}

.foot .cop dd a {
	display: flex;
	color: #98A3B7;
	padding-left: 31px;
	position: relative;
}

.foot .cop dd a:hover {
	color: #0052D9;
}

.foot .cop dd a:before {
	width: 1px;
	height: 12px;
	background: #D3D7DE;
	left: 15px;
	top: 5px;
}

.foot .cop dd a:nth-child(1):before {
	display: none;
}

.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: 620px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.tban .weix {
	width: 320px;
	display: flex;
	flex-wrap: wrap;
}

.tban .weix dl {
	width: calc(100% - 20px);
	display: flex;
	justify-content: space-between;
	padding: 10px;
	background: rgba(255,255,255,.60);
	backdrop-filter:blur(20px); 
	border: solid 1px #fff;
	border-radius: 8px;
}

.tban .weix dt {
	width: calc(100% - 150px);
	display: flex;
	flex-wrap: wrap;
}

.tban .weix dt h2 {
	font-size: 12px;
}

.tban .weix dt em {
	width: 100%;
	color: #04C05F;
	font-size: 20px;
	font-weight: bold;
}

.tban .weix dt p {}

.tban .weix dd {
	width: 100px;
	display: flex;
	border-radius: 100px;
}

.tban .weix ul {
	width: calc(100% - 20px);
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	padding: 0 10px;
}

.tban .weix li {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	font-size: 14px;
}

.tban .weix li img {
	width: 26px;
}

.tban .weix li h3 {
	font-size: 14px;
	margin-left: 10px;
}

.sban{
	padding: 100px 0 50px 0;
}
.sban .tx{
	width: 600px;
	margin-top: 60px;
}
.sban .tx h1{
	font-size: 40px;
	font-weight: bold;
	line-height: 50px;
	margin-bottom: 10px;
}
.sban .tx h2{
	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 .tu{
	width: 350px;
	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:after{
	width: 5px;
	height: 36px;
	background: rgba(0, 0, 0, .30);
	top: 40px;
	right: -6px;
	border-radius: 0 12px 12px 0px;
}
.manli .bd {
	width: calc(100% - 10px);
	border: solid 1px #fff;
	border-radius: 8px;
	background: rgba(0, 0, 0, .30);
	padding: 5px;
	overflow: hidden;
}
.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: 40px 0 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:linear-gradient(126deg,#E9EFF7,#F8FBFF); 
	padding: 40px 0;
	position: relative;
	overflow: hidden;
}
.code:before{
	width: 500px;
	height: 700px;
	left: -90px;
	bottom: -200px;
	background: #F5F0FF;
	filter:blur(160px); 
}
.code:after{
	width: 500px;
	height: 700px;
	right: -90px;
	top: -200px;
	background: #E0F0FF;
	filter:blur(160px); 
}
.code .hd {
	width: 350px;
	margin-top: 15px;
	position: relative;
	z-index: 3;
}
.code .hd .tx h2 {
	font-size: 30px;
	font-weight: bold;
	line-height: 50px;
}

.code .hd .tx p {
	font-size: 16px;
	line-height: 26px;
	margin-top: 20px;
}

.code .hd .su {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 130px;
}

.code .hd .su li em {
	font-size: 26px;
	font-weight: bold;
	color: #0052D9;
	position: relative;
	padding-right: 15px;
}
.code .hd .su li em:before {
	width: 12px;
	height: 20px;
	background: url("../zz.png") no-repeat;
	background-size: 100%;
	right: 0;
	top: 10px;
}
.code .hd .su li h2 {
	margin-top: 10px;
}
.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: #fff;
	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;
	border: solid 1px #fff;
	border-radius: 200px;
}

.model .bd li:nth-child(1) {
	right: -60px;
}

.model .bd li:nth-child(2) {
	right: -30px;
}

.model .bd li:before {
	content: "+";
	color: #fff;
	right: 8px;
	top: 80px;
}

.model .bd li:last-child:before {
	display: none;
}

.model .bd i {
	margin: 0 auto;
	display: table;
	margin-top: 42px;
}

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

.model .bd h2 {
	font-size: 16px;
	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;
	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("../ybg.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: 40px 0;
}
.real .xin{
	width: calc(100% - 700px);
	height: 600px;
	display: flex;
	align-items: flex-end;
	position: relative;
}
.real .xin .tit{
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	display: flex;
	flex-wrap: wrap;
}
.real .xin .tit dl{
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.real .xin .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 .xin .tit dt h2{
	width: 100%;
	text-align: center;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 18px;
	font-size: 12px;
}
.real .xin .tit dt h2:last-child{	
	color: #0052D9;
	background: #fff;
	border-radius: 0px 0px 6px 6px;
}
.real .xin .tit dd{
	width: 100%;
	display: flex;
	align-items: center;
	height: 36px;
	font-size: 32px;
	font-weight: bold;
	margin-top: 20px;
}
.real .xin .tit h3{
	width: 100%;
	margin-top: 20px;
	font-size: 16px;
	color: #3D485D;
}

.meir {
	width: calc(100% - 44px);
	border: solid 2px #fff;
	padding: 12px 20px;
	background:linear-gradient(to right,#0052D9,#1AEFFF);	
	border-radius: 6px;
	display: flex;
	margin-bottom: 15px;
}
.meir:before {
	width: calc(100% - 110px);
	height: calc(100% - 4px);
	background: linear-gradient(to right, rgba(255, 255, 255, .80), #fff 20%);
	backdrop-filter: blur(10px);
	right: 2px;
	top: 2px;
	border-radius: 6px;
}
.meir:after{
	width: 20px;
	height: 20px;
	background: #E9EFF7 url("../ico.png") no-repeat 8px -30px;
	background-size: 6px;
	right: 20px;
	border-radius: 40px;
	z-index: 3;
}
.meir .hd {
	width: 100px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-right: 20px;
	position: relative;
	z-index: 2;
}

.meir .bd {
	width: 600px;
	position: relative;
}

.meir .bd li {
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 16px;
}

.ask{width:600px;}
.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;
}

.reas{
	width: 100%;
	background: url("../abg.jpg") no-repeat center center fixed;
	background-size: cover;
	position: relative;
	padding-bottom: 100px;
}
.reas:before{
	width: 48%;
	height: calc(100% - 340px);
	border: solid 15px rgba(0,82,217,.06);
	border-radius: 800px;
	left: 25%;
	top: 200px;
}
.reas .lt,.reas .rt{
	width: 400px;
	display: flex;
	flex-wrap: wrap;	
}

.reas .tu{
	width: calc(100% - 900px);
	margin-top: 50px;
}

.reas .lt dl{
	width: calc(100% - 100px);
	padding-right: 100px;
	position: relative;
	margin-top: 80px;
	text-align: right;
}
.reas .rt dl{
	width: calc(100% - 100px);
	display: flex;
	padding-left: 100px;
	position: relative;
	margin-top: 80px;
}

.reas .lt dl:nth-child(2){
	margin-right: 80px;
}
.reas .rt dl:nth-child(2){
	margin-left: 80px;
}
.reas .lt dt,.reas .rt dt{
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	background:linear-gradient(16deg,#00C8DC,#0052D9);
	position: absolute;
	right: 0px;
	top: 0px;
	border-radius: 80px;
}
.reas .rt dt{
	left: 0px;
}
.reas dt img{
	width: 40px;
}
.reas dd h2{
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 5px;
}
.reas .lt dd p{
	text-align: right;
}

.step{
	width: 100%;
	background: url("../abg.jpg") no-repeat center center fixed;
	background-size: cover;
	position: relative;
	padding-bottom: 40px;
}

.step .bd{
	width: 100%;
	border-radius: 8px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.step .bd::after{
	width: 100%;
	height: calc(100% - 300px);
	left: 0px;
	top: 0px;
	background:rgba(255,255,255,.50);
	backdrop-filter:blur(20px);
	border-radius: 8px;
	z-index: 2;
}
.step .bd ul{
	width: 100%;
	position: relative;
	z-index: 3;
}

.step .bd li{
	width: 100%;
}
.step .bd dl{
	width: calc(100% - 100px);
	padding: 50px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.step .bd dt,.step .bd dd{
	width: calc(50% - 100px);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.step .bd dd{
	margin-top: 40px;
}
.step .bd li h2{
	width: 100%;
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 86px;
}
.step .bd li strong{
	color: #0052D9;
	padding-bottom: 20px;
	border-bottom: solid 2px #0052D9;
}
.step .bd li h3{
	width: 100%;
	font-size: 18px;
	color: #3D485D;
}
.step .bd li p{
	width: calc(50% - 30px);
	display: flex;
	align-items: center;
	height: 50px;
	font-size: 18px;
	padding-left: 16px;
	position: relative;
}
.step .bd li p:before{
	width: 6px;
	height: 6px;
	background: #3D485D;
	transform:rotate(45deg);
	left: 0px;
	top: 50%;
	margin-top: -3px;
}
.step .bd li:last-child{
	font-size: 16px;
	line-height: 40px;
	text-indent:2em;
	color: #3D485D;
}
.step .next{
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50px;
	top: 350px;
	background: #F5F5F5;
	z-index: 4;
	border-radius: 30px;
	cursor: pointer;
}
.step .next:hover{
	background-color: #F2F2F2;
}
.step .next:before{
	width: 12px;
	height: 25px;
	background: url("../ico.png") no-repeat 0 -34px;
	background-size: 100%;
	left: 19px;
	top: 13px;
}

.step .hd{
	width: 100%;
	margin-top: 20px;
}
.step .hd ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.step .hd li{
	display: flex;
	padding-bottom: 50px;
	position: relative;
	cursor: pointer;
}
.step .hd li.on h2{
	color: #0052D9;
	font-weight: bold;
}
.step .hd li h2{
	font-size: 22px;
}
.step .hd li b{
	width: 36px;
	height: 36px;
	background: #3D485D;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	border-radius: 40px;
	margin-left: 10px;
	position: relative;
	top: -5px;
}

.step .hd li:after{
	width: 20px;
	height: 31px;
	background: url("../lci.png") no-repeat;
	top: 0px;
	right: -50%;
}
.step .hd li.on b{
	background: #0052D9;
}
.step .hd li:last-child:after{
	display: none;
}
.step .hd li.on:before{
	background:linear-gradient(to left,#00C8DC ,#0052D9);-webkit-background-clip:text;color:transparent;
}
.step .hd li:before{
	content: "01";
	font-size: 60px;
	line-height: 70px;
	color: #fff;
	font-weight: bold;
	top: 40px;
	left: 5px;
}
.step .hd li:nth-child(2):before{
	content: "02";
}
.step .hd li:nth-child(3):before{
	content: "03";
}
.step .hd li:nth-child(4):before{
	content: "04";
}
.step .hd li:nth-child(5):before{
	content: "05";
}
.step .hd li:nth-child(6):before{
	content: "06";
}
.step .bd li:last-child{
		height: 350px;
	}
.albg{
	width: 100%;
	height: 550px;
	position: absolute;
	top: 0px;
	left: 0px;
	filter:blur(80px); 
}
.alban:before{
	width: 100%;
	height: 100px;
	left: 0px;
	top: 0px;
	background: #fff;
	z-index: 3;
}
.alban{
	width: 100%;
	height: 220px;
	padding-top: 170px;	
	display: flex;
	position: relative;
}
.alban .tx{
	width: 100%;
}

.alban .tx h1{
	font-size: 40px;
	line-height: 60px;
	color: #fff;
	font-weight: bold;
}
.alban .tx h2{
	font-size: 16px;
	color: rgba(255,255,255,.7) ;
}
.alban .wz {
	margin-top: 30px;
}
.alban .wz a{
	width: 100px;
	display: flex;
	align-items: center;
	height: 60px;
	position: relative;
	padding-left: 60px;
	font-size: 20px;
	border: solid 1px rgba(255,255,255,.0);
	border-radius: 40px;
}
.alban .wz a:hover{
	border: solid 1px rgba(255,255,255,.7);
}
.alban .wz a h2{
	visibility: hidden;
}
.alban .wz a:hover h2{
	visibility: visible;
	color: #000;
}
.alban .wz:before{
	width: 52px;
	height: calc(100% - 8px);
	top: 4px;
	left: 4px;
	background: #fff;
	border-radius: 40px;
	transition:all 0.1s ease-out;
}
.alban .wz:after{
	width: 26px;
	height: 26px;
	background: url("../fwi.png") no-repeat center;
	background-size: 100%;
	left: 17px;
	top: 17px;
}
.alban .wz:hover:before{
	width: calc(100% - 8px);
}

.alban .wz a{
	position: relative;
	z-index: 2;
}

.alshow{
	width: calc(100% - 420px);
	padding: 30px;
	background:linear-gradient(to bottom,rgba(255,255,255,.50),#fff);
	backdrop-filter:blur(10px);
	border-radius: 8px 0px 8px 8px;
	margin-top: 100px;
}
.alshow .map{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
	margin-bottom: 40px;
	border-bottom: solid 1px #fff;
}
.alshow .map dt{
	font-size: 18px;
	font-weight: bold;
}
.alshow .map strong{
	color: #F44837;
}
.alshow .bod{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 30px 0;
}
.alshow .bod .bt{
	width: 300px;
}
.alshow .bod .bt h2{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 50px;
}
.alshow .bod .bt em{
	color: #0052D9;
	font-weight: bold;
	text-transform:uppercase;
	line-height: 40px;
}
.alshow .bod .tx{
	width: calc(100% - 400px);
}
.alshow .bod .tx p{
	font-size: 18px;
	color: #000;
	line-height: 40px;
	margin-bottom: 15px;
}
.alshow .alxt{
	width: 100%;
	display: flex;
	justify-content: center;
	background:linear-gradient(136deg,#E9F8FF,#E9F8FF);
	padding: 50px 0 100px 0;
	margin: 40px 0;
	border-radius: 8px;
	overflow: hidden;
}
.alshow .alxt:before{
	width: 500px;
	height: 400px;
	background: #B8C7FE;
	filter:blur(200px);
	left: -100px;
	bottom: -100px;
}
.alshow .alxt:after{
	width: 400px;
	height: 400px;
	background: #B7CFFF;
	filter:blur(200px);
	right: -100px;
	top: -100px;
}
.alshow .alxt li{
	width: 700px;
	align-items: flex-end;
	padding: 5px;
	border-radius: 10px;
	background: #000;
	position: relative;
}
.alshow .alxt .tu{
	width: 100%;
	height: 400px;
	overflow: hidden;
	align-items: flex-end;
	border-radius: 10px;
}
.alshow .alxt li:nth-child(1):before{
	width: calc(100% + 100px);
	height: 50px;
	left: -50px;
	bottom: -50px;
	background: url("../pc.png") no-repeat;
	background-size: 100%;
}
.alshow .alxt li:nth-child(2){
	width: 260px;	
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: 160px;
	z-index: 3;
}
.alshow .alxt li:nth-child(2):before{
	width: 12px;
	height: 12px;
	background: #000;
	border-radius: 20px;
	top: 10px;
	left: 50%;
	margin-left: -6px;
	z-index: 3;
}
.alshow .alxt li:nth-child(2) .tu{
	height: 450px;
}
.alshow .zdsb{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.alshow .zdsb h2{
	width: 100%;
	font-size: 30px;
	font-weight: bold;
	line-height: 60px;
}
.alshow .zdsb em{
	color: #F44837;
	font-size: 32px;
	font-weight: bold;
	text-transform:uppercase;
}
.alshow .zdsb ul{
	width: calc(100% - 40px);
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	background: #fff;
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 20px;
}
.alshow .zdsb li:nth-child(2){
	margin: 0 40px;
}
.alshow .pic{
	width: 100%;	
}
.alshow .quan{
	width: 100%;
	color: #999;
	margin-top: 10px;
}

.alnavs{
	width: 300px;
	padding: 30px;
	border-radius: 8px 8px 8px 0px;
	position: sticky;
	top: 120px;
}
.alnavs .bt{
	font-size: 22px;
	line-height: 30px;
	color: #fff;
}
.alnavs .fw{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.alnavs .fw p{
	width: calc(50% - 44px);
	display: flex;
	align-items: center;
	height: 40px;
	font-size: 16px;
	color: #fff;
	position: relative;
	padding-left: 24px;
}
.alnavs .fw p:before{
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 10px;
	left: 5px;
	top: 17px;
}
.alnavs .lc a {
	width: calc(100% - 2px);
	border: solid 1px #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	color: #fff;
	margin-top: 15px;
	border-radius: 30px;
}
.alnavs .lc a:hover{
	background: #fff;
	color: #000;
}
.alnavs .fy{
	width: 100%;
	display: flex;
	margin-top: 40px;
}
.alnavs .fy a{
	width: calc(50% - 50px);	
	height: 30px;
	line-height: 30px;
	color: #fff;
	position: relative;
	background: url("../ico.png") no-repeat;
}
.alnavs .fy a:nth-child(1){
	padding-left: 20px;
	background-position: 0 -62px;
	background-size: 8px;
}
.alnavs .fy a:nth-child(2){
	width: 30px;
	height: 30px;
	background-position: 0 -570px;
	background-size: 18px;
	margin:0 15px;
}
.alnavs .fy a:nth-child(3){
	text-align: right;
	padding-right: 20px;
	background-position: right 9px;
	background-size: 8px;
}
.cban{
	width: 100%;
	padding: 150px 0 50px 0;
}
.cban .tx{
	width: 700px;
	display: flex;
	flex-wrap: wrap;	
}
.cban .tx dt{
	width: 100%;
	margin-bottom: 30px;
}
.cban .tx dt h2{
	font-size: 40px;
	font-weight: bold;
	line-height: 60px;
	margin-bottom: 10px;
}
.cban .tx dd{
	display: flex;
	padding: 5px;
	background: #fff;
	border-radius: 30px;
}
.cban .tx dd a{
	display: flex;
	align-items: center;
	height: 40px;
	padding: 0 30px;
	font-size: 18px;
}
.cban .tx dd a.cur{
	background:linear-gradient(to right,#0052D9,#0294FB);
	border-radius: 30px;
	color: #fff;
}
.cban .th{
	position: relative;
	margin-top: 80px;
}
.cban .th:before{
	content: "12";
	font-size: 120px;
	font-weight: bold;
	left: -160px;
	top: 20px;
}
.cban .th h2{
	font-size: 30px;
	font-weight: bold;
	line-height: 60px;
}
.cban .th h3{
	font-size: 16px;
}

.list_case{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}
.list_case a{
	width: calc(50% - 20px);
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0;
}
.list_case .tu{
	width: calc(100% - 200px);
	padding: 50px 100px;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
}
.list_case .tu:before{
	width: 300px;
	height: 300px;
	background:#fff; 
	filter:blur(80px);
	left: 35%;
	bottom: -100px;
	border-radius: 300px;
}
.list_case .tu .cb{
	width: calc(100% - 10px);
	padding: 5px;
	background:rgba(255,255,255,.50);
	backdrop-filter:blur(10px);
	border-radius: 8px 8px 0 0;
	border: solid 1px #fff;
	position: relative;
}
.list_case .tu .cb:before{
	width: calc(100% + 100px);
	height: 50px;
	background: url("../pc.png") no-repeat;
	background-size: 100%;
	left: -50px;
	bottom: -50px;
}
.list_case .tu .cb li{
	width: 100%;
	height: 350px;
	border-radius: 8px;
	overflow: hidden;
}
.list_case .tx{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.list_case .tx h2{
	font-size: 22px;
	line-height: 50px;
	font-weight: bold;
}
.list_case .tx h3{
	color: #3D485D;
	font-size: 16px;
}
.list_case .tx dd{
	line-height: 30px;
	padding-left: 25px;
	color: #3D485D;
	background: url("../dw.png") no-repeat 0px -28px;
	background-size: 16px;
	margin-top: 8px;
}









































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

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

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