.mobile {
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: none;
	-webkit-overflow-scrolling: touch
}
.mobile button, .mobile input, .mobile textarea {
	-webkit-appearance: none
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
-webkit-appearance:none;
appearance:none;
margin:0
}
input, textarea {
	-moz-appearance: textfield;
	outline: 0;
	-webkit-tap-highlight-color: transparent
}
.row {
	width: 100%;
	overflow: hidden
}
.md-hidden {
	display: none!important
}
.col-md-1 {
	width: 4.16667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-1 {
	margin-left: 4.16667%
}
.col-md-2 {
	width: 8.33333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-2 {
	margin-left: 8.33333%
}
.col-md-3 {
	width: 12.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-3 {
	margin-left: 12.5%
}
.col-md-4 {
	width: 16.66667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-4 {
	margin-left: 16.66667%
}
.col-md-5 {
	width: 20.83333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-5 {
	margin-left: 20.83333%
}
.col-md-6 {
	width: 25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-6 {
	margin-left: 25%
}
.col-md-7 {
	width: 29.16667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-7 {
	margin-left: 29.16667%
}
.col-md-8 {
	width: 33.33333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-8 {
	margin-left: 33.33333%
}
.col-md-9 {
	width: 37.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-9 {
	margin-left: 37.5%
}
.col-md-10 {
	width: 41.66667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-10 {
	margin-left: 41.66667%
}
.col-md-11 {
	width: 45.83333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-11 {
	margin-left: 45.83333%
}
.col-md-12 {
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-12 {
	margin-left: 50%
}
.col-md-13 {
	width: 54.16667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-13 {
	margin-left: 54.16667%
}
.col-md-14 {
	width: 58.33333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-14 {
	margin-left: 58.33333%
}
.col-md-15 {
	width: 62.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-15 {
	margin-left: 62.5%
}
.col-md-16 {
	width: 66.66667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-16 {
	margin-left: 66.66667%
}
.col-md-17 {
	width: 70.83333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-17 {
	margin-left: 70.83333%
}
.col-md-18 {
	width: 75%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-18 {
	margin-left: 75%
}
.col-md-19 {
	width: 79.16667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-19 {
	margin-left: 79.16667%
}
.col-md-20 {
	width: 83.33333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-20 {
	margin-left: 83.33333%
}
.col-md-21 {
	width: 87.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}





.col-offset-21 {
	margin-left: 87.5%
}
.col-md-22 {
	width: 91.66667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-22 {
	margin-left: 91.66667%
}
.col-md-23 {
	width: 95.83333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-23 {
	margin-left: 95.83333%
}
.col-md-24 {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: none
}
.col-offset-24 {
	margin-left: 100%
}
@media (min-width:767.98px) and (max-width:991.98px) {
.sm-hidden {
	display: none!important
}
.col-sm-1 {
	width: 4.16667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-1 {
	margin-left: 4.16667%
}
.col-sm-2 {
	width: 8.33333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-2 {
	margin-left: 8.33333%
}
.col-sm-3 {
	width: 12.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-3 {
	margin-left: 12.5%
}
.col-sm-4 {
	width: 16.66667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-4 {
	margin-left: 16.66667%
}
.col-sm-5 {
	width: 20.83333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-5 {
	margin-left: 20.83333%
}
.col-sm-6 {
	width: 25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-6 {
	margin-left: 25%
}
.col-sm-7 {
	width: 29.16667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-7 {
	margin-left: 29.16667%
}
.col-sm-8 {
	width: 33.33333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-8 {
	margin-left: 33.33333%
}
.col-sm-9 {
	width: 37.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-9 {
	margin-left: 37.5%
}
.col-sm-10 {
	width: 41.66667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-10 {
	margin-left: 41.66667%
}
.col-sm-11 {
	width: 45.83333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-11 {
	margin-left: 45.83333%
}
.col-sm-12 {
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-12 {
	margin-left: 50%
}
.col-sm-13 {
	width: 54.16667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-13 {
	margin-left: 54.16667%
}
.col-sm-14 {
	width: 58.33333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-14 {
	margin-left: 58.33333%
}
.col-sm-15 {
	width: 62.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-15 {
	margin-left: 62.5%
}
.col-sm-16 {
	width: 66.66667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-16 {
	margin-left: 66.66667%
}
.col-sm-17 {
	width: 70.83333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-17 {
	margin-left: 70.83333%
}
.col-sm-18 {
	width: 75%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-18 {
	margin-left: 75%
}
.col-sm-19 {
	width: 79.16667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-19 {
	margin-left: 79.16667%
}
.col-sm-20 {
	width: 83.33333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-20 {
	margin-left: 83.33333%

}
.col-sm-21 {
	width: 87.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-21 {
	margin-left: 87.5%
}
.col-sm-22 {
	width: 91.66667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-22 {
	margin-left: 91.66667%
}
.col-sm-23 {
	width: 95.83333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-23 {
	margin-left: 95.83333%
}
.col-sm-24 {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: none
}
.col-offset-24 {
	margin-left: 100%
}
}
@media (max-width:767.98px) {
.xs-hidden {
	display: none!important
}
.col-xs-1 {
	width: 4.16667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-1 {
	margin-left: 4.16667%
}
.col-xs-2 {
	width: 8.33333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-2 {
	margin-left: 8.33333%
}
.col-xs-3 {
	width: 12.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-3 {
	margin-left: 12.5%
}
.col-xs-4 {
	width: 16.66667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-4 {
	margin-left: 16.66667%
}
.col-xs-5 {
	width: 20.83333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-5 {
	margin-left: 20.83333%
}
.col-xs-6 {
	width: 25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-6 {
	margin-left: 25%
}
.col-xs-7 {
	width: 29.16667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-7 {
	margin-left: 29.16667%
}
.col-xs-8 {
	width: 33.33333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-8 {
	margin-left: 33.33333%
}
.col-xs-9 {
	width: 37.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-9 {
	margin-left: 37.5%
}
.col-xs-10 {
	width: 41.66667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-10 {
	margin-left: 41.66667%
}
.col-xs-11 {
	width: 45.83333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-11 {
	margin-left: 45.83333%
}
.col-xs-12 {
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-12 {
	margin-left: 50%
}
.col-xs-13 {
	width: 54.16667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-13 {
	margin-left: 54.16667%
}
.col-xs-14 {
	width: 58.33333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-14 {
	margin-left: 58.33333%
}
.col-xs-15 {
	width: 62.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-15 {
	margin-left: 62.5%
}
.col-xs-16 {
	width: 66.66667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-16 {
	margin-left: 66.66667%
}
.col-xs-17 {
	width: 70.83333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-17 {
	margin-left: 70.83333%
}
.col-xs-18 {
	width: 75%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-18 {
	margin-left: 75%
}
.col-xs-19 {
	width: 79.16667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-19 {
	margin-left: 79.16667%
}
.col-xs-20 {
	width: 83.33333%;
	-webkit-box-sizing: border-box;

	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-20 {
	margin-left: 83.33333%
}
.col-xs-21 {
	width: 87.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-21 {
	margin-left: 87.5%
}
.col-xs-22 {
	width: 91.66667%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-22 {
	margin-left: 91.66667%
}
.col-xs-23 {
	width: 95.83333%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.col-offset-23 {
	margin-left: 95.83333%
}
.col-xs-24 {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: none
}
.col-offset-24 {
	margin-left: 100%
}
}
.btn {
	border-radius: 40px;
	font-size: 18px;
	/* padding: 12px 32px; */
	display: inline-block;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* width: 39%; */
	background: #ce99ff;
	color: #fff;
	font-size: 20px;
	padding: 1%  4%;
}
.btn img{ width:100%}
.btn:active {
	opacity: .5
}
.btn[disabled] {
	opacity: .5;
	cursor: not-allowed;
	pointer-events: none
}
@media (max-width:767.98px) {
.btn {
	padding: 8px 32px;
	font-size: 14px
}
}
.btn-small {
	padding: 6px 24px;
	font-size: 16px
}
@media (max-width:767.98px) {
.btn-small {
	padding: 8px 16px;
	font-size: 12px
}
}
.btn-primary {
	/* background: #bf69ff; */
	/* border: 1px solid #bf69ff; */
	/* color: #fff; */
}
@media (min-width:767.98px) {
.btn-primary:hover {
	background: 0 0;
	color: #bf69ff
}
}
.btn-primary[disabled]:hover {
	background: #bf69ff;
	color: #fff
}
.btn-ghost-primary {
	border: 1px solid #bf69ff;
	color: #bf69ff
}
@media (min-width:767.98px) {
.btn-ghost-primary:hover {
	background: #bf69ff;
	color: #fff
}
}
.btn-white {
	background: #fff;
	border: 1px solid #fff;
	color: #bf69ff
}
@media (min-width:767.98px) {
.btn-white:hover {
	background: 0 0;
	color: #fff
}
}
.btn-ghost-white {
	border: 1px solid #fff;
	color: #fff
}
@media (min-width:767.98px) {
.btn-ghost-white:hover {
	background: #fff;
	color: #bf69ff
}
}
.form .form-item {
	position: relative;
	margin-bottom: 15px
}
.form .form-item label {
	font-size: 16px
}
@media (max-width:767.98px) {
.form .form-item label {
	font-size: 14px
}
}
.form .form-item.required label {
	position: relative;
	color: #0d2240
}
.form .form-item.required label span {
	position: relative
}
.form .form-item.required label span::after {
	content: '*';
	position: absolute;
	right: -10px;
	top: 0
}
@media (max-width:767.98px) {
.form .form-item label {
	display: block;
	text-align: left
}
}
.form .form-item .form-input {
	border: 1px solid #edf0fa;
	border-radius: 4px;
	padding: 12px 17px;
	font-size: 16px;
	color: #0d2240;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 4px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	caret-color: #bf69ff;
	resize: none
}
.form .form-item .form-input::-webkit-input-placeholder {
color:#adbacc
}
.form .form-item .form-input::-ms-input-placeholder {
color:#adbacc
}
.form .form-item .form-input::-moz-input-placeholder {
color:#adbacc
}
.form .form-item .form-input:focus {
	-webkit-box-shadow: 0 0 12px -2px rgba(12,113,255,.3);
	box-shadow: 0 0 12px -2px rgba(12,113,255,.3);
	border: 1px solid #bf69ff
}
.form .form-item .form-input:-internal-autofill-selected {
-webkit-box-shadow:inset 0 0 0 1000px #fff!important;
box-shadow:inset 0 0 0 1000px #fff!important
}
@media (max-width:767.98px) {
.form .form-item .form-input {
	font-size: 14px
}
}
.form .form-item .form-item-dropdown {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px
}
.form .form-item .form-item-dropdown .iconback {
	position: absolute;
	right: 10px;
	top: 50%;

	-webkit-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
	color: #adbacc;
	font-size: 18px
}
.form .form-item .form-item-dropdown .dropdown-list {
	position: absolute;
	border: 1px solid #edf0fa;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	top: 51px;
	right: 0;
	background: #fff;
	border-radius: 4px;
	z-index: 1;
	display: none
}
.form .form-item .form-item-dropdown .dropdown-list::before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #edf0fa;
	position: absolute;
	top: -7px;
	left: 36px
}
.form .form-item .form-item-dropdown .dropdown-list::after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	position: absolute;
	top: -6px;
	left: 37px
}
.form .form-item .form-item-dropdown .dropdown-list ul {
	height: 200px;
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: auto
}
.form .form-item .form-item-dropdown .dropdown-list li {
	padding: 10px 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 34px;
	line-height: 34px;
	cursor: pointer;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 14px
}
.form .form-item .form-item-dropdown .dropdown-list li.active, .form .form-item .form-item-dropdown .dropdown-list li:hover {
	background: #fafbff
}
.form .form-item .form-item-dropdown .dropdown-list li.active span, .form .form-item .form-item-dropdown .dropdown-list li:hover span {
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}
.form .form-item .form-item-dropdown .dropdown-list li.active span:first-child, .form .form-item .form-item-dropdown .dropdown-list li:hover span:first-child {
	color: #bf69ff
}
.form .form-item .form-item-dropdown .dropdown-list li span:last-child {
	color: #adbacc
}
.form .form-item .form-validate-error {
	border-color: #fd3333!important;
	-webkit-box-shadow: 0 0 12px -2px rgba(255,78,46,.3);
	box-shadow: 0 0 12px -2px rgba(255,78,46,.3)
}
.form .form-item .upload .upload-group-file {
	border: 1px solid #edf0fa;
	border-radius: 4px;
	padding: 12px 17px;
	margin-top: 4px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.form .form-item .upload .upload-group-file .loading {
	position: absolute;
	right: 12px;
	color: #adbacc;
	display: none
}
.form .form-item .upload .upload-group-file .loading i {
	-webkit-animation: loading .8s linear infinite;
	animation: loading .8s linear infinite;
	display: block
}
@-webkit-keyframes loading {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes loading {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.form .form-item .upload .upload-group-file .up {
	color: #bf69ff
}
.form .form-item .upload .upload-group-file .up span {
	display: none
}
.form .form-item .upload .upload-group-file .up span:first-child {
	display: block
}
.form .form-item .upload .upload-group-file .limit {
	font-size: 12px;
	color: #adbacc;
	margin-left: 12px
}
.form .form-item .upload .upload-group-file input {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 1;
	cursor: pointer
}
.form .form-item .upload .file-list {
	background: #fafbff;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-radius: 0 0 4px 4px;
	border: 1px solid #edf0fa;
	border-top: none;
	padding: 12px 17px;
	color: #0d2240;
	display: none
}
.form .form-item .upload .file-list .name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.form .form-item .upload .file-list .name img {
	width: 16px;
	height: 16px;
	margin-right: 12px
}
.form .form-item .upload .file-list .state img {
	width: 16px;
	height: 16px
}
.form .form-item .upload .desc {
	font-size: 14px;
	color: #adbacc;
	margin-top: 4px
}
.form .form-item .upload.show-file .upload-file {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}
.form .form-item .upload.show-file .file-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.form .form-item .group-input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative
}
.form .form-item .group-input .group-input-item:nth-child(1) {
	width: 38%
}
.form .form-item .group-input .group-input-item:nth-child(2) {
	width: 62%
}
.form .form-item .group-input .group-input-item:nth-child(2) .form-input {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.form .form-item .group-input .group-input-item .area {
	margin-top: 4px;
	border: 1px solid #edf0fa;
	padding: 14px 8px 10px 17px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #0d2240;
	border-radius: 4px 0 0 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.form .form-item .group-input .group-input-item .area i {
	color: #adbacc;
	font-size: 18px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.spec-en .form .form-item .group-input .group-input-item .area .value span {
	font-size: 12px;
	color: #adbacc;
	white-space: nowrap
}
.form .form-item .group-input .area-ul {
	position: absolute;
	border: 1px solid #edf0fa;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	top: 56px;
	right: 0;
	background: #fff;
	border-radius: 4px;
	z-index: 1;
	display: none
}
.form .form-item .group-input .area-ul::before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #edf0fa;
	position: absolute;
	top: -7px;
	left: 36px
}
.form .form-item .group-input .area-ul::after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	position: absolute;
	top: -6px;
	left: 37px
}
.form .form-item .group-input .area-ul ul {
	height: 200px;
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: auto
}
.form .form-item .group-input .area-ul li {
	padding: 10px 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 34px;
	line-height: 34px;
	cursor: pointer;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 14px
}
.form .form-item .group-input .area-ul li.active, .form .form-item .group-input .area-ul li:hover {
	background: #fafbff
}
.form .form-item .group-input .area-ul li.active span, .form .form-item .group-input .area-ul li:hover span {
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}
.form .form-item .group-input .area-ul li.active span:first-child, .form .form-item .group-input .area-ul li:hover span:first-child {
	color: #bf69ff
}
.form .form-item .group-input .area-ul li span:last-child {
	color: #adbacc
}
.form .form-footer {
	padding-top: 25px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}
.form .form-footer .go-user {
	margin-right: 40px;
	font-size: 16px;
	color: #bf69ff
}
@media (max-width:767.98px) {
.form .form-footer .go-user {
	font-size: 14px
}
}
.form button.submit span {
	display: none
}
.form button.submit span.send {
	display: block;
}
.form .agree {
	font-size: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.form .agree input {
	width: 14px;
	height: 14px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 14px;
	flex: 0 0 14px;
	-webkit-appearance: none;
	border: 1px solid #edf0fa;
	border-radius: 2px;
	margin: 0
}
.form .agree input.form-validate-error {
	border-color: #ef4425
}
.form .agree input:checked {
	border: 1px solid #bf69ff;
	position: relative
}
.form .agree input:checked::before {
	content: '\2713';
	position: absolute;
	top: 50%;
	left: 50%;
	color: #bf69ff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.form .agree label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #5a6a80;
	padding-left: 8px
}
.form .agree a {
	color: #ce99ff;
	text-decoration: underline
}
.form.form-home .agree {
	padding-left: 26%
}
.spec-en .form.form-home .agree {
	padding-left: 28%
}
@media (max-width:767.98px) {
.spec-en .form.form-home .agree {
	padding-left: 0
}
}
@media (max-width:767.98px) {
.form.form-home .agree {
	padding-left: 0
}
}
.form.form-home .form-website input {
	height: 44.5px
}
.spec-en .form.form-home .form-website label {
	margin-top: 0
}
.form-vertical .form-item {
	width: 45%;
	float: right
}
.form-vertical .form-item:nth-child(odd) {
	float: left
}
@media (max-width:767.98px) {
.form-vertical .form-item {
	float: none;
	width: 100%
}
.form-vertical .form-item:nth-child(odd) {
	float: none
}
}
.form-vertical .form-item.msg {
	float: none;
	width: 100%;
	clear: both
}
.form-vertical .form-item.form-upload {
	float: none;
	width: 100%;
	clear: both
}
.form-vertical .form-website {
	width: 100%
}
.form-line .form-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
@media (max-width:767.98px) {
.form-line .form-item {
	display: inline-block
}
}
.form-line .form-item label {
	float: left;
	width: 26%;
	padding-right: 30px;
	text-align: right;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 15px
}
.spec-en .form-line .form-item label {
	width: 29%
}
@media (max-width:767.98px) {
.spec-en .form-line .form-item label {
	width: 100%
}
}
@media (max-width:767.98px) {
.form-line .form-item label {
	float: none;
	width: 100%;
	margin-top: 0;
	display: block;
	text-align: left
}
}
.form-line .form-item.required label::after {
	content: normal
}
.form-line .form-item.required label span {
	position: relative
}
.form-line .form-item.required label span::after {
	content: '*';
	position: absolute;
	left: -10px;
	top: 0
}
@media (max-width:767.98px) {
.form-line .form-item.required label span::after {
	left: auto;
	right: -8px
}
}
.form-line .form-item.gp .group-input {
	width: 74%
}
@media (max-width:767.98px) {
.form-line .form-item.gp .group-input {
	width: auto
}
}
.form-line .form-item .form-input {
	float: left;
	width: 74%
}
.form-line .form-item .form-input[name=contact] {
	width: 100%
}
.spec-en .form-line .form-item .form-input {
	width: 72%
}
.spec-en .form-line .form-item .form-input[name=contact] {
	width: 100%
}
@media (max-width:767.98px) {
.spec-en .form-line .form-item .form-input {
	width: 100%
}
}
@media (max-width:767.98px) {
.form-line .form-item .form-input {
	float: none;
	width: 100%
}
}

@font-face {
  font-family: "bb2252";
  src: url("../fonts/bb2252.woff2") format("woff2"),
       url("../fonts/bb2252.woff") format("woff"),
       url("../fonts/bb2252.ttf") format("truetype"),
       url("../fonts/bb2252.eot") format("embedded-opentype"),
       url("../fonts/bb2252.svg") format("svg");
}

body {
	margin: 0;
	padding: 0;
	  font-family: "bb2252";
/*	font-family: "Open Sans", PingFangSC-Regular, Verdana, "Hiragino Sans", "Microsoft YaHei", sans-serif;
*/
	color: #0d2240
}
input, textarea {
	/*font-family: "Open Sans", PingFangSC-Regular, Verdana, "Hiragino Sans", "Microsoft YaHei", sans-serif*/
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
/*font-family:"Open Sans", PingFangSC-Regular, Verdana, "Hiragino Sans", "Microsoft YaHei", sans-serif*/
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
/*font-family:"Open Sans", PingFangSC-Regular, Verdana, "Hiragino Sans", "Microsoft YaHei", sans-serif*/
}
a {
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
h1, h2, h3, h4, h5, h6, p, ul, ul li {
	margin: 0;
	padding: 0;
	list-style: none
}
button, img {
	border: 0;
	outline: 0
}
.line-between {
	/* border-left: 1px solid #edf0fa; */
	/* border-right: 1px solid #edf0fa; */
}
@media (max-width:767.98px) {
.line-between {
	border-left: none;
	border-right: none
}
}
.line-top {
	/* border-top: 1px solid #edf0fa; */
}
.line-bottom {
	border-bottom: 1px solid #edf0fa
}
.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.pd {
	padding-top: 120px;
	padding-bottom: 120px
}
@media (max-width:767.98px) {
.pd {
	padding-top: 80px;
	padding-bottom: 40px
}
}
.pd-top {
	padding-top: 120px
}
@media (max-width:767.98px) {
.pd-top {
	padding-top: 80px
}
}
.pub-h1 {
	font-size: 80px;
	line-height: 80px;
	font-weight: 400;
	color: #0d2240
}
@media (max-width:767.98px) {
.pub-h1 {
	font-size: 40px
}
}
.pub-h2 {
	font-size: 48px;
	color: #0d2240;
	font-weight: 500
}
@media (max-width:767.98px) {
.pub-h2 {
	font-size: 24px
}
}
.pub-h2-line, .pub-h2-line-white {
	font-size: 48px;
	color: #0d2240;
	font-weight: 500;
	padding-left: 18px;
	position: relative;
	margin-left: -5px
}
.pub-h2-line-white::before, .pub-h2-line::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 4px;
	height: 20px;
	background: #bf69ff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
@media (max-width:767.98px) {
.pub-h2-line, .pub-h2-line-white {
	padding-left: 0;
	font-size: 20px;
	margin-left: 0
}
.pub-h2-line-white::before, .pub-h2-line::before {
	content: none
}
}
.pub-h2-line-white {
	color: #fff
}
.pub-h2-line-white::before {
	background-color: #fff
}
.pub-h3 {
	font-size: 24px;
	font-weight: 500
}
@media (max-width:767.98px) {
.pub-h3 {
	font-size: 16px
}
}
.pub-h4 {
	font-size: 20px;
	font-weight: 500;
	color: #0d2240
}
@media (max-width:767.98px) {
.pub-h4 {
	font-size: 14px
}
}
.pub-h48 {
	font-size: 48px;
	font-weight: 500
}
.pub-h5 {
	font-size: 18px;
	font-weight: 500;
	color: #0d2240
}
@media (max-width:767.98px) {
.pub-h5 {
	font-size: 14px
}
}
.pub-p18 {
	font-size: 18px;
	color: #5a6a80
}
@media (max-width:767.98px) {
.pub-p18 {
	font-size: 12px
}
}
.pub-p16 {
	font-size: 16px;
	color: #5a6a80
}
@media (max-width:767.98px) {
.pub-p16 {
	font-size: 12px
}
}
.pub-a14 {
	font-size: 14px
}
@media (max-width:767.98px) {
.pub-a14 {
	font-size: 12px
}
}
.font18 {
	font-size: 18px
}
@media (max-width:767.98px) {
.font18 {
	font-size: 14px
}
}
.font16 {
	font-size: 16px
}
@media (max-width:767.98px) {
.font16 {
	font-size: 12px
}
}
.font20 {
	font-size: 20px
}
@media (max-width:767.98px) {
.font20 {
	font-size: 12px
}
}
.font24 {
	font-size: 24px
}
@media (max-width:767.98px) {
.font24 {
	font-size: 16px
}
}
.font48 {
	font-size: 48px;
	color: #0d2240;
	font-weight: 500
}
.font48::before {
	content: none
}
@media (max-width:767.98px) {
.font48 {
	font-size: 24px
}
}
.font18_12 {
	font-size: 18px
}
@media (max-width:767.98px) {
.font18_12 {
	font-size: 12px
}
}
.font80 {
	font-size: 80px
}
@media (max-width:767.98px) {
.font80 {
	font-size: 40px
}
}
.pub-tab-nav {
	position: relative
}
.pub-tab-nav::before {
	position: absolute;
	content: '';
	left: -200%;
	right: -200%;
	bottom: 0;
	height: 0;
	border-bottom: 1px dashed #edf0fa
}
.pub-tab-nav .line {
	height: 2px;
	bottom: 0;
	position: absolute;
	left: 0;
	background: #0d2240;
	-webkit-transition: left .4s cubic-bezier(0, 0, .42, 1.24), width .4s cubic-bezier(0, 0, .42, 1.24);
	transition: left .4s cubic-bezier(0, 0, .42, 1.24), width .4s cubic-bezier(0, 0, .42, 1.24)
}
@media (max-width:767.98px) {
.pub-tab-nav .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow-x: auto
}
}
.pub-tab-nav .item {
	font-size: 18px;
	color: #5a6a80;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 64px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.pub-tab-nav .item:hover {
	color: #bf69ff
}
.pub-tab-nav .item.active {
	color: #0d2240
}
@media (max-width:767.98px) {
.pub-tab-nav .item {
	font-size: 14px;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	text-align: center
}
}
.pd_16 {
	padding-left: 16px;
	padding-right: 16px
}
@media (max-width:767.98px) {
.pd_16 {
	padding-left: 16px;
	padding-right: 16px
}
}
.pd_120_96 {
	padding-top: 160px
}
@media (max-width:767.98px) {
.pd_120_96 {
	padding-top: 96px;
	padding-bottom: 72px
}
}
.c-title {
	font-size: 34px;
	font-weight: 600;
	color: #0d2240
}
@media (max-width:767.98px) {
.c-title {
	font-size: 24px
}
}
.c-desc {
	font-size: 22px;
	font-weight: 400;
	color: #5a6a80
}
@media (max-width:767.98px) {
.c-desc {
	font-size: 16px
}
}
.n-c1 {
	font-size: 40px;
	font-weight: 400;
	color: #bf69ff
}
.sm-title {
	font-size: 22px;
	font-weight: 600;
	color: #0d2240
}
@media (max-width:767.98px) {
.sm-title {
	font-size: 18px
}
}
.sm-desc {
	font-size: 20px;
	font-weight: 400;
	color: #5a6a80
}
@media (max-width:767.98px) {
.sm-desc {
	font-size: 16px
}
}
.f18 {
	font-size: 18px;
	font-weight: 400;
	color: #0d2240
}
.f16 {
	font-size: 16px;
	font-weight: 400;
	color: #5a6a80
}
@media (max-width:767.98px) {
.f16 {
	font-size: 14px
}
}
.header {
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	-webkit-transition: background-color .3s ease;
	transition: background-color .3s ease
}
.header::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 0;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
	z-index: -3;
	background: linear-gradient(to bottom, #fff 96px, #fafbfc 96px);
	opacity: 0;
	-webkit-box-shadow: 0 5px 14px -3px rgba(0,0,0,.06), 0 1px 6px -1px rgba(0,0,0,.06), 0 0 3px -1px rgba(0,0,0,.06);
	box-shadow: 0 5px 14px -3px rgba(0,0,0,.06), 0 1px 6px -1px rgba(0,0,0,.06), 0 0 3px -1px rgba(0,0,0,.06)
}
.header-menu {
	width: 100%;
	height: 96px;
	overflow: hidden;
	position: relative;
	z-index: 1
}
@media (max-width:767.98px) {
.header-menu {
	height: 48px
}
}
@media (max-width:767.98px) {
.header-hover .header-menu {
	overflow: visible;
	height: 100%;
	background: #fff
}
}
.header-menu .container {
	position: relative
}
@media (max-width:767.98px) {
.header-hover .header-menu .container {
	height: 100%
}
}
.header-menu .logo {
	margin-top: 25px;
	float: left
}
@media (max-width:767.98px) {
.header-menu .logo {
	margin-top: 10px
}
}
.header-menu .logo a {
	display: block;
	width: 168px;
	height: 60px;
	background: url(../images/logo.png) no-repeat center center;
	background-size:100% auto !important;
}
.header-white .header-menu .logo a {
	background-image: url(../images/logo-white.png)
}
.header-fixed.header-white .header-menu .logo a, .header-hover.header-white .header-menu .logo a {
	
}

@media (max-width:767.98px) {
.header-menu .logo a {
	width: 85px;
	height: 29px
}
}
.header-menu .nav {
	overflow: hidden;
	margin-top: 27px;
	margin-left: 23px;
	float: left
}
.header-menu .nav:hover li {
	opacity: .5
}
@media (max-width:767.98px) {
.header-menu .nav {
	display: none
}
}
@media (max-width:767.98px) {
.header-hover .header-menu .nav {
	display: block;
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-top: 48px;
	margin-left: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	overflow-y: auto;
	border-top: 1px solid #edf0fa
}
.header-hover .header-menu .nav:hover li {
	opacity: 1
}
}
.header-menu .nav li {
	float: left;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease
}
@media (max-width:767.98px) {
.header-menu .nav li {
	width: 100%
}
}
.header-hover .header-menu .nav li {
	opacity: .5
}
@media (max-width:767.98px) {
.header-hover .header-menu .nav li {
	opacity: 1
}
}
.header-menu .nav li a {
	height: 42px;
	line-height: 42px;
	display: block;
	text-align: center;
	color: #0d2240;
	font-size: 16px;
	padding: 0 20px
}
@media (max-width:767.98px) {
.header-menu .nav li a {
	padding: 0
}
}
.header-menu .nav li a i {
	display: none;
	font-size: 20px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	font-weight: 200
}
.header-white .header-menu .nav li a {
	color: #fff
}
.header-fixed.header-white .header-menu .nav li a, .header-hover.header-white .header-menu .nav li a {
	color: #0d2240
}
@media (max-width:767.98px) {
.header-hover .header-menu .nav li a {
	text-align: left;
	margin-left: 16px;
	margin-right: 16px;
	border-bottom: 1px solid #edf0fa;
	height: 50px;
	line-height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 600
}
.header-hover .header-menu .nav li a i.drop-down {
	display: block;
	color: #b7bcc2
}
}
.header-menu .nav li.active {
	opacity: 1
}
.header-menu .nav li.login {
	float: none;
	position: absolute;
	right: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.header-menu .nav li.login:hover .switch-lang {
	opacity: .5
}
.header-menu .nav li.login:hover .login-btn {
	opacity: .5
}
.header-menu .nav li.login .switch-lang {
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 24px;
	height: 40px;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	font-weight: 500
}
.header-menu .nav li.login .switch-lang i {
	display: block;
	font-size: 16px;
	margin-right: 4px;
	-webkit-transform: none;
	transform: none
}
.header-menu .nav li.login .switch-lang:hover {
	color: #bf69ff;
	opacity: 1
}
.header-white .header-menu .nav li.login .switch-lang {
	color: #fff
}
.header-white .header-menu .nav li.login .switch-lang:hover {
	opacity: 1
}
.header-fixed.header-white .header-menu .nav li.login .switch-lang {
	color: #0d2240
}
@media (max-width:767.98px) {
.header-hover .header-menu .nav li.login {
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	border-top: 1px solid #edf0fa;
	background: #fff
}
.header-hover .header-menu .nav li.login .switch-lang {
	color: #0d2240;
	margin-left: 16px
}
}
.header-menu .nav li.login .login-btn {
	float: left;
	font-size: 16px;
	color: #bf69ff;
	border: 1px solid #bf69ff;
	border-radius: 18px;
	display: inline;
	height: 36px;
	line-height: 36px;
	font-weight: 500
}
.header-menu .nav li.login .login-btn:hover {
	opacity: 1!important;
	background: #bf69ff;
	color: #fff
}
@media (max-width:767.98px) {
.header-menu .nav li.login .login-btn:hover {
	background: 0 0;
	color: #0d2240
}
}
.header-white .header-menu .nav li.login .login-btn {
	color: #fff;
	border-color: #fff
}
.header-white .header-menu .nav li.login .login-btn:hover {
	color: #bf69ff;
	background: #fff
}
.header-hover.header-white .header-menu .nav li.login .login-btn {
	border-color: #bf69ff;
	color: #bf69ff
}
@media (max-width:767.98px) {
.header-hover.header-white .header-menu .nav li.login .login-btn {
	border-color: #f6f6f7;
	color: #0d2240
}
}
.header-fixed.header-white .header-menu .nav li.login .login-btn {
	color: #bf69ff;
	border-color: #bf69ff
}
.header-fixed.header-white .header-menu .nav li.login .login-btn:hover {
	background: #bf69ff;
	color: #fff
}
@media (max-width:767.98px) {
.header-fixed.header-white .header-menu .nav li.login .login-btn {
	color: #0d2240;
	border-color: #edf0fa
}
.header-fixed.header-white .header-menu .nav li.login .login-btn:hover {
	background: 0 0;
	color: #0d2240
}
}
@media (max-width:767.98px) {
.header-hover .header-menu .nav li.login .login-btn {
	border: none;
	color: #0d2240;
	padding: 0;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #edf0fa;
	border-radius: 0;
	display: block;
	margin-right: 16px
}
}
.header-menu-dropdown {
	overflow: hidden;
	position: relative
}
@media (max-width:767.98px) {
.header-hover .header-menu-dropdown .menu-group-mobile-show {
	display: block
}
}
.header-menu-dropdown .menu-group-padding {
	padding: 40px 0 60px 0
}
.header-menu-dropdown .menu-group {
	display: none;
	overflow: hidden
}
.header-menu-dropdown .menu-group .column-name {
	text-align: center;
	font-size: 20px;
	color: #0d2240;
	padding-top: 20px
}
.header-menu-dropdown .menu-group .column-name i {
	display: none;
	font-size: 22px
}
.header-menu-dropdown .menu-group .column-link {
	position: relative
}
@media (max-width:767.98px) {
.header-menu-dropdown .menu-group .column-link.solutions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.header-menu-dropdown .menu-group .column-link.solutions a:nth-child(1) {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0
}
.header-menu-dropdown .menu-group .column-link.solutions a:nth-child(2) {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3
}
.header-menu-dropdown .menu-group .column-link.solutions a:nth-child(3) {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}
.header-menu-dropdown .menu-group .column-link.solutions a:nth-child(4) {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4
}
.header-menu-dropdown .menu-group .column-link.solutions a:nth-child(5) {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}
.header-menu-dropdown .menu-group .column-link.solutions a:nth-child(6) {
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5
}
}
.header-menu-dropdown .menu-group .column-link::before {
	content: '';
	position: absolute;
	left: 0;
	top: 20px;
	bottom: 20px;
	width: 1px;
	background: #0d2240;
	opacity: .08
}
.header-menu-dropdown .menu-group .column-link a {
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 92px
}
@media (max-width:767.98px) {
.header-menu-dropdown .menu-group .column-link a {
	min-height: auto
}
}
.header-menu-dropdown .menu-group .column-link a:hover {
	padding-left: 10px
}
.header-menu-dropdown .menu-group .column-link a .img {
	float: left
}
.header-menu-dropdown .menu-group .column-link a .img img {
	width: 40px;
	height: 40px
}
.header-menu-dropdown .menu-group .column-link a .aside {
	float: left;
	margin-left: 20px;
	width: calc(100% - 60px)
}
.header-menu-dropdown .menu-group .column-link a .aside b {
	font-size: 16px;
	font-weight: 600;
	color: #0d2240;
	display: block
}
.header-menu-dropdown .menu-group .column-link a .aside span {
	color: #0d2240;
	font-size: 14px;
	opacity: .5;
	display: block;
	width: 95%
}
.header-menu-dropdown .menu-group-hover-right {
	display: block;
	-webkit-animation: menugrouphoverright .3s ease-in-out;
	animation: menugrouphoverright .3s ease-in-out
}
@-webkit-keyframes menugrouphoverright {
0% {
opacity:0;
margin-left:50px
}
40% {
opacity:0;
margin-left:50px
}
to {
	opacity: 1;
	margin-left: 0
}
}
@keyframes menugrouphoverright {
0% {
opacity:0;
margin-left:50px
}
40% {
opacity:0;
margin-left:50px
}
to {
	opacity: 1;
	margin-left: 0
}
}
.header-menu-dropdown .menu-group-hover-left {
	display: block;
	-webkit-animation: menugrouphoverleft .3s ease-in-out;
	animation: menugrouphoverleft .3s ease-in-out
}
@-webkit-keyframes menugrouphoverleft {
0% {
opacity:0;
margin-left:-50px
}
40% {
opacity:0;
margin-left:-50px
}
to {
	opacity: 1;
	margin-left: 0
}
}
@keyframes menugrouphoverleft {
0% {
opacity:0;
margin-left:-50px
}
40% {
opacity:0;
margin-left:-50px
}
to {
	opacity: 1;
	margin-left: 0
}
}
.header-mobile-menu, .header-mobile-menu-close {
	float: right;
	display: none;
	margin-top: 8px
}
.header-mobile-menu i, .header-mobile-menu-close i {
	font-size: 32px
}
@media (max-width:767.98px) {
.header-white .header-mobile-menu i, .header-white .header-mobile-menu-close i {
	color: #fff
}
}
.header-fixed.header-white .header-mobile-menu i, .header-fixed.header-white .header-mobile-menu-close i {
	color: #0d2240
}
@media (min-width:767.98px) {
.header-mobile-menu, .header-mobile-menu-close {
	display: none!important
}
}
@media (max-width:767.98px) {
.header-white .header-mobile-menu-close i {
	color: #0d2240
}
}
@media (max-width:767.98px) {
.header-mobile-menu {
	display: block
}
.mobile-menu-dropdown {
	position: absolute;
	top: 48px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 1;
	border-top: 1px solid #edf0fa
}
.mobile-menu-dropdown .container {
	overflow-y: auto;
	height: 100%
}
.mobile-menu-dropdown .menu-group {
	padding: 0
}
.mobile-menu-dropdown .menu-group .column-name {
	text-align: left;
	font-size: 14px;
	color: #bf69ff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	padding: 15px 0
}
.mobile-menu-dropdown .menu-group .column-name i {
	display: block;
	margin-left: -5px
}
.mobile-menu-dropdown .menu-group .column-link::before {
	opacity: 0
}
.mobile-menu-dropdown .menu-group .column-link a {
	margin: 0;
	display: block;
	overflow: hidden;
	padding: 15px 0;
	-webkit-transition: none;
	transition: none;
	border-bottom: 1px solid #edf0fa
}
.mobile-menu-dropdown .menu-group .column-link a .img {
	display: none
}
.mobile-menu-dropdown .menu-group .column-link a:hover {
	padding-left: 0
}
.mobile-menu-dropdown .menu-group .column-link a .aside {
	float: none;
	width: 100%;
	margin-left: 0
}
.mobile-menu-dropdown .menu-group .column-link a .aside b {
	font-size: 14px
}
.mobile-menu-dropdown .menu-group .column-link a .aside span {
	font-size: 12px;
	opacity: 1;
	color: #adbacc;
	margin-top: 4px
}
}
.header-hover::before {
	height: 100%;
	opacity: 1
}
@media (max-width:767.98px) {
.header-hover {
	position: fixed;
	bottom: 0;
	height: 100%
}
.header-hover::before {
	-webkit-box-shadow: none;
	box-shadow: none
}
}
.header-fixed {
	position: fixed
}
.header-fixed::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 96px;
	background: #fff;
	-webkit-box-shadow: 0 5px 14px -3px rgba(0,0,0,.06), 0 1px 6px -1px rgba(0,0,0,.06), 0 0 3px -1px rgba(0,0,0,.06);
	box-shadow: 0 5px 14px -3px rgba(0,0,0,.06), 0 1px 6px -1px rgba(0,0,0,.06), 0 0 3px -1px rgba(0,0,0,.06)
}
@media (max-width:767.98px) {
.header-fixed::after {
	height: 48px
}
}
.header-fixed.header-hover::after {
	-webkit-box-shadow: none;
	box-shadow: none
}
.header-mobile-fixed {
	border-bottom: 1px solid #edf0fa
}
.header-mobile-fixed::after {
	-webkit-box-shadow: none;
	box-shadow: none
}
.header-enter {
	top: 0;
	-webkit-animation: headerenter .5s ease;
	animation: headerenter .5s ease
}
@-webkit-keyframes headerenter {
0% {
top:-96px;
opacity:0
}
to {
	top: 0;
	opacity: 1
}
}
@keyframes headerenter {
0% {
top:-96px;
opacity:0
}
to {
	top: 0;
	opacity: 1
}
}
.header-leave-init {
	top: -96px
}
.header-leave {
	top: -96px;
	-webkit-transition: top .5s ease;
	transition: top .5s ease
}
.footer {
	overflow: hidden
}
.footer.footer-white {
	background: #fafbff
}
.footer.footer-black {
	background: #08264d
}
.footer.footer-black .container {
	border-color: rgba(237,240,250,.08)
}
.footer-copy {
	overflow: hidden
}
.footer-white .footer-copy {
	border-color: #edf0fa;
	border-top: 1px solid #edf0fa
}
.footer-black .footer-copy {
	border-top: 1px dashed rgba(237,240,250,.08)
}
.footer-copy .container {
	padding-top: 80px;
	padding-bottom: 80px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
@media (max-width:767.98px) {
.footer-copy .container {
	display: block;
	padding-top: 30px;
	padding-bottom: 20px
}
}
.footer-copy .left .logo {
	width: 168px;
	height: 40px;

}
.footer-white .footer-copy .left .logo {
	background-image: url(../images/logo.png)
}
.footer-copy .left .address {
	color: #adbacc;
	margin-top: 14px;
	font-size: 14px
}
.footer-copy .left .language {
	margin-left: 22px
}
.footer-copy .left .language .switch {
	color: #adbacc;
	border: 1px solid rgba(237,240,250,.3);
	border-radius: 35px;
	font-size: 14px;
	padding: 8px 16px;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
.footer-copy .left .language .switch:hover {
	opacity: 1;
	background: #fff;
	color: #0d2240
}
.footer-white .footer-copy .left .language .switch {
	border-color: #edf0fa;
	color: #5a6a80
}
.footer-white .footer-copy .left .language .switch:hover {
	background: #edf0fa;
	color: #0d2240
}
@media (max-width:767.98px) {
.footer-copy .left {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.footer-copy .left .logo {
	width: 120px;
	height: 29px
}
.footer-copy .left .language .switch {
	padding: 4px 15px;
	font-size: 12px
}
}
.footer-copy .right {
	color: #5a6a80;
	font-size: 16px;
	text-align: right
}
.footer-white .footer-copy .right {
	color: #adbacc
}
@media (max-width:767.98px) {
.footer-copy .right {
	font-size: 14px;
	text-align: center;
	margin-top: 40px
}
}
.footer-menu {
	padding: 50px 0 87px 0;
	overflow: hidden
}
.footer-menu .col-md-6 {
	width: 21%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left
}
.footer-menu .col-md-6:last-child {
	float: right;
	margin-top: -200px;
	position: relative
}
@media (max-width:767.98px) {
.footer-menu .col-xs-12 {
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
	float: left
}
.footer-menu .col-xs-12:last-child {
	width: 100%;
	margin-top: 0
}
}
.footer-menu ul {
	margin-top: 27px;
	overflow: hidden
}
.footer-menu ul li a {
	color: #adbacc;
	font-size: 16px;
	padding: 8px 0;
	display: inline-block
}
.footer-menu ul li a:hover {
	opacity: 1;
	color: #fff
}
.footer-menu ul li a img {
	opacity: .5
}
.footer-menu ul li a img:hover {
	opacity: 1
}
.footer-menu ul .social-icons {
	width: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}
.footer-menu ul .social-icons li {
	margin-right: 8px
}
.footer-menu ul .social-icons li:hover .wechat-account{ display:block}
.footer-menu ul .social-icons li a img {
	width: 32px
}
.footer-menu ul .social-icons li.wechat .wechat-account {
	z-index: 999;
	display: none;
	position: absolute;
	right: 150px;
	bottom: -158px
}
.footer-menu ul .social-icons li.wechat .wechat-account img {
	width: 160px;
	border-radius: 8px
}
@media (max-width:991.98px) {
.footer-menu ul .social-icons li.wechat .wechat-account {
	z-index: 999;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -80px;
	margin-top: -80px
}
}
.footer-menu .title {
	font-size: 18px;
	color: #fff;
	margin-bottom: 10px
}
@media (max-width:767.98px) {
.footer-menu {
	padding-top: 33px;
	padding-bottom: 40px
}
.footer-menu .mobile-clear {
	clear: both
}
.footer-menu .title {
	font-size: 16px
}
.footer-menu ul li a {
	font-size: 14px
}
}
#mask {
	display: none;
	width: 100vh;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.3);
	z-index: 99
}
.global-banner {
	overflow: hidden;
	height: 800px
}
@media (max-width:767.98px) {
.global-banner {
	height: 611px
}
}
.global-banner .container {
	position: relative
}
.global-banner .container::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -80px;
	width: 0;
	height: 80px;
	border-left: 1px solid #edf0fa
}
.global-banner .container::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -80px;
	width: 0;
	height: 80px;
	border-right: 1px solid #edf0fa
}
.common-banner {
	position: relative
}
.common-banner::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	right: 0;
	height: 1px;
	margin-left: -678px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(12,113,255,0)), color-stop(48%, rgba(12,113,255,0)), to(rgba(12,113,255,.3)));
	background: linear-gradient(180deg, rgba(12,113,255,0) 0, rgba(12,113,255,0) 48%, rgba(12,113,255,.3) 100%);
	z-index: -1
}
.common-banner .banner-layer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 720px
}
@media (max-width:767.98px) {
.common-banner .banner-layer {
	height: 530px
}
}
.common-banner .banner-layer div:nth-child(1) {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -5;
	right: 0
}
.common-banner .banner-layer div:nth-child(1)::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 1200px;
	z-index: -3
}
.banner-theme-skyblue .common-banner .banner-layer div:nth-child(1)::before {
	background: linear-gradient(170deg, rgba(12,113,255,.6) 50%, transparent 50%)
}
.banner-theme-green .common-banner .banner-layer div:nth-child(1)::before {
	background: linear-gradient(170deg, rgba(0,195,82,.6) 50%, transparent 50%)
}
.banner-theme-yellow .common-banner .banner-layer div:nth-child(1)::before {
	background: linear-gradient(170deg, rgba(255,202,77,.6) 50%, transparent 50%)
}
.banner-theme-grey .common-banner .banner-layer div:nth-child(1)::before {
	background: linear-gradient(170deg, rgba(141,148,187,.6) 50%, transparent 50%)
}
@media (max-width:767.98px) {
.common-banner .banner-layer div:nth-child(1)::before {
	height: 1065px
}
}
.common-banner .banner-layer div:nth-child(1)::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 1200px;
	z-index: -2;
	background: linear-gradient(225deg, #fff 45%, rgba(255,255,255,.4) 90%)
}
@media (max-width:767.98px) {
.common-banner .banner-layer div:nth-child(1)::after {
	height: 1065px
}
}
.common-banner .banner-layer div:nth-child(2) {
	height: 720px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -4
}
.banner-theme-skyblue .common-banner .banner-layer div:nth-child(2) {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(12,113,255,0)), color-stop(48%, rgba(12,113,255,0)), to(rgba(12,113,255,.2)));
	background: linear-gradient(0deg, rgba(12,113,255,0) 0, rgba(12,113,255,0) 48%, rgba(12,113,255,.2) 100%)
}
.banner-theme-green .common-banner .banner-layer div:nth-child(2) {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,195,82,0)), color-stop(48%, rgba(0,195,82,0)), to(rgba(0,195,82,.2)));
	background: linear-gradient(0deg, rgba(0,195,82,0) 0, rgba(0,195,82,0) 48%, rgba(0,195,82,.2) 100%)
}
.banner-theme-yellow .common-banner .banner-layer div:nth-child(2) {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,202,77,0)), color-stop(48%, rgba(255,202,77,0)), to(rgba(255,202,77,.2)));
	background: linear-gradient(0deg, rgba(255,202,77,0) 0, rgba(255,202,77,0) 48%, rgba(255,202,77,.2) 100%)
}
.banner-theme-grey .common-banner .banner-layer div:nth-child(2) {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(141,148,187,0)), color-stop(48%, rgba(141,148,187,0)), to(rgba(141,148,187,.2)));
	background: linear-gradient(0deg, rgba(141,148,187,0) 0, rgba(141,148,187,0) 48%, rgba(141,148,187,.2) 100%)
}
.common-banner .container {
	height: 720px;
	position: relative
}
@media (max-width:767.98px) {
.common-banner .container {
	height: 530px
}
}
.common-banner .container .follow {
	width: 35%;
	padding-top: 212px;
	overflow: hidden;
	position: relative;
	z-index: 1
}
.spec-en .common-banner .container .follow {
	width: 41%
}
@media (max-width:767.98px) {
.spec-en .common-banner .container .follow {
	width: 100%
}
}
.common-banner .container .follow .icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.common-banner .container .follow .icon img {
	width: 37px;
	height: 37px
}
.common-banner .container .follow .icon span {
	display: block
}
.banner-theme-skyblue .common-banner .container .follow .icon span {
	color: #bf69ff
}
.banner-theme-green .common-banner .container .follow .icon span {
	color: #00c352
}
.banner-theme-yellow .common-banner .container .follow .icon span {
	color: #ffc438
}
.common-banner .container .follow h1 {
	margin-top: 16px
}
.common-banner .container .follow p {
	margin-top: 16px
}
@media (max-width:767.98px) {
.common-banner .container .follow {
	width: 100%;
	padding-top: 88px
}
.common-banner .container .follow .icon img {
	width: 24px;
	height: 24px
}
.common-banner .container .follow h1 {
	margin-top: 8px;
	font-size: 36px;
	line-height: 40px
}
.common-banner .container .follow p {
	margin-top: 8px;
	font-size: 16px;
	line-height: 20px
}
}
.common-banner .container .gif {
	position: absolute;
	width: 500px;
	height: 620px;
	bottom: 0;
	right: 230px;
	background-repeat: no-repeat;
	background-size: 100% 100%
}
@media (max-width:767.98px) {
.common-banner .container .gif {
	width: 250px;
	height: 312px;
	left: 16px;
	right: auto
}
}
.common-banner .people {
	position: absolute;
	bottom: -75px;
	left: 50%;
	width: 840px;
	height: 704px;
	margin-left: 118px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom
}
@media (max-width:767.98px) {
.common-banner .people {
	width: 467px;
	height: 365px;
	bottom: -80px;
	margin-left: -111px
}
}
.inside_con{ padding:10px 0; min-height: 300px;}
.selectPic{   position: absolute;
    top: 50px;
    left: 50%;
    margin-left: 0;
    cursor: move}
.selectPic img{width: 1200px; height: 1200px;}
.cent02{ display:none}
.cent01-bg{ display:block}

.cent03-bg{ text-align:center; padding-top:3%;}
.cent03-bg img{ max-width:100%; vertical-align:bottom; margin-top:3%}

.cent01-bg{ padding-top:3%; text-align:center;}
.cent01 .img{position:relative;margin-top: 3%;}
.cent01 .img>img{ width:100%; vertical-align:bottom;}
.cent01 .img ul{}
.cent01 .img ul li{}
.cent01 .img ul li .lam{position:absolute;top: 14%;left: 62%;width:30%;height:30%;/* background: #00000054; */}
.cent01 .img ul li .south{opacity:0;position:absolute;top:0;display: flex;align-items: center;flex-wrap: wrap;}

.cent01 .img ul li .south h3{color:#1e102e;font-size:20px;display: flex;align-items: center;flex: 1;white-space: nowrap;flex-direction: row-reverse;margin-right:10px}
.cent01 .img ul li .south dl{display: flex;align-items: center;/* flex-wrap: wrap; */padding: 0;flex: 1;}
.cent01 .img ul li .south dl dd{
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	flex-direction: column;
 	margin-left: 0; margin-right: 10px;
 	}
.cent01 .img ul li .south dl dd img{ width:90px; height:auto;}
.cent01 .img ul li .south dl dd span{display:block;font-size:12px;color:#1e102e;margin-top: 10px; }
.cent01 .img ul li .lam:hover .south{opacity:1;}
.cent01 .img ul li:nth-child(1) .lam {
    height: 34%;
    width: 23%;
}
.cent01 .img ul li:nth-child(2) .lam{
    top: 46%;
    left: 64%;
    height: 20%;
    width: 20%;
}
.cent01 .img ul li:nth-child(3) .lam{
    top: 29%;
    left: 19%;
    width: 20%;
    height: 58%;
}
.cent01 .img ul li:nth-child(4) .lam{
    top: 37%;
    left: 46%;
    width: 16%;
    height: 42%;
}

.cent01 .img ul li:nth-child(1) .south {
    top: 25%;
    width: 122%;
    left: -32%;
}
.cent01 .img ul li:nth-child(2) .south {
    width: 58%;
    left: 69%;
    top: -5%;
    flex-direction: column;
}
.cent01 .img ul li:nth-child(3) .south {
    width: 57%;
    top: 39%;
    flex-direction: column;
}
.cent01 .img ul li:nth-child(4) .south {
    bottom: -127%;
    top: inherit;
    width: 281%;
    left: -79%;
}

.cent01 .img ul li:nth-child(2) .south dl{flex-wrap: wrap;}
.cent01 .img ul li:nth-child(3) .south dl{flex-wrap: wrap;}

.cent04-bg{ background:url(../images/bej.png) center no-repeat; background-size:100% 100%; padding:6% 0}
/*scroll_03*/
.cent04{ text-align:center;}
.scroll_03{ margin-top:4%;}
.scroll_03 .bd{width:100%;/* overflow:hidden; */}
.scroll_03 .bd li{float:left;margin: 10px 20px 10px 0;position:relative;width: calc((100% - 120px)/6); }
.scroll_03 .bd li:before{height: 100%;width: 100%;content: "";background-image: linear-gradient(to right, #fff, #ffffff47);border-radius:10px;top: 0%;left: 0%;position: absolute;/* transform: translate(-50%, 0); */display: block;z-index: 0;transform: skewX(-20deg);}
.scroll_03 .bd li .img{height:135px;z-index: 9;position: relative; display: flex; justify-content: center;  align-items: center;}
.scroll_03 .bd li .img table tr td{ height:150px; display: flex; justify-content: center;  align-items: center;}
.scroll_03 .bd li .img table tr td img{max-width: 100px;max-height:66px;}
.scroll_03 .bd li:nth-child(6n) {
    margin-right: 0% ;
}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
@media only screen and (max-width: 980px) {
.selectPic{
    display: none;
}
.cent01-bg{ display:none;}
.cent02{ display:block}
.cent02 img{ width:100%; vertical-align:bottom;}
.scroll_03 .bd li{width: calc((100% - 20px)/2); }
.scroll_03 .bd li:nth-child(2n) {
    margin-right: 0% ;
}
.scroll_03 .bd{ width:90%; margin:0 auto;}
.scroll_03 .bd li .img{height:80px;}
.scroll_03 .bd li .img table tr td{ height:80px;}
.scroll_03 .bd li .img table tr td img{ max-width:78px; max-height:48px;}
}