body {

	padding: 0;

	margin: 0;

}

.pc-slide .view img{

	width:100%;

	height:100%;

}

.pc-slide .preview img{

	width:85%;

	height:100%;

	margin:3px auto;

}

.pc-slide {

	width: 100%;

	margin: 0 auto;

}



.pc-slide .view .swiper-slide .swiper-imgtl{

	    position: absolute;

    width: 100%;

    background: url(../images/bluebg.png);

    bottom: 0px;

    height: 5vh;

    line-height: 5vh;

    text-align: center;

    color: #fff;

    font-size: 18px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.view .swiper-container {

	width: 100%;

	height: 667px;

}



.view .arrow-left {

	background: url(../images/index_tab_l.png) no-repeat left top;

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -25px;

	width: 32px;

    height: 32px;

    z-index: 10;

    background-size: 100%;

}



.view .arrow-right {

	background: url(../images/index_tab_r.png) no-repeat left bottom;

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -25px;

	width: 32px;

    height: 32px;

    z-index: 10;

    background-size: 100%;

}



.preview {

	width: 100%;

	margin-top: 10px;

	position: relative;

}



.preview .swiper-container {

	width: 100%;

    height: 12vh;

    margin-left: 35px;

}



.preview .swiper-slide {

	width: 9.5rem;

	height: 10vh;

	position:relative;

	

}



.preview .slide6 {

	width: 82px;

}



.preview .arrow-left {

	background: url(../images/feel3.png) no-repeat left top;

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -9px;

	width: 9px;

	height: 18px;

	z-index: 10;

}



.preview .arrow-right {

	background: url(../images/feel4.png) no-repeat left bottom;

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -9px;

	width: 9px;

	height: 18px;

	z-index: 10;

}



.preview img {

	padding: 1px;

}



.preview .active-nav img {

	padding: 0;

    border: 3px solid #32a0d5;

    margin-top: 0px;

}