/* CSS Document */
body,html{ font-family:Verdana, Arial, Helvetica, sans-serif;color:#333;padding:0px;border:0px;margin:0;font-size:12px; background: url(../images/kaifa_02.jpg) repeat-x;}
div{height:auto;}
table{border-collapse:collapse;}
ul{list-style-type:none;clear:both;}
h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, form, table, th, td {margin:0;padding:0;}
img{border:0;}
form{margin:0;padding:0}
.fb{font-weight:bold;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.clear{clear:both;}
.none{ display:none;}
li{ list-style-type:none;}
a{color:#333; text-decoration:none;}
a:hover{ color:red; text-decoration:none;}

.mt{margin-top:10px;}

.bj{ width:962px; margin:0 auto;}
.shouc{padding:15px 0; width:942px; text-align:right;color:#666;margin-left:10px;}
.shouc a{color:#666;}
.list-ol{ margin-left:30px;}
.list-ol li{ list-style-type:decimal;}
.caid{ background:url(../images/kaifa_05.jpg) no-repeat; width:552px; height:44px;padding-left:410px;}
.caid li {float:left;}
.caid li a{ color:#c2d6ff; float:left;float:left;width:63px;line-height:43px; text-align:center;}
.caid li a:hover,.caid li a.hd{
	color:#c2d6ff;
	float:left;
	background:#03308B url(../images/menu_bg.jpg) no-repeat;
	width:63px;
	line-height:43px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
.kaif{margin-left:10px; background:url(../images/kaifa_07.jpg) no-repeat;width:942px;height:382px;}
.text{margin:100px 0 0 32px;line-height:22px;width:464px;color:#003c6e;float:left;display:inline;}
.anniu{background:url(../images/anniu.jpg) no-repeat; width:900px;height:67px;float:left; margin-left:20px;}
.anniu a{width:200px;height:20px;float:left;margin:5px 0 0 32px;padding-top:40px;padding-left:5px;color:#542a02;}
.banb{width:930px;height:60px;float:left;margin:20px 0 0 32px;color:#474747; display:inline;}
.space-5{height:5px;}
.space-10{height:10px;}
.space-20{height:20px;}
.line_1{ background:url(../images/kaifa_09.jpg) no-repeat;width:962px;height:39px;float:left;margin-top:}

.top-banner{
	width: 960px;
	height: 90px;
	background-position: center;
	margin: 10px auto;
}
/*
.top-banner.bg1{ background-image:url(../images/b-01.jpg);}
.top-banner.bg2{ background-image:url(../images/b-02.jpg);}
.top-banner.bg3{ background-image:url(../images/b-03.jpg);}
.top-banner.bg4{ background-image:url(../images/b-04.jpg);}
.top-banner.bg5{ background-image:url(../images/b-05.jpg);}
.top-banner.bg6{ background-image:url(../images/b-06.jpg);}
.top-banner.bg7{ background-image:url(../images/b-07.jpg);}
*/
.main_box{width:962px;float:left;}
.main_left{width:698px;float:left;}
.main_left_t{ background:url(../images/box_bg_29.jpg) no-repeat;width:698px;height:3px;font-size:0px;float:left;}
.main_left_c{ background:url(../images/box_bg_31.jpg) repeat-y;width:664px;padding:13px 17px 20px 17px;float:left;color:#333;line-height:22px;}
/*.main_left_c p{width:681px;float:left;}*/
.main_left_c .huan{color:#ff7800;}
.main_left_c p.line_bg{ background:url(../images/line_34.jpg) no-repeat center top;height:1px;font-size:0px;margin:20px 0;}
.main_left_c img{ /* [disabled]float:left; */ }
.main_left_b{ background:url(../images/box_bg_33.jpg) no-repeat;width:698px;height:3px;font-size:0px; clear:both}
.main_left_c a{color:#36F;}
.main_left_c a:hover{color:#930;}
.case-list { margin:0 0 0 20px;}
.case-list li{ margin:5px 0;}
.case-list li img{ margin-right:5px; vertical-align:middle;}


.main_right{width:251px;float:left;margin-left:10px;}
.main_right_box{width:251px;float:left;}

.right_box_t{ background:url(../images/box_bg_34.jpg) no-repeat;width:251px;line-height:32px;float:left;color:#555;}
.right_box_c{ background:url(../images/box_bg_37.jpg) repeat-y;width:236px;float:left;padding:15px 0 15px 15px;color:#333;line-height:22px;}
 .right_box_c li{float:left;width:236px;float:left;}
  .right_box_c li a{color:#333;}
 .xwdt{color:#000;font-weight:bold;margin-left:5px;}
 .xwdt2{color:#555;margin-left:5px;}
.right_box_b{ background:url(../images/box_bg_39.jpg) no-repeat;width:251px;height:3px;font-size:0px; clear:both}
.copy{width:900px;padding:30px; text-align:center;float:left; border-top:1px #dfdfe7 solid; margin-top:20px;}
.copy a{color:#ff9600}

.fblue{color:blue;}

.demos-list{ margin-left:5px;}
.demos-list a{ display:list-item; list-style-type:decimal; width:180px; margin-left:30px; float:left; color:#00C; line-height:120%; font-size:13px; height:24px;}
.demos-list a:hover{ color:#F30;}


/*--------manual---------*/
.code{ padding:3px; border:1px solid #666; display:block; clear:both; margin:5px 20px 5px 20px; background-color:#F7F7F7; word-spacing:normal; }
.code p{margin:0;padding:0;}
.code-str{ color:#F0F;}
.code-keyword{ font-weight:bold; color:#00F;}
.code-comment{font-style:italic; color:#333;}
.code-tag{ color:#30F;}