@charset "gb2312";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {list-style:none;margin:0;padding:0;}
body {color:#333;font-family:Arial,SimSun;font-size:12px;}
i,em {font-style:normal;}
a img {border:none;}
.clearboth {clear:both;content:" ";display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0;}
#page-header {background-color:#f9f9f9;border-bottom:1px solid #e6e6e6;height:30px;overflow:hidden;}
#page_top_970{ margin: 0 auto;width: 966px;}
#page-header .top-bar {width:966px;margin:0 auto;padding:8px 0 0;}
#page-header .top-bar .topl {float:left;text-align:left;width:50%;}
#page-header .top-bar .topr {float:right;text-align:right;}
#page-header .top-bar div a {color:#434343;text-decoration:none;padding:0 7px;}
#page-header .top-bar div a:visited {color:#434343;}
#page-header .top-bar div a:hover {text-decoration:underline;}
#page-header .top-bar div span {display:block;float:left;padding:0 6px 0 0;}
.header {width:966px;height:67px;overflow:hidden;margin:0 auto;padding:14px 0;}
.header .search {float:left;margin:0 10px 0 29px;}
.header .search .srk {background:none repeat scroll 0 0 #FFF;border:1px solid #ccc;float:left;width:296px;height:28px;line-height:28px;}
.header .search .anniu {width:78px;text-align:center;height:30px;background:none repeat scroll 0 0 #59c301;color:#FFF;border:none;}
.header .search .keyword {clear:both;color:#656563;padding:10px 0 0;}
.header .search .keyword a {text-decoration:none;color:#656563;padding:0 3px;}
.mininav {width:288px;float:right;overflow:hidden;}
.mininav ul {width:330px;margin:0;padding:0;}
.mininav ul li {float:left; list-style:none; text-align:center; padding:0 8px 10px 13px; _padding:0 0 10px 0; _width:60px; _height:30px;}
.mininav ul li p {text-align:center;}
.mininav ul li a {color:#656563;text-decoration:none;text-align:center;width:100%;display:block;padding:6px 0 0;}
.header .logo, .modBoxG .iTit span { float: left;}
.nav {width:966px;background-color:#61b508;height:36px;overflow:hidden;margin:0 auto;}
.nav ul {padding:0 0 0 10px;}
.nav ul li {float:left;list-style:none;padding:0;}
.nav ul li a {color:#fefeff;text-decoration:none;display:block;height:36px;line-height:36px;width:72px;text-align:center;font-size:13px;font-weight:700;}
.nav ul li a:hover {background-color:#01b202;font-size:13px;font-weight:700;}
.mbx { margin: 0 auto; padding: 10px 0; width: 1170px;}
.mbx a { color: #333333; text-decoration: none;}
.center{ width:1170px; margin:0 auto; *margin:0 auto 18px;; border:1px solid #e3e3e3; background-color:#f9f9f9; padding:0 0 17px;}
.center h2{ font-size:14px;  border-bottom:1px solid #e1e1e1;  margin: 0 auto; width: 96%; height:20px; line-height:34px; padding:5px 0 18px 4px;}
.center h2 img { width: 28px; float:left; padding:0 6px 0 0;}
.center h2 a{ text-decoration:none; color:#333;}
.Sortbox{ border:1px solid #e5e5e5; background-color:#ffffff; width:1140px; margin:15px auto 0; clear:both;}
.Sortbox div.tit{ border-bottom:1px solid #e5e5e5; clear:both; padding:11px 0 24px;}
.Sortbox div.tit span{ display:block; color:#ff7827; float:left; font-size:14px; font-weight:bold; padding:0 0 0 28px; }
.Sortbox div.tit ul{ float:left; margin:0 0 0 19px; width:auto; padding:0px;}
.Sortbox div.tit li{ float:left; overflow:hidden;}
.Sortbox div.tit li a{ display:inline; float:none;}
.Sortbox div.tit a{ display:block; float:right; text-decoration:none; color:#999999; padding:0 18px 0 0;}
.Sortbox_box{ clear:both; margin:12px 0 0; padding: 0 20px;}
.Sortbox_box a.tu{ float:left; display:none; margin:0 24px 0 0; padding:0 0 0 14px;}
.Sortbox_box a.tu img{ height:110px; width:246px;}
.Sortbox_box .tab { height: auto; margin: 0px; overflow: hidden; width: auto;}
.Sortbox_box .tab li.active a{ color:#FF7827;}
.Sortbox_box .tab a{ text-decoration:none; color:#333333;}
.Sortbox_box .tab-hd, .Sortbox_box .tab-hd3, .Sortbox_box .tab-hd4, .Sortbox_box .tab-hd5 {	border-bottom:1px solid #d8d8d8; overflow: hidden; background:url(../images/tabbg.jpg) no-repeat scroll 0 0 transparent;}
.Sortbox_box .tab-hd li, .Sortbox_box .tab-hd3 li, .Sortbox_box .tab-hd4 li, .Sortbox_box .tab-hd5 li {  color: #666666;    cursor: pointer;    float: left;    height: 37px;    line-height: 37px;    text-align: center;    width: 108px; border-right:1px solid #d8d8d8; margin:0 0 0 -1px;}
.Sortbox_box .tab-hd li.active, .Sortbox_box .tab-hd3 li.active, .Download_r .tab-hd4 li.active, .Download_r .tab-hd5 li.active { border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-top:2px solid #ff7827;	 height: 37px; line-height: 37px;    text-align: center;    width: 108px; color:#FF7827;}
.Sortbox_box .tab-bd li, .Download_r .tab-bd3 li, .Download_r .tab-bd4 li, .Download_r .tab-bd5 li {   padding:3px; *padding:10px 3px 3px;}
.Sortbox_box ul.ph li {    border: medium none;    display: block;    font-size: 12px;    height: 22px;    overflow: hidden;    padding: 0 0 3px;}
h2.title_name {	font-family: normal Georgia,'Times New Roman',Times,serif;	font-weight: normal;	font-size: 4em;	margin: 0;	padding: 50px 0 20px 0;	text-align: center;}
h2.title_name span {	font-family: normal Georgia,'Times New Roman',Times,serif;	color: #f9f66d;	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;}
p.copy_right {	width: 750px;	margin: 30px auto 0 auto;	clear: both;	font-size: 1.2em;	letter-spacing: 1px;	text-align: center;}
p.copy_right a { color: #1D68AF;}
p.copy_right a:hover {	text-decoration: none;}

/* examples_body */
.tab .examples_body {width: auto; height: auto; margin: 10px auto; _margin: 0px auto; clear: both; position: relative;}
.bx_wrap {margin-left: 0;}
.bx_wrap a.prev {width: 27px; height: 25px;	line-height: 17px; outline-style: none;	outline-width: 0; position: absolute; top: 16px; *top: 23px; left: 1px; text-indent: -9999px;	background: url(../images/dl.png) no-repeat scroll 0 -255px transparent; display:none}
.bx_wrap a.prev:hover {	background:url(../images/dl.png) no-repeat scroll 0 -280px transparent;}
.bx_wrap a.next { width: 27px; height: 25px; line-height: 17px;	left: 813px; outline-style: none; outline-width: 0;	position: absolute;	top: 16px; *top: 23px;	text-indent: -9999px;	background:url(../images/dl.png) no-repeat scroll 8px -305px transparent; display: none;}
.bx_wrap a.next:hover {	background:url(../images/dl.png) no-repeat scroll 8px -331px transparent;}
#example1 li{ display:block; border:none; width:60px; height:57px; line-height:20px; *line-height:23px; float:left; overflow:hidden; margin:0 19px 0 0; text-align:center;}
#example2{ display: block; overflow: hidden; padding: 0 0 12px 0;}
.Sortbox_box h3{ font-size:16px; line-height:16px;}
#example2 li{ display:block; border:none; width:60px; height:auto; line-height:20px; *line-height:23px; float:left; overflow:hidden; margin:10px 20px 0 0; text-align:center;}
#example2 li:nth-last-child(1){ margin-right: 0;}
#example2 li a span{ width: 100%; height: 20px; line-height: 20px; font-size: 12px; font-weight: normal; color: #333; margin: 8px 0 0; text-align: center; display: block; overflow: hidden;}
.bx_wrap ul li a{ text-decoration:none;}
.bx_wrap ul li span { display:block; height:18px; color:#333333; overflow:hidden;}
.bottom { background-color: #F4F4F4; border-top: 1px solid #E5E5E5; clear: both; margin: 25px auto 0; padding: 13px 0;  width: 100%; text-align:center;}
.bottom div {  padding: 9px 0; text-align: center;}
.bottom a {  padding: 0 10px; color:#333333; text-decoration:none;}
.bx_container { overflow: hidden; width: 100%;}