@charset "utf-8";
/* CSS Document */
body {
	margin:0px 0px 0px 0px;/*top,right,bottom,left*/
	font-size:12px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	background:url(../images/bg.jpg) repeat-x center top; 
}
form {
	margin:0px;
	padding:0px;
	display:inline;
}
ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
img{border:none;}
a,a:link,a:visited {color:#666; text-decoration:none;}
a:hover {color:#0062b1; text-decoration:underline;}
a:active {color:#666; text-decoration:none;}

.f_left{float:left;}
.f_right{float:right;}
.w100 {width:100%; padding:0px; margin:0px; overflow:hidden;}

/*Head CSS*/
.top{
	width:980px;
	padding:0px;
	margin:0 auto;
	overflow:hidden;
	}
.top_logo{
	float:left;
	width:125px;
	height:100px;
	padding:0px;
	margin:0 auto;
	overflow:hidden;
	}
.top_r{
	width:310px;
	float:right;
	padding:50px 0px 0 0;
	margin:0 auto;
	overflow:hidden;
	}
.tel{
	width:130px;
	float:left;
	background:url(../images/tel.jpg) no-repeat left center;
	padding:0 0 0 21px;
	font-size:14px;
	color:#666;
	line-height:20px;
	}
.mail{
	width:115px;
	background:url(../images/e-mail.jpg) no-repeat left bottom;
	float:right;
	padding: 0 8px 0 25px;
	font-size:14px;
	}
.top_column { 
	width:980px;
	height:50px;
	padding:0px; 
	margin:0px auto;
	overflow:hidden;
	background:url(../images/tiao.jpg) no-repeat left center;
}
.top_column li{
	float:left;
	background:url(../images/tiao.jpg) no-repeat right center;
	margin:0px;
	line-height:50px;
	height:50px;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	padding:0 36px 0 35px;
	text-transform:uppercase;
	}
.top_column li a:link,.top_column li a:visited{
	color:#555;
	}
.banner{
	width:100%;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	}
.ban_nav{
	background:url(../images/ban_nav1.jpg) no-repeat center top;
	height:300px;
	width:100%;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	}
.ban_nav2{
	background:url(../images/ban_nav2.jpg) no-repeat center top;
	height:300px;
	width:100%;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	}
.ban_nav3{
	background:url(../images/ban_nav3.jpg) no-repeat center top;
	height:300px;
	width:100%;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	}
.ban_nav4{
	background:url(../images/ban_nav4.jpg) no-repeat center top;
	height:300px;
	width:100%;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	}
.ban_nav5{
	background:url(../images/ban_nav5.jpg) no-repeat center top;
	height:300px;
	width:100%;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	}
/*Info CSS*/
.wrapp{
	width:100%;
	background:url(../images/center_bg.jpg) repeat-x center top #FFF;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	}
.center {
	width:980px;
	padding:0px;
	margin:0px auto;
	overflow:hidden;
}
.cterr{
	width:980px;
	padding:30px 0;
	margin:0 auto;
	overflow:hidden;
	}
.cterr_l {/*Left Info*/
	width:240px;
	padding:0px 0 0;
	float:left;
	margin:0px auto;
	overflow:hidden;
}
.cterr_r{
	float: right;
    margin:0;
    overflow: hidden;
    padding:0px 0 0;
    width: 720px;
	}
/*Bottom CSS*/
.bottom_bg{
	width:100%;
	background:url(../images/bottom_bg.jpg) repeat-x center top #f5f5f5;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	}
html{-webkit-text-size-adjust: none;}
.bottom{
	width:980px;
	padding:15px 0 28px;
	margin:0px auto;
	color:#666;
	line-height:22px;
	}
.bottom a{color:#666;}
.bottom_nav{
	width:980px;
	text-align:center;
	line-height:24px;
	margin:0 auto;
	overflow:hidden;
	}
.link a{
	padding:0 4px;
	}
.link{
	width:980px;
	padding:0px 0 0;
	line-height:22px;
	margin:0 auto;
	overflow:hidden;
	}
/*Click to Big Products CSS*/
.pro {
	width:217px;
	background:url(../images/pro_bg.jpg) no-repeat bottom center;
	height:245px;
	padding:0;
	margin:0 12px 30px 11px;
	}
.pro_img {
	width:211px;
	height:209px;
	padding:0;
	margin:3px 3px 0;
	}
.pro_img a {
	display:inline-block;
	padding:0;
	}
.pro_test {/*Product Name*/
	width:217px;
	height:33px;
	line-height:33px;
	text-align:center;
	padding:0px 0 0;
	color:#666;
}
.pro:hover{
	background:#CCC;
	}
.pro2 {
    margin: 0;
    padding: 0 7px 0 7px;
    width: 166px;
}
.pro2_img {
    height: 140px;
    width: 160px;
}
.pro2_img a {
    border: 1px solid #CCCCCC;
    display: inline-block;
    padding: 2px;
}
.pro2_img a:hover {
    border: 1px solid #888888;
    display: inline-block;
}
.pro2_test {
    color: #999999;
    line-height: 30px;
    padding: 10px 0 0;
    text-align: center;
    width: 166px;
}
.page {
	margin:0 auto;
	overflow:hidden;
	padding:20px 0;
	line-height:25px;
	text-align:center;
	width:700px;
	font-size:12px;
	color:#999;
}
.disabled {
    border: 1px solid #999;
    margin-right: 2px;
    padding: 2px 5px;
}
.page span.current {
    background-color: #999;
    border: 1px solid #999;
    color: #999;
    margin-right: 2px;
    padding: 2px 5px;
}
.page a {
    border: 1px solid #999;
    color: #999;
    margin-right: 2px;
    padding: 2px 5px;
    text-decoration: none;
}
.page a:hover {
    background: none repeat scroll 0 0 #f80515;
    border: 1px solid #ADADAD;
    color: #FFF;
    margin-right: 2px;
    padding: 2px 5px;
    text-decoration: none;
}
.pager input {
	width:20px;
	font-size:10px;
	height:15px;
	line-height:15px;
	margin:0px 3px;
	vertical-align:middle;
}