@charset "utf-8";
/* CSS Document */
.index-pro{padding:30px 0; background:#f9f9f9;}
.index-pro .title{border-bottom:1px solid #ccc; background:url(/public/static/image/qianduan/img/title-icon01.png) no-repeat left bottom; padding-bottom:10px; font-size:16px;}
.index-pro .title h3{font-size:30px;}
.index-pro .title .dis{font-size:16px; padding-top:16px; padding-left:20px;}
.index-pro .title .dis span{display:inline-block; padding-right:20px; cursor:pointer;}
.index-pro .title .dis-cut,.index-pro .title .dis span:hover{color:#006699;}
.index-pro .title a{display:inline-block; float:right; padding-top:16px; text-transform:uppercase; color:#999;}
.index-pro .title a:hover{color:#006699}
.index-pro .index-list{overflow:hidden;}
.box{width:1350px;}
.pro{display:block; float:left; margin-right:27px; background:#fff; width:300px; margin-top:40px;}
.pro:hover{box-shadow:0 0 10px 5px rgba(0,0,0,0.1);}
.pro img{width:300px; height:300px; border-bottom:1px solid #eee;}
.pro .info{padding:20px; line-height:30px; position:relative;}
.pro .info span{display:inline-block;}
.pro .info span:nth-child(1){color:#666;}
.pro .info h4{padding-top:10px; font-size:16px; width:100%; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#006699;}
.pro .info span:nth-child(3){color:#999;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro .info .price{color:#F00; font-size:18px; padding-top:10px;}
.pro .info .button{position:absolute; right:20px; bottom:20px; font-weight:600; color:#333;}

.index-news{padding:30px 0; overflow:hidden;}
.news-list{float:left; position:relative; overflow:hidden; height:640px; width:380px; margin-right:40px; bor-radius:5px; background:#e9f0f5;}
.news-list:hover{box-shadow:0 0 10px 5px rgba(0,0,0,0.1);}
.news-list .news-box{background:rgba(255,255,255,0.6); position:absolute; top:170px; left:0; padding:25px; width:100%}
.news-list:hover .news-box{top:-30px;}
.news-list .news-box h3{font-size:24px; margin:50px 0 30px; font-weight:600;}
.news-list .news-box .list{margin-bottom:30px;}
.news-list .news-box .list .time{color:#666; float:left; padding:0 10px 0 0; border-right:1px solid #006699; text-align:center; width:70px; line-height:30px;}
.news-list .news-box .list .time span{font-size:40px; font-weight:600;}
.news-list .news-box .list .info{width:230px;}
.news-list .news-box .list .info h4 a{font-size:18px; line-height:30px; color:#666;}
.news-list .news-box .list .info h4 a:hover{color:#006699;}
.news-list .news-box .button{margin-top:20px; color:#006699; font-size:16px; display:inline-block; padding-bottom:40px;}
.news-list .news-box .button:hover{color:#666;}

.news-list:nth-child(2){width:440px;}
.news-list:nth-child(2) .news-box .list .info{width:290px;}

.buy-sort,.user-sort{display:none;}

.banner{height:400px; overflow:hidden; position:relative;}
.main-slider{width:100%; height:100%; position:relative; overflow:hidden}
.slide-item{min-width:996px; width:100%; height:100%; position:absolute; left:0; top:0; display:none}
.slide-item a{display:block; width:100%; height:100%;}

.thumbs{position:absolute; left:0; bottom:-100px; z-index:4; width:100%; height:90px; margin:0; padding:5px; background:rgba(0,0,0,0.6); text-align:center;}
.banner:hover .thumbs{bottom:0;}
.thumbs li{list-style:none; position:relative; width:180px; height:80px; background-repeat:no-repeat; background-position:canner center; background-size:cover; display:inline-block; opacity:0.6}

.thumbs li.curr,.thumbs li:hover{opacity:1;}
.thumbs li div{height:82px;padding-top:18px;border-left:2px solid #fff;border-right:2px solid #fff}

.swipslider{position:relative;overflow:hidden;display:block;padding-top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.swipslider .sw-slides{display:block;padding:0;list-style:none;width:100%;height:400px;white-space:nowrap;font-size:0;-webkit-transform:translateX(0);transform:translateX(0);position:absolute;bottom:0}
.swipslider .sw-slide{width:100%;height:400px;margin:auto;display:inline-block;position:relative}
.swipslider .sw-slide>img{height:400px;max-width:100%;margin-left:auto;margin-right:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.swipslider .sw-slide .sw-content{width:100%;height:400px;margin-left:0;margin-right:0;font-size:14px}
.sw-next-prev{height:50px; width:50px; text-align:center; position:absolute; line-height:50px;font-size:30px; color:rgba(160,160,160,0.53); top:50%; background:rgba(255,255,255,0); border-radius:5px; text-decoration:none; cursor:pointer; margin-top:-25px; font-weight:100;}
.sw-next-prev:hover{background-color:rgba(255,255,255,0.5);  color:#333}
.sw-next-prev:active{background-color:rgba(255,255,255,0.5)}
.sw-prev{left:2%}.sw-prev::after{content:'<'}
.sw-next{right:2%}.sw-next::after{content:'>'}
.sw-bullet{position:absolute;bottom:4%;list-style:none;display:block;width:100%;text-align:center;padding:0;margin:0}
.sw-bullet li{width:10px;height:10px;background-color:rgba(160,160,160,0.53);border-radius:50%;display:inline-block;cursor:pointer;transition:all .2s ease-out}
.sw-bullet li:hover{background-color:rgba(255,255,255,0.74)}
.sw-bullet li.active{background-color:rgba(255,255,255,0.5);box-shadow:0 0 2px rgba(160,160,160,0.53)}
.sw-bullet li:not(:last-child){margin-right:5px}