/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}/**/
fieldset,img{border:0}/**/
a {color:#252525; text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#ba2636;text-decoration:none;}
a:active {color:#ba2636;} 
abbr,acronym{border:0;font-variant:normal}/**/
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:normal}/**/
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}/**/
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}/**/
code,kbd,samp,tt{font-size:100%}/**/
input,button,textarea,select{*font-size:100%}/*IE6*/
body{line-height:1.5; font-size:12px; background:url(../images/bg.png) no-repeat center 0;}/**/
ol,ul,li{list-style:none}
table{border-collapse:collapse;border-spacing:0}/**/
caption,th{text-align:left}/**/
sup,sub{font-size:100%;vertical-align:baseline}/**/
a,area { blr:expression(this.onFocus=this.blur()) } /**/
blockquote,q{quotes:none}
strong {font-weight: bold;}
.clear{ clear:both; height:0px;font-size:0px; line-height:0px; }
.overflow{overflow:auto;zoom:1;}
/* =CLEARFIX (do not modify) */
.clearfix:after,.rec:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
.fl { float:left; display:inline}
.fr { float:right; display:inline}
.font12 { font-size:12px}
.font14 { font-size:14px}
.b { font-weight:bold}


/*头部样式*/
#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;}
#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; margin:0 auto; padding:14px 0; height:67px; overflow:hidden;}
.header .logo{ float:left; width:228px;}
.header .search {float:left;margin:0 10px 0 29px; _width:411px; _overflow:hidden; width:402px;}
.header .search .sea{ position:relative; _width:100%;}
.header .search .keyword_input {background:none repeat scroll 0 0 #FFF;border:1px solid #ccc;float:left;width:244px;height:28px;line-height:28px; padding:0 13px 0 55px;}
.header .search .schbtn {width:78px;text-align:center;height:30px;background:none repeat scroll 0 0 #59c301;color:#FFF;border:none; float:left;}
.header .search .keyword {clear:both;color:#656563;padding:10px 0 0;}
.header .search .keyword a {text-decoration:none;color:#656563;padding:0 3px;}
.search_options { position:absolute; margin:0px; padding:1px 0 0 11px; left:0; top:1px; z-index:999; width:48px; height: 27px; line-height: 26px; background:url(../images/dl.png) no-repeat scroll -548px -181px #fff; border-right:1px solid #cccccc; border-left:1px solid #cccccc;}
.header .search .search_options a { display:block; color:#666;}
.header .search .search_options a:hover{ background-color:none; color:#666; text-decoration:none;}
.header .search .search_options a.selected:link,.header .search .search_options a.selected:hover{ background-color:#FFF; color:#333333;}
.header .search .search_options a.hidden {display: none;}

.mininav{ width:288px; float:right; overflow:hidden;}
.mininav ul{ padding:0px; margin:0px; width:330px;}
.mininav ul li{ float:left;list-style:none;text-align:center;padding:0 8px 10px 13px; _padding:0 0 10px 6px; _width:50px; _height:60px; overflow:hidden;}
.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; }
.mininav ul li a img{ display:block; margin:0 auto 5px;}
.mininav ul li a span{ display:block;}
.nav{ width:966px; margin:0 auto; background-color:#61b508; height:36px; overflow:hidden;}
.nav ul{ padding:0 0 0 10px;}
.nav ul li{ float:left; list-style:none; padding:0px;}
.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:bold}
.nav ul li a:hover{ background-color:#01b202;font-size:13px; font-weight:bold}
.mbx{ width:944px; margin:12px auto; padding:10px 0 10px 21px; color:#666; background-color:#F9F9F9; border:1px solid #E3E3E3;}
.mbx h1{ display:inline; font-size:16px; padding:0 6px 0 0;}
.mbx a{  text-decoration:none; color:#060; padding:0 6px;}
#topinfo{border: 1px solid #CCC; overflow:hidden; height:365px; background-color:#ffffff;}
#xj_s_pic img{ width:300px;}
.top_info{float:left; width:286px; height:370px; overflow:hidden; text-align:center;}
.photo{float:left; width:285px; height:290px; overflow:hidden;}
#boxID{ margin:5px; overflow:hidden; height:290px;}
.g-center{ width:966px; margin:0 auto;}
.g-center .g-center-l{ position:relative; float:left; width:693px; overflow:hidden;}
.g-center .g-center-r{ float:right; width:252px; margin:0 0 14px; overflow:hidden;}
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: 750px; margin: 100px auto; clear: both;	position: relative;}
.bx_wrap { height:154px; margin:0 0 20px; padding:22px 0; overflow:hidden; border:1px solid #dbdadc;}
.bx_wrap ul img { border: 2px solid #DDD; }
.bx_wrap a.prev { width: 34px;	height: 76px; line-height: 17px; outline-style: none; outline-width: 0;	position: absolute;	top: 59px;	left:0;	text-indent: -9999px;	background: url(../images/icon_arrow_left.gif) no-repeat 0 0;}
.bx_wrap a.prev:hover {	background: url(../images/icon_arrow_left.gif) no-repeat 0 0;}
.bx_wrap a.next { width: 34px; height: 76px; line-height: 17px;	left:661px;	outline-style: none; outline-width: 0;	position: absolute;	top: 59px;	text-indent: -9999px;	background: url(../images/icon_arrow_right.gif) no-repeat 0 0;}
.bx_wrap a.next:hover {	background: url(../images/icon_arrow_right.gif) no-repeat 0 0;}
.bx_container { margin: 0 0 0 21px;}
.bx_container .bx_wrap{ border:none; margin:0; padding:0;}
.bx_wrap li{ width:615px; position:relative;}
.bx_wrap li a.tu img{ float:left; display:block; padding:2px; margin:0 18px 0 0; width:208px; height:142px; border:1px solid #d6d6d6;}
.bx_wrap li h2{ margin: 0 0 11px; padding: 0 0 8px; height: 19px; font-size: 20px; font-weight: bold; overflow: hidden; font-family: "Microsoft YaHei"; }
.bx_wrap li h2 b{ color:#f60;}
.bx_wrap li p{ line-height:21px;}
.bx_wrap li a.dbutton{ display:block; position: absolute; right:0; bottom:1px; width:85px; height:35px; background:url(../images/iconbg.png) no-repeat 0 0;}
.m-box{ border:1px solid #dbdadc;}
.g-center-r .m-box{ margin:4px 0 0;}
.m-box p.u-title{ height:36px; line-height:36px;}
.m-news p.u-title{ position:relative; left: -1px;  top: -5px; width: 100%; background:url(../images/titlebg2.png) no-repeat 0 0;}
.m-soft p.u-title{ position:relative; left: -1px;  top: -5px; width: 100%; background:url(../images/titlebg3.png) no-repeat 0 0;}
.m-box p.u-title span{ padding:0 0 0 43px; font-size:16px; font-weight:bold; color:#2a2a2a;}
.m-news h3{ padding: 11px 0 0 11px; font-size: 14px; font-weight: bold; color:red;}
.m-news ul{ padding:10px;}
.m-news ul li {border-bottom: 1px dashed #cccccc; float: left; height: 25px; margin: 0 0 4px; padding: 0; width: 100%;}
.m-news ul li a {background: url(../images/sjicon.png) no-repeat scroll 0 9px; display: block; float: left; font-size: 14px; padding: 0 0 0 14px;}
.m-news ul li span { float: right;}
.m-soft ul{padding:10px;}
.m-soft ul li { height: 28px; line-height: 23px; margin-left: 8px; overflow: hidden;}
.m-soft ul li img { float: left; height: 20px; margin-right: 6px; width: 20px;}
.foot{ clear:both; text-align:center; padding:23px 0 0;}


.jc_toppic{margin: 0 auto; width: 966px;}
.jc_toppic img{ width:966px;}
.jc_ztjj{ position:relative; margin:0 auto 16px; padding:46px 0 11px; width: 964px; border:1px solid #ffeaa8; background:none no-repeat 0 0 #fffbf0;}
.jc_ztjj p.u-title{position: absolute; left: -1px;  top: -5px; width: 937px; height:48px; line-height:53px; border-bottom:1px dashed #f8d471; background:url(../images/jticon.png) no-repeat 12px 11px;}
.jc_ztjj p.u-title span{padding:0 0 0 46px; font-size:16px; font-weight:bold; color:#c10000; font-family: "Microsoft YaHei"; }
.jc_ztjj p{ padding:0 12px; line-height: 28px; font-size: 14px;}
.jc_ztjj p em{ display:block; width: 919px; line-height: 22px; margin: 5px auto; padding: 32px 10px 10px; font-size: 14px; background: url(/skin/gr/images/c_destip.png) no-repeat scroll 13px 7px #fdfde5; border: 1px solid #ff9947; color: #555555; margin-bottom: 10px; overflow: hidden; word-wrap: break-word;}
.jc_ztjj h3{ background:url(../images/titlebg5.png) no-repeat 19px 9px; height: 41px; line-height: 41px; padding: 0 0 0 35px; color: #c10000; font-size: 16px; font-weight: bold;}
#fold{ display:none;}
.content { height: 250px; overflow: hidden;}
#shouq{ display:none;}
.jc_ztjj span.bg{ background:none;}
span.scaling{ position: absolute; display: block; bottom: 0; height: 86px; width: 100%; background:url(../images/tumbg.png) no-repeat 0 0;}
.jc_ztjj span.scaling a { display: block; width:80px; height: 26px; line-height: 26px; margin: 55px auto 0; border: 1px solid #ff9947; text-align: center; background-color:#ffdec3; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;}