@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none;}
body{background:#ffffff;font-family:"微软雅黑", "黑体",Tahoma,SimSun,Microsoft YaHei,Arial;}
a{text-decoration: none;blr:expression(this.onFocus=this.blur());outline: none; font-family:"微软雅黑"; cursor:pointer; color:#ff0000;}
a:hover{text-decoration:none; color:#fa4444;}
ul, li {list-style:none;}
img{ margin:0; border:none;}
p,dd{ font-size:14px; color:#444444; line-height:26px;}
.wrapper h1{ font-weight:bold; font-size:36px; color:#F00; text-align:center; border-bottom:6px solid #c9c9c9; padding-bottom:6px; margin-bottom:8px;}

/*注册表单样式1*/
.box_01,.box_02{border:none; outline:none;font-family:"微软雅黑", "黑体"; color:#727272; float:left;}
.btn01{text-align:center;}
.btn01 a{ color:#ffffff;background:#ff0000; display:block;}
.btn01 a:hover{ background:#fa4444;}

.btn02{text-align:center; float:left;}
.btn02 a{ color:#ffffff;background:#f15c5c; display:block;}
.btn02 a:hover{ background:#ff0000;}

.btn03{text-align:center; float:left;}
.btn03 a{ color:#f15c5c; border:1px solid #f15c5c; display:block;}
.btn03 a:hover{color:#ff0000; border:1px solid #ff0000;}

#banner{ width:100%; float:left;}
.banner01{ width:100%; height:90px; background: url(../images/banner01.jpg) no-repeat center;}
.banner02{ width:100%; height:100px; background: url(../images/banner02.png) no-repeat center;}
.banner03{ width:100%; height:100px; background: url(../images/banner03.jpg) no-repeat center;}
.banner04{ width:100%; height:165px; background: url(../images/banner04.jpg) no-repeat center;}
.banner_m{ width:980px; margin:0 auto; position:relative;}
.top_zc{ position:absolute; width:295px; height:300px; background:#ffe3e3; top:-22px; right:40px; z-index:9990;}
.top_zc_t{ width:295px; float:left; margin-top:20px; }
.top_zc_t h3{ font-size:18px; color:#515151; float:left; text-align:center; width:295px; line-height:30px;}
.top_zc_t h3 span{ font-size:14px; color:#ff1414; text-align:center; float:left; width:295px;}
.top_zc_t_in{ float:left; }
.top_zc_t_in ul{ float:left; width:227px; margin: 28px 34px 10px 34px; }
.top_zc_t_in .box_01{ width:90px; height:25px; line-height:24px; font-size:14px;  float:left; margin:0 26px 24px 0; padding-left:10px;}
.top_zc_t_in .box_02{ width:100px; height:26px; line-height:24px; font-size:14px;  float:left; margin:0 26px 24px 0; padding-left:10px;}
.top_zc_t_in .btn01{ line-height:28px; height:28px; width:156px; margin:0 0 0 69px; font-size:14px;}


#wrapper{ width:100%; float:left;}
.wrapper{ width:980px; margin:0 auto;}
.ti_m{ width:526px; margin:0 227px; margin-bottom:60px; float:left;}
.ti_m p{ font-size:18px; text-align:center; color:#535353;}
.introduction{ background:url(../images/dy.png); width:556px; padding:40px 34px 0 105px; height:123px; margin:50px 142px 50px 142px;}

.advantage{ float:left; width:840px; padding:0 70px;}
.advantage_l{ text-align:center;width:137px; height:172px; padding:40px 10px 0 10px; float:left; margin-right:70px; background:url(../images/p1_01.jpg) bottom no-repeat #ededed; border-top: solid 5px #b0b0b0;}
.advantage_l h2{ font-size:18px; color:#ff0000; text-align:center; font-weight:bold; margin-bottom:20px;}
.advantage .btn02{ width:180px;height:40px; line-height:40px; font-size:18px; padding:0px; margin:50px 120px 150px 120px;}

.plan{ width:834px; padding:0 72px; float:left; margin-bottom:120px;}
.plan_l{ width:544px; height:186px; float:left; border: solid 2px #f15c5c;border-radius:6px; margin-bottom:30px;}
.plan_r1{ width:275px; height:190px; float:left;border-radius:6px; margin-left:10px; background:url(../images/p2_01.jpg);margin-bottom:30px;}
.plan_r2{ width:275px; height:190px; float:left;border-radius:6px; margin-right:10px;margin-bottom:30px; background:url(../images/p2_02.jpg);}
.plan_l h3{ color:#444444; font-size:24px; text-align:center; font-weight:normal; margin:20px 0 10px 0;}
.plan_l p{ font-size:18px;color:#444444; width:440px; text-align:center; margin:0 52px;}
.plan_l p span{ color:#f15c5c;}
.plan_l .btn02{ width:160px; height:36px; line-height:36px; font-size:18px; margin:14px 0 0 192px;}
.plan_r1 h3,.plan_r2 h3{ color:#ffffff; font-size:18px; font-weight:normal; text-align:center; margin:36px 0 10px 0;}
.plan_r1 p,.plan_r2 p{ color:#ffffff; font-size:14px; margin:0 20px;}

.list{ width:100%; height:450px; background:url(../images/p3_02.jpg) #a7a7a7; float:left; margin-bottom:150px;}
.list_m{ width:980px; margin:0 auto; padding-top:72px; text-align:center;}
.list_m_l{ width:176px; padding:0 10px; height:220px; float:left;border-radius:20px; background:#ffffff;}
.list_m_r{ width:176px; padding:0 10px; height:220px; float:left;border-radius:20px; background:#eeeeee;}
.list_m .btn02{width:180px;height:40px; line-height:40px; font-size:18px; padding:0px; margin:60px 155px 0px 155px;}
.list_m h2{ font-size:18px; font-weight:bold; background:url(../images/p3_01.png) bottom center no-repeat; color:#444444; padding-bottom:4px; margin:44px 0 18px 0;}
.list_m p span{ color:#ff6767;}

.fee{ width:980px; float:left; position:relative;}
.fee_l{ width:480px; height:180px; float:left; margin:0 20px 68px 0; background:url(../images/p4_01.png) left top no-repeat #ffe0e0; position:relative;}
.fee_l h2{ position:absolute; font-size:24px; color:#ff0000; font-weight:bold; width:50px; top:10px; left:10px;}
.fee_l p{ margin:50px 50px 0 102px;}
.fee .btn02{ height:40px; line-height:40px; width:180px; margin:0 155px 150px 155px; font-size:18px;}

.time{ width:100%; float:left; background:#f08d8d; padding-top:30px; margin-bottom:150px;}
.time_m{ width:980px; margin:0 auto;}
.ti_m1{ width:526px; margin:0 227px 60px 227px;float:left;}
.ti_m1 h1{ font-weight:bold; font-size:36px; color:#ffffff; text-align:center; border-bottom:6px solid #c9c9c9; padding-bottom:6px; margin-bottom:8px;}
.ti_m1 p{ font-size:18px; text-align:center; color:#ffffff;}
.time_m_l{ width:110px; height:218px; float:left; margin:0 0 90px 26px; background:url(../images/p5_05.png);}
.time_m_l h2{ width:110px;font-size:24px; font-weight:bold; color:#ff0000; margin:28px 0 94px 0; text-align:center;}
.time_m_l span{ font-size:18px; margin:28px 0 78px 0; display:block;font-weight:bold; color:#ff0000;text-align:center;}
.time_m_l p{ text-align:center; line-height:20px;}
.time_m .btn01{ width:198px; font-size:18px; margin:0 145px 150px 145px; float:left; height:38px; line-height:38px; border:1px solid #ffffff;}

/*注册表单2*/
.time_m_zc{ float:left; margin:0 20px; width:557px; padding-left:383px;height:325px; margin:0 20px 66px 20px; background:#FFF url(../images/p6_01.jpg) left no-repeat;}
.ti_m2{ width:526px; margin:40px 0 30px 0; float:left;}
.ti_m2 h1{ font-size:28px; color:#ff3333;}
.ti_m2 p{ font-size:16px; text-align:center; color:#535353;}
.time_m_zc li{ float:left; margin:0 10px;}
.box_03{ width:100px; height:30px; padding-left:10px; font-size:15px; border:1px solid #ff9595; background:#fffcfc; outline:none;font-family:"微软雅黑", "黑体"; color:#727272; float:left;}
.box_04{ width:112px; height:32px; padding-left:10px; font-size:15px; border:1px solid #ff9595; background:#fffcfc; outline:none;font-family:"微软雅黑", "黑体"; color:#727272; float:left;}
.time_m_zc .btn02{ width:200px; height:40px; line-height:40px; padding:0; margin:30px 0 0 163px;}

.school_t{ width:980px; height:476px; background:url(../images/p7_01.png); float:left; margin-bottom:50px;}
.school_t_l{ float:left; width:490px;}
.school_t_l h2{ font-size:30px; color:#ffffff; text-align:center; font-weight:normal; margin-top:18px;}
.school_t_l ul{ margin:70px 60px 0 60px; float:left;}
.school_t_l li{ float:left; margin-bottom:20px;}
.school_t_l span{ color:#ff0000; font-size:18px; font-weight:bold;}

.product{ width:720px; margin:0 0 150px 135px; float:left;}
.product_l{ width:230px; float:left; margin:0 10px 10px 0; background:#e5e5e5; height:240px;}
.product h2{ font-size:18px; color:#ff0000; text-align:center; margin:20px 0 10px 0;}
.product p{ text-align:center; line-height:22px;}
.product_r{ width:350px; float:left; margin-right:10px;background:#e5e5e5;}
.product_r img{ float:left;}
.product .btn02{ margin:30px 87px 0 87px; width:180px; height:40px; line-height:40px;}

.school{position:relative; width:908px;margin:0 36px 150px 36px; float:left;}
.school h2{ color:#444444; font-size:20px; font-weight:bold;}
.school h2 a{ font-size:14px; font-weight:normal;}
.tab{float:left; width:200px; font-size:20px; text-align:center; line-height:50px; margin-right:10px;}
.tab a{ display:block; width:200px; height:50px; margin-bottom:10px; background:#f1f1f1;  color:#444444;}
.tab .current{width:200px; height:50px; margin-bottom:10px; background:#f58282; color:#ffffff;}
.counCon{display:none; float:left; width:656px; height:400px;  padding:20px; background:#f1f1f1; border:1px solid #f58282;}
.counCon.current{display:block;}
.counCon div{display:none;}
.counCon li{border-radius:50%; width:60px; height:60px; background:#959595; float:left; text-align:center; line-height:60px; color:#ffffff; margin-right:30px; font-size:16px;}
.counCon li.current{cursor:pointer; background:#f58282;}
.counCon .option{ float:left; width:656px; height:100px; margin-top:20px;}
.option dl{ width:198px; margin-right:30px; float:left;}
.option dt{font-size:16px; text-align:center; font-weight:bold; margin:10px 0;}
.option dt a{ color:#444444;}
.option dt a:hover{ color:#ff0000;}
.option dd span{ color:#ff0000;}
.option dd a{ color:#ffffff;}
.option dd a:hover{ background:#ff0000;}
.dd_a{ width:120px; height:30px; margin:14px 0 0 39px; line-height:30px; background:#f15c5c; display:block; text-align:center;}

#outer{ width:980px; float: left; height:300px;}
#inner{ width:800px; float: left; height:300px; background:#ffdcdc url(../images/teach_bg2.jpg) repeat-x;}
.leftBar{ float: left; width:50px; height:80px;background:url(../images/scrollbtn.jpg) 0 0 no-repeat; margin-right:40px;  margin-top:130px;}
.leftBar:hover{ background-position:-128px 0;}
.rightBar{ float: left; width:50px; height:80px; background:url(../images/scrollbtn.jpg) -192px 0 no-repeat; margin-left:40px;  margin-top:130px;}
.rightBar:hover{ background-position:-64px 0;}
.teacher{ float:left; width:800px;}
.teacher_l{ float:left;width:170px; padding:9px 11px 0 11px; height:291px;background:url(../images/teachbg.jpg); margin-left:50px;}
.teacher_m{ float:left; width:320px; margin:80px 0 0 30px;}
.teacher_m h3{ font-size:30px; font-weight:bold; padding-bottom:4px; margin-bottom:10px; border-bottom:1px solid #444444;}
.teacher_m h3 span{ font-size:18px; font-weight:bold;margin-left:20px;}
.teacher_m h3 a{ color:#444444;}
.teacher_m h3 a:hover{ color:#F00;}
.teacher_r{ float:left; width:118px; padding-right:50px; margin:120px 0 0 40px;}
.teacher_r .btn02{ float:left; width:118px; height:40px; line-height:40px; margin: 0 0 30px 0; font-size:18px;}
.teacher_r .btn03{ float:left; width:116px; height:38px; line-height:38px; margin: 0 0 30px 0; font-size:18px;}

.case{ width:948px; float:left; margin:0 0 150px 16px;}
.case_l{ width:428px; height:258px; padding:12px; float:left; border:1px solid #ffdcdc; border-bottom:4px solid #ffdcdc; margin:0 40px 40px 0; }
.case_l img{ float:left; margin:0 10px 10px 0;}
.case_l p span{ background:#ffb2b2; color:#ffffff; padding:0 6px; margin-right:6px;}
.case .btn02{ width:180px; height:40px; line-height:40px; margin:0 147px; font-size:18px;}


/*导航*/
.clearfix:after{content: '';height: 0;display: block;clear: both;visibility: hidden;}
@-webkit-keyframes shine{
	0%{
		box-shadow: 0 0  15px rgba(255,255,255,0.3)
	}
	100%{
		box-shadow: 0 0  30px rgba(255,255,255,0.5)
	}
}
@keyframes shine{
	0%{
		box-shadow: 0 0  15px rgba(255,255,255,0.3)
	}
	100%{
		box-shadow: 0 0  30px rgba(255,255,255,0.5)
	}
}
@-webkit-keyframes up{
	0%{
		transform:translateY(-20px);
	}
	100%{
		transform:translateY(3px);
	}
}
@keyframes up{
	0%{
		transform:translateY(-20px);
	}
	100%{
		transform:translateY(3px);
	}
}


.navi{
	padding: 30px 0;
}
.navi li{
	float: left;
	padding: 0 10px;
	height: 34px;
	margin: 0 5px;
	line-height: 34px;
	color: #333333;
	font-size: 18px;
	cursor: pointer;
}
.navi li.active{
	color:#ff0000;
	background-color: #ffdcdc;
	font-weight:bold;
}
.fix_menu{
	position: fixed;
	left: 0;
	right: 0;
	top: -16px;
	height:63px;
	padding-bottom: 15px;
	width: 100%;
	background:#fb9090; 
	border-bottom:1px solid #ff0000;
	z-index:9999;
	display: none;
}

@-webkit-keyframes up{
	0%{
		transform:translateY(-20px);
	}
	100%{
		transform:translateY(3px);
	}
}
@keyframes up{
	0%{
		transform:translateY(-20px);
	}
	100%{
		transform:translateY(3px);
	}
}