/*------------------------------------------
Author: Kiefer
Design Corp: TOG
E-mail: Kiefering@Gmail.com
------------------------------------------*/
/*总体*/
body,ul,form,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,img{
	padding: 0;
	margin: 0;
	border: 0;
	list-style: none;
}
body {
    color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-size: 12px;
	margin: 0;
	text-align: center;
	background:#A45F26;
}
a {
  text-decoration:none;
  color:#666;
}
/*总体 end*/
/*base layout start*/
#container {
width:838px;
height:auto;
margin:auto;
background:#fff;
}
#wrapper {
width:800px;
height:auto;
margin:auto;
}
#logo {
height:75px;
background:url(images/logo.png) no-repeat;
text-align:left;
padding-left:435px;
padding-top:22px;
}
#banner {
height:144px;
background:url(images/banner.jpg) no-repeat;
}
#nav {
height:29px;
background:url(images/menu.png) no-repeat;
}
#content {
margin-top:2px;
width:800px;
height:368px;
clear:both;
}
#conleft {
float:left;
width:550px;
height:368px;
text-align:left;
}
#conright {
float:right;
width:248px;
height:366px;
border:1px solid #ccc;
text-align:left;
}
#content_o {
margin-top:2px;
width:800px;
height:368px;
clear:both;
}
#conleft_o {
float:left;
width:590px;
height:368px;
text-align:left;

}
#conright_o {
float:right;
width:208px;
height:366px;

text-align:left;
}
#quickmenu {
width:208px;
height:auto;
padding-bottom:30px;
border:1px solid #ccc;

}
#footer {
margin-top:8px;
margin-bottom:10px;
width:800px;
height:46px;
background:url(images/footer.jpg) no-repeat;
padding-top:12px;
color:#fff;
font-size:14px;
font-weight:bold;
}
/*base layout end*/
/*menu start*/
#nav {
padding-left:50px;
padding-top:12px;
}
#nav li {
float:left;
padding:0px 10px 0 10px;

}
#nav li a {
font-size:14px;
font-weight:bold;
color:#000;

}
#nav li a:hover {
color:#fff;
}
#nav li a.active {
height:26px;
width:95px;
background: url(images/nav.gif) no-repeat;
display:block;
position:relative;
top:-7px;
padding-top:7px;
}
#nav li a.active:hover {color:#000;}
/*menu end*/
/*index start*/
.i_tit {
width:532px;
height:44px;
}
#ip_tit {
padding-left:10px;
}
#i_intro {
width:530px;
height:128px;
padding:10px;
}
#intro_l {
float:left;
width:180px;
height:128px;
}
#intro_r {
float:right;
width:330px;
height:128px;
padding:0 10px;
}
#intro_r p {
text-indent:22px;
line-height:18px;
}
#prolist {
padding-left:20px;

}
#prolist li {
padding-top:8px;
color:#000;
}
#more {
text-align:right;
padding-top:4px;
padding-right:10px;

}
#more a {
color:#000;
}
#more a:hover,.ptit a:hover {
text-decoration:underline;
}
.ptit a {
color:#B01110;

}
.ptop a {
color:#000;
font-weight:bold;}
.ptop a:hover {
text-decoration:underline;}
.line {
width:540px;
height:5px;
background:url(images/line.gif) no-repeat;
}
/*index end*/
/*other layout start*/
#qmtit {
padding-left:14px;
}
#qm {
padding-left:21px;
padding-top:8px;}
#qm li a{
	/*height: 2em;
	line-height: 2em;*/
	background: url(images/dot.jpg) no-repeat 2px 3px;
	display: block;
	border-bottom: solid 1px #CCCCCC;
	padding: .3em 0 .2em 2.1em;
	color: #333333;
	height:1.5em;
	width:140px;
}

#qm li a:hover{

	color: #CC0000;
	border-bottom: solid 1px #CC0000;
}
#qm li a.active {
font-weight:bold;
color:#CC0000}
/*intro*/
.info p {
line-height:20px;
text-indent:24px;
}
#qm1 {
background:url(images/qm1.gif) no-repeat;
}
#qm2 {
background:url(images/qm2.gif) no-repeat;
}
#qm3 {
background:url(images/qm3.gif) no-repeat;
}
#qm4 {
background:url(images/qm4.gif) no-repeat;
}
.qm {
width:49px;
height:14px;
border:1px solid #CCC;
padding:48px 8px 1px 8px;
}
.qm a {
color:#666;
}
.qm a:hover {color:#333;}
#conphoto {
width:471px;
height:143px;
}
#qms {
padding-left:25px;}
/*feedback*/
#feedback {
text-align:left;
margin-top:10px;
width:532px;
}
#feedback input,#feedback textarea {
border:1px solid #ccc;}
#feedback button {
border:1px solid #ccc;
background:#f5f5f5;}
/*product*/
.procuct {
margin-top:15px;
padding-left:10px;
clear:both;
width:500px;
height:84px;
}
.p_l {
float:left;
width:140px;
height:84px;
}
.p_r {
float:right;
width:355px;
margin-left:5px;
height:84px;

}
.p_tit {
background:url(images/ar2.gif) no-repeat 3px left;
padding:2px 0 2px 15px;
}
.p_tit a {color:#000;font-size:14px;}
.p_tit a:hover {text-decoration:underline;}
.p_info {
padding-left:5px;
}
.p_img {
width:124px;
height:74px;
padding:4px;
border:1px solid #ccc;
}
#products {
text-align:left;
padding-left:35px;}
#page {
margin-top:10px;
width:500px;
padding:5px;
text-align:center;}
#page a{
color:#475266
}
/*product show*/
#product_con {
text-align:center;
margin-bottom:20px;}
#pro_tit {
padding-top:15px;
font-size:14px;
font-weight:bold;
padding-bottom:20px;
}
#pro_img {
width:558px;
height:auto;
overflow:auto;
overflow-x:hidden;
}
#pro_info {
padding-top:20px;
text-align:left;
padding-left:30px;
}
#pro_info_tit {
font-weight:bold;
font-size:14px;
padding:5px 10px;}
#pro_con {
width:558px;
height:auto;
overflow:auto;
}
#show {
margin-top:10px;
width:558px;
height:atuo;
}


#JPages{font-size: 14px;}
#JPages input{
	font-size: 12px;
	border:1px solid #333;
	padding:0px;
	margin:0;
	width:25px;
	height:18px;
	line-height:1.4;
}
#back {
margin-top:20px;}
#back a {
color:red;}

#pro_con ul li {
	list-style-type: square;
	list-style-position: inside;
}
