@charset "utf-8";
/* CSS Document */
#menunav{ margin:0px; font-size:12px;  color:#3f6081; background:url(image/bj.jpg) repeat-x;}


#menunav img {border:0px;}
 ul li{ padding:0px; margin:0px;list-style:none;}
#menunav h1{ font-weight:bold; font-size:14px; padding:0px; margin:0px;}
 a { text-decoration:none; color:#4d678a;}

.border_blue{border:1px solid #cfd8e1;}
#menunav h1,h2 {font-size:12px; font-weight:bold;}

	
.bor {border:1px solid #999;}	
.navDiv	{position:absolute;width:1003px; height:320px; z-index:4003;  margin-top:0px;  display:block; background:url(image/mubg.jpg) repeat-x top left;}
.mDiv {left:121px; position:absolute;width:300px; height:345px;   margin-top:54px;  display:block; background:url(image/mubg.jpg) repeat-x top left;  color:#3f6081;}
.mDiv1 {left:301px; position:absolute;width:360px; height:345px;   margin-top:54px;  display:block; background:url(image/mubg.jpg) repeat-x top left;  color:#3f6081;}
.mDiv2 {left:462px; position:absolute;width:300px; height:345px;   margin-top:54px;  display:block; background:url(image/mubg.jpg) repeat-x top left;  color:#3f6081;}
/* ½­°ΆΚΛ 2010£­7£­27 */
.mDiv3 {left:620px; position:absolute;width:300px; height:345px;   margin-top:54px;  display:block; background:url(image/mubg.jpg) repeat-x top left;  color:#3f6081;}




.menu_line {background:url(image/line.jpg) no-repeat left top;  height:194px; font-size:0px;  margin:10px 10px; width:2px; overflow:hidden; float:right; margin:0px; padding:0px; margin-top:13px; }
.menu_line_x {border-top:1px solid #ced7e5; border-bottom:1px solid #f3f6f9; height:0px; font-size:0px; overflow:hidden;margin:2px 3px;  *margin:0px 3px!important; *margin:5px 5px;}

/*  index hot*/
#nav_left1{  position:absolute; height:500px; width:100px; left:-100px;  }
#nav_right1{ position:absolute; height:500px; width:100px; left:900px; }
#nav_bottom1{ position:absolute; height:100px; width:900px; top:335px; }

#nav_left2{  position:absolute; height:500px; width:100px; left:-100px;  }
#nav_right2{ position:absolute; height:500px; width:100px; left:360px; }
#nav_bottom2{ position:absolute; height:100px; width:360px; top:335px; }

#nav_left3{  position:absolute; height:500px; width:100px; left:-100px;  }
#nav_right3{ position:absolute; height:500px; width:100px; left:300px;}
#nav_bottom3{ position:absolute; height:100px; width:300px; top:330px;}

/* ½­°ΆΚΛ 2010£­7£­27 */
#nav_left4{  position:absolute; height:500px; width:100px; left:-100px;  }
#nav_right4{ position:absolute; height:500px; width:100px; left:300px;}
#nav_bottom4{ position:absolute; height:100px; width:300px; top:330px;}




.subnav{ height:308px; }
.other_nav {height:30px; line-height:30px; text-align:right; margin-right:10px; clear:both;}
.subnav h1{ line-height:30px; font-size:12px; text-align:center;}
.subnav h1 a{  text-align:center; color:#FFF;}
.subnav b { font-family:Arial;}
 .subnav  h1 a{ color:#FFF;}
	.subnav  ul {float:left; width:138px; margin-top:13px; color:#3f6081;}
	.subnav  ul li {display:block; text-align:left; clear:both; padding:0px 10px 0px 10px; line-height:20px;color:#3f6081;}
	.subnav  ul li a{ margin-left:10px;  padding:2px; text-decoration:none;outline:none;}
	.subnav  ul li a:hover{ margin-left:10px;  padding:2px; background-color:#86a9cf;text-decoration:none; color:#FFF;}
	.subnav  ul li a:active {star:expression(this.onFocus=this.blur());}
	.subnav  ul li span {float:right;  color:#8897a7;}
	.subnav  ul .title {margin-top:13px; font-weight:bold;color:#3f6081; font-family:Arial;}
	.subnav  ul li.frist{margin-top:10px;}
	.subnav  ul li a.subimg{ margin:0px; padding:0px; text-decoration:none;}/*jn_7-16*/
	.subnav  ul li a.subimg:hover{ margin:0px; padding:0px; text-decoration:none; background:none;}/*jn_7-16*/


#m1{ display:none; }
	#m1 .subnav .notebook{width:280px; }
	#m1 .subnav .desktop {width:144px;}
	#m1 .subnav .desktop ul {width:142px;}
	#m1 .subnav .incorporate {width:166px;}
	#m1 .subnav .incorporate ul {float:left; width:164px; }
	#m1 .subnav .attachment {width:132px;}
	#m1 .subnav .attachment ul {float:left; width:130px; }
	#m1 .subnav .digital {width:125px;}
	#m1 .subnav .digital ul {float:left; width:122px; }
	#m1 .subnav .range{width:155px;}
	#m1 .subnav .range ul{float:left; width:155px; }
	#m1 .subnav div {float:left; display:inline;}
 
#m2{ display:none;}
#m2 .subnav  ul .title { font-weight:bold; margin-top:0px;}
	#m2 .subnav .enterprise{width:146px; }
	#m2 .subnav .enterprise ul{width:144px; }
	#m2 .subnav .business-desk {width:171px;}
	#m2 .subnav .business-desk ul {width:169px;}
	#m2 .subnav .business-note {width:171px;}
	#m2 .subnav .business-note ul {float:left; width:169px; }
	#m2 .subnav .graph {width:144px;}
	#m2 .subnav .graph ul {float:left; width:142px; }
	#m2 .subnav .printer {width:213px;}
	#m2 .subnav .printer ul {float:left; width:211px; }
	#m2 .subnav .digital {width:125px;}
	#m2 .subnav .digital ul {float:left; width:122px; }
	#m2 .subnav .range{width:155px;}
	#m2 .subnav .range ul{float:left; width:155px; }
	#m2 .subnav div {float:left; display:inline;}

 #m3{ display:none;}
#m3 .subnav  ul .title { font-weight:bold; margin-top:0px;}
	#m3 .subnav .g_notebook{width:289px; }
    #m3 .subnav .g_notebook ul{width:141px; }
	#m3 .subnav .business-desk {width:127px;}
	#m3 .subnav .business-desk ul {width:125px;}
	#m3 .subnav .business-desk ul li a { padding-left:0px; margin-left:10px;}
	#m3 .subnav .business-note {width:171px;}
	#m3 .subnav .business-note ul {float:left; width:169px; }
	#m3 .subnav .graph {width:119px;}
	#m3 .subnav .graph ul {float:left; width:117px; }
	#m3 .subnav .printer {width:300px;}
	#m3 .subnav .printer ul {float:left; width:300px; }
	#m3 .subnav .printer ul li a { padding-left:0px; margin-left:10px;}
	#m3 .subnav .digital {width:125px;}
	#m3 .subnav .digital ul {float:left; width:122px; }
	#m3 .subnav .service{width:106px;}
	#m3 .subnav .service ul{float:left; width:104px; }
	#m3 .subnav .service ul li a { padding-left:0px; margin-left:10px;}
	#m3 .subnav .projection{ width:100px; }
	#m3 .subnav .projection ul{ width:98px; }
	#m3 .subnav .projection ul li a { padding-left:0px;}
	#m3 .subnav .industry{ width:100px; }
	#m3 .subnav .industry ul{ width:98px; }
	#m3 .subnav div {float:left; display:inline;}


/* ½­°ΆΚΛ 2010£­7£­27 */
#m4{ display:none;}
#m4 .subnav  ul .title { font-weight:bold; margin-top:0px;}
	#m4 .subnav .g_notebook{width:289px; }
    #m4 .subnav .g_notebook ul{width:141px; }
	#m4 .subnav .business-desk {width:127px;}
	#m4 .subnav .business-desk ul {width:125px;}
	#m4 .subnav .business-desk ul li a { padding-left:0px; margin-left:10px;}
	#m4 .subnav .business-note {width:171px;}
	#m4 .subnav .business-note ul {float:left; width:169px; }
	#m4 .subnav .graph {width:119px;}
	#m4 .subnav .graph ul {float:left; width:117px; }
	#m4 .subnav .printer {width:300px;}
	#m4 .subnav .printer ul {float:left; width:300px; }
	#m4 .subnav .printer ul li a { padding-left:0px; margin-left:10px;}
	#m4 .subnav .digital {width:125px;}
	#m4 .subnav .digital ul {float:left; width:122px; }
	#m4 .subnav .service{width:106px;}
	#m4 .subnav .service ul{float:left; width:104px; }
	#m4 .subnav .service ul li a { padding-left:0px; margin-left:10px;}
	#m4 .subnav .projection{ width:100px; }
	#m4 .subnav .projection ul{ width:98px; }
	#m4 .subnav .projection ul li a { padding-left:0px;}
	#m4 .subnav .industry{ width:100px; }
	#m4 .subnav .industry ul{ width:98px; }
	#m4 .subnav div {float:left; display:inline;}