/* CSS Document */

.clear{ clear: both;}
li{ list-style: none;}

/*-----------------------------------Reset------------------------------------*/ 

body{font-family:"微软雅黑"; font-size:20px; color:#ff6700;  text-align:center; }

.banner img{width: 100%;height: auto;}
.bg{width:100%; background: url(../images/bg.jpg) repeat; background-position:top center; background-repeat:repeat; background-color:#e6e6e6;padding-top:50px;}
.spike{width:1118px; height:616px; background-position:center center; background-repeat:no-repeat; margin:25px auto 0 auto; }



.commodity{ display: table; width:1204px; margin: 0 auto;padding-top:0px;}
.commodity li{float:left; width:285px; height:413px; color:#FFFFFF; position: relative; margin: 8px; border-radius:0.1rem; overflow: hidden; background-image: url("../images/qwe.png"); background-size: 100% auto;	
	transition:All 0.3s ;
	-ms-transition:All 0.3s ;
	-webkit-transition:All 0.3s ;
	-moz-transition:All 0.3s ;
	-o-transition:All 0.3s ;
position: relative;}

.commodity a{color:#FFFFFF;}
.commodity img{ width:100%; height:auto; }

.commodity li:hover {
	
	transform:translate(0,-19px);
	-ms-transform:translate(0,-19px);
	-webkit-transform:translate(0,-19px);
	-moz-transform:translate(0,-19px);
	-o-transform:translate(0,-19px);
}

.title{ width:1200px; margin:0 auto 0 auto;padding-top: 0px;}

.logo{ width:314px; margin:0 auto; padding-top:45px;}



.orig{ position: absolute; color: #c16f2a; font-size: 24px; left: 91px;  bottom: 15px; }
.price{ position: absolute; color: #c16f2a; font-size:24px; left:109px; bottom:50px;} 


.sp{ padding:2px 3px 0.8px 3px; margin:0px;}
.sp_name{ font-size: 20px;  margin: 0 2px; color: #c16f2a; line-height: 40px;}

.shangpin li{ float:left; margin:4px; margin-top:8px; }
.shangpin{width:1180px; margin:0 auto; padding-top: 10px;}

.shangpin3 li{ float:left; margin:34px 45px 24px 45px; margin-top:6px; }
.shangpin3{width:845px; margin:0 auto; padding-top:85px;}


.spike{width:1118px; height:500px; background-position:center center; background-repeat:no-repeat; margin:25px auto 0 auto; }

.pinpai{ width:1200px; height:770px; background:url(../images/pinpai.png) center center no-repeat; margin:0 auto;text-align:center; }

.spike_s li{
	float:left; margin: 0 5px;                
	width:250px; height:390px;
    transition: All 0.3s ;
	
	width: 250px;
	height: 390px;
	-ms-transition:All 0.3s ;
	-webkit-transition:All 0.3s ;
	-moz-transition:All 0.3s ;
	-o-transition:All 0.3s ;
}

.spike_s li img{ width:100%; height:auto;}



.spike_s li:hover {
	
	transform:translate(0,-19px);
	-ms-transform:translate(0,-19px);
	-webkit-transform:translate(0,-19px);
	-moz-transform:translate(0,-19px);
	-o-transform:translate(0,-19px);
}

.spike_s{ margin-left:38px; padding-top:45px;}





.spike_q{ width:1120px; height: auto; margin:40px auto;margin-left:120px;}
.spike_q li{ float:left; width:240px; height:116px;margin:10px;padding-top: 40px;}
.spike_q img{ width:100%; height:auto;}