@charset "utf-8";


/*=================================index-banner============================================*/
.ind-banner { width: 100%; background-color: #f8f8f8; height:500px; margin: 0 auto; z-index:0;}
.inpic-tab { width:100%; min-width:1200px; height: 500px; margin: 0 auto; overflow: hidden; position:relative; z-index:0;}
.auto-bind-widget { width:100%; height:500px; margin: 0 auto; position: relative; z-index:2;}
.auto-bind-widget .prev{  background:url("prev.png") no-repeat 0 250px; width:100px; height:500px; position: absolute; left:-100px; z-index: 999;  display: inline-block; cursor: pointer; text-indent: -9999px; display:none;}
.auto-bind-widget:hover .prev{display: inline-block;}
.auto-bind-widget .next { background: url("next.png") no-repeat 49px 250px; width:100px; height:500px; position: absolute; right:-100px; z-index: 999; display: inline-block; cursor: pointer; text-indent: -9999px;display:none;}
.auto-bind-widget:hover .next{display: inline-block;}
ul.slide-list li{display:block; position:absolute; width: 100%; height: 500px;}
ul.slide-list li a {position:absolute; top:0; left:50%; margin-left:-960px;}

.switchable-triggerBox{position: absolute; top:450px; left:0; width:100%; height:18px; z-index:10; font-size:0; line-height:0; text-align:center;}
.switchable-triggerBox span {display:inline-block; width:18px; height:18px; margin:0 3px; background: url("yuan-white.png") no-repeat 0 0; _background: url("yuan-white.gif") no-repeat 0 0; text-align:center;}
.switchable-triggerBox span.active{background: url("yuan-black.png") no-repeat 0 0; _background: url("yuan-black.gif") no-repeat 0 0;}

 

.indexgoods { width: 1200px; margin: 0 auto; padding: 10px 0; overflow:hidden;}
.indexgoods .title-banner {position:relative; float:left; width:300px; height:300px; overflow:Hidden;}
.indexgoods .title-banner .title {display:block; position:absolute; bottom:-50px; transition:bottom 0.5s; left:0; width:280px; height:46px; padding:4px 10px 0; background:url('mb-bg.png') repeat-x 0 0; color:#fff; font-size:14px; line-height:21px; text-align:center;}
.indexgoods .title-banner a:hover {border:none;}
.indexgoods .title-banner a:hover .title {bottom:0;transition:bottom 0.5s;}
.indexgoods ul.goods-list { }
.indexgoods ul.goods-list li.goods-item { width: 300px; height: 266px; float: left; }
.indexgoods ul.goods-list li.goods-item .goods-name { display: none; }
.indexgoods ul.goods-list li.goods-item .goods-price { display: none; }

ul.citylist{}
ul.citylist li { float: left; padding:0; }
.city-close { display: block; text-align: right; padding: 5px; }


.main-slide .prev, .main-slide .next {display:none; position:absolute; top:250px; width:51px; height:101px; z-index:20; font-size:0; line-height:0; cursor:pointer;}
.main-slide .prev {left:25px; background:url('left-but.png') no-repeat 0 0; _background:url('left-but.gif') no-repeat 0 0;}
.main-slide .next {right:25px; background:url('right-but.png') no-repeat 0 0; _background:url('right-but.gif') no-repeat 0 0;}

.main-img-list {width:100%; overflow:hidden;}
.main-img-list li {float:left;}