/* CSS Document */

	.m-list1{
	overflow: hidden;
	padding: 14px 0 25px;
	border-bottom: 1px dotted #a9a9a9;
}
.m-pic1{
	float: left;
	width: 380px;
}
.m-txt1{
	overflow: hidden;
	padding-left: 38px;
}
.m-txt1 .tit{
	font-size: 16px;
	padding-bottom: 9px;
	margin-bottom: 9px;
	border-bottom: 1px dotted #a9a9a9;
	font-weight: 600;
}
.m-txt1 .txt{
	margin-right: 100px;
}
.m-txt1 .txt p{
	line-height: 28px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #2f2f2f;
}

.m-txt1 .btn{
	display: block;
	width: 98px;
	height: 32px;
	line-height: 32px;
	padding-left: 15px;
	background-color: #007ccb;
	color: #fff;
}
.m-txt1 .btn:hover{
	background-color: #444;
}
.m-txt1 .btn span{
	display: block;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(http://www.jssstyb.com/Templates/0323y-asp/img/btn-r.png);
}

.m-txt2{
	margin-top: 12px;
	font-size: 14px;
	line-height: 26px;
}
.ul-arrow{
	overflow: hidden;
	margin: 15px 0;
}
.ul-arrow li{
	float: left;
	font-size: 14px;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ul-arrow li:last-child{
	float: right;
}

.ul-arrow li a{
	color: #337ab7;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.ul-arrow li a:hover{
	color: #007ccb;
}
.m-list3{
	padding: 5px 0;
}
.ul-city{
	overflow: hidden;
	padding-top: 20px;
}
.ul-city li{
	float: left;
	margin-bottom: 20px;
}
.ul-city li a{
	display: block;
	margin-right: 17px;
	font-size: 14px;
}
.ul-city li a:hover{
	color: #007ccb;
}
		
		
		
		div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}
div.zoomMask{position:absolute;background:url(http://www.jssstyb.com/Templates/0323y-asp/img/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}


.eyou-showcase {margin-bottom: 30px;}
.eyou-showcase-pic {position: relative;width: 100%;overflow: hidden;float: left;}
.eyou-showcase-pic .bd {font-size: 0;margin-top: 13px;overflow: hidden;}
.eyou-showcase-pic .bd li {height: 75px;line-height: 75px;cursor: pointer;display: inline-block;width: 99px;border: 1px solid #ddd;padding: 1px;margin: 0 5px;}
.eyou-showcase-pic .bd li.active {border-color: #c80003;}
.eyou-showcase-pic .prev,.eyou-showcase-pic .next {position: absolute;background: no-repeat 0 0;width: 14px;height: 27px;bottom: 26px;z-index: 2;}
.eyou-showcase-pic .prev {background-image: url(http://www.jssstyb.com/Templates/0323y-asp/img/zlztdetailscon1btn01.png);left: 0;}
.eyou-showcase-pic .next {background-image: url(http://www.jssstyb.com/Templates/0323y-asp/img/zlztdetailscon1btn02.png);right: 0;}
.eyou-showcase-pic .prev:hover,.eyou-showcase-pic .next:hover {background-position: 0 bottom;}
.eyou-showcase-pic .cover {height: 300px;line-height: 300px;border: 1px solid #ddd;padding: 1px;}
.eyou-showcase-pic .cover a{
	display: block;
	width: 100%;
	height: 100%;
}
.eyou-showcase-info {float: right;width: 500px;}
.eyou-showcase-info h1 {margin: 0 0 15px;font-size: 20px;overflow: hidden;font-weight: normal;border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.eyou-showcase-info p {margin: 0;color: #666;line-height: 2;}
.eyou-showcase-info .tel {border-top: 2px solid #e6e6e6;margin-top: 15px;padding-top: 15px;background: url(http://www.jssstyb.com/Templates/0323y-asp/img/viskins-p1.png) no-repeat 0 15px;height: 42px;padding-left: 50px;line-height: 21px;}
.eyou-showcase-info .tel a {float: right;line-height: 42px;padding: 0 15px;background-color: #c80003;color: #fff;}
.eyou-showcase-info .tel span {display: block;color: #c80003;font-size: 18px;}
	div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}
div.zoomDiv img{
	max-width: none;
}
div.zoomMask{position:absolute;background:url(http://www.jssstyb.com/Templates/0323y-asp/fangda/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}


.m_pic_showpic {
    display: none;
}
.m_showpic img {
    display: block;
    max-width: 100%;
}
		.pc-slide {
    width: 100%;
    margin: 0 auto;
}
.m-pic1 .view .swiper-slide{
	padding: 0 2px;
}
.view .swiper-slide .imgauto {
    width: 100%;
    height: 350px;
    line-height: 350px;
}
.view .swiper-container {
    width: 100%;
}

.preview {
    width: 100%;
    margin-top: 10px;
    position: relative;
}

.preview .swiper-container {
    margin: 0 10%;
}

.preview .swiper-slide {
	/*width: 33.33%;*/
	width: 101px;
    padding: 5px;
}
.preview .swiper-slide .imgauto {
	width: 100%;
	height: 80px;
	line-height: 78px;
	border: 1px solid #ddd;
	text-align: center;
	font-size: 0;
	cursor: pointer;
}
.preview .swiper-slide .imgauto img {
	display: inline-block;
	vertical-align: middle;
	max-width: 91px;
	max-height: 78px;
	
}

.preview .slide6 {
    width: 82px;
}

.preview .arrow-left {
    background: url(http://www.jssstyb.com/Templates/0323y-asp/fangda/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(http://www.jssstyb.com/Templates/0323y-asp/fangda/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 .imgauto {
    border: 1px solid #007ccb;
}