body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; overflow-x:hidden; zoom:0.9; -moz-transform:scale(0.9); -moz-transform-origin:top center; margin:0 auto; width:1300px;}
.fix, .clearfix{ clear:both;}
a{ text-decoration:none; color:#aaa;}
a:hover{ color:#111}
img{ border:0;}
ul, ul li{ list-style:none; margin:0; padding:0; }
.header, .nav, .post, .box, .footer{ width:1300px; margin:40px auto;}
.header{ position:relative; }

.nav{ background:#2c2c2c; height:55px; margin-top:-40px;}
	.nav a{ font-size:2em; line-height:55px; color:#ccc; display:inline-block; padding:0 80px; font-weight:400;}
	.nav a:hover{ color:#fff}


.box{ }
	.left{ float:left; width:320px; }
		.categories{ height:630px;
-webkit-box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, .3);
-moz-box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, .3);
box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, .3);}
			.title{ height:55px; line-height:55px; font-size:1.4em; font-weight:900; background:#2c2c2c; text-align:center; color:#fff; }
			
			.leftcate{ height:540px; overflow-y:scroll; font-size: 15px; line-height:25px; font-weight:600;}
				.leftcate ul li{
				margin:0;
				padding:10px 0 0 10px;
				display:block;
				position:relative;
				}
				.leftcate ul li a:hover, .leftcate ul ol li a:hover{ color:#111;}
			
	.right{ float:right; width:950px; margin-bottom:40px;}
		.newp{ height:630px;
-webkit-box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, .3);
-moz-box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, .3);
box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, .3);
		}
			.titleright{ height:55px; line-height:55px; font-size:1.4em; font-weight:900; background:#2c2c2c; padding-left: 20px; color:#fff; }
				.titleright a{ float:right; margin-right:20px; font-size:18px;}
				.titleright a:hover{color:#fff;}
			.newproducts{
				width:930px;
				float:right;
				padding:15px 10px 0;
				position: relative;
}
			.newproducts li{
width: 210px;
height: 240px;
padding: 5px;
margin: 0 9px 10px 0;
float: left;
border: 1px solid #fff;
text-align: center;
}
			.newproducts li:hover{ border:1px solid #ccc;}
			.newproducts li a.atw{display:block; margin:auto; width: 160px; height:35px; line-height:35px; background:#999; color:#fff; border-radius:25px; font-weight:800;}
			img.h160{ height:150px; width:150px;}
			a.w160{width:200px; height:23px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; display:block; line-height:18px; font-size:14px; }
			.mn{ height:22px; display:block; text-align:center;}
	.subslider{ margin-top: 15px; float:left; }
		.parentclass{ float:left; width:300px; height:200px;}
		
		.image_carousel {
			width:910px; height:200px;
			padding: 0 45px 0 45px;
			position: relative; float:right;
		}
		.image_carousel li{ width:205px; height:200px; float:left; text-align:center; padding:5px; margin:0 5px;}
		.image_carousel li img {
			height:170px;
			width:170px;
			margin-right:5px;
			padding-top:5px;
			display: block;
			float: left;
		}
		a.prev, a.next {
			background: url(../img/leftrightbtn.png) no-repeat transparent;
			width: 45px;
			height: 45px;
			display: block;
			position: absolute;
			top: 80px;
		}
		a.prev {            left: 0;
							background-position: 0 0; }
		a.prev:hover {      background-position: 0 -50px; }
		a.prev.disabled {   background-position: 0 -100px !important;  }
		a.next {            right:0;
							background-position: -50px 0; }
		a.next:hover {      background-position: -50px -50px; }
		a.next.disabled {   background-position: -50px -100px !important;  }
		a.prev.disabled, a.next.disabled {
			cursor: default;
		}
		a.prev span, a.next span {
			display: none;
		}
.footer{ background:#2c2c2c; color:#807f7f; height:280px; margin-bottom:10px;}


.footer .iimg{width: 180px; float:left; margin: 40px -50px 20px 80px;}
        .iimg img{width: 180px;}
        .iimg p{ text-align:center}
.footer .rinfo{ font-size: 14px; color:#ccc; float:left; margin:45px 0 0 120px; width: 750px;}
        .rinfo ul li{padding:15px; display:inline; }
        .rinfo ul li a:hover{color:#fff;}
        .rinfo p{line-height: 30px;}


.pikachoose {width: 1300px; margin: -15px auto; position:relative;}
.pika-thumbs {margin: 0 0 10px 0; width:190px;position: absolute;top: 0;right: 0;}
	.pika-thumbs li { margin: 0 0 12.5px; width:190px; height:100px; padding: 0; overflow: hidden; cursor: pointer; float: left; list-style-type: none;}
	.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(../img/prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 0; left: 0; cursor:pointer;}
	.pika-imgnav a.next {background: url(../img/next.png) no-repeat right 45%; height: 100%; width: 50px; top: 0; right: 0; cursor:pointer;}
	
.pika-stage, .pika-textnav {width: 1100px;}
.pika-stage {position: relative; padding:0; text-align:center; width:1100px; height:550px;}
.pika-stage img{width:1100px; height:550px;}
.pika-textnav, .pika-counter{ display:none;}

.about{float:left; background:url(../img/ab.jpg) no-repeat top 30% left 50%; height:500px; }
.about .detail{float:left; background:url(../img/blue.png.webp) no-repeat center; margin:60px; height:340px; padding: 20px 80px; text-align:center; font-size: 18px; line-height:38px; color:#fff; }
.about .detail p{margin:5px; }
.about .detail a{ display:block; margin:auto; width: 100px; background:#fff; color:#1f87e8; border-radius:25px;}


.search{ width:1300px; margin: -15px 0 35px 0; padding:0; }
.search form{margin:0; padding:0}
.key{ width:1200px; height:40px;}
.button{ width:95px; height:40px;}