@charset "utf-8";
/* css 重置 */
.caseScroll *{margin:0; padding:0; list-style:none; }
.caseScroll img{ border:0; vertical-align:bottom;}
.caseScroll a{ text-decoration:none;}








.caseScroll .tempWrap {
margin:0 auto;
}


/* 本例子css */
.caseScroll{ overflow:hidden; position:relative; width:1280px; margin:0 auto;}
.caseScroll .hd{ overflow:hidden; position:relative; padding-top:10px;}

.caseScroll .bd a.prev,
.caseScroll .bd a.next {
    display: block;
    width: 42px;
    height: 42px;
    position: absolute;
    cursor: pointer;
    background: url(/PC/images/bt.png) no-repeat;
    top: 200px;
    z-index: 500;
}





.caseScroll .bd a.prev {
	left:0;
	background-position-x:-42px;
}


.caseScroll .bd a.prev:hover {
	background-position-x:0;
}


.caseScroll .bd a.next {
	right:0;
	background-position-x:-84px;
}

.caseScroll .bd a.next:hover {
	background-position-x:-126px;
}







.caseScroll .hd ul{overflow:hidden; zoom:1; margin:0 auto; margin-top:10px; width:100px;}
.caseScroll .hd ul li{ background:#e50202; float:left;  width:10px; height:10px;	border-radius: 15px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; position:relative; top:3px;}
.caseScroll .hd ul li.on{ width:15px; height:15px;	border-radius: 15px;  position:relative; top:0;}

.caseScroll .bd ul{ overflow:hidden; zoom:1; }
.caseScroll .bd ul li{
    margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 385px;
    color: #fff;
}






.caseScroll .bd .picList li .one a img {
	border: 4px solid #ccc;
}
.caseScroll .bd .picList li .two {
	background: #fff;
	margin-top: -95px;
	min-height: 330px;
	padding: 0 30px;
	line-height: 180%;
}
.caseScroll .bd .picList li .two .s_1 {
	padding-top: 125px;
}
.caseScroll .bd .picList li .two .s_1 a {
	font-size: 19px;
	font-weight: bold;
	color: #2c2f38;
}
.caseScroll .bd .picList li .two .s_2 {
	font-size: 15px;
	color: #2c2f38;
	text-align: left;
	padding-top: 10px;
	line-height: 210%;
	padding-bottom: 33px;
}
.caseScroll .bd .picList li .two .s_3 {
	text-align: center;
}
.caseScroll .bd .picList li .two .s_3 a {
	font-size: 16px;
	color: #fff;
	width: 108px;
	display: inline-block;
	height: 0;
	border: 1px solid #2c2f38;
}

.caseScroll .bd .picList li:hover .one a img {
	border: 4px solid #2c5ec3;
	-moz-box-shadow:1px 2px 8px #000; -webkit-box-shadow:1px 2px 8px #000; box-shadow:1px 2px 8px #000;
}

.caseScroll .bd .picList li:hover .two {
	background: #2c2f38;
}


.caseScroll .bd .picList li:hover .two .s_1 a {
	color: #fff;
}
.caseScroll .bd .picList li:hover .two .s_2 {
	color: #fff;
	padding-bottom:20px;
}




.caseScroll .bd .picList li:hover .two .s_3 a {
	line-height: 28px;
	border: 1px solid #fff;
	height: 28px;
}