/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
    margin: 0;
    padding: 0;
}


img{
    border: 0;
	vertical-align: top;
}

/* set image max width to 100% */
img {
    max-width: 100%;
	border:0;
    height: auto;
    width: auto\9; /* ie8 */
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	font-family:"微软雅黑";
    color: #fff;
	margin:0 auto;
}
a {
    color: #fff;
    text-decoration: none;
    outline: none;
}
a:hover {
    text-decoration: none;
}
p {
    margin: 0 0;
    padding: 0;
}

/* list */
ul, ol {
    padding: 0;
    list-style: none;
}
li {
    padding: 0;
    list-style: none;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.0rem;
    /*margin: 20px 0 .4em;*/
    color: #000;
	font-weight:normal;
}
h1 {
    font-size: 1.2rem;
}
h2 {
    font-size: 1.0rem;
}
h3 {
    font-size: 1.0rem;
}
h4 {
    font-size: 1.0rem;
}
h5 {
    font-size: 1.0rem;
}
h6 {
    font-size: 1.0rem;
}

.fl{float: left;}
.fr{float: right;}
/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
.clear{clear:both;}

#pagewrap{
    position:relative;
    overflow:hidden;
}
.top{
	width:100%;
	height:3.5rem;
	margin-top:0;
	z-index:999;
    background-color:#f95d5e;
	}
	
.top2{
	display: none;
}
.header{
    width:100%;
	height:2.25rem;
}

.header-l{ width:7rem; float:left;}
	
.header-r{ float:right; width:5rem;}

.header-l img{ float:left; margin:0.375rem 0.2rem 0 0.5rem; width:3.15rem; height:0.95rem; }

	
.header-l span{ border-left:1px solid #ffffff; padding-left:0.2rem; float:left; margin-top:0.375rem;}

.header-l span h3{ font-size:0.35rem; line-height:0.42rem; color:#ffffff; font-style:italic;}

.header-r h5{ margin-top:0.5rem; font-size:0.45rem; line-height:0.45rem; 
		color:#ffffff; font-style:italic;background: url(../img/tel.png) no-repeat;background-size:0.575rem 0.575rem;padding-left: 1rem;
		
		}
		
.header-r img{ width:0.75rem; height:0.6rem; }


.nav{
    width:100%;
	margin:0 auto;
    background:#f95d5e;

}
.nav ul{
    margin:0 auto;
	height:0.75rem;
	border-bottom:1px solid #ffffff;
}

.nav ul li{
    float:left;
	width:2.30rem;
	height:0.725rem;
	text-align:center;
	border:1px solid #ffffff;
	border-bottom:none;
	margin-left:0.20rem;
	font-size:0.5rem;
	line-height:0.725rem;
}
.nav ul li a{
    color:#ffffff;
	font-weight:400;	    
    
}

.banner-box{
	width:100%;
	height:10.20rem;
	background: url(../img/sy-bnbj.jpg) no-repeat;
	background-size: 100% 100%;
	margin:0 auto;
	padding-top:0.74rem;
	margin-bottom:0.62rem;
}

.banner{
	width:11.4rem;
	height:6.325rem;
	margin:0 auto;
	}

.banner img{
	width:11.4rem;
	height:6.325rem;
	margin:0 auto;
	}


.tit{
	width:100%;
	height:3.25rem;
	margin:0 auto;
	text-align:center;
	
	}
.tit h3{
	font-size:0.75rem;
	color:#030303;
	}
	
.tit h4{
	font-size:0.35rem;
	color:#979797;
	line-height:0.4rem;
	}
	
.tit-h{
	width:0.325rem;
	height:0.275rem;
	background: url(../img/sy-tit.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-top:0.6rem;
	}

.part01{
	width:100%;
	margin-top:1rem;
	}
	
.p01{ 
	width:100%;
	height:9.25rem;
	background:url(../img/sy-part1_01.png) no-repeat;
	background-size:100% 100%;
	}


.part02{
	width:100%;
	height:9.084rem;
	background:#f0f0f0;
	margin-top:1rem;
	padding-top:1rem;
	}

.p02{ 
	width:12.5rem;
	height:5.85rem;
	margin:0 auto;
	}

.p02 li{
	width:1rem;
	background:#f95d5e;
	float:left;
	margin-left:0.25rem;
	}
.p02 li h3{
	color:#ffffff;
	font-size:0.4rem;
	text-align:center;
	line-height:0.5rem;
	}

	
.p02-01{
	height:4.625rem;
	margin-top:1.2rem;
	}
	
.p02-01 h3{
	margin-top:3.5rem;
	}
	
.p02-02{
	height:4.2rem;
	margin-top:1.625rem;
	}
	
.p02-02 h3{
	margin-top:3.1rem;
	}

.p02-03{
	height:3.75rem;
	margin-top:2.08rem;
	}
	
.p02-03 h3{
	margin-top:2.65rem;
	}
	
.p02-04{
	height:1.875rem;
	margin-top:3.95rem;
	}
	
.p02-04 h3{
	margin-top:0.8rem;
	}
.p02-05{
	height:1.35rem;
	margin-top:4.45rem;
	}
	
.p02-05 h3{
	margin-top:0.25rem;
	}
	
.p02-06{
	height:4.625rem;
	margin-top:1.2rem;
	}
	
.p02-06 h3{
	margin-top:3.5rem;
	}
.p02-07{
	height:3.4rem;
	margin-top:2.425rem;
	}
	
.p02-07 h3{
	margin-top:2.3rem;
	}
	
.p02-08{
	height:2.925rem;
	margin-top:2.9rem;
	}
	
.p02-08 h3{
	margin-top:1.8rem;
	}
	
.p02-09{
	height:4.2rem;
	margin-top:1.625rem;
	}
	
.p02-09 h3{
	margin-top:3.1rem;
	}
	
.p02-10{
	height:2.575rem;
	margin-top:3.25rem;
	}
	
.p02-10 h3{
	margin-top:1.45rem;
	}



.part03{
	width:100%;
	margin-top:1.5rem;
	}
	
.p03{ 
	width:100%;
	height:13.75rem;
	background:url(../img/sy-part3_01.png) no-repeat;
	background-size:100% 100%;
	margin-top:0.75rem;
	}
	
.p03 li{
	float:left;
	background:#f0f0f0;
	padding:0.6rem 0.85rem;
	}
	
.p03 li h3{
	font-size:0.55rem;
	color:#686868;
	padding-bottom:0.1rem;	
	}
	
.p03 li h4{
	font-size:0.35rem;
	color:#8e8e8e;
	line-height:0.46rem;
	}
	
.p03_01{
	width:4.55rem;
	height:5.55rem;	
	}

.p03_02{
	width:5.8rem;
	height:5.55rem;	
	}
	
.m01{ margin-left:1rem;}
.m02{ margin-left:0.25rem;}

.m03{ margin-top:0.25rem;}


.part04{
	width:100%;
	height:12rem;
	background:url(../img/sy-part4_bj.png) repeat-x;
	margin-top:1rem;
	padding-top:1rem;
	}
	
.p04{
	height:5.95rem;
	margin-top:0.5rem;
	}

.p04 li{
	width:3.35rem;
	height:5.95rem;
	background:url(../img/sy-part4_01.png) no-repeat;
	background-size:100% 100%;
	margin-left:0.25rem;
	text-align:center;
	float:left;
	}
	
.p04 li h3{
	font-size:0.5rem;
	color:#ffffff;
	line-height:0.75rem;
	padding:0.65rem 0 0.55rem;
	}

.p04 li h4{
	font-size:0.4rem;
	color:#8e8e8e;
	line-height:0.6rem;
	padding:
	}


.part05{
	width:100%;
	height:16rem;
	padding-top:1rem;
	}
	
.p05{
	height:12rem;
	background:url(../img/sy-part5_bj.png) repeat-x;
	}

.p05 li{
	width:6.5rem;
	margin-left:0.5rem;
	margin-top:0.5rem;
	padding-top: 0.025rem;
	text-align:center;
	float:left;
	background:#f95d5e;
	}
.p05 li img{
	width:6.45rem;
	height:4.1rem;
	}
	
.p05 li h4{
	font-size:0.5rem;
	color:#ffffff;
	}
	
.part06{
	width:100%;
	height:14.4rem;
	padding-top:1rem;
	background:url(../img/sy-part6_bj.png) repeat-x;
	}
.p06{
	width:15rem;
	height:9rem;
	margin:0 auto;
	margin-top:0.64rem;
	}
.syteach-box img{
	width:4.85rem;
	height:9rem;
	}
	
.part07{
	width:100%;
	height:13rem;
	padding-top:1rem;
	}
	
.p07{
	width:100%;
	height:8.375rem;
	background:url(../img/sy-part7_bj.jpg) no-repeat;
	background-size:100% 100%;
	margin-top:0.75rem;
	}

.p07 ul{ padding-top:0.5rem;}
.p07 li{
	width:4.5rem;
	}

.p07-l{
	text-align:right;
	margin-left:2.5rem;
	}
.p07-r{
	text-align:left;
	margin-left:8.5rem;
	}


.p07 li .text01{
	color:#7b7b7b;
	font-size:0.5rem;
	line-height:0.5rem;
	}
.p07 li .text02{
	color:#7b7b7b;
	font-size:0.4rem;
	line-height:0.45rem;
	}

.p07 li .text03{
	color:#ffffff;
	font-size:0.5rem;
	line-height:0.7rem;
	}
.p07 li .text04{
	color:#ffffff;
	font-size:0.4rem;
	line-height:0.45rem;
	}





.part08{
	width:100%;
	padding-top:1rem;
	text-align:center;
	margin-bottom:1rem;
	}
.p08 h3{
	font-size:0.5rem;
	color:#7d7d7d;
	line-height:1.4rem;
	}

.p08 img{
	width:100%;
	height:7.575rem;
	}
	
.part09{
	width:100%;
	height:7.5rem;
	padding-top:1rem;
	background:url(../img/sy-part9_bj.jpg) no-repeat;
	background-size:100% 100%;
	text-align:center;
	}
	
.part09 h3{
	font-size:1.1rem;
	color:#f95d5e;
	padding-top:1.8rem;
	line-height:1.5rem;
	}

.part09 h4{
	width:12.5rem;
	margin:0 auto;
	font-size:0.9rem;
	color:#ffffff;
	line-height:1.35rem;
	background:#f95d5e;
	}

.t01{ 
	width:4.25rem;
	height:0.6rem;
	background: url(../img/sy-tit01.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-bottom:0.4rem;
	}
.t02{ 
	width:5.65rem;
	height:0.6rem;
	background: url(../img/sy-tit02.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-bottom:0.4rem;
	}
.t03{ 
	width:6.3rem;
	height:0.6rem;
	background: url(../img/sy-tit03.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-bottom:0.4rem;
	}
.t04{ 
	width:4.75rem;
	height:0.6rem;
	background: url(../img/sy-tit04.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-bottom:0.4rem;
	}
.t05{ 
	width:5.125rem;
	height:0.6rem;
	background: url(../img/sy-tit05.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-bottom:0.4rem;
	}
.t06{ 
	width:2.85rem;
	height:0.6rem;
	background: url(../img/sy-tit06.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-bottom:0.4rem;
	}
.t07{ 
	width:4.825rem;
	height:0.6rem;
	background: url(../img/sy-tit07.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-bottom:0.4rem;
	}
.t08{ 
	width:5.05rem;
	height:0.6rem;
	background: url(../img/sy-tit08.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-bottom:0.4rem;
	}
	
	


/*教师页面*/

.tea-bn{
	width:100%;
	height:9.05rem;
	background: url(../img/teach-bn.jpg) no-repeat;
	background-size:100% 100%;
	}

.tea-part01{
	margin-top:1rem;
	height:11.25rem;
	}
	
.tp1-01 li{
	width:6.7rem;
	height:3.45rem;
	float:left;
	margin-top:0.75rem;
	}
	
.tp1-01 li p{
	font-size:0.6rem;
	color:#8e8e8e;
	padding:1.6rem 0 0 3rem;
	}

.tlist-01{
	background: url(../img/tea-part1_01.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-left:0.8rem;
	}

.tlist-02{
	background: url(../img/tea-part1_02.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-left:1.05rem;
	}


.tp1-02 li{
	width:4.7rem;
	height:2.325rem;
	float:left;	
	background: url(../img/tea-part1_03.png) no-repeat;
	background-size:100% 100%;
	font-size:0.55rem;
	color:#ffffff;
	line-height:2.325rem;
	text-align:center;
	margin-top:0.3rem;
	margin-left:0.2rem;
	}

.tea-part02{
	width:100%;
	height:27.2rem;
	background:#f2f2f2;
	padding-top:1rem;
	}

.tp2{
	width:14.75rem;
	margin:0 auto;
	}

.tp2 li{
	width:14.75rem;
	height:5.25rem;
	float:left;	
	background: url(../img/tea-part2_bj.png) no-repeat;
	background-size:100% 100%;
	margin-top:0.5rem;
	}
	
.tp2 li img{
	width:3.85rem;
	height:3.85rem;
    float:left;
	padding:0.8rem 0.5rem;
}
.tea-info{
	width:9.25rem;
    float:left;
    height:auto;
	padding-top:0.7rem;
}
.tea-info h1{
	font-size:0.55rem;	
	color:#676767;
}
.tea-info h1 span{
	font-size:0.45rem;
	color:#f95d5e;
    font-weight:none;
}

.tea-info p{
	font-size:0.4rem;
	color:#898989;
	line-height:0.7rem;
}

.tea-t01{ 
	width:4rem;
	height:0.6rem;
	background: url(../img/tea-tit01.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-bottom:0.4rem;
	}
.tea-t02{ 
	width:3.35rem;
	height:0.6rem;
	background: url(../img/tea-tit02.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-bottom:0.4rem;
	}

/*达内简介*/

.ab-bn{
	width:100%;
	height:9.05rem;
	background: url(../img/ab-bn.jpg) no-repeat;
	background-size:100% 100%;
	}

.ab-part01{
	margin-top:1rem;
	height:10.2rem;
	text-align:center;
	}
	
.ap1 h3,.ap3 h3{
	font-size:0.4rem;
	color:#838383;
	line-height:0.6rem;
	padding-top:0.5rem;
	}
.ap1 img{
	width:100%;
	height:4rem;
	}
	
.ab-part02{
	width:100%;
	height:10.7rem;
	background: url(../img/ab-part2_bg.jpg) repeat-x;
	background-size:100% 100%;
	padding-top:1rem;
	}
	
.ap2 li{
	width:3.5rem;
	height:5.2rem;
	float:left;
	border:1px solid #a3a3a3;
	margin-top:0.85rem;
	margin-left:0.25rem;
	background:#f2f2f2;
	}

.ap2 li img{
	width:1.25rem;
	height:1rem;
	padding:0.35rem 1.1rem;
	}
	
.ap2 li h3{
	width:3.5rem;
	height:0.63rem;
	background:#f95d5e;
	color:#ffffff;
	font-size:0.4rem;
	line-height:0.63rem;
	text-align:center;
	}
	
.ap2 li h4{
	font-size:0.35rem;
	color:#7f7f7f;
	line-height:0.6rem;
	padding:0.15rem 0.35rem;
	}

.ab-part03{
	margin-top:1rem;
	height:10.2rem;
	text-align:center;
	}

.ap3 li{
	width:4.6rem;
	height:3.9rem;
	float:left;
	border:1px solid #a3a3a3;
	border-radius:0.125rem;
	margin-top:0.85rem;
	margin-left:0.25rem;
	}

.ap3 li img{
	width:1.7rem;
	height:1.7rem;
	padding:0.35rem 1.1rem;
	}
	
.ap3 li h3{
	color:#737373;
	font-size:0.55rem;
	text-align:center;
	padding-top:0.25rem;
	}


.ab-part04{
	margin-bottom:1rem;
	text-align:center;
	}

.ap4{
	width:100%;
	height:9.75rem;
	background:url(../img/ab-part1_bg.jpg) no-repeat;
	background-size:100% 100%;
	margin-top:0.5rem;
	}
	
.ap4 h3{
	font-size:0.5rem;
	color:#959595;
	text-align:center;
	line-height:0.6rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	}


.ab-t01{ 
	width:4rem;
	height:0.6rem;
	background: url(../img/ab-tit01.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-bottom:0.4rem;
	}
.ab-t02{ 
	width:2.95rem;
	height:0.6rem;
	background: url(../img/tea-tit02.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-bottom:0.4rem;
	}
	
.ab-t03{ 
	width:2.65rem;
	height:0.6rem;
	background: url(../img/ab-tit03.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-bottom:0.4rem;
	}
	
.ab-t04{ 
	width:4.75rem;
	height:0.6rem;
	background: url(../img/ab-tit04.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	margin-bottom:0.4rem;
	}

/*课程*/
.kc-bn{
	width:100%;
	height:9.05rem;
	background: url(../img/kc-bn.jpg) no-repeat;
	background-size:100% 100%;
	}

.kc-box{
	width: 100%;	
}
.kc-box .kc-box-list{
	width: 14.5rem;
	margin: 1rem auto 1rem;
}

.kc-box .kc-box-list li{
	width: 100%;
	height: 2.1rem;
}

.kc-box .kc-box-list li.fir{
	background: url(../img/kc-UE.png) no-repeat 0.525rem 0.225rem #f95d5e;
	background-size:1.9rem  1.65rem;
	font-size: 0.65rem;
	color: #fff;
	padding-top: 0.75rem;
	padding-left: 3.1rem;
	height: 1.35rem;
	width: 11.4rem;
}

.kc-box .kc-box-list li.fir a{
	background: url(../img/kc-arrow1-1.jpg) no-repeat;
	background-size: 100% 100%;
	width: 1.125rem;
	height: 0.45rem;
	margin-left: 5.7rem;
	margin-top: 0.25rem;
}

.kc-box .kc-box-list li.thr a{
	margin-left: 5.475rem;
	background: url(../img/kc-arrow2-1.jpg) no-repeat;
	background-size: 100% 100%;
}
.kc-box .kc-box-list li.thr{
	background: url(../img/kc-IXD.png) no-repeat 0.525rem 0.225rem #dbdbdb;
	background-size:1.9rem  1.65rem;
}

.kc-box .kc-box-list li.four a{
	margin-left: 5.55rem;
	background: url(../img/kc-arrow1-1.jpg) no-repeat;
	background-size: 100% 100%;
}
.kc-box .kc-box-list li.four{
	background: url(../img/kc-PM.png) no-repeat 0.525rem 0.225rem #f95d5e;
	background-size:1.9rem  1.65rem;
}
.kc-box .kc-box-list li.fiv a{
	margin-left: 5.75rem;
	background: url(../img/kc-arrow2-1.jpg) no-repeat;
	background-size: 100% 100%;
}
.kc-box .kc-box-list li.fiv{
	background: url(../img/kc-EQ.png) no-repeat 0.525rem 0.225rem #dbdbdb;
	background-size:1.9rem  1.65rem;
}

.kc-box .kc-box-list li.list01{
	background: url(../img/kc-list01.jpg) no-repeat;
	background-size: 100% 100%;	
	width: 14.5rem;
	height: 28.7rem;
	display: none;
}

.kc-box .kc-box-list li.list02{
	background: url(../img/kc-list02.jpg) no-repeat;
	background-size: 100% 100%;	
	width: 14.5rem;
	height: 17.125rem;
	display: none;
}

.kc-box .kc-box-list li.list03{
	background: url(../img/kc-list03.jpg) no-repeat;
	background-size: 100% 100%;	
	width: 14.5rem;
	height: 17.2rem;
	display: none;
}

.kc-box .kc-box-list li.list04{
	background: url(../img/kc-list04.jpg) no-repeat;
	background-size: 100% 100%;	
	width: 14.5rem;
	height: 43.325rem;
	display: none;
}


.btn{
	width: 3.35rem;
	height: 0.8rem;
	background:#f95d5e;
	margin:1rem auto 0;
}
.btn a{
	color: #ffffff;
	font-size: 0.45rem;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 0.8rem;
}

/*尾部*/
footer{
	width: 100%;
	height: 2rem;
	background: #c5c5c5;
	text-align: center;
	padding-top: 0.65rem;
}
footer p{
	font-size: 0.35rem;
	color: #6e6e6e;
	font-family: "微软雅黑";
	line-height: 0.5rem;
}