*{
	margin: 0;
}
a {
	text-decoration: none !important;
	/* outline: none; */
	color:rgb(255,255,255);
}

a:focus {
	/* outline: none; */
	color:rgb(255,255,255);
}
a:hover, a:visited, a:link, a:active{
	color:rgb(255,255,255);
	text-decoration: none !important;
}
body {
	min-width: 960px
}

body {
	background-color: rgb(255,255,255);
	width: 100%;
}

.container {
     height: 100px;
	 line-height: 100px;
	 width: 100%;
	 float: left;
	 display: flex;
	 align-items: center;
	 color: rgb(255,255,255);
	 background: rgb(43,210,193);
	 position: fixed;
	 top: 0;
	 z-index: 88;
}
.container .icon{
	margin-left: 12%;
	width: 4.0%;
	float: left;
	display: flex;
    align-items: center;
}
.container .icon img{
	width: 100%;
    align-items: center;
}
.container ul{
	width: 40%;
	margin-left: 46%;
}
.container ul li{
	float: left;
	margin: 0 0 0 25px;
}
.container ul li p{
	color:rgb(255,255,255);
    font-size: 14px;
	font-weight: 700

}
.horizontal-line {
	background-color: #dadada;
	height: 3px
}

.top-nav a {
	/* color: #000; */
	font-weight: 700
}

.jumbotron {
	margin-top: 30px;
	height: 430px;
	background: url(../imgs/photo.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover
}

.main-cta-left {
	color: #fff;
	padding-top: 120px
}

.title {
	font-size: 34px;
	margin-bottom: 20px
}

.sub-title {
	font-size: 19px;
	line-height: 25px
}

.main-cta-btn-wrapper {
	margin-top: 20px
}

.main-cta-right {
	width: 560px;
	margin-left: 0
}

.main-carousel-wrapper {
	margin-top: 33px
}

.main-carousel-wrapper .carousel-indicators {
	margin-top: 360px;
	margin-right: 10px
}

.notifications {
	background-color: #3f3f3f;
	margin-top: 50px
}

.notification-subject {
	background-color: #21bbf9;
	color: #fff;
	font-weight: 700;
	text-align: center;
	padding: 10px 0
}

.notification-message a {
	color: #fff;
	padding: 10px 0;
	width: 100%;
	display: inline-block
}

.features-section-wrapper {
	margin-top: 50px
}

.feature-wrapper {
	margin-bottom: 50px
}

.feature-title {
	color: #3f3f3f;
	margin-bottom: 15px
}

.feature-title i {
	margin-right: 10px
}

.feature-text {
	color: #000000;
	font-size: 14px;
	font-weight: 200;
	line-height: 26px
}

.testimonial-carousel-wrapper {
	margin-top: 50px
}

.testimonial-carousel-wrapper blockquote {
	border: 0;
	font-size: 25px;
	line-height: 30px;
	font-style: oblique;
	color: #989898
}

.testimonial-carousel-wrapper .carousel-indicators {
	margin-top: 80px
}

.testimonial-carousel-wrapper .carousel-indicators li {
	background-color: #ccc
}

.testimonial-carousel-wrapper .carousel-indicators li.active {
	background-color: #7f7f7f
}

.why-process-wrapper {
	padding-top: 60px
}

.productive-wrapper {
	padding-bottom: 20px
}

.productive-body-wrapper {
	margin-top: 40px
}

.pricing-title {
	font-size: 35px;
	margin-bottom: 20px
}

.price-price {
	font-weight: 700;
	font-size: 43px;
	margin-left: 10px;
	position: relative;
	top: 23px
}

.price-per-month {
	font-size: 14px;
	font-weight: 700;
	color: #bfbfbf;
	position: relative;
	top: 23px
}

.price-header {
	padding-bottom: 10px;
	border-bottom: 3px solid #cdcdcd
}

.price-details {
	margin-left: 55px;
	margin-top: 15px;
	list-style-type: none;
	font-size: 14px
}

.price-detail-item {
	margin-bottom: 10px
}

.section-wrapper {
	margin-top: 50px;
	margin-bottom: 50px
}

.section-title-wrapper {
	text-align: center;
	margin-bottom: 30px
}

.section-title {
	font-size: 35px
}

.section-body-wrapper {
	font-size: 18px;
	color: #595959;
	line-height: 30px
}

.bottom-cta-wrapper {
	text-align: center
}

.bottom-cta-text-wrapper {
	font-size: 20px;
	margin: 0 15px
}

.footer-wrapper {
	width: 100%;
	background-color: #3f3f3f;
	padding: 50px 0
}

.footer-align-right {
	text-align: right
}

.footer-link-list {
	list-style-type: none;
	margin: 0
}

.footer-link-item {
	margin-bottom: 5px
}

.footer-link-item a {
	color: #7f7f7f
}

.footer-meta-wrapper {
	margin-top: 40px;
	color: #666;
	font-size: 13px
}

.footer-meta-wrapper a {
	color: #666
}

.cta-footer {
	background: #595959;
	color: #bfbfbf;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 15px 20px;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	margin-bottom: 5px
}

.cta-footer:hover {
	background: #7f7f7f;
	color: #bfbfbf
}

.cta-button {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 15px 20px;
	background: #39a724;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0
}

.cta-button:hover {
	background: #21af04
}

#___plusone_0 {
	width: 33px !important;
	overflow: hidden !important
}

.facebook-like-button {
	border: 0;
	overflow: hidden;
	width: 50px;
	height: 21px;
	position: relative;
	top: 1px;
	margin-left: 5px
}

.twitter-share-button {
	margin-left: 5px
}

.masthead .logo {
	float: left;
}

body {
	font: 12px/1.5 微软雅黑, 宋体, Arial, Helvetica, sans-serif;
}

.top-nav-item {
	font-size: 14px;
}

.jumbotron {
	margin-top: 15px;
}

.main-content {
	background: url(../imgs/retina_dust.png);
}

.title-secondary {
	font-size: 15px;
	font-weight: normal;
	margin-left: 5px;
}

.row {
	width: 1150px;
	height: 750px;
}

.row .feature-wrapper {
	width: 350px;
	height: 680px;
	background-color: #fff;
	padding: 15px 0 30px 20px;
	margin-left: 0;
	margin-right: 10px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.row .feature-introduce {
	width: 600px;
	height: 410px;
	background-color: #fff;
	padding: 15px 0 30px 20px;
	margin-left: 0;
	margin-right: 10px;
	margin-bottom: 20px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.row .feature-contry {
	width: 600px;
	height: 220px;
	background-color: #fff;
	padding: 15px 0 30px 20px;
	margin-left: 0;
	margin-right: 10px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.cta-button {
	padding: 10px 20px;
}

.ico_list {
	font-size: 16px;
	height: 36px;
	line-height: 36px;
	padding: 10px 0 5px 4px;
}

.ico_list img {
	float: left;
	padding-right: 10px;
}

#content img{
	width: 48%;
}

#content .left{
	float: left;
}
#content .right{
	margin-left: 4%;
}
#content .left.active{
	margin-top: 15px;
}
#content .right.active{
	margin-top: 15px;
}
#inner_content {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	margin: 150px auto 40px;
	overflow: hidden;
	padding: 20px;
	width: 1000px;
	font-size: 16px;
}

#inner_content .map {
	margin: 10px 0;
}

.footer {
	text-align: center;
	color: #7f7f7f;
	padding: 25px 0 15px;
	border-top: 1px solid #eeecec;
}


img {
	border: 0;
}

.ck-slide {
	width: 1903px;
	height: 430px;
	margin: 0 auto;
}

.ck-slide ul.ck-slide-wrapper {
	height: 430px;
}

.ck-slide ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.ck-slide {
	position: relative;
	overflow: hidden;
}

.ck-slide ul.ck-slide-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	margin: 0;
	padding: 0;
}

.ck-slide ul.ck-slide-wrapper li {
	position: absolute;
}

.ck-slide .ck-prev,
.ck-slide .ck-next {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 35px;
	height: 70px;
	margin-top: -35px;
	border-radius: 3px;
	opacity: .15;
	background: red;
	text-indent: -9999px;
	background-repeat: no-repeat;
	transition: opacity .2s linear 0s;
}

.ck-slide .ck-prev {
	left: 5px;
	background: url(../imgs/arrow-left.png) #000 50% no-repeat;
}

.ck-slide .ck-next {
	right: 5px;
	background: url(../imgs/arrow-right.png) #000 50% no-repeat;
}

.ck-slidebox {
	position: absolute;
	left: 50%;
	bottom: 12px;
	z-index: 30;
}

.ck-slidebox ul {
	height: 20px;
	padding: 0 4px;
	border-radius: 8px;
	/*background: rgba(0,0,0,0.5);*/
}

.ck-slidebox ul li {
	float: left;
	height: 12px;
	margin: 4px 4px;
}

.ck-slidebox ul li em {
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background-color: #fff;
	text-indent: -9999px;
	cursor: pointer;
}

.ck-slidebox ul li.current em {
	background-color: #fe6500;
}

.ck-slidebox ul li em:hover {
	background-color: #fe6500;
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.games_table {
    width: 400px;
    height: 20px;
    float: right;
    margin-top: 30px;
    2: ;
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
    border-top: solid 1px #999999;
}

.games_table tr {
    border-bottom: solid 1px #999999;
    height: 31px;
    color: #696666;
    line-height: 31px;
}
.games_table td {
    text-indent: 10px;
    font-size: 0.55em;
    color: #696666;
    height: 31px;
    line-height: 31px;
}
.games_table {
	width: 400px;
	height: 20px;
	float: right;
	margin-top: 30px;
	2 border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	border-top: solid 1px #999999;
}


.games_td {
    background: #f5f5f5;
    border-right: solid 1px #999999;
    text-align: center;
}

.games_table tr {
	border-bottom: solid 1px #999999;
	height: 31px;
	color: #696666;
	line-height: 31px;
}

.games_table td {
	text-indent: 10px;
	font-size: 0.55em;
	color: #696666;
	height: 31px;
	line-height: 31px;
}

.games_td {
	background: #f5f5f5;
	border-right: solid 1px #999999;
	text-align: center;
}

#content h4 {
	font-size: 20px !important;
	border-bottom: solid 1px #e8e8e8;
	padding-bottom: 8px;
	margin-bottom: 30px;
}

.font-text {
	color: #000000;
	font-size: 18px;
	font-family: 微软雅黑, 宋体, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	text-indent: 40px;
}


#left_side {
	float: left;
	width: 170px;
	margin-bottom: 20px;
}

#right_side {
	float: right;
	width: 740px;
	margin-bottom: 30px;
	position: relative;
	padding-right: 20px;
	padding-top: 10px;
}

.title {
	width: 170px;
	background: rgb(43,210,193);
	height: 128px;
	color: #fff;
	text-align: center;
	position: relative;
	margin-bottom: 10px;
}

.title_txt h3 {
	font-size: 28px;
	line-height: 100%;
	margin-top: 20px;
	padding: 23px;
}

.title_txt h3 span {
	font-family: Verdana;
	text-transform: uppercase;
	font-size: 12px;
	display: block;
	font-weight: normal;
}

.sidemenu li {
	list-style: none;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #F7EFEF;
}

.sidemenu li a {
	color: #7f7f7f;
	display: block;
	text-indent: 0px;
	font-size: 16px;
	background: #fff no-repeat 10px center;
	font-weight: bold;
}

.sidemenu li a:hover,
.sidemenu li a.selected {
	color: #0068ce;
	background: #fff no-repeat 10px center;
}

.pagemap {
	color: #898989;
	height: 20px;
	position: absolute;
	top: 14px;
	right: 20px;
	background: url(../imgs/product/home.png) no-repeat left center;
	padding-left: 14px;
}

.pagemap a {
	color: #555;
	font-size: 14px;
}

.pagemap strong {
	font-weight: bold;
	font-size: 14px;
}

#job_header {
	height: 400px;
	background-color: #fff;
	background: url(../imgs/introduce/job.png) no-repeat center top;
}

.intro_a {
	width: 980px;
	margin: auto;
	overflow: hidden;
	padding: 30px 0px 30px 0px;
}

.intro_a ul {
	width: 990px;
	list-style: none;
}

.feature-title a {
	text-decoration: none;
	color: #3f3f3f;
}

.feature-title a:hover,
a:focus {
	text-decoration: none;
	color: #3f3f3f;
}

#right_main {
	float: right;
	width: 740px;
	margin-bottom: 30px;
	position: relative;
	padding-right: 20px;
	padding-top: 30px;
}

.tab_menu {
	width: 100%;
	background: #e8e8e8;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.tab_menu li {
	float: left;
	padding: 0 20px;
	height: 38px;
	line-height: 38px;
	cursor: pointer;
}

.tab_menu li.now {
	background: #0068ce;
	color: #fff;
}

.tab_menu ul,
ol,
li {
	list-style: none;
	margin: 0;
	font-size: 18px;
}

.sidemenu {
	margin: 0 0 0 0;
}

.sidemenu li a {
	text-decoration: none;
	margin-left: 45px;
}

.sidemenu .now {
	color: rgb(43,210,193);
}

.footer a {
	text-decoration: none;
	color: #3f3f3f;
}

#JoinInfo {
	font-size: X-Large;
	font-weight: bold;
	font-family: 微软雅黑, 宋体, Arial, Helvetica, sans-serif;
}

.feature-corporate img {
	margin-right: 5px;
	margin-bottom: 15px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

html {
	overflow-y: scroll;
}