.panel {
	padding: 45px 0;
}
.layout {
	width: 1200px;
	margin: 0 auto;
}
/* safequip */
#safequip {
}
.safequip-tabs {
	height: 74px;
	width: 1201px
}
.safequip-tabs li {
	width: 259px;
	height: 70px;
	line-height: 70px;
	margin-right: -1px;
	padding: 1px 20px;
	border: 1px solid #eee;
	border-bottom-color: #ddd;
	background-color: #fbfaf8;
}
.safequip-tabs li strong {
	font-size: 20px;
}
.safequip-tabs li em {
	color: #666;
}
.safequip-tabs li i {
	width: 42px;
	height: 40px;
	margin: 15px 10px 0 0;
}
.safequip-tabs li i.safe {
	background-position: 0 -60px;
}
.safequip-tabs li i.envi {
	background-position: -42px -60px;
}
.safequip-tabs li i.equi {
	background-position: -84px -60px;
}
.safequip-tabs li i.repu {
	background-position: -126px -60px;
}
.safequip-tabs li.on {
	padding-top: 0;
	border-color: #ddd;
	border-top: 2px solid #a31f24;
	border-bottom-color: #fff;
	background: #fff;
}
.safequip-tabs li.on strong {
	color: #000;
}
.safequip-tabs li.on em {
	color: #666;
}
.safequip-tabs li.on i.safe {
	background-position: 0 -100px;
}
.safequip-tabs li.on i.envi {
	background-position: -42px -100px;
}
.safequip-tabs li.on i.equi {
	background-position: -84px -100px;
}
.safequip-tabs li.on i.repu {
	background-position: -126px -100px;
}
/* safequip-item */
.safequip-item {
	width: 1200px;
	height: 442px;
	overflow: hidden;
}
/* skillcase-tabs */
.skillcase-tabs {
	width: 1200px;
	height: 50px;
	overflow: hidden;
	margin-bottom: 40px;
}
.skillcase-tabs li {
	width: 350px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	float: left;
	margin-right: -1px;
	color: #000;
	cursor: pointer;
	padding: 0 25px;
	border-left: 1px solid #fff;
	background-color: #cfcfcf;
}
.skillcase-tabs li strong {
	font-size: 18px;
	font-weight: normal;
}
.skillcase-tabs li em {
	font-size: 14px;
	color: #444;
	margin-left: 15px;
}
.skillcase-tabs li i {
	width: 35px;
	height: 30px;
	float: left;
	margin: 10px 15px 0 0;
	background-image: url(../images/skillcase-tabs.png);
}
.skillcase-tabs li i.skill {
	background-position: 0 0;
}
.skillcase-tabs li i.case {
	background-position: -35px 0;
}
.skillcase-tabs li i.diary {
	background-position: -70px 0;
}
.skillcase-tabs li.on {
	position: relative;
	border-color: #815d2f;
	background: url(../images/skillcase-tabs-arrow.gif) 90px 0 no-repeat #815d2f;
}
.skillcase-tabs li.on strong {
	color: #fff;
}
.skillcase-tabs li.on em {
	color: #e3ceb3;
}
.skillcase-tabs li.on i.skill {
	background-position: 0 -30px;
}
.skillcase-tabs li.on i.case {
	background-position: -35px -30px;
}
.skillcase-tabs li.on i.diary {
	background-position: -70px -30px;
}
/* safequip */
#safequip {
}
.safequip-tabs {
	height: 74px;
	width: 1201px
}
.safequip-tabs li {
	width: 259px;
	height: 70px;
	line-height: 70px;
	margin-right: -1px;
	padding: 1px 20px;
	border: 1px solid #eee;
	border-bottom-color: #ddd;
	background-color: #fbfaf8;
}
.safequip-tabs li strong {
	font-size: 20px;
}
.safequip-tabs li em {
	color: #666;
}
.safequip-tabs li i {
	width: 42px;
	height: 40px;
	margin: 15px 10px 0 0;
}
.safequip-tabs li i.safe {
	background-position: 0 -60px;
}
.safequip-tabs li i.envi {
	background-position: -42px -60px;
}
.safequip-tabs li i.equi {
	background-position: -84px -60px;
}
.safequip-tabs li i.repu {
	background-position: -126px -60px;
}
.safequip-tabs li.on {
	padding-top: 0;
	border-color: #ddd;
	border-top: 2px solid rgb(235,110,141);
	border-bottom-color: #fff;
	background: #fff;
}
.safequip-tabs li.on strong {
	color: #000;
}
.safequip-tabs li.on em {
	color: #666;
}
.safequip-tabs li.on i.safe {
	background-position: 0 -100px;
}
.safequip-tabs li.on i.envi {
	background-position: -42px -100px;
}
.safequip-tabs li.on i.equi {
	background-position: -84px -100px;
}
.safequip-tabs li.on i.repu {
	background-position: -126px -100px;
}
/* safequip-item */
.safequip-item {
	width: 1200px;
	height: 442px;
	overflow: hidden;
}
/* environment */
#environment {
	width: 1201px;
}
#environment ul {
	float: left;
	overflow: hidden;
}
#environment ul li {
	display: inline;
	float: left;
	overflow: hidden;
	position: relative;
	margin: 0 0 1px 1px;
	-moz-transform: translateZ(0px);
	-webkit-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	transform: translateZ(0px);
}
/* img */
	#environment ul li img {
	display: block;
	width: 100%;
	position: relative;
	-moz-transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
#environment ul li:hover img {
	-moz-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}
/* span */
	#environment ul li span {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	bottom: 0;
	left: 0;
	transition: opacity 0.4s ease 0s;
	visibility: visible;
	z-index: 8;
	background-color: rgba(91, 64, 52, 0.5);
}
#environment ul li span a {
	display: block;
	width: 36px;
	height: 36px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -19px 0 0 -19px;
	-moz-transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	border: 1px solid #fff;
	background: url(../images/lightbox.png) 7px 7px no-repeat;
	border-radius: 4px;
}
#environment ul li span a:hover {
	background-color: rgba(255, 255, 255, 0.2);
}
/* more */
	#environment ul li a.more {
	display: block;
	width: 208px;
	height: 127px;
	line-height: 127px;
	overflow: hidden;
	font-size: 18px;
	text-indent: 55px;
	color: #fff;
	background: url(../images/white-arrow.png) 140px center no-repeat rgb(235,110,141);
}
#environment ul li a.more:hover {
	color: #fff;
	background-color: #8f6635;
}
#environment ul li .mask {
	width: 100%;
	height: 35px;
	bottom: -35px;
}
#environment ul li .mask p {
	height: 35px;
	line-height: 35px;
	padding: 0;
	overflow: hidden;
	font-size: 16px;
	color: #fff;
}
/* mask */
.mask-hover {
	position: relative;
	overflow: hidden;
}
/* mask */
.mask-hover {
	position: relative;
	overflow: hidden;
}
.mask {
	color: #fff;
	width:100%;
	background: url(../images/mask.png);
	background: rgb(235,110,141);
	_background: #5b4034;
	_filter: alpha(opacity=85);
	_opacity: 0.85;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 15px;
	z-index: 9;
	font-size:15px;
}
.mask h5 {
	color: #fff;
	font-size: 18px;
	padding: 10px 0 3px 0;
}
.mask p {
	color: #e4d0b6;
	font-size: 13px;
	line-height: 18px;
}
.mask p a {
	color: #fff;
}
.mask p a:hover {
	color: #fff;
	text-decoration: underline;
}
/* equipment */
#equipment {
	width: 1096px;
	padding: 0 52px;
}
#equipment .silde-safequip-main {
	margin-top: 40px;
}
.equipment-group {
	height: 350px;
	overflow: hidden;
}
.equipment-group li {
	float: left;
	width: 274px;
	height: 350px;
	overflow: hidden;
}
.equipment-group li .inner {
	width: 230px;
	height: 340px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 4px;
	position: relative;
	border: 1px solid #e2e2e2;
}
.equipment-group li img {
	display: block;
	width: 230px;
	height: 340px;
}
.equipment-group li .mask {
	height: 22px;
	overflow: hidden;
	padding: 13px 15px 14px 15px;
	_margin-bottom: -1px;
}
.equipment-group .mask h3 {
	font-size: 18px;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	margin-bottom: 10px;
}
.equipment-group .mask h3 a {
	color: #fff;
}
.equipment-group .mask h3 a:hover {
	color: #fff;
	text-decoration: underline;
}
.equipment-group .mask h4 {
	color: #e0c7bc;
	line-height: 22px;
	font-size: 12px;
	height: 22px;
	overflow: hidden;
}
.equipment-group .mask p {
	color: #f5f5f5;
	line-height: 22px;
	font-size: 12px;
	height: 66px;
	overflow: hidden;
	margin-top: 10px;
}
.equipment-group .mask .mutual-group {
	margin-top: 12px;
	float: right;
}
.equipment-group li.hover .inner {
	border: 5px solid #735c52;
	border-radius: 5px;
	margin-top: 0;
}
.equipment-group li.hover .mask {
	padding: 15px 10px 13px 10px;
}
.equipment-group li.hover .mask h3 {
	margin: 0;
}
/* safe-tabs */
	.safe-tabs {
	width: 270px;
	overflow: hidden;
	float: left;
}
.safe-tabs li {
	width: 246px;
	height: 38px;
	line-height: 38px;
	color: #424242;
	font-size: 18px;
	padding: 17px 0 17px 24px;
	overflow: hidden;
	background-color: #f1f1f1;
	border-bottom: 1px solid #fff;
	cursor: default;
}
.safe-tabs li i {
	width: 41px;
	height: 38px;
	float: left;
	margin: 0 7px 0 0;
	background-image: url(../images/skillcase-tabs.png);
}
.safe-tabs li i.i1 {
	background-position: 0 -140px;
}
.safe-tabs li i.i2 {
	background-position: -41px -140px;
}
.safe-tabs li i.i3 {
	background-position: -82px -140px;
}
.safe-tabs li i.i4 {
	background-position: -123px -140px;
}
.safe-tabs li i.i5 {
	background-position: -164px -140px;
}
.safe-tabs li i.i6 {
	background-position: -205px -140px;
}
.safe-tabs li.on {
	color: #fff;
	background: url(../images/safe-tabs-arrow.gif) right center no-repeat rgb(235,110,141);
}
.safe-tabs li.on i.i1 {
	background-position: 0 -178px;
}
.safe-tabs li.on i.i2 {
	background-position: -41px -178px;
}
.safe-tabs li.on i.i3 {
	background-position: -82px -178px;
}
.safe-tabs li.on i.i4 {
	background-position: -123px -178px;
}
.safe-tabs li.on i.i5 {
	background-position: -164px -178px;
}
.safe-tabs li.on i.i6 {
	background-position: -205px -178px;
}
/* safe-group */
	.safe-group {
	width: 930px;
	height: 437px;
	overflow: hidden;
	float: right;
	background-color: #fbfaf8;
}
.safe-group li {
	width: 880px;
	height: 377px;
	overflow: hidden;
	padding: 30px 25px;
	background-color: #fbfaf8;
	position: relative;
}
.safe-group li img {
	display: block;
	width: 470px;
	height: 377px;
	overflow: hidden;
	float: left;
}
.safe-group li .info {
	width: 385px;
	height: 377px;
	overflow: hidden;
	float: right;
	font-size: 16px;
	line-height: 24px;
}
.safe-group li .info h5 {
	font-size: 18px;
	color: #000;
	text-align: right;
	padding: 30px 0;
}
.safe-group .mutual-group {
	position: absolute;
	right: 40px;
	bottom: 40px;
}
/* silde-four */
.silde-four {
	position: relative;
}
/* reputation */	
#reputation {
	width: 1080px;
	padding: 0 60px;
}
#reputation .silde-safequip-main {
	margin-top: 39px;
}
.reputation-group {
	height: 358px;
	overflow: hidden;
}
.reputation-group ul {
	width: 270px;
	height: 358px;
	overflow: hidden;
	float: left;
}
.reputation-group li {
	float: left;
	width: 270px;
	height: 177px;
	margin-bottom: 10px;
	overflow: hidden;
}
.reputation-group li a {
	display: block;
	width: 256px;
	height: 171px;
	margin: 0 auto;
	overflow: hidden;
	border: 3px solid #fff;
}
.reputation-group li a:hover {
	border-color: #684f45;
}
.reputation-group li .mask {
	width: 256px;
	height: 33px;
	line-height: 33px;
	padding: 0;
	color: #fff;
	text-align: center;
	bottom: -33px;
	_margin-bottom: -1px;
}
/* mask */
.mask-hover {
	position: relative;
	overflow: hidden;
}
/* diary-silde */
	#diary-silde {
	width: 1104px;
	padding: 0 48px;
	position: relative;
}
/* diary-arrow */
		.diary-arrow {
	width: 36px;
	height: 66px;
	position: absolute;
	top: 50%;
	margin-top: -33px;
	z-index: 3;
	cursor: pointer;
	filter: alpha(opacity=70);
	opacity: 0.7;
	background-image: url(../images/diary-arrow.png);
}
.diary-arrow:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.silde-prev {
	background-position: 0 0;
	left: 0
}
.silde-next {
	background-position: -36px 0;
	right: 0;
}
/* diary-group */
		.diary-group li {
	width: 358px;
	height: 218px;
	overflow: hidden;
	float: left;
	padding: 0 5px;
	margin: 0 0 14px 0;
}
.diary-group li a {
	display: block;
	width: 322px;
	height: 182px;
	overflow: hidden;
	padding: 15px;
	border: 3px solid #fff;
	background-color: #fff;
	cursor: pointer;
}
.diary-group li a:hover {
	border-color: #815d2f;
}
.safe-group .mutual-group {
	position: absolute;
	right: 40px;
	bottom: 40px;
}