@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0;font-family:Verdana, Arial; color:#442b01; background:url(../images/bg_01.jpg) left top;	
SCROLLBAR-FACE-COLOR: rgb(170,162,143); //滚动条凸出部分的颜色 

SCROLLBAR-HIGHLIGHT-COLOR: rgb(23,255,155);//滚动条空白部分的颜色 

SCROLLBAR-SHADOW-COLOR: rgb(255,116,23);//立体滚动条阴影的颜色 

SCROLLBAR-3DLIGHT-COLOR: rgb(66,93,127);//滚动条亮边的颜色 

SCROLLBAR-ARROW-COLOR: rgb(93,232,255);//上下按钮上三角箭头的颜色 

SCROLLBAR-TRACK-COLOR: rgb(255,70,130);//滚动条的背景颜色 

SCROLLBAR-DARKSHADOW-COLOR: rgb(10,0,209);//滚动条强阴影的颜 

SCROLLBAR-BASE-COLOR: rgb(66,93,128);//滚动条的基本颜色


}
img{ border:0; margin:0;}
a{color:#000; text-decoration:none;}
a:hover{color:#FF9933;}
ul{ margin:0; padding:0;}
li{ list-style:none;}
input,textarea {font-family:Verdana;font-size:12px; border:solid 1px #E6E6E6; background: #FFFAF4}
/*--------公共Public---------------*/
.SearchInput{  background: #FC0; color:#999; text-align:center;}
.Clear {clear:both;}
.Path {}
ul, ol, li, h1, h2, h3, h4, p, dd {margin:0;padding:0;list-style:none;}
/*-----公共END-----*/
/*--------结构Structure---------------*/
#contener{margin:0 auto;background:url(../images/bg.jpg) no-repeat center top; height:860px;z-index:5503;}
#conten{width:975px; margin:0 auto;}
#header{height:205px;}
#headerArea{position:relative; width:975px; margin:0 auto;}
#main{height:516px; padding:22px 10px 10px 10px;}
#mainleft{width:170px; float:left; padding:0 0 0 26px; position:relative; z-index:900}
#maincenter{width:365px; float:left; padding:37px 10px 0 10px;}
#mainright{width:350px; float:left; padding:0 10px; }
#submainright{width:700px; float:left; padding:7px 10px 0 10px;}
#footer{height:89px; color:#553400; font-size:12px; padding:17px 0 0 17px; position:relative; z-index:0;}
#footer a{color:#553400;}
#footer a:hover{ color:#fff;}
#footer p{ padding:5px 0;}
/*-----结构END-----*/
/*--------------样式Style--------------------*/
.newbigbox{ padding:20px 0 0 0;}
.newsbox{border-bottom: dashed 1px #da8703; padding:10px 0;}
.newsboxleft{ float:left;width:134px; text-align:center;}
.newsboxright{ float:left;width:217px; padding-left:5px;}
.newsboxA{border-bottom: dashed 1px #da8703; padding:10px 0;}
.newsboxleftA{ float:left;width:134px; text-align:center;}
.newsboxrightA{ float:left;width:360px; padding-left:5px;}
.tile_01{ font-size:18px; font-weight:500; font-family:Arial,;}
.tile_01 a{}
.tile_01 a:hover{ color: #FF0;}
.tile_02{ font-size:18px; font-weight:500; font-family:Arial,;}
.tile_02 a{}
.tile_02 a:hover{ color: #ff9c00;}
.newstext{ font-size:11px; line-height:20px;}
.hotbg{ background:url(../images/hotbg.jpg) no-repeat left top; height:350px; padding:47px 32px 5px 0;}
.hotbox{}
.proIco {display:block;background:url(../images/pro2.png) no-repeat center top;width:309px;height:300px;position:absolute;
	right:-126px;
	z-index:0;
	top:-200px;
}
* html .proIco{background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='images/pro2.png');  }

.Arrow{ text-align:center;}
.Arrow2{ text-align:center; }
.hotcenter{height:300px; overflow:hidden;text-align:center; padding:10px 0;}
.hotimg{ margin:10px 0;}
.textbox{ padding:70px 0 0 60px; font-size:12px; background:url(../images/bg2.gif) left top no-repeat; width:650px; height:380px;}
.Abouttextbox{ padding:70px 20px 20px 50px; font-size:12px; background:url(../images/bg2.gif) left top no-repeat; width:640px; height:330px; z-index:233;}
.Newstextbox{ padding:88px 0 0 30px; font-size:12px; background:url(../images/newsbg.gif) left top no-repeat; width:680px; height:400px;}
.protextbox{ padding:10px 0px 20px 10px; font-size:12px;  width:680px; height:330px; }

.proimaA{text-align:center; border: solid 5px #FFE3D7;}
.pronametext{ text-align:center;}
.proboxleft{ float:left; width:350px;}
.proboxright{ float:left; width:330px; }
.proii{height:300px;line-height:24px;overflow:hidden;overflow-y:scroll;}
.proviewstile{ text-align:center; font-weight:600;}
.inputbg{ background:#fff}
.abouttext{ padding:10px;height:280px; overflow:hidden;overflow-y:scroll; line-height:24px; width:620px; font-size:11PX;}
.abouttextA{ padding:10px 40px 10px 20px;height:280px; overflow:hidden;overflow-y:scroll; line-height:24px; width:580px; font-size:11PX; z-index:1000;}
.protext_01{ padding:10px;width:620px;}
.newssmal{ text-align:right; padding-right:70px;}
.newsA{ padding:40px 40px 20px 40px; }
.news{ padding:40px 40px 20px 40px;}
.news li{}
.news a{background:url(../images/Icon_03.gif) no-repeat 5px center; display:block; padding-left:40px; line-height:28px;}
.news a:hover{}
.news a span{ font-size:10px; color:#999; padding-left:10px;}
.page {margin-top:20px; text-align:center; height:24px; line-height:24px;}
.page A { TEXT-DECORATION: none; font-size:11px; Color: #000000; padding:3px 5px; border:1px solid #F93; margin-right:5px; line-height:24px; height:24px;}
.page A:hover {Color:#fff; background:#F93; }
.page span a{ border:none;}
.close{margin-top:20px; text-align:center; height:24px; line-height:24px;}
.newsviewsbox{ height:280px; margin-top:5px; width:630px; line-height:24px;overflow:hidden;overflow-y:scroll;}
.newsviews{ padding:10px 40px 10px 45px;}
.newstile{ text-align:center; font-weight:bold; font-size:16px; margin:0 auto; width:500px; margin-top:20px;}
.proimabox{ width:140px; overflow:hidden; float:left;margin:5px 10px; height:120px; position:relative; padding-left:140px;}
.proleft{ position:absolute; left:0; top:0; width:140px;}
.proright{ width:130px; padding:5px;}
.price{ color:#F30; font-size:12px;}
.proright p{ padding:2px 2px;}
.probtn{ }
.probtn a{background:url(../images/icon_06.gif) no-repeat left center;  width:80px; padding-left:20px; display:block; height:20px; line-height:20px;}
.probtn a:hover{ color:#C60}
#specialSize{ display:none; position: absolute; margin-top:60px;  padding:20px; background:#fff; border:7px solid #ccc; z-index:10002}
#specialSize2{ display:none; position: absolute; margin-top:60px;  padding:20px; background:#fff; border:7px solid #ccc; z-index:10002}
#bglayer{background:#000000 ;
left:0;
filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;
position:absolute;
top:0;
z-index:10001;}
.activima{ border:5px #FFECD9 solid;}
#proboxboder{
	width:150px;
	border: dotted 2px #f60;
	padding:10px;
	background:#FFFFEC;
	position:absolute;
	left:174px;
	top:210px;
	display:none;
}
.aboutNav{
	border:dotted 2px #f60;
	background:#FFFFEC;
	position:absolute;
	display:none;
	padding:10px;
	left:174px;
	top:150px;
	}
.proA{ float:none;}
.proA li{ float:none;}
.proA a{ font-size:12px; display:block;background:url(../images/bg_01.jpg) no-repeat 5px center; line-height:22px; height:22px; border-bottom:dashed 1px #F90; padding-left:15px;}
.proA a:hover{ color:#F90;}
.proA li ul{ display:none;}
.proA li ul li{}
.proA li ul li a{ padding-left:20px; background:none;}


.nav {
 line-height: 24px; 
 list-style-type: none;
 text-align:left;
  /*定义整个ul菜单的行高和背景色*/
}
/*==================一级目录===================*/
.nav a {
 width: 150px; 
 display: block;
 /*Width(一定要)，否则下面的Li会变形*/
}
.nav li {
 /*一级目录的背景色*/
 border-bottom:#FFF 1px solid; /*下面的一条白边*/
 float:left;
 width:150px;
 /*float：left,本不应该设置，但由于在Firefox不能正常显示
 继承Nav的width,限制宽度，li自动向下延伸*/
}
.nav li a{background:url(../images/bg_01.jpg) no-repeat 5px center; font-size:12px; padding-left:20px;}
.nav li a:hover{
 background:#feae31; width:130px; /*一级目录onMouseOver显示的背景色*/
}
.nav a:link  {
 color:#666; text-decoration:none;
}
.nav a:visited  {
 color:#666;text-decoration:none;
}
.nav a:hover  {
 color:#FFF;text-decoration:none;font-weight:bold;
}
/*==================二级目录===================*/
.nav li ul {
 list-style:none;
 text-align:left;
}
.nav li ul li{ 
 background: #EBEBEB; /*二级目录的背景色*/
}
.nav li ul a{
	background:none;
         padding-left:20px;
         width:130px;
 /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}
/*下面是二级目录的链接样式*/
.nav li ul a:link  {
 color:#666; text-decoration:none;
}
.nav li ul a:visited  {
 color:#666;text-decoration:none;
}
.nav li ul a:hover {
 color:#F3F3F3;
 text-decoration:none;
 font-weight:normal;
 background:#feae31;
 /* 二级onmouseover的字体颜色、背景色*/
}
/*==============================*/
.nav li:hover ul {
 left: auto;
}
.nav li.sfhover ul {
 left: auto;
}
#content {
 clear: left; 
}
#nav ul.collapsed {
 display: none;
}

#PARENT{
 width:300px;
 padding-left:20px;
}
.topIco {
	display:block;
	background:url(../images/top.png) no-repeat center top;
	width:975px;
	height:205px;
	position:absolute;
	left:2px;
	z-index:10;
	top:0px;
}
* html .topIco{background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='images/top.png');  }
.tileleft{ float:left; width:200px;}
.tileright{ float:right; text-align:right; width:400px;}
.searchbox{ position:absolute; left:755px; top:200px; z-index:1000;}
/*-----样式END-----*/