﻿@charset "utf-8";
/*--------jorshen@gmail.com---------*/


/*------------------全局-------------*/
*{ margin:0; padding:0; list-style:none;}
body{ font-family:Geneva, Arial, Helvetica, sans-serif,'宋体'; font-size:14px; line-height:180%; color:#333333; background:url(images/bg.png) repeat-x;}
#all{ width:870px; margin:0 auto;}
/*not for ie 6.0*/
html>body #all{ background:url(images/bg_content.png) repeat-y;}
/*for ie 6.0*/
* html #all {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/bg_content.png");
background:none;
}


#top{ width:870px; height:148px; margin:0 auto; background:url(images/bg_top.png) no-repeat;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#44516e;}
img{ border:0;}
.clear{ height:1px; line-height:1px; clear:both;}
 .logo{ width:493px; height:53px; line-height:9999px; overflow:hidden; margin:68px 0 0 78px !important; margin:68px 0 0 39px; background:url(images/logo.png) no-repeat; float:left;}
 .language{ width:200px; height:28px; margin:24px 37px 0 0; text-align:center; font-family:"Arial Black",Tahoma,"微软雅黑"; font-size:14px; line-height:28px; float:right;}
   .language a,.language a:hover{ display:block; float:left; width:93px; height:28px; margin-right:7px; color:#fff; background:url(images/bg_language.png) no-repeat;}
#nav{ width:850px; height:35px; margin:0 auto; background:url(images/bg_nav.png) repeat-x;}
  #nav ul{ margin-left:35px;}
    #nav ul li{ float:left;}
	  #nav ul li a{ display:block; width:81px; height:35px; line-height:35px; overflow:hidden; margin:0 7px; text-align:center; font-size:14px; color:#FFFFFF;}
	  #nav ul li a:hover{ color:#495674; background:url(images/bg_nav_now.png) no-repeat;}
	  #nav ul li a.now{ color:#495674; background:url(images/bg_nav_now.png) no-repeat;}
#content{}
#bottom{ height:105px; background:url(images/bg_bottom.png) center bottom no-repeat; line-height:150%; font-size:12px;}
  .logo_bottom{ float:left; width:291px; height:32px; margin:26px 0 0 102px !important; margin:26px 0 0 51px;}
  .copyright{ float:right; margin:26px 123px 0 0 !important; margin:26px 61px;px 0 0; text-align:right;}

/*--------首页----------*/
#index_content_left{ width:520px; margin-left:20px !important; margin-left:10px; float:left;}
  #index_content_left h1{ width:492px; height:25px; line-height:9999px; overflow:hidden; margin:0 auto; margin-top:40px; margin-left:10px; background:url(images/index_co_h1.png) no-repeat;}
  #index_content_left p{ margin:0 20px; margin-top:10px; font-size:14px; text-indent:2em;}
  .index_show{ width:513px; height:190px; margin:0 auto; margin-top:20px; background:url(images/index_show.jpg) no-repeat;}
#index_content_right{ width:298px; margin-top:10px; margin-right:20px !important; margin-right:10px; float:right; background:url(images/index_r_bg.png) repeat-y;}
  #index_content_right h2{ width:298px; height:41px; padding-bottom:20px; line-height:9999px; overflow:hidden; background:url(images/index_r_h2.png) no-repeat;}
  #index_content_right #demo{overflow:hidden; height:545px; margin-left:35px; padding:20px auto; float:left;display: inline;}
  #index_content_right ul{}
    #index_content_right ul li{ margin-top:18px;}
	  #index_content_right ul li a{ padding:1px; border:1px solid #999999;}
	  #index_content_right ul li a:hover{ padding:2px; border:0; background:#333333;}
  .index_content_right_bottom{ width:298px; height:10px;margin-right:20px !important; margin-right:10px; background:url(images/index_r_b_bg.png) no-repeat; float:right;}
/*-------------内页----------------*/
#content h3{ width:795px; height:25px; line-height:9999px; overflow:hidden; margin:0 auto; margin-top:30px; margin-bottom:20px;}
  .h3_facilities{ background:url(images/h3_facilities.png) no-repeat;}
  .h3_human{ background:url(images/h3_human.png) no-repeat;}
  .h3_human{ background:url(images/h3_human.png) no-repeat;}
  .h3_design_soft{ background:url(images/h3_design_soft.png) no-repeat;}
  .h3_design_flow{ background:url(images/h3_design_flow.png) no-repeat;}
  .h3_case{ background:url(images/h3_case.png) no-repeat;}
  .h3_contact{ background:url(images/h3_contact.png) no-repeat;}
  
  .content_img{ width:270px; margin-left:60px !important; margin-left:30px; padding:20px 0; border:1px solid #CCCCCC; background:#ffffff; float:left;}
    .content_img ul{ padding:10px 0;}
	  .content_img ul li{ margin-top:20px; text-align:center;}
	    .content_img ul li a{ padding:1px; border:1px solid #999999;}
		.content_img ul li a:hover{ padding:2px; border:0; background:#333333;}
    .content_img #demo{overflow:hidden; height:550px; margin-left:22px;float:left;display: inline;}
  .content_text{ width:480px; margin-right:40px !important; margin-right:20px;; float:right; font-size:14px;}
    .content_text p{ text-indent:2em; margin:0 30px; margin-top:20px; }
	
	
     .nTab{ margin:0 10px; background:url(images/bg_left.gif) 50px top repeat-y;}
       .nTab .TabTitle{ width:200px; margin-left:50px !important; margin-left:25px; padding-top:50px; float:left; background:#bababa;}
	   .nTab .TabTitle li{ height:25px; line-height:25px; margin-top:20px; margin-left:20px; padding-left:30px; font-size:14px; color:#FFFFFF; cursor: pointer;}
	   .nTab .TabTitle .active{ border:3px solid #a1a1a1; border-left:5px solid #a1a1a1; border-right:none; border-top:none; background:#efefef; color:#333333;}
	   .nTab .TabContent{ width:520px; margin-right:50px !important; margin-right:25px;; float:right;}
	   .nTab .TabContent .none {display:none;}
	   .nTab .TabContent p{ text-indent:2em; margin-top:15px;}
	   .flow_zt_1{}
	     .flow_zt_1 li{ margin-left:8px !important; margin-left:6px; float:left;}
		   .flow_zt_1 li a{ display:block; padding:1px; border:1px solid #999999;}
		   .flow_zt_1 li a:hover{ padding:2px; border:0; background:#333333;}
	     
		 .flow_dl_1 li{ margin-left:3px !important; margin-left:2px; float:left;}
	       .flow_dl_1 li a{ display:block; padding:1px; border:1px solid #999999;}
		   .flow_dl_1 li a:hover{ padding:2px; border:0; background:#333333;}
		 .flow_nz_1 li{ margin-left:12px !important; margin-left:9px; float:left;}
		   .flow_nz_1 li a{ display:block; padding:1px; border:1px solid #999999;}
		   .flow_nz_1 li a:hover{ padding:2px; border:0; background:#333333;}
		 .case_tl_1 li{ margin-left:25px !important; margin-left:15px; float:left;}
		   .case_tl_1 li a{ display:block; padding:1px; border:1px solid #999999;}
		   .case_tl_1 li a:hover{ padding:2px; border:0; background:#333333;}
	   a.img_1{ display:block; width:515px; margin-top:10px;padding:1px; border:1px solid #999999;}
	   a.img_1:hover{ padding:2px; border:0; background:#333333;}

  #content h5{ margin-top:20px; margin-left:20px; font-size:14px; color:#999999;}
  #content .other_case_text{ margin-top:5px; margin-left:25px;}
  #content .other_case_img{ }
    #content .other_case_img li{ float:left; margin-left:15px !important; margin-left:12px; margin-top:20px;}
	  #content .other_case_img li a{ display:block; padding:1px; border:1px solid #999999;}
	  #content .other_case_img li a:hover{ padding:2px; border:0; background:#333333;}
	  
   .contact_content{ width:800px; height:380px; margin:0 auto; background:url(images/bg_contact.jpg) no-repeat;}
	 .contact_content h4{ display:block; width:50%; margin:0 auto; margin-top:20px; padding-left:20px; border-left:10px solid #febf01;}
	 .contact_content ul{ margin-top:10px; margin-left:215px;}
	   .contact_content ul li{}
	