/*

-----------------[banner]--------------*/

.banner .item img{

	/*padding-top: 44%;*/

	background-repeat: no-repeat;

	background-position: center center;

	-o-background-size: cover;

	-ms-background-size: cover;

	-moz-background-size: cover;

	-webkit-background-size: cover;

	background-size: cover;

}

.banner .slick-arrow{

    position: absolute;

    top: 50%;

    margin-top: -40px;

    overflow: hidden;

    cursor: pointer;

    width: 82px;

    height: 82px;

    font-size: 0;

    line-height: 0;

    z-index: 9;

    background-repeat: no-repeat;

    background-position: center center;

	-o-background-size: auto 30px;

	-ms-background-size: auto 30px;

	-moz-background-size: auto 30px;

	-webkit-background-size: auto 30px;

	background-size: auto 30px;

	background-color: rgba(0,0,0,.1);

    border: 0;

    outline: 0;

    padding: 0;

}

.banner .slick-arrow:hover{

	background-color: rgba(0,0,0,.2);

}

.banner .slick-prev{left: 0;background-image: url(../images/pres1.png);}

.banner .slick-next{right: 0;background-image: url(../images/nexts1.png);}

.banner .slick-dots{

	position: absolute;

	left: 0;

	bottom: 3%;

	width: 100%;

	text-align: center;

	z-index: 99;

	font-size: 0;

}

.banner .slick-dots li{

	display: inline-block;

	margin: 0 10px;

}

.banner .slick-dots button{

	background-color: #fff;

	cursor: pointer;

	border-radius: 50%;

	border: 0;

	width: 10px;

	height: 10px;

	outline: 0;

	font-size: 0;

	padding: 0;

}

.banner .slick-dots li.slick-active button{background: #3a3e7a;}


.simg {
    position: absolute;
    top: 20%;
    width: 89px;
    height: 54px;
    left: 48%;
  
}
.simg img{
	position: relative;
	animation: back-and-forth 1s ease-in-out infinite alternate;
}

@keyframes back-and-forth {
	0% {
		top: 0;
	}
	50% {
		top: -10px;
	}
	100% {
		top: 0;
	}
}
/* 放大镜 */





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(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}





.udede-showcase {margin-bottom: 30px;}

.udede-showcase-pic {position: relative;width: 100%;overflow: hidden;float: left;}

.udede-showcase-pic .bd {font-size: 0;margin-top: 13px;overflow: hidden;}

.udede-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;}

.udede-showcase-pic .bd li.active {border-color: #c80003;}

.udede-showcase-pic .prev,.udede-showcase-pic .next {position: absolute;background: no-repeat 0 0;width: 14px;height: 27px;bottom: 26px;z-index: 2;}

.udede-showcase-pic .prev {background-image: url(../images/zlztdetailscon1btn01.png);left: 0;}

.udede-showcase-pic .next {background-image: url(../images/zlztdetailscon1btn02.png);right: 0;}

.udede-showcase-pic .prev:hover,.udede-showcase-pic .next:hover {background-position: 0 bottom;}

.udede-showcase-pic .cover {height: 300px;line-height: 300px;border: 1px solid #ddd;padding: 1px;}

.udede-showcase-pic .cover a{

	display: block;

	width: 100%;

	height: 100%;

}

.udede-showcase-info {float: right;width: 500px;}

.udede-showcase-info h1 {margin: 0 0 15px;font-size: 20px;overflow: hidden;font-weight: normal;border-bottom: 1px solid #ddd;padding-bottom: 15px;}

.udede-showcase-info p {margin: 0;color: #666;line-height: 2;}

.udede-showcase-info .tel {border-top: 2px solid #e6e6e6;margin-top: 15px;padding-top: 15px;background: url(../images/viskins-p1.png) no-repeat 0 15px;height: 42px;padding-left: 50px;line-height: 21px;}

.udede-showcase-info .tel a {float: right;line-height: 42px;padding: 0 15px;background-color: #c80003;color: #fff;}

.udede-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(../images/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%;

}