/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* start editing from here */
a {
	text-decoration: none;
}

.hidden {
	overflow: hidden;
}

.txt-rt {
	text-align: right;
}

/* text align right */
.txt-lt {
	text-align: left;
}

/* text align left */
.txt-center {
	text-align: center;
}

/* text align center */
.float-rt {
	float: right;
}

/* float right */
.float-lt {
	float: left;
}

/* float left */
.clear {
	clear: both;
}

/* clear float */
.pos-relative {
	position: relative;
}

/* Position Relative */
.pos-absolute {
	position: absolute;
}

/* Position Absolute */
.vertical-base {
	vertical-align: baseline;
}

/* vertical align baseline */
.vertical-top {
	vertical-align: top;
}

/* vertical align top */
.underline {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	margin: 0 0 20px 0;
}

/* Add 5px bottom padding and a underline */
nav.vertical ul li {
	display: block;
}

/* vertical menu */
nav.horizontal ul li {
	display: inline-block;
}

/* horizontal menu */
/* img{max-width:100%;} */
/*end reset*/
body {
	background: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	overflow-x: hidden;
}

.mask {
	width: 100%;
	height: 100%;
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	opacity: 0.3;
	/*兼容IE8及以下版本浏览器*/
	filter: alpha(opacity=30);
	display: none;
}

.popUp {
	position: fixed;
	width: 650px;
	height: 100%;
	right: -660px;
	top: 0;
	box-shadow: 0px 0px 5px 5px #ccc;
	background-color: #fff;
	z-index: 1000;
}

.popUp>h3 {
	font-size: 15px;
	line-height: 40px;
	border-bottom: 1px solid #c1c1c1;
}

.popUpDetail {
	padding: 20px 0 0 15px;
	height: 89%;
	box-sizing: border-box;
	overflow-y: auto;
	border-bottom: 1px solid #ccc;
}

.popUpDetail h4 {
	line-height: 60px;
	font-size: 18px;
	font-weight: bold;
}

.popUpDetailImg {
	width: 30%;
	height: 12%;
	position: absolute;
	right: 7%;
	top: 9%;
	border: 1px solid #ccc;
}

.popUpDetailImg img {
	width: 100%;
	height: 100%;
}

.popUpDetail .headerLabel {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

.popUpDetail ul {
	margin-bottom: 20px;
}

.popUpDetail ul li {
	line-height: 24px;
	color: #777;
	font-size: 14px;
}

.popUpDetail ul li>label {
	font-weight: bold;
	display: inline-block;
	width: 30%;
	color: #555;
}

.popUpfooter {
	float: right;
	margin-right: 5%;
	margin-top: 3%;
}

.popUpfooter>button {
	background-color: #fff;
	border-style: none;
	border: 1px solid #ccc;
	padding: 5px 15px;
	border-radius: 5px;
}

.wrap {
	margin: 0 auto;
	width: 80%;
	padding-bottom: 50px;
	;
}

/*****/
.content {
	background: url(../images/slider.png) no-repeat;
	background-size: 100%;
	background-size: cover;
}

.apply {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url('../images/solution.png') no-repeat;
	height: 100%;
	width: 100%;
	background-size: cover;
}

.applyForm {
	box-sizing: border-box;
	margin: 30px auto 0px auto;
	padding: 30px 50px;
	width: 500px;
	background: #fff;
	border-radius: 10px;
}

.applyForm h3 {
	font-size: 2em;
	text-align: center;
	margin-bottom: 0.2em;
}

.applyForm p {
	color: #9B9B9B;
	padding: 1em 5em;
}

.applyForm input,
.applyForm select {
	box-sizing: border-box;
	width: 100%;
	padding: 3%;
	margin: 1em 0;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: none;
}

.applyForm input[type="submit"] {
	background-color: #2C89F6;
	color: #fff;
	cursor: pointer;
}

/*------- Skills rings-------*/
.heading {
	color: #fff;
	margin: 0 auto;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 50px;
}

.heading>p {
	color: #ccc;
	font-size: 0.6em;
	font-weight: 400;
	line-height: 3em;
}

.para {
	color: #6C6C6C;
	padding: 3em 0em 4em 0em;
	text-align: center;
}

.centertxt {
	width: 85%;
	margin: 0 auto;
}

.text-light {
	background: #F5F5F5;
	padding: 3em 0em;
}

.chart {
	position: relative;
	display: inline-block;
	margin: 1em;
	width: 230px;
	height: 230px;
	text-align: center;
}

.chart canvas {
	width: 230px;
	height: 230px;
}

.chart-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.percent,
.count-number,
.count-number-done {
	color: #666;
	font-weight: 700;
	font-size: 2.333em;
	line-height: 1.34;
}

.text-light .percent,
.text-light .count-number,
.text-light .count-number-done {
	color: #656565;
}

.percent:after {
	content: '%';
}

.chart-title,
.count-subject {
	font-weight: 700;
	font-size: 0.889em;
}

.chart-title {
	color: #999;
}

.text-light .chart-title,
.text-light .count-subject {
	color: #656565;
}

.text-light .timeline .experience-info p {
	color: rgba(255, 255, 255, 0.7);
}

.text-light .timeline time {
	color: rgba(255, 255, 255, 0.5);
}

.text-light .timeline .experience,
.text-light .timeline .experience .circle {
	border-color: rgba(255, 255, 255, 0.5);
}

/*-------------Timeline-----*/
.exper {
	padding: 4em 0em;
}

.timeline-label h4 {
	margin-top: 0;
	font-size: 1.9em;
	color: #55C1E5;
	padding: 1em 0em;
	font-weight: 600;
}

.timeline-label p {
	font-size: 1.09em;
	color: #696969;
	padding: 0.5em 0em;
	line-height: 1.7em;
}

.timeline-label {
	padding: 6em 0em;
}

.timeline .experience {
	position: relative;
	float: left;
	margin-left: 2em;
	padding-left: 4em;
	border-left: 2px solid #ccc;
}

.timeline .experience-info h5 {
	margin-top: 0;
	margin-bottom: 0.333em;
	font-size: 1.1em;
	color: #2C2C2C;
	font-weight: 600;
}

.timeline .experience-info .role {
	font-size: 0.9em;
	color: #323232;
}

.timeline .experience-info p {
	font-size: 0.9em;
	color: #A3A3A3;
	font-weight: 600;
	line-height: 1.7em;
}

.timeline time {
	display: block;
	width: 4.111em;
	color: #ccc;
	text-align: center;
	font-weight: 700;
}

.timeline .experience-img,
.timeline .experience-info,
.timeline .experience-info h5,
.timeline .experience-info .role,
.timeline .experience-info p {
	clear: none;
}

.timeline .experience .circle {
	position: absolute;
	top: 1em;
	left: -0.86em;
	display: block;
	width: 1.222em;
	height: 1.222em;
	border: 3px solid #ccc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #F5F5F5;
}

.timeline .experience-img {
	float: left;
	width: 4em;
	height: 4em;
}

.timeline .experience-img img {
	-webkit-border-radius: 25%;
	-moz-border-radius: 25%;
	border-radius: 25%;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
	width: 100%;
}

.timeline .experience-info {
	margin-left: 5.444em;
}

/*****/

.column.six,
.column.half,
.column.threesixths,
.column.twofourths {
	width: 40%;
}

.column {
	margin-left: 0;
	margin-right: 3.8%;
}

.column {
	clear: none;
	float: left;
	min-height: 1px;
}

.column.six,
.column.half,
.column.threesixths,
.column.twofourths {
	width: 48%;
}

.column.last,
.column.reset {
	margin-right: 0 !important;
}

.column {
	margin-left: 0;
	margin-right: 3.8%;
}

.experience-info p {
	margin-top: 0.67em;
	margin-bottom: 1.34em;
}

.brows_button_4 {
	margin: 3em 0em;
}

/*******/
.group_2,
.group_1 {
	background: #fff;
	padding: 3em 0em 0em 0em;
}

.group_2 .heading,
.group_1 .heading {
	color: #000;
}

.group_2 .heading>p,
.group_1 .heading>p {
	color: #9B9B9B;
}


.sliderImg {
	position: absolute;
	top: 17%;
	right: 10%;
	width: 27%;
}

.cloudPlatform {
	position: relative;
	width: 100%;
	/* background: url(../images/MacbookBlack.png);
	background-repeat: no-repeat;
	background-size: 100% 100%; */
}

.cloudPlatform .cloudPlatformMain {
	display: none;
	opacity: 0;
	transition: 0.3s;
}

.cloudPlatform .cloudPlatformMain.open {
	display: block;
	opacity: 1;
}

.cloudPlatformTabs ul li {
	font-size: 20px;
	text-align: center;
	padding: 35px 0;
	float: left;
	border-radius: 10px;
	box-shadow: 0px 0px 20px 8px #ccc;
	/* margin: 0 2.5%;   4个按钮的margin*/
	margin: 0 6.5%;
	width: 20%;
	background: url(../images/card1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.cloudPlatformTabs ul li.active {
	color: #14afff;
	box-shadow: 0px 0px 10px 2px #14afff;
}

.cloudPlatformTabs ul {
	width: 100%;
	box-sizing: border-box;
	padding: 0 13%;
	position: absolute;
	bottom: 8%;
}

.cloudPlatformMain .rightMain {
	position: absolute;
	box-sizing: border-box;
	padding: 0% 0% 2% 2%;
	height: 46%;
	width: 18%;
	top: 14%;
	right: 11.5%;
	border-radius: 10px;
	box-shadow: 0px 0px 13px 3px #ccc;
	background: url(../images/card2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.rightMain h3 {
	padding: 13% 0;
	color: #14afff;
	font-size: 24px;
}

.rightMain ul {
	box-sizing: border-box;
	padding-left: 10%;
	list-style: inherit;
}

.rightMain ul li {
	font-size: 15px;
	margin-bottom: 10%;
}

.leftMain {
	text-align: center;
	height: 59%;
	width: 45%;
	left: 23%;
	top: 8%;
	position: absolute;
}

/* *************************** */
.moduleOverview {
	width: 100%;

}

.moduleOverview>div {
	box-sizing: border-box;
	font-size: 20px;
	text-align: center;
	background: url('../images/type.png') no-repeat center bottom;
	background-size: 52% 66%;
	padding: 6% 0;
	margin-bottom: 10%;
	width: 52%;
}

.moduleOverview>div:last-of-type {
	background: url('../images/type2.png') no-repeat center bottom;
	background-size: 52% 66%;
}

.moduleOverview>div>span {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 12px;
	display: inline-block;
}

.moduleDetails {
	width: 100%;
	height: 100%;
}

.moduleDetails>li {
	float: left;
	height: 45%;
	margin: 2% 4%;
	width: 25%;
}

.moduleDetails>li>.moduleInfo>p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
	font-size: 14px;
	line-height: 26px;
	color: #4A4A4A;
}

.moduleInfo {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	overflow: hidden;
	padding: 5% 7% 19% 7%;
	border: 1px solid #ccc;
	transition: 0.5s;
}

.moduleInfo:hover {
	transform: scale(1.05);
	box-shadow: 0px 0px 16px 0px #ccc;
}

.moduleInfo:hover>a {
	bottom: 0;
}

.moduleInfo>a {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -32px;
	color: #fff;
	background: #2C89F6;
	transition: 0.5s;
}

.moduleInfo>a>span {
	display: inline-block;
	padding: 3px 0;
	font-size: 13px;
}

.moduleInfo>.InfoImg {
	border: 1px solid #ccc;
	width: 100%;
	height: 60%;
	margin: 6px 0;
}

.moduleInfo>.InfoImg>img {
	height: 100%;
	width: 100%;
}

.contact {
	background: #202532;
	padding: 3em 0em 0em 0em;
}

.solution {
	position: relative;
	background: url('../images/solution.png');
	padding: 3em 0em 0em 0em;
}

.solutionMask {
	background-color: #333;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	/*兼容IE8及以下版本浏览器*/
	filter: alpha(opacity=30);
}

.solution .solutionBtn {
	height: 60px;
	text-align: center;
}

.solutionBtn .da-link {
	margin: 0.5%;
	color: #fff;
	border: 2px solid #fff;
}

.solutionBtn .da-link:hover {
	background: #2C89F6;
	color: #fff;
}

.platformTrait .platformTab>i,
.platformTrait .platformTab>.platformTop {
	float: left;
	color: #4A4A4A;
}

.platformTrait .platformTab {
	display: table;
	left: 184px;
	font-size: 18px;
	margin: 0 auto;
	position: relative;
	line-height: 50px;
}

.platformTrait .platformTop {
	position: relative;
	cursor: pointer;
}

.platformTrait .platformTop>span {
	position: relative;
	vertical-align: top;
	margin: 0 20px;
}

.platformTrait .platformTop>span>img {
	position: absolute;
}

.platformTrait .platformTop i {
	display: none;
}

.platformTrait .platformTab .active {
	color: #000000;
	font-weight: bold;
	font-size: 28px;
	transition: 0.5s;
}

.platformTab .active .imgActiveBig {
	top: -50%;
	left: 0;
}

.imgActive {
	opacity: 0;
}

.imgActiveBig {
	display: none;
	opacity: 0;
}

.platformTab .imgActive {
	opacity: 0;
	width: 50%;
	left: 16px;
	top: -5px;
}

.platformTab .active .imgActiveBig {
	opacity: 1;
	width: 100%;
	display: block;
}

.platformTab .active i {
	font-size: 40px;
	font-weight: 200;
	font-family: none;
}

.platformTop:hover .imgActive {
	opacity: 1;
}

.active:hover .imgActive {
	opacity: 0;
}

.platformBottom {
	height: 500px;
	position: relative;
}

.platformBottom>.platformContent {
	transition: 0.5s;
	position: absolute;
	opacity: 0;
	top: 40px;
	left: 50%;
	width: 80%;
	height: 100%;
	transform: translate(-50%, 0%);
}

.platformBottom>.platformContentOpen {
	opacity: 1;
}

.platformContent>h3 {
	text-align: center;
	color: #4A4A4A;
	font-size: 1.2em;
}

.traitRow {
	width: 100%;
	margin-top: 60px;
	text-align: center;
}

.trait>img {
	height: 60px;
	margin: 2em 0;
}

.trait>p {
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	padding: 0px 60px;
}

.traitRow .trait {
	position: relative;
	box-sizing: border-box;
	display: inline-table;
	;
	width: 30%;
}

.traitRow .trait:nth-of-type(2)::before {
	content: '';
	position: absolute;
	left: 0;
	top: 30%;
	width: 1px;
	height: 60%;
	background-color: #ccc;
}

.traitRow .trait:nth-of-type(2)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 30%;
	width: 1px;
	height: 60%;
	background-color: #ccc;
}

.sectionMin {
	display: none;
}

/*******footer**********/
.footer {
	z-index: 10;
	background-color: #252B2F;
	color: #fff;
}

.footerMin {
	display: none;
}

.contactUs li {
	margin: 10px 0px;
	font-size: 1.3em;
}

#top-footer .widget {
	margin-bottom: 0;
	font-size: 0.778em;
	width: 22.05%;
	float: left;
}

#top-footer {
	padding: 2em 0em;
	;
}

.widget h4 {
	margin-top: 0;
	color: #fff;
	font-size: 1.4em;
	margin-bottom: 1.5em;
	font-weight: 400;
}

.plain li {
	margin: 10px 0px;
}

.footerButtom {
	text-align: center;
	font-size: 0.8em;
	line-height: 1.7em;
	padding: 3em 0;
}

.footer a,
.footer p {
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.footer p {
	padding: 1em 2.6em 1em 0;
	line-height: 1.6em;
}

.footer a:hover {
	color: #fff;
}

.soc_icons1 li {
	float: left;
}

.copy {
	background-color: rgba(59, 63, 78, 0.48);
}

.copy p {
	color: #fff;
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	padding: 1.5em 0em;
}

.copy p a {
	color: #55C1E5;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.copy p a:hover {
	color: #fff;
}

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url(../images/top.png) no-repeat right top;
}

.section-solution-all {
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}

.solution-content {
	height: 560px;
}

.solution-content:before,
.solution-content:after {
	content: " ";
	display: table;
}

.solution-content:after {
	clear: both;
}

.solution-container {
	float: left;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.solution-container:before,
.solution-container:after {
	content: " ";
	display: table;
}

.solution-container:after {
	clear: both;
}

.solution-wrapper {
	position: relative;
	height: 100%;
	font-size: 0;
	white-space: nowrap;
}

.solution-wrapper:before,
.solution-wrapper:after {
	content: " ";
	display: table;
}

.solution-wrapper:after {
	clear: both;
}

.headingMin {
	display: none;
}

.solution-slide {
	display: inline-block;
	position: relative;
	height: 100%;
	width: 13%;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	font-size: 1rem;
	overflow: hidden;
	vertical-align: top;
	white-space: normal;
}

.solution-card-bg {
	position: relative;
	width: 100%;
	height: 100%;
	transition: 0.2s;
}

.solution-card-bg img {
	display: block;
	position: absolute;
	top: -10000px;
	right: -10000px;
	bottom: -10000px;
	left: -10000px;
	height: 100%;
	margin: auto;
}

.solution-card-bg:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 0.5;
	transition: 0.2s;
}

.solution-card-collapse {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer;
	transition: 0.5s;
}

.solution-card-collapse h2 {
	position: absolute;
	top: 26.42967543%;
	left: 0;
	right: 0;
	font-size: 24px;
	color: #fff;
	line-height: 30px;
	text-align: center;
}

.solution-card-collapse div {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.solution-card-collapse div img {
	display: block;
	margin-left: auto;
	width: 30%;
	margin-right: auto;
}

.solution-card-open {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
}

.solution-card-open-inner {
	position: absolute;
	top: 42%;
	left: -10000px;
	right: -10000px;
	width: 448px;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	margin: auto;
	color: #fff;
	text-align: center;
}

.solution-card-open-inner h1 {
	position: relative;
	margin-bottom: 52px;
	font-size: 24px;
	line-height: 30px;
}

.solution-card-open-inner img {
	width: 50px;
	margin-bottom: 15px;
}

.solution-card-open-inner h1:after {
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	width: 80px;
	height: 4px;
	border-radius: 2px;
	margin: 23px auto 0;
	background-color: #14afff;
}

.solution-card-open-inner p {
	margin-bottom: 40px;
	font-size: 15px;
	padding: 0 40px;
	line-height: 22px;
	text-align: left;
}

.solution-slide:not(.open):hover .solution-card-bg {
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.solution-slide:not(.open):hover .solution-card-bg:after {
	opacity: 0;
}

.solution-slide.open .solution-card-collapse {
	opacity: 0;
}

.solution-slide.open .solution-card-open {
	opacity: 1;
	visibility: visible;
}

.platformTraitApp {
	display: none;
}

.cloudPlatformApp {
	display: none;
}

.accordion {
	width: 95%;
	margin: 0px auto 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.accordion .link {
	cursor: pointer;
	display: block;
	padding: 30px 15px 30px 42px;
	color: #4D4D4D;
	font-size: 26px;
	font-weight: 700;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion .link img {
	width: 58px;
	margin-right: 15px;
	vertical-align: middle;
}

.accordion li {
	background: #fff;
	margin-bottom: 13px;
	border-radius: 5px;
}

.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li i {
	position: absolute;
	top: 48px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 46px;
	left: auto;
	color: #ccc;
	font-size: 23px;
}

.accordion li.open .link {
	color: #14afff;
}

.accordion li.open i {
	color: #14afff;
}

.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/**
* Submenu
-----------------------------*/
.submenu {
	display: none;
	font-size: 14px;
	padding: 0 15px;
}

.submenu .submenuLi {
	display: inline-block;
	margin: 40px 0 22px 0;
	line-height: 48px;
}

.submenu .submenuLi p {
	color: #9B9B9B;
	font-size: 26px;
}

.submenu h3 {
	font-size: 26px;
	color: #4A4A4A;
	font-weight: bold;
}

/******response***********/
@media only screen and (max-width: 1440px) {
	.centertxt {
		width: 95%;
	}

	.name input[type=text],
	.email input[type=email] {
		width: 70%;
	}
}

@media only screen and (max-width: 1366px) {
	.da-slider {
		width: 100%;
		height: 300px;
	}

	.centertxt {
		width: 100%;
	}
}

@media only screen and (max-width: 1280px) {
	.wrap {
		width: 85%;
	}

	.sliderImg {
		width: 33%;
		right: 100px;
		top: 148px;
	}

	.group_3 {
		padding: 1em 0em 1em 0em;
	}

	.contact {
		padding: 4em 0em 0em 0em;
	}

	.group_2 {
		padding: 3em 0em 1em 0em;
	}

	.heading {
		font-size: 1.8em;
	}

	.platformTrait .platformTab .active {
		font-size: 24px;
		margin: 0;
	}

	.platformContent>h3 {
		font-size: 1.1em;
	}

	.cloudPlatformTabs ul li {
		font-size: 16px;
		padding: 22px 0;
	}

	.cloudPlatformTabs ul li.active {
		color: #14afff;
		box-shadow: 0px 0px 10px 2px #14afff;
	}

	.cloudPlatformTabs ul {
		bottom: 8%;
	}

	.rightMain ul li {
		font-size: 14px;
		margin-bottom: 9%;
	}

	.moduleOverview>div>span {
		font-size: 20px;
	}

	.moduleOverview>div {
		font-size: 15px;
	}

	.moduleDetails>li>.moduleInfo>p {
		font-size: 13px;
		line-height: 21px;
	}

	.moduleInfo>.InfoImg {
		height: 55%;
	}

	.rightMain h3 {
		font-size: 20px;
	}
}

@media only screen and (max-width: 1024px) {
	.sliderImg {
		display: none;
	}

	.group_1_img .ui,
	.group_1_img .ux {
		font-size: 2.5em;
	}

	.chart canvas {
		width: 180px;
		height: 180px;
	}

	.chart {
		width: 180px;
		height: 180px;
	}

	.name input[type=text],
	.email input[type=email] {
		width: 60%;
	}

	.soc_icons1 ul li {
		margin: 8px;
	}

	.trait>p {
		padding: 0 28px;
	}

	.platformTrait .platformTab {
		position: initial;
	}

	.solution-card-open-inner p {
		padding: 0 90px;
	}

	.solution-content {
		height: 380px;
	}

	.solution-card-open-inner {
		top: 52%;
	}
}

@media only screen and (max-width: 768px) {
	.sectionMin {
		position: relative;
		display: block;
	}

	.sectionMin>span {
		top: 22%;
		box-sizing: border-box;
		color: #fff;
		position: absolute;
		text-align: center;
	}

	.sectionMin>span>h4 {
		font-size: 30px;
		margin-bottom: 30px;
	}

	.sectionMin>span>p {
		box-sizing: border-box;
		padding: 0 13%;
		line-height: 40px;
		font-size: 24px;
		text-align: left;
	}

	.wrap {
		width: 90%;
	}

	#top-footer,
	.footerButtom {
		display: none;
	}

	.footerMin {
		display: block;
	}

	.footerMin>h4 {
		font-size: 1.4em;
		line-height: 55px;
	}

	.section-solution-all {
		display: none;
	}

	.footerMin .contactUs li {
		margin: 10px 0px;
		font-size: 1em;
	}

	.solutionBtn .da-link:last-of-type {
		display: none;
	}

	.group_2 {
		padding: 1.4em 0em 1em 0em
	}

	.heading {
		font-size: 2.5em;
		color: #4A4A4A;
		padding-bottom: 40px;
	}

	.centertxt>div:nth-child(4) {
		display: none;
	}

	.column.six {
		width: 100%;
		float: none;
		padding: 0em;
		margin: 0em;
		margin-bottom: 5em;
	}

	.timeline-label {
		text-align: center;
	}

	.timeline-label h4 {
		padding: 0.3em 0em;
	}

	.brows_button_4 {
		margin: 2em 0em;
	}

	.exper {
		padding: 3em 0em;
	}

	.left-form,
	.right-form {
		float: none;
		margin: 22px 28px;
		width: 92%;
	}

	.right-form {
		float: none;
		width: 100%;
		margin: 0%;
	}

	.widget.meta-social.column.three.last {
		display: none;
	}

	#top-footer .widget {
		width: 29%;
	}

	.soc_icons ul {
		margin-top: 0.6em;
	}

	.soc_icons ul li {
		margin: 10px;
		width: 17%;
		float: left;
	}

	.soc_icons ul li a span {
		margin-left: 40px;
		font-size: 0.9em;
	}

	.soc_icons ul li a {
		width: 20px;
		height: 20px;
	}

	.soc_icons ul li a.icon1 {
		background: #39579D url('../images/icon1.png') no-repeat 16px 9px;
	}

	.soc_icons ul li a.icon2 {
		background: #02B3E9 url('../images/icon2.png') no-repeat 11px 12px;
	}

	.soc_icons ul li a.icon3 {
		background: #D95333 url('../images/icon3.png') no-repeat 13px 11px;
	}

	.soc_icons ul li a.icon4 {
		background: #007BB6 url('../images/icon4.png') no-repeat 12px 8px;
	}

	.soc_icons ul li a.icon5 {
		background: #FF0084 url('../images/icon5.png') no-repeat 11px 16px;
	}

	.solution-card-collapse h2 {
		font-size: 18px;
	}

	.contact {
		background: #fff;
		padding: 2em 0em;
	}

	.solution .heading {
		color: #FFF;
	}

	.contact .heading {
		color: #000;
	}

	.group_2 {
		background-color: #f7f7f7;
	}

	.heading>p {
		display: none;
	}

	.headingMax {
		display: none;
	}

	.headingMin {
		display: block;
	}

	.headingMin>p {
		display: block;
		font-size: 0.8em;
		color: #fff;
	}

	ul.slimmenu li .sub-collapser:before {
		content: url(../images/down1.png);
	}

	.solution-content {
		height: 300px;
	}

	.solution-card-open-inner {
		top: 58%;
	}

	.solution-card-open-inner p {
		padding: 0 110px;
	}

	.platformTrait {
		display: none;
	}

	.platformTraitApp {
		display: block;
	}

	.cloudPlatform {
		display: none;
	}

	.cloudPlatformApp {
		display: block;
	}

	.cloudPlatformTopApp li {
		position: relative;
		box-sizing: border-box;
		font-size: 24px;
		float: left;
		width: 25%;
		padding: 1em 0;
		border: 1px solid #f4f4f4;
		text-align: center;
	}

	.cloudPlatformTopApp {
		width: 100%;
	}

	.cloudPlatformTopApp .active {
		color: #2C89F6;
	}

	.cloudPlatformTopApp .active::before {
		position: absolute;
		content: "";
		bottom: -1px;
		left: 0;
		width: 100%;
		height: 5px;
		background-color: #2C89F6
	}

	.cloudPlatformTabsApp .cloudPlatformMain {
		display: none;
		opacity: 0;
		transition: 0.3s;
	}

	.cloudPlatformTabsApp .cloudPlatformMain {
		width: 100%;
		padding-bottom: 2em;
	}

	.cloudPlatformTabsApp .cloudPlatformMain.open {
		display: block;
		opacity: 1;
	}

	.cloudPlatformTabsApp>.cloudPlatformMain>ul>li {
		box-sizing: border-box;
		width: 50%;
		text-align: left;
		float: left;
		font-size: 30px;
		padding: 6% 3.5% 0;
	}

	.cloudPlatformTabsApp>.cloudPlatformMain>.moduleDetails>li {
		box-sizing: border-box;
		margin: 4% 2%;
		width: 29%;
		padding: 0;
		height: 250px;
	}

	.moduleInfo>.InfoImg {
		height: 65%;
	}

	#moduleDetailsApp .moduleInfo {
		padding: 5% 7% 5% 7%;
	}
}

@media only screen and (max-width: 640px) {
	.group_2 {
		padding: 1em 0em 1em 0em;
	}

	.para {
		padding: 1em 0em 1em 0em;
		line-height: 1.9em;
	}

	.centertxt>div:nth-child(4) {
		display: inline-block;
	}

	.timeline-label h4 {
		font-size: 1.2em;
	}

	.exper {
		padding: 1.4em 0em;
	}

	.heading {
		font-size: 2em;
		padding-bottom: 30px;
	}

	.year1 {
		display: none;
	}

	.contact form {
		padding-top: 0em;
	}

	.contact {
		padding: 1.2em 0em 0em 0em;
	}

	.header {
		padding: 0em 0em 1em 0em;
	}

	.centertxt {
		width: 60%;
	}

	.chart {
		width: 200px;
		height: 200px;
	}

	.name,
	.email {
		float: none;
		width: 100%;
		margin-right: 0%;
	}

	.left-form input[type=text],
	.left-form input[type=email],
	.left-form textarea {
		padding: 0.5em 1em;
	}

	.mail {
		margin: 8px 0px 2px 9px;
	}

	.icon {
		margin: 4px 0px 0px 9px;
	}

	textarea {
		height: 120px;
		resize: none;
	}

	.send a {
		padding: 0.7em 2.2em;
	}

	.send {
		margin: 1.5em 0em;
		text-align: right;
	}

	.soc_icons ul li {
		margin: 0px;
		width: 16%;
		float: left;
	}

	.soc_icons ul li a span {
		margin-left: 32px;
		font-size: 0.9em;
	}

	.soc_icons ul li {
		width: 16%;
		margin-right: 20px;
	}

	.chart {
		width: 240px;
		height: 200px;
	}

	.cloudPlatformTopApp li {
		font-size: 18px;
	}

	.cloudPlatformTabsApp>.cloudPlatformMain>ul>li {
		font-size: 20px;
	}

	.cloudPlatformTabsApp>.cloudPlatformMain>.moduleDetails>li {
		height: 200px;
	}

	.moduleInfo>.InfoImg {
		height: 52%;
	}

	.accordion .link {
		font-size: 22px;
		padding: 18px 15px 18px 40px;
	}

	.accordion .link img {
		width: 40px;
	}

	.accordion li i.fa-chevron-down {
		font-size: 20px;
		right: 36px;
	}

	.accordion li i {
		top: 28px;
	}

	.submenu h3,
	.submenu .submenuLi p {
		font-size: 20px;
	}

	.submenu .submenuLi {
		margin: 10px 0 15px 0;
		line-height: 40px;
	}
	.sectionMin>span>h4{
		font-size: 23px;
		margin-bottom: 20px;
	}
	.sectionMin>span>p{
		font-size: 18px;
		line-height: 30px;
	}
}
	@media only screen and (max-width: 480px) {
		.sectionMin>span>h4{
			font-size: 20px;
			margin-bottom: 15px;
		}
		.sectionMin>span>p{
			font-size: 15px;
			line-height: 24px;
		}
		.cloudPlatformTopApp li {
			font-size: 15px;
		}

		.cloudPlatformTabsApp>.cloudPlatformMain>ul>li {
			font-size: 16px;
		}

		.cloudPlatformTabsApp>.cloudPlatformMain>.moduleDetails>li {
			height: 160px;
		}

		.heading {
			font-size: 1.3em;
			padding-bottom: 20px;
		}

		.chart canvas {
			width: 160px;
			height: 160px;
		}

		.group_2,
		.group_1 {
			padding: 1em 0 1em 0;
		}

		.percent,
		.count-number,
		.count-number-done {
			color: #666;
			font-weight: 700;
			font-size: 1.5em;
			line-height: 1;
		}

		.timeline-label p,
		.group_1_text p,
		.para,
		.timeline .experience-info p,
		.right-form p {
			font-size: 0.9em;
		}

		.header {
			padding: 0.5em 0em;
		}

		.logo h1 a {
			font-size: 2.5em;
		}

		.soc_icons ul li {
			width: 26%;
			margin: 10px;
		}

		.copy p {
			color: #FFF;
			font-size: 0.9em;
		}

		#top-footer .widget {
			width: 100%;
			float: none;
			text-align: center;
		}

		.plain li {
			margin: 10px;
			float: left;
		}

		#top-footer>div:nth-child(2)>ul>li:nth-child(5)>a {
			display: none;
		}

		#top-footer {
			padding: 1em 0em;
		}

		.send a {
			padding: 0.4em 1.5em;
			font-size: 0.9em;
		}

		.send {
			text-align: center;
		}

		.right-form {
			text-align: center;
			margin-top: 2em;
		}

		.right-form p {
			padding: 0.5em 0em;
		}

		#contact>div>form>div.right-form>div {
			margin-top: 1em;
		}

		#top-footer>div:nth-child(2) {
			display: none;
		}

		#top-footer>div:nth-child(3) {
			display: none;
		}
	}

	@media only screen and (max-width: 320px) {
		.centertxt {
			width: 100%;
			text-align: center;
		}

		.chart {
			width: 160px;
			height: 180px;
			text-align: center;
			margin: 0 auto;
		}

		.timeline .experience-info {
			margin-left: 0;
			float: left;
			margin-top: 15px;
		}

		.left-form,
		.right-form {
			float: none;
			margin: 22px 10px;
			width: 92%;
		}

		.left-form input[type=text],
		.left-form input[type=email] {
			width: 60%;
			font-size: 0.8em;
		}

		.left-form textarea {
			width: 88%;
			font-size: 0.8em;
		}

		.soc_icons ul li {
			width: 40%;
		}

		.plain li {
			margin: 10px 20px;
		}

		.logo h1 a {
			font-size: 2.3em;
		}

		.timeline .experience-info h5 {
			font-size: 1em;
		}

		.column.six {
			margin-bottom: 2.5em;
		}

		.menu-collapser {
			height: 35px;
			line-height: 35px;
			font-size: 17px;
		}

		.right-form>div>ul>li:nth-child(5) {
			display: none;
		}

		.owl-buttons {
			display: none;
		}

		.chart canvas {
			width: 150px;
			height: 150px;
		}

		ul.slimmenu li a {
			padding: 8px 20px 8px 20px;
			font-size: 15px;
		}

		ul.slimmenu li .sub-collapser {
			top: 5px;
		}
	}

	@keyframes fadeInLeft {
		from {
			margin-left: -560px;
			transform: translate3d(-100%, 0, 0);
		}

		to {
			margin-left: 0px;
			transform: none;
		}
	}

	@-webkit-keyframes fadeInLeft {
		from {
			margin-left: -560px;
			transform: translate3d(-100%, 0, 0);
		}

		to {
			margin-left: 0px;
			transform: none;
		}
	}

	@-moz-keyframes fadeInLeft {
		from {
			margin-left: -560px;
			transform: translate3d(-100%, 0, 0);
		}

		to {
			margin-left: 0px;
			transform: none;
		}
	}

	@-o-keyframes fadeInLeft {
		from {
			margin-left: -560px;
			transform: translate3d(-100%, 0, 0);
		}

		to {
			margin-left: 0px;
			transform: none;
		}
	}

	@-webkit-keyframes fadeInTop {
		0% {
			top: -270px;
		}

		25% {
			top: 0px;
		}

		50% {
			top: -50px;
		}

		100% {
			top: 0px;
		}
	}

	@-moz-keyframes fadeInTop {
		0% {
			top: -270px;
		}

		25% {
			top: 0px;
		}

		50% {
			top: -50px;
		}

		100% {
			top: 0px;
		}
	}

	@-o-keyframes fadeInTop {
		0% {
			top: -270px;
		}

		25% {
			top: 0px;
		}

		50% {
			top: -50px;
		}

		100% {
			top: 0px;
		}
	}

	@keyframes fadeInTop {
		0% {
			top: -270px;
		}

		25% {
			top: 0px;
		}

		50% {
			top: -50px;
		}

		100% {
			top: 0px;
		}
	}

	@-webkit-keyframes fadeInopacity {
		from {
			opacity: 0;
			margin-top: 0;
			transform: translate3d(-100%, 0, 0);
		}

		to {
			opacity: 1;
			margin-top: 100px;
			transform: none;
		}
	}

	@-moz-keyframes fadeInopacity {
		from {
			opacity: 0;
			margin-top: 0;
			transform: translate3d(-100%, 0, 0);
		}

		to {
			opacity: 1;
			margin-top: 100px;
			transform: none;
		}
	}

	@-o-keyframes fadeInopacity {
		from {
			opacity: 0;
			margin-top: 0;
			transform: translate3d(-100%, 0, 0);
		}

		to {
			opacity: 1;
			margin-top: 100px;
			transform: none;
		}
	}

	@keyframes fadeInopacity {
		from {
			opacity: 0;
			margin-top: 0;
			transform: translate3d(-100%, 0, 0);
		}

		to {
			opacity: 1;
			margin-top: 100px;
			transform: none;
		}
	}

	/*添加动画*/
	.sliderBtn a {
		animation-duration: 2s;
		animation-fill-mode: both;
		animation-name: fadeInopacity;
	}

	.individual {
		animation-duration: 1.5s;
		animation-fill-mode: both;
		animation-name: fadeInLeft;
	}

	.slider .sliderHeader {
		animation-duration: 2s;
		animation-fill-mode: both;
		animation-name: fadeInTop;
	}

	.sliderMain {
		animation-duration: 2s;
		animation-fill-mode: both;
		animation-name: fadeInTop;
	}