@charset "utf-8";
/*生活家PC端官网  author @低调729587652 2017-12-28*/


/*header*/
header{width: 100%; height: 40px; background: #3b3b3b;}
header .content{width: 1260px; margin: 0 auto; line-height: 40px; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between;}
header .content *{color: #fff; font-size: 12px;}
header .content div a:hover{opacity: .9; }
header .content div i{background: url(../images/icon.png); background-position: 0 0; width: 10px; height: 15px;}
header .content ul li{padding: 0 10px; float: left; border-left: 1px solid #848484; height: 14px; line-height: 14px; margin-top: 13px;}
header .content ul a:first-child li{border: none;}
header .content ul li:hover{color: rgba(255,255,255,.9); }


/*index-banner*/
.index-banner{width: 100%; height: 650px; overflow: hidden; background: #000; position: relative;}
.index-banner .swiper-container {width: 100%; height: 650px;}
.index-swiper-banner{width: 70px; height: 80px; overflow: hidden; z-index: 2; background: none;}
.index-swiper-banner,.index-swiper-banner>*{transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.index-swiper-banner div{width: 235px; height: 80px; float: left;}
.index-swiper-banner div:first-child{width: 70px; background: #000 url(../images/icon.png) no-repeat; background-position:  15px -953px; position: absolute; top: 0; left: 0; z-index: 2;}
.index-swiper-banner .btn-hover{background: #fff url(../images/icon.png) !important; background-position:  50px -953px !important;}
.index-swiper-banner div:last-child{width: 235px; height: 80px; position: absolute; top: 0; left: -70px;  opacity: 0; z-index: 1;}
.index-swiper-banner div:last-child *{width: 100%; height: 80px; float: left;}
.index-swiper-banner div:last-child span{background: #fff; text-align: center; line-height: 80px; font-size: 14px; padding: 0 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block;}
.index-banner .swiper-button-prev{ left:0; }	
.index-banner .swiper-button-next{ right:0; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.index-banner .swiper-button-next div:last-child{transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.index-banner .swiper-slide{background-size: auto 100%; background-position: center center; background-repeat: no-repeat;}	
.index-banner .swiper-pagination-bullet{width: 30px; height: 4px; background: #fff; border-radius: 0;}
.index-banner .banner-info{position: absolute; bottom: 50px; left: calc(50% - 390px); background: rgba(0,0,0,.4); z-index: 3; padding: 10px 20px 15px;}
.index-banner .banner-info h5{color: #fff; margin-bottom: 5px;}
.index-banner .banner-info input{height: 40px; border: none; margin-right: 20px; width: 180px;}
.index-banner .banner-info input:last-child{margin-right: 0; background-color: #111111; color: #fff;}
.index-banner .banner-info .info{text-indent: 10px;}
.index-banner .banner-info .info:nth-child(2){width: 340px;}
.index-banner .banner-info input[type='button']{background: #00ae66; color: #fff; vertical-align: bottom; cursor: pointer;}