/* CSS Document */
/*大体架构
 ----------*/
 body,html {
	color: #252324;
	font-family:'Helvetica','Microsoft YaHei';
	width: 100%;
	font-size:12px;
	background: #fff;
}
body{
	_width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1024?"1024px":"");}
}
.container {
}
.index-logo{background: #2d2b24; z-index: 99; position: fixed; width: 100%; height: 100%;background: url(../image/index.jpg) no-repeat;background-size: cover;}
.index-logo a{display: block;width: 100%;height: 100%;}

img {
	border: 0;
	vertical-align: middle;
	display:block;
	width: 100%;
}

a{ text-decoration:none;color: #252324;}
a:hover{ color:#303030;}

/*颜色值
 --------------*/
.orange {
	color: #ffe400;
}
.blue {
	color: #699BCC;
}

/*层级*/
.z-index{z-index: 30;}

/*清除浮动
 --------------*/
.clear {
	padding: 0;
	margin: 0;
	width: 0;
	height: 0;
	font-size: 0;
	overflow: 0;
	clear: both;
	line-height: 0;
}
.clearfix {
  zoom: 1;
  _height: 1px
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
/*清楚文字内容
 --------------*/
.txtIndent {
	text-indent: -9999em;
}
/*用于seo不显示的内容
 --------------*/
.seo {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
}
.seo, .hideImg {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
}
.hideImg {
	overflow: hidden;
}
.hideImg img {
	width: 0;
	height: 0;
	overflow: hidden;
}
/*左浮动和右浮动
 --------------*/
.float_l {
	float: left;
}
.float_r {
	float: right;
}
.float_r, .float_l {
	_display: inline;
}

/*灰遮罩*/
.cover{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%; background: #000;opacity: 0.7;filter: alpha(opacity=70);text-indent: -1000px;overflow: hidden;}
.i-banner .cover{z-index: 7;}

/**导航**/
.logo{
    width: 140px;
    float: left;
}
.i-logo{width:240px;float:left;}
.i-logo .lg-img{
	width: 140px;
	/* border-right: 2px solid #958065;  */
	padding-right: 20px;
}
.i-logo span{display: block;width: 55px;}
.header{z-index: 20; position: fixed; left: 0; top: 0; width: 95.44%; padding: 0  0 0 4.56%;}
.page-relative .header{position: relative;}
.nav01{float: right; padding: 1% 0 0; width: 75%;}
.nav01 ul{
	display: flex;
    align-items: center;
    justify-content: flex-end;
}
.nav01 li{
	/* float: right;  */
	margin-right: 48px; 
	border-right: 1px solid #958065;
}

.nav01 li a{
	display: block;
    padding: 0 12px 0 5px;
    color: #a88f7e;
    font-size: 18px;
    width: 20px;
	font-family: 晴圆;
}
.nav01 li a:hover, .nav01 li.active a{
	/* color: #fff; */
	/* font-weight: normal; */
}

.nav01 li img{width: auto;}
/* .nav01 .active,
.nav01 li:hover, .nav01 li.active{border-right: 1px solid #fff;} */
.nav01 li .img02,
.nav01 .active .img01,
.nav01 li:hover .img01{display: none;}
.nav01 li:hover .img02,
.nav01 .active .img02{display: block;}

.nav{position: fixed;right: -220px; top: 7%; background:url(../image/nav-bg.png);   width: 100%; max-width: 220px; height: 93%;-moz-border-radius: 3px; 
-webkit-border-radius: 3px;}
.nav ul{padding: 3% 0 0;}
.nav li{ font-size: 15px; cursor: pointer; position: relative;}
.nav li .name{color: #fff; line-height: 14px; display: block; padding: 16px 0 16px 9.37%; position: relative;}
.nav li .name .nav-bg{position: absolute; top: 0; left: 0; height: 100%; width: 0;  transition: all 0.5s ease 0s; background: #AD854A; -webkit-transform: all 0.5s ease 0s;}
.nav li .name:hover .nav-bg{width: 100%;}
.nav li img{width: auto; position: relative;}

.nav li span{
	font-size: 16px;
    width: auto;
    position: relative;
    font-family: 晴圆;
    font-weight: normal;
    letter-spacing: 1px;
}


.nav li .icon{position: absolute; top: 0; right: 0; width: 23px; height: 44px; line-height: 44px; padding: 0 7.18% 0 0; display: inline-block;}
.nav li .open{background: url(../image/open.png) 0 center no-repeat;}
.nav li .up{background: url(../image/up.png) 0 center no-repeat;}
.nav .subnav{display: none;}
.nav .subnav a{display: block; line-height: 14px; padding: 16px 0; text-align: center; color: #fff; background: #AD854A; border-bottom: 1px solid #9C7943;}
.nav .subnav a img{margin: 0 auto;}

.asdf > img{
	transition: transform 20s !important;
	transform: scale(1.2);
}
.banner li > img.asdfssone{
	transition: transform 20s !important;
	transform: scale(1.2) !important;
}

.footer{
	position: relative;
	width: 100%;
	/* background: #120701;	 */
	position: fixed;
	left: 0;
	bottom: 0;
	/* height: 50px; */
	line-height: 50px;
	z-index: 100;
	text-align: center;
}
.opss{
	position: absolute;
    left: 30px;
	bottom: 30px;
	max-width: 400px;
}
.opss span{
    color: #a88f7e;
    font-size: 16px;
    line-height: 20px;
	text-align: left;
}
.footer span{
	position: absolute;
    left: 30px;
    bottom: 30px;
    color: #a88f7e;
    font-size: 16px;
    max-width: 400px;
    line-height: 20px;
	text-align: left;
	opacity: 0.5;
	filter: alpha(opacity=50);
	max-height: 60px;
	overflow: hidden;
}
.footer p{
	position: absolute;
	font-size: 14px;
	right: 40px;
    bottom: 20px;
	color: #a88f7e;;
	letter-spacing: 0.06px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.footer p a{
	color: #a88f7e;;
}
@media only screen and (max-width: 796px ) {
	.opss{
		max-width: 210px;
		bottom: 50px;
	}
	.opss span{
		font-size: 14px;
	}
	.footer span{
		max-width: 210px;
		font-size: 14px;
		bottom: 50px;
	}
	.footer p{
		position: unset;
	}
}
@-webkit-keyframes reverseRotataZ{0%{-webkit-transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(-360deg)}}@-webkit-keyframes rotataZ{0%{-webkit-transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg)}}
.music{position: fixed; bottom: 3.54%; right: 1%;width: 30px;}
.music.play{-webkit-animation: reverseRotataZ 1.2s linear infinite;}
.audios {
  width: 0;
  height: 0;
  overflow: hidden;
}
.list-btn{position: fixed; top: 25px; right: 7.56%;width: 30px; display: none;}
#overlay{ background:#333; opacity:0.3; box-shadow: 4px 0 10px #999; position:absolute; left:0; top:0; height:100%; width: 100%; display:none; z-index: 9;}



/**主体**/
/*鼠标经过图片缩放*/
.pics{display: block; height: 100%; overflow: hidden;}
.pics:hover img {
-webkit-transition: .3s linear;
-moz-transition: .3s linear;
-o-transition: .3s linear;
-ms-transition: .3s linear;
transition: .3s linear;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-o-transition-delay: 300ms;
-ms-transition-delay: 300ms;
transition-delay: 300ms;
-webkit-transform: rotate(5deg) scale(1.2);
-moz-transform: rotate(5deg) scale(1.2);
-o-transform: rotate(5deg) scale(1.2);
-ms-transform: rotate(5deg) scale(1.2);
transform: rotate(5deg) scale(1.2);
}

.index-logo .news-box,
.index-logo .foot-left{display: none;}
.logo-img{display: block; position: absolute; top:50%; left: 50%; margin: -144px 0 0 -40px; width: 80px; height: 197px;}
.index-logo .foot-right{float: none; text-align: center; padding: 0;}
.index-logo .foot-right span{float: none; display: block;}
.index-logo .foot-right .come{display: block;}

.contact .right .text{
	color: #a88f7e;
	padding: 12% 0;
}
.contact .right .text p{
	font-size: 16px;
	line-height: 2;
}
.pagelist{
	position: relative;
	text-align: center;
	font-size: 18px;
	font-family: 晴圆;
	color: #A88F7B;
}
.pagelist li{
	font-size: 20px;
	display: inline-block;
}
.pagelist li a{
	color: #a88f7e;
	display: block;
	padding: 2px 7px;
	font-family: 晴圆;
}
.pagelist li.active a{
	color: #fff;
}