.caseboxmain {
	position: relative; float:left;
}
.casemain {
	width: 100%; height: 100%; overflow: hidden;
}
.casemain ul {
	height: 100%;
}
.casemain li {
	height: 100%; overflow: hidden; float: left; position: relative; min-width: 180px; max-width: 380px;
}
.casemain li .img {
	background-position: center; left: 0px; top: 0px; width: 100%; height: 105%; position: absolute; z-index: 10; cursor: pointer; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.casemain li .casebg {
	background: url("../../images/xxc/opacity_h3.png"); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 15;
}
.casemain li:hover .casebg {
	display: none;
}
.casemain .casecon {
	left: 0px; top: 40%; width: 100%; height: 140px; position: absolute; z-index: 20; cursor: pointer;
}
.casemain .casecon p {
	text-align: center; color: rgb(255, 255, 255); font-size: 2.4em; margin-bottom: 80px;
}
.caselistmain {
	left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute;
}
.caselistbox {
	height: 100%;
}
.caselistbox .col {
	height: 30.13%;
}
.caselistbox .casepic {
	width: 250px; height: 100%; overflow: hidden; float: left; position: relative; cursor: pointer;
}
.caselistbox .casepic img {
	width: 100%; height: 101%;
}
.caselistbox .casepic .casepicbox {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.caselistbox .casepic .casepicbmain {
	width: 100%; height: 100%; display: none; position: absolute;
}
.caselistbox .casepictxt {
	position: absolute; z-index: 5;
}
.caselistbox .casepiclink {
	position: absolute; z-index: 5;
}
.caselistbox .casepicic {
	position: absolute; z-index: 5;
}
.caselistbox .casepictxt {
	left: 30px; top: 30px; width: 80%;
}
.caselistbox .casepictxt h2 {
	color: rgb(255, 255, 255); font-size: 1.7em;
}
.caselistbox .casepictxt .line {
	margin:5px 0 15px 0px;
}
.caselistbox .casepictxt .casep {
	color: rgb(255, 255, 255); line-height: 1.6em; font-size: 1.2em;
}
.caselistbox .casepictxt .casep p {
	color: rgb(255, 255, 255); line-height: 1.2em; font-size: 1em;
}
.caselistbox .casepiclink {
	left: 30px; bottom: 10%;
}
.caselistbox .casepiclink a {
	padding: 0; color: rgb(255, 255, 255); font-size: 1.4em; line-height:27px; display:block;
}
.caselistbox .casepiclink a:hover {
	border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
.caselistbox .casepicic {
	background: url("../../images/xxc/team_i1.png") no-repeat; width: 27px; height: 27px; right: 6%; bottom: 10%;
}
.caselistbox .casepicbg {
	background: url("../../images/xxc/opacity_h6.png"); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 2;
}
.caselistbox .casepic:hover .casepicbg {
	display: block;
}
.casednav {
	background: rgb(255, 255, 255); height: 100%; position: relative;
}
.casedlogo {
	top: 0px; width: 100px; height: 100%; position: absolute;
}
.casedx {
	top: 0px; width: 100px; height: 100%; position: absolute;
}
.casedlogo {
	background: url("images/logo_h.png") no-repeat; left: 0px;
}
.casedlogo a {
	width: 100%; height: 100%; text-indent: -9999px; display: block;
}
.casedx {
	background: rgb(0, 0, 0); width: 510px; right: 0px; z-index: 200;
}
.casedxin_t {
	top: 0px; height: 100%; position: absolute;
}
.casedxin {
	top: 0px; height: 100%; position: absolute;
}
.casedxin_t {
	left: 20px; width: 230px; color: rgb(255, 255, 255); line-height: 60px; font-size: 1.4em;
}
.casedxin {
	width: 60px; text-indent: -9999px; cursor: pointer; opacity: 0.6;
}
.casedxin a {
	width: 100%; height: 100%; text-indent: -9999px; display: block;
}
.casedxin:hover {
	opacity: 1;
}
.casedx .sel {
	opacity: 1;
}
.casedxin_i {
	background: url("images/case_i.png") no-repeat; right: 195px;
}
.casedxin_p {
	background: url("images/case_pre.png") no-repeat; right: 130px;
}
.casedxin_n {
	background: url("images/case_next.png") no-repeat; right: 70px;
}
.casedxin_c {
	background: url("images/case_close.png") no-repeat; right: 10px;
}
.casedetailmain {
	position: relative; z-index: 90;
}
.casedetailmain ul {
	width: 100%; height: 100%; overflow: hidden; position: relative;
}
.casedetailmain li {
	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute;
}
.casedetailmain li img {
	max-height: 100%; max-width: 100%;
}
.casedetailmain .f_pre {
	top: 42%; width: 100px; height: 100px; text-indent: -9999px; position: absolute; z-index: 30;
}
.casedetailmain .f_next {
	top: 42%; width: 100px; height: 100px; text-indent: -9999px; position: absolute; z-index: 30;
}
.casedetailmain .f_pre {
	background: url("images/case_pp.png") no-repeat center; left: 0px;
}
.casedetailmain .f_next {
	background: url("images/case_pn.png") no-repeat center; right: 0px;
}
.casedetailmain .f_dot {
	left: 0px; width: 100%; text-align: center; bottom: 30px; position: absolute; z-index: 30;
}
.casedetailmain .f_dot dd {
	background: url("images/dot.png") no-repeat bottom; margin: 0px 5px; width: 8px; height: 8px; text-indent: -9999px; display: inline-block; cursor: pointer;
}
.casedetailmain .f_dot dd.sel {
	background: url("images/dot.png") no-repeat top;
}
.casedcon {
	top: -100%; width: 510px; height: 100%; right: 0px; position: absolute; z-index: 100;
}
.casedcontxt {
	top: 0px; width: 100%; height: 100%; right: 0px; position: absolute;
}
.casedconbg {
	top: 0px; width: 100%; height: 100%; right: 0px; position: absolute;
}
.casedcontxt {
	padding: 70px 70px 20px; overflow: hidden; z-index: 20;
}
.casedcontxt h2 {
	color: rgb(255, 255, 255); font-size: 2.4em;
}
.casedcontxt .line {
	margin: 40px 0px 20px;
}
.casedcontxt .txt {
	color: rgb(255, 255, 255); font-size: 1.4em;
}
.casedcontxt .txt p {
	color: rgb(255, 255, 255); line-height: 1.6em; font-size: 1em;
}
.casedconbg {
	background: url("images/opacity_h8.png"); z-index: 10;
}