@charset "utf-8";
/* CSS Document */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; overflow:hidden;}
.clear{ clear:both; height:0;}
/*自适应宽度焦点图*/
.slideBox{ position:relative; overflow:hidden; margin:0 auto; max-width:640px;/* 设置焦点图最大宽度 */}
.slideBox .hd{ position:absolute; height:40px; line-height:40px; bottom:0; right:0; z-index:1; width:100%;}
.slideBox .hd ul{ margin:0 auto; display:table;}
.slideBox .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px; cursor:pointer;}
.slideBox .hd li.on{ background:#fff;}
.slideBox .bd{ position:relative; z-index:0;}
.slideBox .bd li{ position:relative; text-align:center;}
.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{ display:none; width:100%; position:absolute; bottom:0; text-indent:10px; height:40px; line-height:40px; background:rgba(0,0,0,0.4); color:#fff; text-align:left; opacity:1;}
	/* 下面是前/后按钮代码，如果不需要删除即可 */
	.slideBox .prev,.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/l.png) no-repeat; filter:alpha(opacity=50);opacity:0.6;}
	.slideBox .next{ left:auto; right:3%; background:url(../images/r.png) no-repeat;}
	.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
	.slideBox .prevStop{ display:none;}
	.slideBox .nextStop{ display:none;}	

 
#{ margin:0px; padding:0px; word-wrap:break-word;}
html{ overflow-x:hidden; padding-y:auto; color:#565656;}
body{ margin:0; padding:0; font:normal 100% Helvetica,Arial,sans-serif;}

h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol,li,dl,dt,dd{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font:12px/1.5 tahoma,arial,sans-serif; vertical-align:middle;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
.clear{display:block;float:none;clear:both;overflow:hidden;visibility:hidden;width:0;height:0;background:none;border:0;font-size:0}

@media(min-width:641px){body{ width:640px;margin:auto;}}

ul{
	margin: 0px;
	padding: 0px;
}
ul li{
	list-style: none;
}
.container .title{
	width:859px;
	margin: 0px auto;
	margin-top: 50px;
}
.content{
	width: 100%;
    margin: 0 auto;
}
.content .left{
	float: left;
    width: 100%;padding-top: 20px;
}
.content .right{
	width: 34%;
	float: left;
	position: relative;
}
.content .right .img_auto{
	text-align: center;
}

.right .goods  li{
	width:48%;
}
.right .goods  li img{
	border-radius: 50%;
}
.right .goods{
	position: relative;
}
.right .goods .goods_1,.right .goods .goods_2,.right .goods .goods_3,.right .goods .goods_4,.right .goods .goods_5{
	position: absolute;
}
.goods_1{
	left: 0px;
	top:0px;
}
.goods_2{
	right:0px;
	top:0px;
}
.goods_4{
	left: 0px;
	bottom:0px;
}
.goods_5{
	right:0px;
	bottom: 0px;
}

@media screen and (min-width: 1400px) and (max-width: 2000px) { 
	.goods{
		height: 608px
	}
	.goods_3{
		top: 32%;
    	left: 25.5%;
	}
.img1{background:url(../images/1.jpg) 50% 50% no-repeat;height:46px}
.img2{background:url(../images/2.jpg) 50% 50% no-repeat;height:427px}
.img3{background:url(../images/11.jpg) 50% 50% no-repeat;height:58px;    background: #552200;}
.img4{background:url(../images/10.jpg) 50% 50% no-repeat;height:550px}
}
@media screen and (min-width: 1279px) and (max-width: 1400px) {
	.goods{
		height: 442px
	}
 	.goods_3{
		top: 32%;
    	left: 25.5%;
	}
.img1{background:url(../images/1.jpg) 50% 50% no-repeat;height:46px}
.img2{background:url(../images/2.jpg) 50% 50% no-repeat;height:427px}
.img3{background:url(../images/11.jpg) 50% 50% no-repeat;height:58px;    background: #552200;}
.img4{background:url(../images/10.jpg) 50% 50% no-repeat;height:550px}
}
@media screen and (min-width: 1151px) and (max-width: 1279px) {
 	.goods{
		height: 334px
	}
 	.goods_3{
		top: 32%;
	   left: 25.5%;
	}
.img1{background:url(../images/1.jpg) 50% 50% no-repeat;height:46px}
.img2{background:url(../images/2.jpg) 50% 50% no-repeat;height:427px}
.img3{background:url(../images/11.jpg) 50% 50% no-repeat;height:58px;    background: #552200;}
.img4{background:url(../images/10.jpg) 50% 50% no-repeat;height:550px}
}
@media screen and (min-width: 100px) and (max-width: 1150px) {
.img1{background:url(../images/1.jpg) 0 0 no-repeat;height:46px}
.img2{background:url(../images/2.jpg) 50% 50% no-repeat;height:427px}
.img3{background:url(../images/11.jpg) 50% 50% no-repeat;height:58px;    background: #552200;}
.img4{background:url(../images/10.jpg) 50% 50% no-repeat;height:550px}
	.goods{
		height: 362px
	}
	.goods_3{
		top: 32%;
	   left: 25.5%;
	}
}

.search{
	height: auto;
	background-color: #fff;
    padding: 10px;
}
.search .center{

	margin:0 auto; 
}
.search .center .select{
	padding: 15px 0px;
}
.search input{
	float: left;
    display: block;
    width: 100%;
	height:40px;
	border:1px solid #ccc;
    font-size:28px;
    border-radius: 5px;
}
.search .ab{
    margin-top: 20px;
	float: left;
    display: block;

    line-height: 20px;
    text-align: center;
    color: #fff;
    background-color: #F9E32D;
    font-size: 20px;
    font-family: '微软雅黑';
border:none;
 cursor:pointer;
 border: 1px solid #ffffff;

}
.bottom{
	width: 80%;
	margin: 0 auto;

}
.bottom .goods_list  li{
	float: left;
	width: 33.3%;
	text-align: center;
	margin: 25px 0px;
	
}
.bottom .goods_list  li img{
	border-radius: 50%;
}

#imgbox-loading {position: absolute;top: 0;left: 0;	cursor: pointer;display: none;z-index: 90;}
#imgbox-loading div {background: #FFF;width: 100%;height : 100%;}
#imgbox-overlay {position: absolute;top: 0;	left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}
.imgbox-wrap {position: absolute;top: 0;left: 0;background: #FFF;display: none;	z-index: 90;}
.imgbox-img {padding: 0;margin: 0;border: none;width: 100%;	height: 100%;vertical-align: top;}
.imgbox-title {	padding-top: 10px;font-size: 11px;text-align: center;font-family: Arial;color: #333;display: none;}
.imgbox-bg-wrap {position: absolute;padding: 0;margin: 0;display: none;}
.imgbox-bg {position: absolute;width: 20px;	height: 20px;}