.decoration {
	width: 942px;
	margin: 0 auto;
	overflow: hidden;
	box-sizing: border-box;
}

.decoration * {
	color: #020202;
	text-decoration: none;
	box-sizing: border-box;
	font-size: 14px;
	outline: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

.decorationHeader {
	width: 600px;
	margin: 40px auto;
}

.decorationHeader ul {
	width: 100%;
	border: 1px solid #2d2c31;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	overflow: hidden;
}

.decorationHeader ul li {
	width: 25%;
	float: left;
	text-align: center;
}

.decorationHeader ul li a {
	display: block;
}

.decorationHeader ul li.active {
	background: #2d2c31;
}

.decorationHeader ul li.active a {
	color: #fff;
}

.decorationContent {
	width: 100%;
	margin: 10px auto 30px;
}

.decorationContent h3.contentHeader {
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	margin-top: 30px;
}

.decorationContent div.contentList:not(:first-of-type) {
	display: none;
}

.contentList {
	width: 100%;
}

.contentListImage li {
	width: 33.33%;
	float: left;
	background: linear-gradient(to right, #fcfcfc, #f2f2f2);
	overflow: hidden;
}

.contentListImage li img {
	width: 100%;
	height: 212px;
	padding: 0 0.5px;
}

.contentListImage li div.imageList {
	padding: 25px 30px;
}

div.imageList h5 {
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	padding-bottom: 10px;
}

div.imageList p {
	line-height: 22px;
	color: #666;
	height: 66px;
	overflow: hidden;
}

div.imageList a {
	display: block;
	padding: 10px 0 10px;
}

.interpretationList {
	padding: 15px 0;
	border-top: 1px solid #ccc;
}

.interpretationList li {
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}

.listTitle {
	width: 100%;
	padding: 10px 0;
	cursor: pointer;
}

.listTitle div.button {
	float: right;
	cursor: pointer;
}

.listTitle div.button span {
	width: 20px;
	height: 2px;
	background: #ccc;
	display: block;
	transition: .6s;
	opacity: 1;
}

.listTitle div.button span:nth-of-type(2) {
	transform: rotate(90deg);
	margin-top: -2px;
}

.listTitle div.button span:nth-of-type(1) {
	margin-top: 13px;
}

.listTitle h3 {
	font-size: 16px;
	font-weight: bold;
}

.interpretationList li {
	margin-bottom: 10px;
}

.interpretationList li:first-child .listTitle div.button span:nth-of-type(2) {
	opacity: 0;
	transform: rotate(0deg);
}

.interpretationList li .listContent {
	line-height: 30px;
	font-size: 16px;
	padding-bottom: 10px;
}

.interpretationList li:not(:first-of-type) .listContent {
	display: none;
}

.interpretationList .listContent p {
	line-height: 30px;
	color: #666;
}

.knowContent {
	width: 100%;
	padding-top: 15px;
	border-top: 1px solid #eee;
}

.searchInput {
	width: 250px;
	float: right;
	height: 36px;
	line-height: 36px;
	margin-top: -65px;
	position: relative;
}

.searchInput input {
	width: 250px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #ddd;
	border-radius: 20px;
	padding-left: 10px;
}

.searchInput input::-webkit-input-placeholder {
	color: #999;
}

.searchInput input:-ms-input-placeholder {
	// IE10+
	color: #999;
}

.searchInput input:-moz-placeholder {
	// Firefox4-18
	color: #999;
}

.searchInput input::-moz-placeholder {
	// Firefox19+
	color: #999;
}

.searchInput img {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
}

.knowH5 {
	font-weight: normal;
	color: #999;
	padding: 10px 0;
}

.knowClassfy {
	width: 100%;
}

.knowClassfy li {
	width: 150px;
	float: left;
	text-align: center;
	border: 1px solid #ccc;
	height: 40px;
	line-height: 38px;
	margin-right: 15px;
	margin-top: 10px;
}

.knowClassfy li a {
	display: block;
}

.knowClassfy li.active {
	background: #000;
	border: 1px solid #000;
}

.knowClassfy li.active a {
	color: #fff;
}

.knowContentList {
	width: 100%;
	margin-top: 30px;
}

.knowContentList div.knowList:not(:first-of-type) {
	display: none;
}

ul.knowListLi li {
	width: calc(50% - 25px);
	float: left;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	border-bottom: 1px dashed #eee;
	display: none;
}

ul.knowListLi li:nth-child(2n+1) {
	margin-right: 50px;
}

ul.knowListLi li:nth-child(1) {
	border-top: 1px dashed #eee;
}

ul.knowListLi li:nth-child(2) {
	border-top: 1px dashed #eee;
}

ul.knowListLi li a span {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	float: left;
	margin-top: 15px;
	text-align: center;
	color: #fff;
	margin-right: 10px;
	font-size: 16px;
	background: #000;
}

.decoration-pages {
	width: 100%;
	margin-bottom: 50px;
	margin-top: 10px;
}

.decoration-pages li {
	float: left;
	text-align: center;
	height: 32px;
	line-height: 30px;
	margin: 15px 6px 15px 0;
	border: 1px solid #eee;
	padding: 0;
}

.decoration-pages li a {
	color: #666;
	font-size: 12px;
	display: block;
	width: 100%;
	padding: 0 10px;
}

.decoration-pages li.active {
	border: none;
}

.menu_list .menu_list_btn.menu_last {
	margin-left: 0 !important;
}

.floatLeft {
	float: left;
}

ul.knowListLi li p {
	height: 50px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.rightTab {
	float: right;
	display: none;
}

.rightTab li {
	display: inline-block;
	width: 100px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	font-weight: normal;
	margin-top: 7px;
	border: 1px solid #ccc;
	cursor: pointer;
}

.rightTab li:not(:last-child) {
	margin-right: 15px;
}

.rightTab li.active {
	background: #000;
	color: #fff;
	border: 1px solid #000;
}
.tabContent:not(:first-of-type){
	display: none;
}
