@charset "utf-8";
/* CSS Document */
/* 首页部分 */
.pic-display-frame {
	margin-top: 40px;
	padding-top: 40px;
	width: 100%;
	height: 620px;
	text-align: center;
}

.pic-frame-one {
	width: 990px;
	height: 334px;
}

.pic-frame-one>.left {
	float: left;
	width: 594px;
	height: 334px;
	padding-right: 2px;
}

.pic-frame-one>.right {
	float: left;
	width: 396px;
	height: 334px;
	padding-left: 2px;
}

.pic-frame-one>.right>.fig-frmae2 {
	height: 107px;
	width: 191px;
}

.pic-frame-one>.right>.fig-frmae3 {
	height: 222px;
	width: 394px;
}

.pic-frame-two>.fig-frmae4 {
	margin-right: 4px;
	height: 109px;
	width: 195px;
	float: left;
}

.pic-frame-two>.fig-frmae5 {
	margin-right: 4px;
	float: left;
	width: 393px;
	height: 221px;
}

.pic-frame-two>div:last-child {
	margin-right: 0px;
}

.fig-frmae-img1 {
	overflow: hidden;
	position: relative;
	height: 333px;
	width: 592px;
	transition: all z-index 0.5s ease 0s;
	-webkit-transition: all z-index 0.5s ease 0s;
	-o-transition: all z-index 0.5s ease 0s;
	-moz-transition: all z-index 0.5s ease 0s;
	cursor: pointer;
}

.fig-frmae-img1:hover {
	transform: scale(1.03, 1.03);
	-moz-transform: scale(1.03, 1.03);
	-webkit-transform: scale(1.03, 1.03);
	-o-transform: scale(1.03, 1.03);
	z-index: 100;
}

.fig-frmae-img2:hover .frame-title {
	transform: scale(0.97, 0.97);
	-moz-transform: scale(0.97, 0.97);
	-webkit-transform: scale(0.97, 0.97);
	-o-transform: scale(0.97, 0.97);
	margin-left: -5px;
	width: 103%;
}

.fig-frmae-img2 {
	overflow: hidden;
	position: relative;
	height: 107px;
	width: 191px;
	transition: all z-index 0.5s ease 0s;
	-webkit-transition: all z-index 0.5s ease 0s;
	-o-transition: all z-index 0.5s ease 0s;
	-moz-transition: all z-index 0.5s ease 0s;
	cursor: pointer;
}

.fig-frmae-img2:hover {
	transform: scale(1.69, 1.69);
	-moz-transform: scale(1.69, 1.69);
	-webkit-transform: scale(1.69, 1.69);
	-o-transform: scale(1.69, 1.69);
	z-index: 100;
}

.fig-frmae-img2:hover .frame-title {
	transform: scale(0.7, 0.7);
	-moz-transform: scale(0.7, 0.7);
	-webkit-transform: scale(0.7, 0.7);
	-o-transform: scale(0.7, 0.7);
	margin-left: -40px;
	width: 142%;
}

.fig-frmae-img3 {
	overflow: hidden;
	position: relative;
	margin-top: 4px;
	height: 222px;
	width: 394px;
	transition: all z-index 0.5s ease 0s;
	-webkit-transition: all z-index 0.5s ease 0s;
	-o-transition: all z-index 0.5s ease 0s;
	-moz-transition: all z-index 0.5s ease 0s;
	cursor: pointer;
}

.fig-frmae-img3:hover {
	transform: scale(1.16, 1.16);
	-moz-transform: scale(1.16, 1.16);
	-webkit-transform: scale(1.16, 1.16);
	-o-transform: scale(1.16, 1.16);
	z-index: 100;
}

.fig-frmae-img3:hover .frame-title {
	transform: scale(0.86, 0.86);
	-moz-transform: scale(0.86, 0.86);
	-webkit-transform: scale(0.86, 0.86);
	-o-transform: scale(0.86, 0.86);
	margin-left: -30px;
	width: 117%;
}

.fig-frmae-img4 {
	overflow: hidden;
	position: relative;
	width: 195px;
	height: 109px;
	margin-top: 4px;
	margin-right: 4px;
	transition: all z-index 0.5s ease 0s;
	-webkit-transition: all z-index 0.5s ease 0s;
	-o-transition: all z-index 0.5s ease 0s;
	-moz-transition: all z-index 0.5s ease 0s;
	cursor: pointer;
}

.fig-frmae-img4:hover {
	transform: scale(1.69, 1.69);
	-moz-transform: scale(1.69, 1.69);
	-webkit-transform: scale(1.69, 1.69);
	-o-transform: scale(1.69, 1.69);
	z-index: 100;
}

.fig-frmae-img4:hover .frame-title {
	transform: scale(0.7, 0.7);
	-moz-transform: scale(0.7, 0.7);
	-webkit-transform: scale(0.7, 0.7);
	-o-transform: scale(0.7, 0.7);
	margin-left: -40px;
	width: 142%;
}

.fig-frmae-img5 {
	overflow: hidden;
	position: relative;
	width: 393px;
	height: 221px;
	margin-top: 4px;
	margin-right: 4px;
	transition: all z-index 0.5s ease 0s;
	-webkit-transition: all z-index 0.5s ease 0s;
	-o-transition: all z-index 0.5s ease 0s;
	-moz-transition: all z-index 0.5s ease 0s;
	cursor: pointer;
}

.fig-frmae-img5:hover {
	transform: scale(1.16, 1.16);
	-moz-transform: scale(1.16, 1.16);
	-webkit-transform: scale(1.16, 1.16);
	-o-transform: scale(1.16, 1.16);
	z-index: 100;
}

.fig-frmae-img5:hover .frame-title {
	transform: scale(0.86, 0.86);
	-moz-transform: scale(0.86, 0.86);
	-webkit-transform: scale(0.86, 0.86);
	-o-transform: scale(0.86, 0.86);
	margin-left: -30px;
	width: 117%;
}

.frame-bg {
	position: absolute;
	bottom: -76%;
	width: 100%;
	height: 175%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%,
		#000000);
	background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0)
		10%, #000000);
	background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%,
		#000000);
	background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%,
		#000000);
	transition: bottom 0.2s ease 0s;
	-webkit-transition: bottom 0.2s ease 0s;
	-o-transition: bottom 0.2s ease 0s;
	-moz-transition: bottom 0.2s ease 0s;
	position: absolute;
}

.frame-bg:hover {
	bottom: 0%;
}

.frame-blank {
	height: 42%;
}

.frame-title {
	width: 100%;
	text-align: left;
	height: 13%;
	color: #FFFFFF;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.frame-content {
	text-align: left;
	position: absolute;
	bottom: 5px;
	color: #FFFFFF;
	overflow: hidden;
}

.fig-frmae-img1 .frame-title {
	padding: 40px 30px 0px 30px;
	font-size: 25px;
	font-weight: 600;
}

.fig-frmae-img1 .frame-content {
	font-size: 20px;
	line-height: 29px;
	height: 47%;
	transform: scale(0.75, 0.75);
	-webkit-transform: scale(0.75, 0.75); /* Chrome内核浏览器有最小12像素的限制，所以要缩放 */
	-moz-transform: scale(0.75, 0.75);
	-webkit-transform: scale(0.75, 0.75);
	-o-transform: scale(0.75, 0.75);
}

.fig-frmae-img2 .frame-title {
	padding: 4px 8px 0px 8px;
	font-size: 15px;
	font-weight: 600;
}

.fig-frmae-img2 .frame-content {
	font-size: 12px;
	line-height: 17px;
	height: 46%;
	transform: scale(0.75, 0.75);
	-webkit-transform: scale(0.75, 0.75); /* Chrome内核浏览器有最小12像素的限制，所以要缩放 */
	-moz-transform: scale(0.75, 0.75);
	-webkit-transform: scale(0.75, 0.75);
	-o-transform: scale(0.75, 0.75);
}

.fig-frmae-img3 .frame-title {
	padding: 20px 20px 0px 20px;
	font-size: 22px;
	font-weight: 600;
}

.fig-frmae-img3 .frame-content {
	font-size: 17px;
	line-height: 25px;
	height: 46%; transform : scale( 0.75, 0.75);
	-webkit-transform: scale(0.75, 0.75); /* Chrome内核浏览器有最小12像素的限制，所以要缩放 */
	-moz-transform: scale(0.75, 0.75);
	-webkit-transform: scale(0.75, 0.75);
	-o-transform: scale(0.75, 0.75);
	transform: scale(0.75, 0.75);
}

.fig-frmae-img4 .frame-title {
	padding: 4px 8px 0px 8px;
	font-size: 15px;
	font-weight: 600;
}

.fig-frmae-img4 .frame-content {
	font-size: 12px;
	line-height: 17px;
	height: 46%;
	transform: scale(0.75, 0.75);
	-webkit-transform: scale(0.75, 0.75); /* Chrome内核浏览器有最小12像素的限制，所以要缩放 */
	-moz-transform: scale(0.75, 0.75);
	-webkit-transform: scale(0.75, 0.75);
	-o-transform: scale(0.75, 0.75);
}

.fig-frmae-img5 .frame-title {
	padding: 20px 20px 0px 20px;
	font-size: 22px;
	font-weight: 600;
}

.fig-frmae-img5 .frame-content {
	font-size: 17px;
	line-height: 25px;
	height: 46%;
	transform: scale(0.75, 0.75);
	-webkit-transform: scale(0.75, 0.75); /* Chrome内核浏览器有最小12像素的限制，所以要缩放 */
	-moz-transform: scale(0.75, 0.75);
	-webkit-transform: scale(0.75, 0.75);
	-o-transform: scale(0.75, 0.75);
}

/* 人物页部分 */
.figure-name {
	font-size: 35px;
	font-weight: 600;
	color: #2F6FA6;
}

.figure-tag {
	font-size: 14px;
	color: #999999;
}

.figure-catalogue {
	margin-top: 20px;
	margin-bottom: 40px;
	border-bottom: 3px solid #999999;
	border-top: 3px solid #999999;
	padding-top: 10px;
	padding-bottom: 15px;
}

.figure-catalogue>.main {
	font-size: 22px;
	color: #2F6FA6;
}

.figure-catalogue>.title {
	margin-top: 5px;
	color: #222222;
	font-size: 16px;
}

.figure-catalogue>.title>a {
	cursor: pointer;
}

.figure-title {
	margin-top: 20px;
}

.figure-title>.number {
	font-weight: 600;
	line-height: 40px;
	font-size: 25px;
	background: #2F6FA6;
	color: #FFFFFF;
	height: 40px;
	text-align: center;
}

.figure-title>.title {
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	height: 40px;
	font-size: 25px;
	line-height: 40px;
	border-bottom: 3px solid #2F6FA6;
}

.figure-content {
	font-size: 16px;
	line-height: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.figure-content:last-child {
	margin-bottom: 70px;
	border-bottom: 0px dotted #999999;
}

.figure-fix-catalogue {
	width: 100px;
	top: 70px;
	right: 350px;
	padding: 5px 15px 10px 15px;
	border-bottom: 3px solid #999999;
	border-top: 3px solid #999999;
	position: fixed;
}

.figure-fix-catalogue>.main {
	font-size: 22px;
	color: #2F6FA6;
}

.figure-fix-catalogue>.title {
	margin-top: 5px;
	color: #222222;
	font-size: 16px;
}

.figure-hotest {
	margin-top: -20px;
}

.list-title-figure {
	font-size: 18px;
	overflow: hidden;
	font-weight: 700;
	line-height: 1.4;
	color: #666666;
	padding-bottom: 5px;
	border-bottom: 4px solid #2E6DA4;
}

.list-title-more-figure {
	float: right;
}

div.div-separator {
	padding-bottom: 5px;
	border-bottom: 4px solid #eeeeee;
	margin-bottom: 8px;
}