/*=================================index-banner============================================*/

.libotm{ height:56px; width:100%; bottom:0px; left:0px;background: rgba(74,71,64,0.65); position:absolute; z-index:9;}

.libotm .center{ width:1145px; margin-left:auto; margin-right:auto; }

.libotm .center .prev { width:17px; height:31px; background:url(../images/left.png) no-repeat center center; float:left; margin-top:12px; cursor:pointer;}
.libotm .center .next { float:right; width:17px; height:31px; background:url(../images/right.png) no-repeat center center; float:right;margin-top:12px;cursor:pointer;}

.ind-banner { width: 100%; background-color: #f8f8f8; height:777px; position:absolute;z-index:0; text-align:center;}



.inpic-tab { width:100%; min-width:1200px; height: 777px; position:relative; z-index:0; overflow:hidden;}



.auto-bind-widget { width:100%; height:777px; margin:0px auto; position: relative; z-index:2;}



.auto-bind-widget .prev{  background:url("../images/prev.png") no-repeat 0 250px; width:100px; height:777px; 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 300px; width:100px; height:777px; 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: 777px;text-align:center; z-index:0;}



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



ul.slide-list li a img {height: 777px;}


.slide-list { position:absolute; width:100%; height:777px; z-index:0;}








.switchable-triggerBox{position: relative; top:740px; left:0; width:100%; height:22px; z-index:10; font-size:0; line-height:0;  }



 .kjk{ width:140px; margin-left:auto; margin-right:auto; text-align:left; position:relative; }



.switchable-triggerBox span {display:inline-block; width:22px; height:22px; margin:0 3px; background: url("../images/dian.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/dianr.png") no-repeat 0 0; _background: url("../images/yuan-black.gif") no-repeat 0 0;}




.libotm .center span {display:inline-block; width:22px; height:22px; margin:0 3px; background: url("../images/dian.png") no-repeat 0 0; _background: url("../images/yuan-white.gif") no-repeat 0 0; text-align:center; margin-top:20px;}



.libotm .center span.active{background: url("../images/dianr.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 { position:absolute; top:700px;  z-index:20;  cursor:pointer;}



.main-slide .prev { width:17px; height:31px; background:url(../images/left.png) no-repeat center center;}



.main-slide .next {width:17px; height:31px; background:url(../images/right.png) no-repeat center center;}
*/




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



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