/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
IE6支持下划线，IE7和firefox均不支持下划线。
于是大家还可以这样来区分IE6，IE7，firefox
: background:orange;*background:green;_background:blue; 
注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。
=================================================================== */
body {font-family:verdana, arial, helvetica, sans-serif; font-size:76%; color:#000; padding:0; border:0; margin:0; background:#fff url(../Images/body-back-main.png) repeat-x center top;}
a {color:#000; text-decoration:none;}
a:visited {color:#111;}
a:active {color:#222;}
a:hover {text-decoration:underline;}
#wrapper {width:1000px; background:#fff url(../images/background2.gif) repeat-y; margin:0 auto; text-align:left;}
#header {width:1000px; height:125px; float:left; background:#fff url(../images/head-main.png); position:relative;}

#logo {float:left; margin-top:30px; margin-left:40px; display:inline;}
#logo h1 {font-family:"times new roman", serif; color:#000; font-size:38px; float:left; margin:0 0 0 0; padding:0 0 0 50px;}
#logo h2 {font-family:"times new roman", serif; color:#444; font-size:38px; font-weight:normal; padding:0 0 0 10px; margin:0 10px 0 -5px; float:left;}
#logo h2 a {color:#666;}
#logo h2 h22 a {color:#ff0000;}
#logo a, #logo a:visited {text-decoration:none;}
#logo h3 {padding:0; margin:12px 0 0 79px; font-size:1em; font-weight:normal; color:#888; float:left;}

#midlink {position:absolute; top:65px; left:253px; width:738px; height:33px; text-align:center;}
#main_menu {padding:0; margin:0 19px; list-style-type:none; width:720px; height:33px;}
#main_menu li {float:left; display:inline; margin-left:27px;}
#main_menu li a {display:block; float:left; height:0; padding-top:28px; font-family:arial, verdana, sans-serif; overflow:hidden;}
#main_menu li a {height:30px; height:0;}
#main_menu li.home a {width:50px;}
#main_menu li.profile a {width:75px;}
#main_menu li.products a {width:90px;}
#main_menu li.certificate a {width:119px;}
#main_menu li.guestbook a {width:108px;}
#main_menu li.contact a {width:115px;}

#main_menu li a:hover {color:#fff; border-bottom:2px solid #e8e8e8;} 
#main_menu li a.chosen, #main_menu li a.chosen:visited,  #main_menu li a:active, #main_menu li a:focus {color:#fff; border-bottom:2px solid #fff;}
#main_menu li.java a:hover {color:#fff;  border-bottom:2px solid #fc6;}

#botlink {font-family:arial, sans-serif; position:absolute; bottom:-1px; left:9px;}
#botlink ul {padding:0; margin:0; list-style-type:none;}
#botlink ul li {float:left; font-size:0.8em; color:#999; line-height:25px; font-family:arial, sans-serif;}
#botlink ul li a, #botlink ul li a:visited {font-size:1em; color:#000; text-decoration:none; margin:0 7px 0 7px;}
#botlink ul li a:hover {color:#263; border-top:1px solid #263;}

#search {position:absolute; top:10px; right:0; margin:0; z-index:100;background-color: transparent; color: #000000}

#foot {clear:both; width:1000px; height:25px; background:#bc8f8f; color:#fff; font-size:0.75em;}
#foot p {font-size:1em; color:#fff; margin:5px 10px 5px 15px; float:left;}
#foot ul {list-style-type:none; margin:0; padding:0; float:right; margin-right:15px;}
#foot ul li {float:left; margin:5px 0 5px 10px;}

/*-------------CSS Menu---------------*/
.menu {height:150px;font-size:90%;margin:5px 0 5px 5px; /* this page only */}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {position:relative;z-index:500;padding:0;margin:0;list-style-type:none;width:240px;}
/* style the list items */
.menu li {background:#d4d8bd;
/*height:26px;*/
/* for IE7 */
float:left;}
.menu li.sub {background:#d4d8bd url(../images/sub.gif) no-repeat right center;} 

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {display:block; text-decoration:none;/*height:25px;*/line-height:25px;width:239px;color:#000;text-indent:5px;border:1px solid #fff;border-width:0 1px 1px 1px;word-wrap:break-word; overflow:visible;}
/* hack for IE5.5 */
.menu a, .menu a:visited {width:240px; width:239px;}
/* style the link hover */
.menu a:hover {color:#efa; background:#aa7; position:relative;}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color:#efa; background:#aa7;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {color:#efa; background:#aa7;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {visibility:hidden;position:absolute;top:-30px;
/* set up the overlap (minus the overrun) */
left:180px;
/* set up the overrun area */
padding:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(../images/transparent.gif);}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{visibility:hidden;}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{visibility:hidden;}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{visibility:hidden;}

/*.menu li a:hover{background:#ccc;}*/
/* make the second level visible when hover on first level link */
.menu ul a:hover ul {visibility:visible;}
/*.menu li a:hover ul {visibility:visible;display:block;position:absolute; top:50px; left:50px;}*/
/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{ visibility:visible;}
/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul { visibility:visible;}
/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible;}
/*-------------------------------------------------*/

.greenButtonCss {
    font-family: "Tahoma", "宋体";
    font-size: 9pt; color: #0066cc;
    border: 1px #93bee2 solid;
    BORDER-BOTTOM: #93bee2 1px solid; 
    BORDER-LEFT: #93bee2 1px solid; 
    BORDER-RIGHT: #93bee2 1px solid; 
    BORDER-TOP: #93bee2 1px solid;
    background-image:url(../Images/greenbuttonbg.gif);
    background-color: #ffffff;
    CURSOR: hand;
    font-style: normal ;
}


/**//*下拉选择框显示风格
*************************************/
SELECT
{
    BORDER-RIGHT: #000000 1px solid; 
    BORDER-TOP: #FFFFFF 1px solid; 
    FONT-SIZE: 12px; 
    BORDER-LEFT: #FFFFFF 1px solid;
    COLOR:#003366; 
    BORDER-BOTTOM: #000000 1px solid; 
    BACKGROUND-COLOR: #f4f4f4;
} 

#leftboard{width:247px;height:550px;text-align:left;vertical-align:top;float:left;margin:10px 0 10px 8px;margin-left:15px !important;_margin-left:8px;}
#leftboard .title{height:30px;background-color:#bc8f8f; padding:0 0px 0 5px; font-family:"times new roman", serif; font-weight:bold; font-size:1.4em; color:#fff; border-left:1px solid #fff; line-height:30px;}
#leftboard #contact_board{width:240px;height:150px; margin-top:0; padding:10px 0 0 10px; font-family:"times new roman", serif; font-weight:bold; font-size:1.3em;color:Black;line-height:20px; background:#d8d8d8 url(../Images/contact_back.gif);}
#leftboard #login_board{width:240px;height:100px; margin-top:0; padding:10px 0 0 10px; font-family:"times new roman", serif; font-size:1em;color:Black;line-height:18px; background:#d8d8d8 url(../Images/login_back.gif);}
#leftboard .loginLabel{width:70px; text-align:right; float:left; margin-bottom:9px;}
#leftboard #ctl00_loginUser{width:100px; text-align:left;float:left; margin-bottom:9px;background-image: url(../Images/user.gif);}
#leftboard #ctl00_loginPass{width:100px; text-align:left;float:left; margin-bottom:9px;background-image: url(../Images/key.gif);}
/*超长文本换行*/
.proname{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#profile{ text-align:center;}
#profile p{text-indent: 2em;line-height: 150%;text-align:left;}
#profile #img1{	border:none;float:right;padding:.1em;}

#contact{ text-align:center;}
#contact p{text-indent: 2em;line-height: 150%;text-align:left;}
#contact #img1{	border:none;float:right;padding:.1em; bottom:0px;}


input.txtInput {background: #fff;background-repeat: no-repeat;background-position: 2px center;border:1px solid #999;padding:2px 2px 2px 20px; } 
input.searchInput {background-image: url(../Images/ico_search.gif); width:100px;} 

#default1{width:100%;height:398px;}
#default1 p{text-indent: 2em;line-height: 150%;text-align:left;}
#default2{width: 100%;height: 152px;background-image: url(../Images/index_13.jpg);background-position:top right;background-repeat:no-repeat ;background-color:#323499; overflow:hidden;}
#default2 img{border:0;}

#main{width:694px;height:100%;margin:10px 10px 0 0;padding-left:20px; float:left;}
.prolist{width: 165px;height: 150px;margin: 1px;text-align: center;padding-top: 5px;border: #007373 1px solid; background-color:#E8FFFF; display:inline-block;overflow:hidden;}
* html .prolist {display:inline}/* for ie*/
html>body #main {display:table}/*for mozilla */
html>body .prolist {display:table;float:left}/*for mozilla */
@media all and (min-width: 0px){/* opera 7 styles */
html>body .prolist {display:inline-block;float:none;}