@charset "UTF-8";
* {
	padding: 0;
	margin: 0;
}

*:focus {
	outline: none;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	font-size: 14px;
}

table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

table,
tr,
td,
th,
thead,
tbody {
	position: static;
}

fieldset,
img {
	border: 0;
}

img {
	vertical-align: top;
	border: none;
}

address,
caption,
cite,
code,
dfn,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

abbr,
acronym {
	border: 0;
}

em,
i {
	font-style: normal;
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.base {
	width: 1200px;
	margin: 0 auto;
}

.s1 .base {
	display: -ms-flexbox;
	display: flex;
}

.s1 .base .left {
	width: 558px;
	height: 334px;
	background-image: url(../images/bg1-left.png);
}

.s1 .base .left .s1-video {
	width: 528px;
	height: 297px;
	background: #3453ff;
	border: 1px solid rgba(99, 92, 241, 0.99);
	border-radius: 10px;
}

.s1 .card-list {
	-ms-flex: 1;
	flex: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 56px;
}

.s-tit {
	text-align: center;
}

.s-tit.dark h2 {
	color: #fff;
}

.s-tit.dark h2 span {
	color: #fbdf42;
}

.s-tit.dark p {
	color: #d2d0f6;
}

.s-tit h2 {
	font-size: 36px;
	font-weight: 500;
	color: #1b1b1b;
	line-height: 34px;
	text-align: center;
}

.s-tit h2 span {
	color: #3f36ef;
}

.s-tit p {
	margin-top: 16px;
	font-size: 16px;
	color: #666;
	line-height: 16px;
}

a.btn-more {
	padding: 0 70px 0 80px;
	background: linear-gradient(270deg, #ff729c, #f55282);
	box-shadow: 0px 5px 7px 0px rgba(255, 140, 174, 0.54);
	border-radius: 29px;
	display: inline-block;
	text-align: center;
	height: 58px;
	line-height: 58px;
	color: #ffffff;
	font-size: 20px;
	transition: all ease 0.2s;
}

a.btn-more .iconfont {
	margin-left: 6px;
}

a.btn-more:hover {
	opacity: 0.8;
}

.banner {
	height: 506px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}

.banner-swiper .swiper-slide {
	overflow: hidden;
}

.banner-swiper .swiper-img {
	display: block;
	width: 1920px;
	transform: translateX(-50%);
	position: relative;
	left: 50%;
}

.s1 {
	box-sizing: border-box;
	padding: 42px 0 46px;
	background-color: #f8f8f8;
}

.s1 .card-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.s1 .card-list .card {
	width: 278px;
	height: 152px;
	padding-left: 22px;
	background: #ffffff;
	box-shadow: 0px 3px 4px 0px rgba(235, 235, 246, 0.77);
	border-radius: 10px;
	transition: all ease 0.2s;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}

.s1 .card-list .card:hover {
	box-shadow: 0px 0px 6px 2px rgba(235, 235, 246, 0.9);
	transform: translateY(-6px);
}

.s1 .card-list .card:nth-child(2) .info h3 {
	color: #eb3d71;
}

.s1 .card-list .card:nth-child(2) .btn {
	border: 1px solid #ee6389;
	color: #ee5e88;
}

.s1 .card-list .card:nth-child(2) .btn:hover {
	background: #ee5e88;
}

.s1 .card-list .card:nth-child(3) {
	margin-top: 31px;
}

.s1 .card-list .card:nth-child(3) .info h3 {
	color: #fb9220;
}

.s1 .card-list .card:nth-child(3) .btn {
	border: 1px solid #fb9220;
	color: #fb9220;
}

.s1 .card-list .card:nth-child(3) .btn:hover {
	background: #fb9220;
}

.s1 .card-list .card:nth-child(4) {
	margin-top: 31px;
}

.s1 .card-list .card:nth-child(4) .info h3 {
	color: #3997df;
}

.s1 .card-list .card:nth-child(4) .btn {
	border: 1px solid #3997df;
	color: #3997df;
}

.s1 .card-list .card:nth-child(4) .btn:hover {
	background: #3997df;
}

.s1 .card-list .card .info {
	width: 178px;
	white-space: nowrap;
}

.s1 .card-list .card .info h3 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #5048f0;
	line-height: 19px;
}

.s1 .card-list .card .info p {
	margin-bottom: 16px;
	font-size: 15px;
	color: #555555;
	line-height: 15px;
}

.s1 .card-list .card .btn {
	width: 132px;
	height: 38px;
	background: rgba(80, 72, 240, 0);
	border: 1px solid #8c87f4;
	border-radius: 19px;
	display: inline-block;
	text-align: center;
	height: 38px;
	line-height: 38px;
	color: #554eef;
	transition: all ease 0.2s;
}

.s1 .card-list .card .btn:hover {
	background: #5048f0;
	color: #fff;
}

.s1 .card-list .card .btn .iconfont {
	margin-left: 2px;
}

.s1 .card-list .card .icon {
	margin-left: 13px;
	width: 52px;
}

.nav_fixed2 {
	z-index: 2;
	position: sticky;
	top: 0;
	height: 54px;
	background-color: #fff;
	box-shadow: 0px 3px 4px 0px rgba(235, 235, 246, 0.77);
}

.nav_fixed2 .base {
	height: 100%;
	padding: 0 60px;
	box-sizing: border-box;
}

.nav_fixed2 ul {
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-ms-flex-align: center;
	align-items: center;
}

.nav_fixed2 ul li {
	-ms-flex: 1;
	flex: 1;
	color: #666;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-right: 1px solid #e9e9e9;
}

.nav_fixed2 ul li:hover {
	color: #1b1b1b;
}

.nav_fixed2 ul li a {
	color: inherit;
}

@-webkit-keyframes nav_item_act_ani {
	to {
		width: 100%;
	}
}
@keyframes nav_item_act_ani {
	to {
		width: 100%;
	}
}
.nav_fixed2 ul li.active {
	color: #1b1b1b;
}

.nav_fixed2 ul li.active a {
	position: relative;
}

.nav_fixed2 ul li.active a::after {
	position: absolute;
	left: 0;
	bottom: -8px;
	content: "";
	display: inline-block;
	width: 0;
	height: 4px;
	background: linear-gradient(90deg, #dcdafc, #5048f0);
	border-radius: 2px;
	-webkit-animation: nav_item_act_ani 0.3s ease forwards;
	animation: nav_item_act_ani 0.3s ease forwards;
}

.s2 {
	box-sizing: border-box;
	padding: 57px 0 87px 0;
}

.s2 * {
	box-sizing: border-box;
}

.s2 .base {
	position: relative;
}

.s2 .base .bg1 {
	position: absolute;
	top: -116px;
	left: -112px;
}

.s2 .nav-left {
	position: absolute;
	left: -216px;
	top: 116px;
	width: 170px;
	border: 1px solid #dfdeff;
	border-radius: 10px;
}

.s2 .nav-left .brand {
	height: 111px;
	background: linear-gradient(180deg, #b1afee, #ffffff);
	position: relative;
	border-radius: 10px 10px 0 0;
}

.s2 .nav-left .brand .logo {
	position: absolute;
	top: -40px;
	left: 48px;
	width: 75px;
}

.s2 .nav-left .brand .solgan {
	margin: 52px 26px 20px 26px;
	width: 117px;
	height: 37px;
}

.s2 .nav-left .tab-nav ul {
	height: 174px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 10px 20px 10px;
	box-sizing: border-box;
}

.s2 .nav-left .tab-nav-item {
	width: 150px;
	border-radius: 4px;
	text-align: center;
	display: inline-block;
	text-align: center;
	height: 32px;
	line-height: 32px;
	font-size: 15px;
	color: #1b1b1b;
	transition: all ease 0.2s;
}

.s2 .nav-left .tab-nav-item a {
	color: inherit;
	font-size: inherit;
}

.s2 .nav-left .tab-nav-item:hover {
	color: #fff;
	background: linear-gradient(0deg, #665ff3, #4941ea);
	position: relative;
}

.s2 .nav-left .tab-nav-item:hover::after {
	position: absolute;
	right: -15px;
	top: 9px;
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-left-color: #564fee;
}

.s2 .nav-left .kbxx {
	height: 182px;
	padding-top: 24px;
	background-color: #f6f5fe;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 107px 24px;
	position: relative;
	box-sizing: border-box;
}

.s2 .nav-left .kbxx h3 {
	position: absolute;
	top: 0;
	line-height: 24px;
	left: 50%;
	transform: translateX(-50%);
	color: #ffffff;
	font-size: 15px;
}

.s2 .nav-left .kbxx ul {
	box-sizing: border-box;
	padding: 18px 12px;
}

.s2 .nav-left .kbxx ul li {
	font-size: 14px;
	color: #666;
	height: 25px;
	line-height: 25px;
}

.s2 .nav-left .kbxx ul li a {
	color: inherit;
	font-size: inherit;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.s2 .nav-left .kbxx ul li a span:last-child {
	color: #1b1b1b;
}

.s2 .nav-left .kbxx ul li[data-mode="1"] {
	color: #706af2;
}

.s2 .nav-left .kbxx ul li[data-mode="1"] a span:last-child {
	color: #645df1;
}

.s2 .nav-left .kbxx .btn {
	margin: 0 12px;
	width: 145px;
	border: 1px solid #f78e1b;
	border-radius: 4px;
	display: inline-block;
	text-align: center;
	height: 32px;
	line-height: 32px;
	color: #f39029;
}

.s2 .nav-left .kbxx .btn .icon {
	margin: 6px 6px 6px 0;
	width: 14px;
	height: 19px;
}

.s2 .content {
	margin-top: 30px;
	width: 1200px;
	height: 591px;
	background: #fff;
	box-shadow: 0px 3px 4px 0px rgba(235, 235, 246, 0.77);
	border-radius: 10px;
	position: relative;
	box-sizing: border-box;
	padding-left: 141px;
}

.s2 .content h2 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -9px;
	width: 518px;
	display: inline-block;
	text-align: center;
	height: 44px;
	line-height: 44px;
	font-size: 20px;
	color: #3f36ef;
}

.s2 .content .tab-nav {
	height: 100%;
	width: 141px;
	position: absolute;
	top: 0;
	left: 0;
}

.s2 .content .tab-nav ul {
	height: 100%;
	background-color: #6256fa;
	border-radius: 10px 0px 0px 10px;
	padding: 1px 0 1px 1px;
	box-sizing: border-box;
}

.s2 .content .tab-nav-item {
	height: 25%;
	background: linear-gradient(180deg, #665ff3, #4941ea);
	border-radius: 10px 0px 0px 10px;
	border: 1px solid #d1cff7;
	transition: all ease 0.2s;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	box-sizing: border-box;
}

.s2 .content .tab-nav-item .num {
	display: block;
	font-size: 34px;
	font-weight: bold;
	color: #7168f9;
	line-height: 40px;
}

.s2 .content .tab-nav-item p {
	margin-top: 15px;
	line-height: 18px;
	font-size: 18px;
	color: #fff;
	font-weight: 400;
}

.s2 .content .tab-nav-item.active {
	background: #faf8f8;
	border-right-color: transparent;
}

.s2 .content .tab-nav-item.active .num {
	color: #e9e7f8;
}

.s2 .content .tab-nav-item.active p {
	color: #3f36ef;
	font-weight: bold;
}

.s2 .content .tab-content-item .tit {
	font-size: 18px;
	color: #1b1b1b;
	line-height: 22px;
}

.s2 .content .tab-content-item .tit span {
	font-weight: bold;
}

.s2 .content .tab-content-item .note {
	font-size: 14px;
	color: #999999;
	line-height: 18px;
}

.s2 .content .tab-content-item .chart-tit {
	font-size: 15px;
	color: #3f36ef;
	line-height: 15px;
}

.s2 .content .tab-content-item .chart-tit span {
	color: #1b1b1b;
}

.s2 .content .tab-content .con1 {
	display: -ms-flexbox;
	display: flex;
	padding-top: 71px;
}

.s2 .content .tab-content .con1 .left {
	-ms-flex: 1;
	flex: 1;
	position: relative;
	box-sizing: border-box;
	text-align: center;
}

.s2 .content .tab-content .con1 .left::after {
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	display: inline-block;
	width: 4px;
	height: 423px;
	background-color: #e9e9e9;
}

.s2 .content .tab-content .con1 .left .chart1 {
	margin: 40px 0 32px 0;
	height: 367px;
}

.s2 .content .tab-content .con1 .right {
	-ms-flex: 1;
	flex: 1;
	text-align: center;
}

.s2 .content .tab-content .con1 .right .tit {
	text-align: center;
}

.s2 .content .tab-content .con1 .right .chart-tit {
	margin: 12px 0 40px 0;
	text-align: center;
}

.s2 .content .tab-content .con1 .right .note {
	margin-top: 48px;
}

.s2 .content .tab-content .con1 .right .chart2 {
	margin-top: 45px;
	height: 346px;
}

.s2 .content .tab-content .con2 {
	display: -ms-flexbox;
	display: flex;
	padding-top: 71px;
}

.s2 .content .tab-content .con2 .left {
	-ms-flex: 1;
	flex: 1;
	position: relative;
	text-align: center;
}

.s2 .content .tab-content .con2 .left .info {
	margin-top: 45px;
	width: 460px;
	height: 360px;
	font-size: 15px;
	color: #666666;
	line-height: 22.5px;
}

.s2 .content .tab-content .con2 .left .info span {
	color: #3f36ef;
}

.s2 .content .tab-content .con2 .left .chart2-img {
	height: 421px;
	margin-top: 15px;
}

.s2 .content .tab-content .con2 .right {
	-ms-flex: 1;
	flex: 1;
	text-align: center;
}

.s2 .content .tab-content .con2 .right ul {
	margin-top: 30px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
}

.s2 .content .tab-content .con2 .right ul li {
	width: 225px;
	margin-bottom: 20px;
	background: #e3e3e9;
}

.s2 .content .tab-content .con2 .right ul li:nth-child(even) {
	margin-left: 15px;
}

.s2 .content .tab-content .con2 .right ul li .top {
	height: 120px;
	color: #fff;
	font-size: 15px;
	padding: 0 14px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	line-height: 19px;
	box-sizing: border-box;
	background-size: 100%;
}

.s2 .content .tab-content .con2 .right ul li .top .cityname {
	display: inline-block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
}

.s2 .content .tab-content .con2 .right ul li .bot {
	height: 66px;
	line-height: 19px;
	color: #3f36ef;
	font-size: 15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}

.s2 .content .tab-content .con3 {
	text-align: center;
	padding-top: 71px;
	box-sizing: border-box;
}

.s2 .content .tab-content .con3 .tit {
	margin-bottom: 38px;
}

.s2 .content .tab-content .con3 .charts {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-left: 46px;
	padding-right: 60px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.s2 .content .tab-content .con3 .charts .chart {
	height: 171px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-size: 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.s2 .content .tab-content .con3 .charts .chart:nth-child(1) {
	width: 464px;
	height: 192px;
}

.s2 .content .tab-content .con3 .charts .chart:nth-child(2) {
	width: 461px;
	height: 182px;
}

.s2 .content .tab-content .con3 .charts .chart:nth-child(3) {
	width: 455px;
	height: 184px;
}

.s2 .content .tab-content .con3 .charts .chart:nth-child(4) {
	width: 463px;
	height: 184px;
}

.s2 .content .tab-content .con3 .charts .chart:nth-child(-n + 2) {
	margin-bottom: 50px;
}

.s2 .content .tab-content .con3 .charts .chart .chart-tit {
	margin-bottom: 12px;
}

.s2 .content .tab-content .con3 .note {
	margin-top: 24px;
	text-align: right;
	padding-right: 59px;
}

.s2 .content .tab-content .con4 {
	text-align: center;
	padding-top: 44px;
	box-sizing: border-box;
}

.s2 .content .tab-content .con4 .tit {
	margin-bottom: 38px;
}

.s2 .content .tab-content .con4 .charts {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-right: 87px;
	padding-left: 100px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.s2 .content .tab-content .con4 .charts .chart {
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.s2 .content .tab-content .con4 .charts .chart:nth-child(-n + 2) {
	margin-bottom: 11px;
}

.s2 .content .tab-content .con4 .charts .chart:nth-child(1) .chart-img {
	height: 240px;
}

.s2 .content .tab-content .con4 .charts .chart:nth-child(2) .chart-img {
	height: 246px;
}

.s2 .content .tab-content .con4 .charts .chart:nth-child(3) .chart-img {
	height: 237px;
}

.s2 .content .tab-content .con4 .charts .chart:nth-child(4) .chart-img {
	height: 236px;
}

.s2 .content .tab-content .con4 .charts .chart .chart-dec {
	position: absolute;
	top: 50%;
	left: -43px;
	transform: translateY(-50%);
	background-image: url(../images/bg-arrow.png);
	width: 38px;
	height: 109px;
	padding-right: 7px;
	font-size: 16px;
	font-weight: 400;
	color: #3f36ef;
	line-height: 18px;
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.s2 .content .tab-content .con4 .note {
	margin-top: 4px;
	text-align: right;
	padding-right: 62px;
}

.s2 .content a.btn-more {
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 70px;
}

.s3 {
	box-sizing: border-box;
	padding: 60px 0 47px 0;
	border-top: 1px solid #f4f4ff;
}

.s3 .container {
	margin-top: 33px;
	height: 565px;
	position: relative;
	box-sizing: border-box;
	background-size: 1920px auto;
	background-position: center center;
}

.s3 .container .center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 224px;
	height: 224px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	/*             background: rgba(56, 48, 213, 0.24);
            border-radius: 50%;

            &::before {
                z-index: 10;
                position: absolute;
                top: 24px;
                left: 24px;
                content: '';
                display: block;
                width: 176px;
                height: 176px;
                background: #fbf8f8;
                border-radius: 50%;
                box-shadow: 0 0 10px 10px #a29cf1;
            } */
}

.s3 .container .center img {
	width: 73px;
	height: 67px;
}

.s3 .container .center p {
	margin-top: 15px;
	font-size: 26px;
	font-weight: bolder;
	color: #3f36ef;
	-webkit-text-stroke: 1px #d7ccf8;
}

.s3 .container .con {
	z-index: 1;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
}

.s3 .container .con .item {
	min-width: 228px;
	max-width: 260px;
	padding: 50px 20px 17px 20px;
	background: #f8f8f9;
	border-radius: 10px;
	box-sizing: border-box;
	position: relative;
}

.s3 .container .con .item .item-tit {
	position: absolute;
	top: -5px;
	display: -ms-flexbox;
	display: flex;
	height: 44px;
}

.s3 .container .con .item .item-tit .icon-box {
	width: 44px;
	height: 44px;
	background: linear-gradient(0deg, #665ff3, #4941ea);
	border: 2px solid #d1cffd;
	border-radius: 50%;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}

.s3 .container .con .item .item-tit .icon-box .icon {
	height: 23px;
}

.s3 .container .con .item .item-tit .text {
	margin-left: -6px;
	transform: translate(0, 9px);
	padding: 0 13px 0 16px;
	height: 31px;
	background: linear-gradient(180deg, #bebafb, #e9e8ff);
	border-radius: 0px 16px 16px 0px;
	box-sizing: border-box;
	text-align: center;
	line-height: 31px;
	font-size: 18px;
	color: #3f36ef;
	white-space: nowrap;
}

.s3 .container .con .item p {
	margin-top: 5px;
	line-height: 15px;
	font-size: 15px;
	color: #666666;
}

.s3 .container .con .item.cen .item-tit {
	left: 50%;
	transform: translateX(-50%);
}

.s3 .container .con .item.lf .item-tit {
	top: -2px;
	right: -30px;
}

.s3 .container .con .item.lf .item-tit .text {
	-ms-flex-order: -1;
	order: -1;
	border-radius: 16px 0 0 16px;
	margin-left: 0;
	margin-right: -6px;
}

.s3 .container .con .item.rf .item-tit {
	top: -2px;
	left: -30px;
}

.s4 {
	box-sizing: border-box;
	padding: 77px 0 80px;
	background-color: #f8f8f9;
	background-repeat: no-repeat;
}

.s4 .advantage-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.s4 .advantage-list .list-item {
	margin-top: 40px;
	width: 278px;
	height: 345px;
	background: #ffffff;
	box-shadow: 0px 3px 4px 0px rgba(235, 235, 246, 0.77);
	border-radius: 10px;
	position: relative;
}

.s4 .advantage-list .list-item .tit-box {
	height: 152px;
	background-size: 100% 100%;
	padding: 0 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	white-space: nowrap;
}

.s4 .advantage-list .list-item .tit-box h3 {
	line-height: 18px;
	font-size: 18px;
	color: #ffffff;
}

.s4 .advantage-list .list-item .tit-box .icon-box {
	margin-top: 15px;
	width: 100%;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.s4 .advantage-list .list-item .tit-box .icon-box span {
	display: inline-block;
}

.s4 .advantage-list .list-item .tit-box .icon-box .txt {
	position: relative;
	z-index: 1;
	width: 60px;
	height: 60px;
	border-width: 2px;
	border-style: solid;
	border-radius: 50%;
	font-size: 42px;
	text-align: center;
	line-height: 60px;
}

.s4 .advantage-list .list-item .tit-box .icon-box .bg {
	margin-left: -30px;
	width: 116px;
	height: 62px;
}

.s4 .advantage-list .list-item .content-box {
	margin-top: 40px;
	/* margin-left: 34px; */
}

.s4 .advantage-list .list-item .content-box p {
	font-size: 16px;
	color: #1b1b1b;
	text-align: center;
	line-height: 32px;
}

.s4 .advantage-list .list-item .btn {
	position: absolute;
	bottom: -23px;
	left: 50%;
	transform: translateX(-50%);
	width: 161px;
	height: 46px;
	border: 1px solid #fff;
	border-radius: 23px;
	font-size: 16px;
	line-height: 46px;
	text-align: center;
	background-color: #fff;
	transition: all ease 0.2s;
}

.s4 .advantage-list .list-item .btn .iconfont {
	margin-left: 6px;
}

.s4 .advantage-list .list-item:hover {
	filter: drop-shadow(0 4px 8px #e6e6e6);
	-webkit-filter: drop-shadow(0 4px 8px #e6e6e6);
	transition: all ease 0.2s;
}

.s4 .advantage-list .list-item:hover .icon-box .txt {
	transition: all ease 0.1s;
	transform: translateX(130px);
}

.s4 .advantage-list .list-item:nth-child(1) .icon-box .txt {
	border-color: #6863f1;
	color: #554eef;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(162, 158, 248, 0.82));
}

.s4 .advantage-list .list-item:nth-child(1) .icon-box .bg {
	background: linear-gradient(90deg, #6a65f1, transparent);
}

.s4 .advantage-list .list-item:nth-child(1):hover .icon-box .bg {
	background: linear-gradient(-90deg, #6a65f1, transparent);
}

.s4 .advantage-list .list-item:nth-child(1) .btn {
	color: #554eef;
	border-color: #6b66f1;
}

.s4 .advantage-list .list-item:nth-child(1) .btn:hover {
	color: #fff;
	background-color: #6b66f1;
}

.s4 .advantage-list .list-item:nth-child(2) .icon-box .txt {
	border-color: #e86c8f;
	color: #e34674;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.82), rgba(253, 159, 194, 0.82));
}

.s4 .advantage-list .list-item:nth-child(2) .icon-box .bg {
	background: linear-gradient(90deg, #fa3f7b, transparent);
}

.s4 .advantage-list .list-item:nth-child(2):hover .icon-box .bg {
	background: linear-gradient(-90deg, #fa3f7b, transparent);
}

.s4 .advantage-list .list-item:nth-child(2) .btn {
	color: #e65d85;
	border-color: #ec7c9d;
}

.s4 .advantage-list .list-item:nth-child(2) .btn:hover {
	color: #fff;
	background-color: #ec7c9d;
}

.s4 .advantage-list .list-item:nth-child(3) .icon-box .txt {
	border-color: #f09d43;
	color: #e78216;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.82), rgba(252, 205, 150, 0.82));
}

.s4 .advantage-list .list-item:nth-child(3) .icon-box .bg {
	background: linear-gradient(90deg, #fa8300, transparent);
}

.s4 .advantage-list .list-item:nth-child(3):hover .icon-box .bg {
	background: linear-gradient(-90deg, #fa8300, transparent);
}

.s4 .advantage-list .list-item:nth-child(3) .btn {
	color: #f2942e;
	border-color: #f2a552;
}

.s4 .advantage-list .list-item:nth-child(3) .btn:hover {
	color: #fff;
	background-color: #f2a552;
}

.s4 .advantage-list .list-item:nth-child(4) .icon-box .txt {
	border-color: #579bf3;
	color: #3185f2;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.82), rgba(137, 189, 253, 0.82));
}

.s4 .advantage-list .list-item:nth-child(4) .icon-box .bg {
	background: linear-gradient(90deg, #0089fa, transparent);
}

.s4 .advantage-list .list-item:nth-child(4):hover .icon-box .bg {
	background: linear-gradient(-90deg, #0089fa, transparent);
}

.s4 .advantage-list .list-item:nth-child(4) .btn {
	color: #4a92ed;
	border-color: #498fe7;
}

.s4 .advantage-list .list-item:nth-child(4) .btn:hover {
	color: #fff;
	background-color: #498fe7;
}

.adver {
	display: block;
	position: relative;
	height: 112px;
	text-align: center;
}

.s5 {
	box-sizing: border-box;
	padding: 72px 0 57px 0;
	background-repeat: no-repeat;
	background-position: center 240px;
	position: relative;
	z-index: 1;
	background-color: #fff;
}

.s5 .list {
	margin-top: 50px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.s5 .list .item {
	width: 217px;
	height: 348px;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
}

.s5 .list .item .tit-box {
	margin-top: 26px;
	height: 147px;
	background-size: 100% 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
}

.s5 .list .item .tit-box .icon {
	height: 46px;
}

.s5 .list .item .tit-box p {
	margin-top: 14px;
	line-height: 18px;
	font-size: 18px;
	color: #ffffff;
}

.s5 .list .item .content-box {
	background: #f5f5ff;
	height: 175px;
	padding-left: 22px;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}

.s5 .list .item .content-box p {
	font-size: 16px;
	color: #1b1b1b;
	line-height: 28px;
}

.s5 .list .item::after {
	position: absolute;
	top: 95px;
	right: -19px;
	content: "";
	display: inline-block;
	width: 12px;
	height: 16px;
	background: url(../images/c-arrow-r.png) no-repeat 100% 100%;
}

.s5 .list .item:last-child::after {
	display: none;
}

.module {
	box-sizing: border-box;
}

.module * {
	box-sizing: border-box;
}

.s6 {
	box-sizing: border-box;
	background-color: #f8f8f9;
	padding-bottom: 73px;
}

.s6 .base {
	text-align: center;
	padding-top: 63px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center 243px;
}

.s6 .base .bg6 {
	position: absolute;
	left: -44px;
	top: -340px;
}

.s6 .base .root-title {
	width: 247px;
	height: 83px;
	background: linear-gradient(180deg, #665ff3, #4941ea);
	box-shadow: 0px 3px 3px 0px rgba(182, 178, 255, 0.46);
	border-radius: 10px;
	margin: 29px auto 0;
	padding-top: 20px;
	text-align: center;
}

.s6 .base .root-title .title1 {
	font-size: 18px;
	font-weight: 500;
	color: #ffffff;
	line-height: 22px;
}

.s6 .base .root-title .title2 {
	margin-top: 6px;
	font-size: 15px;
	font-weight: 400;
	color: #ffffff;
	line-height: 19px;
}

.s6 .base .root-dec {
	font-size: 15px;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
	text-align: center;
	margin-top: 17px;
}

.s6 .base .root-dec .strong {
	font-size: 18px;
	font-weight: 500;
	color: #1b1b1b;
	margin-right: 12px;
}

.s6 .base .main {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 40px;
	margin-bottom: 28px;
}

.s6 .base .main .left .title {
	background: linear-gradient(90deg, #70acf7, #3b88eb);
}

.s6 .base .main .left .card-list .card {
	background: linear-gradient(180deg, #5096f0, #b6d2f5);
}

.s6 .base .main .left .card-list .card .card-dec-list .dec-wrap + .dec-wrap::before {
	content: url(../images/arrow.png);
}

.s6 .base .main .right {
	margin-left: 54px;
}

.s6 .base .main .right .title {
	background: linear-gradient(270deg, #fab677, #f8862a);
}

.s6 .base .main .right .card-list .card {
	background: linear-gradient(180deg, #f99e51, #f8d1b0);
}

.s6 .base .main .right .card-list .card-dec-list .dec-wrap + .dec-wrap::before {
	background-image: url(../images/arrow2.png);
}

.s6 .base .main .title {
	margin-left: 58px;
	width: 201px;
	height: 44px;
	border-radius: 10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 17px;
}

.s6 .base .main .title .title-content {
	margin-left: 10px;
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
	line-height: 22px;
}

.s6 .base .main .card-list {
	display: -ms-flexbox;
	display: flex;
	margin-top: 17px;
}

.s6 .base .main .card-list .card {
	width: 152px;
	height: 305px;
	border-radius: 10px;
}

.s6 .base .main .card-list .card + .card {
	margin-left: 17px;
}

.s6 .base .main .card-list .card .card-title {
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	line-height: 40px;
	text-align: center;
}

.s6 .base .main .card-list .card .card-dec-list .dec-wrap {
	width: 130px;
	height: 46px;
	background: #fff;
	border-radius: 23px;
	margin: 0 auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
}

.s6 .base .main .card-list .card .card-dec-list .dec-wrap + .dec-wrap {
	margin-top: 19px;
	position: relative;
}

.s6 .base .main .card-list .card .card-dec-list .dec-wrap + .dec-wrap::before {
	content: "";
	width: 16px;
	height: 12px;
	background-repeat: no-repeat;
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
}

.s6 .base .main .card-list .card .card-dec-list .dec-wrap .dec {
	font-size: 14px;
	font-weight: 400;
	color: #1b1b1b;
	line-height: 18px;
}

.s6 .base .main .card-list .card .card-dec-list .dec-wrap .year {
	font-size: 12px;
	font-weight: 400;
	color: #999999;
	line-height: 16px;
}

.module7 {
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 66px;
}

.module7 .main {
	width: 1261px;
	padding-bottom: 61px;
	background-color: #ffffff;
	box-shadow: 0px 3px 4px 0px rgba(235, 235, 246, 0.77);
	border-radius: 10px;
	margin: 26px auto 0;
	padding-top: 38px;
	background-repeat: no-repeat;
	background-position: right 375px;
	position: relative;
}

.module7 .main .title-wrap {
	background-repeat: no-repeat;
	width: 1200px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	line-height: 44px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-left: 47px;
	padding-right: 56px;
}

.module7 .main .card-list-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 1200px;
	margin: 20px auto 0;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.module7 .main .card-list-wrap .card-list {
	width: 228px;
}

.module7 .main .card-list-wrap .card-list:nth-child(1) .card::before {
	background-image: url(../images/arrow7-1.png);
}

.module7 .main .card-list-wrap .card-list:nth-child(1) .card-title {
	background: #7873f6;
}

.module7 .main .card-list-wrap .card-list:nth-child(1) .card-title::before {
	background-image: url(../images/arrow7-1.png);
}

.module7 .main .card-list-wrap .card-list:nth-child(1) .card2 .dec1::before {
	background: #7873f6;
}

.module7 .main .card-list-wrap .card-list:nth-child(2) .card::before {
	background-image: url(../images/arrow7-2.png);
}

.module7 .main .card-list-wrap .card-list:nth-child(2) .card-title {
	background: #ed87a8;
}

.module7 .main .card-list-wrap .card-list:nth-child(2) .card-title::before {
	background-image: url(../images/arrow7-2.png);
}

.module7 .main .card-list-wrap .card-list:nth-child(2) .card2 .dec1::before {
	background: #ed87a8;
}

.module7 .main .card-list-wrap .card-list:nth-child(3) .card::before {
	background-image: url(../images/arrow7-3.png);
}

.module7 .main .card-list-wrap .card-list:nth-child(3) .card-title {
	background: #f3ae61;
}

.module7 .main .card-list-wrap .card-list:nth-child(3) .card-title::before {
	background-image: url(../images/arrow7-3.png);
}

.module7 .main .card-list-wrap .card-list:nth-child(3) .card2 .dec1::before {
	background: #f3ae61;
}

.module7 .main .card-list-wrap .card-list:nth-child(4) .card::before {
	background-image: url(../images/arrow7-4.png);
}

.module7 .main .card-list-wrap .card-list:nth-child(4) .card-title {
	background: #5ba0f7;
}

.module7 .main .card-list-wrap .card-list:nth-child(4) .card-title::before {
	background-image: url(../images/arrow7-4.png);
}

.module7 .main .card-list-wrap .card-list:nth-child(4) .card2 .dec1::before {
	background: #5ba0f7;
}

.module7 .main .card-list-wrap .card-list:nth-child(5) {
	width: 189px;
}

.module7 .main .card-list-wrap .card-list:nth-child(5) .card::before {
	background-image: url(../images/arrow7-5.png);
}

.module7 .main .card-list-wrap .card-list .card {
	background: #f5f5ff;
	border-radius: 6px;
	position: relative;
	padding-left: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 18px;
	width: 100%;
}

.module7 .main .card-list-wrap .card-list .card::before {
	content: "";
	width: 16px;
	height: 12px;
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
}

.module7 .main .card-list-wrap .card-list .card + .card {
	margin-top: 19px;
}

.module7 .main .card-list-wrap .card-list .card .dec {
	font-size: 14px;
	font-weight: 400;
	color: #525070;
	line-height: 25px;
}

.module7 .main .card-list-wrap .card-list .card .title {
	font-size: 14px;
	font-weight: 400;
	color: #1b1b1b;
	line-height: 25px;
	font-weight: bold;
}

.module7 .main .card-list-wrap .card-list .card-title {
	width: 153px;
	line-height: 33px;
	text-align: center;
	border-radius: 6px;
	position: relative;
	margin: 19px auto 0;
	font-size: 15px;
	font-weight: 400;
	color: #ffffff;
}

.module7 .main .card-list-wrap .card-list .card-title::before {
	content: "";
	width: 16px;
	height: 12px;
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
}

.module7 .main .card-list-wrap .card-list .card2 {
	background: #f5f5ff;
	border-radius: 6px;
	width: 100%;
	margin-top: 12px;
	padding-left: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 18px;
}

.module7 .main .card-list-wrap .card-list .card2 .dec1 {
	position: relative;
	font-size: 14px;
	font-weight: 400;
	color: #525070;
	line-height: 25px;
}

.module7 .main .card-list-wrap .card-list .card2 .dec1::before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	position: absolute;
	left: -10px;
	top: 10px;
}

.module7 .main .card-list-wrap .card-list .card2 .dec {
	font-size: 14px;
	font-weight: 400;
	color: #525070;
	line-height: 25px;
}

.module7 .main .ps {
	background-repeat: no-repeat;
	line-height: 33px;
	margin-left: 28px;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	padding-left: 434px;
	margin-top: 7px;
}

.module7 .main .btn-more {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -29px;
}

.module8 {
	margin-top: 115px;
	text-align: center;
	padding-bottom: 47px;
	background-color: #fff;
}

.module8 .main {
	text-align: left;
	width: 1200px;
	height: 693px;
	background: #f8f8f9;
	box-shadow: 0px 3px 4px 0px rgba(235, 235, 246, 0.77);
	border-radius: 10px;
	margin: 40px auto 23px;
	position: relative;
	display: -ms-flexbox;
	display: flex;
}

.module8 .main .bg1 {
	position: absolute;
	top: -116px;
	left: -112px;
}

.module8 .main .left {
	position: relative;
	width: 252px;
	height: 693px;
	background: linear-gradient(180deg, #665ff3, #4941ea);
	border-radius: 10px 0px 0px 10px;
	padding-top: 21px;
}

.module8 .main .left .bg8 {
	position: absolute;
	top: 0;
	left: 0;
}

.module8 .main .left .title {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	line-height: 22px;
	padding-left: 18px;
	position: relative;
	margin-left: 9px;
	margin-right: 12px;
}

.module8 .main .left .title.title2 {
	border-top: 1px dashed #faf8f8;
	margin-top: 15px;
	padding-top: 15px;
}

.module8 .main .left .title.title2::before {
	background-color: #ffbc1a;
	top: 15px;
}

.module8 .main .left .title::before {
	width: 7px;
	height: 22px;
	background: #1ac6ff;
	content: "";
	position: absolute;
	top: 0px;
	left: -3px;
}

.module8 .main .left .card-list {
	position: relative;
	padding-left: 1px;
	margin-top: 14px;
}

.module8 .main .left .card-list .card {
	width: 252px;
	line-height: 46px;
	color: #b8b5ec;
	font-size: 16px;
	padding-left: 22px;
	cursor: pointer;
	border-radius: 10px 0px 0px 10px;
}

.module8 .main .left .card-list .card.active {
	color: #3f36ef;
	background-color: #fff;
}

.module8 .main .right {
	-ms-flex: 1;
	flex: 1;
	overflow-y: auto;
	padding-left: 122px;
	background: #f8f8f9;
	position: relative;
	padding-top: 73px;
}

.module8 .main .right::before {
	content: url(../images/bg8-right.png);
	position: absolute;
	top: -5px;
	left: 50%;
	transform: translateX(-50%);
}

.module8 .main .right .item {
	display: none;
}

.module8 .main .right .item.active {
	display: block;
}

.module8 .main .right .item .title {
	position: absolute;
	top: 5px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 20px;
	font-weight: 400;
	color: #554eef;
	line-height: 24px;
	white-space: nowrap;
}

.module8 .main .right .item .label-wrap {
	width: 744px;
}

.module8 .main .right .item .label-wrap:nth-of-type(1) .label::before {
	content: url(../images/icon8-1.png);
}

.module8 .main .right .item .label-wrap:nth-of-type(2) .label::before {
	content: url(../images/icon8-2.png);
}

.module8 .main .right .item .label-wrap:nth-of-type(3) .label::before {
	content: url(../images/icon8-3.png);
}

.module8 .main .right .item .label-wrap .label {
	font-size: 18px;
	font-weight: 400;
	color: #1b1b1b;
	line-height: 22px;
	position: relative;
}

.module8 .main .right .item .label-wrap .label::before {
	position: absolute;
	left: -34px;
	top: 50%;
	transform: translateY(-50%);
}

.module8 .main .right .item .label-wrap .content {
	margin-top: 7px;
	padding-bottom: 47px;
	font-size: 14px;
	font-weight: 400;
	color: #525070;
	line-height: 25px;
}

.module9 {
	overflow: hidden;
	box-shadow: 0 0 10px #dfdff4;
	padding-top: 61px;
	padding-bottom: 73px;
}

.module9 .main {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.module9 .main .bg6 {
	position: absolute;
	left: -43px;
	top: -370px;
}

.module9 .main .s-tit {
	position: relative;
}

.module9 .main .tab-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	margin-top: 32px;
}

.module9 .main .tab-list .tab {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	width: 197px;
	height: 68px;
	background: linear-gradient(0deg, #fefeff, #dbd9fd);
	border: 1px solid #5850ee;
	border-radius: 8px;
	padding-left: 3px;
	cursor: pointer;
}

.module9 .main .tab-list .tab.active {
	background: linear-gradient(180deg, #665ff3, #4941ea);
}

.module9 .main .tab-list .tab.active .right .right-content {
	color: #ffffff;
}

.module9 .main .tab-list .tab.active .right .right-content .strong {
	color: #ffffff;
}

.module9 .main .tab-list .tab .left {
	font-size: 27px;
	font-weight: 400;
	color: #c0bdff;
	line-height: 31px;
}

.module9 .main .tab-list .tab .right {
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
}

.module9 .main .tab-list .tab .right .right-content {
	white-space: nowrap;
	font-size: 15px;
	font-weight: 400;
	color: #1b1b1b;
	line-height: 24px;
}

.module9 .main .tab-list .tab .right .right-content .strong {
	margin-left: 8px;
	color: #554eef;
	font-size: 16px;
}

.module9 .main .pro-list {
	background-position: -181px -63px;
	height: 580px;
	margin-top: 19px;
}

.module9 .main .pro-list .pro {
	height: 100%;
	overflow: hidden;
	display: none;
}

.module9 .main .pro-list .pro.active {
	display: -ms-flexbox;
	display: flex;
}

.module9 .main .pro-list .pro .left {
	width: 626px;
	overflow-x: hidden;
	overflow-y: auto;
}

.module9 .main .pro-list .pro .left .label-wrap {
	padding-top: 43px;
}

.module9 .main .pro-list .pro .left .label-wrap.solution .label::before {
	content: url(../images/icon9-2.png);
}

.module9 .main .pro-list .pro .left .label-wrap .label {
	font-size: 18px;
	font-weight: 400;
	color: #a8a4ff;
	line-height: 22px;
	padding-left: 75px;
	position: relative;
}

.module9 .main .pro-list .pro .left .label-wrap .label::before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 46px;
	content: url(../images/icon9-1.png);
}

.module9 .main .pro-list .pro .left .label-wrap .content {
	font-size: 14px;
	font-weight: 400;
	color: #f8f8f9;
	line-height: 25px;
	width: 545px;
	margin-left: 76px;
	margin-top: 7px;
}

.module9 .main .pro-list .pro .left .circle-list {
	display: -ms-flexbox;
	display: flex;
	margin-left: 74px;
	margin-top: 29px;
}

.module9 .main .pro-list .pro .left .circle-list .circle {
	width: 112px;
	height: 112px;
	font-size: 15px;
	color: #ffffff;
	line-height: 24px;
	text-align: center;
	padding-top: 32px;
}

.module9 .main .pro-list .pro .left .circle-list .circle + .circle {
	margin-left: 35px;
}

.module9 .main .pro-list .pro .left .circle-list .circle .strong {
	font-weight: bold;
	font-size: 20px;
}

.module9 .main .pro-list .pro .right {
	padding-top: 96px;
	-ms-flex: 1;
	flex: 1;
}

.module9 .main .pro-list .pro .right .pro-img {
	margin-left: 40px;
	margin-bottom: 29px;
}

.module9 .main .pro-list .pro .right .btn-more {
	margin-left: 154px;
}

.module10 {
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 63px;
	/* text-align: center; */
	padding-bottom: 19px;
}

.module10 .swiper10-wrap {
	text-align: left;
	position: relative;
	width: 1332px;
	margin: 0 auto 26px;
}

.module10 .swiper10-wrap .swiper10 {
	width: 1200px;
	padding-top: 48px;
}

.module10 .swiper10-wrap .swiper10 .swiper-slide {
	height: 386px;
	background-image: url(../images/bg-teacher.png);
	width: 285px;
	padding-left: 3px;
	padding-top: 250px;
}

.module10 .swiper10-wrap .swiper10 .swiper-slide:hover .dec {
	display: block;
}

.module10 .swiper10-wrap .swiper10 .swiper-slide .teacher-img {
	position: absolute;
	top: -48px;
	left: 50%;
	transform: translateX(-50%);
	height: 299px;
}

.module10 .swiper10-wrap .swiper10 .swiper-slide .name {
	font-size: 18px;
	font-weight: 400;
	color: #1b1b1b;
	line-height: 22px;
	padding-top: 13px;
	padding-left: 19px;
}

.module10 .swiper10-wrap .swiper10 .swiper-slide .dec {
	display: none;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 278px;
	background: rgba(38, 38, 38, 0.75);
	border-radius: 10px 10px 0px 0px;
	font-size: 14px;
	font-weight: 400;
	color: #c0bdff;
	line-height: 23px;
	height: 289px;
	padding-top: 17px;
	padding-left: 19px;
	padding-right: 26px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 16px;
}

.module10 .swiper10-wrap .swiper10 .swiper-slide .post-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 14px;
	margin-top: 11px;
}

.module10 .swiper10-wrap .swiper10 .swiper-slide .post-list.type1 .post {
	width: 73px;
}

.module10 .swiper10-wrap .swiper10 .swiper-slide .post-list.type2 .post:nth-child(odd) {
	width: 134px;
}

.module10 .swiper10-wrap .swiper10 .swiper-slide .post-list.type2 .post:nth-child(even) {
	width: 97px;
}

.module10 .swiper10-wrap .swiper10 .swiper-slide .post-list.type3 .post:nth-child(odd) {
	width: 124px;
}

.module10 .swiper10-wrap .swiper10 .swiper-slide .post-list.type3 .post:nth-child(even) {
	width: 111px;
}

.module10 .swiper10-wrap .swiper10 .swiper-slide .post-list.type4 .post {
	width: 147px;
}

.module10 .swiper10-wrap .swiper10 .swiper-slide .post-list.type5 .post {
	width: 157px;
}

.module10 .swiper10-wrap .swiper10 .swiper-slide .post-list.type6 .post {
	width: 157px;
}

.module10 .swiper10-wrap .swiper10 .swiper-slide .post-list.type7 .post {
	width: 147px;
}

.module10 .swiper10-wrap .swiper10 .swiper-slide .post-list.type8 .post {
	width: 147px;
}

.module10 .swiper10-wrap .swiper10 .swiper-slide .post-list .post {
	font-size: 14px;
	font-weight: 400;
	color: #726cf1;
	line-height: 25px;
	background: linear-gradient(-90deg, #b7b3fb, #f0efff);
	text-align: center;
	border-radius: 12px;
	margin: 5px;
}

.module10 .swiper10-wrap .swiper10-button-next {
	top: 249px;
	width: 49px;
	height: 49px;
	background: #ffffff;
	box-shadow: 0px 3px 4px 0px rgba(235, 235, 246, 0.77);
	border-radius: 50%;
	background-image: url(../images/arrow10.png);
	background-position: center;
	background-repeat: no-repeat;
	transform: rotate(180deg);
	right: 0;
}

.module10 .swiper10-wrap .swiper10-button-prev {
	left: 0;
	top: 249px;
	width: 49px;
	height: 49px;
	background: #ffffff;
	box-shadow: 0px -3px 4px 0px rgba(235, 235, 246, 0.77);
	border-radius: 50%;
	background-image: url(../images/arrow10.png);
	background-position: center;
	background-repeat: no-repeat;
}

.module11 {
	padding-top: 75px;
	background-repeat: no-repeat;
	background-position: center 149px;
	text-align: center;
	padding-bottom: 79px;
	position: relative;
	background-color: #fff;
	z-index: 1;
}

.module11 .main {
	width: 1200px;
	margin: 62px auto 58px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: left;
	position: relative;
}

.module11 .main .card {
	height: 115px;
	background: #f8f8f9;
	border-radius: 10px;
	position: relative;
	padding-top: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}

.module11 .main .card + .card {
	margin-top: 25px;
}

.module11 .main .card .title {
	position: absolute;
	top: 9px;
	width: 117px;
	line-height: 31px;
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
}

.module11 .main .card .dec {
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 23px;
}

.module11 .main .left {
	padding-left: 25px;
}

.module11 .main .left .card {
	width: 240px;
}

.module11 .main .left .card .title {
	padding-left: 25px;
	right: 0;
	background: linear-gradient(-90deg, #8c88fb, #635eee);
	border-radius: 16px 0px 0px 16px;
}

.module11 .main .left .card .dec {
	text-align: right;
	padding-left: 25px;
}

.module11 .main .right {
	padding-left: 20px;
}

.module11 .main .right .card {
	width: 270px;
}

.module11 .main .right .card .title {
	padding-left: 18px;
	left: 0;
	background: linear-gradient(270deg, #61a8ff, #3a8aed);
	border-radius: 0px 16px 16px 0px;
}

.module11 .main .right .card .dec {
	padding-left: 20px;
}

.module11 .main .left-num {
	position: absolute;
	left: 240px;
	top: 0;
}

.module11 .main .left-num .num {
	position: absolute;
	width: 32px;
	line-height: 32px;
	background: #645fee;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	text-align: center;
}

.module11 .main .left-num .num:nth-child(1) {
	left: 263px;
	top: 7px;
}

.module11 .main .left-num .num:nth-child(1)::before {
	width: 246px;
}

.module11 .main .left-num .num:nth-child(2) {
	left: 116px;
	top: 148px;
}

.module11 .main .left-num .num:nth-child(2)::before {
	width: 246px;
}

.module11 .main .left-num .num:nth-child(3) {
	left: 98px;
	top: 287px;
}

.module11 .main .left-num .num:nth-child(3)::before {
	width: 246px;
}

.module11 .main .left-num .num:nth-child(4) {
	left: 160px;
	top: 427px;
}

.module11 .main .left-num .num:nth-child(4)::before {
	width: 246px;
}

.module11 .main .left-num .num::before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-100%, -50%);
	content: "";
	border-bottom: 1px #3f36ef dashed;
}

.module11 .main .right-num {
	position: absolute;
	right: 208px;
	top: 0;
}

.module11 .main .right-num .num {
	position: absolute;
	width: 32px;
	line-height: 32px;
	background: #3a8aed;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	text-align: center;
}

.module11 .main .right-num .num:nth-child(1) {
	right: 263px;
	top: 7px;
}

.module11 .main .right-num .num:nth-child(1)::before {
	width: 246px;
}

.module11 .main .right-num .num:nth-child(2) {
	right: 116px;
	top: 148px;
}

.module11 .main .right-num .num:nth-child(2)::before {
	width: 246px;
}

.module11 .main .right-num .num:nth-child(3) {
	right: 98px;
	top: 287px;
}

.module11 .main .right-num .num:nth-child(3)::before {
	width: 246px;
}

.module11 .main .right-num .num:nth-child(4) {
	right: 160px;
	top: 427px;
}

.module11 .main .right-num .num:nth-child(4)::before {
	width: 246px;
}

.module11 .main .right-num .num::before {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(100%, -50%);
	content: "";
	border-bottom: 1px #3f36ef dashed;
}

.module11 .main .left-line {
	top: 2px;
	position: absolute;
	width: 48px;
	font-size: 18px;
	line-height: 25px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	left: 544px;
	padding: 68px 13px 0;
	height: 531px;
}

.module11 .main .right-line {
	top: 2px;
	height: 531px;
	position: absolute;
	width: 48px;
	font-size: 18px;
	line-height: 25px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	left: 636px;
	padding: 68px 13px 0;
}

.module12 {
	padding-top: 76px;
	text-align: center;
	background-color: #f9f9fe;
	padding-bottom: 58px;
}

.module12 .main {
	text-align: left;
	position: relative;
	width: 1332px;
	margin: 0 auto 32px;
}

.module12 .main .bg6 {
	position: absolute;
	top: -290px;
	left: 0;
}

.module12 .main .s-tit {
	position: relative;
}

.module12 .main .swiper12-wrap {
	position: relative;
	margin-top: 60px;
	padding-left: 66px;
	padding-right: 66px;
	background-repeat: no-repeat;
	background-position: center 244px;
	padding-bottom: 46px;
}

.module12 .main .swiper12-wrap .swiper12 {
	margin-left: 52px;
	margin-right: 51px;
}

.module12 .main .swiper12-wrap .swiper12 .swiper-slide {
	width: 321px;
}

.module12 .main .swiper12-wrap .swiper12 .swiper-slide.work4::before {
	top: 107px;
}

.module12 .main .swiper12-wrap .swiper12 .swiper-slide.work5::before {
	top: 407px;
	left: 140px;
}

.module12 .main .swiper12-wrap .swiper12 .swiper-slide.work6::before {
	content: "";
}

.module12 .main .swiper12-wrap .swiper12 .swiper-slide .title {
	position: absolute;
	z-index: 1;
	bottom: 145px;
	left: 15px;
	width: 116px;
	line-height: 32px;
	text-align: center;
	background: linear-gradient(-90deg, #7a75f7, #635eee);
	border-radius: 16px;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
}

.module12 .main .swiper12-wrap .swiper12 .swiper-slide .dec {
	position: relative;
	height: 160px;
	background-image: url(../images/bg-work.png);
	background-size: 100% auto;
	font-size: 14px;
	font-weight: 400;
	color: #554eef;
	line-height: 23px;
	padding-left: 18px;
	padding-right: 19px;
	padding-top: 34px;
}

.module12 .main .swiper12-wrap .swiper12 .swiper-slide .dec::before {
	content: url(../images/quote.png);
	left: 20px;
	top: 16px;
	position: absolute;
}

.module12 .main .swiper12-wrap .swiper12 .swiper-slide .dec .strong {
	color: #fb7220;
	font-size: 16px;
}

.module12 .main .swiper12-wrap .swiper12-button-next {
	top: 478px;
	width: 49px;
	height: 49px;
	background: #ffffff;
	box-shadow: 0px 3px 4px 0px rgba(235, 235, 246, 0.77);
	border-radius: 50%;
	background-image: url(../images/arrow10.png);
	background-position: center;
	background-repeat: no-repeat;
	transform: rotate(180deg);
	right: 0;
}

.module12 .main .swiper12-wrap .swiper12-button-prev {
	left: 0;
	top: 478px;
	width: 49px;
	height: 49px;
	background: #ffffff;
	box-shadow: 0px -3px 4px 0px rgba(235, 235, 246, 0.77);
	border-radius: 50%;
	background-image: url(../images/arrow10.png);
	background-position: center;
	background-repeat: no-repeat;
}

.module13 {
	padding-top: 66px;
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
}

.module13 .table {
	text-align: left;
	margin: 25px auto 0;
	width: 1203px;
	background: #ffffff;
	box-shadow: 0px 3px 4px 0px rgba(235, 235, 246, 0.77);
	border-radius: 10px;
	padding: 38px 31px 32px 30px;
}

.module13 .table .thead {
	display: -ms-flexbox;
	display: flex;
	line-height: 44px;
	background: linear-gradient(-90deg, #7a75f7, #635eee);
	border-radius: 8px 8px 0px 0px;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
}

.module13 .table .thead .th {
	-ms-flex: 1;
	flex: 1;
	text-align: center;
}

.module13 .table .thead .th:nth-child(1) {
	width: 120px;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.module13 .table .thead .th:nth-child(3) {
	width: 120px;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.module13 .table .thead .th:nth-child(5) {
	width: 180px;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.module13 .table .tbody-wrap {
	height: 561px;
	overflow: hidden;
}

.module13 .table .tbody-wrap .tbody.running {
	transition: transform 1s linear;
	transform: translate3d(0, -92px, 0);
}

.module13 .table .tbody-wrap .tbody .tr {
	display: -ms-flexbox;
	display: flex;
	height: 46px;
	overflow: hidden;
}

.module13 .table .tbody-wrap .tbody .tr:nth-child(even) {
	background-color: #f8f7ff;
}

.module13 .table .tbody-wrap .tbody .tr .td {
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: #373131;
	line-height: 46px;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}

.module13 .table .tbody-wrap .tbody .tr .td:nth-child(1) {
	width: 120px;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.module13 .table .tbody-wrap .tbody .tr .td:nth-child(3) {
	width: 120px;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.module13 .table .tbody-wrap .tbody .tr .td:nth-child(5) {
	width: 180px;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.module13 .table .ps {
	font-size: 14px;
	color: #999999;
	line-height: 18px;
	text-align: right;
	margin: 10px 0;
}

.module13 .btn-more {
	transform: translateY(-32px);
}

.module14 {
	padding-top: 49px;
	padding-bottom: 77px;
	background-repeat: no-repeat;
	background-position: top;
}

.module14 .list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 1200px;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	padding-top: 16px;
}

.module14 .list .card {
	width: 278px;
	height: 196px;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	margin: 32px 29px 32px 0;
	-ms-flex-direction: column;
	flex-direction: column;
	background-size: 278px;
}

.module14 .list .card:nth-child(4n) {
	margin-right: 0;
}

.module14 .list .card .title {
	font-size: 22px;
	font-weight: 500;
	color: #ffffff;
	line-height: 34px;
}

.module14 .list .card .dec {
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	line-height: 20px;
}

.module14 .list .card .btn {
	text-align: left;
	position: absolute;
	width: 161px;
	line-height: 44px;
	background: #fff;
	border: 1px solid #6963f3;
	border-radius: 23px;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
	background-repeat: no-repeat;
	background-position: 23px 11px;
	font-size: 15px;
	font-weight: 400;
	color: #554eef;
	padding-left: 59px;
}

.module14 .list .card .btn:hover {
	background-color: #d8d7ff;
}

.module15 {
	padding-top: 83px;
	text-align: center;
	background-color: #fff;
	padding-bottom: 73px;
	position: relative;
	z-index: 1;
}

.module15 .img15 {
	margin-top: 22px;
	height: 562px;
}

.module16 {
	padding-top: 71px;
	padding-bottom: 57px;
}

.module16 .main {
	width: 1200px;
	margin: 0 auto 0;
	position: relative;
}

.module16 .main .bg6 {
	position: absolute;
	left: 0px;
	top: -325px;
}

.module16 .main .s-tit {
	position: relative;
}

.module16 .main .dec-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border: 2px solid #ffffff;
	border-radius: 10px;
	padding-top: 21px;
	padding-bottom: 19px;
	padding-left: 50px;
	padding-right: 58px;
	margin-top: 36px;
}

.module16 .main .dec-list .dec-wrap {
	position: relative;
	background-repeat: no-repeat;
	background-position: center 5px;
	font-size: 15px;
	font-weight: 500;
	color: #1b1b1b;
	line-height: 19px;
	padding-top: 72px;
}

.module16 .main .dec-list .dec-wrap:hover:nth-child(1)::before {
	border-color: #5b54f0;
}

.module16 .main .dec-list .dec-wrap:hover:nth-child(2)::before {
	border-color: #5f89f3;
}

.module16 .main .dec-list .dec-wrap:hover:nth-child(3)::before {
	border-color: #2ac6ed;
}

.module16 .main .dec-list .dec-wrap:hover:nth-child(4)::before {
	border-color: #46d46e;
}

.module16 .main .dec-list .dec-wrap:hover:nth-child(5)::before {
	border-color: #f6ad2c;
}

.module16 .main .dec-list .dec-wrap:hover:nth-child(6)::before {
	border-color: #ed6a2a;
}

.module16 .main .dec-list .dec-wrap:hover:nth-child(7)::before {
	border-color: #e6453d;
}

.module16 .main .dec-list .dec-wrap:hover:nth-child(8)::before {
	border-color: #ed2a7d;
}

.module16 .main .dec-list .dec-wrap:hover::before {
	content: "";
	width: 60px;
	height: 60px;
	border: 1px solid;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50%;
	position: absolute;
}

.module16 .main .list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 25px;
}

.module16 .main .list .card {
	background-repeat: no-repeat;
	background-position: top;
	width: 374px;
	background-color: #ffffff;
	box-shadow: 0px 3px 4px 0px rgba(235, 235, 246, 0.77);
	border-radius: 10px;
}

.module16 .main .list .card:nth-child(1) .link-list .btn {
	color: #3ea3fe;
}

.module16 .main .list .card:nth-child(1) .link-list .btn::before {
	background-color: #3ea3fe;
}

.module16 .main .list .card:nth-child(2) .link-list .btn {
	color: #ff80a7;
}

.module16 .main .list .card:nth-child(2) .link-list .btn::before {
	background-color: #ff80a7;
}

.module16 .main .list .card:nth-child(3) .link-list .btn {
	color: #ffb160;
}

.module16 .main .list .card:nth-child(3) .link-list .btn::before {
	background-color: #ffb160;
}

.module16 .main .list .card .title {
	padding-top: 22px;
	font-size: 23px;
	font-weight: 400;
	color: #ffffff;
	line-height: 27px;
	padding-left: 99px;
	padding-bottom: 13px;
}

.module16 .main .list .card .title .strong {
	font-size: 18px;
	line-height: 26px;
}

.module16 .main .list .card .link-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-top: 8px;
	padding-bottom: 18px;
}

.module16 .main .list .card .link-list .btn {
	margin-left: 49px;
	font-size: 15px;
	font-weight: 400;
	color: #1b1b1b;
	line-height: 40px;
	position: relative;
}

.module16 .main .list .card .link-list .btn:hover {
	text-decoration: underline;
}

.module16 .main .list .card .link-list .btn::before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	left: -19px;
	top: 50%;
	transform: translateY(-50%);
}

@-webkit-keyframes arrow {
	from {
		transform: translateY(-10px);
	}
	to {
		transform: translateY(0px);
	}
}
@keyframes arrow {
	from {
		transform: translateY(-10px);
	}
	to {
		transform: translateY(0px);
	}
}