/* CSS Document */
a, img {
	border:none; 
}
* {
	margin:0;
	font-family:"微软雅黑","黑体",Arial, Helvetica, Verdana, Geneva, sans-serif;	
}
html,body { 
	margin:0; 
	padding:0; 
	width:100%;
	background-color:#fff;
	min-width:1200px;
}
a { text-decoration:none; }

.page-container {
	width:100%;
	height:auto;
	background-color:#fff;
	min-width:1200px;
}
.qj-wrapper {
    background: url(../images/qj-bg-line.jpg) 0 0 repeat-x;
}
.qj {
	background:url(../images/qj-bg.jpg) center top no-repeat;
    background-color: transparent;
	/*height:825px;*/
    height: 915px;
	position:relative;
}
.head {
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	background:url(../images/top-head-behind.png) center top no-repeat;
    background-color: transparent;
	height:405px;
	z-index:3;
	vertical-align:top;
}
.head .top {
	background:url(../images/top-head-front.png) top center no-repeat;
    background-color: transparent;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	height:165px;
	z-index:9;
}

div.language-wrapper {
	width:1000px;
	position: relative !important;
	margin: 0 auto !important;
}
ul.languages {
	z-index:5;
	position:absolute;
	top:75px;
	right:0;
	margin:0;
	padding:0;
	list-style:none;
	background:none;
}
ul.languages li {
	background-color:#F68E30;
	width:30px;
	height:110px;
	display: block;
	float:left;
	margin-right:10px;
	margin-bottom:0;
	padding:0;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	text-align:center;
}
ul.languages:before {
	clear:both;
	content:"";
	display:block;
}
ul.languages:after {
	clear:both;
	content:"";
	display:block;
}

ul.languages li.active {
	background-color:#A92323;
}
ul.languages li a {
	display:block;
	padding-top:85px;
	padding-bottom:10px;
	width:30px;
	color:#fff;
	font-size:14px;
}
.head .tips {
	width:1000px;
	position:absolute;
	z-index:40;
	top:195px;
	right:8px;
	left:0;
	margin:auto;
	text-align:right;
	color: #EADCB9;
	font-size:12px;
}

.qj-box {
	z-index:10;
	position:absolute;
	top:198px;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
}
.qj-box h1 {
	font-size:30px;
	color:rgb(250,246,226);
	margin:0;
	/*padding:35px 0 25px 0;*/
    padding:10px 0 20px 0;
	font-weight: bold;
}
ul.pic-list {
	list-style:none;
	padding:0;
	width:1200px;
	margin:0 auto;
	text-align:center;
}
ul.pic-list li {
	list-style:none;
	display:block;
	float:left;
	margin-left:5px;
	margin-right:5px;
}
ul.pic-list li div.pic-box {
	width:150px;
	border:5px solid #DAA321;
	background-color:#fff;
}
ul.pic-list li div.pic-box a {
	display:block;
	border:4px solid #3E3C05;
	height:262px;
	overflow:hidden;
	background-color:#fff;
}
ul.pic-list li div.pic-box img {
	border:1px solid #B6731D;
	width:140px;
	height:260px;
}
ul.pic-list li div.pic-desc a {
	display:block;
}
ul.pic-list li div.pic-desc a h2 {
	font-size:20px;
	color:#fdf6d9;
	margin:0;
	padding:10px 0 0 0;
	line-height:50px;
}
ul.pic-list li div.pic-desc a p {
	margin:0;
	padding-left:15px;
	font-size:14px;
	color:#fae3ae;
}

ul.pic-list:before {
	clear:both;
	content:"";
	display:block;
}
ul.pic-list:after {
	clear:both;
	content:"";
	display:block;
}

.text-wrapper {
    background: url(../images/text-bg-line.png) 0 0 repeat-x;
    background-color: transparent;
    padding: 0;
    margin: 0;
    border:none;
    position: relative;
    top: -130px;
    z-index: 990;
}
.text {
	background:url(../images/text-bg.png) 50% -1px no-repeat;
    background-color: transparent;
	/*min-height:884px;*/
    min-height:846px;
    border:none;
}
.text-box {
    background-color: transparent;
    padding: 0;
    margin: 0;
    border:none;
}
ul.text-img-list {
	list-style:none;
	width:960px;
	height:auto;
	margin:0 auto;
	padding:100px 0 0 0;
    border:none;
}
ul.text-img-list li {
	display:block;
	float:left;
	list-style:none;
	width:240px;
	height:334px;
	margin:0;
	padding:0;
    z-index: 89;
}
ul.text-img-list li a {
	position:relative;
	overflow:hidden;
	display:block;
	height:334px;
}
ul.text-img-list li a img {
	height:334px;
}
/* 动画 */
ul.text-img-list li a.text-unit {
    display: block;
    width: 240px;
    height:334px;
    background-size: 500% 334px !important;
    /*animation: paper steps(4) 0.2s 1 both;
    animation-play-state:paused;
    -webkit-animation-play-state:paused;*/
}
@keyframes paper {
    0% {background-position: 0%;}
    100% {background-position: 100%;}
}

ul.text-img-list li a span {
	position:absolute;
	display:block;
	/*color:#D6943F;*/
	color:#c3b384;
	font-size:14px;
	z-index:90;
	top:0;
	bottom:0;
	left:0;
	right:0;
	padding-top:244px;
	padding-left:20px;
	/*background-color:rgba(0,0,0,.1);*/
}
ul.text-img-list li a span.desc {
	color:#D6943F;
	background-color:rgba(0,0,0,.1);
	opacity:0;
	z-index:91;
}
ul.text-img-list:before {
	display:block;
	content:"";
	clear:both;
}
ul.text-img-list:after {
	display:block;
	content:"";
	clear:both;
}

.bot-wrapper {
    background: url(../images/bot-bg.png) center bottom repeat-x rgb(243,235,149);
    /*background-color: rgb(243,235,149);*/
    height: 192px;
}
.bottom {
	/*height:142px;*/
	height:192px;
	margin-top:-130px;
	background:url(../images/bottom.png) center bottom no-repeat;
    z-index: 999;
}
.bot-wrapper .copy {
	height:50px;
	width:100%;
	line-height:50px;
	background-color:#ffca28;
	text-align:center;
}
.bot-wrapper .copy p { font-size:18px; text-align:center; color:#c50507; font-family:"微软雅黑";font-weight:bold; }
/*
@media only screen and (max-width: 800px) {
	ul.text-img-list {
		width:480px !important;
		margin:0 auto;
		height:auto !important;
	}
	.bottom {
		margin-top:30px;
	}
}
*/