@charset "utf-8";
/* CSS Document */
html 	{
	min-width: 990px;
	overflow: scroll;
	overflow-x: hidden;
	font-family: yahei;
		}
body {
	border: 0;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	font-family: 'Microsoft Yahei', 'Hiragino Sans GB', "WenQuanYi Micro Hei", sans-serif, arial;
}
a {
     text-decoration:none;
}
p {
    text-indent:2em;
}
.top_bg {
	width: 1100px;
	margin: 0 auto;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 90px;
	margin-top: 0px;
	margin-bottom: 8px;
}
.top_h {
	height: 90px;
	width: 340px;
	float: left;
}
.top_t {
    text-align:right;
	height: 90px;
	float: right;
	font-size: 16px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666666;
	line-height: 45px;
}
.top_t_a {
	height: 45px;
    text-align:right;
}
.top_cell_a {float:left;height:45px;}
.top_cell_b {
	float: left;
	height: 30px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right:10px;
}
.h_a {
	height: 36px;
	width: 1100px;
	margin: 0 auto;
	border-radius: 5px 5px 0px 0px;
	background-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-color: #f7941e;
	border-bottom-style: solid;
}
.h_b {
	width: 298px;
	float: right;
	background-color: #f7941e;
	border-radius: 5px 5px 0px 0px;
	
}
.h_c {
	width: 16px;
	height: 16px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 8px;
}
.h_d {
	width: 250px;
	height: 20px;
	float: left;
	margin-top: 8px;
	margin-bottom: 8px;
	color: #ffffff;
	font-size: 16px;
	font-family: 'Microsoft Yahei', 'Hiragino Sans GB', "WenQuanYi Micro Hei", sans-serif, arial;
}
.h_e {
	float: left;
	font-size: 16px;
	font-family: 'Microsoft Yahei', 'Hiragino Sans GB', "WenQuanYi Micro Hei", sans-serif, arial;
	height: 36px;
	line-height: 36px;
	margin-left: 20px;
	margin-right: 20px;
}
.h_e a:link,.h_e a:visited { color:#FF3300; text-decoration:none;}
.h_e a:hover,.h_e a:active{color:#FF3300; text-decoration:none;}
.h_f {
	float: left;
	font-size: 16px;
	font-family: 'Microsoft Yahei', 'Hiragino Sans GB', "WenQuanYi Micro Hei", sans-serif, arial;
	height: 36px;
	line-height: 36px;
	margin-left: 20px;
	margin-right: 20px;
}
.h_f a:link,.h_f a:visited { color:#000; text-decoration:none;}
.h_f a:hover,.h_f a:active{color:#FF3300; text-decoration:none;}
.g_bg {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 1100px;
	margin: 0 auto;
	height: 590px;
	}
.g_a_momo {
	width: 270px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 14px;
    text-align:left;
}
.g_a_ds span {
    font-size:18px;
	color: #F00;
}
.g_a {
	float: left;
	width: 298px;
	height: 600px;
    background-color:#fcf3fc;
}
.g_b {
	float: left;
	width: 800px;
	height: 590px;
}
.g_a_a {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: center;
	padding-top: 6px;
    padding-bottom: 6px;
	border-bottom:1px dashed #BFD81C;
}
.g_a_b {
	float: left;
	margin-left: 0px;
	margin-top: 4px;
	margin-bottom: 5px;
	margin-right: 8px;
}
.g_a_c {
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	color: #00a7a2;
	margin-left: 10px;
}
.g_a_d {
	margin-bottom: 4px;
}
.g_a_ds {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: center;
	height: 330px;
}
.g_b_a {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 790px;
	height: 450px;
	margin-left: 10px;
	margin-top: 10px;
}
.g_b_a img { border-radius:5px;}
.c {
	margin-top: 0px;
	margin-bottom:0px;
}
.c_a {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 275px;
	border-width: 0px 0px 0px 0px;
	border-color: #E8E8E8;
	background-color: #FFF;
	margin-bottom: 10px;
	margin-left: 11px;
	margin-right: 10px;
	border-style: dotted;
}
.c_a_a {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 272px;
}
.c_a_b {
	width: 134px;
	float: left;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #CCC;
}
.c_a_bs {
	width: 135px;
	float: left;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #CCC;
}
.c_a_c {
	width: 139px;
	float: left;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-color: #DBDBDB;
	height: 29px;
	line-height: 29px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #DBDBDB;
	background-color: #ECF0F3;
}
.c_a_d {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 272px;
	margin-bottom: 8px;
}
.c_a_e {
	float: left;
	width: 120px;
	margin-top: 2px;
	margin-bottom: 3px;
	margin-left: 8px;
	margin-right: 8px;
}
.c_a_e a:link,.c_a_e  a:visited { color:#000; text-decoration:none;}
.c_a_e a:hover,.c_a_e  a:active{color:#f15d22;text-decoration: none;}
.c_b {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 134px;
	float: left;
}
.c_c {
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #CCC;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
}

.g_b_b {
	width: 790px;
	margin-left: 12px;
	margin-top: 12px;
	height: 120px;
}
.g_b_c {
	float: left;
	width: 188px;
	height: 120px;
	margin-right: 13px;
	background-color: #999;
	padding: 0;
}
.g_b_d {
	float: left;
	width: 187px;
	height: 120px;
	background-color: #999;
}
.on_bg {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0 auto;
	width: 1098px;
	/*border-width: 1px 1px 1px 1px;
	background-color: #FFF;
	border-style: solid;
	border-color: #e8e8e8*/
}
.on {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-top: 29px;
}
.ons {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e8e8e8;
}
.on_a {
	height: 280px;
	width: 1098px;
	background-image: url(../images/indextitbg.png);
}
.on_b {width: 1098px;}
.on_b h1 {
	font-size: 56px;
	padding-top: 52px;
	margin-bottom: 36px;
	color: #112F46;
	font-weight: normal;
	text-align: center;
	margin: 0 auto;
}
.on_c {
	font-size: 26px;
	margin-bottom: 36px;
	color: #698397;
	text-align: center;
	font-weight: normal;
	margin: 0 0 10px;
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	line-height: 45px;
}
.on_d {
	height: 380px;
}
.on_d_a {
	float: left;
	height: 380px;
	width: 500px;
}
.on_d_b {
	float: left;
	height: 380px;
	width: 598px;
}
.on_e {
	width: 598px;
	height: 80px;
	margin-top: 100px;
	margin-bottom: 20px;
}
.on_e_a {
	float: left;
	height: 30px;
	margin-top: 50px;
	color: #354D5F;
	font-size: 24px;
	width: 230px;
	text-align: center;
	margin-left: 30px;
}
.on_e_b {
	float: left;
	height: 80px;
	font-size: 66px;
	color: #060;
}
.on_e_c {
	color: #656d79;
	font-size: 16px;
	text-align: left;
	margin-right: 70px;
}
.on_z {
	width: 900px;
	margin-left: 10px;
	margin-top: 30px;
}
.foot {
	margin-top: 20px;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
}
.foot_a {
	text-align: center;
	color: #999;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.foot_bs {overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;margin-bottom: 20px;}
.foot_b {
	width: 130px;
	margin: 0 auto;
}


/* 从听开始 */
.ct_on,.ct_a {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 12px;
}
.ct {height:500px;}
.ct img{ padding:0px; margin:0 auto;}
.ct_a {height:auto;}
.ct_b { height:450px;width:500px; float:left;}
.ct_c {height:450px;width:500px; float:left;}
.ct_b_a {
	font-size: 50px;
	text-align: center;
	margin-top: 60px;
	height: 60px;
	line-height: 60px;
	margin-bottom: 20px;
}
.ct_b_a span {
	font-size: 20px;
	margin-right: 30px;
}
.ct_b_b {
	font-size: 14px;
	margin-right: 40px;
	margin-left: 40px;
	color: #000033;
}
.ct_b_b a:link {text-decoration:none; color:#03F;}
.ct_b_b a:visited {text-decoration:underline; color:#03F;}
.ct_b_b a:hover {text-decoration:none;color:#F00;}
.ct_b_b a:active {text-decoration:underline;color:#F00;}
.ct_d {
	color: #000033;
	width: 350px;
	margin-top: 120px;
	margin-left: 400px;
	margin-bottom: 120px;
}


/* 实践 */
.sj {
	width: 1100px;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0 auto;
}
.sj_a {
	height: 200px;
	margin-top: 20px;
	background-color: #FFF;
}
.sj_a_a {
	float: left;
	width: 200px;
	margin-left: 49px;
	margin-right: 49px;
	height: 200px;
}
.sj_a_b {
	float: left;
	width: 700px;
	height: 120px;
	margin-right: 102px;
	font-size: 18px;
	line-height: 22px;
	margin-top: 50px;
	color: #333;
}
.sj_b {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-top: 8px;
    margin-bottom:8px;
    border-bottom-width: 1px;
	border-bottom-style:dotted;
	border-bottom-color: #8b9f00;
	width: 1099px;
}
.sj_b_a {
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	color:#8b9f00;
	background-color: #FFFFFF;
	float: left;
    padding-left:30px;
	background: url(../images/by.png) no-repeat 0 center
}
.sj_b_b {
	height: 330px;
	background-color: #FFF;
	width: 1098px;
}
.sj_b_c {
	width: 280px;
	height: 330px;
	float: left;
}
.sj_b_d {
	width: 255px;
	height: 330px;
	float: left;
	}
.sj_b_e {
	height: 288px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 240px;
}
.sj_b_f {
	height: 32px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	background-color: #FFF7F7;
	color: #003;
     border-width: 1px;
	border-style: solid;
	border-color: #e8e8e8;
    margin-left:10px;
    width: 260px;
    background:url(../images/icon1.jpg) no-repeat 0 center;
}
.focusSpan 
{
    color: #ff6f3d; font-size: 16px; font-weight: bold;
}
.sj_c {
	float: left;
	height: 30px;
}
.sj_c_a {
	float: left;
	height: 20px;
	width: 450px;
	margin-top: 10px;
	line-height: 20px;
	color: #036;
	font-size: 13px;
}
.sj_c_b {
	float: left;
	height: 28px;
	width: 100px;
	color: #FFF;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	margin-left: 40px;
	margin-right: 5px;
	border-radius: 5px;
	background-color: #ff6f3d;
}
.sj_c_b a { color:#FFF; text-decoration:none;}
.sj_d {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 1100px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFF;
}

.l_bg {
	width: 270px;
	float: left;
	height: 290px;
	margin-top: 20px;
}
.l_bgs {
	width: 222px;
	margin: 0 auto;
	height: 250px;
}
.l_img {
	border-width: 1px 1px 1px 1px;
	color: #CCC;
	border-style: solid;
	height: 222px;
}
.l_imgs {
	width: 210px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	height: 210px;
}
.l_d {
	height: 25px;
	line-height: 25px;
	color: #8F8F8F;
	text-align: right;
	width: 120px;
	float: left;
}
.l_d span { color:#F00;}
.l_e {
	height: 25px;
	line-height: 25px;
	color: #8F8F8F;
	width: 102px;
	float: left;
}
.l_e span { color:#F00;}
.l_f {}
.fy {
	width: 500px;
	margin: 0 auto;
	height: 120px;
}
.fy_a {
	height: 40px;
	margin-top: 20px;
	background-color: #FFFFFF;
	border-radius: 20px;
}
.fy_b {
	width: 110px;
	float: left;
	height: 30px;
	line-height:30px;
	text-align: center;
	font-size: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ff6f3d;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ff6f3d;
	background-color: #ff6f3d;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
.fy_b a {
	color: #FFF;
	text-decoration: none;
}
.ab_a {width:298px; float:left;}
.ab_b {width:802px; float:left;color: #656d79; font-size:14px;}
.ab_c {
	width: 139px;
	height: 30px;
	line-height: 30px;
	margin-top: 8px;
	font-size: 16px;
	margin-left: 50px;
	text-align: center;
}
.ab_c a {color:#000; text-decoration:none;}
.cp { width:1100px; margin:0 auto;overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;}
.cp_a {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #00a7a2;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 52px;
	background-color: #FFF;
}
.cp_b {
	margin-top: 16px;
    margin-bottom: 12px;
	height: 24px;
}
.cp_c {
	margin-left: 20px;
	float: left;
	line-height: 24px;
	height: 24px;
	color: #06F;
	font-size: 14px;
	margin-right: 40px;
}
.cp_d {
	height: 24px;
	line-height: 24px;
	color: #333;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 14px;
}
.cp_d a:link,.cp_d  a:visited { color:#333; text-decoration:none;}
.cp_d a:hover,.cp_d  a:active{color: #000099;text-decoration: none;}
.cp_e {overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;}
.cp_f {
	width: 800px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dde4eb;
}
.cp_g {
	width: 280px;
	float: left;
	border-width: 1px 1px 1px 1px;
	background-color: #FFF;
	border-style: solid;
	border-color: #dde4eb;
	margin-left: 18px;
} 
.cp_f_a {
	height: 180px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #dde4eb;
	background-color: #FFF;
	width: 798px;
}
.cp_f_b {
	height: 140px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 30px;
	margin-right: 20px;
	width: 749px;
}
.cp_f_c {
	width: 220px;
	float: left;
}
.cp_f_d {
	float: left;
	width: 500px;
	height: 140px;
	margin-left: 29px;
}
.cp_f_f {
	font-size: 20px;
	height: 34px;
	line-height: 34px;
}
.cp_f_f a:link,.cp_f_f  a:visited { color:#428bca; text-decoration:none;}
.cp_f_f a:hover,.cp_f_f  a:active{color:#009;text-decoration: none;}
.cp_f_g {
	font-size: 14px;
	color: #003366;
	height: 30px;
	line-height: 30px;
}
.cp_f_g span { color:#F00;}
.cp_f_h {
	font-size: 16px;
	line-height: 19px;
	color: #666;
}
.cp_g_a {
	margin-top: 20px;
	margin-bottom: 12px;
	margin-left: 12px;
	margin-left: 12px;
	margin-right: 12px;
	width: 256px;
}
.cp_g_b {
	font-size: 16px;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006;
}
.cp_g_c {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 256px;
}
.cp_g_d {
	height: 60px;
	float: left;
	width: 95px;
	margin-right: 11px;
}
.cp_g_e {
	font-size: 14px;
	height: 60px;
	float: left;
	width: 150px;
}
.cp_g_e a:link,.cp_g_e  a:visited { color:#428bca; text-decoration:none;}
.cp_g_e a:hover,.cp_g_e  a:active{color:#009;text-decoration: none;}
.adme {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-top: 10px;
	width: 1098px;
	background-color: #FFF;
}
.adme_a {
	width: 548px;
	float: left;
	height: 360px;
}
.adme_b {
	width: 549px;
	float: left;
	height: 360px;
}
.adme_a_a {
	margin-left: 197px;
	margin-right: 197px;
	width: 154px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.adme_a_b {
	width: 400px;
	height: 32px;
	line-height: 32px;
	margin-left: 74px;
	margin-right: 75px;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
    text-align:center;
}
.adme_a_c {
	float: left;
	width: 120px;
}
.adme_a_d {
	float: left;
	width: 279px;
}
.denglu_bg {
	width: 90%;
	margin: 0 auto;
}
.new-input {
	width: 100%;
	height: 30px;
	border-radius: 2px;
	background: #fff;
	font-size: 12px;
	line-height: 26px;
	font-weight: normal;
	color: #000000;
	text-indent: 10px;
	vertical-align: top;
	-webkit-appearance: none;
	border:1px solid #BBBBBB
}
.submit {
	width: 150px;
	height: 40px;
	border: 0;
	border-radius: 5px 5px 5px 5px;
	background: #ff6f3d;
	font-size: 16px;
	line-height: 40px;
	font-weight: normal;
	color: #ffffff;
	text-indent: 10px;
	vertical-align: top;
	-webkit-appearance: none;
    text-align:center;
}
.adme_e {
	text-align: center;
	font-size: 24px;
	background-color: #09F;
	border-radius: 20px 20px 0px 0px;
	color: #FFF;
}
.adme_f {}
.adme_g { width:1100px; margin:0 auto;overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;}
.adme_h {
	height: 200px;
	background-color: #FFF;
} 
.adme_h_a { width:366px; float:left; text-align:center; height:230px;}
.adme_h_b {
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	height: 188px;
	width: 354px;
}
.adme_h_c {
	height: 285px;
	background-color: #FFF;
	width: 1099px;
}
.adme_qbg {width: 1099px;overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden; margin:0 auto;
}
.adme_q {
	width: 100%;
	background-color: #e2e1e1;
	line-height: 30px;
	font-size: 14px;
	color: #333;
	height: 30px;
	margin-top: 15px;
    cursor:pointer;
}
.adme_qs {
	line-height: 25px;
	font-size: 14px;
	width: 1080px;
	padding-top: 8px;
    padding-bottom:8px;
    padding-right:5px;
    padding-left:5px;
}
.jiaoxue {
	float: left;
	height: 30px;
	line-height: 30px;
	margin-left: 100px;
	background-color: #F00;
	color: #FFF;
	font-size: 16px;
	width: 200px;
	text-align: center;
	border-radius: 20px;
	box-shadow: 2px 2px #999;
}
.jiaoxue a { text-decoration:none; color:#FFF;}
.jiaoxue_a {overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;}
.jiaoxue_b {
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	background-color: #FFF;
}