body{ font-size:12px; font-family:"microsoft yahei"; color:#003399;text-align:center; margin:auto 0px; line-height:20px;}
div{margin:0 auto;}
ul{clear:both;overflow:hidden; margin:0px; padding:0px;}
li{ float:left; list-style:none; margin:0px; padding:0px;}
p{ margin:0px; padding:0px;}
a{color:#003399;text-decoration:none;}
a:hover{ color:#FF0000;text-decoration:underline;}
.headtop{ width:990px;height:100px;clear:both;overflow:hidden;margin:0 auto; background:url(/zhongji/images/head01.jpg);}
.headtop_jscj{ width:990px;height:100px;clear:both;overflow:hidden;margin:0 auto; background:url(/zhongji/images/head01_jscj.jpg);}
.headtop a{ width:990px; height:100px;clear:both;overflow:hidden;margin:0 auto; display:block;}
.head{width:990px;height:30px;clear:both;overflow:hidden;margin:0 auto; line-height:30px; background:url(/chuji/images/bg01.gif);text-align:center; color:#FFFFFF;}
.head a:link{ color:#FFFFFF;}
.head a:hover{ color:#FFFFFF;}
.head a:visited{ color:#FFFFFF;}
.marb5{ height:5px;clear:both;overflow:hidden;}
.marb3{ height:3px;clear:both;overflow:hidden;}
.main{ width:990px;/*clear:both;overflow:hidden;*/margin:0 auto;}
.mainleft1{ width:210px; float:left;margin-right:5px;}
.mainleft2{ width:498px; float:left; margin-right:5px;background:url(/images/rdxw_01_01.jpg) no-repeat;border:#b5daff solid 1px;}
.mainright{ width:270px; float:left;}
.login{ width:208px;height:220px;border:#b5daff solid 1px;}
.lognav{ width:198px; padding:5px; border-bottom:#b5daff dotted 1px;}
.title1{ height:25px; line-height:25px; font-size:14px; font-weight:bold; text-align:left; padding-left:25px; background:url(/chuji/images/lmbg_01.gif) no-repeat;}
.news{ width:478px;height:185px; padding:5px 10px 5px 10px;}
.news li table{font-size:14px;}
.news li table tr{height:23px;}
.news li{ width:478px; text-align:left;}
#at1{font-size:14px}
#at2{font-size:14px}
#at3{font-size:14px}
#at4{font-size:14px}
#ata1{font-size:14px}
#ata2{font-size:14px}
.bmzn{ width:268px; height:220px;border:#b5daff solid 1px; background:url(/chuji/images/znbg.gif) bottom no-repeat;}
.znnav{ width:268px;line-height:30px; text-align:center; padding:10px 0px 10px 0px; letter-spacing:2px;border-bottom:#b5daff dotted 1px;}
.helf{ width:208px; text-align:center; line-height:30px;}
.djs{color:#FF0000; line-height:30px; width:268px; letter-spacing:2px;}
.time{ font-weight:bold; color:#0000FF;}
.mfst{ width:208px; height:163px;border:#b5daff solid 1px; float:left;}
.bmjf{ width:990px; float:left;}
.kecheng{width:990px; height:40px; background:url(/zhongji/images/kechengtop01.gif);}
.kecheng .cdel{ width:200px; float:left; line-height:45px; font-size:18px; font-weight:bold;text-align:center; letter-spacing:2px;}
.cdel a:link{ color:#FFFFFF;}
.cdel a:hover{ color:#FFFFFF;}
.cdel a:visited{ color:#FFFFFF;}
.wxnav{ width:400px; float:right; color:#FFFFFF; line-height:40px;}
.wxnav a:link{ color:#FFFFFF;}
.wxnav a:hover{ color:#FFFFFF;}
.wxnav a:visited{ color:#FFFFFF;}
.lesson{ width:775px; background:#b5daff; text-align:center;}
.lesson tr{ background:#FFFFFF;}
.lesson td{ height:20px;}
.lesson2{ width:990px; background:#b5daff; text-align:center;}
.lesson2 tr{ background:#FFFFFF;}
.lesson2 td{ height:30px;}
.col_left{width:715px;float:left;}
.col_right{width:270px;float:right;}
.lanmu{ width:713px;margin-right:5px;border:#b5daff solid 1px;}
.title2{ height:25px; line-height:25px; font-size:14px; font-weight:bold; text-align:left; padding-left:30px; background:url(/chuji/images/lmbg2_01.gif) no-repeat; color:#FFFFFF}
.lanmu2{ width:990px;margin:0px auto;border:#b5daff solid 1px;}
.lanmu2 .title2{ height:25px; line-height:25px; font-size:14px; font-weight:bold; text-align:left; padding-left:20px; background:url(/chuji/images/lmbg990_01.gif) no-repeat; color:#FFFFFF}
.lmnav{ width:693px;padding:10px; text-align:left;}
.lmleft{ width:250px; float:left; margin-right:10px;}
.boxnav .tu{ width:248px; height:120px; border:#b5daff solid 1px;}
.boxnav li{ width:248px;}
.ltrt{ height:30px; line-height:30px; font-size:14px; color:#FF0000; font-weight:bold;}
.newsbox{ width:433px;}
.columnli{ width:100px; height:25px; line-height:25px; background:url(/chuji/images/lmbg3.gif); text-align:center;border:#b5daff solid 1px; font-size:14px;}
.columnli1{ width:100px; height:25px; line-height:25px;text-align:center;border-left:#b5daff solid 1px;border-right:#b5daff solid 1px;border-top:#b5daff solid 1px;font-size:14px; font-weight:bold; color:#FF0000;}
.bian{ width:5px;height:26px;border-bottom:#b5daff solid 1px;}
.bian1{ width:112px;height:26px;border-bottom:#b5daff solid 1px;}
.box{width:268px;border:#b5daff solid 1px;}
.more{ width:80px; float:right; font-weight:normal; text-align:center;}
.more a{ font-size:12px;}
.xinwen{ width:258px; padding:5px; text-align:left;}
.xinwen li{ width:258px;line-height:25px;}
.lmlink{ width:300px; float:right; text-align:right; padding-right:30px;color:#003300;font-size:12px; font-weight:normal;}
.search{ width:840px; height:50px; line-height:25px; text-align:left; padding-left:150px;background:url(/zhongji/images/search01.gif); color:#FFFFFF;}
.search .fg{padding-left:20px; line-height:50px;}
.search a:link{ color:#FFFFFF;}
.search a:hover{ color:#FFFFFF;}
.search a:visited{ color:#FFFFFF;}
.teacher{ width:908px; padding-left:80px; height:170px;border:#b5daff solid 1px; background:url(/chuji/images/msbg.gif);}
.teacher .mstp{ padding:10px;line-height:25px;}
.teacher .msjs{ padding:10px; text-align:left; line-height:25px; width:280px;}
.kcjd{ width:968px;border:#b5daff solid 1px; padding:10px; text-align:left; background:url(/chuji/images/kcgg.gif) no-repeat right;}
.jindu{ width:968px;clear:both;overflow:hidden;margin:0 auto; padding:10px; border:#b5daff solid 1px;}
.jindu .xs{ width:180px; margin-right:5px; text-align:left;}
.xs p{ line-height:30px; color:#FF0000;font-size:14px; font-weight:bold; border-bottom:#b5daff solid 1px;}
.banner{ width:988px; height:104px; padding-top:2px; padding-bottom:2px;border:#b5daff solid 1px;}
.banner_left{ width:196px;background:#dbecfe;text-align:left;}
.banner_left span{ width:90px; text-align:center; float:right; padding-top:13px;}
.banner_right{ width:790px;}
.tkleft{width:713px;float:left;border:#b5daff solid 1px;}
.tkleft .tktop{ width:713px; line-height:30px; text-align:center; font-size:16px; font-weight:bold;}
.tkleft .tkjs{ width:693px; text-align:left; padding-left:10px; padding-right:10px;}
.tkleft .tknav{ width:693px;line-height:25px; padding-bottom:10px; padding-left:10px; padding-right:10px;}
.tkleft .tknav img{border:#b5daff solid 1px;}
.tkright{width:268px;border:#b5daff solid 1px;float:right;}
.tkrightnav{ width:258px; padding:5px;}
.right5{ margin-right:5px;}
.a1{ background:url(/chuji/images/lan2.gif)  no-repeat; width:10px; height:9px;}
.a2{ background:url(/chuji/images/hong.gif) no-repeat; width:10px; height:9px;}
.a3{  background:url(/chuji/images/lv.gif) no-repeat; width:10px; height:9px;}
.a4{  background:url(/chuji/images/zi.gif) no-repeat; width:10px; height:9px;}
.a5{  background:url(/chuji/images/hua.gif) no-repeat; width:10px; height:9px;}

.examples_body {
     width: 990px;
     margin: 0px auto;
	 
}
h2.title_name {
     font-family: normal Georgia,'Times New Roman',Times,serif;
     font-weight: normal;
     font-size: 4em;
     padding: 50px 0 20px 0;
     text-align: center;
}
h2.title_name span {
     font-family: normal Georgia,'Times New Roman',Times,serif;
     color: #AAA;
     font-size: 0.9em;
}
h2.title_name small {
     color: #AAAAAA;
     display: block;
     font-family: normal Verdana,Arial,Helvetica,sans-serif;
     font-size: 0.2em;
     letter-spacing: 1.0em;
     text-transform: uppercase;
}
div.examples_body h3 {
     color: #555;
     font-size: 130%;
	 padding-bottom: 15px;
	 margin-bottom: 15px;
}
p.demo_btn {
     width: 750px;
	 margin: 30px auto;
	 font-size: 0;
	 text-indent: -9999px;
	 clear: both;
	 overflow: hidden;
}
p.demo_btn a {
     width: 160px;
	 height: 41px;
	 float: right;
     background: url(../images/Download_Button.gif) no-repeat;
}
p.demo_btn a:hover {
     background: url(../images/Download_Button_o.gif) no-repeat;
}

/*--------------------------------------------*/
div.examples_body_wrap h3 {
     color: #f9f66d;
     font-size: 130%;
	 padding-bottom: 15px;
	 margin-bottom: 15px;
	 background: url(../images/solid-line-news.gif) repeat-x bottom;
}
div.examples_body_wrap {
    width: 990px;
	margin: 50px auto 0 auto;
	clear: both;
}

ul.topnav {
	width: 990px;
	overflow:visible;
	float: left;
	background: url(/chuji/images/bg01.gif) repeat-x;
	-moz-border-radius: 4px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 4px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 4px; /*--CSS3 Rounded Corners--*/
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 8px 0 3px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	display: inline;
}
ul.topnav li a { 
	padding: 7px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	margin-top:-3px;
	font-size:14px;
	font-weight:bolder;
	
}
ul.topnav li a:hover {
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 15px;
	height: 35px;
	margin-top:-3px;
	float: left;
	background: url(/chuji/images/subnav_btn_show.gif) no-repeat ;
}
ul.topnav li span.subhover { /*--Hover effect for trigger--*/
    background: url(/chuji/images/subnav_btn_show.gif) no-repeat ;
}   
ul.topnav li ul.subnav {
	width: 630px;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0px; top: 35px;
	background: #2aa3e1;
	margin: 0; padding: 0;
	display: none;
	float: left;
	clear: none;
}
ul.topnav li ul.subnav li{
	width: 70px;
	margin: 0; padding: 0;
	
	
}
html ul.topnav li ul.subnav li a {
	width: 59px;
	float: left;
	background-color: #2aa3e1;
	text-align:center;
	font-size: 12px;
}
ul.topnav li ul.subnav1 {
	width: 120px;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 30px;
	background: #2aa3e1;
	margin: 0; padding: 0;
	display: none;
	float: left;
	clear: none;
}
ul.topnav li ul.subnav1 li{
	width: 120px;
	margin-left:-20px;
	text-align:center;
	clear: both;
}
html ul.topnav li ul.subnav1 li a {
	width: 150px;
	float: left;
	background-color: #2aa3e1;
	padding-left: 5px;
	
	font-size: 12px;
}


ul.topnav li ul.subnav2 {
	width: 280px;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0px; top: 35px;
	background: #2aa3e1;
	margin: 0; padding: 0;
	display: none;
	float: left;
	clear: none;
}
ul.topnav li ul.subnav2 li{
	width: 70px;
	margin: 0; padding: 0;
	
	
}
html ul.topnav li ul.subnav2 li a {
	width: 59px;
	float: left;
	background-color: #2aa3e1;
	text-align:center;
	font-size: 12px;
}



html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background-color: #55bbee;
}
html ul.topnav li ul.subnav1 li a:hover { /*--Hover effect for subnav links--*/
	background-color: #55bbee;
}
html ul.topnav li ul.subnav2 li a:hover { /*--Hover effect for subnav links--*/
	background-color: #55bbee;
}

.titleul{	
    height: 24px;
    border-bottom: #b5daff solid 1px;
}
.title_hot_li{
	  cursor:pointer;
    font-size: 14px;
    line-height: 1.8;
    font-weight: bolder;
    width: 90px;
    background-color: aliceblue;

}
.title_native_li{
	  cursor:pointer;
    font-size: 14px;  line-height: 1.8;  font-weight: bolder;  width: 90px;
    background-color: powderblue;

}
.title_hot_li:hover,.title_native_li:hover{
	opacity:0.7;
	filter:alpha(opacity=70); 
	}
.hide{
	display:none;
	}
.active{
	background-color:cornflowerblue;
	}
	
	.daohang{overflow: inherit;margin-top: -10px;}
.channel2{margin-top:-15px;}
.channel2 ul{}
.channel2 ul li{text-align:center;font-size:12px;line-height:1.2;padding-bottom:2px;border:1px solid #def;width:67px;float:left;padding-top:4px;}
.channel2 ul li:hover{background:#96caff;}
.bg-lblue2{background:#cdf}
.channel2 a:hover{text-decoration:none;color:white;}
.channel2 i{font-size:16px;}
.channel2 i:hover{color:white}