@charset "utf-8";

body{
	background: #FFFFFF;
}

.nav{
	padding: 0.18rem 0.3rem 0;
	font-size: 0;
	letter-spacing: -3px;
	white-space: nowrap;
	overflow-x: scroll;
}

.nav::-webkit-scrollbar{
	display: none;
	width: 0;
	height: 0;
	opacity: 0;
}

.nav li{
	margin-right: 0.6rem;
	display: inline-block;
	font-size: 0.3rem;
	color: #333333;
	line-height: 0.94rem;
	letter-spacing: normal;
}

.nav li:last-child{
	margin-right: 0;
}

.nav li.on{
	color: #00ccc1;
}

.case{
	padding: 0 0.25rem 0.4rem;
	background: #FFFFFF;
	overflow: hidden;
}

.case li{
	margin-bottom: 0.3rem;
}

.case li a{
	display: block;
}

.case li a .image{
	height: 4.8rem;
}

.case li a .infor{
	padding: 0 0.45rem;
	border: 1px solid #f3f3f3;
	border-top: none;
	overflow: hidden;
}

.case li a .infor h2{
	padding-top: 0.18rem;
	font-size: 0.31rem;
	color: #000000;
	line-height: 0.65rem;
}

.case li a .infor h3{
	padding-bottom: 0.17rem;
	font-size: 0.33rem;
	color: #999999;
	line-height: 0.65rem;
	font-family: "times new roman";
	border-bottom: 1px solid #ebebeb;
}

.case li a .infor h4{
	margin-bottom: 0.17rem;
	font-size: 0.22rem;
	color: #333333;
	line-height: 0.62rem;
	background-image: url(../images/case_arrow.png);
	background-position: right;
	background-size: auto 0.15rem;
	background-repeat: no-repeat;
}