body{ font-size:12px; font-family:"ËÎÌå"; color:#003300; text-align:center; margin:auto 0px; line-height:20px;margin-top:150px;}
div{margin:0 auto;}
p{ margin:0px; padding:0px;}
ul{clear:both;overflow:hidden; margin:0px; padding:0px;}
li{ float:left; list-style:none; margin:0px; padding:0px;}
h1,h2,h3,h4,h5{ margin:0px; padding:0px;}
a{ color:#003300; text-decoration:none;}
a:hover{ color:#FF0000;text-decoration:underline;}
.head{ width:990px; clear:both; overflow:hidden;}
.head img{ border:0px;}
.logo{ width:302px; height:70px;}
.gg{ width:688px; text-align:right; padding-top:5px;}
.headnav{ width:990px; height:48px; background:url(/new/images/nav_bg.gif) repeat-x;}
.nav_l{ width:9px; height:48px; background:url(/new/images/nav_l_bg.gif);}
.nav_r{ width:9px; height:48px; float:right;background:url(/new/images/nav_r_bg.gif);}
.menu{  line-height:48px;text-align:center;padding-right:13px;background:url(/new/images/nav_li_right.gif) no-repeat right center; font-size:14px; font-weight:bold;padding-left:12px;}
.menu a{ color:#FFFFFF;}
.menu a:hover{ color:#FFFF00; text-decoration:none;}
.login{ width:100%; background:#f3f3f3;line-height:25px; height:25px; border-bottom:#CCCCCC solid 1px;}
.login .iframe{ width:784px;}
.login .homepage{ float:right; width:300px;}
.marb5{ width:100%; height:5px;clear:both;overflow:hidden;}
.main{ width:990px;clear:both;overflow:hidden;}
.mainleft1{ width:200px; float:left; margin-right:5px;}
.mainleft2{ width:480px; float:left;}
.mainright{ width:300px; float:right;}
.fouce{ width:300px;}
.news{ width:480px;}
.newstop{ width:480px; border-bottom:#b5daff dotted 1px;}
.newstop li{ width:470px; text-align:left; padding:5px;}
.newstop h1{ line-height:40px; font-size:16px; font-weight:bold; text-align:center;}
.newstop h1 a{ color:#990000;}
.newstop h2{ font-size:12px; font-weight:normal; line-height:25px;}
.newstitle{ width:460px; height:40px; line-height:40px; padding-left:20px; padding-top:10px; text-align:left; font-size:14px; font-weight:bold; color:#990000; background:url(/new/images/newstitle.gif) no-repeat bottom;}
.newsnav{ width:460px; padding:10px 10px 0px 10px;}
.ksap{ width:288px; border-bottom:#b5daff solid 1px;border-left:#b5daff solid 1px;border-right:#b5daff solid 1px;padding:5px;}
.ksap li{ width:288px; text-align:center;}
.title1{ width:265px; height:30px; line-height:30px;font-size:14px; font-weight:bold; color:#FFFFFF; text-align:left; background:url(/new/images/title1.gif); padding-left:35px;}
.bt1{ width:100px;}
.columnli{ width:50px; height:25px; padding-top:5px; font-size:12px; font-weight:normal;color:#333333; text-align:center; line-height:25px; background:url(/new/images/columnbg1.gif) no-repeat bottom;}

.table1{ width:100%; background:#EFEFEF;font-size:12px;}
.table1 td{ background:#FFFFFF; text-align:center; width:96px; height:25px; line-height:25px;}
.table1 th{ font-weight:normal; text-align:center; width:96px; height:25px; line-height:25px;}
#at1,#at2,#at3{ margin-top:5px;}
.wxrd{ width:188px; height:594px;padding:5px;border:#b5daff solid 1px; background:url(/new/images/wxhot.gif) no-repeat;}
.rdtop{ height:50px; text-align:left; padding-left:20px; font-size:14px; font-weight:bold; line-height:50px; color:#990000;}
.rdtu{ width:50px; padding-right:10px;}
.rdtu img{ border:0px;}
.rdjs{ width:128px; text-align:left;}
.rdjs a{ color:#FF0000;}
.rdjs p{ height:25px; line-height:25px; background:url(/new/images/listen.gif) no-repeat; padding-left:25px;}
.rdjs span{ height:25px; line-height:25px;}
.top10{ margin-top:10px;}
.banner { width:978px; height:100px; padding:5px;border:#b5daff solid 1px;}
.markettop{ width:990px; height:50px; line-height:50px; background:url(/new/images/marketbg.jpg) no-repeat; text-align:right;clear:both; overflow:hidden;}
.markettop span{ float:right; padding-right:20px; padding-left:80px;}
.daohang{ width:250px; font-size:14px;float:left; margin-right:10px;}
.dhtitle{ width:215px; height:40px; line-height:30px;font-weight:bold; color:#FFFFFF; text-align:left; padding-left:35px; background:url(/new/images/dhbg.gif) no-repeat;}
.kctj{ width:500px; float:left; font-size:14px; text-align:left;}
.kctop{ width:480px; padding-left:20px; border-bottom:#b5daff dotted 1px; background:url(/new/images/tu1.gif) center left no-repeat; line-height:40px; font-weight:bold; color:#990000;}
#ata1,#ata2,#ata3,#ata4,#ata5,#ata6{ width:500px; line-height:30px;}
.jiaofei{ width:208px; height:212px; float:right;border:#b5daff solid 1px; padding:5px; background:url(/new/images/jfbg.gif) no-repeat; }
.jiaofei img{ border:0px;}
.jftop{ height:30px; line-height:25px; padding-left:20px; font-size:14px; font-weight:bold; color:#990000;text-align:left;}
.jsnav li{ width:208px;}
.bordtop{border-top:#b5daff dotted 1px;}
.bktop{ width:990px; height:45px; background:url(/new/images/bktop.gif);}
.bktop ul{ width:740px;padding-left:250px; padding-top:15px; line-height:30px; height:30px;}
.bkright{width:200px;text-align:right;}
.bknav{ width:968px; border-bottom:#b5daff solid 1px; border-left:#b5daff solid 1px; border-right:#b5daff solid 1px; padding:10px;}
.bkleft{ width:239px; float:left; margin-right:10px;}
.bkleft img{ border:#b5daff solid 1px;}
.bbs li{ width:239px; text-align:left;}
.bbs .bt{font-weight:bold; color:#990000; line-height:25px;}
.bbs .bt span{ float:right; padding-top:10px;}
.bbs .bt span img{ border:0px;}
.bknews{ width:500px;line-height:30px;float:left;}
.bknews li{ width:500px;line-height:30px;text-align:left;}
.wxms{ width:210px; float:right;}
.msbt{ width:210px;border-bottom:#b5daff solid 1px; height:30px; line-height:30px; text-align:left; font-size:14px; font-weight:bold; color:#990000;}
.msbt span{ float:right;}
.msbt span img{ border:0px; margin-top:10px;}
.msnav{ width:210px; text-align:left; margin-top:5px;}
.msnav a{ color:#FF0000;}
.msnav li{ width:210px;}
.msnav span{ float:left; width:84px; text-align:center; margin-right:5px;}
.tiku{ width:988px; height:213px; border:#b5daff solid 1px;}
.tkbt{ width:50px; height:198px; padding-top:15px;border-right:#b5daff solid 1px; line-height:30px; font-size:16px; font-weight:bold; color:#990000; background:url("/new/images/tkbg.gif");}
.tktu{ width:300px; padding-top:10px; padding-bottom:10px; margin-left:10px; text-align:center;}
.tktu img{ border:0px;}
.link{ width:968px; padding:10px;border:#b5daff solid 1px; text-align:left;}
.a1{ background:url(/new/images/lan2.gif)  no-repeat; width:10px; height:9px;}
.a2{ background:url(/new/images/hong.gif) no-repeat; width:10px; height:9px;}
.a3{  background:url(/new/images/lv.gif) no-repeat; width:10px; height:9px;}
.a4{  background:url(/new/images/zi.gif) no-repeat; width:10px; height:9px;}
.a5{  background:url(/new/images/hua.gif) no-repeat; width:10px; height:9px;}
.lianxi{width:248px; height:48px; border:#b5daff solid 1px;}
.biao{width:288px;}
.biao li{width:95px;line-height:25px;margin-right:1px;}
.biao #bgcolor li{background:#EFEFEF;}
.swdh{ width:300px; height:25px; padding-top:5px; line-height:25px; margin-top:15px; background:url("/new/images/swdh.gif"); position:absolute; z-index:1;float:left; font-size:12px; font-weight:lighter; text-align:center; display:none;}
.swdh1{ width:205px; height:25px; padding-top:5px; line-height:25px; margin-top:15px; background:url("/new/images/swdh1.gif"); position:absolute; z-index:1;float:left; font-size:12px; font-weight:lighter; text-align:center; display:none;}
.swdh a:link{color:#333333;}
.swdh a:visited{color:#333333;}
.swdh a:hover{color:#ff0000; text-decoration:underline;}
.swdh a:active{color:#333333;}
.swdh1 a:link{color:#333333;}
.swdh1 a:visited{color:#333333;}
.swdh1 a:hover{color:#ff0000; text-decoration:underline;}
.swdh1 a:active{color:#333333;}
.lmbottom{ width:248px; height:15px;border:#b5daff solid 1px; }
.banner490{ width:990px;height:80px; text-align:left;}
.banner490 span{ float:right;}
.banner490 img{ border:0px;}
#xwzx{display:none;font-size:13px;text-align:left;float:left;margin-top:0px;background:url(/new/images/news2.png);width:380px;height:20px;margin-left:50px;}
#xwzx a{text-decoration:none}
.columnli{ width:50px; height:25px; padding-top:5px; font-size:12px; font-weight:normal;color:#333333; text-align:center; line-height:25px; background:url(/new/images/columnbg1.gif) no-repeat bottom;}
.columnli1{ width:50px; height:25px; padding-top:5px; font-size:12px; color:#990000; text-align:center; line-height:25px; background:url(/new/images/columnbg2.gif) no-repeat bottom;}
.columnli2{ width:228px; height:30px; line-height:30px; text-align:left; border-top:#b5daff solid 1px; border-left:#b5daff solid 1px; border-right:#b5daff solid 1px; background:url(/new/images/dhnav.gif) no-repeat; padding-left:20px;}
.columnli3{ width:229px; height:30px; line-height:30px; text-align:left; font-weight:bold; color:#990000; border-top:#b5daff solid 1px; border-left:#b5daff solid 1px;padding-left:20px;}
.columnli4{ width:100px; height:30px; line-height:30px; font-size:14px; margin-right:5px; background:url(/new/images/bknav1.gif) bottom; text-align:center;}
.columnli5{ width:100px; height:30px; line-height:30px; font-size:14px; margin-right:5px; background:url(/new/images/bknav2.gif) bottom; text-align:center; font-weight:bold; color:#990000;}
.columnli6{width:120px;height:30px; line-height:30px;font-size:14px;text-align:center;margin-top:10px;background:url(/new/images/news.png);}
.columnli7{width:118px;height:30px; line-height:30px;font-size:14px;background:url(/new/images/news1.png);font-weight:bold; color:#990000;text-align:center;margin-top:10px;}
.xwcolumnli7{width:118px;height:30px; line-height:30px;font-size:14px;sfont-weight:bold;background:url(/new/images/news1.png);color:#990000;text-align:center;margin-top:10px;}

.log{width:198px;border:#b5daff solid 1px;}
.logtop{width:178px; height:30px; line-height:25px; padding-left:20px; font-size:14px; font-weight:bold; color:#990000;text-align:left;background:url(/new/images/jfbg.gif) no-repeat;}
.yx{width:278px;border:#b5daff solid 1px; padding:10px; font-size:14px; line-height:25px; text-align:left;background:url(/new/images/bknav2.gif) repeat-x top;}


.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(../images/topnav_bg.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 3px 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;
	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: 17px;
	height: 35px;
	float: left;
	background: url(../images/subnav_btn_hide.gif) no-repeat ;
}
ul.topnav li span.subhover { /*--Hover effect for trigger--*/
    background: url(../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: 160px;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #2aa3e1;
	margin: 0; padding: 0;
	display: none;
	float: left;
	clear: none;
}
ul.topnav li ul.subnav1 li{
	width: 160px;
	margin: 0; padding: 0;
	
	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;
}


.channel2{margin-top:5px;}
.channel2 ul{margin-left:0px;}
.channel2 ul li{list-style:none;text-align:center;font-size:12px;line-height:1.2;padding-bottom:2px;border:1px solid #def;width:64px;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}