/* Title */
.title{
	position: relative;
	width:100%;
	height:240px;
	overflow:hidden;
	z-index:0;
}
.title::before {
  content: '';
  width: 120%;
  height: 240px;
  position: absolute;
  left: -10%;
  top: 0;
  border-radius: 0 0 50% 50%;
	background-image:url(img/pro.jpg);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.title::after{
  content: '';
  width: 120%;
  height: 240px;
  position: absolute;
  left: -10%;
  top: 0;
  border-radius: 0 0 50% 50%;
	background:url(img/ta.png);
	
}

.title-buy::before{
	background-image:url(img/buy.jpg);
}
.title-about::before{
	background-image:url(img/us.jpg);
}
.title-join::before{
	background-image:url(img/team.jpg);
}
.title-course::before{
	background-image:url(img/course.jpg);
}
.title.title-group::before,.title.title-group::after{
	background-image:none;
}
.title.title-group::before{
	background:#10a53e;
}

.title .title-area{
	width:100%;
	padding:80px 0;
	position:absolute;
	z-index:20;
	left:0px;
	top:0px;
	color:#fff;
}

.title h1{
	font-size:36px;
	font-weight:400;
	line-height:1;
}
.title h1 span{
	font-size:24px;
	padding-right:10px;
}
.title h1 span:before{
	font-size:48px;
}
.title p{
	font-size:18px;
	padding-top:14px
}

/* side-contact */
.side-contact{
	position:fixed;
	right:20px;
	bottom:180px;
	z-index:30;
}
.side-contact li a{
	display:block;
	padding-bottom:10px;
}
.side-contact li img{
	width:40px;
	line-height:40px;
	background:#fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.side-contact li a:hover img{
	background:#fdffd5
}
#wxqrcode{
	position:fixed;
	right:80px;
	bottom:120px;
	background:#fff;
	padding:20px;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
	z-index:30;
}
#wxqrcode img{
	width:150px;
	height:150px;
}
#telnumber{
	position:fixed;
	right:80px;
	bottom:150px;
	background:#fff;
	padding:20px;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
	z-index:30;
}
#telnumber img{
	width:150px;
	height:32px;
}
#groupqrcode{
	position:fixed;
	right:80px;
	bottom:10px;
	background:#fff;
	padding:20px;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
	z-index:30;
}
#groupqrcode img{
	width:150px;
}

/* 首页 */
#index_qrcode{
	padding-top:0px;
}
#topsc{
	background:url(img/body.jpg) no-repeat 50% 50% #333;
	background-size:cover;
	position:relative;
}
#topsc:after{
	width:100%;
	height:100%;
	position:absolute;
	content:"";
	background:url(img/ta.png);
	left:0px;
	top:0px;
	z-index:10;
}
#top_header{
	top:30px;
	position:absolute;
	z-index:20;
	width:100%;
}
#top_header h2{
	padding-left:50px;
	font-size:30px;
	color:#fff;
	float:left
}
#top_header h2 span.icon-logo{
	font-size:60px;
	padding-right:10px;
}
#top_header ul{
	float:right;
	padding-right:50px;
	padding-top:15px;
}
#top_header ul li{
	float:left;
}
#top_header ul li a{
	display:block;
	font-size:16px;
	color:#fff;
}

#top_header ul li a:before{
	color:#fff;
	content:"|";
	padding:0 15px;
	font-size:12px;
}
#top_header ul li:first-child a:before{
	content:"";
	padding:0;
}
#topsc img{
	position:absolute;
	z-index:20;
	width:600px;
	left:calc((100% - 600px)/2);
	top:260px;
}
#topsc ul.topsc_btn{
	position:absolute;
	width:100%;
	top:360px;
	text-align:center;
	z-index:20;
	color:#fff;
	padding-top:50px;
}
#topsc ul.topsc_btn li{
	display:inline-block;
	padding:0 8px;
}
#topsc ul.topsc_btn li a{
	color:#fff;
	display:block;
	height:36px;
	padding:0 20px;
	border:1px solid #fff;
	line-height:36px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
#topsc ul.topsc_btn li a:hover{
	border:1px solid #eee;
	color:#eee;
}
#topsc ul.topsc_btn li.a a{
	border:1px solid #e64340;
	background:#e64340;
	color:#fff;
}
#topsc ul.topsc_btn li.a a:hover{
	border:1px solid #ec706e;
	background:#ec706e;
}

#topsc p{
	position:absolute;
	width:100%;
	text-align:center;
	padding-bottom:30px;
	left:0px;
	bottom:0px;
	color:#fff;
	z-index:20;
}

/* Course-item */
.course-item{
	padding:80px 0;
}
.course-item .item-l{
	float:left;
	width:500px;
}
.course-item .item-r{
	float:right;
	width:500px;
}

.course-item h2{
	font-size:36px;
	font-weight:400;
	line-height:1;
	padding-bottom:50px;
	text-align:center;
}
.course-item p.info{
	text-align:center;
	padding:0 100px;
	font-size:18px;
	line-height:1.6;
}
.course-item p.btn{
	text-align:center;
}
.course-item p.btn a{
	display:inline-block;
	padding:0 25px;
	height:36px;
	line-height:36px;
	background:#fff;
	border:1px solid #e64340;
	color:#e64340;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:0 10px;
}
.course-item p.btn a:hover{
	border:1px solid #000;
	color:#000;
}
.course-item .item-l ul,.course-item .item-r ul{
	padding-left:20px;
}
.course-item .item-l li,.course-item .item-r li{
	padding:5px 0;
	list-style:disc
}
.course-item dl{
	padding-top:10px;
}
.course-item dl dd{
	float:left;
	padding:0 15px 15px 0;
}
.course-item dl dd a{
	display:inline-block;
	background:#fff;
	border:1px solid #999;
	height:36px;
	line-height:36px;
	padding:0 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bg6 .course-item dl dd a{
	background:#f6f6f6;
	border:1px solid #999;
}
.course-item dl dd a:hover{
	border:1px solid #2196f3;
	color:#2196f3;
}
.course-about li{
	float:left;
	width:160px;
	padding:30px;
	background:#fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
}
.course-about li img{
	width:60px;
	padding-bottom:20px;
}
.course-about li h3{
	font-size:20px;
	padding-bottom:20px;
}
.course-about li p{
	line-height:1.8;
}
.course-about li{
	margin:0 48px 0 0;
}
.course-about li.last{
	margin:0px;
}

.course_pic{
	width:100%;
}

.demos a{
	float:left;
	padding:20px;
	text-align:center;
	background:#f9f9f9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width:110px;
	margin:0 25px 25px 0;
}
.demos a.end{
	margin:0 0 25px 0	
}
.demos a img{
	width:80px;
	display:block;
	margin:0 auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.demos a p{
	padding-top:15px;
}

/* platform */
.course-platform{
	padding-bottom:10px;
}

.platform ul{
	float:left;
	width:564px;
	padding:50px
}
.platform ul li{
	padding:15px;
	border-bottom:1px solid #efefef;
}
.platform ul li img{
	width:64px;
	float:left;
	margin-right:15px;
}
.platform ul li h3{
	padding-top:10px;
	font-size:20px;
	font-weight:400;
}
.platform ul li p{
	padding-top:5px;
}
.platform ul li.end{
	color:#999;
}
.platform div.phone{
	float:left;
	padding: 38px 61px 80px 61px;
	width: 238px;
	height: 516px;
	margin: 0 auto;
	position: relative;
}
.platform div.phone img{
	width:238px;
}
.platform div.cover {
	width: 360px;
	height: 634px;
	margin: 0 auto;
	background: url(img/phone.png) no-repeat 0 0;
	background-size: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
}

/* About-us */
.about-us{
	padding:50px 0
}
.order-number{
	float:left;
	width:200px;
	position:relative;
}
.order-number span{
	position:absolute;
	width:80px;
	height:80px;
	text-align:center;
	line-height:80px;
	background:#fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size:36px;
	left:60px;
	top:50px;
	cursor:pointer;
}
.order-number em{
	position:absolute;
	left:190px;
	font-size:24px;
	top:78px;
}

.order-number span#number_2{ top:275px;}
.order-number em#dot_2{ top:303px;}
.order-number span#number_3{ top:570px;}
.order-number em#dot_3{ top:598px;}

.info-text{
	float:right;
	width:722px;
	border-left:2px solid #eaeaea;
	padding:50px;
}
.info-text .text-item{
	background:#fff;
	padding:30px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:50px;
}
.info-text .text-item h2{
	font-size:32px;
	line-height:1;
	font-weight:400;
}
.info-text .text-item p{
	font-size:16px;
	padding-top:12px;
	line-height:24px;
}
.info-text .text-item ul{
	font-size:14px;
	padding-top:12px;
	line-height:28px;
	color:#999
}
.info-text .text-item ul li:hover{
	color:#000;
}
/**/
.tools{
	padding-top:50px;
}
.tools li{
	float:left;
	width:280px;
	margin:0 32px 32px 0;
	padding:20px;
	background:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
	transition:All 0.4s ease-in-out;
	-webkit-transition: All 0.3s ease-in-out;
	-moz-transition:All 0.3s ease-in-out;
	-o-transition:All 0.3s ease-in-out;
	border-bottom:2px solid #fff;
}
.tools li:hover {
	transform:translate(0,-15px);
	-webkit-transform:translate(0,-15px);
	-moz-transform:translate(0,-15px);
	-o-transform:translate(0,-15px);
	-ms-transform:translate(0,-15px);
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.12);
	border-bottom:2px solid #f00;
}

.tools li.nr{
	margin:0 0 32px 0;
}
.tools li h3{
	font-size:20px;
	font-weight:600;
	line-height:40px;
	padding-bottom:10px;
}
.tools li h3 img{
	width:40px;
	vertical-align:top;
	margin-right:10px;
}
.tools li p{
	line-height:24px;
	color:#4a4a4a;
}

.scene div.scene-item{
	float:left;
	width:260px;
	height:340px;
	margin:0 32px 0 0;
	padding:30px;
	background:#fff;
	background-size:cover;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.06);
}
.scene div.scene-item img{
	height:160px;
	display:block;
	margin:0 auto
}
.scene div.scene-item h3{
	font-size:24px;
	font-weight:400;
	padding-bottom:10px;
	text-align:center;
}
.scene ul{
	padding:10px 0 10px 20px;
}
.scene li{
	list-style: disc;
}
.scene div.nr{
	margin:0 0 32px 0;
}
/* product */
.product{
	padding-top:50px;
}
.product li{
	float:left;
	width:154px;
	margin:0 20px 30px 0;
}
.product li.nr{
	margin-right:0px;
}
.product li a{
	display:block;
	background:#fff;
	padding:25px 15px 35px 15px;
	text-align:center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
	transition:All 0.4s ease-in-out;
	-webkit-transition: All 0.3s ease-in-out;
	-moz-transition:All 0.3s ease-in-out;
	-o-transition:All 0.3s ease-in-out;
	border-bottom:2px solid #fff;
	position:relative;
}
.product li a:hover {
	transform:translate(0,-15px);
	-webkit-transform:translate(0,-15px);
	-moz-transform:translate(0,-15px);
	-o-transform:translate(0,-15px);
	-ms-transform:translate(0,-15px);
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.12);
	border-bottom:2px solid #f00;
}
.product li a:hover:before{
	content:"点击查看详情";
	position:absolute;
	bottom:8px;
	left:45px;
	font-size:10px;
	color:#ccc;
	
}
.product li a img{
	display:inline-block;
	width:48px;
	height:48px;
	margin-bottom:15px;
}
.product li a h3{
	font-size:16px;
	margin-bottom:15px;
}
.product li a p{
	line-height:26px;
}

/* Join */
.join-us{
	padding:50px 0
}
.team-left{
	float:left;
	width:200px;
	padding:50px 0 0 0;
}
.team-right{
	float:right;
	width:822px;
	border-left:2px solid #eaeaea;
	padding:50px 0 0 0;
}

.team-title{
	background:#eaeaea;
	color:#000;
	padding:30px;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	font-size:24px;
	margin-bottom:92px;
}

.team-info{
	background:#fff;
	padding:30px;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
	margin-bottom:50px;
}


.team-info .form{
	float:left;
	float:left; width:381px;
	border-right:1px solid #eee;
}
.team-info .form p{ padding-bottom:16px;}
.team-info .form p span{ padding-left:10px; font-size:12px; color:#999}
.team-info .form p:last-child{ padding-bottom:0px;}

.team-info .contact{
	float:right;
	width:350px;
}
.team-info .contact h4{
	padding-bottom:10px;
}
.team-info .contact p{
	padding-bottom:5px;
}
.team-info .contact span.telnumber:before{
	content:"15055662728";
}

/* buy-smsot */
.buy-smsot{
	padding:50px 0 0 9px;
}
.buy-smsot table{
	width:100%;
}
.buy-smsot table td{
	vertical-align:top;
	width:25%;
}
.buy-smsot table td div{
	background: -webkit-linear-gradient( top, rgba(219, 238, 243, 1),rgba(219, 238, 243, 0) );
	background: -o-linear-gradient(bottom,rgba(219, 238, 243, 1),rgba(219, 238, 243, 0));
	background: -moz-linear-gradient( bottom, rgba(219, 238, 243, 1), rgba(219, 238, 243, 0));
	background: linear-gradient(to bottom,rgba(219, 238, 243, 1), rgba(219, 238, 243, 0));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.buy-smsot table td div h2{
	padding:20px;
	font-size:18px;
	text-align:center
}
.buy-smsot table td div h3{
	height:45px;
	line-height:45px;
	background:#2fcde7;
	color:#fff;
	text-align:center;
	font-size:20px;
}
.buy-smsot table td div h3 span{
	font-size:14px;
	font-weight:400;
	padding-left:10px;
	text-decoration:line-through
}
.buy-smsot table td div ul{
	padding:10px 20px 10px 40px;
}
.buy-smsot table td div ul li{
	line-height:40px;
	list-style:circle;
}

.buy-smsot table td div.item-2{
	background: -webkit-linear-gradient( top, rgba(240, 224, 234, 1),rgba(240, 224, 234, 0) );
	background: -o-linear-gradient(bottom,rgba(240, 224, 234, 1),rgba(240, 224, 234, 0));
	background: -moz-linear-gradient( bottom, rgba(240, 224, 234, 1), rgba(240, 224, 234, 0));
	background: linear-gradient(to bottom,rgba(240, 224, 234, 1), rgba(240, 224, 234, 0));
}
.buy-smsot table td div.item-2 h3{
	background:#f65090;
}
.buy-smsot table td div.item-3{
	background: -webkit-linear-gradient( top, rgba(241, 235, 228, 1),rgba(241, 235, 228, 0) );
	background: -o-linear-gradient(bottom,rgba(241, 235, 228, 1),rgba(241, 235, 228, 0));
	background: -moz-linear-gradient( bottom, rgba(241, 235, 228, 1), rgba(241, 235, 228, 0));
	background: linear-gradient(to bottom,rgba(241, 235, 228, 1), rgba(241, 235, 228, 0));
}
.buy-smsot table td div.item-3 h3{
	background:#f8bf76;
}
.buy-smsot table td div.item-4{
	background: -webkit-linear-gradient( top, rgba(223, 228, 242, 1),rgba(223, 228, 242, 0) );
	background: -o-linear-gradient(bottom,rgba(223, 228, 242, 1),rgba(223, 228, 242, 0));
	background: -moz-linear-gradient( bottom, rgba(223, 228, 242, 1), rgba(223, 228, 242, 0));
	background: linear-gradient(to bottom,rgba(223, 228, 242, 1), rgba(223, 228, 242, 0));
}
.buy-smsot table td div.item-4 h3{
	background:#5c74dd;
}

/**/
.pay-items{
	padding:30px 0;
}
.pay-item{
	float:left;
	width:274px;
	cursor:pointer;
	text-align:center;
	padding:25px;
	background:#fff;
	border:2px solid #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.pay-item.m{
	margin:0 20px;	
}
.pay-item.a{
	border-color:#000
}
.pay-item img{
	width:60px;
	padding-bottom:20px;
}
.pay-item h3{
	font-size:20px;
	padding-bottom:20px;
}
.pay-item p{
	line-height:1.8;
}


.paycode{
	padding:30px 0;
}
.paycode .qrcode{
	padding-right:30px;
	width:202px;
}
.paycode .qrcode img{
	width:200px;
	height:200px;
	border:1px solid #eee;
}
.paycode .payinfo{
	padding:25px 0
}
.paycode .payinfo h3{
	font-size:20px;
}
.paycode .payinfo h4.price{
	padding:15px 0 10px 0;
	font-size:18px;
	font-weight:400;
}
.paycode .payinfo h4.price strong{
	color:#f30;
	font-size:28px;
	padding-right:5px;
}
.paycode .payinfo p{
	padding:2px 0;
}