@charset "utf-8";@media(min-width:769px){.banner{height:450px;overflow:hidden;background:url(/images/cases/bg.jpg) top center no-repeat;background-attachment:scroll;background-size:auto;background-size:cover;background-attachment:fixed;background-color:#222}
	.banner .banner_box .title_sub{margin-top:200px;font-size:50px;text-align:center;color:#fff;font-weight:bold;font-family:Cambria;padding-bottom:30px}
	.banner .banner_box .title{font-size:20px;color:#fff;text-align:center}
	.banner .banner_box .title_nav{display:none}
	.page{padding:100px 0px}
	.case{overflow:hidden;background-color:#222;background:url(/images/home/case_bg.jpg) top center no-repeat;background-attachment:scroll;background-size:auto;background-size:cover;backgrou nd-attachment:fixed}
	.case #container li{position:relative;width:400px;height:300px;overflow:hidden;text-align:center;float:left}
	.case #container li p{height:100%;width:100%;position:absolute;left:0;top:-100%;color:#ffffff;z-index:2;display:table;_position:relative}
	.case #container li .img{width:400px;height:300px;display:block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in}
	.case #container li:hover .img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
	.case #container li p i{width:100%;height:100%;display:block;position:absolute;left:0;top:0;z-index:-1;background:#c70c1f;opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90)}
	.case #container li p span{display:block;line-height:24px;font-size:14px;padding:20px;color:#999;box-sizing:border-box;text-align:center;display:table-cell;vertical-align:middle;_position:absolute;_top:50%;_left:50%}
	.case #container li p span img{height:70px}
	.case #container li p span b{display:block;font-size:20px;font-style:normal;padding:15px 0px;color:#fff}
	.case #container li p span label{line-height:30px;display:block;color:#fff}
	.more{padding-top:80px}
	.more a,.more span{display:block;text-align:center;font-size:18px;width:300px;height:50px;line-height:50px;margin:0 auto;border-radius:50px}
	.more a{background:#c70c1f;border:1px solid #c70c1f;color:#fff}
	.more span{background:#ccc;border:1px solid #ccc;color:#222}
	.more a em{font-size:20px;position:relative;left:-20px}
	.more a:hover{background:#fff;color:#c70c1f;border:1px solid #fff;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in}
	.more a:hover em{-webkit-animation-name:more_move;-ms-animation-name:more_move;animation-name:more_move;-webkit-animation-duration:500ms;-ms-animation-duration:500ms;animation-duration:500ms;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite}
	@keyframes more_move{0%{transform:translate(-5px,0px) rotate(0deg)}
		20%{transform:translate(5px,0px) rotate(0deg)}
		40%{transform:translate(-5px,0px) rotate(0deg)}
		60%{transform:translate(-5px,0px) rotate(0deg)}
		80%{transform:translate(-5px,0px) rotate(0deg)}
	}@-ms-keyframes more_move{0%{-ms-transform:translate(-5px,0px) rotate(0deg)}
		 20%{-ms-transform:translate(5px,0px) rotate(0deg)}
		 40%{-ms-transform:translate(-5px,0px) rotate(0deg)}
		 60%{-ms-transform:translate(-5px,0px) rotate(0deg)}
		 80%{-ms-transform:translate(-5px,0px) rotate(0deg)}
	 }}@media (max-width:769px){.banner .banner_box .title_nav{font-size:20px;color:#fff;background:#c70c1f;padding:10px 0px;text-align:center}
	.banner .banner_box .title_sub,.banner .banner_box .title{display:none}
	.case{padding-top:20px}
	.case .lst{padding:0px 15px}
	.case #container li{background:#e6e6e6}
	.case #container li img{max-width:100%;margin:0 auto;display:block}
	.case #container p img{display:none}
	.case #container p{height:40px;line-height:40px;overflow:hidden;background:#222;color:#fff;text-align:center;margin-bottom:10px}
	.case #container p b{font-size:14px;font-weight:normal}
	.case #container label{display:none}
	.more{padding:0px 15px;margin-bottom:10px}
	.more a,.more span{display:block;text-align:center;font-size:14px;width:100%;height:40px;line-height:40px}
	.more a{background:#c70c1f;border:1px solid #c70c1f;color:#fff}
	.more span{background:#ccc;border:1px solid #ccc;color:#222}
	.more a em{display:none}
}