@charset "gb2312";

/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, th, td, input, select, textarea, option, button, p, abbr, address, artical, aside, b, bdo, blockquote, button, datalist, del, details, dialog, em, strong, dfn, code, samp, kbd, var, cite, footer, header, i, ins, legend, m, menu, nav, q, section, time {
	margin: 0;
	padding: 0;
}
table, td, th {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img, abbr, input {
	border: 0
}
h3 {
	margin-bottom: 20px;
}
body {
	font-family: "Microsoft YaHei";
}
.schbg{
	margin:20px 0 0 0;
}
.schbg>img{
	width: 100%;
}
.pd6{
	padding-left:10px; 
	padding-right:10px; 
}
.btn-group {
	width: 100%;
	max-width: 640px;
}
.btn-group>.wd25 {
	width: 25%;
	font-size: 24px;
	border-radius: 0;
	border-color: none;
	background-color: #FF3239;
	border-top-color: #FF3239;
	border-bottom-color: #FF3239;
	border-left-color: #FFF;
}
.btn-group>.wd20 {
	width: 20%;
	font-size: 1.4rem;
	border-radius: 0;
	border-color: none;
	background-color: #FF3239;
	border-bottom-color: #FF3239;
	border-left-color: #FFF;
	padding: 12px 0;
}
.qa-title {
	padding: 3px 2px;
}
.btn-group .btn+.btn {
	margin-left: 0;
}
.bg-color-green {
	background: #22AF73;
}
.bg-color-red {
	background: #FF3239;
}
.bg-color-orange {
	background: #FF8D1E;
}
.bg-color-blue {
	background: #0099CC;
}
.bg-color-purple {
	background: #6E3C82;
}
.bg-color-yellow {
	background: #FFBD00;
}
.bg-course {
	background: #ffffff no-repeat center center;
    padding: 10px 0 30px;
}
.bg-class {
	background: url(../images/classbg.jpg) no-repeat center center;
}
.bg-student {
	background: url(../images/studentbg.jpg) no-repeat center center;
	padding: 0 10px 20px;
}
.pd50>img{
	padding: 6px;
}
.nd{
	margin-top:20px; 
}
td:after {
	width: 2px;
	height: 2px;
	background: #FF333A;
	line-height: 20px;
}
.dfbg {
	background: #22AF73;
	width: 100%;
	text-align: center;
}
button.btn-size {
	font-size: 23px;
	margin: 30px auto;
	width: 80%;
	padding: 8px 20px;
	border-radius: 40px;
	font-weight: bold;
	font-family: "Microsoft YaHei";
}
.midban {
	padding: 10px 0;
}
.moneybg img, .paneltit img, .dfbg img, .advbg img{
	width: 100%;
}
.mg30{margin: 5% 6% 10%;}
.paneltit {
	margin: 20px 0;
}
.pd40{
	padding: 10px 20px 0;
}
.pd50{
	padding: 20px 30px 0;	
}
.pd60{
	padding: 20px 40px 0;	
}
.pd4{
	padding: 10px;
}
.coblack{
   background: #fff;
}
.coblack>a{
	color: #000;
	font-weight: bold;
	font-size: 16px;
}

button.btn-size {
	font-size: 20px;
	margin: 30px auto;
	width: 80%;
	padding: 8px 20px;
	border-radius: 4px;
	font-weight: bold;
	font-family: "Microsoft YaHei";
}

button.btn-wkcourse{
	width: 100%;
	padding: 0;
	border: none;
	background: none;
}
button.btn-wkcourse:hover{
	background: #ddd;
}
.qamin {
	padding-right:;
}
.classbg {
	margin-bottom: 20px;
}
.pd1{
	padding:0 2px 4px 2px; 
}
.schmain {
	width: 640px;
}

button.btnfm{
	font-size: 20px;
	font-weight: bold;
}

.btnnav{
	font-size:1.4rem;
	display:inline-block;
	margin-bottom:0;
	padding: 3px;
	white-space:nowrap;
	text-align:center;
	line-height:1.5;
	vertical-align:middle;
}
.bd{
	border-right:1px #fff solid;
}
.col-md-6>a, .col-sm-6>a, .col-xs-6>a{
 display: inline-block;
}
.col-md-6, .col-sm-6, .col-xs-6{
	padding: 0;
}
.wk>a:active, .wk>a:visited{
 background: #ff0000;
}
.bg-color-pink{
	background: #ff3377 url(../images/rnew.png) no-repeat 0 0;
}
hr.dotted{border:none;border-bottom: 1px dashed #bcbcbc;height:1px;}
/*footerloading*/
.footerloading {
	width: 100%;
	margin: 0 auto;
	position: fixed;
	bottom: 0;
	z-index: 999;
}
.footerloading a {
	width: 50%;
	height: 50px;
	background-color: #e74c3c;
	float: left;
	display: inline-block;
	color: #fff;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
}
.footerloading a img {
	width: 17px;
	float: left;
	position: absolute;
	top: 18px;
	left: 60%;
}
.footerloading a.tel img {
	position: absolute;
	top: 18px;
	left: 6%;
}
.footerloading a.tel {
	background: #34495e;
}
button.btn-df {
	width: 100%;
	font-size: 24px;
	margin: 0 auto;
	padding: 20px 6px;
	border-radius: 20px;
	font-weight: bold;
	font-family: "Microsoft YaHei";
	margin-bottom: 60px;
	border: none;
	box-shadow: 0 3px 2px #888888;
}
h2 {
	font-size: 28px;
	color: #fff;
	line-height: 50px;
	font-weight: bold;
}
h2>span {
	color: #ff0;
}
.pd50 {
	padding: 0 30px;
}
.panelbg img {
	width: 100%;
}
.zindex {
	position: relative;
	z-index: 2;
	bottom: 120px;
}
.fabg {
	background: #333333;
	text-align: center;
}
h3 {
	font-size: 40px;
	color: #fff;
	line-height: 60px;
	font-weight: bold;
}
h3>span {
	color: #ff0;
}
.mgt50 {
	margin-top: -80px;
}

/* banner */
.bansch {
	width: 100%;
	max-height: 360px;
	overflow: hidden;
	position: relative;
	margin-top: -1px;
}
.bansch img {
	width: 100%;
}
.bansch>ol {
	height: 35px;
	position: relative;
	z-index: 10;
	width: 95px;
	left: 45%;
	bottom: 10px;
	margin-top: -45px;
	text-align: right;
	padding-right: 20px;
	overflow: hidden;
}
.bansch>ol>li {
	display: inline-block;
	margin: 5px;
	width: 13px;
	height: 14px;
	background: url(../images/banner_btn.png) no-repeat;
}
.bansch>ol>li.on {
	background: url(../images/banner_btn_hover.png) no-repeat;
}
.dis_block {
	display: block;
}
@media all and (min-width:640px) {
	body {
		width: 640px;
		margin: 0 auto;
		position: relative;
	}
}