.product-index { width: 100%; height: 530px; padding-top: 145px; }
.product-index .sub-arrow-btn { width: 32px; height: 60px; margin-top: -30px;}
.product-index .sub-arrow-left{ left: -60px; background-position: -234px -247px; }
.product-index .sub-arrow-left:hover{ background-position: -265px -247px; }
.product-index .sub-arrow-right{ right: -60px; background-position: -265px -307px; }
.product-index .sub-arrow-right:hover{ background-position: -233px -307px; }
.product-index .sub-index-title h1{ font-size: 22px; }
.product-index .sub-index-title .p{ font-size: 14px; line-height: 22px;}
.product-index .index-list { margin-top: 35px; position: relative; width: 640px; }
.product-index .index-list .swiper-container { height: 355px; overflow: hidden; }
.product-index .index-list .index-list-w { width: 640px; }
.product-index .index-list .index-list-item { float: left; margin: 0 30px 35px; width: 100px; text-align: center; }
.product-index .index-list .index-list-item:hover .border { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.product-index .index-list .img { position: relative; }
.product-index .index-list .img img{width: 100px; height: 100px;}
.product-index .index-list .img-d { opacity: 1; filter: alpha(opacity=100); }
.product-index .index-list .img-h { position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0); }

.product-index .index-list .title { font-size: 14px; margin-top: 22px; color: #fff;  width:100%; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}