body {
	font-family:"Lato", 'HanHei SC', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial','Microsoft YaHei';
	color: #333;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden
}

button:focus {
	outline: 0!important
}

p {
	margin-bottom: 15px;
	line-height: 1.8;
	font-size: 16px
}

a {
	color: #00b254;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	text-decoration: none !important
}

a:hover {
	text-decoration: underline;
	color: #00b254
}

a:focus {
	text-decoration: none;
	outline: 0!important;
}


.btn,a.btn {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	font-weight: 700
}

.btn .fa,a.btn .fa {
	color: #fff;
	margin-right: 5px
}

.btn-cta,a.btn-cta {
	padding: 7px 30px;
	width: 90%;
}

.btn-cta-primary,a.btn-cta-primary {
	background: #00b254;
    background-image: linear-gradient(160deg,#66e256,#43af44) !important;
	color: #fff;
	border: 0;
}

.btn-cta-primary:hover,a.btn-cta-primary:hover {
	background: #00b254;
	opacity: 0.9 !important;
	color: #fff
}

.btn-cta-primary:focus,a.btn-cta-primary:focus {
	color: #fff
}

.btn-cta-secondary,a.btn-cta-secondary {
	background: 0 0;
	border: 2px solid #00b254;
	color: #00b254
}

.btn-cta-secondary:focus,.btn-cta-secondary:hover,a.btn-cta-secondary:focus,a.btn-cta-secondary:hover {
	background: #00b254;
	border: 2px solid #00b254;
	color: #fff
}

input[type=button],input[type=email],input[type=password],input[type=submit],input[type=text],select,textarea {
	appearance: none;
	-webkit-appearance: none
}

.img-center {
	margin: auto
}

.activity-link {
	color: #ea7300!important;
	opacity: .7;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out
}

.activity-link:hover {
	opacity: 1
}

#topcontrol {
	background: #00b254;
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 35px;
	height: 35px;
	border: none;
	float: right;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	z-index: 30
}

#topcontrol:hover {
	color: #fff
}

#topcontrol .fa {
	position: relative;
	top: 3px;
	font-size: 25px
}

.video-container iframe,video {
	max-width: 100%
}

video.box-video {
	background: rgba(255,255,255,.5);
	border-radius: 4px;
	margin: auto;
	padding: 10px;
	box-shadow: 0 4px 2px 2px rgba(0,0,0,.05);
	width: 100%
}

.play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -37.5px;
	margin-top: -50px!important;
	cursor: pointer;
	z-index: 10
}

.play-btn i {
	color: rgba(110,110,110,.8)
}

.play-btn a:focus,.play-btn a:hover {
	text-decoration: none
}

.play-btn a:focus i,.play-btn a:hover i {
	color: rgba(110,110,110,.9)
}

.download-btn {
	position: absolute;
	top: 280px;
	left: 334px;
	font-size: 16px;
	z-index: 10
}

.download-btn a:hover {
	text-decoration: none
}

.sections-wrapper {
	background: #fff;
	position: relative
}

.section .intro {
	max-width: 800px;
	margin: 0 auto 60px;
	text-align: center;
	color: #999;
	font-size: 16px
}

.section.feature-index .intro{color: rgba(255,255,255,0.9)}

section h2.title,section h3.title {
	font-weight: 400
}

.why {
	padding-top: 80px;
	padding-bottom: 80px
}

.why .title {
	font-size: 36px;
	font-weight: 300;
	margin-top: 0
}

.why .intro {
	color: #999;
	margin-bottom: 50px;
	font-size: 18px
}

.why .item {
	padding: 90px 0;
	border-bottom: 1px dashed #eee;
	margin-right: 10px;
}
.why .item:first-child{border-bottom: 1px solid #eee;}
.why .item.last-item {
	border-bottom: none;
	padding-bottom: 0
}

.why .item .title {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin-top: 0;
	margin-bottom: 20px
}
.why .item .desc {
	margin-bottom: 45px
}

.why .item .desc .fa {
	margin-right: 5px
}

.why .figure {
	position: relative;
	text-align: center
}

.why .figure img {
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.cta-section {
	background: left top/cover no-repeat #00b254;
	min-height: 420px;
	color: #fff;
	padding-top: 60px;
	border: none
}

.cta-section .cta-link {
	color: #fff
}

.cta-section .cta-link:hover {
	text-decoration: underline
}

.cta-section .cta-span {
	color: #fff
}

.features-video {
	padding-top: 40px;
	padding-bottom: 4px;
	position: relative;
	z-index: 1;
}

.features-video .title {
	font-size: 43px;
	margin-top: 0;
	color: #fff;
	font-weight: 600
}

.features-video .about-title {
	margin-bottom: 60px
}

.features-video .lang-title {
	margin-bottom: 50px
}

.features-video .video-container {
	max-width: 880px;
	margin: 0 auto
}

.fluid-width-video-wrapper {
	position: relative
}

.features-tabbed {
	padding-top: 90px;
	padding-bottom: 90px
}

.features-tabbed .title {
	font-size: 36px;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 60px
}

.features-tabbed h3.title {
	font-size: 29px;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 10px
}

.features-tabbed .tab-content {
	padding: 10px 30px
}

.features-tabbed .tab-content .title {
	font-size: 16px;
	color: #f19180;
	font-weight: 700;
	margin-bottom: 30px
}

.features-tabbed .tab-content .figure {
	margin-bottom: 10px
}

.features-tabbed .tab-content .figure img {
	margin: 0 auto
}

.nav-tabs {
	border: none;
	margin: 0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	text-align: center;
	position: relative
}

.nav-tabs:before {
	content: "";
	display: block;
	border-bottom: 1px solid #eee;
	position: absolute;
	bottom: 0
}

.nav-tabs>li {
	margin-bottom: -1px;
	position: relative;
	z-index: 1;
	background: 0 0;
	border: 1px solid #eee;
	border-right: none;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	width: 20%;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.nav-tabs>li>a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	margin-right: 0;
	color: #333;
	padding: 15px 30px;
	font-size: 16px;
	background: #fafafa;
	border: none;
	line-height: .7
}

.nav-tabs>li>a .fa {
	font-size: 20px
}

.nav-tabs>li>a:hover {
	background: #f5f5f5;
	color: #00b254
}

.nav-tabs>li.active {
	color: #999;
	border-bottom-color: #fff
}

.nav-tabs>li.active>a {
	color: #999;
	background: #fff;
	border: none
}

.nav-tabs>li.active:hover>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
	border: none;
	color: #999
}

.nav-tabs>li.last {
	border-right: 1px solid #eee
}

.pricing {
	padding: 90px 0 60px;
	position: relative;
	z-index: 10
}

.pricing .title {
	font-size: 43px;
	margin-top: 0;
}

.pricing .intro {
	margin-bottom: 20px
}

.pricing .item {
	padding: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin-bottom: 30px;
	-webkit-transition: -webkit-transform .3s linear;
	-moz-transition: -moz-transform .3s linear;
	-o-transition: -o-transform .3s linear;
	-ms-transition: -o-transform .3s linear;
	transition: -webkit-transform .3s linear,-moz-transform .3s linear,-o-transform .3s linear,transform .3s linear
}

.pricing .item.left {
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-o-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right
}

.pricing .item.right {
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-o-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}

/*.pricing .item:hover {
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}*/

.pricing .item .item-inner {
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	position: relative;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.05)
}

.pricing .item .item-inner:hover {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1)
}

.pricing .item .heading {
	margin-top: 0;
	padding: 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 4px;
	border-radius: 4px 4px 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}

.pricing .item .heading .title {
	margin-bottom: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: 600;
	font-size: 24px;
	color: #ccc;
	background:#eee;
}
.pricing .item .heading .title.hot{
	background:#00b254;
	color: #fff;}
	
.pricing .item .content {
	padding: 0 15px 30px;
	font-size: 14px;
	background: #fff;
	margin-bottom:-1px;
}

.pricing .item .price-figure {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #fff;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin: 0 auto;
	min-height: 160px
}

.pricing .item .price-figure .number {
	font-size: 42px;
	font-weight: 700
}

.pricing .item .price-figure .phone-number {
	font-size: 30px;
	font-weight: 700;
	line-height: 75px
}

.pricing .item .price-figure .unit {
	font-weight: 400;
	color: #b3b3b3
}

.pricing .item .price-figure .currency {
	top: -12px;
	right: 2px;
	position: relative;
	/*fontfont-family: arial,sans-serif;*/
	color: #666;
	font-size: 18px
}

.pricing .item .ribbon {
	position: absolute;
	top: -6px;
	left: -6px;
	width: 120px;
	height: 120px;
	overflow: hidden
}

.pricing .item .ribbon .text {
	position: relative;
	left: -39px;
	top: 20px;
	width: 158px;
	padding: 10px;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background-color: #FFBD00;
	-webkit-transform: rotate(-45deg) translate3d(0,0,0);
	-moz-transform: rotate(-45deg) translate3d(0,0,0);
	-ms-transform: rotate(-45deg) translate3d(0,0,0);
	-o-transform: rotate(-45deg) translate3d(0,0,0)
}

.pricing .item .ribbon .text:after,.pricing .item .ribbon .text:before {
	content: '';
	position: absolute;
	bottom: -4px;
	border-top: 5px solid #f2b300;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent
}

.pricing .item .ribbon .text:before {
	left: 0
}

.pricing .item .ribbon .text:after {
	right: 0
}

.pricing .item .feature-list {
	margin-bottom: 30px;
	border-top: 1px #f2f2f2 solid;
    border-bottom: 1px #f2f2f2 solid;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 15px;
}

.pricing .item .feature-list li {
	/*border-bottom: 1px solid #f3f3f3;
	padding: 13px*/
	 padding: 9px 13px;
    color: #888;
}
.pricing .item .feature-list li b{color: #555;}

.pricing .item.best-buy {
	top: -15px;
	z-index: 11;
	position: relative
}

.pricing .item.best-buy .heading {
	padding-top: 45px
}

.pricing .item.best-buy .heading .title {
	padding-top: 0
}

.pricing .item.best-buy .content {
	padding-bottom: 45px;
	background: #fff
}

.faq {
	background: #f5f5f5;
	padding: 80px 0;
}

.faq .title {
	font-size: 36px;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 30px;
}
.faq .text-border{margin-top: 20px;margin-bottom: 60px;}
.faq .panel {
	background: #fff;
	-webkit-box-shadow: 0 4px 1px rgba(0,0,0,.05);
	-moz-box-shadow: 0 4px 1px rgba(0,0,0,.05);
	box-shadow: 0 2px 1px rgba(0,0,0,.03);
	margin-bottom: 25px;
}

.faq .panel:hover {
	-webkit-box-shadow: 0 4px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0 4px 1px rgba(0,0,0,.1);
	box-shadow: 0 2px 1px rgba(0,0,0,.1)
}

.faq .panel .panel-heading {
	padding: 13px 30px
}

.faq .panel .panel-body {
	padding: 0 30px 30px;
	color: #666
}

.faq .panel .panel-body p {
	font-size: 14px
}

.faq .panel .panel-small {
	font-size: 14px;
	color: #B8B8B8
}

.faq .panel .panel-small .panel-totop {
	color: #00b254 !important
}

.faq .panel .panel-small .panel-totop:hover {
	cursor: pointer;
}

.faq .panel .panel-title {
	font-weight: 400;
	color: #666
}

.faq .panel .panel-title a {
	text-decoration: none
}

.faq .panel .panel-title p {
	display: inline-block;
	font-size: 14px;
	width: 92%;
	margin-bottom: 0
}

.faq .panel a:hover {
	color: #666;
	text-decoration: none
}

.faq .panel .panel-title .panel-toggle .fa,.faq .panel .panel-toggle .panel-title .fa {
	margin-right: 10px;
	color: #00b254
}

.faq .panel .panel-title:hover .fa {
	color: #00b254
}

.faq .contact-lead {
	margin-top: 60px
}

.faq .contact-lead .title {
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 15px;
	color: #999
}

.modal.modal-video .modal-dialog {
	width: 760px;
	margin-top: 90px;
	-webkit-transform: scale(1,0) rotate(90deg) skew(30deg,20deg);
	-moz-transform: scale(1,0) rotate(90deg) skew(30deg,20deg);
	-o-transform: scale(1,0) rotate(90deg) skew(30deg,20deg);
	-ms-transform: scale(1,0) rotate(90deg) skew(30deg,20deg);
	transform: scale(1,0) rotate(90deg) skew(30deg,20deg);
	-webkit-transition: all .5s .3s;
	-moz-transition: all .5s .3s;
	-o-transition: all .5s .3s;
	-ms-transition: all .5s .3s;
	transition: all .5s .3s
}

.modal.modal-video .modal-dialog.active {
	-webkit-transform: scale(1,1) rotate(0deg) skew(0deg,0deg);
	-moz-transform: scale(1,1) rotate(0deg) skew(0deg,0deg);
	-o-transform: scale(1,1) rotate(0deg) skew(0deg,0deg);
	-ms-transform: scale(1,1) rotate(0deg) skew(0deg,0deg);
	transform: scale(1,1) rotate(0deg) skew(0deg,0deg)
}

.modal.modal-video .modal-body {
	padding: 0
}

.modal.modal-video .modal-header {
	border: none;
	padding: 0;
	position: relative
}

.modal.modal-video .modal-content {
	background: 0 0;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.modal.modal-video button.close {
	font-size: 36px;
	font-weight: 300;
	text-shadow: none;
	color: #fff;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	background: 0 0;
	position: absolute;
	right: 0;
	bottom: 5px;
	z-index: 10
}

.modal.modal-video button.close:hover {
	color: #ec6952;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1
}

.feature-img {
	border: none!important;
	margin-bottom: 25px!important
}

.img-title {
	border: none!important;
	padding: 0!important;
	box-shadow: none!important;
	background-color: transparent!important
}

.btn-part {
	margin-bottom: 30px
}

.btn-part+p {
	color: rgba(43,43,43,.5)
}

.btn-span {
	padding: 20px
}

.btn-small {
	min-width: 80px
}

.btn-sign {
	color: #fff;
	background: #00b254;
	border: 1px solid #00b254
}

.btn-sign:focus,.btn-sign:hover {
	color: #fff;
	background: rgba(0,110,195,.8);
	border-color: rgba(0,110,195,.8)
}

.btn-knowmore {
	color: #00b254;
	background: #fff;
	border: 1px solid #00b254
}

.btn-knowmore:focus,.btn-knowmore:hover {
	color: #fff;
	background: #00b254
}

.btn-demo {
	color: #fff;
	background: 0 0;
	border: 2px solid #fff
}

.btn-demo:focus,.btn-demo:hover {
	color: #fff;
	opacity: .8
}

.btn-sign-ye {
	color: #fff;
	background: #FFBD00;
	border: 2px solid #FFBD00
}

.btn-sign-ye:focus,.btn-sign-ye:hover {
	color: #fff;
	opacity: .8
}

.bi-price-text {
	color: #999
}

.shadow-link {
	color: #fff!important;
	font-weight: 400;
	text-shadow: 1px 1px 1px #ea7300,1px 1px 1px #ea7300,1px 1px 1px #ea7300,1px 1px 1px #ea7300,1px 1px 1px #ea7300,1px 1px 1px #ea7300,0 1px 1px #ea7300,1px 1px 1px #ea7300
}

.shadow-link:hover {
	color: #fff!important;
	text-decoration: underline!important
}

/*.btmbdr-container {
	border-bottom: 1px solid #eee
}*/

.onlyshow-xxs,.onlyshow-xxxs {
	display: none
}

.xs-only {
	display: none!important
}

@media (min-width:1200px) {
	.col-lg-offset-0 {
		margin-left: 0
	}

	.col-lg-offset-half {
		margin-left: 4.16666666667%
	}
}

@media (min-width:992px) {
	.col-md-offset-half {
		margin-left: 4.16666666667%
	}
}

@media (min-width:768px) and (max-width:991px) {
	.col-sm-offset-half {
		margin-left: 4.16666666667%
	}
}

@media (max-width:767px) {
	.xs-only {
		display: block!important
	}

	.col-xs-half {
		margin-left: 4.16666666%!important
	}
}

@media (max-width:480px) {
	.onlyshow-xxs {
		display: block
	}

	.hidden-xxs {
		display: none
	}

	.col-xxs-12 {
		width: 100%
	}

	.col-xxs-11 {
		width: 91.66666667%
	}

	.col-xxs-10 {
		width: 83.33333333%
	}

	.col-xxs-9 {
		width: 75%
	}

	.col-xxs-8 {
		width: 66.66666667%
	}

	.col-xxs-7 {
		width: 58.33333333%
	}

	.col-xxs-6 {
		width: 50%
	}

	.col-xxs-5 {
		width: 41.66666667%
	}

	.col-xxs-4 {
		width: 33.33333333%
	}

	.col-xxs-3 {
		width: 25%
	}

	.col-xxs-2 {
		width: 16.66666667%
	}

	.col-xxs-1 {
		width: 8.33333333%
	}

	.col-xxs-offset-12 {
		margin-left: 100%
	}

	.col-xxs-offset-11 {
		margin-left: 91.66666667%
	}

	.col-xxs-offset-10 {
		margin-left: 83.33333333%
	}

	.col-xxs-offset-9 {
		margin-left: 75%
	}

	.col-xxs-offset-8 {
		margin-left: 66.66666667%
	}

	.col-xxs-offset-7 {
		margin-left: 58.33333333%
	}

	.col-xxs-offset-6 {
		margin-left: 50%
	}

	.col-xxs-offset-5 {
		margin-left: 41.66666667%
	}

	.col-xxs-offset-4 {
		margin-left: 33.33333333%
	}

	.col-xxs-offset-3 {
		margin-left: 25%
	}

	.col-xxs-offset-2 {
		margin-left: 16.66666667%
	}

	.col-xxs-offset-1 {
		margin-left: 8.33333333%
	}

	.col-xxs-offset-half {
		margin-left: 4.16666666%
	}

	.col-xxs-offset-0 {
		margin-left: 0
	}

	.col-xxs-pull-12 {
		right: 100%
	}

	.col-xxs-pull-11 {
		right: 91.66666667%
	}

	.col-xxs-pull-10 {
		right: 83.33333333%
	}

	.col-xxs-pull-9 {
		right: 75%
	}

	.col-xxs-pull-8 {
		right: 66.66666667%
	}

	.col-xxs-pull-7 {
		right: 58.33333333%
	}

	.col-xxs-pull-6 {
		right: 50%
	}

	.col-xxs-pull-5 {
		right: 41.66666667%
	}

	.col-xxs-pull-4 {
		right: 33.33333333%
	}

	.col-xxs-pull-3 {
		right: 25%
	}

	.col-xxs-pull-2 {
		right: 16.66666667%
	}

	.col-xxs-pull-1 {
		right: 8.33333333%
	}

	.col-xxs-pull-0 {
		right: auto
	}

	.col-xxs-push-12 {
		left: 100%
	}

	.col-xxs-push-11 {
		left: 91.66666667%
	}

	.col-xxs-push-10 {
		left: 83.33333333%
	}

	.col-xxs-push-9 {
		left: 75%
	}

	.col-xxs-push-8 {
		left: 66.66666667%
	}

	.col-xxs-push-7 {
		left: 58.33333333%
	}

	.col-xxs-push-6 {
		left: 50%
	}

	.col-xxs-push-5 {
		left: 41.66666667%
	}

	.col-xxs-push-4 {
		left: 33.33333333%
	}

	.col-xxs-push-3 {
		left: 25%
	}

	.col-xxs-push-2 {
		left: 16.66666667%
	}

	.col-xxs-push-1 {
		left: 8.33333333%
	}

	.col-xxs-push-0 {
		left: auto
	}
}

@media (max-width:375px) {
	.onlyshow-xxxs {
		display: block
	}

	.hidden-xxxs {
		display: none
	}

	.col-xxxs-12 {
		width: 100%
	}

	.col-xxxs-11 {
		width: 91.66666667%
	}

	.col-xxxs-10 {
		width: 83.33333333%
	}

	.col-xxxs-9 {
		width: 75%
	}

	.col-xxxs-8 {
		width: 66.66666667%
	}

	.col-xxxs-7 {
		width: 58.33333333%
	}

	.col-xxxs-6 {
		width: 50%
	}

	.col-xxxs-5 {
		width: 41.66666667%
	}

	.col-xxxs-4 {
		width: 33.33333333%
	}

	.col-xxxs-3 {
		width: 25%
	}

	.col-xxxs-2 {
		width: 16.66666667%
	}

	.col-xxxs-1 {
		width: 8.33333333%
	}

	.col-xxxs-offset-12 {
		margin-left: 100%
	}

	.col-xxxs-offset-11 {
		margin-left: 91.66666667%
	}

	.col-xxxs-offset-10 {
		margin-left: 83.33333333%
	}

	.col-xxxs-offset-9 {
		margin-left: 75%
	}

	.col-xxxs-offset-8 {
		margin-left: 66.66666667%
	}

	.col-xxxs-offset-7 {
		margin-left: 58.33333333%
	}

	.col-xxxs-offset-6 {
		margin-left: 50%
	}

	.col-xxxs-offset-5 {
		margin-left: 41.66666667%
	}

	.col-xxxs-offset-4 {
		margin-left: 33.33333333%
	}

	.col-xxxs-offset-3 {
		margin-left: 25%
	}

	.col-xxxs-offset-2 {
		margin-left: 16.66666667%
	}

	.col-xxxs-offset-1 {
		margin-left: 8.33333333%
	}

	.col-xxxs-offset-0 {
		margin-left: 0
	}
}

.tooltip {
	/*fontfont-family: "Hiragino Sans GB",PingHei,"Helvetica Neue",Helvetica,Arial,Verdana,"Microsoft Yahei",sans-serif*/
}

.tooltip .tooltip-inner {
	padding: 8px;
	background: rgba(0,0,0,.8);
	text-align: left
}

.tooltip .tooltip-arrow {
	opacity: .8
}

@media (min-width:768px) {
	.pricing .item.left {
		width: 25%;
		padding: 1%;
	}
.pricing .item.left-first{margin-left: 0;}
	.pricing .item.right {
		width: 25%;
		padding: 1%;
	}
	
	.pricing .item.left.col-md-4 {
		width: 30.33%;
		margin-left: 3%
	}
	.pricing .item.right.col-md-4 {
		width: 30.33%;
		margin-left: 3%
	}
	.pricing .item.left.col-md-5 {
		width: 38%;
		margin-left: 7%
	}
	.pricing .item.right.col-md-5 {
		width: 38%;
		margin-left: 7%
	}
	
}

.headline-bg {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 420px;
	background: 0 0/cover #00b254;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover
}

.headline-bg.about-headline-bg {
	overflow: hidden;
	background: -webkit-linear-gradient(top,#00903a,#1ebf5e);
	background: -moz-linear-gradient(top,#00903a,#1ebf5e);
	background: -o-linear-gradient(top,#00903a,#1ebf5e);
	background: -ms-linear-gradient(top,#00903a,#1ebf5e);
	
}

.headline-bg.about-headline-bg.jobs-headline-bg {
	height: 594px
}

.headline-bg.ai-headline-bg {
	/*zyheight: 575px;*/
	overflow: hidden;
	background: -webkit-linear-gradient(top,#00903a,#1ebf5e);
	background: -moz-linear-gradient(top,#00903a,#1ebf5e);
	background: -o-linear-gradient(top,#00903a,#1ebf5e);
	background: -ms-linear-gradient(top,#00903a,#1ebf5e);
	background: linear-gradient(-74deg, transparent 90%, rgba(255, 255, 255, 0.1) 20%), linear-gradient(-74deg, transparent 83%, rgba(255, 255, 255, 0.1) 15%), linear-gradient(-74deg, transparent 76%, rgba(255, 255, 255, 0.08) 15%),  linear-gradient(to top, #12ae50, #12ae50, #00903a)
}

.headline-bg.bi-headline-bg {
	height: 575px;
	overflow: hidden;
	background: -webkit-linear-gradient(#00b2bf,#1ae0ee);
	background: -o-linear-gradient(#00b2bf,#1ae0ee);
	background: linear-gradient(#00b2bf,#1ae0ee);
	background: -ms-linear-gradient(#00b2bf,#1ae0ee)
}

.headline-bg.ci-headline-bg {
	height: 575px;
	overflow: hidden;
	background: -webkit-linear-gradient(top,#ea7300,#ff9e41);
	background: -moz-linear-gradient(top,#ea7300,#ff9e41);
	background: -o-linear-gradient(top,#ea7300,#ff9e41);
	background: -ms-linear-gradient(top,#ea7300,#ff9e41)
}

.headline-bg.ct-headline-bg {
	height: 575px;
	overflow: hidden;
	background: -webkit-linear-gradient(top,#ed9700,#f6ab00);
	background: -moz-linear-gradient(top,#ed9700,#f6ab00);
	background: -o-linear-gradient(top,#ed9700,#f6ab00);
	background: -ms-linear-gradient(top,#ed9700,#f6ab00)
}

.headline-bg.mi-headline-bg {
	background: #0096da;
	background: linear-gradient(top,#0096da,#5bccff);
	background: -webkit-linear-gradient(top,#0096da,#5bccff);
	background: -moz-linear-gradient(top,#0096da,#5bccff);
	background: -o-linear-gradient(top,#0096da,#5bccff)
}

.headline-bg.servers-headline-bg {
	background: #7fb333;
	background: linear-gradient(top,#7fb333,#a6dc55);
	background: -webkit-linear-gradient(top,#7fb333,#a6dc55);
	background: -moz-linear-gradient(top,#7fb333,#a6dc55);
	background: -o-linear-gradient(top,#7fb333,#a6dc55)
}

.headline-bg.plugins-headline-bg {
	background: #ea7300;
	background: linear-gradient(top,#ea7300,#ff9e41);
	background: -webkit-linear-gradient(top,#ea7300,#ff9e41);
	background: -moz-linear-gradient(top,#ea7300,#ff9e41);
	background: -o-linear-gradient(top,#ea7300,#ff9e41)
}

.headline-bg.ee-headline-bg {
	background: #BEBEBE;
	background: -webkit-linear-gradient(top,#bebebe,#e3e3e3);
	background: -moz-linear-gradient(top,#bebebe,#e3e3e3);
	background: -o-linear-gradient(top,#bebebe,#e3e3e3)
}

.headline-bg.si-headline-bg {
	height: 575px;
	overflow: hidden;
	background: -webkit-linear-gradient(top,#742684,#943ca6);
	background: -moz-linear-gradient(top,#742684,#943ca6);
	background: -o-linear-gradient(top,#742684,#943ca6);
	background: -ms-linear-gradient(top,#742684,#943ca6)
}

.headline-bg.lang-headline-bg {
	height: 575px;
	overflow: hidden
}

.content .img-p {
	text-align: center;
	line-height: 200px;
	padding: 0;
	margin-bottom: 10px
}

.content .img-desc {
	width: 230px;
	margin-left: 20px
}

.lang-content {
	margin-bottom: 30px;
	border-right: 1px solid #eee
}

.lang-content .item {
	padding: 40px 10px 40px 0
}

.lang-content .item .part {
	padding-bottom: 20px
}

.lang-content .item .part h4 {
	font-weight: 400;
	font-size: 20px
}

.lang-content .item.last-item {
	padding-bottom: 0
}

.lang-content .item.last-item p:nth-of-type(1),.lang-content .item.last-item p:nth-of-type(2),.lang-content .item.last-item p:nth-of-type(3),.lang-content .item.last-item p:nth-of-type(4) {
	margin-top: 10px
}

.lang-content .item.last-item p:nth-of-type(2),.lang-content .item.last-item p:nth-of-type(3),.lang-content .item.last-item p:nth-of-type(4) {
	margin-top: 30px
}

.lang-content .ul-indep {
	margin: 45px 0
}

.lang-content .item .desc {
	margin-bottom: 0
}

.lang-content .item .desc p {
	font-size: 15px;
	line-height: 30px;
	margin-top: -25px;
}

.lang-content .item .desc p.note {
	color: rgba(43,43,43,.5);
	font-size: 12px
}

.lang-content ul {
	list-style: none;
	padding-left: 10px;
	font-size: 16px
}

.lang-content ul li {
	margin-left: 40px;
	padding-left: 6px;
	margin-top: 16px;
	list-style-type: disc
}

.lang-content ul .first-li {
	margin-top: 0
}

.lang-content .video-wrapper {
	margin-top: 10px
}

.lang-content .video-wrapper .frame-title {
	margin-top: 0
}

.frame-pos {
	padding-left: 10%
}

.frame-title {
	margin: 40px 0 20px;
	font-size: 16px;
	font-weight: 700;
	color: #b1b1b1
}

.frameworks {
	overflow: hidden
}

.frameworks ul {
	list-style: none;
	position: relative;
	float: left;
	width: 100%;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 0;
	margin: 0;
	clear: both
}

.frameworks ul li {
	display: block;
	float: left;
	padding: 5px 0;
	width: 100%;
	margin: 0;
	list-style-image: none;
	border-bottom: 4px solid #fff;
	border-right: 4px solid #fff;
	background: #f8f8f8;
	margin-top: 10px;
}
.frameworks ul li:first-child{margin-top: 0;}
/*.frameworks ul li:before{
font-family: FontAwesome;
	content: '\f00c';
	padding-right: 8px}*/

.frameworks ul li.framework-last-li {
	width: 100%;
	text-align: center
}

.frameworks ul li.framework-last-li img.last-img {
	width: 100%!important;
	max-width: 309px
}

.frameworks ul li a {
	display: block;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
}
.frameworks ul li a span:hover{color: #00a241;}
.frameworks ul li img {
	width: 100%;
	width: 30px;
	vertical-align: middle;
	border: 0;
	height: 30px;
	margin-left: 10%;
}
.frameworks ul li span{font-size: 14px;padding-left: 10px;}
.key-advan ul {
	list-style: none;
	padding-left: 0;
	font-size: 14px
}

.key-advan ul li {
	line-height: 15px;
	padding-bottom: 20px;
	width: 100%;
	
	color: #7a7a7a;
}


.key-advan ul li.tjz:before {
	font-family: FontAwesome;
	content: '\f00c';
	padding-right: 8px; }


.features-tabbed-index {
	position: relative;
	padding-top: 0;
	padding-bottom: 10px;
}

.features-tabbed-index .features-content {
	border-radius: 4px;
	border-top: none
}

.features-tabbed-index .features-content .icon-tab {
	display: block;
	font-size: 30px;
	color: #fff;
	height: 60px;
	line-height: 1;
	overflow: hidden;
	padding-top: 10px;
	-webkit-text-stroke-width: .2px
}

.features-tabbed-index .features-content .nav-tabs>li {
	border: none
}

.features-tabbed-index .features-content .nav-tabs>li>a {
	background: 0 0;
	padding: 0
}

.features-tabbed-index .features-content .nav-tabs>li>a:hover {
	background: rgba(250,250,250,.5)
}

.features-tabbed-index .features-content .nav-tabs>li.active {
	background: #fff
}

.features-tabbed-index .features-content .nav-tabs>li.active .icon-ai {
	color: #00a241;
	padding-top: 10px;
}

.features-tabbed-index .features-content .nav-tabs>li.active .icon-bi {
	color: #00adba
}

.features-tabbed-index .features-content .nav-tabs>li.active .icon-mi {
	color: #00a0e9
}

.features-tabbed-index .features-content .nav-tabs>li.active a {
	background-color: #fff
}

.features-tabbed-index .features-content .tab-content {
	padding: 10px 0
}

.icon-play {
	font-size: 100px;
	color: rgba(110,110,110,.8)
}

.jobs-tabbed .tab-header {
	width: 100%;
	height: 80px;
	top: 0;
	left: 0;
	background: rgba(255,255,255,.2);
	z-index: 1
}

.jobs-tabbed .tab-jobs{
	display: block;
	height: 20px;
	font-size: 14px;
	color: #fff;
	line-height:2.8
}
.jobs-tabbed .tab-jobs span{color: #fff;}

.jobs-tabbed .nav-tabs>li.active>a>.tab-jobs,.jobs-tabbed .nav-tabs>li.active>a>.tab-jobs span{
	color: #999
}

.jobs-tabbed .panel {
	background: #f5f5f5
}

.jobs-tabbed .panel .panel-title {
	font-weight: 400;
	color: #666
}

.jobs-tabbed .panel .panel-title i.fa {
	color: #D5D5D5
}

.jobs-tabbed .panel .panel-title:hover i.fa {
	color: #00a241
}

.jobs-tabbed .panel .subtitle {
	font-size: 14px;
	font-weight: bolder;
	text-align: left;
	color: rgba(0,0,0,.5)
}

.jobs-tabbed .panel ul {
	padding-left: 20px
}

.jobs-tabbed .panel ul li {
	font-size: 12px;
	text-align: left
}

.jobs-tabbed .panel .panel-small {
	color: #B8B8B8;
	font-size: 14px;
	text-align: left
}

.jobs-tabbed .contents {
	margin-top: 40px
}

.jobs-tabbed p.job-name {
	display: inline-block;
	font-size: 14px;
	width: 92%;
	text-align: left;
	margin-bottom: 0
}

.jobs-tabbed a:hover {
	text-decoration: none
}

.jobs-tabbed a.mail-link:hover {
	text-decoration: underline
}

.steps {
	background: #fff;
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative
}

.steps .icon {
	width: 160px;
	display: block;
	text-align: center;
	margin: 20px auto 0
}

.steps .icon img {
	box-shadow: none;
	vertical-align: middle;
	margin-top: 28px;
}
.steps.steps2{background: #f8f8f8;}
.steps.steps2 .icon img{margin-top: 25px;}
.steps .title {
	font-size: 36px;
	margin-bottom: 20px;
	margin-top: -20px
}

.steps .title .text {
	font-size: 16px !important;
	color: #333
}

.steps .intro-text {
	max-width: 190px;
	margin-left: auto;
	margin-right: auto;
	color: rgba(43,43,43,.5);
	font-size: 14px
}

.steps .line {
	height: 1px;
	line-height: 1px;
	background-color: #eee;
	margin-top: 120px
}

.lang-header {
	height: 300px;
	margin-top: 1px
}

.lang-header h1{
	font-size: 28px;
	color: #fff;
	padding-left: 12px;
	font-weight: bold;
}

.lang-header p {
	color: #fff;
	margin-top: 20px;
	padding-left: 12px;
	padding-right: 40px;
}
.lang-header .txt{font-size: 15px;opacity: .9;line-height: 26px;}

.lang-header p a {
	color: rgba(0,0,0,.3);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	margin-right: 15px
}

.lang-header p a:hover {
	color: #fff;
	text-decoration: none
}

.lang-header p.more a {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
	border: 1px solid #fff;
	padding: 5px 16px;
	color: #fff
}

.lang-header .lang-title {
	height: 52px;
	margin-bottom: 10px;
	margin-left: 40px
}

.lang-header .lang-logo {
	display: inline-block;
	width: 350px;
	margin-top: -8%;
	position: absolute
}

.video-wrapper {
	margin-top: 30px;
	position: relative
}

.video-wrapper ul {
	padding-left: 0
}

.video-wrapper ul li {
	position: relative;
	list-style: none;
	margin-left: 0
}

.video-wrapper video {
	border: 2px solid rgba(102,102,102,.1)
}

.cta-section.pricing-cta-section {
	min-height: 170px;
	position: relative
}

.cta-section.pricing-cta-section .title {
	font-size: 26px;
	font-weight: 600;
	line-height: 55px;
	margin: 0
}

.cta-section.pricing-cta-section .col-sm-9{
	padding-left: 0;
	
}
.cta-section.pricing-cta-section .btn-sign-ye {
	padding: 8px 30px;
	color: #00a040;
	background: #FFF;
	border: 2px solid #FFF
}

.users {
	background: #fff
}

.users h4.vice-title {
	font-size: 20px;
	font-weight: 600
}

.users h2.title {
	font-size: 48px;
	margin-bottom: 30px
}

.users img {
	width: 100%;
	padding: 30px 0
}

.users .text-border {
	height: 0;
	width: 60px;
	border-top: 1px solid rgba(33,33,33,.2);
	margin: 25px auto
}

.users p {
	color: rgba(43,43,43,.5);
	font-size: 16px
}

@media (min-width:768px) {
	.users img.img-lg {
		display: block
	}

	.users img.img-xs {
		display: none
	}
}

@media (max-width:767px) {
	.users img {
		padding: 20px 0
	}

	.users img.img-lg {
		display: none
	}

	.users img.img-xs {
		display: block
	}

	.users .title {
		font-size: 29px!important
	}
}

section.steps.two-man .twheader h2.title {
	margin-bottom: 60px
}

section.steps.two-man .manslider-container .man-wrapper .twomanimg {
	width: 80px;
	margin: 0 auto;
	display: block
}

section.steps.two-man .twcontent {
	min-height: 100px;
	border-radius: 6px
}

section.steps.two-man .twcontent p.twoline {
	margin-bottom: 40px;
	padding: 20px 40px 0;
	min-height: 180px;
	position: absolute;
	text-align: center;
	color: rgba(43,43,43,.5);
	font-size: 16px
}

section.steps.two-man .twcontent p.twoline a {
	display: block;
	border: 0;
	margin-top: 10px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	color: #00b254
}

section.steps.two-man .twcontent p.twoline a.mi {
	color: #10B5FF
}

section.steps.two-man .twcontent p.twoline a:hover {
	opacity: .8
}

.man-wrapper {
	position: relative;
	height: 200px
}

.man-wrapper .man-prev {
	cursor: pointer;
	left: 14%!important
}

.man-wrapper .man-prev img {
	-webkit-filter: grayscale(100%) brightness(100%) contrast(75%);
	-moz-filter: grayscale(100%) brightness(100%) contrast(75%);
	-ms-filter: grayscale(100%) brightness(100%) contrast(75%);
	filter: grayscale(100%) brightness(100%) contrast(75%);
	opacity: .6
}

.man-wrapper .man-prev img:hover {
	-webkit-filter: initial;
	-moz-filter: initial;
	-ms-filter: initial;
	filter: initial;
	-webkit-transition: -webkit-filter .3s ease-in-out;
	-moz-transition: -moz-filter .3s ease-in-out;
	-o-transition: filter .3s ease-in-out;
	-ms-transition: filter .3s ease-in-out;
	transition: -webkit-filter .3s ease-in-out,-moz-filter .3s ease-in-out,-o-filter .3s ease-in-out,filter .3s ease-in-out
}

.man-wrapper .man-prev .twofooter {
	opacity: 0
}

.man-wrapper .man-cur {
	cursor: pointer;
	left: 42%!important;
	top: -8px!important
}

.man-wrapper .man-cur img {
	width: 90px!important;
	-webkit-transition: -webkit-filter .6s ease-in-out .4s,width .6s ease-in-out .2s,opacity .6s ease-in-out .2s;
	-moz-transition: -moz-filter .6s ease-in-out .4s,width .6s ease-in-out .2s,opacity .6s ease-in-out .2s;
	-o-transition: filter .6s ease-in-out .4s,width .6s ease-in-out .2s,opacity .6s ease-in-out .2s;
	-ms-transition: filter .6s ease-in-out .4s,width .6s ease-in-out .2s,opacity .6s ease-in-out .2s;
	transition: -webkit-filter .6s ease-in-out .4s,-moz-filter .6s ease-in-out .4s,-o-filter .6s ease-in-out .4s,filter .6s ease-in-out .4s,width .6s ease-in-out .2s,opacity .6s ease-in-out .2s
}

.man-wrapper .man-cur .twofooter {
	opacity: 1;
	-webkit-transition: opacity .6s ease-in-out .6s;
	-moz-transition: opacity .6s ease-in-out .6s;
	-o-transition: opacity .6s ease-in-out .6s;
	-ms-transition: opacity .6s ease-in-out .6s;
	transition: opacity .6s ease-in-out .6s
}

.man-wrapper .man-next {
	cursor: pointer;
	left: 70%!important
}

.man-wrapper .man-next img {
	-webkit-filter: grayscale(100%) brightness(100%) contrast(75%);
	-moz-filter: grayscale(100%) brightness(100%) contrast(75%);
	-ms-filter: grayscale(100%) brightness(100%) contrast(75%);
	filter: grayscale(100%) brightness(100%) contrast(75%);
	-webkit-transition: -webkit-filter .3s ease-in-out;
	-moz-transition: -moz-filter .3s ease-in-out;
	-o-transition: filter .3s ease-in-out;
	-ms-transition: filter .3s ease-in-out;
	transition: -webkit-filter .3s ease-in-out,-moz-filter .3s ease-in-out,-o-filter .3s ease-in-out,filter .3s ease-in-out;
	opacity: .6
}

.man-wrapper .man-next img:hover {
	-webkit-filter: initial;
	-moz-filter: initial;
	-ms-filter: initial;
	filter: initial
}

.man-wrapper .man-next .twofooter {
	opacity: 0
}

.man-wrapper .manslider {
	position: absolute;
	display: block;
	width: auto;
	height: 170px;
	top: 0;
	left: 0;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out
}

section.steps .twcontent p.twoline {
	top: -30px
}

.p-next,.p-prev {
	opacity: 0
}

.p-cur {
	opacity: 1;
	-webkit-transition: opacity .6s ease-in-out;
	-moz-transition: opacity .6s ease-in-out;
	-o-transition: opacity .6s ease-in-out;
	-ms-transition: opacity .6s ease-in-out;
	transition: opacity .6s ease-in-out;
	z-index: 100
}

@media (max-width:1199px) and (min-width:992px) {
	.man-wrapper {
		position: relative;
		height: 200px
	}

	.man-wrapper .man-prev {
		left: 24%!important
	}

	.man-wrapper .man-prev img {
		width: 80px!important
	}

	.man-wrapper .man-cur {
		left: 44%!important
	}

	.man-wrapper .man-cur img {
		width: 90px!important
	}

	.man-wrapper .man-next {
		left: 64%!important
	}

	.man-wrapper .man-next img {
		width: 80px!important
	}

	.man-wrapper .manslider {
		height: 170px
	}
}

@media (max-width:991px) and (min-width:768px) {
	.man-wrapper {
		height: 170px
	}

	.man-wrapper .man-prev {
		left: 22%!important
	}

	.man-wrapper .man-prev img {
		width: 70px!important
	}

	.man-wrapper .man-cur {
		left: 42%!important
	}

	.man-wrapper .man-cur img {
		width: 80px!important
	}

	.man-wrapper .man-next {
		left: 62%!important
	}

	.man-wrapper .man-next img {
		width: 70px!important
	}
}

@media (max-width:767px) {
	section.two-man {
		padding-bottom: 150px
	}

	section.two-man .man-wrapper {
		height: 160px
	}

	section.two-man .man-wrapper .man-prev {
		margin: auto;
		display: block;
		top: 0!important;
		bottom: 0!important;
		left: 0!important;
		right: 0!important
	}

	section.two-man .man-wrapper .man-prev img {
		width: 70px!important;
		visibility: hidden
	}

	section.two-man .man-wrapper .man-prev .twofooter {
		-webkit-transition: visibility .1s ease-in-out 0s;
		-moz-transition: visibility .1s ease-in-out 0s;
		-o-transition: visibility .1s ease-in-out 0s;
		-ms-transition: visibility .1s ease-in-out 0s;
		transition: visibility .1s ease-in-out 0s
	}

	section.two-man .man-wrapper .man-cur {
		margin: auto;
		display: block;
		top: 0!important;
		bottom: 0!important;
		left: 0!important;
		right: 0!important;
		z-index: 100
	}

	section.two-man .man-wrapper .man-cur img {
		width: 70px!important;
		visibility: visible;
		-webkit-transition: -webkit-filter .6s ease-in-out,width .6s ease-in-out,opacity .6s ease-in-out;
		-moz-transition: -moz-filter .6s ease-in-out,width .6s ease-in-out,opacity .6s ease-in-out;
		-o-transition: filter .6s ease-in-out,width .6s ease-in-out,opacity .6s ease-in-out;
		-ms-transition: filter .6s ease-in-out,width .6s ease-in-out,opacity .6s ease-in-out;
		transition: -webkit-filter .6s ease-in-out,-moz-filter .6s ease-in-out,-o-filter .6s ease-in-out,filter .6s ease-in-out,width .6s ease-in-out,opacity .6s ease-in-out
	}

	section.two-man .man-wrapper .man-cur .twofooter {
		-webkit-transition: visibility .1s ease-in-out 0s;
		-moz-transition: visibility .1s ease-in-out 0s;
		-o-transition: visibility .1s ease-in-out 0s;
		-ms-transition: visibility .1s ease-in-out 0s;
		transition: visibility .1s ease-in-out 0s
	}

	section.two-man .man-wrapper .man-next {
		margin: auto;
		display: block;
		top: 0!important;
		bottom: 0!important;
		left: 0!important;
		right: 0!important
	}

	section.two-man .man-wrapper .man-next img {
		width: 70px!important;
		visibility: hidden
	}

	section.two-man .man-wrapper .man-next .twofooter {
		-webkit-transition: visibility .1s ease-in-out 0s;
		-moz-transition: visibility .1s ease-in-out 0s;
		-o-transition: visibility .1s ease-in-out 0s;
		-ms-transition: visibility .1s ease-in-out 0s;
		transition: visibility .1s ease-in-out 0s
	}
}

@media (max-width:590px) {
	section.steps.two-man {
		padding-bottom: 160px
	}

	section.steps.two-man .twcontent p.twoline {
		padding: 20px 5px!important
	}
}

section.partner {
	padding: 30px 0;
	background: #F7F7F7
}

section.partner h2.title {
	font-weight: 400
}

.partner-container {
	max-width: 920px;
	margin: 50px auto 0;
	text-align: center
}

.partner-container p {
	color: #c7c7c7;
	text-align: center
}

.partner-container a {
	text-decoration: none;
	display: inline-block;
	vertical-align: middle
}

.partner-container a img {
	margin: auto;
	-webkit-filter: grayscale(100%) brightness(70%) contrast(75%);
	-moz-filter: grayscale(100%) brightness(70%) contrast(75%);
	-ms-filter: grayscale(100%) brightness(70%) contrast(75%);
	filter: grayscale(100%) brightness(70%) contrast(75%);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.partner-container a p {
	opacity: 0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.partner-container a:hover img {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	filter: none;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.partner-container a:hover p {
	opacity: 1;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	transform: translateY(-10px);
	margin-top: 20px;
	margin-bottom: 0
}

.partner-container .figure {
	height: 70px
}

.partner-container .partner-box {
	min-height: 100px
}

@media (max-width:375px) {
	.partner-container .partner-box {
		min-height: 70px;
		height: 70px
	}
}

@media (max-width:767px) {
	.partner-container {
		width: 450px
	}
}

@media (max-width:480px) {
	.partner-container {
		width: 300px
	}
}

@media (max-width:374px) {
	.partner-container {
		width: 299px
	}
}

section.jobs {
	padding: 90px 0
}

section.jobs h2.title {
	font-size: 43px;
	font-weight: 600;
	margin-bottom: 30px
}

section.jobs p {
	color: #fff
}

section.features-apm {
	text-align: center;
}

section.features-apm h2 {
	font-size: 44px
}

section.features-apm .desp {
	color: #aaa;
	font-size: 16px;
	margin-bottom: 55px
}

section.features-apm figure {
	margin: 50px 0 40px
}

section.features-apm a:hover {
	text-decoration: none
}

section.about-zhiliao {
	padding: 80px 0
}
section.about-zhiliao h2{
	font-size: 48px;
	font-weight: normal;
}

section.about-zhiliao .article-wrap {
	padding-bottom: 60px
}

section.about-zhiliao article {
	max-width: 880px;
	margin: auto;
	padding: 0 10px
}

@media (max-width:767px) {
	section.about-zhiliao {
		padding-top: 20px
	}
}

@media (max-width:480px) {
	section.about-zhiliao {
		padding-top: 20px;
		padding-bottom: 0
	}

	section.about-zhiliao .article-wrap {
		padding-bottom: 35px
	}
}

section.contact-section {
	background: #f2f2f2;
	padding-top: 40px;
	z-index: 1;
	position: relative
}

section.contact-section .container {
	padding-bottom: 50px
}

section.contact-section a {
	text-decoration: none
}

section.contact-section a:hover .figure-link {
	text-decoration: underline
}

section.contact-section figure {
	text-align: center;
	width: 80%;
	margin: auto
}

section.contact-section figure .iconfont {
	font-size: 68px;
	color: rgba(0,0,0,.2);
	line-height: 1.1
}

section.contact-section figure .figure-title {
	font-size: 16px;
	margin-bottom: 10px;
	color: #333
}

section.contact-section figure .figure-detail {
	font-size: 12px;
	color: rgba(0,0,0,.5)
}

section.contact-section figure .figure-link {
	font-size: 12px
}

section.contact-section figure .figure-link:hover {
	text-decoration: underline
}

section.contact-section figure .phone {
	font-size: 12px
}

@media (max-width:767px) {
	section.contact-section figure.row1 {
		margin-bottom: 30px
	}
}

@media (min-width:992px) {
	section.contact-section .container {
		width: 970px
	}
}

@media (min-width:1200px) {
	section.contact-section .container {
		width: 1170px
	}
}

@media (max-width:767px) {
	section.contact-section .container {
		width: 450px
	}
}

@media (max-width:480px) {
	section.contact-section .container {
		width: 370px
	}
}

@media (max-width:374px) {
	section.contact-section .container {
		width: 299px
	}
}

section.contact-section.about {
	background: #fff
}

section.contact-section.about figure .iconfont {
	font-size: 100px;
	color: #00b254;
	-webkit-text-stroke-width: 0
}
section.contact-section.about figure .figure-title {
	font-size: 16px;
	color: rgba(0,0,0,.3)
}

section.contact-section.about figure .figure-info {
	font-size: 16px
}

@media (max-width:480px) {
	section.contact-section.about figure .figure-info {
		font-size: 12px
	}
}

@media (max-width:480px) {
	section.contact-section.about {
		padding-top: 35px
	}

	section.contact-section.about .container {
		padding-bottom: 30px
	}
}

#container,#output {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%
}

.download-box {
	width: 765px;
	margin: 2% auto 8%
}

.text-feature-container {
	margin-top: 40px;
	padding: 40px 0 20px;
	display: inline-block;
	vertical-align: top
}

.figure-wapper {
	display: inline-block
}

.new-list {
	color: rgba(0,0,0,.6);
	list-style: none inside;
	padding-left: 0;
	margin-bottom: 30px;
	font-size: 14px
}

.new-list li {
	font-size: 12px
}

.new-list li:before {
	content: "*";
	font-weight: 400;
	padding-right: 10px;
	font-size: 12px
}

.downloadTitle {
	font-size: 60px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 30px;
	text-align: left
}

.android_phone_figure {
	position: relative
}

.inner_code {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -68px;
	margin-top: -120px
}

.inner_code p {
	margin-top: 10px;
	color: #fff
}

.btn-android-download {
	cursor: pointer;
	font-weight: 400!important;
	font-size: 20px
}

.android_phone {
	margin: auto
}

.list-title {
	font-size: 14px;
	color: rgba(0,0,0,.6);
	font-weight: 400;
	margin-top: 60px
}

.mobile-download {
	padding-top: 6px
}

a .icon-download {
	font-size: 14px
}

code {
	display: block;
	padding: 10px 15px
}

code.ci {
	border: 1px solid #eee;
	color: #666;
	background: #fff
}

@media (min-width:992px) {
	.download-box {
		width: 867px;
		margin: 2% auto 8%
	}

	.downloadTitle {
		font-size: 70px
	}

	.figure-wapper {
		display: inline-block;
		margin-left: 59px
	}
}

@media (min-width:768px) {
	.android_phone {
		margin-right: 0;
		height: 650px
	}
}

@media (max-width:767px) {
	.inner_code {
		margin-left: -130px;
		margin-top: -224px
	}

	.list-title,.new-list {
		text-align: left
	}

	.mobile-download {
		padding-top: 0;
		padding-bottom: 20px
	}

	.android_phone {
		max-height: 650px;
		max-width: 90%
	}

	.android_phone_figure {
		padding-top: 0
	}

	.downloadTitle {
		font-size: 40px
	}

	#container {
		height: 150%
	}
}

@media (max-width:480px) {
	.downloadTitle {
		font-size: 30px;
		font-weight: 700
	}

	.inner_code {
		margin-left: -100px;
		margin-top: -200px
	}
}

@media (max-width:374px) {
	.downloadTitle {
		font-size: 25px
	}

	.inner_code {
		margin-left: -82px;
		margin-top: -180px
	}

	.btn-android-download {
		font-size: 14px
	}
}

#root .bdsharebuttonbox {
	position: fixed;
	z-index: 100;
	bottom: 5px;
	right: 5px
}

#root .bdsharebuttonbox a {
	transition: none;
	float: none;
	display: block;
	background-color: #fafafa;
	padding: 10px 8px;
	line-height: 15px;
	height: 35px;
	width: 35px;
	margin: 2px 0;
	background-size: 25px;
	cursor: pointer
}

#root .bdsharebuttonbox a .iconfont {
	font-size: 18px
}

#root .bdsharebuttonbox .bds_tqq,#root .bdsharebuttonbox .bds_tsina,#root .bdsharebuttonbox .bds_weixin {
	background-position: 5px 5px;
	display: none
}

#root .bdsharebuttonbox .top_controll {
	background-image: none;
	background-color: #00b254
}

#root .bdsharebuttonbox .top_controll .fa {
	position: relative;
	font-size: 25px;
	color: #fff;
	top: -5px;
	left: 1px
}

#root .bdsharebuttonbox .top_controll:hover {
	opacity: .8
}

.bd_weixin_popup .bd_weixin_popup_main {
	padding: 5px 0!important
}

.bd_weixin_popup {
	width: 250px!important;
	height: 280px!important
}

.bd_weixin_popup .bd_weixin_popup_head {
	text-align: center!important;
	margin-bottom: 5px
}

.bd_weixin_popup .bd_weixin_popup_foot {
	text-align: center!important
}

.bdsharebuttonbox {
	opacity: 0;
	transition: opacity 1.4s ease-in-out
}

.bdsharebuttonbox.visible {
	opacity: 1
}

.bdsharebuttonbox a {
	text-decoration: none;
	background-repeat: no-repeat
}

.bdsharebuttonbox a.bds_weixin {
	background-image: url(../images/language/d5c524d1.wechat-init.png)
}

.bdsharebuttonbox a.bds_weixin:hover {
	opacity: 1;
	background-image: url(../images/language/5ce8f639.wechat.png)
}

.bdsharebuttonbox a.bds_tsina {
	background-image: url(../images/language/dad4b33e.sina-init.png)
}

.bdsharebuttonbox a.bds_tsina:hover {
	opacity: 1;
	background-image: url(../images/language/ddfcf35f.sina.png)
}

.bdsharebuttonbox a.bds_tqq {
	background-image: url(../images/language/3be15d69.qq-init.png)
}

.bdsharebuttonbox a.bds_tqq:hover {
	opacity: 1;
	background-image: url(../images/language/d12f4f36.qq.png)
}

.header {
	color: #fff;
	width: 100%;
	position: relative;
	z-index: 40;
	height: 80px
}

.header .main-nav {
	margin-top: 15px;
	margin-bottom: -5px;
	padding-bottom: 5px
}

.header .main-nav .navbar-toggle {
	margin-right: 0;
	margin-top: 0;
	background: 0 0;
	position: absolute;
	right: 10px;
	top: 10px
}
.header .main-nav .navbar-toggle .icon-bar {
	background-color: rgba(255,255,255,.6);
	height: 3px
}

.header .main-nav .navbar-toggle:focus {
	outline: 0
}

.header .main-nav .navbar-toggle:hover .icon-bar {
	background-color: #fff
}

.header .main-nav .nav.active {
	position: relative
}

.header .main-nav .nav.active>a {
	background: #e74124;
	color: #fff;
	color: rgba(255,255,255,.8)
}

.header .main-nav .nav.active>a:before {
	content: "\f0d8";
	position: absolute;
	bottom: -8px;
	left: 0;
	text-align: center;
	font-family: FontAwesome;
	display: block;
	font-size: 12px;
	width: 100%
}

.header .main-nav .nav.active>a.dropdown-menu:before {
	display: none
}

.header .main-nav .nav.open a {
	background: 0 0
}

.header .main-nav .nav .nav-item {
	font-weight: 400;
	font-size: 13px;
	margin-right: 15px
}

.header .main-nav .nav .nav-item.nav-item-sub {
	margin-right: 8px
}

.header .main-nav .nav .nav-item.nav-item-sub a {
	font-size: 12px
}

.header .main-nav .nav .nav-item.active {
	color: #ec6952
}

.header .main-nav .nav .nav-item.active a {
	color: #ec6952;
	background: 0 0;
	font-weight: 700
}

.header .main-nav .nav .nav-item.item-railsgirls a {
	padding-top: 11px;
	padding-left: 10px
}

.header .main-nav .nav .nav-item.item-railsgirls a img {
	width: 90px;
	opacity: .6
}

.header .main-nav .nav .nav-item.item-railsgirls a:hover img {
	opacity: 1
}

.header .main-nav .nav .nav-item.last {
	margin-right: 0
}

.header .main-nav .nav .nav-item>span,.header .main-nav .nav .nav-item>a {
	height: 57px
}

.header .main-nav .nav .nav-item span,.header .main-nav .nav .nav-item a {
	color: rgba(255,255,255,.8)
}

.header .main-nav .nav .nav-item a:hover ,.header .main-nav .nav .nav-item span:hover {
	color: #fff;
	background-color: transparent
}

.header .main-nav .nav .nav-item a:active,.header .main-nav .nav .nav-item a:focus ,.header .main-nav .nav .nav-item span:active,.header .main-nav .nav .nav-item span:focus {
	outline: 0;
	background-color: transparent
}

.header .main-nav .nav .nav-item .aliyun-logo {
	width: 120px;
	margin-top: -5px;
	opacity: .6
}

.header .main-nav .nav .nav-item .aliyun-logo:hover {
	opacity: 1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.header .main-nav .nav .dropdown-menu {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	margin: 0;
	text-transform: none;
	min-width: 160px;
	background: #fff;
	border: rgba(0,0,0,.2);
	top: 90%;
	left: -54px
}

.header .main-nav .nav .dropdown-menu:before {
	content: "";
	display: none;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	position: absolute;
	right: 30px;
	top: -10px
}

.header .main-nav .nav .dropdown-menu a {
	padding: 8px 20px;
	color: #77787C;
	zoom: 1;
	filter: alpha(opacity=100);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1
}

.header .main-nav .nav .dropdown-menu a:hover {
	background-color: rgba(0,0,0,.05);
	color: #77787C
}

.header .main-nav .nav .dropdown-menu .active a:hover {
	background-color: rgba(0,0,0,.05)
}

.header.navbar-fixed-top {
	height: 80px;
	top: 0;
}

.header.navbar-fixed-top .logo .logo-img {
	opacity: .9
}

.header.navbar-fixed-top .logo .logo-img:hover {
	opacity: .65
}

.header.navbar-fixed-top .main-nav .nav .nav-item a {
	color: rgba(255,255,255,.9)
}

.header.navbar-fixed-top .main-nav .nav .nav-item a:hover {
	color: rgba(255,255,255,.65);
	zoom: 1;
	filter: alpha(opacity=100);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1
}

.header.navbar-fixed-top .main-nav .nav .nav-item .dropdown-menu a {
	color: #77787C
}

.header.navbar-fixed-top .main-nav .nav .dropdown-menu {
	background-color: #fff
}

.header.navbar-fixed-top .main-nav .nav .dropdown-menu:before {
	border-bottom: 10px solid #f5f5f5
}

.navbar-right .nav>li>a {
	padding: 15px 5px
}

.navbar-right .nav li span {
	display: block
}

.navbar-right .nav li span:nth-child(1) {
	padding-top: 7px
}

.navbar-right .nav li span:nth-child(1) a:hover {
	text-decoration: none
}

.navbar-right .nav li span:nth-child(2) {
	padding-bottom: 12px
}

.navbar-right .nav li span:nth-child(2) a:hover {
	text-decoration: none
}

.header .main-nav .nav .nav-item.nav-item-cta a.btn-cta-secondary {
	border: 1px solid rgba(255,255,255,.6);
	color: rgba(255,255,255,.6);
	padding: 8px 10px;
	margin-top: 6px;
	font-size: 13px;
	height: auto
}

.header .main-nav .nav .nav-item.nav-item-cta a.btn-cta-secondary:hover {
	border: 1px solid #fff;
	background: #fff;
	color: #00a241;
	opacity: 1
}

.header.navbar-fixed-top .main-nav .nav .nav-item.nav-item-cta a.btn-cta-secondary {
	opacity: .9;
	border: 1px solid rgba(255,255,255,.9);
	color: rgba(255,255,255,.9)
}

.header.navbar-fixed-top .main-nav .nav .nav-item.nav-item-cta a.btn-cta-secondary:hover {
	opacity: .65;
	background: 0 0;
	color: rgba(255,255,255,.9)
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
	background-color: rgba(0,0,0,.05);
	color: #77787C!important
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
	background-color: transparent
}

.logo a {
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out
}

.logo-img {
	display: inline-block;
	float: left;
	width: 90px;
	margin-top:20px;
	opacity: .8
}

.logo-img:hover {
	opacity: 1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.global-header-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	z-index: 38;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,.85);
	transition: opacity .5s
}

.overlay-show {
	display: block;
	opacity: 0;
	transition: opacity .5s
}

.wavesWapper {
	position: absolute;
	overflow: hidden;
	height: 100%;
	width: 100%
}

.waves {
	margin-left: -23%;
	height: inherit
}

.subnav-container {
	width: 100%;
	color: #fff
}
/*zy*/
.subnav-container .drop-down{margin-top: 10px;border-right:1px rgba(255,255,255,0.2) solid;margin-bottom: 10px;}
.subnav-container .drop-down:last-child{border-right: 0;width: 18%}
.subnav-container .drop-down .li-content ul li{padding:2px 0px 3px 0px;}
.subnav-container .drop-down.cloud{border-right: 0;}
.subnav-container .drop-down.cloud .li-content ul li{background:rgba(255,255,255,0.1);padding:15px 0px 0px 15px;}
/*.subnav-container .drop-down .li-content ul li{background:rgba(255,255,255,0.075);padding:7px 0px 7px 15px;}
.subnav-container .drop-down .li-content ul li a{color: rgba(255,255,255,1) !important;text-decoration: none !important;}*/
.subnav-container .drop-down .li-content ul li:hover{color: #00a241;}
.subnav-container .drop-down.cloud .li-content ul li:hover{background: #00a241;color: #fff;}
.subnav .subnav-solution>li.drop-down-data.drop-down-about{width: 25%;}
.subnav-container .drop-down.cloud{margin-top: 20px;}
.subnav {
	background-color: rgba(0,0,0,0.9);
	width: 100%;
	height: 220px;
	position: relative;
	z-index: 1
}

.subnav .solution {
	display: none
}

.subnav .solution.open {
	display: block
}


.subnav .data {
	display: none
}

.subnav .data.open {
	display: block
}

.subnav .product {
	display: none
}

.subnav .product.open {
	display: block
}

.subnav .subnav-solution {
	padding: 0;
	margin: 0;
	overflow: hidden
}

.subnav .subnav-solution li:nth-child(2) .li-content ul li {
	width: 96%
}

.subnav .subnav-solution li:nth-child(3) .li-content ul li {
	width: 29%
}

.subnav .subnav-solution li:nth-child(4) .li-content ul li {
	width: 96%
}

.subnav .subnav-solution li:nth-child(5) .li-content ul li {
	width: 96%
}

.subnav .subnav-solution>li {
	display: inline-block;
	float: left;
	padding: 0 0 20px 50px;
	height: 200px;
}

.subnav .subnav-solution>li:nth-child(2),.subnav .subnav-solution>li:nth-child(4),.subnav .subnav-solution>li:nth-child(5) {
	width: 18%
}

.subnav .subnav-solution>li.cloud{width: 40%;}
.subnav .subnav-solution>li.cloud .cloud-pad{padding-top: 12px;padding-bottom: 12px;width: 100% !important;}
.subnav .subnav-solution>li.cloud a p{font-size: 12px !important;padding-top: 5px;padding-bottom: 0;}
.subnav .subnav-solution>li:nth-child(3) {
	width: 30%
}

/*zy.subnav .subnav-solution>li:hover {
	background-color: rgba(0,0,0,.4)
}*/

.subnav .subnav-solution>li:hover .li-content a:first-of-type p {
	opacity: 1
}

.subnav .subnav-solution>li .li-content {
	min-height: 158px;
	/*margin: 10px 0*/
}

.subnav .subnav-solution>li .li-content p {
	font-size: 16px
}

.subnav .subnav-solution>li .li-content ul.pro-content {
	list-style: none;
	padding: 0;
	font-size: 12px;
	font-weight: 700
}

.subnav .subnav-solution>li .li-content ul.pro-content a {
	color: rgba(255,255,255,.6);
}

.subnav .subnav-solution>li .li-content ul.pro-content a.disabled:hover {
	color: rgba(255,255,255,.7);
	text-decoration: none
}

.subnav .subnav-solution>li .li-content ul.pro-content a:hover {
	color: #fff
}

.subnav .subnav-solution>li .li-content ul.pro-content li {
	display: inline-block;
	margin-bottom: 10px
}

.subnav .subnav-products {
	padding: 0;
	margin: 0;
	overflow: hidden
}

.subnav .subnav-products>li {
	display: inline-block;
	float: left;
	width: 25%;
	padding: 0
}

.subnav .subnav-products>li.onecol {
	width: 16.6666%
}

.subnav .subnav-products>li.onecol .li-content .type-box .productWrapper {
	width: 100%;
	margin-bottom: 0
}

.subnav .subnav-products>li.twopro .li-content {
	height: 170px;
	margin: 0
}

.subnav .subnav-products>li.twopro .li-content .type-title {
	margin-top: 0;
	padding-top: 20px
}

.subnav .subnav-products>li.twopro .li-content:hover {
	background: rgba(0,0,0,.4)
}

.subnav .subnav-products>li.twopro .li-content:hover .type-title {
	color: #fff
}

.subnav .subnav-products>li.twopro .li-content:hover .type-box a img {
	opacity: 1
}

.subnav .subnav-products>li.twopro .li-content:hover .type-box a .pro-name {
	color: #fff
}

.subnav .subnav-products>li.twopro:hover {
	background: 0 0
}

.subnav .subnav-products>li.twopro:hover .type-title {
	color: rgba(255,255,255,.8)
}

.subnav .subnav-products>li .li-content {
	height: 183px;
	margin: 15px 0
}

.subnav .subnav-products>li .li-content>a {
	display: block;
	min-height: 100px
}

.subnav .subnav-products>li .li-content .img-sp {
	padding-top: 27%!important
}

.subnav .subnav-products>li .li-content .img-sp.img-rasp {
	padding-top: 15%!important;
	width: 60%;
	height: 60%;
	margin-left: 0;
	margin-bottom: 10px
}

.subnav .subnav-products>li .li-content .desp {
	color: rgba(255,255,255,.7)
}

.subnav .subnav-products>li .li-content .desp:hover {
	text-decoration: none
}

.subnav .subnav-products>li .li-content a:hover .desp {
	color: #fff
}

.subnav .subnav-products>li .li-content a#oneasp:hover {
	text-decoration: none
}

.subnav .subnav-products>li .li-content .pro-content {
	list-style: none;
	padding: 0;
	font-size: 12px;
	font-weight: 700
}

.subnav .subnav-products>li .li-content .pro-content a {
	color: rgba(255,255,255,.7)
}

.subnav .subnav-products>li .li-content .pro-content a:hover {
	color: #fff
}

.subnav .subnav-products>li .li-content .pro-content li {
	display: inline-block;
	width: 40%;
	margin-bottom: 0
}

.subnav .subnav-products>li .li-content .pro-content li.long_li {
	width: 100%
}

.subnav .subnav-products>li:last-child .li-content {
	border-right: none
}

.subnav .subnav-products>li:hover {
	background-color: rgba(0,0,0,.4)
}

.subnav .dropdown-menu {
	margin: 0;
	position: static;
	width: 100%
}

@media (max-width:1199px) {
	nav.nav-left .navbar-collapse ul.nav li a {
		padding: 15px 5px
	}

	.subnav .subnav-solution>li {
		padding-left: 30px
	}

	.subnav .subnav-solution>li .li-content {
		height: 168px
	}

	.subnav .subnav-solution>li .li-content p {
		font-size: 18px
	}

	.subnav .subnav-solution>li ul.pro-content {
		font-size: 12px
	}

	.subnav .subnav-products>li .li-content>a {
		min-height: 90px
	}

	.subnav .subnav-products>li .li-content .img-sp {
		padding-top: 30!important%
	}
}

@media screen and (min-width:768px) and (max-width:991px) {
	.navbar-collapse.collapse {
		padding-left: 30px!important
	}
}

@media (max-width:991px) {
	nav.nav-left {
		float: left
	}

	.subnav .subnav-solution li:nth-child(2) .li-content ul li {
		width: 40%
	}

	.subnav .subnav-solution li:nth-child(3) .li-content ul li {
		width: 44%
	}

	.subnav .subnav-solution li:nth-child(4) .li-content ul li {
		width: 86%
	}

	.subnav .subnav-solution li:nth-child(5) .li-content ul li {
		width: 80%
	}

	.subnav .subnav-solution>li:nth-child(2),.subnav .subnav-solution>li:nth-child(4),.subnav .subnav-solution>li:nth-child(5) {
		width: 23%
	}

	.subnav .subnav-solution>li:nth-child(3) {
		width: 30%
	}

	.subnav .subnav-solution>li {
		padding-left: 30px
	}

	.subnav .subnav-solution>li .li-content {
		height: 160px
	}

	.subnav .subnav-solution>li .li-content p {
		font-size: 16px
	}

	.subnav .subnav-solution>li .li-content ul.pro-content {
		font-size: 12px
	}

	.subnav .subnav-products>li .li-content {
		height: 148px
	}

	.subnav .subnav-products>li .li-content>a {
		min-height: 80px;
		margin-left: -30px!important
	}

	.subnav .subnav-products>li .li-content>a img {
		width: 70%
	}

	.subnav .subnav-products>li .li-content .img-sp {
		padding-top: 36%!important
	}

	.subnav .subnav-products>li .li-content .pro-content {
		font-size: 12px;
		top: 100px
	}

	.header .main-nav .nav .nav-item.item-railsgirls a img {
		margin-top: -5px
	}

	.header .main-nav .nav .nav-item.nav-item-cta a.btn-cta-secondary {
		margin-top: 6px
	}

	.header .main-nav .nav .nav-item .aliyun-logo {
		width: 100px
	}
}

@media (max-width:767px) {
	.header .main-nav .navbar-collapse .nav .nav-item .forward:after {
		content: "\f106"!important
	}

	.navbar-collapse.collapse {
		padding-left: 0!important
	}

	.header .main-nav .nav .nav-item .aliyun-logo {
		display: block;
		margin: 3px auto
	}

	.subnav-container {
		position: absolute;
		display: none;
		left: 100%;
		-webkit-transition: left .5s ease-in-out;
		-moz-transition: left .5s ease-in-out;
		-o-transition: left .5s ease-in-out;
		-ms-transition: left .5s ease-in-out;
		transition: left .5s ease-in-out
	}

	.subnav {
		position: absolute;
		background: 0 0
	}

	.subnav .subnav-solution {
		padding: 0;
		overflow: visible
	}

	.subnav .subnav-solution>li {
		display: block;
		float: none;
		width: 100%!important;
		padding: 0;
		border-bottom: 1px solid rgba(255,255,255,.2);
		margin-bottom: 0
	}

	.subnav .subnav-solution>li:hover {
		background-color: transparent
	}

	.subnav .subnav-solution>li:first-child {
		text-indent: 15px
	}

	.subnav .subnav-solution>li:first-child a:before {
		content: "\f104";
		display: inline-block;
		margin-left: 5px;
		margin-top: 12px;
		position: absolute;
		left: 8px;
		font-weight: 600;
		font-size: 15px;
		font-family: FontAwesome;
		color: #939392;
		line-height: 0;
		margin-right: 10px
	}

	.subnav .subnav-solution>li:last-child {
		border-right: none;
		padding-top: 0
	}

	.subnav .subnav-solution>li:nth-child(5) {
		padding-top: 0
	}

	.subnav .subnav-solution>li.drop-down .li-content>a:after {
		content: "\f105";
		display: inline-block;
		margin-left: 5px;
		margin-top: -15px;
		position: absolute;
		right: 15px;
		font-weight: 600;
		font-size: 15px;
		font-family: FontAwesome;
		color: #939392;
		line-height: 0;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.subnav .subnav-solution>li.drop-down.open .li-content a {
		color: #fff
	}

	.subnav .subnav-solution>li.drop-down.open .li-content>a:after {
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform: rotate(270deg);
		color: #fff
	}

	.subnav .subnav-solution>li.drop-down.open .li-content .pro-content {
		display: block
	}

	.subnav .subnav-solution>li.drop-down.open .li-content .pro-content li {
		width: 100%
	}

	.subnav .subnav-solution>li .li-content {
		height: auto;
		margin: 0;
		border-right: none
	}

	.subnav .subnav-solution>li .li-content a {
		display: block;
		padding: 15px;
		min-height: 0;
		color: rgba(255,255,255,.7);
		text-decoration: none
	}

	.subnav .subnav-solution>li .li-content a img {
		display: none
	}

	.subnav .subnav-solution>li .li-content .pro-name {
		margin-bottom: 0;
		font-size: 14px;
		display: block
	}

	.subnav .subnav-solution>li .li-content .pro-content {
		display: none
	}

	.subnav .subnav-solution>li .li-content .pro-content a {
		padding: 15px;
		display: block
	}

	.subnav .subnav-solution>li .li-content .pro-content li {
		display: block!important;
		width: auto;
		margin-bottom: 0;
		border-top: 1px solid rgba(0,0,0,.6);
		text-indent: 20px
	}

	.subnav .subnav-products {
		padding: 0;
		overflow: visible
	}

	.subnav .subnav-products>li {
		display: block;
		float: none;
		width: 100%;
		padding: 0;
		border-bottom: 1px solid rgba(255,255,255,.2);
		margin-bottom: 0
	}

	.subnav .subnav-products>li:hover {
		background-color: transparent
	}

	.subnav .subnav-products>li:first-child {
		text-indent: 15px
	}

	.subnav .subnav-products>li:first-child a:before {
		content: "\f104";
		display: inline-block;
		margin-left: 5px;
		margin-top: 12px;
		position: absolute;
		left: 8px;
		font-weight: 600;
		font-size: 15px;
		font-family: FontAwesome;
		color: #939392;
		line-height: 0;
		margin-right: 10px
	}

	.subnav .subnav-products>li:last-child {
		border-right: none;
		padding-top: 0
	}

	.subnav .subnav-products>li:nth-child(5) {
		padding-top: 0
	}

	.subnav .subnav-products>li.drop-down .li-content>a:after {
		content: "\f105";
		display: inline-block;
		margin-left: 5px;
		margin-top: -15px;
		position: absolute;
		right: 15px;
		font-weight: 600;
		font-size: 15px;
		font-family: FontAwesome;
		color: #939392;
		line-height: 0;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.subnav .subnav-products>li.drop-down.open .li-content a {
		color: #fff
	}

	.subnav .subnav-products>li.drop-down.open .li-content>a:after {
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform: rotate(270deg);
		color: #fff
	}

	.subnav .subnav-products>li.drop-down.open .li-content .pro-content {
		display: block
	}

	.subnav .subnav-products>li .li-content {
		height: auto;
		margin: 0;
		border-right: none
	}

	.subnav .subnav-products>li .li-content a {
		display: block;
		padding: 15px;
		min-height: 0;
		color: rgba(255,255,255,.7);
		margin-left: 0!important;
		text-decoration: none
	}

	.subnav .subnav-products>li .li-content a img {
		display: none
	}

	.subnav .subnav-products>li .li-content .productWrapper {
		display: block;
		padding: 15px;
		min-height: 0;
		color: #fff;
		text-decoration: none
	}

	.subnav .subnav-products>li .li-content .pro-name {
		display: block;
		margin-bottom: 0
	}

	.subnav .subnav-products>li .li-content .pro-content {
		display: none
	}

	.subnav .subnav-products>li .li-content .pro-content a {
		padding: 15px;
		display: block
	}

	.subnav .subnav-products>li .li-content .pro-content li {
		display: block;
		width: auto;
		margin-bottom: 0;
		border-top: 1px solid rgba(0,0,0,.6);
		text-indent: 20px
	}
}

@media (min-width:1200px) {
	#abcmlogo {
		width: auto;
		height: 79px
	}

	.subnav .subnav-products>li .li-content .pro-content {
		top: 120px
	}

	.subnav .subnav-products>li .li-content .pro-content li {
		width: 35%
	}

	.subnav .subnav-products>li .li-content .img-cpt {
		padding-top: 16px!important;
		width: 70px!important;
		margin-left: 40px!important
	}

	.subnav .subnav-products>li .li-content .img-alert {
		width: 84px;
		padding-top: 41%
	}

	.subnav .subnav-products>li .li-content .img-oneasp {
		width: 60px!important
	}

	.subnav .subnav-products>li .li-content .img-ct {
		width: 65px
	}

	.subnav .subnav-products>li .li-content .img-si {
		padding-top: 14%!important;
		width: 84px
	}

	.subnav .subnav-products>li .li-content .img-ci {
		width: 96px
	}

	.subnav .subnav-products>li .li-content:hover #abcmlogo {
		width: auto;
		height: 79px
	}

	.subnav .subnav-products>li .li-content:hover .pro-content {
		top: 120px
	}

	.subnav .subnav-products>li .li-content:hover .img-alert {
		width: 84px;
		padding-top: 41%
	}

	.subnav .subnav-products>li .li-content:hover .img-oneasp {
		width: 60px!important
	}

	.subnav .subnav-products>li .li-content:hover .img-ct {
		width: 65px
	}

	.subnav .subnav-products>li .li-content:hover .img-ci {
		width: 96px
	}

	.subnav .subnav-products>li .li-content:hover .img-si {
		padding-top: 14%!important;
		width: 84px
	}

	.subnav .subnav-products>li .li-content:hover .img-cpt {
		padding-top: 16px!important;
		width: 70px!important;
		margin-left: 40px!important
	}

	.subnav .subnav-products>li:hover.fixed .li-content .img-alert {
		width: 84px;
		padding-top: 41%
	}
}

@media (max-width:1199px) and (min-width:992px) {
	.subnav .subnav-products>li .li-content .img-rasp {
		padding-top: 32%!important
	}

	.subnav .subnav-products>li .li-content .type-title {
		text-indent: 15px!important
	}

	.subnav .subnav-products>li .li-content .type-box {
		padding-left: 15px!important
	}

	.subnav .subnav-products>li .li-content .type-box a {
		min-height: 125px
	}
}

@media (max-width:1199px) {
	#abcmlogo {
		width: auto;
		height: 60px
	}

	.subnav .subnav-products>li .li-content .pro-content {
		top: 115px
	}

	.subnav .subnav-products>li .li-content .img-alert {
		width: 72.41px!important
	}

	.subnav .subnav-products>li .li-content .img-alert.img-oneasp {
		width: 55px!important
	}

	.subnav .subnav-products>li:hover #abcmlogo {
		height: 60px
	}

	.subnav .subnav-products>li:hover .pro-content {
		top: 115px
	}

	.subnav .subnav-products>li:hover .img-alert {
		width: 72.41px!important
	}

	.subnav .subnav-products>li:hover .img-alert.img-oneasp {
		width: 55px!important
	}
}

@media (max-width:991px) {
	#abcmlogo {
		width: auto;
		height: 57px
	}

	.subnav .subnav-products>li .li-content .pro-content {
		top: 100px
	}

	.subnav .subnav-products>li .li-content .img-alert {
		width: 61px!important
	}

	.subnav .subnav-products>li .li-content .img-alert.img-oneasp {
		width: 45px!important
	}

	.subnav .subnav-products>li:hover #abcmlogo {
		height: 57px
	}

	.subnav .subnav-products>li:hover .pro-content {
		top: 100px
	}

	.subnav .subnav-products>li:hover .img-alert {
		width: 61px!important
	}

	.subnav .subnav-products>li:hover .img-alert.img-oneasp {
		width: 45px!important
	}
}

@media (min-width:768px) {
	.subnav .subnav-solution li .li-content a:first-of-type {
		text-decoration: none;
		color: #fff
	}

	.subnav .subnav-solution li .li-content a:first-of-type p {
		opacity: .7;
		-webkit-transition: opacity .5s ease-in-out;
		-moz-transition: opacity .5s ease-in-out;
		-o-transition: opacity .5s ease-in-out;
		-ms-transition: opacity .5s ease-in-out;
		transition: opacity .5s ease-in-out
	}

	.subnav .subnav-solution li .li-content .pro-content li a:hover {
		text-decoration: underline
	}

	.subnav .subnav-products>li {
		position: relative;
		width: 25%
	}

	.subnav .subnav-products>li .li-content .type-title {
		font-size: 16px;
		color: rgba(255,255,255,.5);
		text-indent: 40px;
		font-weight: 400;
		margin-bottom: 7px;
		-webkit-transition: color .5s ease-in-out;
		-moz-transition: color .5s ease-in-out;
		-o-transition: color .5s ease-in-out;
		-ms-transition: color .5s ease-in-out;
		transition: color .5s ease-in-out
	}

	.subnav .subnav-products>li .li-content .type-box {
		padding: 10px 0 10px 40px;
		overflow: auto
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper {
		position: relative;
		width: 40%;
		display: block;
		float: left;
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper .pro-name {
		font-size: 12px;
		font-weight: bold;
		color: rgba(255,255,255,.6);
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper .pro-name.aisubitem {
		margin-bottom: 0
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper .commonlogo {
		height: 55px;
		width: auto;
		margin-bottom: 10px
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper #oneasplogo {
		height: 35px;
		width: auto
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper #loglogo {
		width: 70%;
		margin-top: 12px;
		height: 23px
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper #ctlogo {
		margin-bottom: -2px
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper #cilogo {
		height: 37px
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper .pro-items {
		position: absolute;
		bottom: 20px;
		left: 0;
		width: 100%;
		list-style: none;
		padding-left: 0;
		opacity: 0
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper .pro-items li {
		width: 27%;
		display: inline-block;
		font-size: 12px;
		color: #fff;
		margin-right: 5px
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper .pro-items a {
		min-height: initial;
		color: rgba(255,255,255,.5)
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper .pro-items a:hover {
		text-decoration: none;
		color: #fff
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper:hover {
		text-decoration: none
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper:hover img:hover {
		opacity: 1
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper:hover p.pro-name {
		color: #fff
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper:hover p.pro-name.aisubitem {
		display: none
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper:hover .pro-items {
		opacity: 1
	}

	.subnav .subnav-products>li .li-content>a {
		position: relative;
		top: 10px
	}

	.subnav .subnav-products>li .li-content img {
		display: block;
		width: 52%;
		max-width: 120px;
		margin-bottom: 15px;
		opacity: .7;
		-webkit-transition: opacity .5s ease-in-out;
		-moz-transition: opacity .5s ease-in-out;
		-o-transition: opacity .5s ease-in-out;
		-ms-transition: opacity .5s ease-in-out;
		transition: opacity .5s ease-in-out
	}

	.subnav .subnav-products>li .li-content .pro-content {
		position: absolute;
		width: 100%;
		opacity: 0;
		margin-left: -45px;
		left: 50%
	}

	.subnav .subnav-products>li:hover.fixed .li-content ul.pro-content {
		display: none
	}

	.subnav .subnav-products>li:hover.fixed .li-content>a {
		position: relative;
		top: 10px
	}

	.subnav .subnav-products>li:hover .li-content>a {
		position: absolute;
		top: 30px
	}

	.subnav .subnav-products>li:hover .li-content .pro-content {
		display: block;
		opacity: 1;
		position: absolute;
		width: 80%;
		-webkit-transition: opacity .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out;
		-ms-transition: opacity .2s ease-in-out;
		transition: opacity .2s ease-in-out
	}

	.subnav .subnav-products>li:hover .type-title {
		color: #fff
	}

	.header .container {
		position: relative;
		z-index: 3
	}

	.header .container nav ul li span.hasSub strong {
		position: relative
	}

	.header .container nav ul li span.hasSub strong:after {
		content: '';
		display: block;
		height: 2px;
		background: #fff;
		width: 100%;
		margin-top: 28px;
		opacity: 0;
		-webkit-transition: opacity .3s ease-in-out;
		-moz-transition: opacity .3s ease-in-out;
		-o-transition: opacity .3s ease-in-out;
		-ms-transition: opacity .3s ease-in-out;
		transition: opacity .3s ease-in-out
	}

	.header .container nav ul li span.hasSub strong.active:after {
		opacity: 1
	}

	.subnav-container {
		-webkit-transform: translateY(-300px);
		-moz-transform: translateY(-300px);
		-o-transform: translateY(-300px);
		-ms-transform: translateY(-300px);
		transform: translateY(-300px);
		-webkit-transition: -webkit-transform .3s ease-in-out;
		-moz-transition: -moz-transform .3s ease-in-out;
		-o-transition: -o-transform .3s ease-in-out;
		-ms-transition: -o-transform .3s ease-in-out;
		transition: -webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out,-o-transform .3s ease-in-out,transform .3s ease-in-out
	}

	.subnav-container .subnav:before {
		content: '';
		position: absolute;
		width: 100%;
		background: rgba(0,0,0,0.9);
		height: 100%;
		top: -100%
	}

	.subnav-container .subnav .container {
		opacity: 0;
		-webkit-transition: opacity .5s ease-in-out;
		-moz-transition: opacity .5s ease-in-out;
		-o-transition: opacity .5s ease-in-out;
		-ms-transition: opacity .5s ease-in-out;
		transition: opacity .5s ease-in-out
	}

	.subnav-container .subnav .container.active {
		opacity: 1
	}

	.subnav-container.showSub {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1
	}

	.subnav-container .string {
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		z-index: 2;
		opacity: 0;
		background-color: rgba(255,255,255,.25);
		-webkit-transition: opacity .5s ease-in-out;
		-moz-transition: opacity .5s ease-in-out;
		-o-transition: opacity .5s ease-in-out;
		-ms-transition: opacity .5s ease-in-out;
		transition: opacity .5s ease-in-out
	}

	.subnav-container .string.active {
		opacity: 1
	}

	.navbar-fixed-top .subnav-container .subnav:before {
		background: 0 0
	}
}

@media screen and (max-width:991px) and (min-width:768px) {
	.subnav .subnav-products>li .li-content .pro-content {
		margin-left: -40px
	}

	.subnav .subnav-products>li {
		width: 25%
	}

	.subnav .subnav-products>li .li-content {
		height: 530px
	}

	.subnav .subnav-products>li .li-content .type-box {
		padding-left: 15px
	}

	.subnav .subnav-products>li .li-content .type-box .productWrapper {
		width: 100%
	}

	.subnav .subnav-products>li .li-content .type-title {
		text-indent: 0;
		padding-left: 15px;
		line-height: 1
	}

	.subnav .subnav-products>li.twopro {
		width: 25%
	}

	.subnav .subnav-products>li.twopro .li-content {
		height: 200px
	}
}

@media (min-width:992px) {
	.subnav .subnav-solution>li:nth-child(3) {
		width: 18%
	}
	.subnav .subnav-solution>li.cloud{width: 30%;}
	.subnav .subnav-solution>li.drop-down-data{
	width: 40%
	}
	.subnav .subnav-solution>li:nth-child(3) .li-content ul li {
		width: 96%
	}
	.subnav .subnav-solution>li.drop-down-data .li-content ul li{width: 40%;}
	.subnav .subnav-solution>li.drop-down-data .li-content ul a{margin-left: 10px;}
	.subnav .subnav-solution>li.drop-down-data .li-content ul a:nth-child(1),.subnav .subnav-solution>li.drop-down-data .li-content ul a:nth-child(3),.subnav .subnav-solution>li.drop-down-data .li-content ul a:nth-child(5){margin-left: 0 !important;}
}

.header .main-nav .nav li.mydropdown:hover .dropdown-menu {
	display: block
}


/*------------底部----------------*/
.footer {
	color: #666;
	font-size: 12px;
	position: relative;
	z-index: 20;
	margin-top: 20px 0;
}

.footer .footer-content .container {
padding-left: 0;
	padding-top: 30px;
	padding-right: 0;
}

.footer .btn-cta,.footer a.btn-cta {
	padding: 9px 10px
}

.footer-col .footer-col-inner input {
	display: none
}

.footer .footer-col.links .fa {
	margin-right: 5px
}

.footer .footer-col.links li {
	margin-bottom: 10px
}

.footer .footer-col.connect h3 {
	color: #333;
	font-weight: 400;
	font-size: 12px;font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	-webkit-opacity: .9;
	-moz-opacity: .9;
	opacity: .9
}

.footer .footer-col.connect .social {
	margin-bottom: 0;
	overflow: hidden
}

.footer .footer-col.connect .social li {
	margin-right: 10px
}

.footer .footer-col.connect .social li a .fa {
	color: #666;
	font-size: 20px
}

.footer .footer-col.connect .social li a:hover .fa {
	color: #333
}

.footer .footer-col .title {
	color: #333;
	font-weight: 400;
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 20px;
	-webkit-opacity: .9;
	-moz-opacity: .9;
	opacity: .9
}

.footer .footer-col a,.footer .footer-col p {
	color: #999
}
.footer .footer-col a:hover {
	color: #00b254 !important;
	text-decoration: none
}

.footer .has-divider {
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 3px
}
.footer .bottom-bar {
	font-size: 14px;
	padding: 10px 0
}

.footer .bottom-bar .row {
	position: relative
}

.footer .bottom-bar .row ul {
	overflow: hidden;
	transition: height .5s ease-in-out;
	height: 20px;
}

.footer .bottom-bar .row .btn-toggle {
	-webkit-transform: scale(0.87);
	-moz-transform: scale(0.87);
	-ms-transform: scale(0.87);
	transform: scale(0.87);
	font-size: 20px;
	color: rgba(0,0,0,.4);
	-webkit-text-stroke-width: 0;
	position: absolute;
	right: 50px;
	top: 11px;
	cursor: pointer;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform .5s ease-in-out;
	-moz-transition: -moz-transform .5s ease-in-out;
	-o-transition: -o-transform .5s ease-in-out;
	-ms-transition: -o-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out,-moz-transform .5s ease-in-out,-o-transform .5s ease-in-out,transform .5s ease-in-out
}

.footer .bottom-bar .row .btn-toggle:hover {
	color: rgba(0,0,0,.2)
}

.footer .bottom-bar .row .btn-toggle.active {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.small {
	font-size: 85%
}

.footer .bottom-bar .copyleft {
	line-height: 2;
	font-size: 12px !important;
}

.footer .bottom-bar .copyright {
float: right;
line-height: 3.6;
font-size: 12px
}
.footer .bottom-bar .col-sm-6{padding-left: 0;}
.footer .bottom-bar .copyright a{text-decoration: none !important;
	color: #00b254 !important;}
.footer .bottom-bar .copyleft a:hover {
	text-decoration: none;
}

.icon-connect {
	font-size: 24px!important;
	-webkit-text-stroke-width: .2px!important
}

.qrcode {
	display: none;
	position: absolute;
	top: -210px;
	left: -140px
}

.footer .footer-col .social a:focus,.footer .footer-col .social a:hover {
	text-decoration: none
}

.footer .footer-col .social a:focus .qrcode,.footer .footer-col .social a:hover .qrcode {
	display: block
}

.footer-col.connect .intro {
	font-size: 12px;
	margin-bottom: 36px
}

.street-address {
	font-size: 16px !important;
	color: #00b254;
	opacity: 1;
}

.lang-selector {
	display: inline-block;
	float: right
}

.lang-selector a {
	font-size: 12px;
	color: rgba(255,255,255,.4)
}

.icp {
	padding: 16px 0 8px
}

.addr,.tel,.email,.complaint {
	font-size: 13px;
	margin-bottom: 0;
}

.adr,.email {
	margin-bottom: 0
}

.footer .download a.footer-download:hover {
	color: #BEBEBE;
	background: rgba(255,255,255,.7)
}

.footer .download .footer-download:first-child{padding-left: 0;}
.footer .download .footer-download {
	float: left;
	display: inline-block;margin-left: 15px;
	margin-top: 20px;}
.footer .download .footer-download img {
	width: 90px;
}
.footer-content .footer-col{padding-left: 0;font-weight: normal;}
.bottom-bar .container{padding-left: 0;font-weight: normal;
}
.footer .footer-col.other-links {
	margin-top: 12px;
	margin-bottom: 16px;
	font-size: 13px;
	padding-right: 25px
}

.footer .footer-col.other-links ul {
	padding-left: 0;
	margin-bottom: 0
}

.footer .footer-col.other-links ul li {
	display: inline-block!important;
	padding: 3px 12px 3px 0!important;
}



.footer .footer-col.other-links ul li a:hover {
	text-decoration: none;
}

@media (max-width:1200px) {
	.qrcode {
		top: -210px
	}

	.footer .bottom-bar .row .btn-toggle {
		right: 74px
	}
}

@media screen and (max-width:991px) and (min-width:768px) {
	.qrcode {
		top: -210px
	}

	.footer .bottom-bar .row .btn-toggle {
		right: 60px
	}
}

@media (max-width:767px) {
	.footer .footer-col .navbar-form {
		padding-left: 15px;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none
	}

	.footer .footer-comb {
		padding: 0
	}

	.footer-col.connect .intro {
		margin-bottom: 0
	}

	.footer .footer-col .social a:focus .qrcode,.footer .footer-col .social a:hover .qrcode {
		display: none
	}

	.footer .footer-col p {
		margin-bottom: 4px
	}

	.footer .footer-content .container {
		border-top: none;
		padding-top: 20px
	}

	.footer-col {
		margin-bottom: 0;
		padding: 0 5%
	}

	.footer-col .footer-col-inner input {
		display: none
	}

	.footer-col .footer-col-inner label {
		display: block;
		margin: 0
	}

	.footer-col .footer-col-inner .title {
		font-size: 14px;
		line-height: 2.285714;
		font-weight: 400;
		border-top: 1px solid #e3e3e3;
		position: relative;
		padding: .333333em;
		margin: 0
	}

	.footer-col .footer-col-inner .title:after {
		content: '+';
		float: right;
		padding: .45em .444444em;
		font-size: 1.111111em;
		font-weight: 200;
		line-height: 1;
		-webkit-transform: rotate(0deg) scale(0.9);
		-ms-transform: rotate(0deg) scale(0.9);
		transform: rotate(0deg) scale(0.9);
		-webkit-transition: -webkit-transform .3s ease-out;
		transition: transform .3s ease-out;
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center
	}

	.footer-col .footer-col-inner ul.list-unstyled {
		text-indent: 2em;
		padding: 0;
		max-height: 0;
		overflow: hidden;
		margin-bottom: 0
	}

	.footer-col .footer-col-inner ul.list-unstyled li {
		-webkit-transform: translateY(-120px);
		-ms-transform: translateY(-120px);
		transform: translateY(-120px);
		opacity: 0;
		-webkit-transition: opacity .3s ease-in,-webkit-transform .3s ease-out;
		transition: opacity .3s ease-in,transform .3s ease-out
	}

	.footer-col .footer-col-inner ul.list-unstyled li a {
		position: relative;
		padding: .222222em .333333em;
		font-size: 13px;
		line-height: 2.6;
		font-weight: 400;
		display: block
	}

	.footer-col .footer-col-inner ul.list-unstyled li:last-child {
		margin-bottom: 15px
	}

	.footer-col .footer-col-inner .footer-download {
		margin: 20px 0
	}

	.footer .footer-col.connect .footer-col-inner {
		padding-left: .333333em
	}

	.footer .footer-col.connect .footer-col-inner h3 {
		font-size: 14px;
		margin-top: 0;
		border-top: 1px solid #e3e3e3;
		padding: 10px 0 0
	}

	.footer .footer-col.connect .social {
		margin-top: 20px
	}

	.footer-col .footer-col-inner input:checked~ul {
		max-height: 100%
	}

	.footer-col .footer-col-inner input:checked~ul li {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		margin: 0
	}
.footer .bottom-bar .copyright{float: left;}
	.footer-col .footer-col-inner input:checked+label h3 {
		font-weight: 700
	}

	.footer-col .footer-col-inner input:checked+label h3:after {
		-webkit-transform: rotate(45deg) scale(1);
		-ms-transform: rotate(45deg) scale(1);
		transform: rotate(45deg) scale(1)
	}
}

@media (min-width:768px) {
	.footer-content .row {
		-webkit-transform: scale(0.96);
		-moz-transform: scale(0.96);
		-o-transform: scale(0.96);
		-ms-transform: scale(0.96);
		transform: scale(0.96)
	}

	.footer-content .footer-col {
		margin-bottom: 20px!important
	}

	.footer-content .footer-col .footer-col-inner label {
		margin-bottom: 5px
	}

	.footer .footer-col .title {
		font-size: 12px;
		margin-bottom: 0;
		letter-spacing: 0;
		line-height: 1.66667;
		font-weight: 600;
		color: #333
	}


	.footer .footer-col.links ul li {
		margin-bottom: 0;
		color: #999;
		font-weight: 400;
		line-height: 24px
	}

	.footer-col.other-links {
		margin-bottom: 8px!important
	}

	.bottom-bar .has-divider,.bottom-bar .icp,.bottom-bar ul {
		-webkit-transform: scale(0.96);
		-moz-transform: scale(0.96);
		-o-transform: scale(0.96);
		-ms-transform: scale(0.96);
		transform: scale(0.96)
	}
}



.agent-counting .container {
	padding-bottom: 10px
}

.agent-counting h2.title {
	margin-bottom: 30px;
	font-size: 36px;
	font-weight: 300
}

.agent-counting .container p {
	margin-bottom: 25px;
	font-size: 16px;
	color: #999
}

.agent-counting table {
margin-bottom: 0;
	border-spacing: 0 12px;
	border-collapse: separate;
}

.agent-counting .table th {
	border-bottom: none;
	border-top: none!important;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	position: relative
}

.agent-counting .table th div {
	position: absolute;
	text-align: left;
	width: 95%;
	padding-left: 13px;
	margin-top: -25px
}
.sjk-section{margin-top: 30px;margin-bottom: 80px;}
.agent-counting .table th:first-child {
	border-right: none;
	border-bottom: none;
}

.agent-counting .table th:last-child {
	border-right: none;
}

.agent-counting .table th div.feature {
	padding: 18px 8px;
	text-align: left
}

.agent-counting .table td {
	border-right: 1px solid #eee;
	padding: 18px 8px;
	font-size: 14px;
	vertical-align: middle;
	padding-left: 20px;
}

.agent-counting .table td:first-child {
	border-right: none;
	border-top: none;
	padding: 0;
	vertical-align: top
}

.agent-counting .table td:last-child {
	border-right: none;
	
}

.agent-counting .table td div.feature {
	border-top: 1px solid #eee;
	margin-right: 30%;
	padding: 18px 8px;
	text-align: left;
	color: #000
}

.table-contrast {
	display: none;
	background: #e9e9e9;
	padding-bottom: 80px
}

.table-contrast .fa-check {
	cursor: pointer;
	color: #78a300
}

.table-contrast h2.title {
	font-size: 36px;
	margin-bottom: 20px;
	margin-top: 40px;
	font-weight: 300
}

.table-contrast table {
	border-collapse: collapse;
	margin-bottom: 3em;
	width: 100%
}

.table-contrast td,.table-contrast th {
	padding: 8px;
	text-align: center;
	border-right: none;
	border-right: 10px solid #e9e9e9
}

.table-contrast td.err {
	background-color: #e9e9e9;
	color: #fff;
	font-size: .75em;
	text-align: center;
	line-height: 1
}

.table-contrast th {
	background-color: rgba(100,100,100,.6);
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
	border-bottom: none!important
}

.table-contrast th.empty {
	background: 0 0
}

.table-contrast th .th-title {
	font-size: 17px
}

.table-contrast td {
	background: #fff;
	border-top: 1px solid #e9e9e9!important;
	color: rgba(51,51,51,.8);
	font-size: 14px
}

.table-contrast td.td-title {
	font-size: 15px;
	font-weight: 700;
	color: #333
}

.table-contrast tbody tr:hover td {
	background-color: rgba(255,255,255,.3)
}

.table-contrast .th1 {
	width: 160px
}

table .check {
	font-size: 20px;
	color: #00a241;
}

table .x {
	font-size: 24px;
	color: #c3c3c3
}

table .question {
	font-size: 17px;
	margin-left: 2px;
	vertical-align: middle;
	cursor: pointer;
	color: #B8B8B8
}

table .question:hover {
	color: #333
}

.title-margin-b {
	margin-bottom: 38px
}

.sticky-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
	margin: 0;
	width: 100%
}

.sticky-wrap .sticky-col,.sticky-wrap .sticky-intersect,.sticky-wrap .sticky-thead {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .125s ease-in-out;
	z-index: 50;
	width: auto
}

.sticky-wrap .sticky-thead {
	z-index: 100;
	width: 100%
}

.sticky-wrap .sticky-intersect {
	opacity: 1;
	z-index: 150
}

.sticky-wrap .sticky-intersect th {
	background-color: #666;
	color: #eee
}

.sticky-wrap td,.sticky-wrap th {
	box-sizing: border-box
}

td.user-name {
	text-transform: capitalize
}

.sticky-wrap.overflow-y {
	overflow-y: auto;
	max-height: 50px
}

.table-basic {
	background-color: rgba(255,255,255,.9);
	color: #333;
	width: 80%;
	margin: 0 auto;
	border-radius: 6px
}

.table-basic th {
	text-align: center;
	padding: 10px
}

.table-basic td {
	text-align: center;
	font-size: 14px
}

.table-basic .fa-check {
	color: #3ca400
}

@media (max-width:480px) {
	.table-contrast p.text-center {
		font-size: 13px
	}

	.table-contrast th,.table-contrast th .th-title {
		font-size: 14px;
		font-weight: 700
	}

	.agent-counting {
		padding-top: 60px
	}

	.agent-counting table {
		border-spacing: 0
	}

	.agent-counting .table th div {
		font-size: 18px;
		margin-top: -28px;
		margin-left: -8px
	}

	.agent-counting .table td div.feature {
		font-size: 16px
	}
	.footer .footer-content .container{padding-left: 25px;}
}

@font-face {
	font-family:iconfont;src:url(../fonts/iconfont.eot);src:url(../fonts/iconfont.woff) format('woff'),url(../fonts/b70765de.iconfont.ttf) format('truetype')
}

@font-face {
	font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.3.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal
}

.iconfont {
	font-family: iconfont!important;
	font-size: 75px;
	font-style: normal;
	-webkit-text-stroke-width: .4px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media (min-width:768px) {
	.header {
		height: 80px
	}

	.header.navbar-fixed-top {
		position: fixed;
		background:#000 !important;
		z-index: 1000;
		height: 80px;
		top: -80px;
		transition: background .2s ease-in-out,top .5s ease-in-out
	}

	.header.navbar-fixed-top-show {
		top: 0!important;
		transition: .5s ease-in-out!important
	}

	.header .main-nav .nav .nav-item {
		margin-right: 10px
	}

	.main-nav.navbar-right {
		float: right!important;
		padding-bottom: 0
	}

	.navbar-collapse.collapse {
		text-align: center;
		padding-left: 50px;
		padding-right: 15px
	}

	.navbar-collapse.collapse .navbar-nav {
		float: none;
		margin: 0 auto;
		display: inline-block
	}

	.why .item .content {
		margin-bottom: 60px
	}

	.why .control {
		top: 128px;
		margin-left: -45px
	}

	.why .item .title {
		margin-bottom: 30px;
		text-align: center
	}

	.footer-col {
		margin-bottom: 25px
	}

	.modal.modal-video .modal-dialog {
		width: auto;
		padding-left: 15px;
		padding-right: 15px
	}

	.global-header-overlay {
		display: none
	}
}

@media (min-width:992px) {
	.header {
		height: 80px
	}

	.header.navbar-fixed-top {
		position: fixed;
		background: rgba(0,0,0,0.9);
		z-index: 1000;
		height: 80px;
		top: -80px;
		transition: background .2s ease-in-out,top .5s ease-in-out
	}

	.main-nav {
		float: right!important
	}

	.new-nav {
		float: left!important
	}

	.header .main-nav .nav .nav-item {
		margin-right: 15px
	}

	.main-nav.navbar-right {
		float: right!important;
		padding-bottom: 5px
	}

	.new-nav.navbar-left {
		float: left!important
	}

	.why .item .content {
		margin-bottom: inherit
	}

	.why .control {
		top: 128px;
		margin-left: -28px
	}

	.why .item .title {
		margin-bottom: 20px;
		text-align: left
	}

	.why .figure {
		text-align: left
	}

	.modal.modal-video .modal-dialog {
		width: 960px;
		padding-left: 0;
		padding-right: 0;
		margin-top: 15%
	}

	.headline-bg.about-headline-bg.jobs-headline-bg {
		height: 594px
	}
}

@media (min-width:1200px) {
	.headline-bg.about-headline-bg.jobs-headline-bg {
		height: 594px
	}
}

@media (max-width:991px) {
	.header .main-nav {
		margin-top: 15px
	}

	.nav>li>a {
		padding: 10px
	}

	.cta-section.pricing-cta-section .title {
		font-size: 30px
	}

	.lang-content .item .desc ul li {
		margin-left: 10px
	}

	.steps {
		padding-bottom: 100px
	}
}

@media (max-width:767px) {
	.logo-img {
		background-size: 45px auto;
		margin-top: 10px
	}

	.waves {
		height: inherit
	}

	.header.navbar-fixed-top {
		position: relative
	}

	.chuxian {
		display: block;
		visibility: visible;
		opacity: 0
	}

	.header .main-nav .navbar-collapse {
		border-top: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: 100%;
		left: 0;
		top: 80px;
		position: absolute;
		z-index: 45;
		padding: 0;
		transition: .5s left ease-in-out,opacity 1s ease-in-out;
		opacity: 0
	}

	.header .main-nav .navbar-collapse .nav .nav-item {
		margin-right: 0;
		padding: 0;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-color: rgba(255,255,255,.2)
	}

	.header .main-nav .navbar-collapse .nav .nav-item.open a {
		color: #fff
	}

	.header .main-nav .navbar-collapse .nav .nav-item a {
		font-size: 15px;
		padding: 15px 20px;
		color: rgba(255,255,255,.7)
	}

	.header .main-nav .navbar-collapse .nav .nav-item a:hover {
		color: #fff
	}

	.header .main-nav .navbar-collapse .nav .nav-item a.btn-cta-secondary {
		color: #fff;
		border: none;
		background-color: #00b254;
		margin: 20px 15px 15px 10px
	}

	.header .main-nav .navbar-collapse .nav .nav-item a.btn-cta-secondary:hover {
		color: #fff;
		background-color: #00b254;
		border: 0;
	}

	.header .main-nav .navbar-collapse .nav .nav-item.item-railsgirls a img {
		width: 90px;
		opacity: .7
	}

	.header .main-nav .navbar-collapse .nav .nav-item .dropdown-link:after {
		content: "\f105";
		display: inline-block;
		margin-left: 5px;
		position: absolute;
		right: 20px;
		top: 18px;
		font-weight: 600;
		-webkit-transition: .2s;
		transition: .2s;
		-webkit-transform: rotate(90deg) translateX(0.15em);
		-ms-transform: rotate(90deg) translateX(0.15em);
		transform: rotate(90deg) translateX(0.15em);
		font-size: 15px;
		line-height: 15px;
		font-family: FontAwesome;
		color: #939393
	}

	.header .main-nav .navbar-collapse .nav .nav-item .dropdown-menu {
		background-color: transparent;
		border-top: 1px solid rgba(0,0,0,.6);
		padding: 0
	}

	.header .main-nav .navbar-collapse .nav .nav-item .dropdown-menu li {
		border-bottom: 1px solid rgba(0,0,0,.6)
	}

	.header .main-nav .navbar-collapse .nav .nav-item .dropdown-menu li.last {
		border: none
	}

	.header .main-nav .navbar-collapse .nav .nav-item .dropdown-menu li a {
		font-size: 14px;
		padding: 15px;
		text-indent: 20px
	}

	.header .main-nav .navbar-collapse .nav-item.dropdown.open .dropdown-link:after {
		-webkit-transform: rotate(270deg) translate(0.1em,.1em);
		-ms-transform: rotate(270deg) translate(0.1em,.1em);
		transform: rotate(270deg) translate(0.1em,.1em)
	}

	.navbar-collapse .nav {
		margin: 0
	}

	.header .main-nav .nav .dropdown-menu:before {
		display: none
	}

	.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
		max-height: inherit
	}

	.headline-bg.index-bg {
		height: 600px
	}

	.headline-bg+.section {
		padding-top: 30px
	}

	.pricing .intro {
		margin-bottom: 45px
	}

	.features-video iframe {
		padding: 5px
	}

	.section .title {
		font-size: 29px!important;
		line-height: 40px
	}

	.section td.title {
		font-size: 14px;
		line-height: 1.42857143
	}

	.section .intro {
		font-size: 16px
	}

	.features-tabbed-index .features-content .icon-tab {
		font-size: 40px
	}

	.why {
		padding-top: 40px
	}

	.why .item .content {
		margin-bottom: 60px
	}

	.why .item .title {
		margin-bottom: 30px;
		text-align: center
	}

	.nav-tabs>li>a {
		padding: 10px 5px
	}

	.main-nav .navbar-collapse .navbar-nav {
		padding-top: 0;
		padding-bottom: 10px
	}

	.modal.modal-video .modal-dialog {
		width: auto;
		padding-left: 15px;
		padding-right: 15px
	}

	.why .item .desc {
		margin-bottom: 0
	}

	.lang-content {
		border-right: none
	}

	.pricing .item .heading .title {
		color: #444;
		font-size: 20px!important;
		font-weight: 600
	}

	.headline-bg.about-headline-bg.jobs-headline-bg {
		height: 575px
	}

	.fixed-width {
		width: 430px;
		height: 200px;
		margin: 0 auto
	}

	.jobs-tabbed {
		margin-top: 0
	}

	.jobs-tabbed .tab-header {
		height: 85px
	}

	.jobs-tabbed .features-content .icon-tab {
		font-size: 45px;
		height: 55px;
		line-height: 1.3
	}

	.jobs-tabbed .features-content .tab-jobs {
		height: 30px
	}

	.lang-selector {
		display: block;
		margin-bottom: 5px;
		float: none
	}

	.steps .icon img {
		width: 85%
	}

	.lang-header {
		height: auto;
		padding-bottom: 60px
	}

	.lang-header .lang-logo {
		display: none
	}

	.lang-header .lang-title {
		margin-top: 30px;
		margin-left: 0
	}

	.lang-header p {
		padding: 0
	}

	.video-wrapper {
		width: 100%;
		margin: auto
	}

	.lang-content .item {
		padding-right: 0
	}

	.frame-pos {
		padding-left: 0
	}

	.cta-section.pricing-cta-section {
		margin-top: 80px;
		padding-top: 50px;
		padding-bottom: 40px
	}

	.cta-section.pricing-cta-section h2.title {
		line-height: 40px
	}
}

@media (max-width:480px) {
	.lang-header .lang-title {
		height: 41px;
		margin-left: 20px
	}

	.lang-header p {
		padding: 0 20px
	}

	.lang-content {
		padding-right: 25px;
		padding-left: 25px
	}

	.btn-large {
		font-size: 14px!important;
		padding: 8px 15px
	}

	.features-tabbed-index {
		margin-top: -70px
	}

	.features-tabbed-index .features-content .icon-tab {
		font-size: 80px;
		-webkit-text-stroke-width: 0
	}

	.why {
		padding-top: 40px
	}

	.why .item {
		padding: 40px 0
	}

	.why .item .title {
		font-size: 26px!important
	}

	.why .item .content,.why .item .desc {
		margin-bottom: 0
	}

	.play-btn {
		margin-top: -54px;
		margin-left: -30px
	}

	.play-btn .icon-play {
		font-size: 60px
	}

	.headline-bg {
		height: 370px
	}

	.headline-bg+.section {
		padding-top: 30px
	}

	.features-video .lang-title {
		margin-bottom: 10px
	}

	.features-video .about-title {
		margin-bottom: 95px
	}

	.section .intro {
		margin-bottom: 30px
	}

	section.features-apm {
		padding: 40px 0
	}

	.cta-section {
		padding-top: 70px;
		min-height: 370px
	}

	.headline-bg.about-headline-bg {
		height: 360px
	}

	.headline-bg.about-headline-bg.jobs-headline-bg {
		height: 610px
	}

	.jobs.section-on-bg {
		padding-top: 10px;
		padding-bottom: 40px
	}

	.fixed-width {
		width: 260px;
		height: 320px;
		margin: 0 auto
	}

	.jobs-tabbed {
		margin-top: 0
	}

	.jobs-tabbed .tab-header {
		height: 70px
	}

	.jobs-tabbed .features-content .icon-tab {
		font-size: 30px;
		height: 45px;
		line-height: 1.4
	}

	.jobs-tabbed .features-content .tab-jobs {
		height: 25px;
		font-size: 12px;
		line-height: 1.3
	}

	.pricing {
		padding-bottom: 10px
	}

	.pricing .item .heading .title {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.pricing .item .heading .price-figure {
		min-height: 70px
	}

	.pricing .item .heading span {
		line-height: 1.5
	}

	.pricing .item .feature-list li {
		padding: 8px
	}

	.btn-part {
		margin-top: 20px
	}

	.agent-counting {
		padding-bottom: 30px
	}

	.agent-counting h2.title {
		margin-bottom: 20px
	}

	.agent-counting .container {
		padding-bottom: 0
	}

	.agent-counting .container p {
		font-size: 13px
	}

	.faq {
		padding-top: 40px;
		padding-bottom: 40px
	}

	.faq .title {
		margin-bottom: 30px
	}

	.faq .panel .panel-heading {
		padding: 13px 20px
	}

	.faq .panel .panel-title .panel-toggle .fa {
		margin-right: 5px
	}

	.lang-content ul li {
		margin-left: 10px
	}

	.frame-pos {
		padding-left: 10px;
		padding-right: 10px
	}

	.cta-section.pricing-cta-section .btn-sign-ye {
		padding: 8px 20px
	}
}

@media (max-height:860px) {
	.modal.modal-video .modal-dialog {
		margin-top: 9%
	}
}

@media (max-height:760px) {
	.modal.modal-video .modal-dialog {
		margin-top: 5%
	}
}

@media (max-width:375px) {
	.download {
		margin-bottom: 0
	}

	.steps .icon {
		width: 100%
	}

	.cta-section.pricing-cta-section .title,.why .item .title {
		font-size: 24px!important
	}
	.why .item .title {
		padding-left: 0 !important;}
}

.navbar-lang {
	font-size: 12px;
	display: block;
	visibility: visible;
	padding-left: 0
}

.navbar-lang .breadcrumb {
	background-color: inherit;
	padding: 0;
	margin-bottom: 0
}

.navbar-lang .breadcrumb li:nth-child(2) ul,.navbar-lang .breadcrumb li:nth-child(3) ul {
	display: none;
	padding: 8px
}

.navbar-lang .breadcrumb li:nth-child(2):hover ul,.navbar-lang .breadcrumb li:nth-child(3):hover ul {
	display: block;
	padding: 8px
}

.navbar-lang .breadcrumb li a {
	padding: 0;
	color: rgba(255,255,255,.9);
	display: inline-block
}

.navbar-lang .breadcrumb li a:hover {
	color: #fff;
	background-color: transparent;
	opacity: 1
}

.navbar-lang .breadcrumb li a:active {
	outline: 0;
	background-color: transparent
}

.navbar-lang .breadcrumb li a:focus {
	text-decoration: none;
	background-color: transparent
}

.navbar-lang .breadcrumb>li+li:before {
	padding: 0 0 0 5px;
	color: rgba(255,255,255,.3);
	content: ">\00a0"
}

.navbar-lang .navbar-nav>li>.dropdown-menu {
	background: #fff;
	border: rgba(0,0,0,.2);
	font-size: 12px;
	margin-top: 0;
	border-radius: 4px;
	background-clip: padding-box;
	text-transform: none;
	min-width: 180px;
	padding: 0
}

.navbar-lang .navbar-nav>li>.dropdown-menu li {
	float: left;
	display: inline-block
}

.navbar-lang .navbar-nav>li>.dropdown-menu li:hover {
	background-color: rgba(0,0,0,.05)
}

.navbar-lang .navbar-nav>li>.dropdown-menu li a {
	text-align: center;
	display: inline-block;
	width: 100%;
	color: #77787C;
	zoom: 1;
	filter: alpha(opacity=100);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: .7;
	padding: 8px 10px
}

.navbar-lang .navbar-nav>li>.dropdown-menu li a:hover {
	opacity: 1
}

.navbar-lang .navbar-nav>li>.dropdown-menu li:nth-child(even),.navbar-lang .navbar-nav>li>.dropdown-menu li:nth-child(odd) {
	width: 50%
}

.navbar-lang .navbar-nav>li>.dropdown-menu li.navbar-lang-last {
	width: 100%
}

.imgslider-container h2 {
	font-size: 36px
}

.img-wrapper {
	position: relative;
	width: 700px;
	height: 500px;
	margin: 0 auto;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px
}

.img-wrapper .img-text {
	display: none
}

.imgslider {
	position: absolute;
	display: block;
	width: auto;
	height: 300px;
	top: 0;
	left: 0;
	text-decoration: none;
	text-align: center
}

.radius-border-img {
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	-webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,.2);
	box-shadow: 0 2px 5px 1px rgba(0,0,0,.2);
	width: 100%
}

.img-prev {
	-webkit-transform: translateX(-340px) translateZ(-330px) rotateY(45deg);
	-moz-transform: translateX(-340px) translateZ(-330px) rotateY(45deg);
	-o-transform: translateX(-340px) translateZ(-330px) rotateY(45deg);
	-ms-transform: translateX(-340px) translateZ(-330px) rotateY(45deg);
	transform: translateX(-340px) translateZ(-330px) rotateY(45deg);
	-webkit-transition: -webkit-transform .5s ease-in-out;
	-moz-transition: -moz-transform .5s ease-in-out;
	-o-transition: -o-transform .5s ease-in-out;
	-ms-transition: -o-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out,-moz-transform .5s ease-in-out,-o-transform .5s ease-in-out,transform .5s ease-in-out;
	cursor: pointer
}

.img-current {
	-webkit-transform: translateX(0px) translateZ(0px) rotateY(0deg);
	-moz-transform: translateX(0px) translateZ(0px) rotateY(0deg);
	-o-transform: translateX(0px) translateZ(0px) rotateY(0deg);
	-ms-transform: translateX(0px) translateZ(0px) rotateY(0deg);
	transform: translateX(0px) translateZ(0px) rotateY(0deg);
	-webkit-transition: -webkit-transform .5s ease-in-out;
	-moz-transition: -moz-transform .5s ease-in-out;
	-o-transition: -o-transform .5s ease-in-out;
	-ms-transition: -o-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out,-moz-transform .5s ease-in-out,-o-transform .5s ease-in-out,transform .5s ease-in-out;
	z-index: 100
}

.img-next {
	-webkit-transform: translateX(340px) translateZ(-330px) rotateY(-45deg);
	-moz-transform: translateX(340px) translateZ(-330px) rotateY(-45deg);
	-o-transform: translateX(340px) translateZ(-330px) rotateY(-45deg);
	-ms-transform: translateX(340px) translateZ(-330px) rotateY(-45deg);
	transform: translateX(340px) translateZ(-330px) rotateY(-45deg);
	-webkit-transition: -webkit-transform .5s ease-in-out;
	-moz-transition: -moz-transform .5s ease-in-out;
	-o-transition: -o-transform .5s ease-in-out;
	-ms-transition: -o-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out,-moz-transform .5s ease-in-out,-o-transform .5s ease-in-out,transform .5s ease-in-out;
	cursor: pointer
}

.img-wrapper.folded .img-prev {
	-webkit-transform: translateX(0px) translateZ(-330px) rotateY(45deg);
	-moz-transform: translateX(0px) translateZ(-330px) rotateY(45deg);
	-o-transform: translateX(0px) translateZ(-330px) rotateY(45deg);
	-ms-transform: translateX(0px) translateZ(-330px) rotateY(45deg);
	transform: translateX(0px) translateZ(-330px) rotateY(45deg);
	-webkit-transition: -webkit-transform .5s ease-in-out;
	-moz-transition: -moz-transform .5s ease-in-out;
	-o-transition: -o-transform .5s ease-in-out;
	-ms-transition: -o-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out,-moz-transform .5s ease-in-out,-o-transform .5s ease-in-out,transform .5s ease-in-out;
	cursor: pointer
}

.img-wrapper.folded .img-next {
	-webkit-transform: translateX(0px) translateZ(-330px) rotateY(-45deg);
	-moz-transform: translateX(0px) translateZ(-330px) rotateY(-45deg);
	-o-transform: translateX(0px) translateZ(-330px) rotateY(-45deg);
	-ms-transform: translateX(0px) translateZ(-330px) rotateY(-45deg);
	transform: translateX(0px) translateZ(-330px) rotateY(-45deg);
	-webkit-transition: -webkit-transform .5s ease-in-out;
	-moz-transition: -moz-transform .5s ease-in-out;
	-o-transition: -o-transform .5s ease-in-out;
	-ms-transition: -o-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out,-moz-transform .5s ease-in-out,-o-transform .5s ease-in-out,transform .5s ease-in-out;
	cursor: pointer
}

.img-wrapper.folded+.indicator {
	zoom: 1;
	filter: alpha(opacity=0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}

.controller-wrap {
	text-align: center;
	position: relative;
	z-index: 0;
	display: none
}

.slider-icon {
	font-size: 200px
}

.icon-ai {
	color: #fff
}
.active .icon-ai{color: #00a241;}
.icon-bi {
	color: #00adba
}

.icon-mi {
	color: #00a0e9
}

.arrow-icon {
	font-size: 33px;
	color: #939393
}

.next-btn,.prev-btn {
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	margin-left: -37px;
	margin-right: -25px;
	z-index: 20;
	position: relative
}

.next-btn {
	display: inline-block;
	cursor: pointer
}

.img-text {
	display: inline-block
}

.img-text a {
	font-size: 12px;
	margin: 0 10px;
	font-weight: 400
}

.img-text .text-inset {
	color: #939393
}

.icon-container {
	margin-top: 30px
}

.indicator {
	display: block;
	position: relative;
	bottom: 0;
	width: inherit;
	padding: 0;
	margin-bottom: 20px;
	margin-top: -40px;
	zoom: 1;
	filter: alpha(opacity=100);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out
}

.indicator li {
	display: inline-block;
	width: 40px;
	height: 10px;
	/*-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;*/
	background: rgba(51,51,51,.2);
	cursor: pointer
}

.indicator li.cur {
	background: rgba(51,51,51,.4)
}

.indicator-headline {
	z-index: 20;
	top: -50px
}

@media (min-width:1600px) {
	.img-wrapper {
		width: 800px;
		height: 580px
	}

	.indicator {
		margin-top: -60px
	}
}

@media (max-width:1200px) {
	.img-wrapper {
		width: 560px;
		height: 360px
	}

	.img-prev {
		-webkit-transform: translateX(-290px) translateZ(-330px) rotateY(45deg);
		-moz-transform: translateX(-290px) translateZ(-330px) rotateY(45deg);
		-o-transform: translateX(-290px) translateZ(-330px) rotateY(45deg);
		-ms-transform: translateX(-290px) translateZ(-330px) rotateY(45deg);
		transform: translateX(-290px) translateZ(-330px) rotateY(45deg)
	}

	.img-next {
		-webkit-transform: translateX(290px) translateZ(-330px) rotateY(-45deg);
		-moz-transform: translateX(290px) translateZ(-330px) rotateY(-45deg);
		-o-transform: translateX(290px) translateZ(-330px) rotateY(-45deg);
		-ms-transform: translateX(290px) translateZ(-330px) rotateY(-45deg);
		transform: translateX(290px) translateZ(-330px) rotateY(-45deg)
	}

	.imgslider-container {
		margin: 40px 0 20px
	}

	.indicator {
		margin-top: 10px
	}
}

@media (max-width:991px) {
	.img-wrapper {
		width: 80%
	}

	.img-next,.img-prev {
		visibility: hidden;
		display: none
	}

	.controller-wrap {
		display: none
	}

	.next-btn,.prev-btn {
		margin-left: -37px;
		margin-right: -25px;
		width: 5%
	}

	.img-text {
		margin-top: 30px
	}

	.indicator {
		margin-top: 15px
	}

	.indicator-headline {
		top: -120px
	}
}

@media (max-width:767px) {
	.controller-wrap {
		margin-top: -25px
	}

	.imgslider-container {
		padding-bottom: 0;
		margin: 40px 0 20px
	}

	.img-wrapper {
		width: 99%;
		position: static;
		height: auto
	}

	.img-text {
		min-width: 0
	}

	.imgslider {
		position: static;
		height: auto
	}

	.next-btn,.prev-btn {
		width: 5%
	}

	.img-text a {
		font-size: 14px
	}

	.link-wrap {
		margin: 0 -50px
	}

	.icon-container {
		margin-top: 30px
	}

	.slider-icon {
		font-size: 170px
	}

	.arrow-icon {
		font-size: 40px
	}

	.text-center.indicator-headline {
		top: 10px
	}
}

@media (max-width:480px) {
	.img-wrapper {
		width: 99%
	}

	.slider-icon {
		font-size: 130px
	}

	.img-text a {
		font-size: 12px
	}

	.arrow-icon {
		font-size: 35px
	}

	.icon-container {
		margin-top: 30%
	}

	.btn-gray-bg {
		margin-left: 0
	}

	.next-btn,.prev-btn {
		margin-left: -30px;
		margin-right: -12px
	}
}

.btn:hover {
	opacity: .8
}

.btn-large {
	padding: 10px 30px;
	font-size: 15px;
	border-width: 2px
}

.btn-middle {
	font-size: 18px;
	padding: 8px 20px;
	border: 2px solid #fff
}

.btn-small {
	font-size: 13px;
	border: 1px solid rgba(255,255,255,.6);
	padding: 8px 10px;
	height: auto;
	color: rgba(255,255,255,.6)
}

.btn-small:hover {
	border: 1px solid #fff;
	background: #fff;
	color: #00b254
}

.btn-long {
	padding: 8px 30px;
	font-weight: 700;
	color: #fff
}

@media (max-width:767px) {
	.btn-large {
		padding: 8px 20px
	}
}

.btn-solid {
	font-size: 14px;
	padding: 6px 16px;
	font-weight: 400;
	border: 1px solid #fff;
	background: #fff
}

.btn-solid:hover {
	opacity: .8
}

.btn-hollow {
	font-size: 14px;
	padding: 6px 16px;
	font-weight: 400;
	border: 1px solid #fff
}

.btn-hollow:hover {
	opacity: .8
}

.bg-theme,.slideimg {
	display: none;
	-webkit-transition: left .7s ease;
	-moz-transition: left .7s ease;
	-o-transition: left .7s ease;
	-ms-transition: left .7s ease;
	transition: left .7s ease
}

.carousel-bg,.carousel-img {
	left: 0;
	display: block
}

.next-container {
	left: 100%;
	display: block
}

.carousel-bg.left-slide,.carousel-img.left-slide,.pre-container {
	left: -100%;
	display: block
}

.next-container.left-slide {
	left: 0;
	display: block
}

.carousel-bg.right-slide,.carousel-img.right-slide {
	left: 100%;
	display: block
}

.pre-container.right-slide {
	left: 0;
	display: block
}






