@CHARSET "utf-8";

.case_all{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#fcfcfc;
}

/* S 全屏图片开始*/
.case_banner{
	height:142px;
	width:100%;
	position:relative;
	overflow:hidden;
}

.case_banner_img{
	height:142px;
	width:1920px;
	left:50%;
	margin-left:-960px;
	position:absolute;
}

.case_banner_text{
	width:auto;
	height:auto;
	position:absolute;
	top:50px;
	left:45%;
	font-size:24px;
	color:#fcfcfc;
	font-weight:bold;
}

/* E 全屏图片结束*/

/* S 成功案例内容开始*/
.case_content{
	width:1200px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

.case_content_type{
	width:100%;
	height:100px;
	line-height:100px;
	background-color:#f6f6f6;
	margin-top:40px;
}

.case_content_typeone{
	position:relative;
	float:left;
	font-size:16px;
	height:100%;
	color:#444444;
	width:12.5%;
	text-align:center;
	cursor:pointer;
	
	transition:all 0.4s ease-in-out 0s;
	-moz-transition:all 0.4s ease-in-out 0s; /* Firefox 4 */
	-webkit-transition:all 0.4s ease-in-out 0s; /* Safari 和 Chrome */
	-o-transition:all 0.4s ease-in-out 0s; /* Opera */
}

.case_content_typeone::before{
	border-bottom: 10px solid #fcfcfc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    left:70px;
    margin-left: -5px;
    opacity:0;
    position:absolute;
    width:0;
    transition:all 0.4s ease-in-out 0s;
	-moz-transition:all 0.4s ease-in-out 0s; /* Firefox 4 */
	-webkit-transition:all 0.4s ease-in-out 0s; /* Safari 和 Chrome */
	-o-transition:all 0.4s ease-in-out 0s; /* Opera */
}

.active{
	background-color:#29B5E2;
	color:#ffffff;
}

.active::before{
	opacity:1;
}

.case_content_container{
	display:none;
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:60px;
}

.case_content_one{
	float:left;
	width:270px;
	height:315px;
	background-color:#ffffff;
	border:1px solid #eeeeee;
	margin-bottom:37px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
}

.case_contentone_w230{
	width:230px;
	height:297px;
	margin:6px auto 12px auto;
	overflow:hidden;
}

.case_content_onechange{
	margin-left:37px;
}

.case_contentone_top{
	width:100%;
	height:130px;
	text-align:center;
	line-height:130px;
	overflow:hidden;
	position: relative;
}

.case_contentone_img{
	display:inline-block;
	margin:0 auto;
	vertical-align:middle;
}

.case_contentone_name{
	display:block;
	width:100%;
	height:auto;
	margin-top:10px;
	font-size:14px;
	color:#262626;
	font-weight:700;
	text-align:center;
}

.case_contentone_service{
	width:100%;
	height:auto;
	margin-top:20px;
	font-size:12px;
	color:#444444;
}

.case_nocontent{
	width:100%;
	height:300px;
	line-height:300px;
	font-size:13px;
	color:#999999;
	background-color: #ffffff;
	text-align:center;
	margin-bottom:40px;
}

/* E 成功案例内容结束*/