@charset "utf-8";

body{

}




/* ==============================================
��header
 ==============================================*/


#header {
	margin:0;
	padding:0;
	width:100%;
	min-width: 980px;
	height: 80px;
	background: rgba(255,255,255,0.9);
	z-index: 100;
}
#header .con{
	margin:0 auto;
	padding:0;
	width:980px;
	height: 80px;
}
#header .con h1 {
float: left;
padding: 17px 0 0;
}
#header .con ul.headnav {
float: left;
margin: 0 0 0 25px;
}
#header .con ul.headnav li{
float: left;
}
#header .con ul.headnav li a{
display: block;
color: #000;
font-size: 14px;
font-weight: bold;
height: 48px;
padding:32px 12px 0;
}
#header .con ul.headnav li a:hover{
color: #999;
text-decoration: none;
}
#header .RNav{
position:absolute;
	top:0;
	right: 0;
	width:250px;
}
#header .RNav a{
width:125px;
display: table-cell;
text-align: center;
height: 80px;
font-size: 15px;
vertical-align: middle;
}
#header .RNav a:hover{
text-decoration: none;
}
#header .RNav a.catalogbtn{
color:#FFF;
background: #d32222;
}
#header .RNav a.catalogbtn:hover{
background: #9c1c1c;
}
#header .RNav a.loginbtn{
color:#000;
}
#header .RNav a.loginbtn:hover{
background: #dedede;
}

 /* ==============================================
��mainimg
 ==============================================*/
 #mainimg{
 width: 100%;
 min-width: 960px;
 height: 143px;
 text-align: center;
	/*background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;*/

 }
 #mainimg2{
 width: 100%;
 min-width: 960px;
 height: 180px;
background:url(../../img2/cont_mainimg.jpg) no-repeat center top;
	/*background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;*/

 }
 #mainimg2 h2{
 width: 100%;
 min-width: 960px;
 padding: 75px 0 0;
 font-size: 40px;
 font-weight: normal;
 line-height: 1;
 color:#000;
 text-align: center;

 }
/* ==============================================
breadcrumb
==============================================*/
#breadcrumb{
    width: 100%;
	font-size:12px;
	padding:6px 0 6px;
	color:#000;
	/*background: #f4f5f5;*/
}
#breadcrumb p{
    width: 960px;
	margin: 0 auto;
	
}
#breadcrumb a{
	color:#000;
}
/* ==============================================
wrap
==============================================*/

#wrap{
width: 100%;
padding:50px 0 120px;
background:url(../../img2/footbg.gif) no-repeat center bottom;
}
#contents{
/*width: 940px;
margin: 0 auto;*/
}


/* ==============================================
page-top
==============================================*/  
  #page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top a {
  
}
#page-top a:hover {
    
}
 
/* ==============================================
footobiNav
==============================================*/  
.footobiNav{
width: 100%;
min-width: 960px;

padding: 20px 0;
text-align: center;
width:100%;
background: #6f6f6f;
}
.footobiNav a{
display: inline-block;
font-size: 12px;
line-height: 1;
color:#fff;
padding: 0 12px;
}

/* ==============================================
footer
==============================================*/
 
#footer{
	padding:20px 0 20px;
	background:#FFF;
	width:100%;
	min-width: 960px;
	margin: 0 auto;
	text-align:left;
font-size: 16px;
line-height: 1.8;
}
#footer .con{
width:660px;
	margin: 0 auto;
	padding: 0 150px 20px;
}
#footer .con p.LArea{
float: left;
}
#footer .con p.tel{
float: right;
background: url(../../img2/tel.gif)no-repeat left;
padding: 10px 0 0 40px;
font-size: 30px;
}
#footer a.btn{
float: right;
display: block;
  width:260px;
  color: #000;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  border: 1px solid #000;
  margin: 0;
}
#footer a.btn:hover{
text-decoration: none;
background: #dedede;
}
#footer .underNav{
width: 100%;
border-top: 1px solid #dedede;
padding: 33px 0 0;
text-align: center;
width:100%;
}
#footer .underNav a{
font-size: 14px;
color:#000;
padding: 0 15px;
}
#footer p.copy{
margin: 20px 0 20px;
float: left;
width:100%;
font-size: 12px;
text-align: center;
}