body {background-color:#CCC}

header { margin: 0 auto; width: 1000px;  background: url(../images/bg.png) top repeat-x;}
	header h1 { float: left; width: 344px; height: 88px; background: url(../images/logo.png) no-repeat;}
	header h1 a { display: block; width: 344px; height: 88px; text-indent: -9999em;}
	
	header .link { float: right; padding-top: 22px;}
	header .link li { display: inline;}
	header .link p { margin-top: 10px; padding-left: 20px; background: url(../images/tel_icon.png) left no-repeat; line-height: 26px; font-size: 16px;}
	header .link p span { color: #00923f; font-size: 18px; font-weight: bold; line-height: 26px;}
	
	header nav { clear: both; width: 100%; }
	header nav .menu { padding-left: 6px; width: 100%; height: 38px;}
	header nav .menu li { position: relative; float: left; width: 142px; line-height: 38px; text-align: center; z-index:101}
	header nav .menu li.divide { background: url(../images/nav_divide.png) top right no-repeat;}
	header nav .menu li a { display: block; width: 142px; height: 38px; color: #fff; font-size: 14px; background: url(../images/nav_cur.png) left 38px no-repeat; font-weight: bold;}
	header nav .menu li.cur a { background-position: left bottom; }
	header nav .menu li a:hover { text-decoration: none;}
	header nav .menu .subnav { position: absolute; top:38px; left: -90px; height: 30px; line-height: 30px; background: url(../images/subnav_bg.png) repeat-x; border-radius: 10px; display: none; z-index: 9999; }
	header nav .menu .about { width: 300px;}
	header nav .menu .mate { width: 360px;}
	header nav .menu .subnav li { float: none; display: inline; height: 30px; line-height: 30px;}
	header nav .menu .subnav a { display: inline; color: #000; font-size: 12px; font-weight: normal; line-height: 30px; background: none;}
	header nav .menu .subnav a:hover, header nav .menu .subnav a.cur { color: #1a52c3;}
	
	header .banner { z-index: 100;}
	header .banner .conbox { width:9999em;}
	header .banner .conbox div { width: 1000px; height: 273px;}
	header .banner { margin:0 auto; width:1000px; height:273px; border:1px solid #ccc; position:relative; overflow:hidden;}
	.conbox{ position:absolute;/*必要元素*/}
	header .banner .switcher { position:absolute;bottom:10px;right:10px;float:right;z-index:99;}
	header .banner .switcher a { background:#fff; cursor:pointer; float:left;font-family:arial; height:16px; line-height:16px; width:16px; margin:4px; text-align:center; color:#000; border-radius: 8px;}
	header .banner .switcher a.cur,header .banner .switcher a:hover{ height:20px; line-height:20px; width:20px; margin:0 2px; font-weight:800; border-radius: 10px; text-decoration: none;}
	
.main { margin: 0 auto; padding-top: 19px; width: 1000px; background: #FFF url(../images/main_bg.png) top repeat-x;}
	.main .left { float: left; display: inline; margin-left: 10px; width: 228px;}
		.main .left .quick_link {}
		.main .left .quick_link h3 { position: relative; padding: 10px 0 0 20px; width: 208px; height: 52px; background: url(../images/quick_nav_h3.png) no-repeat; color: #fff; font-family: "微软雅黑"; font-size: 18px; font-weight: bold; }
		.main .left .quick_link h3 span { position: absolute; top: 20px; left: 105px; text-transform: uppercase; font-size: 12px; font-weight: normal;}
		.main .left .quick_link ul { padding: 16px 0 9px 12px; width: 214px; border-width: 0 1px 1px 1px; border-color: #dad8d9; border-style: solid; }
		.main .left .quick_link li { margin-bottom: 3px; width: 199px; height: 30px; border: 1px solid #d9d9d9; background: url(../images/quick_nav_li.png) no-repeat;}
		.main .left .quick_link a { display: block; padding: 6px 0 0 36px; width: 163px; height: 24px; background: url(../images/blue_arrow.png) 176px 10px no-repeat;}
		.main .left .quick_link a:hover { text-decoration: none;}
		
		.main .left .flashNews { margin-top: 16px;} 
		
	.index_center { float: left; margin-left: 23px; width: 475px;}
		.index_center .tab_wrap { position: relative;}
		.index_center .tab_wrap .tabs { padding-top: 2px; height: 35px; background: url(../images/tabs_bg.png) bottom repeat-x; border-width: 0 1px 0 1px; border-color: #ddd; border-style: solid;}
		.index_center .tab_wrap .tabs li { float: left; padding-top: 5px; width: 97px; height: 30px; text-align: center; background: url(../images/tab_active1.png) no-repeat;}
		.index_center .tab_wrap .tabs li.active { background: url(../images/tab_active.png) no-repeat;}
		.index_center .tab_wrap .tabs li a { font-size: 12px; text-decoration: none;color: #fff;}
		.index_center .tab_wrap .tabs li.active a { color: #fff; font-weight: bold;}
		.index_center .tab_wrap .more { position: absolute; top: 12px; right: 13px; width: 46px; height: 11px; background: url(../images/more.png) no-repeat;}
		.index_center .tab_wrap .more a { display: block; text-indent: -9999em;width: 46px; height: 11px; }
		.index_center .tab_wrap  .tab_container { padding-top: 10px; width: 475px;}
		.index_center .tab_wrap  .tab_container figure { float: left; margin: 5px 0 0 5px; }
		.index_center .tab_wrap  .tab_container figure img { padding: 1px; border: 1px solid #bababa;}
		.index_center .tab_wrap  .tab_container figcaption { display: block; margin: 0; width: 107px; height: 20px; border: 1px solid #bababa; text-align: center; line-height: 20px;}
		.index_center .tab_wrap  .tab_container figcaption a { color: #737373;}
		.index_center .tab_wrap  .tab_container ul { float: left; margin-left: 13px; width: 346px;}
		.index_center .tab_wrap  .tab_container li { position: relative; padding-left: 20px; width: 326px; height: 24px; background: url(../images/orange_deco.png) 5px no-repeat; line-height: 24px; border-bottom: 1px dotted #b3b3b3;}
		.index_center .tab_wrap  .tab_container li span { position: absolute; top: 0px; right: 10px; color: #666;}
		.index_center .tab_wrap  .tab_container li a:hover { color: #1A52C3;}
		
		.index_center .tab_wrap1 { position: relative; margin-top: 18px; margin-bottom: 10px; _margin-top: 9px;}
		
		
		
		.index_center .tab_wrap1 .cl { height: 35px; background: url(../images/tabs_bg.png)  repeat-x; border-width: 1px; border-color: #ddd; border-style: solid; padding-top:2px;}
		.index_center .tab_wrap1 .cl li { float: left; padding-top: 5px; width: 82px; height: 36px; background: url(../images/tab_green.png) top no-repeat; text-align: center; cursor:pointer }
		.index_center .tab_wrap1 .cl li.active { width: 98px; height: 36px; background: url(../images/tab_active.png) no-repeat scroll 0 0 transparent}
		.index_center .tab_wrap1 .cl li a { font-size: 12px; text-decoration: none; color: #000; }
		
		
		.index_center .tab_wrap1 .more { position: absolute; top: 12px; right: 13px; width: 46px; height: 11px; background: url(../images/more.png) no-repeat;}
		.index_center .tab_wrap1 .more a { display: block; text-indent: -9999em;}
		.index_center .tab_wrap1  .tab_container { padding: 10px 0 10px 0; width: 473px; border-width: 0 1px 1px 1px; border-color: #ddd; border-style: solid;}
		.index_center .tab_wrap1  .tab_container ul { float: left; display: inline; margin-left: 13px; width: 450px;}
		.index_center .tab_wrap1  .tab_container li { position: relative; padding-left: 20px; width: 430px; height: 24px; background: url(../images/orange_deco.png) 5px no-repeat; line-height: 24px; border-bottom: 1px dotted #b3b3b3;}
		.index_center .tab_wrap1  .tab_container li span { position: absolute; top: 0px; right: 10px; color: #666;}
		.index_center .tab_wrap1  .tab_container li a:hover { color: #1A52C3;}
		
	.index_right { float: left; margin-left: 11px; width: 241px;}
		.index_right .contact { padding: 0 8px; width: 223px; background: url(../images/contact_bg.png) top repeat-x; border: 1px solid #d5d5d5;}
		.index_right .contact h3 { padding: 7px 0 0 29px; height: 31px; background: url(../images/contact_h3.png) 11px no-repeat; font-size: 15px; font-weight: bold; font-family: "微软雅黑";}
		.index_right .contact h3 span { display: block; background: url(../images/contact_bg_dot.png) right no-repeat;}
		.index_right .contact div { padding: 21px 11px 0; width: 201px; height: 138px; background: url(../images/contact_pic.jpg) no-repeat; line-height: 22px;}
		
		.index_right .mate { margin-top: 7px; padding: 3px; width: 233px; height: 300px; background: #f5f9fe; border: 1px solid #D5D5D5;}
			.index_right .mate h3 { height: 25px; line-height: 25px; color: #fff; font-family: "微软雅黑"; font-size: 14px; font-weight: bold; background: -moz-linear-gradient(left,#002f5a,#1961ac); background: -webkit-linear-gradient(left,#002f5a,#1961ac); background: -o-linear-gradient(left,#002f5a,#1961ac); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#002f5a, endColorstr=#1961ac);/*IE<9>*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#002f5a, endColorstr=#1961ac)";/*IE8+*/ text-align: center;}
			.index_right .mate figure { margin: 0; padding: 19px 0 13px 6px; border-bottom: 1px dashed #aacbee;}
			.index_right .mate figure img { float: left;}
			.index_right .mate figcaption { float: left; margin-left: 15px; width: 142px;}
			.index_right .mate figcaption h4 { font-weight: bold;}
			.index_right .mate ul { margin: 5px 0 0; font-size: 8px;}
			.index_right .mate li { padding-left: 13px; list-style: inside square; line-height: 24px;}
			.index_right .mate li a { font-size: 12px;}
			
	.fri_link { clear: left; height: 85px; background: url(../images/fri_bg.png) top repeat-x; border: 1px solid #b8ddfa;}
		.fri_link h3 { width: 79px; height: 24px; background: url(../images/fri_h3.png) no-repeat; color: #fff; font-weight: bold; line-height: 24px; text-align: center;}
		.fri_link li { float: left; display: inline; margin: 10px 7px 0; width: 126px; height: 39px; border: 1px solid #b4b4b4; }
		.fri_link li img { width: 126px; height: 39px;}
		.fri_link li:hover { border-color: #1961AC;}
		
	.main .left .contact { margin-top: 13px; padding-bottom: 15px; border: 1px solid #ccc;} 
		.main .left .contact h3 { width: 218px; height: 49px; background: url(../images/contact_head.jpg) no-repeat; border-bottom: 1px solid #ccc;}
		.main .left .contact p { margin: 5px auto; width: 180px;}
		
	.main .right { float: left; margin-left: 10px; width: 733px; }
		.main .right .r_head { position: relative; height: 34px; border-bottom: 1px solid #d4d4d4;}
		.main .right .r_head h2 { padding-left: 24px; width: 300px; height: 34px; background: url(../images/plus.png) 9px no-repeat; line-height: 34px; font-size: 13px; font-weight: bold;}
		.main .right .r_head .pos { position: absolute; right: 10px; top: 0; height: 34px; line-height: 34px;}
		.main .right .r_head .pos a:hover { color: #2667C1;}
		
		.main .right article { padding: 15px 10px;}
		.main .right article p { line-height: 24px; font-family: "宋体";}
		.main .right article p.em { text-indent: 2em;}
		.main .right article figure { margin: 0; }
		.main .right article p.em6 { text-indent: 6em;}
		
		.main .right article.organic { background: url(../images/content/about2.jpg) 415px 160px no-repeat;}
		.main .right article.organic p { margin-left: 40px; line-height: 28px;}
		
		.main .right .newslist { padding: 20px 25px;}
		.main .right .newslist li { position: relative; padding-left: 26px; height: 37px; background: url(../images/list_deco.jpg) 6px no-repeat; border-bottom: 1px dotted #c9cacc; line-height: 37px;}
		.main .right .newslist li a:hover { color: #1961AC;}
		.main .right .newslist li span { position: absolute; right: 10px; top: 0; color: #666;}
		
		.main .right .course_item { padding: 16px 5px; height: 85px; border-bottom: 1px dotted #b2b2b3;}
		.main .right .course_item h6 { font-weight: bold; line-height: 32px;}
		.main .right .course_item p { text-indent: 2em; line-height: 24px;}
		.main .right .course_item a { color: #1d5ec2;}
		
		.main .right .teach_item { float: left; display: inline; margin: 24px 15px;}
		.main .right .teach_item figure { margin: 0;}
		.main .right .teach_item figcaption { float: left; margin-left: 12px; width: 200px;}
		.main .right .teach_item figure img { float: left; padding: 1px; width: 117px; height: 125px; border: 1px solid #c9cacc;}
		.main .right .teach_item figure h6 { line-height: 28px; font-size: 14px; font-weight: bold;}
		.main .right .teach_item figure p { line-height: 20px;}
		.main .right .teach_item figure a { color: #225dd1;}

		.main .login { margin: 10px auto; width: 852px; border: 1px solid #e2e2e2; box-shadow: 0 0 4px #efefef; border-radius: 10px;}	
			.main .login table { margin: 5px auto; width: 842px; border: 1px solid #f0f0f0; background: url(../images/regist_bg.png) right bottom no-repeat; }	
			.main .login .rr { text-align: right;}	
			.main .login table td { height: 26px;} 
			.main .login tfoot td { height: 90px;}
			.main .login tfoot input { width: 272px; height: 45px; background: url(../images/btn.png) no-repeat; border: 0 none;}
		
		.main .ll { margin: 82px auto; width: 452px;} 
			.main .ll h2 { width: 450px; background: url(../images/login.png) no-repeat; height: 60px;}
			.main .ll .contain { padding: 20px 0; border: 1px solid #d9d9d9; boder-top: 0 none; line-height: 32px;}
			.main .ll .contain a { color: #1190d7;}
			.main .ll .contain label { margin-left: 60px; color: #666; }
			.main .ll .contain input { vertical-align: middle;}
			.main .ll .contain img { vertical-align: middle;}
			.main .ll .contain .btn { margin-right: 20px; width: 84px; height: 27px; background: url(../images/btn2.png) no-repeat; text-align: center; color: #fff; border: 0 none; line-height: 27px; }
			
		.main .pages { position: relative; padding: 0 15px; height: 32px; line-height: 32px; color: #666;}
			.main .pages span { position: absolute; right: 15px;}
		
		
footer { padding: 25px auto 0; margin:0px auto; width: 1000px; text-align: center; background-color:#fff}
	footer ul { height: 30px; line-height: 30px; background: #2667c1; text-align: center;} 
	footer li { display: inline; color: #fff;}
	footer li a { color: #fff;}
	footer p { margin: 10px 0;}