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:100%;
height:100px;
clear:both;
overflow:hidden;
margin:0 auto; 
background:url(/cpa/images/head01.jpg);
}
.headtop_jscj{ 
width:100%;
height:100px;
clear:both;
overflow:hidden;
margin:0 auto; 
background:url(/cpa/images/head01_jscj.jpg);
}
.headtop a{ 
width:100%; 
height:100px;
clear:both;
overflow:hidden;
margin:0 auto; 
display:block;
}
.head{
width:100%;
height:30px;
clear:both;
overflow:hidden;
margin:0 auto; 
line-height:30px; 
background:url(/cpa/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:10px;
clear:both;
overflow:hidden;
}
.marb3{ 
height:3px;
clear:both;
overflow:hidden;
}
.search{ 
width:940px; 
height:50px; 
line-height:25px; 
text-align:left; 
padding-left:160px;
background:url(/cpa/images/search01_test.gif); 
color:#FFFFFF;
}
.search .fg{
padding-left:40px; 
line-height:50px;
}
.search a:link{ color:#FFFFFF;}
.search a:hover{ color:#FFFFFF;}
.search a:visited{ color:#FFFFFF;}
.main{ width:100%;/*clear:both;overflow:hidden;*/margin:0 auto;}
.mainleft1{ width:240px; float:left;margin-right:5px;}
.mainleft2{ width:528px; float:left; margin-right:5px;background:url(/images/rdxw_01_01.jpg) no-repeat;border:#b5daff solid 1px;}
.mainleft{ width:775px;float:left; margin-right:5px;}
.mainright{ width:320px; float:left;}
.login{ 
width:238px;
height:280px;
border:#b5daff solid 1px;
}
.lognav{ 
width:228px;
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(/cpa/images/lmbg_01.gif) no-repeat;
}
.news{ 
width:508px;
height:245px;
padding:5px 10px 5px 10px;
}
.news li table{font-size:14px;}
.news li table tr{height:26px;}
.news li{ width:508px; text-align:left;}
.p_newslist li{margin:3px;}
.bmzn{
 width:318px; 
 height:280px;
 border:#b5daff solid 1px;
  /*background:url(/chuji/images/znbg.gif) bottom no-repeat;*/
  }
.znnav{ 
width:100%;
line-height:30px;
text-align:center; 
padding:5px 0px 5px 0px; 
letter-spacing:2px;
border-bottom:#b5daff dotted 1px;
font-size:14px;
 }
.helf{ 
width:238px; 
text-align:center; 
}
.djs{
color:#FF0000; 
line-height:40px; 
width:100%; 
letter-spacing:2px;
}
.time{ 
font-weight:bold; 
color:#0000FF;
}
.lmtop{ 
width:750px; 
height:25px; 
line-height:25px;
text-align:left; 
padding-left:25px; 
font-size:14px; 
font-weight:bold;
background:url(/cpa/images/top_01.jpg) no-repeat;
}
.lmtop span{ 
float:right; 
padding-right:10px; 
font-size:12px; 
font-weight:lighter; 
text-align:right;
}
.lanmu{ 
width:753px; 
padding:10px;
border:#b5daff solid 1px; 
clear:both; 
overflow:hidden;
}
.lmleft{ 
width:290px; 
float:left;
}
.lmleft img{
border:#b5daff solid 1px;
}
.lmright{ 
width:453px; 
float:right;
}
.lt{ 
margin-top:5px;
}
.ltrt{ 
width:65px; 
height:25px; 
line-height:25px; 
font-size:14px;
font-weight:bold;
}
.columnli{
line-height:25px; 
margin-left:5px;
background:#DFF4FF;
}
.columnli1{
line-height:25px;
margin-left:5px; 
font-weight:bold; 
color:#FF0000;
}
#column1,#column2,#column3{width:64px;cursor:pointer}
#columna1,#columna2,#columna3{width:84px;cursor:pointer}
#columnb1,#columnb2,#columnb3,#columnc1,#columnc2,#columnc3{width:142px;cursor:pointer}
#columnd1,#columnd2,#columnd3,#columnd4{width:105px;cursor:pointer}
.forum li{ 
width:230px; 
text-align:left;
height:25px;
}
.columnlia{
height:25px; 
line-height:25px; 
background:url(/chuji/images/lmbg3.gif); 
text-align:center;
border:#b5daff solid 1px; 
font-size:14px;
}
.columnlia1{
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;
}
.fxnav{ 
padding-top:10px;
}
.fxnav li{ 
width:453px;
font-size:14px;
}
.fxnav li tr{
	height:30px;
	}
.top10{ 
margin-top:10px;
}
.dyn{
width:100%;
border:#b5daff solid 1px; 
}
.dynnav{ 
width:308px; 
padding:5px; 
text-align:left;
}
.dynnav tr{ 
 height:24px;
}
.more{ 
width:60px; 
float:right; 
font-weight:normal;
text-align:center; 
line-height:25px;
}
.more a{ font-size:12px;}
.ksdg{ 
font-size:14px; 
font-weight:bold; 
line-height:25px;
}
.dg{
width:280px; 
text-align:left;
}
.dg tr{
height:30px;	
}
.wx{ 
width:1100px;
border-top:#b5daff solid 1px;
clear:both; 
overflow:hidden;
}
.wxtop{ 
width:1076px; 
height:40px; 
line-height:35px;
padding-left:25px; 
text-align:left; 
background:url(/cpa/images/wxtop_01_test.jpg); 
font-size:18px; 
font-weight:bold;
}
.wxtop span{ 
float:right; 
text-align:right; 
padding-right:10px; 
font-size:14px; 
font-weight:lighter;
}
.wxnav{ 
width:1080px; 
padding:10px;
}
.wxleft{ width:300px; float:left; margin-right:5px; text-align:left;}
.wxright{ width:100%; }
.table1{ 
width:100%; 
border:0px; 
text-align:center; 
background:#b5daff;
}
.table1 th{ 
background:#DFF4FF; 
font-size:16px; 
font-weight:bold; 
line-height:2;
}
.table1 td{ 
background:#FFFFFF; 
font-size:14px; 
line-height:30px;
height:40px;
}
.lesson{ width:775px; background:#b5daff; text-align:center;}
.lesson tr{ background:#FFFFFF;}
.lesson td{ height:20px;}
.banner{ width:100%; height:100px;}
.tkleft{width:813px;float:left;border:#b5daff solid 1px;}
.tkleft .tktop{ width:813px; line-height:30px; text-align:center; font-size:16px; font-weight:bold;}
.tkleft .tkjs{ width:790px; text-align:left; padding-left:10px; padding-right:10px;line-height:2;font-size:14px;}
.tkleft .tknav{ width:778px;line-height:2; padding-bottom:10px; padding-left:25px; padding-right:10px;margin-top:20px}
.tkleft .tknav img{border:#b5daff solid 1px;}
.tkright{width:272px;border:#b5daff solid 1px;float:right;}
.tkrightnav{ width:258px; padding:5px;}
.right5{ margin-right:30px;}
.gonggao{width:100%;}
.ggleft{ width:310px;}
.ggright{ width:780px; float:right;}
.wxms{ width:308px;background:url(/cpa/images/wxtop_01.jpg) repeat-x top;border:#b5daff solid 1px;}
.mstop{ padding-left:25px; text-align:left; font-size:14px; font-weight:bold; line-height:25px;}
.msnav{ width:198px; padding-left:5px; padding-right:5px;}
.msnav li{ width:198px; text-align:left;}
.msnav span{ float:left; text-align:center; width:100px; margin-right:5px;}
.a1{ background:url(/cpa/images/lan2.gif)  no-repeat; width:10px; height:9px;}
.a2{ background:url(/cpa/images/hong.gif) no-repeat; width:10px; height:9px;}
.a3{  background:url(/cpa/images/lv.gif) no-repeat; width:10px; height:9px;}
.a4{  background:url(/cpa/images/zi.gif) no-repeat; width:10px; height:9px;}
.a5{  background:url(/cpa/images/hua.gif) no-repeat; width:10px; height:9px;}



.examples_body {
     width: 100%;
     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: 100%;
	margin: 50px auto 0 auto;
	clear: both;
}

ul.topnav {
	width: 100%;
	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 8px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	margin-top:-3px;
	font-size:16px;
	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:0px;
	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:77px;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}

.wrap{width:1100px;}
#xinshen{height: 320px;overflow: hidden;width: 219px;margin-left: 10px;text-align: left;}
#xinshen ul { position: relative;margin: 10px 0px 0px 0px;top: 0;left: 0;padding: 0;}
#xinshen ul  li{margin-bottom:10px}
.box{ width:300px; margin:0 auto; position:relative; overflow:hidden; height:100%;}
.picbox{ width:300px; height:270px; overflow:hidden; position:relative;}
.piclist{ height:390px;position:absolute; left:0px; top:0px; margin:0px;padding:0px;}
.piclist li{ width:290px;float:left;list-style:none;padding:20px 5px;font-size:14px;font-family:microsoft yahei;text-align:left;}
.piclist li p{padding:15px 5px;line-height:2}
.swaplist{ position:absolute; left:-2100px; top:0px}
.og_prev,.og_next{ width:30px; height:50px; background:url(/wmkj/images/icon.png) no-repeat; background:url(/wmkj/images/icon_ie6.png) no-repeat; position:absolute; top:110px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.7;}
.og_prev{ background-position:0 -60px; left:4px;}
.og_next{ background-position:0 0; right:4px;}
.l{float:left;}
.r{float:right;}
.toprow{width:100%;margin:10px 0px;}
.cl{display:inline-block;}
i{color:#4595d3}
.Hui-iconfont{font-size:22px}
.toplist{margin-top:5px;}
.toplist ul li{padding:0;margin:0;float:left;width:90px;text-align:center;}
.toplist ul li a{text-decoration:none}
.toplist ul li a i{color:#3995e2}
.toplist ul li a i:hover{color:#f0830d}
.toplist ul li a:hover{color:#f0830d}
.topicon{line-height:1.3;}
.topicon i{font-size:30px;}
.qrcodeimg{height:80px}
.textlogo{font-size: 28px;line-height: 65px;margin-left:20px;padding-left: 20px;background:url("/zhukuai/images/texttopbg.png") no-repeat left;}
.fourstep{float:left;width:265px;margin:5px;padding-bottom:14px}
.fourstep a{padding:10px 30px;font-size: 16px;color: #fff;line-height: 2;background: #1f73e4;border-radius: 10px;}
.fourstep a:hover{text-decoration:none;color:#1f73e4;background:#fff;font-weight:bolder}
.step1{background:#887eff;border-radius:4px;}
.step2{background:#ce8efe;border-radius:4px;}
.step3{background:#fc7f6b;border-radius:4px;}
.step4{background:#4fd4a0;border-radius:4px;}
.titleh3{font-size: 24px;line-height: 64px;color: #fff;border-bottom: 1px dashed #eee;}
.stepspan{color:#272636;font-size:14px;line-height: 2;width: 214px;text-align: left;padding: 10px 10px 20px 10px;}
.h2title{font-size:36px;padding: 0px;margin: 0px ;line-height: 2;background:url(/cpa/images/wxtop_01_test.jpg) repeat-x;}
.getcertificate{float:left;width:265px;margin:5px;}
.getcertificate h3{color:#2d2d2d;margin:5px 0px;padding:0px}
.getcertificate img{border-radius:20px}
.getcertificate div a{text-decoration:none;}
.getcertificate div a p:hover{color:#6baae5;font-weight:600;text-decoration:none;}
.getcertificate p{color:#2d2d2d;text-align:left;width:100%;padding:10px;margin:0px auto 10px;font-size:14px}
table.matkemu {
    margin: 0px auto;
}

table.matkemu td{
width:100px;
font-size:14px;	
}

table.matkemu tr{
height:25px;
line-height:25px;	
}