@charset "utf-8";
/* CSS Document 
 * Author: Liu Renfei
 * Update: 2010-04-06
*/
*{margin:0; padding:0}
body{font:400 12px/150% Tahoma, Helvetica, Arial, sans-serif; color:#424242; background:#fff}
a{color:#369/*#424242*/; text-decoration:none;}
a:hover{color:#f60; text-decoration:underline}
img{border:none}
ul{list-style:none}
h2,h3{font-size:14px}
textarea{font-size:12px; padding:2px; border:1px solid #999; color:#666} 
.input{height:20px; width:130px; line-height:20px; border:1px solid #999; background:#f7f7f7; padding:1px; color:#666}
.sear_btn{height:24px; line-height:24px; width:68px; border:none; background:url(images/search_btn.gif) no-repeat; cursor:pointer; text-indent:-999em}
.post_btn{height:24px; line-height:24px; width:102px; border:none; background:url(images/post.gif) no-repeat; margin-top:3px; cursor:pointer; text-indent:-999em }
.clear{clear:both}
.red{color:red}
.bold{font-weight:bold}
.bigsize{font-size:16px}

#header{height:56px; background:url(images/header_bg.gif) repeat-x; overflow:hidden}
#header_wrap{width:960px; margin:0 auto}
#logo{float:left; width:300px; height:56px}
#logo h1{width:300px; height:56px; background:url(images/logo.jpg) no-repeat; text-indent:-999em}
#logo a{display:block; width:300px; height:56px}
#nav{float:right; width:600px; height:42px; margin-top:10px; margin-right:60px; background:url(images/nav_bg.png) no-repeat}
#nav li{float:left; width:110px; height:42px; line-height:42px; font-size:14px; text-align:center}
#nav li a{display:block; width:110px; height:42px; color:#fff;}
#nav li a:hover{display:block; width:110px; height:42px; color:#ffc; text-decoration:none}
#nav li.blog{line-height:38px}
#home #nav .home a,#about #nav .about a,#case #nav .case a,#server #nav .server a,#blog #nav .blog a{color:#ffc; background:url(images/cur_nav.jpg) no-repeat}

#banner_warp{height:278px; background:url(images/banner_bg.jpg) repeat-x top center; text-align:center}
.main_banner{width:960px; height:278px; margin:0 auto}
.stepcarousel{position: relative; overflow: hidden; width: 960px; height: 276px; margin:0 auto}
.stepcarousel .belt{position: absolute;left: 0;top: 0; }
.stepcarousel .panel{float: left;overflow: hidden; margin: 3px auto;width: 960px;}
#leftnav{position:absolute; margin-top:105px; margin-left:20px; z-index:1001}
#rightnav{position:absolute; margin-top:105px; margin-left:900px; z-index:1002}
#main{background:#fff url(images/main_bg.jpg) repeat-x}
#main_wrap{width:960px; margin:0 auto; padding-top:20px}
.nodata{border:1px solid #f90; background:#ffc; padding:6px; margin:4px; line-height:24px; text-align:center}

#blogs{float:right; width:250px}
#blogs h3{height:26px; line-height:26px}
#blogs h3 span{float:right; font-weight:500; font-size:12px}
.blog_list{margin:4px}
.blog_list li{height:24px; line-height:24px; background:url(images/icon.gif) no-repeat 0 6px; padding-left:18px}
.blog_list li span{float:right; margin-right:4px; color:#666}

#main_l{float:left; width:690px;}
.ind_box{float:left; width:334px; height:120px; margin:2px 0 4px 4px}
.ind_img{float:left; width:118px;}
.ind_img img{width:100px; height:72px; margin:2px; padding:2px;}
.ind_txt{float:right; width:210px}
.ind_txt h3{height:24px; line-height:24px;}
.ind_txt p{line-height:20px}
.cur_img{border:2px solid #4096ee}

.ind_case{margin:16px auto 8px auto}
.ind_case img{width:240px; height:120px; padding:1px; border:1px solid #ccc}
.ind_case h4{text-align:center; font-size:12px; line-height:28px}
.new{width:53px; height:53px; background:url(images/new.png) no-repeat; position:absolute; margin-top:-160px; margin-left:180px; z-index:1001}

#footer{height:150px; margin-top:10px; background:url(images/footer_bg.jpg) repeat-x}
#footer_wrap{width:960px; margin:0 auto;}
#partner{height:60px;}
#footer_rights{height:40px; line-height:40px; padding-left:10px; color:#fff}
#footer_rights span{float:right; margin-right:10px}
#footer_rights a{color:#b4b4b4}
#footer_rights a:hover{color:#fff}
#stat{display:none}