@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;background:url(../images/web_bg.png) repeat-x 50% 0 #FFF;}
i,em {font-style:normal;}
a img {border:none;}
a{ color:#000000;}
a:visited{ color:#000000;}
a:hover{ color:#f67505;}
.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-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;}
.ban{ width:1000px; margin:0 auto;}
.des{ width:1000px; margin:12px auto; position:relative;}
.tit{ width:100%; border-bottom:2px solid #e1e1e1;}
.tit span{ border-bottom:2px solid #4b9add; display:block; width:179px; margin-bottom:-2px;}
.des h1{ float: left; padding:8px 0 8px 16px;}
.des p { clear: both; width: 752px; line-height:24px; text-indent:2em;}
.des a { display: block; position:absolute; right:0px; top:70px;}
.scr{ width:1000px; margin:12px auto;}
.new{ width:1000px; margin:0 auto;}
.new ul li{ width:100%; border-bottom:1px dashed #e5e5e5; height:92px; overflow:hidden; padding:13px 0 0;}
.new ul li span.icon{ background: url(../images/jing.jpg) no-repeat scroll 0 5px transparent;  display: block; float: left;  height: 47px; width: 21px;}
.new ul li a{ display:block; float:left; width:135px;}
.new ul li div{ float:left; width:825px; margin:0 0 0 5px;}
.new ul li div p{ display:block; padding:0 0 23px; color:#868585; line-height:21px;}
.new ul li div p span{ display:block; color:#8d8d8d; background:url(../images/timet.png) no-repeat 0 3px; padding:0 0 0 22px;}
.new ul li div p a{ width:100%; text-decoration:none; color:#000000; font-size:14px;}
.new ul li div p a:hover{ color:#f67505;}
.bottom {width:100%;background-color:#f4f4f4;border-top:1px solid #e5e5e5;clear:both;margin:25px auto 0;padding:13px 0;}
.bottom p {text-align:center;padding:9px 0;}
.bottom p a {padding:0 10px;}

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 */
.examples_body {width: 1000px;	margin: 10px auto;	clear: both;  position: relative;}
.bx_wrap {margin-left: 24px;}
.bx_container{    overflow: hidden;    position: relative;    width: 902px; margin:0 auto;}
.bx_container img { border: 2px solid #DDD; width:199px; height:164px; margin:0 21px 0 0;}
.bx_wrap a.prev {	width:33px;	height: 90px;	line-height: 17px;	outline-style: none;	outline-width: 0;	position: absolute;	top: 40px;	left: 0px;	text-indent: -9999px;	background: url(../images/left.png) no-repeat 0 0;}
.bx_wrap a.prev:hover {	background: url(../images/lefton.png) no-repeat 0 0;}
.bx_wrap a.next {	width:33px;	height: 90px;	line-height: 17px;	right:0;	outline-style: none;	outline-width: 0;	position: absolute;	top: 40px;	text-indent: -9999px;	background: url(../images/right.png) no-repeat 0 0;}
.bx_wrap a.next:hover {	background: url(../images/righton.jpg) no-repeat 0 0;}

.message{ width:1000px; margin:12px auto;}

.pinglun{ width:1000px; margin:17px auto 0;}
#comment_list { border: 1px solid #CCCCCC; color: #2F2F2F; padding: 1px;}
#comment_list dt { height: 28px; line-height: 28px; overflow: hidden; padding: 0 10px;}
#comment_list .h2 { background: url("/skin/gr/images/comment_tbg.png") repeat-x scroll 0 0 transparent; color: #FFFFFF; font-size: 14px; font-weight: bold; height: 30px; line-height:32px; margin-bottom: 10px; padding: 0 10px;}
#comment_list .h2 span { background-repeat: no-repeat; float: left; line-height: 26px; margin-top: 4px; text-align: center; width: 88px;}
#comment_list dl { padding: 0 5px;}
#comment_list dd { line-height: 20px; padding: 5px 10px 10px; word-wrap: break-word;}
#comment_list dd img { margin-bottom: -5px;}
#comment_list blockquote, #comment_list .quote { background: none repeat scroll 0 0 #FFFDE9; border: 1px solid #BFBFBF; color: #000000; margin: 0 0 5px; padding: 3px 3px 5px;}
#comment_list blockquote h4, #comment_list .quote span { background: none repeat scroll 0 0 transparent; color: #666666; display: block; font-size: 12px; font-weight: normal; padding: 0 3px;}
#comment_list blockquote h4 cite { font-style: normal;}
#comment_list blockquote div { padding: 0 7px;}
#comment_list dt i { font-family: verdana; font-style: normal;}
#comment_list dt b { margin: 0 6px;}
#comment_list p { line-height: 1; padding: 5px 0; text-align: right;}
#comment_list p a {color: #E65C08; margin-left: 10px;}
#comment_list dt span { float: left;}
#comment_list dt em {float: right; font-style: normal;}
#comment_0 dt { background: none repeat scroll 0 0 #FFF2E8; color: #C97B54;}
#comment_0 .h2 span { background-image: url("/skin/gr/images/comment_tr.png");}
#comment_1 dt { background: none repeat scroll 0 0 #F0F7EE; color: #569659;}
#comment_1 .h2 span, #s_comment .h2 span { background-image: url("/skin/gr/images/comment_tg.png");}
#s_comment .nick_name {display: inline; float: left; line-height: 30px; margin-left: 12px;}
#s_comment .comment_faces { display: inline; float: left; font-weight: bold; line-height: 30px; margin-left: 20px;}
#s_comment textarea {border: 1px solid #A9B9A5;height: 120px; line-height: 20px; margin: 8px 0 8px 13px; padding: 3px 5px; width: 96%;}
#s_comment .comment_btn { padding: 0 12px 10px; text-align: left;}
#s_comment .comment_btn input { background: url("/skin/gr/images/comment_btn.png") no-repeat scroll 0 0 transparent; border: 0 none; color: #FFFFFF; cursor: pointer; font-weight: bold; height: 26px; margin-right: 6px; padding: 0; width: 80px;}
#s_comment .h2 a { color: #1D8D23; float: right; font-size: 12px; font-weight: normal; line-height: 30px;}

/*10-31*/
.oldzt{ clear:both; width:1000px; margin:0 auto 19px; background-color:#ffffff; height:auto; overflow:hidden;}
.oldzt ul{ padding:10px 0 0; width:1109px; overflow:hidden;}
.oldzt li{ float:left; padding:0px; margin:0 37px 8px 0;}
.oldzt li a{ display: block; height: 24px;line-height:17px; overflow: hidden; text-decoration: none; width: 136px; }
.oldzt li a img{  float: left;height: 22px; padding: 1px; width: 22px; margin:0 10px 0 0;}
.oldzt li a span{ display:block; text-align:left; padding:5px 0 0;}