@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;}
a:link{color:#FFFFFF; text-decoration:none;}
a:visited{color:#FFFFFF; text-decoration:none;}
a:hover{ color:#FEBF01;}
#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;
}

#topmenu{padding-top:24px; padding-left:10px; color:#FFFFFF;}
#topmenu ul li{float:left; padding-left:15px;}

#menu2-pading{ padding-left:10px;}
#topmenu2{  clear:both; padding-left:10px; background:#515e7b; width:840px; color:#FFFFFF;}
#topmenu2 ul li{float:left;background:#515e7b; padding-left:15px;}



#top{ width:870px; height:148px; clear:both; margin:0 auto; background:url(images/bg_top.gif) no-repeat;}

img{ border:0;}
.clear{ height:1px; line-height:1px; clear:both;}
 .logo{ width:817px;   padding:20px 0 0 30px;  float:left;}
 .language{ width:93px; height:28px; margin:24px 37px 0 0; text-align:center; font-family:"Arial Black",Tahoma,"微软雅黑"; font-size:14px; line-height:28px; background:url(images/bg_language.png) no-repeat; float:right;}
   .language a,.language a:hover{ color:#fff;}
#nav{ width:850px; height:35px; margin:0 auto; background:url(images/bg_nav.png) repeat-x;}
  #nav ul{ margin-left:60px;}
    #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:30px; 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:390px; margin:0 auto; margin-top:20px; background:url(images/index_show.jpg) no-repeat;}
#index_content_right{ width:298px; margin-top:30px; 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:370px; 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:30px; line-height:9999px; overflow:hidden; margin:0 auto; margin-top:30px; margin-bottom:0px;}
#content-menu{clear:both; padding-left:20px; padding-top:20px;}
#content-menu ul li{float:left; padding-left:20px;}
#content-menu ul li a:link{color:#333;}
#content-menu ul li a:visited{color:#333;}
#content-menu ul li a:hover{color:#FEBF01;}
.now-link{ font-weight:bold;}
#clear{ clear:both; width:100%; height:1px;}
  .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{ clear:both; 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;}
  .h3_Nosservices{background:url(images/Nosservices.png) no-repeat;}
  .h3_NosRéalisations{background:url(images/NosRéalisations.png) no-repeat;}
  .h3_Nosclients{background:url(images/Nosclients.png) no-repeat;}
  .h3_NNouscontactertre{background:url(images/Nous-contactertre.png) no-repeat;}
  .h3_UN-PEU-D-HISTOIRE{background:url(images/UN-PEU-D-HISTOIRE.png) no-repeat;}
  .h3_Yantai-en-chiffres{background:url(images/Yantai-en-chiffres.png) no-repeat;}
  .h3_Ressources-humaines{background:url(images/Ressources-humaines.png) no-repeat;}
  .h3_Club-Pegasus{background:url(images/Club-Pegasus.png) no-repeat;}
  .h3_liguohua{background:url(images/liguohua.png) no-repeat;}
  
    .content_text p{ margin: 80px 50px 0 50px;margin-top:20px; }  
	
	
  .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:780px; margin-right:40px !important; margin-right:20px;; float:right; font-size:14px;}

	
	
     .nTab{ margin:0 10px;}
       .nTab .TabTitle{ width:200px; height:550px; 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{}