@charset "UTF-8";
.g-plv-btn {
	display: inline-block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #fff;
	background-color: #2469f3
}
.g-plv-btn:hover {
	opacity: .9
}
.g-plv-btn:active {
	opacity: .7
}
.g-plv-btn--white {
	display: inline-block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #2469f3;
	background-color: #fff
}
.g-plv-btn--white:hover {
	background-color: #ffb21e;
	border-color: #ffb21e;
	color: #fff
}
.g-plv-btn--white:active {
	opacity: .7
}
.g-plv-btn--plain {
	display: inline-block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #8c8d9e;
	background-color: transparent;
	border: 1px solid currentColor
}
.g-plv-btn--plain:hover {
	color: #fff;
	background-color: #2469f3;
	border: none
}
.g-plv-btn--plain-blue {
	display: inline-block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #2469f3;
	background-color: transparent;
	border: 1px solid currentColor
}
.g-plv-btn--plain-blue:hover {
	color: #fff;
	background-color: #2469f3;
	border-color: transparent
}
.g-plv-btn--plain-white {
	display: inline-block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #fff;
	background-color: transparent;
	border: 1px solid currentColor
}
.g-plv-btn--plain-white:hover {
	opacity: .7
}
.g-plv-btn--text {
	display: inline-block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #2469f3
}
.g-plv-btn--text:hover {
	opacity: .7
}
.g-plv-btn--square {
	display: inline-block;
	width: 144px;
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #fff;
	background-color: #2469f3;
	border-radius: 4px;
	font-size: 16px
}
.g-plv-btn--square:hover {
	-webkit-box-shadow: 0 2px 4px #003091;
	box-shadow: 0 2px 4px #003091
}
.g-plv-btn--square:active {
	opacity: .7
}
.g-plv-btn--group .g-plv-btn {
	float: left
}
.g-plv-btn--group__two {
	margin-top: 64px;
	text-align: center
}
.g-plv-btn--group__two:last-child {
	margin-left: 36px
}
.g-plv-button {
	display: inline-block;
	line-height: 1;
	min-width: 140px;
	height: 40px;
	white-space: nowrap;
	cursor: pointer;
	-webkit-appearance: none;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	margin: 0;
	-webkit-transition: .1s;
	-o-transition: .1s;
	transition: .1s;
	font-weight: 400;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	padding: 12px 20px;
	font-size: 14px;
	border: none;
	border-radius: 20px
}
.g-plv-button.hover-yellow:hover {
	opacity: 1;
	background-color: #ffb21e;
	border-color: #ffb21e;
	color: #fff
}
.g-plv-button--default {
	color: #fff;
	border: 1px solid #2469f3;
	background-color: #2469f3
}
.g-plv-button--default:hover {
	color: #fff;
	border: 1px solid #74aefe;
	background-color: #74aefe
}
.g-plv-button--default:active {
	color: #fff;
	border: 1px solid #3c88f3;
	background-color: #3c88f3
}
.g-plv-button--default.is-plain {
	color: #2469f3;
	border: 1px solid #2469f3;
	background-color: transparent
}
.g-plv-button--default.is-plain:hover {
	color: #fff;
	border: 1px solid #2469f3;
	background-color: #2469f3
}
.g-plv-button--default.is-plain:active {
	color: #fff;
	border: 1px solid #3c88f3;
	background-color: #3c88f3
}
.g-plv-button--default.is-plain--white {
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent
}
.g-plv-button--default.is-plain--white:hover {
	color: #fff;
	border: 1px solid #2469f3;
	background-color: #2469f3
}
.g-plv-button--default.is-plain--white:active {
	color: #fff;
	border: 1px solid #3c88f3;
	background-color: #3c88f3
}
.g-plv-button--blue {
	color: #2469f3;
	border: 1px solid #fff;
	background-color: #fff
}
.g-plv-button--blue:hover {
	color: #fff;
	border: 1px solid #74aefe;
	background-color: #74aefe
}
.g-plv-button--blue:active {
	color: #fff;
	border: 1px solid #3c88f3;
	background-color: #3c88f3
}
.g-plv-button--blue.is-plain {
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent
}
.g-plv-button--blue.is-plain:hover {
	color: #2469f3;
	border: 1px solid #fff;
	background-color: #fff
}
.g-plv-button--blue.is-plain:active {
	color: #2469f3;
	border: 1px solid #fff;
	background-color: #fff
}
.g-plv-button--yellow {
	color: #285fff;
	border: 1px solid #fec741;
	background-color: #fec741
}
.g-plv-button--yellow:hover {
	color: #285fff;
	border: 1px solid #fcd26a;
	background-color: #fcd26a
}
.g-plv-button--yellow:active {
	border: 1px solid #fec741;
	background-color: #fec741
}
.g-plv-button--yellow.is-plain {
	color: #fff;
	border: 1px solid #fec741;
	background-color: transparent
}
.g-plv-button--yellow.is-plain:hover {
	color: #285fff;
	border: 1px solid #fec741;
	background-color: #fec741
}
.g-plv-button--yellow.is-plain:active {
	opacity: .9
}
.g-plv-text--30 {
	font-size: 30px!important;
	line-height: 1
}
.g-plv-text--24 {
	font-size: 24px!important;
	line-height: 1
}
.g-plv-text--20 {
	font-size: 20px!important;
	line-height: 1
}
.g-plv-text--18 {
	font-size: 18px!important;
	line-height: 1
}
.g-plv-text--16 {
	font-size: 16px!important;
	line-height: 1
}
.g-plv-text--14 {
	font-size: 14px!important;
	line-height: 26px;
	letter-spacing: 1px
}
.g-plv-text--12 {
	font-size: 12px!important;
	line-height: 1
}
.g-plv-md-title {
	color: #285fff;
	font-size: 30px;
	line-height: 42px;
	font-weight: 600
}
.g-plv-md-title+.g-plv-md-title-desc {
	color: #9798a9;
	font-size: 14px;
	letter-spacing: 1px;
	margin-top: 20px
}
.g-plv-md-title+.g-plv-md-subtitle-desc {
	margin-top: 10px;
	color: #8c8d9e;
	font-size: 14px;
	line-height: 26px
}
.g-plv-md-subtitle {
	color: #285fff
}
.g-plv-md-subtitle+.g-plv-md-subtitle-desc {
	margin-top: 14px;
	color: #8c8d9e
}
.g-plv-text-justify {
	text-align: justify!important
}
.g-plv-text-center {
	text-align: center!important
}
.g-plv-text-right {
	text-align: right!important
}
.g-plv-text-left {
	text-align: left!important
}
.g-plv-mt--8 {
	margin-top: 8px!important
}
.g-plv-ml--8 {
	margin-left: 8px!important
}
.g-plv-mr--8 {
	margin-right: 8px!important
}
.g-plv-mb--8 {
	margin-bottom: 8px!important
}
.g-plv-pt--8 {
	padding-top: 8px!important
}
.g-plv-pl--8 {
	padding-left: 8px!important
}
.g-plv-pr--8 {
	padding-right: 8px!important
}
.g-plv-pb--8 {
	padding-bottom: 8px!important
}
.g-plv-mt--10 {
	margin-top: 10px!important
}
.g-plv-ml--10 {
	margin-left: 10px!important
}
.g-plv-mr--10 {
	margin-right: 10px!important
}
.g-plv-mb--10 {
	margin-bottom: 10px!important
}
.g-plv-pt--10 {
	padding-top: 10px!important
}
.g-plv-pl--10 {
	padding-left: 10px!important
}
.g-plv-pr--10 {
	padding-right: 10px!important
}
.g-plv-pb--10 {
	padding-bottom: 10px!important
}
.g-plv-mt--16 {
	margin-top: 16px!important
}
.g-plv-ml--16 {
	margin-left: 16px!important
}
.g-plv-mr--16 {
	margin-right: 16px!important
}
.g-plv-mb--16 {
	margin-bottom: 16px!important
}
.g-plv-pt--16 {
	padding-top: 16px!important
}
.g-plv-pl--16 {
	padding-left: 16px!important
}
.g-plv-pr--16 {
	padding-right: 16px!important
}
.g-plv-pb--16 {
	padding-bottom: 16px!important
}
.g-plv-mt--20 {
	margin-top: 20px!important
}
.g-plv-ml--20 {
	margin-left: 20px!important
}
.g-plv-mr--20 {
	margin-right: 20px!important
}
.g-plv-mb--20 {
	margin-bottom: 20px!important
}
.g-plv-pt--20 {
	padding-top: 20px!important
}
.g-plv-pl--20 {
	padding-left: 20px!important
}
.g-plv-pr--20 {
	padding-right: 20px!important
}
.g-plv-pb--20 {
	padding-bottom: 20px!important
}
.g-plv-mt--24 {
	margin-top: 24px!important
}
.g-plv-ml--24 {
	margin-left: 24px!important
}
.g-plv-mr--24 {
	margin-right: 24px!important
}
.g-plv-mb--24 {
	margin-bottom: 24px!important
}
.g-plv-pt--24 {
	padding-top: 24px!important
}
.g-plv-pl--24 {
	padding-left: 24px!important
}
.g-plv-pr--24 {
	padding-right: 24px!important
}
.g-plv-pb--24 {
	padding-bottom: 24px!important
}
.g-plv-mt--30 {
	margin-top: 30px!important
}
.g-plv-ml--30 {
	margin-left: 30px!important
}
.g-plv-mr--30 {
	margin-right: 30px!important
}
.g-plv-mb--30 {
	margin-bottom: 30px!important
}
.g-plv-pt--30 {
	padding-top: 30px!important
}
.g-plv-pl--30 {
	padding-left: 30px!important
}
.g-plv-pr--30 {
	padding-right: 30px!important
}
.g-plv-pb--30 {
	padding-bottom: 30px!important
}
.g-plv-mt--36 {
	margin-top: 36px!important
}
.g-plv-ml--36 {
	margin-left: 36px!important
}
.g-plv-mr--36 {
	margin-right: 36px!important
}
.g-plv-mb--36 {
	margin-bottom: 36px!important
}
.g-plv-pt--36 {
	padding-top: 36px!important
}
.g-plv-pl--36 {
	padding-left: 36px!important
}
.g-plv-pr--36 {
	padding-right: 36px!important
}
.g-plv-pb--36 {
	padding-bottom: 36px!important
}
.g-plv-mt--40 {
	margin-top: 40px!important
}
.g-plv-ml--40 {
	margin-left: 40px!important
}
.g-plv-mr--40 {
	margin-right: 40px!important
}
.g-plv-mb--40 {
	margin-bottom: 40px!important
}
.g-plv-pt--40 {
	padding-top: 40px!important
}
.g-plv-pl--40 {
	padding-left: 40px!important
}
.g-plv-pr--40 {
	padding-right: 40px!important
}
.g-plv-pb--40 {
	padding-bottom: 40px!important
}
.g-plv-mt--48 {
	margin-top: 48px!important
}
.g-plv-ml--48 {
	margin-left: 48px!important
}
.g-plv-mr--48 {
	margin-right: 48px!important
}
.g-plv-mb--48 {
	margin-bottom: 48px!important
}
.g-plv-pt--48 {
	padding-top: 48px!important
}
.g-plv-pl--48 {
	padding-left: 48px!important
}
.g-plv-pr--48 {
	padding-right: 48px!important
}
.g-plv-pb--48 {
	padding-bottom: 48px!important
}
.g-plv-mt--50 {
	margin-top: 50px!important
}
.g-plv-ml--50 {
	margin-left: 50px!important
}
.g-plv-mr--50 {
	margin-right: 50px!important
}
.g-plv-mb--50 {
	margin-bottom: 50px!important
}
.g-plv-pt--50 {
	padding-top: 50px!important
}
.g-plv-pl--50 {
	padding-left: 50px!important
}
.g-plv-pr--50 {
	padding-right: 50px!important
}
.g-plv-pb--50 {
	padding-bottom: 50px!important
}
.g-plv-mt--54 {
	margin-top: 54px!important
}
.g-plv-ml--54 {
	margin-left: 54px!important
}
.g-plv-mr--54 {
	margin-right: 54px!important
}
.g-plv-mb--54 {
	margin-bottom: 54px!important
}
.g-plv-pt--54 {
	padding-top: 54px!important
}
.g-plv-pl--54 {
	padding-left: 54px!important
}
.g-plv-pr--54 {
	padding-right: 54px!important
}
.g-plv-pb--54 {
	padding-bottom: 54px!important
}
.g-plv-mt--60 {
	margin-top: 60px!important
}
.g-plv-ml--60 {
	margin-left: 60px!important
}
.g-plv-mr--60 {
	margin-right: 60px!important
}
.g-plv-mb--60 {
	margin-bottom: 60px!important
}
.g-plv-pt--60 {
	padding-top: 60px!important
}
.g-plv-pl--60 {
	padding-left: 60px!important
}
.g-plv-pr--60 {
	padding-right: 60px!important
}
.g-plv-pb--60 {
	padding-bottom: 60px!important
}
.g-plv-mt--64 {
	margin-top: 64px!important
}
.g-plv-ml--64 {
	margin-left: 64px!important
}
.g-plv-mr--64 {
	margin-right: 64px!important
}
.g-plv-mb--64 {
	margin-bottom: 64px!important
}
.g-plv-pt--64 {
	padding-top: 64px!important
}
.g-plv-pl--64 {
	padding-left: 64px!important
}
.g-plv-pr--64 {
	padding-right: 64px!important
}
.g-plv-pb--64 {
	padding-bottom: 64px!important
}
.g-plv-mt--70 {
	margin-top: 70px!important
}
.g-plv-ml--70 {
	margin-left: 70px!important
}
.g-plv-mr--70 {
	margin-right: 70px!important
}
.g-plv-mb--70 {
	margin-bottom: 70px!important
}
.g-plv-pt--70 {
	padding-top: 70px!important
}
.g-plv-pl--70 {
	padding-left: 70px!important
}
.g-plv-pr--70 {
	padding-right: 70px!important
}
.g-plv-pb--70 {
	padding-bottom: 70px!important
}
.g-plv-mt--80 {
	margin-top: 80px!important
}
.g-plv-ml--80 {
	margin-left: 80px!important
}
.g-plv-mr--80 {
	margin-right: 80px!important
}
.g-plv-mb--80 {
	margin-bottom: 80px!important
}
.g-plv-pt--80 {
	padding-top: 80px!important
}
.g-plv-pl--80 {
	padding-left: 80px!important
}
.g-plv-pr--80 {
	padding-right: 80px!important
}
.g-plv-pb--80 {
	padding-bottom: 80px!important
}
.c-hd {
	background-color: transparent
}
.c-hd.active {
	background-color: #080d46
}
.c-hd {
	position: absolute;
	background-color: transparent
}
.banner-wrap {
	height: 400px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #090c4f
}
.banner-wrap .banner-content {
	display: table;
	height: 100%
}
.banner-wrap .banner-content .banner-content-l, .banner-wrap .banner-content .banner-content-r {
	display: table-cell;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle
}
.banner-wrap .banner-content-l {
	padding-top: 65px;
	padding-right: 68px
}
.banner-wrap .banner-content-r img {
	float: right;
	max-width: 100%;
	height: 400px
}
.banner-wrap .banner-title {
	color: #fff;
	font-size: 48px;
	font-weight: 500;
	margin-bottom: 14px
}
.banner-wrap .banner-desc {
	color: #fff;
	font-size: 14px;
	line-height: 2;
	margin-bottom: 50px
}
.banner-wrap .banner-btn-group .banner-btn {
	display: inline-block;
	width: 144px;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color: #fff;
	background-color: #2368f2;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s
}
.banner-wrap .banner-btn-group .banner-btn+.banner-btn {
	margin-left: 36px
}
.banner-wrap .banner-btn-group .banner-btn:active {
	opacity: .7
}
.banner-wrap .banner-btn-group .banner-btn:hover {
	-webkit-box-shadow: 0 1px 8px #2368f2;
	box-shadow: 0 1px 8px #2368f2
}
.banner-wrap .banner-btn-group .banner-btn-ghost {
	background-color: transparent;
	border: 1px solid #fff
}
.banner-wrap .banner-btn-group .banner-btn-ghost:active {
	opacity: .7
}
.banner-wrap .icon-play {
	display: inline-block;
	vertical-align: sub;
	margin-left: 8px;
	width: 20px;
	height: 20px;
	background: url(../fonts/g-icon-btn-play.svg) no-repeat center;
	background-size: contain
}
.secondary-nav-wrap {
	position: relative;
	height: 60px;
	width: 100%;
	min-width: 1200px;
	background-color: #002258;
	font-size: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.secondary-nav-wrap.secondary-nav-fixed {
	background-color: #f5f6f8;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
	height: 60px;
	-webkit-transition: background .35s ease-in-out;
	-o-transition: background .35s ease-in-out;
	transition: background .35s ease-in-out
}
.secondary-nav-wrap.secondary-nav-fixed .breadcrumb-nav, .secondary-nav-wrap.secondary-nav-fixed .breadcrumb-right {
	width: auto;
	opacity: 1;
	visibility: visible
}
.secondary-nav-wrap.secondary-nav-fixed .secondary-nav-list {
	margin: 0 48px
}
.secondary-nav-wrap.secondary-nav-fixed .secondary-nav-list li {
	width: auto;
	color: #000;
	height: 60px;
	line-height: 60px;
	margin: 0 10px;
	padding: 0 5px
}
.secondary-nav-wrap.secondary-nav-fixed .secondary-nav-list li.active {
	position: relative;
	color: #00b2e5
}
.secondary-nav-wrap.secondary-nav-fixed .secondary-nav-list li.active::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;
	bottom: 1px;
	left: 0;
	background-color: #00b2e5
}
.secondary-nav-wrap.secondary-nav-fixed .secondary-nav-list li:hover {
	color: #00b2e5
}
.secondary-nav-wrap.secondary-nav-fixed .secondary-nav-list-4 li {
	width: auto
}
.secondary-nav-wrap .secondary-nav-content {
	position: relative;
	width: 1200px;
	margin: 0 auto
}
.secondary-nav-wrap .breadcrumb-nav, .secondary-nav-wrap .breadcrumb-right {
	display: inline-block;
	width: 0;
	height: 60px;
	line-height: 60px;
	vertical-align: top;
	font-size: 14px;
	-webkit-transition: opacity .1s ease-in-out;
	-o-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out;
	opacity: 0;
	visibility: hidden;
	overflow: hidden
}
.secondary-nav-wrap .breadcrumb-right {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.secondary-nav-wrap .breadcrumb-nav {
	color: #9b9b9b
}
.secondary-nav-wrap .breadcrumb-nav a, .secondary-nav-wrap .breadcrumb-nav span {
	display: inline-block
}
.secondary-nav-wrap .breadcrumb-nav a {
	color: #080d46
}
.secondary-nav-wrap .breadcrumb-nav a:hover {
	color: #00b2e5;
	text-decoration: underline
}
.secondary-nav-wrap .breadcrumb-nav span {
	color: #9b9b9b
}
.secondary-nav-wrap .secondary-nav-list {
	display: inline-block;
	margin: 0 auto;
	font-size: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.secondary-nav-wrap .secondary-nav-list li {
	display: inline-block;
	width: 170px;
	height: 60px;
	font-size: 14px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	-webkit-transition: width .35s ease-in-out;
	-o-transition: width .35s ease-in-out;
	transition: width .35s ease-in-out
}
.secondary-nav-wrap .secondary-nav-list li:hover {
	color: #2368f2
}
.secondary-nav-wrap .secondary-nav-list li a {
	display: block;
	color: inherit
}
.secondary-nav-wrap .secondary-nav-list-4 li {
	width: 300px
}
.secondary-nav-wrap .secondary-nav-list-5 li {
	width: 236px
}
.secondary-nav-wrap .secondary-nav-list-6 li {
	width: 200px
}
.secondary-nav-wrap .secondary-nav-list-7 li {
	width: 170px
}
.secondary-nav-wrap .secondary-nav-list-8 li {
	width: 150px
}
.g-plv-show-customers-md {
	padding: 80px 0
}
.g-plv-show-customers-md .show-customers-title .g-scroll-num {
	position: relative;
	display: inline-block;
	font-size: inherit;
	color: #285fff;
	padding-bottom: 4px;
	margin: 0 15px;
	letter-spacing: 2px;
	vertical-align: bottom
}
.g-plv-show-customers-md .show-customers-title .g-scroll-num::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 3px;
	background-color: currentColor
}
.g-plv-show-customers-md .show-customers-content {
	margin-top: 40px
}
.g-plv-show-customers-md .show-customers-content .row img {
	width: 172px;
	height: 68px
}
.g-plv-show-customers-md .show-customers-content .row:hover {
	background-color: #f5f5f5
}
.g-plv-show-customers-md .show-customers-content .row:hover .row-title a {
	color: #2469f3;
	border-bottom: 1px solid currentColor
}
.g-plv-show-customers-md .show-customers-content .row .row-title {
	float: left;
	margin-left: 20px;
	height: 68px;
	line-height: 68px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.g-plv-show-customers-md .show-customers-content .row .row-title a {
	font-size: 20px;
	color: #8c8d9e;
	border-bottom: 1px solid transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.g-plv-show-customers-md .show-customers-content .row .row-lists {
	float: right;
	width: 1032px
}
.g-plv-show-customers-md .show-customers-content .row .row-lists .row-logos {
	overflow: hidden
}
.g-plv-show-customers-md .show-customers-content .row .row-lists .row-logos li {
	float: left;
	width: 172px;
	height: 68px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-size: contain
}
.g-plv-mt--40 {
	margin-top: 40px
}
.related-products {
	margin-left: -10px;
	margin-right: -10px;
	font-size: 0;
	text-align: center
}
.related-products .product-item {
	padding-left: 10px;
	padding-right: 10px
}
.related-products.spacing--30 {
	margin-left: -15px;
	margin-right: -15px
}
.related-products.spacing--30 .product-item {
	padding-left: 15px;
	padding-right: 15px
}
.related-products.spacing--120 {
	margin-left: -60px;
	margin-right: -60px
}
.related-products.spacing--120 .product-item {
	padding-left: 60px;
	padding-right: 60px
}
.related-products .product-item {
	display: inline-block;
	font-size: 14px;
	width: 380px
}
.related-products .product-item-inside {
	display: block;
	padding-top: 40px;
	width: 100%;
	height: 304px;
	text-align: center;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 4px 0 rgba(140,141,158,.3);
	box-shadow: 0 0 4px 0 rgba(140,141,158,.3)
}
.related-products .product-item-inside:hover {
	-webkit-box-shadow: 0 0 8px 0 rgba(153,153,153,.4);
	box-shadow: 0 0 8px 0 rgba(153,153,153,.4)
}
.related-products .product-item-inside:hover .item-btn {
	color: #fff;
	background-color: #2469f3
}
.related-products .product-item-inside .icon-item {
	width: 64px;
	height: 64px;
	margin: 0 auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}
.related-products .product-item-inside .icon-item-vod {
	background-image: url(../fonts/product-icon-vod.svg)
}
.related-products .product-item-inside .icon-item-live {
	background-image: url(../fonts/product-icon-live.svg)
}
.related-products .product-item-inside .icon-item-class {
	background-image: url(../fonts/product-icon-class.svg)
}
.related-products .product-item-inside h3 {
	margin-top: 40px;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	color: #2f3250
}
.related-products .product-item-inside p {
	font-size: 14px;
	line-height: 28px;
	color: #464964;
	margin-top: 16px
}
.related-products .product-item-inside .item-btn {
	display: block;
	margin-top: 40px;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	color: #2f3250;
	background-color: #f5f8fd;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s
}
.sect-module.sect-module-no-pb {
	padding-bottom: 0
}
.sect-module.sect-module-bg {
	background-color: #f7f8fc
}
.banner-wrap {
	height: 400px;
	background: url(../images/banner@2x.jpg) no-repeat top;
	background-size: 1920px 400px;
	background-color: #090e1d
}
.plan-md {
	background-color: #fff
}
.plan-md .plan-item {
	display: table;
	width: 100%;
	padding: 56px 0 70px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.plan-md .plan-item:nth-child(2n+1) {
	background-color: #f7f8fc
}
.plan-md .plan-item:nth-child(1) {
	padding-top: 60px;
	padding-bottom: 43px
}
.plan-md .plan-item:last-child {
	padding-top: 50px
}

@media (max-width: 789px) {
	
	.sect-module {
	padding: 40px 0
}

		.ys{font-size:16px;  line-height:30px; text-align:center;}

	.g-plv-layout-w {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto
}

	.plan-md .plan-item .plan-item-left, .plan-md .plan-item .plan-item-right {
	/*display: table-cell;
	vertical-align: middle*/ width:95%; margin:0 auto
}


.plan-md .plan-img-1 {
	padding-left: 0px
}
.plan-md .plan-img-1 img {
	width: 100%;
	height: auto
}
.plan-md .plan-img-2 {
	padding-right: 0px
}
.plan-md .plan-img-2 img {
	width: 100%;
	height: auto
}
.plan-md .plan-img-3 {
	padding-left: 48px
}
.plan-md .plan-img-3 img {
	width: 100%;
	height: auto
}
.pc{ display:none !important}

}


@media (min-width: 790px) and (max-width:1920px ) {
	
	.sect-module {
	padding: 80px 0
}

	.ys{font-size:18px;  line-height:50px; text-align:center;}
	.mob{ display:none !important}
	.g-plv-layout-w {
	width: 1180px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto
}


	.plan-md .plan-item .plan-item-left, .plan-md .plan-item .plan-item-right {
	display: table-cell;
	vertical-align: middle
}



.plan-md .plan-img-1 {
	padding-left: 40px
}
.plan-md .plan-img-1 img {
	width: 575px;
	height: 561px
}
.plan-md .plan-img-2 {
	padding-right: 48px
}
.plan-md .plan-img-2 img {
	width: 751px;
	height: 556px
}
.plan-md .plan-img-3 {
	padding-left: 48px
}
.plan-md .plan-img-3 img {
	width: 721px;
	height: 593px
}

}



.plan-md .desc .desc-head {
	position: relative
}
.plan-md .desc .desc-head h3 {
	color: #285fff;
	font-size: 24px;
	line-height: 25px;
	font-weight: 600;
	letter-spacing: 1.6px;
	padding-bottom: 16px;
	border-bottom: 1px solid #d1d2d7
}
.plan-md .desc .desc-head h3::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: -3px;
	width: 22px;
	height: 4px;
	background-color: #285fff
}
.plan-md .desc .desc-head h3 span {
	position: relative;
	display: inline-block;
	margin-right: 16px
}
.plan-md .desc .desc-head .consulting {
	position: absolute;
	top: 0;
	right: 0;
	color: #2469f3;
	font-size: 14px;
	line-height: 25px;
	border-bottom: 1px solid transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}
.plan-md .desc .desc-head .consulting:hover {
	border-color: #2469f3
}
.plan-md .desc .desc-head .consulting:active {
	opacity: .7
}
.plan-md .desc dl {
	margin-top: 27px;
	padding-left: 18px
}
.plan-md .desc dl dt {
	position: relative;
	color: #4c5162;
	font-size: 16px;
	line-height: 30px; font-weight:bold; margin-top:30px;
}
.plan-md .desc dl p { font-size:14px; line-height:26px; 	color: #4c5162;
}
.plan-md .desc dl dt+dt {
	margin-top: 24px
}
.plan-md .desc dl dt::before {
	position: absolute;
	content: "";
	width: 16px;
	height: 16px;
	top: 50%;
	left: -28px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(../images/icon-check.svg) no-repeat center;
	background-size: contain
}
.features-md {
	background: url(../images/feature-bg.jpg) no-repeat top;
	background-size: cover;
	background-color: #12254c
}
.features-md .g-plv-md-title {
	color: #fff
}
.features-md .feature-list {
	margin: -20px -24px;
	font-size: 0
}
.features-md .feature-list .feature-item {
	display: inline-block;
	width: 33.33%;
	zoom: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	padding: 20px 24px;
	vertical-align: top
}
.features-md .feature-list .feature-item .content {
	position: relative;
	width: 360px;
	height: 180px;
	padding: 32px 32px 32px 96px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 8px #0a1429;
	box-shadow: 0 0 8px #0a1429;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}
.features-md .feature-list .feature-item .content h3, .features-md .feature-list .feature-item .content p {
	position: relative;
	z-index: 2
}
.features-md .feature-list .feature-item .content h3 {
	font-size: 20px;
	color: #285fff;
	font-weight: 600;
	line-height: 28px;
	margin-top: 5px
}
.features-md .feature-list .feature-item .content p {
	display: -webkit-box;
	margin-top: 12px;
	font-size: 14px;
	line-height: 22px;
	color: #4c5162;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}
.features-md .feature-list .feature-item .content::before {
	position: absolute;
	content: "";
	top: -75px;
	right: 44px;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-image: -webkit-linear-gradient(80deg, #fff 0, #b7d2f1 100%);
	background-image: -o-linear-gradient(80deg, #fff 0, #b7d2f1 100%);
	background-image: linear-gradient(10deg, #fff 0, #b7d2f1 100%);
	z-index: 1
}
.features-md .feature-list .feature-item:nth-child(1) .content::after {
	position: absolute;
	content: "";
	top: 32px;
	left: 32px;
	width: 48px;
	height: 48px;
	background: url(../images/icon-feature1.svg) no-repeat top;
	background-size: contain
}
.features-md .feature-list .feature-item:nth-child(2) .content::after {
	position: absolute;
	content: "";
	top: 32px;
	left: 32px;
	width: 48px;
	height: 48px;
	background: url(../fonts/icon-feature2.svg) no-repeat top;
	background-size: contain
}
.features-md .feature-list .feature-item:nth-child(3) .content::after {
	position: absolute;
	content: "";
	top: 32px;
	left: 32px;
	width: 48px;
	height: 48px;
	background: url(../fonts/icon-feature3.svg) no-repeat top;
	background-size: contain
}
.features-md .feature-list .feature-item:nth-child(4) .content::after {
	position: absolute;
	content: "";
	top: 32px;
	left: 32px;
	width: 48px;
	height: 48px;
	background: url(../fonts/icon-feature4.svg) no-repeat top;
	background-size: contain
}
.features-md .feature-list .feature-item:nth-child(5) .content::after {
	position: absolute;
	content: "";
	top: 32px;
	left: 32px;
	width: 48px;
	height: 48px;
	background: url(../fonts/icon-feature5.svg) no-repeat top;
	background-size: contain
}
.features-md .feature-list .feature-item:nth-child(6) .content::after {
	position: absolute;
	content: "";
	top: 32px;
	left: 32px;
	width: 48px;
	height: 48px;
	background: url(../fonts/icon-feature6.svg) no-repeat top;
	background-size: contain
}
.features-md .feature-list .feature-item:nth-child(7) .content::after {
	position: absolute;
	content: "";
	top: 32px;
	left: 32px;
	width: 48px;
	height: 48px;
	background: url(../fonts/icon-feature7.svg) no-repeat top;
	background-size: contain
}
.features-md .feature-list .feature-item:nth-child(8) .content::after {
	position: absolute;
	content: "";
	top: 32px;
	left: 32px;
	width: 48px;
	height: 48px;
	background: url(../fonts/icon-feature8.svg) no-repeat top;
	background-size: contain
}
.features-md .feature-list .feature-item:nth-child(9) .content::after {
	position: absolute;
	content: "";
	top: 32px;
	left: 32px;
	width: 48px;
	height: 48px;
	background: url(../fonts/icon-feature9.svg) no-repeat top;
	background-size: contain
}
.scenario-list {
	margin-left: -10px;
	margin-right: -10px;
	font-size: 0
}
.scenario-list .scenario-item {
	display: inline-block;
	width: 25%;
	zoom: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top
}
.scenario-list .scenario-item figure {
	width: 280px;
	border: solid 1px #eaebef;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.scenario-list .scenario-item figure img {
	width: 280px;
	height: 180px
}
.scenario-list .scenario-item figure figcaption {
	text-align: center;
	padding: 16px 0;
	font-size: 16px;
	color: #4c5162
}
.info-wrap {
	height: 200px;
	background-color: #33bff9;
	background: url(../images/info-bg.jpg) no-repeat left top;
	background-size: 100% 200px
}
.info-wrap .info-title {
	padding-top: 54px;
	color: #fff;
	font-weight: 600
}
.info-wrap .info-btn {
	margin: 24px auto 0;
	display: block;
	font-weight: 400;
	color: #2469f3;
	border: solid 1px #fff;
	background-color: #fff;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.info-wrap .info-btn:active {
	opacity: .7
}
.info-wrap .info-btn:hover {
	color: #fff;
	background-color: #2469f3;
	border: solid 1px #fff
}
.info-wrap-arrow {
	position: relative
}
.info-wrap-arrow::after {
	position: absolute;
	content: "";
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 14px 0 14px;
	border-color: #fff transparent transparent transparent
}