@charset "utf-8";
/* CSS Document */
#container{
width:940px;
margin:0 auto;
background: ;
}
#header{
}
#logo{
background:lightgreen;
height:60px;
}
#banner{
height:270px;
background:url(../images/index_02_bg.gif) no-repeat left bottom;
}
#menu{
background:lightblue;
height:40px;
}
#content{
overflow: hidden;
}
#sideBar{
float:left;
width:211px;
}
#mainContent{
float:right;
width:729px;
}
#kindBox{
margin-left:14px;
padding-bottom:14px;
width:197px;
min-height:262px  !important;
_height:262px;
background:url(../images/index_05.gif) no-repeat right bottom;

}
#ad{
float:left;
height:222px;
margin:0 40px  !important;
_margin:0 25px;
}
#newsBox{
width:353px;
height:222px;
float:left;
}
#newsBoxtitle{
background:url(../images/index_09.jpg) no-repeat;
width:100%;
height:40px;
}
#newsBox h3{
float:left;
}
#newsBox span{
height:40px;
line-height:32px;
float:right;
text-align:right;
padding-right:30px;
}
#Content{
height:182px;
background:url(../images/index_11.jpg) no-repeat;
padding-top:8px;
}
#Content ul{
width:320px;
padding-left:20px;
}
#Content ul li{
line-height:26px  !important;
height:26px !important;
*line-height:24px;
*height:24px;
}
#Content ul li a{
float:left;
text-align:left;
width:205px;
padding-left:20px;
background:url(../images/dian.gif) no-repeat 5px 50%;
}
#Content ul li a:hover{
}
#Content ul li span{
float:right;
line-height:18px;
height:18px;
font-size:11px;
}
#leftImg{
float:left; padding-left:30px;
}
#sideBar2{
float:left;
width:296px;
}
#login{
width:192px;
margin:37px auto;
text-align:left;
}
#login fieldset {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
#login legend {
FONT-SIZE: 12px; LINE-HEIGHT: 32px;
}
#login p{
line-height:38px    !important;
_padding-top:10px;
}
.btns{
padding-top:20px    !important;
padding-left:8px;

}
.yellow{
color:#f7e065;font-weight:bold;padding-left:11px;
}
#login input.inputTxt {
BORDER-RIGHT: #015679 1px solid; BORDER-TOP: #015679 1px solid; BACKGROUND: #25a7d6; MARGIN-LEFT: 5px; BORDER-LEFT: #015679 1px solid; LINE-HEIGHT: 18px; BORDER-BOTTOM: #015679 1px solid; HEIGHT: 22px;padding:3px;color:#013a5d;width:128px;
}
#mainContent2{
float:right;
width:644px;height:220px;
background:url(../images/index_16.jpg) no-repeat;
}
#productCom{
width:100%;
position: relative;
}
#productCom ul{
padding-top:1px;
}
#productCom ul li{
float:left;
width:125px;
text-align:center;
margin-top:25px;
margin-right:35px !important; 
_margin-right:25px; 
}
#productCom ul li img{
width:118px;height:116px;
padding-top:7px;
}
#productCom ul li a img{
}
#productCom ul li a:hover img{
}
#productCom ul li a{
color:#08718C;
}
#productCom ul li a:hover{
color:#ff6600;
}
#productCom  .name{
background:url(../images/name_bg.gif) no-repeat center top;
width:125px;
height:20px;
line-height:15px   !important;
*line-height:18px ;
color:#f7e065;
}
#productCom  .bottom{
padding-top:25px;
}

.page{
color:#08718C;
text-align:center;
padding-right:30px;
background:url(../images/line.gif) repeat-x left top;
width:96%;
line-height:40px;
margin-top:15px;
}
.page a{
color:#08718C;
}

.suckerdiv ul{
margin: 0 auto;
padding: 0;
list-style-type: none;
width: 95%; /* Width of Menu Items */
}
	
.suckerdiv ul li{
position: relative;
background:url(../images/biao.gif) no-repeat 1px 50%;
}
	
/*1st level sub menu style */
.suckerdiv ul li ul{
left: 188px; /* Parent menu width - 1*/
position: absolute;
width: 260px; /*sub menu width*/
top: 0;
display: none;
background:#0199d2;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{ 
left: 210px; /* Parent menu width - 1*/
}

/* menu links style */
.suckerdiv ul li a{
display: block;
text-align:left;padding-left:20px;
color:#0e4582;font-size:12px;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
color: white;
background-color: #086297;
}

.suckerdiv .subfolderstyle{
background:url(../images/arrow-list.gif) no-repeat center right;
width:90%;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

#meunlist ul{
width:160px;
padding-left:15px;
}
#meunlist ul li{
line-height:26px  !important;
height:26px !important;
*line-height:24px;
*height:24px;
}
#meunlist ul li a{
float:left;
text-align:left;
color:#0e4582;font-weight:bold;
padding-left:20px;
width:100%;
background:url(../images/biao.gif) no-repeat 1px 50%;
}

#meunlist ul li a:hover{
color:#FFCC00;
}

#search{
padding-left:10px;
}
#search select{
width:145px;color:#0a3ca1;
}
#search p{
padding-top:5px;
}
.inputTxt{
color:#0a3ca1;width:140px;padding-left:3px;
BORDER-RIGHT: #ACA899 1px solid; BORDER-TOP: #ACA899 1px solid; BACKGROUND: #fff; MARGIN-LEFT: 5px; BORDER-LEFT: #ACA899 1px solid; LINE-HEIGHT: 18px; BORDER-BOTTOM: #ACA899 1px solid; HEIGHT: 18px;
}
.right{
text-align:right;padding-right:30px;height:15px;
}
.right BUTTON{
line-height:15px;height:20px;
}

/* topic.htm */

#mainContentTopic{
float:right;
width:729px;
}
#ContentTopic{
width:689px;
min-height:500px;
margin:0 auto;
background:url(../images/message_bg.gif) repeat-y left top;
}
#position{
background:url(../images/position_bg.jpg) no-repeat left top;
height:70px;
text-align:left;
width:100%;
}
#position img{
margin:10px 60px;
float:left;
}
#position span{
float:right;
padding-right:30px;padding-top:15px;
text-align:right;
}
#message{
margin:0 40px;
text-align:left;
min-height:750px  !important;
_height:750px;
}

/* product list */
#productlist{
width:100%;
margin:0 auto;
}
#productlist ul{
padding-left:50px;
}
#productlist ul li{
float:left;
width:150px;
text-align:center;
margin-bottom:25px;
margin-right:35px !important; 
_margin-right:25px; 
}
#productlist ul li img{
width:126px;
height:123px;
}
#productlist ul li a img{
}
#productlist ul li a:hover img{
}
#productlist ul li a{
color:#08718C;
}
#productlist ul li a:hover{
color:#ff6600;
}
#productlist  .name{
background:url(../images/name_bg.gif) no-repeat center top;
width:150px;
height:20px;
line-height:15px   !important;
*line-height:18px ;
color:#f7e065;
}
#productlist  .bottom{
padding-top:25px;
}

.page{
text-align:center;
padding-right:30px;
background:url(../images/line.gif) repeat-x left top;
width:96%;
line-height:40px;
margin-top:20px;
}
.page a{
color:#08718C;
}


/* newslist */
#newslist{
width:100%;
}
#newslist ul{
padding-left:35px;
}
#newslist ul li{
padding-right:4px;
text-align:left;
line-height:35px;
height:35px;
*line-height:30px;
*height:30px;
}
#newslist ul li a{
float:left;
width:460px;
background:url(../images/dian.gif) no-repeat 5px 50%;
padding-left:15px;
}
#newslist ul li a:hover{
color:#112C4A;
}
#newslist ul li span{

line-height:35px;
height:35px;
font-size:11px;
color:#666666;}


/* productread */
#productread{
width:600px;
min-height:650px  !important;
_height:650px;
margin:0 auto;
}
#productread h3{
float:left;
height:41px;
}

#productread span{
float:right;
padding:15px 20px 0 0;
}
#productImg{text-align:center;}
#productImg img{margin:14px;}
#productImg p{font-size:14px; font-weight:bold; line-height:20px;padding-left:20px;}
#detail{padding:2px 0 10px 17px}


/*--- 反馈表单 ---*/
.formFeedback form{
width:90%;
}
.formFeedback fieldset{
padding-bottom:10px;
padding:10px;
margin-top:5px;
border:1px solid #ffffff;
}
.formFeedback fieldset legend{
font-weight:bold;
padding:3px 20px;
border:1px solid #ffffff;
}
.formFeedback label{
float:left;
height:22px;
line-height:22px;
width:90px;
text-align:left;
}
.formFeedback input.txt, .formFeedback input.pwd{
width:50%;
}
.formFeedback form p{
border-bottom:1px solid #fff;
padding:6px 0;
}
.submit{
width:90%;
text-align:center;
}
.submit button{
margin:0 10px;
}




/* 以下代码片段使左右两列自适应高度 */
#content:after{
content:'[DO NOT LEAVE IT IS NOT REAL]'; 
display:block; 
height:0; 
clear both; 
visibility:hidden;
}
#content{
display:inline-block;
}
/*\*/
#content{
display:block;
}
/*\*/
#sideBar, #mainContent{
padding-bottom:32767px !important;
margin-bottom:-32767px !important; 
}
@media all and (min-width: 0px) {
#sideBar, #mainContent{
padding-bottom:0 !important;
margin-bottom:0 !important; 
}
#sideBar:before, #mainContent:before{
content:'[DO NOT LEAVE IT IS NOT REAL]';
display:block;
background:inherit;
padding-top:32767px !important;
margin-bottom:-32767px !important;
height:0;
}
}

#footer{
width:740px;
height:47px;
margin:5px auto 0px;
padding:10px;
background:url(../images/foot_bg.jpg) no-repeat;
}