@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: 635px; 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("../images/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("../images/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: 635px;}

ul.slide-list li a {position:absolute; top:0; left:50%; margin-left:-960px;}



.switchable-triggerBox{position: absolute; top:560px; left:50%; width:1200px; 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("../images/yuan-white.png") no-repeat 0 0; _background: url("../images/yuan-white.gif") no-repeat 0 0; text-align:center;}

.switchable-triggerBox span.active{background: url("../images/yuan-black.png") no-repeat 0 0; _background: url("../images/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:52px; height:134px; z-index:20; font-size:0; line-height:0; cursor:pointer;}

.main-slide .prev {left:-60px; background:url('../images/left-but.png') no-repeat 0 0; _background:url('../images/left-but.gif') no-repeat 0 0;}

.main-slide .next {right:-60px; background:url('../images/right-but.png') no-repeat 0 0; _background:url('../images/right-but.gif') no-repeat 0 0;}



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

.main-img-list li {float:left;}