@charset "utf-8";
body {margin:0;padding:0;background:url(../images/mainBg.gif) left top repeat-x;font:12px/20px Arial;color:#556a79;}
h1, h2, h3, h4, h5, h6, ul, dl, dd, p, input, form {margin:0;padding:0;list-style:none;}
img {border:none;display:block;}
.clear {margin:0;padding:0;font-size:0;height:0;line-height:0;clear:both;display:block;}
a {color:#556a79;text-decoration:none;}
a:hover {color:#222;}

.topRound, .bottomRound {height:5px;line-height:0;font-size:0;clear:both;display:block;margin:0;padding:0;}

#top {width:960px;margin:0 auto;position:relative;}
#head {width:960px;position:absolute;z-index:5;}
#head h1 {float:left;padding:14px 0 0 20px;}
#head #language {float:right;padding:15px 20px 0 0;}
#head #language li {width:37px;height:34px;float:left;display:inline;margin:0 5px;}
#head #language a {width:37px;height:34px;display:block;}

#head .cn {background:url(../images/language.gif) left top no-repeat;}
#head .cn:hover {background:url(../images/language.gif) left bottom no-repeat;}
#head .en {background:url(../images/language.gif) -50px top no-repeat;}
#head .en:hover {background:url(../images/language.gif) -50px bottom no-repeat;}
#head .jp {background:url(../images/language.gif) -100px top no-repeat;}
#head .jp:hover {background:url(../images/language.gif) -100px bottom no-repeat;}

#return {position:absolute;top:60px;right:0; z-index:200;}
#return a {height:33px;width:134px;display:block;background:url(../images/return.gif) left top no-repeat;}
#return a:hover {background:url(../images/return.gif) left bottom no-repeat;}


#banner {z-index:1;}

#menu {width:960px;height:36px;background:url(../images/menuBg.gif) center top no-repeat;margin-bottom:4px; position:relative;z-index:100;}
#menu li {float:left;position:relative;z-index:100;}
#menu li a {display:block;}
#menu .about {width:110px;height:36px;background:url(../images/menuBg.gif) -10px top no-repeat;}
#menu .about:hover {background:url(../images/menuBg.gif) -10px bottom no-repeat;}
#menu .prodcut {width:110px;height:36px;background:url(../images/menuBg.gif) -120px top no-repeat;}
#menu .prodcut:hover {background:url(../images/menuBg.gif) -120px bottom no-repeat;}
#menu .news {width:110px;height:36px;background:url(../images/menuBg.gif) -230px top no-repeat;}
#menu .news:hover {background:url(../images/menuBg.gif) -230px bottom no-repeat;}
#menu .support {width:110px;height:36px;background:url(../images/menuBg.gif) -340px top no-repeat;}
#menu .support:hover {background:url(../images/menuBg.gif) -340px bottom no-repeat;}
#menu .order {width:110px;height:36px;background:url(../images/menuBg.gif) -450px top no-repeat;}
#menu .order:hover {background:url(../images/menuBg.gif) -450px bottom no-repeat;}
#menu .jobs {width:110px;height:36px;background:url(../images/menuBg.gif) -560px top no-repeat;}
#menu .jobs:hover {background:url(../images/menuBg.gif) -560px bottom no-repeat;}
#menu .contact {width:110px;height:36px;background:url(../images/menuBg.gif) -670px top no-repeat;}
#menu .contact:hover {background:url(../images/menuBg.gif) -670px bottom no-repeat;}
#menu ul ul {display:none;position:absolute;top:36px;z-index:100;background:#fff;border:solid 1px #b9c8b5;padding:2px;width:102px;}
#menu ul ul li {float:none;height:20px;line-height:20px;clear:both;display:block;margin-bottom:2px;_margin:0;}
#menu ul ul li a {height:20px;text-align:center;color:#132839;width:100px;border:solid 1px #b9c8b5;background:url(../images/bg01.gif) left top repeat-x;}
#menu ul ul a:hover {background:#b9c8b5;}
#menu #nav li:hover ul {display:block;}
#menu #nav li.sfhover ul {display:block;}
#menu #nav {float:left; position:relative; z-index:200;margin-left:10px;display:inline;}



#menu form {float:right;padding:10px 10px 0 0;}
#menu form input {border:none;background:transparent;height:20px;float:left;}
#menu form .txt {width:130px;font:12px/18px arial, "宋体";color:#fff;}
#menu form .button {width:20px;cursor:pointer;}

#main {width:960px;margin:0 auto}
#pageLeft {float:left;width:200px;z-index:0;}
#pageLeft .topRound {background:url(../images/bg04.gif) left bottom no-repeat;}
#pageLeft .bottomRound {background:url(../images/bg04.gif) left top no-repeat;}

#pageRight {float:right;width:745px;}
#pageRight .topRound {background:url(../images/bg06.gif) left bottom no-repeat;}
#pageRight .bottomRound {background:url(../images/bg06.gif) left top no-repeat;}

.title {height:24px;padding:1px 15px 0 15px;}
.title h3 {color:#0095ff;float:left;font:bold 14px/24px "微软雅黑";}
.title p {color:#aaa9a9;float:left;padding-left:5px;font:12px/16px arial;padding-top:5px;}
.title p.more {float:right;padding-top:4px;}
.title p.more a {color:#6fa30f;font:11px/16px arial;}
.title p.more a:hover {color:#333;}
.title p.current {float:right;padding-top:4px;font-family: Arial ;}

#leftContact {background:url(../images/bg05.gif) repeat-y;margin:0 0 5px 0;}
#leftContact .content {height:150px;padding:7px 15px;background:url(../images/smallMap.gif) 20px bottom no-repeat;}
#leftContact .content p a {width:30px;height:30px;display:inline-block;float:left;margin:15px 7px 0 8px;}
#leftContact .content a.contact {height:30px;width:35px;margin:2px 0 0 13px;}

#leftProudct {background:url(../images/bg05.gif) repeat-y;margin:0 0 5px 0;font-family:arial;}
#leftProudct .pageClass {width:170px;margin:0 auto;padding:5px 0 0 0;}
#leftProudct .pageClass li {margin-bottom:5px;*margin-bottom:1px;border:solid 1px #b9c8b5;background:url(../images/bg01.gif) left top repeat-x;line-height:23px;height:23px;}
#leftProudct .pageClass li a {background:url(../images/icon01.gif) 10px 8px no-repeat;display:block;color:#132839;font-weight:bold;padding-left:25px;}
#leftProudct .pageClass li a:hover {background:#b9c8b5 url(../images/icon01.gif) 10px 8px no-repeat;color:#132839;}




#navs, #navs ul {padding:0px;margin:0 auto;width:170px;font-weight:bold;position:relative;z-index:20; display:block; clear:both;}
#navs ul ul {border:solid 1px #CCC;border-bottom:0px;}
#navs a {line-height:23px;height:23px;display:block;width:143px;color:#132839;padding-left:25px;margin-bottom:5px;*margin-bottom:1px;border:solid 1px #b9c8b5;background:url(../images/icon01.gif) 10px 8px no-repeat;}
#navs a:hover {background:#b9c8b5 url(../images/icon01.gif) 10px 8px no-repeat;color:#132839;}

#navs li {position:relative;z-index:20;height:25px;margin-bottom:5px;*margin-bottom:2px;_margin-bottom:1px;background:url(../images/bg01.gif) left 1px repeat-x;}

#navs li ul {position:absolute;left:-999em;width:170px;font-weight:normal;margin:0px;padding:2px 2px 0 2px;}

#navs li li {width:168px;margin-bottom:2px;}
#navs li ul a {width:148px;padding:0px 10px;text-align:left;background:url(../images/bg01.gif);}
#navs li ul a:hover {background:#b9c8b5;}

#navs li ul ul {margin:-2px 0 0 171px;background:#fff;border:none;}

#navs li:hover ul ul, #navs li.sfhover ul ul {left:-999em;}
#navs li:hover ul, #navs li li:hover ul, #navs li.sfhover ul, #navs li li.sfhover ul {left:auto;}
#navs li:hover ul, #navs li.sfhover ul {left:170px;top:0px;background:#fff;}
#navs li:hover, #navs li.sfhover {background:#b9c8b5;color:#132839;}
#navs li li a.selected {*margin-bottom:-3px;background:url(../images/bg01.gif);}
#navs li li a.selected:hover {background:#b9c8b5;}



#link {background:url(../images/bg05.gif) repeat-y;}
#link ul {width:170px;margin:0 auto;padding-top:5px;}
#link ul li {margin-bottom:5px;*margin-bottom:1px;height:25px;}
#link ul a {display:block;background:#d2e5c9 url(../images/icon01.gif) 10px 8px no-repeat;padding:3px 0 0 25px;line-height:22px;color:#132839;}
#link ul a:hover {background:#b9c8b5 url(../images/icon01.gif) 10px 8px no-repeat;}

#copyright {width:960px;margin:15px auto 0 auto;text-align:center;height:70px;background:url(../images/bg03.gif) repeat-y;}
#copyright .topRound {margin-bottom:10px;background:url(../images/bg02.gif) no-repeat;}

/*------------color修改----------------------*/
#divStayTopLeft div{ position:relative; left:-15px;}
#divStayTopLeft p{ line-height:14px;padding-top:8px; font-size:12px; background:#e2f2da; display:block; text-align:left; padding-left:2px;}
#divStayTopLeft img { width:80px;}