@charset "utf-8";
* {border:none; margin:0px; padding:0px; font-family:"宋体", Arial, Helvetica, sans-serif; font-size:12px;}
.clear {clear:both;}
#frame {width:800px;}

#frame .centerBox {background:#fff url(bodyBGcenter.gif) repeat-y; width:800px; height:auto; padding:0px 5px 0px;}
#frame .topBG {background:#fff url(bodyBGtop.gif) no-repeat top center; width:800px; height:10px; padding:0px 5px 0px;}
#frame .bottomBG {background:#fff url(bodyBGbottom.gif) no-repeat top center; width:800px; height:5px; padding:0px 5px 0px;}

/*topContent*/
#topContent {width:790px; height:64px; padding-top:18px; background:url(topContentBG_GKE.jpg) 572px 18px no-repeat;}
	*html #topContent {background:url(topContentBG_GKE.jpg) 570px 18px no-repeat;}

/*logo*/
#topContent #logo {width:138px;}
#topContent #logo img {margin-left:24px;}

/*nav*/
#topContent #nav {position:relative; margin-top:34px; margin-left:139px; font-size:12px;z-index:999; width:auto;}
	*html #topContent #nav {height:25px; margin-top:44px;}
	*+html #topContent #nav {height:25px; margin-top:44px;}
#topContent #nav ul {padding:0; margin:0px; list-style-type:none; border:0px;}
#topContent #nav ul li {display:block; float:left; border:0px; width:77px; text-align:center; position:relative; height:15px;}
#topContent #nav ul li#navHome_G {display:block; float:left; border:0px; width:51px; text-align:center; position:relative; height:15px;}
#topContent #nav ul li a, #topContent #nav ul li a:visited {display:block; text-decoration:none; padding:0px; height:15px; line-height:15px;}
#topContent #nav ul li ul {display:none; border:none; height:auto; font-weight:bold;}
#topContent #nav ul li ul li {margin:0px;}
#topContent #nav ul #navHome_G {background:url(navHome_G.gif) no-repeat;}
#topContent #nav ul #navProduct_G {background:url(navProduct_G.gif) no-repeat;}
#topContent #nav ul #navDownload {background:url(navDownload.gif) no-repeat;}
#topContent #nav ul #navCase {background:url(navCase.gif) no-repeat;}
#topContent #nav ul #navService {background:url(navService.gif) no-repeat;}
#topContent #nav ul #navCooperate_G {background:url(navCooperate_G.gif) no-repeat;}
#topContent #nav ul #navAboutUs_G {background:url(navAboutUs_G.gif) no-repeat;}

/* specific to non IE6 browsers */
#topContent #nav ul #navHome_G:hover {background:url(navHome_GOn.gif) no-repeat;}
#topContent #nav ul #navProduct_G:hover {background:url(navProduct_GOn.gif) no-repeat;}
#topContent #nav ul #navDownload:hover {background:url(navDownloadOn.gif) no-repeat;}
#topContent #nav ul #navCase:hover {background:url(navCaseOn.gif) no-repeat;}
#topContent #nav ul #navService:hover {background:url(navServiceOn.gif) no-repeat;}
#topContent #nav ul #navCooperate_G:hover {background:url(navCooperate_GOn.gif) no-repeat;}
#topContent #nav ul #navAboutUs_G:hover {background:url(navAboutUs_GOn.gif) no-repeat;}
#topContent #nav ul li:hover a {display:block;}
#topContent #nav ul li:hover ul {display:block; position:relative; width:110px; height:auto; margin:0px; padding:0px;}
#topContent #nav ul li:hover ul li {background:inline; text-align:center; height:28px; line-height:28px; width:110px;}
#topContent #nav ul li:hover ul .firstLi {height:28px; line-height:28px;}
#topContent #nav ul li:hover ul .lastLi {height:28px; line-height:28px;}
#topContent #nav ul li:hover ul .lastLi a {border-bottom:1px solid #fff;}
#topContent #nav ul li:hover ul li:hover {display:block; text-align:center; color:#fff;}
#topContent #nav ul li:hover ul li a {display:block; background:#f5f5f5; color:#737373; height:28px; line-height:28px; border:1px 1px 0px; border-color:#FFF; border-style:solid; border-width:1px; width:108px;}
#topContent #nav ul li:hover ul li a:hover {display:block; background:#22adcc;color:#fff; height:28px; line-height:28px; text-decoration:none;}
#topContent #nav ul li:hover ul.longUl {width:125px;}
#topContent #nav ul li:hover ul.longUl li {width:125px;}
#topContent #nav ul li:hover ul.longUl li a {width:123px;}
#topContent #nav ul li:hover ul.shortUl {width:76px;}
#topContent #nav ul li:hover ul.shortUl li {width:76px;}
#topContent #nav ul li:hover ul.shortUl li a {width:74px;}
#topContent #nav ul li:hover ul li ul {display:none; position:absolute; width:110px; top:0px;}
#topContent #nav ul li:hover ul li:hover ul {display:block; position:absolute; left:124px;}
  *+html #topContent #nav ul li:hover ul li:hover ul {margin-top:0px; left:119px;}
#topContent #nav ul li:hover ul li:hover ul li {width:118px; padding:0px 1px;}
#topContent #nav ul li:hover ul li:hover a.hide {background:#f5f5f5; color:#737373;}
#topContent #nav ul li:hover ul li:hover a.hide:hover {background:#22adcc; color:#fff;}
#topContent #nav ul li:hover ul li:hover ul li a {display:block; background:#f5f5f5; color:#535353; height:28px; border:1px 1px 0px; border-color:#FFF; border-style:solid; border-width:1px; width:106px;}
#topContent #nav ul li:hover ul li:hover ul li a:hover {display:block; background:#22adcc; color:#fff; height:28px;}
#topContent #nav ul li:hover ul li:hover ul .firstLi {padding-top:1px; height:28px;}
#topContent #nav ul li:hover ul li:hover ul .lastLi {padding-bottom:1px; height:30px;}
#topContent #nav ul li:hover ul li:hover ul .lastLi a {border-bottom:1px solid #fff;}

/*[if lte IE 6]*/
*html #topContent #nav ul #navHome_G a:hover {background:url(navHome_GOn.gif) no-repeat;}
*html #topContent #nav ul #navProduct_G a:hover {background:url(navProduct_GOn.gif) no-repeat;}
*html #topContent #nav ul #navProduct_G a:hover ul a:hover{background:none; background:#22adcc;}
*html #topContent #nav ul #navDownload a:hover {background:url(navDownloadOn.gif) no-repeat;}
*html #topContent #nav ul #navDownload a:hover ul a:hover{background:none;}
*html #topContent #nav ul #navCase a:hover {background:url(navCaseOn.gif) no-repeat;}
*html #topContent #nav ul #navCase a:hover ul a:hover{background:none;}
*html #topContent #nav ul #navService a:hover {background:url(navServiceOn.gif) no-repeat;}
*html #topContent #nav ul #navService a:hover ul a:hover{background:none;}
*html #topContent #nav ul #navCooperate_G a:hover {background:url(navCooperate_GOn.gif) no-repeat;}
*html #topContent #nav ul #navCooperate_G a:hover ul a:hover{background:none;}
*html #topContent #nav ul #navAboutUs_G a:hover {background:url(navAboutUs_GOn.gif) no-repeat;}
*html #topContent #nav ul #navAboutUs_G a:hover ul a:hover{background:none;}
*html table {border:none; margin:0; padding:0; height:auto;}
*html #topContent #nav ul li a.hide  {display:none;}
*html #topContent #nav ul li a:visited.hide {display:none;}
*html #topContent #nav ul li a:hover ul li a.hide {display:none;}
*html #topContent #nav ul li {height:15px; line-height:15px; width:75px;}
*html #topContent #nav ul li a {display:block;}
*html #topContent #nav ul li a:hover {display:block;}
*html #topContent #nav ul li a:hover ul {display:block; position:absolute; top:15px; margin:0px; width:102px; height:auto; left:0;}
*html #topContent #nav ul li a:hover ul li {display:inline; width:100px; text-align:center; background:#22adcc; color:#535353;}
*html #topContent #nav ul li a:hover ul li a {display:block; background:#f5f5f5; color:#535353; text-decoration:none; height:28px; line-height:28px; width:98px; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;}

*html #topContent #nav ul li a:hover ul.longUl li a {width:121px;}
*html #topContent #nav ul li a:hover ul.shortUl li {width:79px;}
*html #topContent #nav ul li a:hover ul.shortUl li a {width:77px;}

*html #topContent #nav ul li a:hover ul .firstLi {height:28px; line-height:28px;}
*html #topContent #nav ul li a:hover ul .lastLi {}
*html #topContent #nav ul li a:hover ul .lastLi a {border-bottom:1px solid #fff; height:26px; line-height:26px;}
*html #topContent #nav ul li a:hover ul li a.hide {display:none;}

*html #topContent #nav ul li a:hover ul li a:hover {display:block; background:#22adcc; color:#fff; text-decoration:none;}
*html #topContent #nav ul li a:hover ul li ul {display:none;}
*html #topContent #nav ul li a:hover ul li ul li {display:none; background:none;}
*html #topContent #nav ul li a:hover ul li ul li a {display:none;}
*html #topContent #nav ul li a:hover ul li a:hover ul {display:block; background:none; position:absolute; width:108px; top:2px;left:123px;}
*html #topContent #nav ul li a:hover ul li a:hover ul li {display:block; width:98px; background:#fff; padding:0px; height:28px; line-height:28px;}
*html #topContent #nav ul li a:hover ul li a:hover ul li a {display:block; background:#f5f5f5; color:#535353; text-decoration:none;width:108px; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:0px; padding:0px;}
*html #topContent #nav ul li a:hover ul li a:hover ul li a:hover {display:block; background:#22adcc; color:#fff; text-decoration:none;}
*html #topContent #nav ul li a:hover ul li a:hover .firstLi {height:28px; line-height:28px;}
*html #topContent #nav ul li a:hover ul li a:hover .lastLi {height:28px; line-height:28px;}
*html #topContent #nav ul li a:hover ul li a:hover .lastLi a {border-bottom:1px solid #fff;}


/*footer*/
#footer {width:790px; height:20px; line-height:20px; background:url(footerBG_GKE.gif) repeat-x bottom; color:#f5f5f5; padding:0px 24px 0px;} 
#footer a {color:#f5f5f5; text-decoration:none;}
#footer a:hover {color:#7de0ee; text-decoration:none;}
#footer .footLink {width:70px; text-align:left;}
	*html #footer .footLink {padding-left:24px; width:50px;}
	*+html #footer .footLink {padding-left:24px; width:50px;}
#footer #copyright {text-align:right;}
	*html #footer #copyright {padding-right:24px;}
	*+html #footer #copyright {padding-right:24px;}
#footer #copyright a {color:#f5f5f5; text-decoration:none;}
#footer #copyright a:hover {color:#7de0ee; text-decoration:underline;}




/*新改网站的头*/


#head{height:54px; width:886px;position:relative;}
#head .left{width:204px;text-align:center}
#head .right{background:url(top_title.jpg) 370px top no-repeat; padding-top:28px;width:610px}
/*index-nav*/
#index-nav{;height:22px;}
.origin{}
#index-nav li{list-style:none; float:left; color:#fff; font-weight:bold; font-size:14px}
#index-nav .menu-left{background:url(nave_top.gif) left top no-repeat; width:11px;height:22px;}

#index-nav .menu-blue span{ text-align:center;display:blocl; width:74px; background:#0070CC; float:left; clear:both;}
#index-nav .menu-blue1{background: #0070CC; padding:0px 10px 0px 10px}
#index-nav li span{height:22px; line-height:22px}
#index-nav .menu-green span{text-align:center;display:blocl; width:74px; background: #00A0C4; float:left;}
#index-nav .menu-right{background:url(nave_bottom.gif) left top no-repeat; width:11px;height:22px;}
#index-nav li a{color:#fff;}
#index-nav .menu-green{ background:url(nave_green.gif) left top  no-repeat;  padding-left:14px; position:relative}
#index-nav .menu-blue{ background:url(nave_blue.gif) left top  no-repeat;padding-left:14px;position:relative}
.menu-blue span{ cursor:pointer;}
.menu-green span{cursor:pointer;}
#index-nav li .add-green{clear:both; background:#00A0C4; width:84px; position:absolute;top:22px; left:6px }
#index-nav li .add-blue{clear:both; background:#0070CC; width:84px; position:absolute; top:22px;left:6px}
.add-green li{background:url(green_line.gif) left bottom no-repeat; padding-bottom:4px}
.add-green .green-no{background:url(blue_bg.png) left top no-repeat; height:7px; line-height:0px;}
.add-blue .blue-no{background:url(green_bg.png) left top no-repeat; height:7px; line-height:0px;}
.add-blue li{background:url(blue_line.gif) left bottom no-repeat; padding-bottom:4px}

#index-nav li  div{display:none;border-top:1px solid #fff;}
#index-nav li  div ul li{width:100%; text-align:center}
#index-nav li ul li{display:block; line-height:22px; height:22px; clear:both;}
#index-nav li ul li a{font-weight:normal; font-size:12px;}


#index-nav li  div.two-green{border-top:none;}
#index-nav li .add-green li.origin{background:none; padding-bottom:0px; position:relative;}
#index-nav li .add-green .origin .two-green{clear:both; position:absolute; left:84px; top:0px;background:#00A0C4; display:none;border-top:none;width:84px}

.two-green li{background:url(green_line.gif) left bottom no-repeat; padding-bottom:4px;width:84px}
#index-nav .menu-green a:hover{color:#ACF0FF}
#index-nav .menu-blue a:hover,#index-nav .menu-blue1 a:hover{color:#A4D6FF}
