body {background-color:#fafafa;}
.navbar ul .selected {margin-left:346px;}

/* 内容 S */
.content {
	padding-top:120px;
	text-align:center;
}
.content h3 {
	font-size:18px;
	margin-bottom:18px;
}
.content i.line {
	display:block;
	width:36px;height:3px;
	margin:0 auto;
	background-color:#f58530;
	margin-bottom:28px;
}
.content p.text {
	width:1000px;
	margin:0 auto 30px;
	font-size:14px;
	color:#555;
}
.btn button {
	position:relative;
	padding:10px 16px;
	border:none;
	border-radius:3px;
	padding-left:46px;
	margin-bottom:50px;
	font-size:16px;
	color:#fff;
	outline:none;
	transition:.5s;
	cursor:pointer;
}
.btn button:nth-child(1) {
	margin-right:6px;
	background-color:#66D054;
}
.btn button:nth-child(1):hover {background-color:#46AF35;}
.btn button:nth-child(2) {
	margin-left:6px;
	background-color:#f58530;
}
.btn button:nth-child(2):hover {background-color:#ed7215;}
.btn button::before {
	position:absolute;
	top:50%;left:12px;
	content:"";
	width:24px;height:24px;
	margin-top:-12px;
	background-image:url("../imgs/cases_sprite.png");
}
.btn button:nth-child(1)::before {background-position:0 0;}
.btn button:nth-child(2)::before {background-position:-24px 0;}
.btn button a {
	display:inline-block;
	width:inherit;height:inherit;
	color:#fff;
}

.PC {
	width:1000px;height:570px;
	background-image:url("../imgs/macbook_frame.png");
	background-size:1000px auto;
	background-repeat:no-repeat;
	margin:0 auto 50px;
}
.PC div.img {
	position:relative;
	top:32px;
	width:770px;height:482px;
	margin:0 auto;
	background:#eee;
	overflow:auto;
}
.PC img {
	width:753px;
	margin:auto;
	vertical-align:top;
}

.pageshow {
	width:100%;
	max-width:1920px;
	margin:0 auto;
	background-color:#fafafa;
}
.pageshow img {width:100%;}
/* 内容 E* /
/* 推荐 S */
.recommend ul {
  position:relative;
  display:flex;
  flex-wrap:nowrap;
  height:225px;
  margin-bottom:40px;
  overflow:hidden;
}
.recommend ul li {
  position:relative;
  flex-shrink:0;
  float:left;
  display:inline-block;
  left:0;
  list-style:none;
  width:300px;height:225px;
  overflow:hidden;
}
.recommend ul li img {width:300px;height:225px;transition:.5s;}
.recommend ul li p {
  position:absolute;
  bottom:-40px;
  color:#fff;
  width:100%;height:34px;
  text-align:center;
  line-height:34px;
  background-color:rgba(0, 0, 0, .5);
}
.recommend ul li:hover img {transform:scale(1.1);z-index:10;}
.recommend ul li:hover p {bottom:0;}

.recommend div.btn {
	position:absolute;
	top:50%;
	margin-top:-30px;
	color:#aaa;
	width:30px;height:60px;
	text-align:center;
	line-height:60px;
	font-family:"宋体";
	transition:.5s;
	opacity:0;
	cursor:pointer;
}
.recommend div.btn:hover {color:#272828;}
.recommend div.prev {
	left:0;
	background-image:url("../imgs/service_btn_left.png");
}
.recommend div.next {
	right:0;
	background-image:url("../imgs/service_btn_right.png");
}
/* 推荐 E */