[v-cloak] {
opacity:0
}
.g-container {
	padding-top: 0;
	background: #fff
}
.g-container .g-banner {
	height: 450px;
	background: -webkit-gradient(linear, left top, left bottom, from(#dae9fd), color-stop(92.79%, #d5e5fe));
	background: -webkit-linear-gradient(top, #dae9fd, #d5e5fe 92.79%);
	background: -moz-linear-gradient(top, #dae9fd 0, #d5e5fe 92.79%);
	background: linear-gradient(180deg, #dae9fd, #d5e5fe 92.79%)
}
.g-container .g-banner .g-banner-bg {
	width: 100%;
	height: 100%;
	padding-top: 107px;
	background-repeat: no-repeat;
	background-position: top;
	-webkit-background-size: cover;
	background-size: cover
}
.g-container .g-banner h1, .g-container .g-banner h2 {
	font-weight: 500;
	font-size: 40px;
	line-height: 56px;
	color: #262a33
}
.g-container .g-banner h1 span, .g-container .g-banner h2 span {
	font-size: 56px
}
.g-container .g-banner p {
	color: #51555c;
	width: 580px;
	font-size: 16px;
	margin-top: 10px;
	line-height: 1.9
}
.g-container .g-banner a.solution-free-use {
	margin-top: 20px
}
.solution-main-wraper .solution-notice {
	margin-top: 14px;
	color: #a9b2c2;
	margin-left: 23%;
	font-size: 12px
}
.solution-main-wraper .solution--section {
	padding: 80px 0
}
.solution-main-wraper .section-title {
	color: #232d47;
	font-size: 32px;
	text-align: center;
	margin: 0 0 24px
}
.solution-main-wraper .solution--section-needs .section-card-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between
}
.solution-main-wraper .solution--section-needs .solution--section-needs--card {
	width: 590px;
	height: 186px;
	border-radius: 4px;
	margin-top: 20px;
	padding: 24px 152px 28px 34px;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover
}
.solution-main-wraper .solution--section-needs .solution--section-needs--card .card-title {
	color: #4e5a70;
	font-size: 21px;
	position: relative
}
.solution-main-wraper .solution--section-needs .solution--section-needs--card .card-title:before {
	display: block;
	content: "";
	width: 28px;
	height: 4px;
	border-radius: 8px;
	background-color: #4c6aff;
	position: absolute;
	top: 37px;
	left: 0
}
.solution-main-wraper .solution--section-needs .solution--section-needs--card .card-desc {
	margin-top: 28px;
	color: #7a8599;
	font-size: 16px;
	line-height: 1.9;
	text-align: left
}
.solution-main-wraper .solution--section-plan {
	background-color: #f8fafd
}
.solution-main-wraper .solution--section-plan .plan-subTitle {
	text-align: center;
	font-size: 16px;
	line-height: 2;
	color: #7a8599
}
.solution-main-wraper .solution--section-plan .section-solution2__content .solution2__content-item {
	-webkit-background-size: cover;
	background-size: cover;
	height: 310px;
	margin: 100px 0
}
.solution-main-wraper .solution--section-plan .section-solution2__content .solution2__content-item img {
	width: 542px;
	height: 310px
}
.solution-main-wraper .solution--section-plan .section-solution2__content .solution2__content-item .solution2__content-item-text {
	text-align: left;
	padding-top: 45px;
	width: 49%
}
.solution-main-wraper .solution--section-plan .section-solution2__content .solution2__content-item .solution2__content-item-text .solution2__content--title {
	color: #4e5a70;
	font-size: 21px;
	position: relative;
	font-weight: 600
}
.solution-main-wraper .solution--section-plan .section-solution2__content .solution2__content-item .solution2__content-item-text .solution2__content--desc {
	width: 588px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.8;
	color: #7a8599;
	margin-top: 14px
}
.solution-main-wraper .solution--section-plan .section-solution2__content .solution2__content-item .solution2__content-item-text .solution2__content--tags {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: -4px
}
.solution-main-wraper .solution--section-plan .section-solution2__content .solution2__content-item .solution2__content-item-text .solution2__content--tags span {
	-webkit-box-sizing: content-box!important;
	-moz-box-sizing: content-box!important;
	box-sizing: content-box!important;
	background: url(../bgimg/817bc095d5bf4843bb144abab800f790.jpg) no-repeat;
	-webkit-background-size: 14px 14px;
	background-size: 14px;
	background-position: 0;
	font-size: 16px;
	color: #7a8599;
	margin-right: 38px;
	margin-top: 23px;
	padding-left: 22px;
	white-space: nowrap
}
.solution-main-wraper .solution--section-plan .section-solution2__content .solution2__content-item:first-of-type {
	margin-top: 60px
}
.solution-main-wraper .solution--section-plan .section-solution2__content .solution2__content-item:last-of-type {
	margin-bottom: 60px
}
.solution-main-wraper .solution--section-plan .solution-notice {
	-webkit-transform: translateY(-58px);
	-moz-transform: translateY(-58px);
	-ms-transform: translateY(-58px);
	transform: translateY(-58px)
}
.solution-main-wraper .solution--section-plan .siderBar-main {
	position: relative;
	overflow: hidden;
	padding-top: 20px
}
.solution-main-wraper .solution--section-plan .section-solution-siderBar {
	float: left;
	width: 25%
}
.solution-main-wraper .solution--section-plan .section-solution-siderBar .section-solution__menu li {
	height: 38px;
	line-height: 38px;
	color: #7a8599;
	font-size: 16px;
	position: relative;
	padding-left: 17px;
	cursor: pointer
}
.solution-main-wraper .solution--section-plan .section-solution-siderBar .section-solution__menu li .active {
	color: red
}
.solution-main-wraper .solution--section-plan .section-solution-siderBar .section-solution__menu li:before {
	display: block;
	content: "";
	width: 1px;
	height: 38px;
	background-color: #e1e6ed;
	position: absolute;
	top: 0;
	left: 2px
}
.solution-main-wraper .solution--section-plan .section-solution-siderBar .section-solution__menu li.active {
	color: #4c6aff
}
.solution-main-wraper .solution--section-plan .section-solution-siderBar .section-solution__menu li.active:before {
	display: block;
	content: "";
	width: 4px;
	height: 38px;
	background-color: #4c6aff;
	border-radius: 2px;
	-webkit-transform: translateX(-1px);
	-moz-transform: translateX(-1px);
	-ms-transform: translateX(-1px);
	transform: translateX(-1px)
}
.solution-main-wraper .solution--section-plan .section-solution__content {
	float: right;
	width: 70%
}
.solution-main-wraper .solution--section-plan .section-solution__content .solution__content-item {
	overflow: hidden
}
.solution-main-wraper .solution--section-plan .section-solution__content .solution__content--title {
	color: #4e5a70;
	font-size: 21px
}
.solution-main-wraper .solution--section-plan .section-solution__content .solution__content--desc {
	margin-top: 14px;
	width: 796px;
	font-size: 16px;
	color: #7a8599;
	line-height: 2
}
.solution-main-wraper .solution--section-plan .section-solution__content .solution__content--img {
	margin: 32px 0 58px 58px;
	height: 315px
}
.solution-main-wraper .solution--section-plan .solution-free-use {
	margin-left: 23%
}
.solution-main-wraper .solution--section-advantage .solution-notice {
	text-align: center;
	margin-left: 0
}
.solution-main-wraper .solution--section-advantage .section-card-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	padding-top: 20px
}
.solution-main-wraper .solution--section-advantage .solution--section-advantage--card {
	width: 285px;
	height: auto;
	border: 1px solid #eceff4;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center 20px;
	text-align: center;
	padding: 114px 34px 0;
	-webkit-background-size: 76px 76px;
	background-size: 76px;
	padding-bottom:10px;
	    margin-bottom: 20px
}
.solution-main-wraper .solution--section-advantage .solution--section-advantage--card .card-title {
	color: #4e5a70;
	font-size: 21px;
	position: relative;
	font-weight: 600
}
.solution-main-wraper .solution--section-advantage .solution--section-advantage--card .card-desc {
	margin-top: 10px;
	color: #7a8599;
	font-size: 16px;
	line-height: 1.9;
	text-align: left
}
.solution-main-wraper .solution--section-cases {
	padding-bottom: 44px;
}
.solution-main-wraper .solution--section-cases .section-title:first-child {
	color: #fff
}
.solution-main-wraper .solution--section-cases #customer-case-swiper {
	-webkit-box-shadow: 0 4px 12px rgba(35,45,71,.05);
	box-shadow: 0 4px 12px rgba(35,45,71,.05);
	width: 1180px;
	margin-top: 20px
}
.solution-main-wraper .solution--section-cases #customer-case-swiper .swiper-wrapper {
	width: 100%;
	height: 324px;
	position: relative
}
.solution-main-wraper .solution--section-cases #customer-case-swiper .swiper-wrapper>div {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover
}
.solution-main-wraper .solution--section-cases #customer-case-swiper .swiper-pagination {
	padding-left: 122px;
	text-align: left;
	bottom: 44px
}
.solution-main-wraper .solution--section-cases #customer-case-swiper .swiper-pagination .swiper-pagination-bullet {
	background-color: #4c6aff;
	width: 30px;
	height: 4px;
	border-radius: 8px
}
.solution-main-wraper .solution--section-cases #customer-case-swiper .swiper-button-next:after, .solution-main-wraper .solution--section-cases #customer-case-swiper .swiper-button-prev:after {
	font-size: 12px
}
.solution-main-wraper .solution--section-cases #customer-case-swiper .swiper-button-next, .solution-main-wraper .solution--section-cases #customer-case-swiper .swiper-button-prev {
	background-color: #c0c8d6;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	color: #fff;
	opacity: .3
}
.solution-main-wraper .solution--section-cases #customer-case-swiper .swiper-button-prev {
	left: 40px
}
.solution-main-wraper .solution--section-cases #customer-case-swiper .swiper-button-next {
	right: 40px
}
.solution-main-wraper .solution--section-cases .solution--section-cases--slogan {
	margin-top: 78px
}
.solution-main-wraper .solution--section-cases .solution-free-use {
	margin: auto
}
.g-container-footer {
	margin-top: 145px;
	height: 400px;
	background: url(../bgimg/bg_footer_banner.png) no-repeat top;
	-webkit-background-size: 1920px 400px;
	background-size: 1920px 400px;
	padding-top: 185px;
	text-align: center
}
.g-container-footer h2 {
	font-weight: 500;
	font-size: 30px;
	line-height: 42px;
	color: #111f33
}
.g-container-footer a {
	display: inline-block;
	width: 220px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: #236def;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	border-radius: 20px;
	margin-top: 30px
}
.g-container-footer a:hover {
	background: #4888fa;
	-webkit-box-shadow: 0 10px 30px rgba(30,89,238,.32);
	box-shadow: 0 10px 30px rgba(30,89,238,.32)
}
#light {
	background-color: #f8fafd;
	color: #7a8599
}
#light .linkpart .right .phone-mail>span, #light .title {
	color: #4e5a70
}
#light .copyright a, #light .copyright p, #light .icons p, #light .linkpart>ul li div a {
	color: #7a8599
}
#light .copyright {
	border-color: #e1e6ed
}
#light .footer-help-center-entry {
	color: #4e5a70!important
}
.solution-free-use {
	display: block;
	width: 132px;
	height: 44px;
	border-radius: 4px;
	color: #fff;
	background: #4c6aff;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	font-weight: 400
}