*{margin:0px; padding:0px;}
body{font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif;}
ul{list-style-type:none;}
img{border:0;}

a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #DC5001;
}
a:active {
	text-decoration: none;
}

a.wl:link,a.wl:visited,a.wl:active {color:#FFF;text-decoration:none;}
a.wl:hover {color:#C00;}

a.wb:link,a.wb:visited,a.wb:active {color:#593610;text-decoration:none;}
a.wb:hover {color:#C00;}

a.wr:link,a.wr:visited,a.wr:active {color:#C00;text-decoration:none;}
a.wr:hover {color:#333;}

a.wg:link,a.wg:visited,a.wg:active {color:#999;text-decoration:none;}
a.wg:hover {color:#DC5001;}

.f_black {color:#000;}
.f_red   {color:#C00;}
.f_white {color:#FFF;}
.f_gray  {color:#999;}
.f_orange{color:#F90;}
.f_green {color:#66A228;}
.f_blue  {color:blue;}
.f_mblue {color:#109BD2;}
.f_dblue {color:#1B75BC;}
.f_gold  {color:#C82E14;}
.f_pink  {color:#B5084A;}
.blod {font-weight:bold;}
.noblod {font-weight:normal;}
.px11 {font-size:11px;}
.px12 {font-size:12px;}
.px13 {font-size:13px;}
.px14 {font-size:14px;}
.px15 {font-size:15px;}
.px16 {font-size:16px;}
.px18 {font-size:18px;}
.px20 {font-size:20px;}
.px25 {font-size:25px;}
.px50 {font-size:50px;}
.fleft {float:left;}
.fright{float:right;}
.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt50 {margin-top:50px;}
.line {height:30px;width:100%;clear:left; background:url(../images/line.jpg) repeat-x left center;}
.clear{clear:both; line-height:0px;}

.kk {width:1003px; margin:0 auto;}
header{
	background:#000;
	height:75px;
	width:100%;
	position:fixed;
	overflow:hidden;
	z-index:6000;
}
#logo {
	background: url(../images/logo.png) no-repeat center center;
	float: left;
	height: 75px;
	width: 350px;
}
#menu {
	float:right;
	margin-top:25px;
}
#menu li {
	float:left;
	margin-left:40px;
}
#menu li a {
	color:#C2C2C2;
	height:25px;
	line-height:20px;
	font-size:14px;
	display:block;
	position:relative;
}
#menu li a:hover {
	color:#FFF;
}
#menu li a div {
	position:absolute;
	bottom:0;
	left:-50%;
	border-bottom:solid 2px #FFF;
}
#mttop {
	height:75px;
	background:#000;
}
#bn{width:100%; height:610px; position:relative; background:#000;}
.bgstretcher-area { text-align: center;}
.bgstretcher, .bgstretcher ul, .bgstretcher ul li {
	position: absolute;
	top: 0;
	left: 0;
}
.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 1;
	_position: absolute; /*IE6 doesn't support fixed positioning*/
	top: 0;
	left: 0;
}
#nav {
    position:absolute;
	top:580px;
	text-align:center;
	width: 100%;
	display:none;
}
#nav ul li {
    display:inline-block;
	margin-right: 8px;
}
#nav ul li a {background:#FFF; width:12px; height:12px; display:block; text-align:center; font-size:0px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;}
#nav ul li.showPage a {background:#333;}
#prev{position:absolute; left:10px; top:283px; cursor:pointer;}
#prev a{display:block;width:30px; height:43px;font-size:0px;background:url(../images/scroll_btn.png) left bottom;filter: Alpha(opacity=10);-moz-opacity:.10;opacity:0.10;}
#prev a:hover{background:url(../images/scroll_btn.png) left bottom;filter: Alpha(opacity=50);-moz-opacity:.50;opacity:0.50;}
#next{position:absolute; right:10px; top:283px; cursor:pointer;}
#next a{display:block;width:30px; height:43px;font-size:0px;background:url(../images/scroll_btn.png) right bottom;filter: Alpha(opacity=10);-moz-opacity:.10;opacity:0.10;}
#next a:hover{background:url(../images/scroll_btn.png) right bottom;filter: Alpha(opacity=50);-moz-opacity:.50;opacity:0.50;}
/**/
footer {
	background: #000;
	padding:20px 0;
	line-height:24px;
	color:#C2C2C2;
}
.ab {
	width:860px;
	margin:50px auto;
	font-size:16px;
	line-height:24px;
}
.ab h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	text-align:center;
}
#message .ipt {
	border:#DDD solid 1px;
	background:#FFF;
	padding:7px;
	border-radius:4px;
}
#message .ipt:focus {
	border:solid 1px #333;
	box-shadow: 0 1px 3px #333;
	-moz-box-shadow: 0 1px 3px #333;
	-webkit-box-shadow: 0 1px 3px #333;
}
#message .btn {
	background-color:#000;
	border:1px solid #000;
	border:1px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#FFF;
	height:40px;
	line-height:35px;
	width:180px;
	text-align:center;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#gotopbtn {
	width:35px;
	height:50px;
	position:fixed;
	bottom:55px;
	right:5px;
	cursor:pointer;
	background:url(../images/top.png) no-repeat;
	display:none;
}
#nybn {
	height: 380px;
	position:relative;
	background-repeat: no-repeat;
	background-position: center 0px;
}
#nybn div{
	height: 30px;
	width:100%;
	position:absolute;
	left:0;
	bottom:0px;
	background:url(../images/bnbg.png) no-repeat center top;
}
#nybn.pic1 {
	background-image: url(../images/pic1.jpg);
}
#nybn.pic2 {
	background-image: url(../images/pic2.jpg);
}
#nybn.pic3 {
	background-image: url(../images/pic3.jpg);
}
#nybn.pic4 {
	background-image: url(../images/pic4.jpg);
}
#common {
	width:980px;
	margin:20px auto;
}
#common ul li {
	padding: 10px;
	float: left;
	width: 470px;
	height:400px;
}
#common ul li img {
	width:470px;
	height:270px;
	transition: transform 0.3s ease 0s;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
}
#common ul li img:hover {
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
}
#common ul li h3 {
	font-size: 17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-top: 10px;
	line-height: 20px;
	text-transform: uppercase;
	color:#000;
}
#common ul li p {
	line-height:20px;
	font-size:14px;
	margin-top:10px;
}
#common ul li p a {
	font-style: italic;
	text-transform: uppercase;
}
#more {
	width:117px;
	height:30px;
	margin:0px auto;
	background:url(../images/more.png) no-repeat center bottom;
	cursor:pointer;
	text-align:center;
	font-style: italic;
	text-transform: uppercase;
}
#loading {
	text-align:center;
	display:none;
}
#news {
	width:980px;
	margin:20px auto;
}
#news ul li {
	height:240px;
	overflow:hidden;
	position:relative;
}
#news ul li img {
	width:300px;
	height:210px;
	float:left;
	margin-right:30px;
	-moz-border-radius:15px 0 15px 0;
	-webkit-border-radius:15px 0 15px 0;
	border-radius:15px 0 15px 0;
}
#news ul li h3 {
	font-size: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 10px 0px;
	text-transform: uppercase;
}
#news ul li h3 a {
	color:#000;
}
#news ul li h3 a:hover {
	color:#DC5001;
}
#news ul li p {
	line-height:22px;
	font-size:14px;
}
#news ul li p.more a {
	padding:0px 20px;
	border:solid 1px #DDD;
	position:absolute;
	bottom:35px;
	left:330px;
	text-transform: uppercase;
	font-size:12px;
}
#news ul li p.more a:hover {
	border:solid 1px #000;
	color:#000;
}
#image {
	width:960px;
	margin:20px auto;
}
#image li {
	width:300px;
	float:left;
	margin:10px;
	height:210px;
	overflow:hidden;
	position:relative;
}
#image ul li img {
	width:300px;
	height:210px;
}
#image ul li .mask {
	width:300px;
	height:210px;
	position:absolute;
	left:0px;
	top:0px;
	background:#EEE;
	display:none;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
#image ul li .mask .tit {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight:bold;
	font-size:14px;
	line-height:22px;
}
#image ul li .mask p {
	margin-top:20px;
	width:120px;
	height:24px;
	border:solid 1px #000;
	position:relative;
}
#image ul li .mask p a {
	text-transform: uppercase;
	font-size:12px;
	font-weight:normal;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
    position:absolute;
	display:block;
	z-index:101;
	width:120px;
	height:24px;
	line-height:24px;
	left:0;
	top:0;
}
#image ul li .mask p a:hover,#image ul li .mask p:hover a {
	color:#FFF;
}
#image ul li .mask p span {
    position:absolute;
	width:0px;
	height:24px;
	left:0;
	top:0;
	background:#000;
	z-index:100;
}
#image ul li .mask p:hover span {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	width:120px;
}
#info {
	width:860px;
	margin:30px auto 50px auto;
	line-height:25px;
}
#info h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	text-align:center;
	font-size:30px;
	line-height:40px;
	margin-top:20px;
}
.back {
	font-size:16px;
	line-height:40px;
	text-transform: uppercase;
}
.back a {
	color:#999;
	padding:5px 10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.back a:hover {
	color:#000;
	border:solid 1px #000;
}
.back span {
	font-family:arapeyregular;
	font-weight:bold;
}
#product {
	width:1200px;
	margin:20px auto;
}
#type {
	float: left;
	width: 250px;
}
#type h3 {
	font-size:16px;
	line-height:20px;
	padding:5px;
	text-transform: uppercase;
}
#type li {
	padding:3px 0px 3px 20px;
	background:url(../images/td.png) no-repeat 10px center;
	line-height:20px;
	font-size:14px;
}
#prolist {
	float: right;
	width: 906px;
}
#prolist li {
	width:300px;
	height:500px;
	float:left;
	border:solid 1px #F8F8F8;
}
#prolist li .proimg {
	width:200px;
	height:300px;
	margin:0px auto;
	padding-top:10px;
	text-align:center;
}
#prolist li .proimg img {
	vertical-align: middle;
	margin-right: -1px;
}
#prolist li .proimg span {display: -moz-inline-box;/*针对火狐*/}
#prolist li .proimg span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
#prolist li .protxt {
	width:270px;
	height:160px;
	margin:0px auto;
	position:relative;
}
#prolist li .protxt h3 {
	font-size: 14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-top: 10px;
	line-height: 20px;
	text-transform: uppercase;
	text-align:center;
}
#prolist li .protxt p {
	line-height:20px;
	font-size:13px;
	margin-top:10px;
	height:40px;
	overflow:hidden;
	color:#999;
}
#prolist li .protxt .more {
	width:120px;
	height:24px;
	border:solid 1px #DDD;
	position:absolute;
	bottom:0px;
	left:80px;
}
#prolist li .protxt .more a {
	text-transform: uppercase;
	font-size:12px;
	font-weight:normal;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
    position:absolute;
	display:block;
	z-index:101;
	width:120px;
	height:24px;
	line-height:24px;
	text-align:center;
	left:0;
	top:0;
}
#prolist li .protxt .more a:hover,#prolist li .protxt .more:hover a {
	color:#FFF;
}
#prolist li .protxt .more span {
    position:absolute;
	width:0px;
	height:24px;
	left:0;
	top:0;
	background:#000;
	z-index:100;
}
#prolist li .protxt .more:hover span {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	width:120px;
}
#proshow {
	width:980px;
	margin:20px auto;
}
#prospic {
	float: left;
	height: 370px;
	width: 65px;
	margin-top:20px;
}
#prosbtn_up {
	width: 52px;
	height: 8px;
	margin-bottom:12px;
	background: url(../images/arrow.jpg) no-repeat center top;
	cursor:pointer;
}
#prosbtn_dw {
	width: 52px;
	height: 8px;
	background: url(../images/arrow.jpg) no-repeat center bottom;
	cursor:pointer;
	margin-top:12px;
}
#prospic_con {
	height: 330px;
	width: 52px;
	position: relative;
	overflow:hidden;
}
#prospic_con ul{
    position:absolute;
}
#prospic_con li{
    float:left;
	width:52px;
	height:66px;
}
.prospic_img {
	height:48px;
	width: 48px;
	border:solid 1px #DDD;
	text-align:center;
	margin-top:8px;
}
.prospic_img img {vertical-align: middle;margin-right: -1px;}
.prospic_img span {display: -moz-inline-box;/*针对火狐*/}
.prospic_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
.procur{border:solid 2px #333;}
#probpic {
	float: left;
	width:290px;
	text-align:center;
	height:370px;
}
#probpic img {vertical-align: middle;margin-right: -1px;position:relative;z-index:1}
#probpic span {display: -moz-inline-box;/*针对火狐*/}
#probpic span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
#procon {
	float: right;
	width: 580px;
	line-height: 25px;
	margin-top:20px;
	position:relative;
}
#procon h1{
	color:#000;
	font-size:22px;
}
#movelt {
	width:20px;
	height:20px;
	position:absolute;
	background:url(../images/arrow_l.jpg) no-repeat left;
	left:-20px;
	bottom:100px;
	filter: Alpha(opacity=20);-moz-opacity:.20;opacity:0.20;
}
#movelt:hover {
	filter: Alpha(opacity=100);-moz-opacity:1;opacity:1;
}
#movert {
	width:20px;
	height:20px;
	position:absolute;
	background:url(../images/arrow_r.jpg) no-repeat right;
	right:-20px;
	bottom:100px;
	filter: Alpha(opacity=20);-moz-opacity:.20;opacity:0.20;
}
#movert:hover {
	filter: Alpha(opacity=100);-moz-opacity:1;opacity:1;
}
#bestpro {
	clear: both;
	width: 580px;
	margin-top:10px;
	height:220px;
	overflow:hidden;
	position:relative;
}
#bestpro ul{
	border-top:solid 1px #EEE;
	padding-top:10px;
	position:absolute;
}
#bestpro li {
	float: left;
	width: 145px;
	height:220px;
}
.bestpro_img {
	height: 130px;
	width: 130px;
	text-align:center;
}
.bestpro_img img {vertical-align: middle;margin-right: -1px;}
.bestpro_img span {display: -moz-inline-box;/*针对火狐*/}
.bestpro_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;}
.bestpro_txt {
    line-height:18px;
	width: 130px;
	margin:5px auto 0 auto;
	text-align:center;
}
.share {
	border-top:solid 1px #EEE;
	padding-top:10px;
	margin-top:20px;
}
.share li {
	display:inline-block;
}
.share li img {
	vertical-align:middle;
}
.down {
	height: 80px;
}
.down h3 {
	font-size: 14px;
	line-height: 30px;
	height: 30px;
}
.down div {
	background: #EEE;
	height: 35px;
	border-top: 1px solid #DDD;
	line-height: 35px;
	padding-left: 10px;
	padding-right: 10px;
}