html,body{color: #000000;font-family:Microsoft YaHei;min-width: 320px;}
a{color: #000000;font-family:Microsoft YaHei;}
body a:hover{color: #D0AC83 !important;}
body{overflow-x: hidden;overflow-y: auto;}
pre{font-family:Microsoft YaHei;}
.all{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
input,button,a,select,img{
  outline:0 none !important;
  blr:expression(this.onFocus=this.blur());
}
input:focus,button:focus,a:focus,select:focus,img:focus{ outline: none !important; }
.header{position: fixed;width: 100%;top: 0;left: 0;text-align: center;z-index: 9999;}
.header-hua{background: rgba(255,255,255,0.9);box-shadow:0px 6px 10px rgba(0,0,0,0.1);}
.header-hua .header-nav{height: 0.6rem;line-height: 0.6rem;}
.header-hua .header-nav .list-nav li a{color: #D0AC83;}
.header-hua .header-nav .list-nav li a:hover{color: #D0AC83 !important;}
.header-nav{max-width: 1200px;margin: 0 auto;width: 100%;box-sizing: border-box;position: relative;padding: 0 0;height: 0.9rem;line-height:0.9rem;
	/* transition: height 0.5s;
	-moz-transition: height 0.5s;
	-webkit-transition: height 0.5s;
	-o-transition: height 0.5s; */
}
.header-nav .list-nav{width: 100%;display: inline-block;position: relative;}
.header-nav .list-nav-left{float: left;width: 40%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.header-nav .list-nav-right{float: right;width: 40%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.header-nav .list-nav-left li,.header-nav .list-nav-right li{font-size: 0.16rem;text-align: center;
word-break:keep-all;
	  white-space:nowrap;
	  overflow:hidden;
	  text-overflow:ellipsis;
}
.header-nav .list-nav li a{float: left;width: 100%;height:100%;color: #FFFFFF;}
.header-nav .list-nav li a:hover{color: #FFFFFF !important;}
.header-nav .logo{width: 20%;position: absolute;left: 40%;z-index: 2;top: 0;height: 80%;}
.header-nav .logo img{vertical-align: middle;max-width: 100%;max-height: 100%;transition:none;}
.header-nav .buttun{position: absolute;left: 0.2rem;top: 0;width: 0.4rem;height: 0.3rem;z-index: 99;line-height: 0.2rem;letter-spacing: 4px;text-align: center;top: 50%;margin-top: -0.15rem;display: none;padding-right: 0.8rem;}
.header-nav .buttun::before{position: absolute;right: 0;top: 0;width: 0.8rem;height: 0.3rem;line-height: 0.3rem;content: '菜单';color: #DBDDE9;font-size: 0.24rem;}
.header-nav .buttun div{width: 100%;background: #D0AC83;height: 0.06rem;margin-bottom: 0.06rem;}
.header-nav .buttun div:last-child{margin-bottom: 0;}
.close{width: 100%;float: left;width: 0.4rem;height: 0.6rem;background: #93753a;color: #FFFFFF;position: absolute;right: 0;top: 50%;margin-top:-0.3rem;font-size: 0.16rem;line-height: 0.2rem;display: none;box-sizing: border-box;padding: 0.1rem;word-break:break-all;background: url(../image/2/19.png) no-repeat center center;}

.header .language{
	position: absolute;
	right:1rem;
	top: 0;
	z-index: 9999;

}
.header .language a{
	display: flex;
	width: 0.5rem;
	line-height: 0.9rem;
	text-align: center;
	color: #ffffff;
}

.header-hua .language a{
	display: flex;
	width: 0.5rem;
	line-height: 0.6rem;
	text-align: center;
	color: #D0AC83;
}

.footer-map{width: 100%;font-size: 0.12rem;padding-top: 1rem;background: #FFFFFF;margin-top: -0.2rem;box-sizing: border-box;}
.footer-map div{width: 12.8rem;max-width: 100%;margin: 0 auto;padding: 0 0.5rem;line-height: 0.5rem;box-sizing: border-box;color: #D0AC83;}
.footer-map div span:nth-child(1){color: #000000;}
.footer-map a{color: #D0AC83;}



.footer{width: 100%;background: #2E3447;}
.footer-content{width: 12.8rem;max-width: 100%;margin: 0 auto;box-sizing: border-box;font-size: 0.16rem;padding: 0.45rem 0.5rem 0.3rem 0.5rem;color: #FFFFFF;}
.footer-content .logo{display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: center}
.footer-content .logo .line{width: 2px;height: 0.3rem;background: #D0AC83;margin: 0 0.18rem;}
.footer-content .logo img{max-height: 0.56rem;}
.footer-content ul{display: flex;width: 100%;margin: 0.3rem 0 0.3rem 0;justify-content: space-between;}
.footer-content ul li{text-align: left;overflow: hidden;}
.footer-content ul li:nth-child(1){width: 30%;}
.footer-content ul li:nth-child(2){}
.footer-content ul li:nth-child(3){width: 30%;padding-left: 1rem;box-sizing: border-box;}
.footer-content ul li h4{height: 0.4rem;line-height: 0.4rem;padding-left: 0.34rem;box-sizing: border-box;text-align: left;margin-bottom: 0.1rem;font-size: 0.18rem;display: inline-block;}
.footer-content ul li p{font-size: 0.16rem;}
.footer-content ul .map h4{background: url(../image/2/4.png) no-repeat 0 center;background-size: 0.24rem 0.24rem;}
.footer-content ul .email h4{background: url(../image/2/5.png) no-repeat 0 center;background-size: 0.24rem 0.24rem;}
.footer-content ul .phone h4{background: url(../image/2/6.png) no-repeat 0 center;background-size: 0.24rem 0.24rem;}
.footer-content ul .language h4{background: url(../image/2/language.png) no-repeat 0 center;background-size: 0.24rem 0.24rem;}

.footer-content ul  .language a{
	color: #ffffff;
}
.footer-content ul  .language .on{
	color: #D0AC83;
}

.footer-content .maphref{width:0.8rem;
height:0.3rem;
background:rgba(131,135,146,1);
box-shadow:0px 3px 6px rgba(0,0,0,0.16);
opacity:1;
display: inline-block;text-align: center;line-height: 0.3rem;color: #FFFFFF;float: right;margin-top: 0.05rem;margin-right: 0.2rem;
}
.footer-nav{width: 100%;background: #242938;text-align: center;padding: 0 0;}
.footer-nav-content{width: 12.8rem;max-width: 100%;margin: 0 auto;box-sizing: border-box;font-size: 0.12rem;padding: 0 0.5rem 0 0.5rem;color: #FFFFFF;display: inline-block;}
.footer-nav-content ul{float: left;}
.footer-nav-content ul li{float: left;margin-right: 0.2rem;}
.footer-nav-content ul li a{color: #FFFFFF;line-height: 0.4rem;}
.footer-nav-content .banquan{float: right;line-height: 0.4rem;text-align: right;}
.footer-nav-content .banquan a{color: #FFFFFF;}
.page{width: 100%;text-align: center;padding: 0.5rem 0;}
.pagination{text-align: center;display: inline-block;margin: 0 auto;}
.pagination li{border: 1px solid #D0AC83;height: 0.3rem;line-height: 0.27rem;color: #D0AC83;margin-right: 0.1rem;box-sizing: border-box;float: left;}
.pagination li a{color: #D0AC83;display: inline-block;font-size: 0.16rem;padding: 0 0.1rem;float: left;height: 100%;}
.pagination li span{padding: 0 0.1rem;float: left;height: 100%;}
.pagination .active{background: #D0AC83;color: #FFFFFF;border: 1px solid #D0AC83;}
.pagination li:nth-child(1){}
.pagination li:last-child{margin-right: 0;}
.pagination  .disabled{display: none;}


/* 右侧 */
.body-right{
	position: fixed;right: 0.1rem;width: 0.4rem;height: 2.8rem;top: 50%;margin-top: 0.5rem;z-index: 9999999999999999;
}
.body-right ul{float: left;width: 100%;height: 100%;}
.body-right ul li{float: left;width: 0.4rem;height: 0.4rem;margin-bottom: 0.1rem;position: relative;cursor: pointer;}
.body-right ul .phone{background: url(../image/2/30.png) no-repeat center center;background-size: 100% 100%;}
.body-right ul .body-right-erweima{background: url(../image/2/29.png) no-repeat center center;background-size: 100% 100%;}
.body-right ul .top{background: url(../image/2/28.png) no-repeat center center;background-size: 100% 100%;}
.body-right ul li:last-child{margin-bottom: 0;}
.body-right ul .body-right-erweima .img{width: 1.2rem;height: 1.2rem;position: absolute;right: 0.55rem;top: 50%;margin-top: -0.6rem;display: none;}
.body-right ul .body-right-erweima .img img{width: 100%;height: 100%;}
.body-right ul .body-right-erweima:hover .img{display: inline-block;}

.body-right ul .phone .img{height: 0.4rem;position: absolute;right: 0.55rem;top: 50%;margin-top: -0.2rem;background: url(../image/2/33.png) no-repeat 0 center;background-size: 100% 100%;text-align: center;line-height: 0.4rem;font-size: 0.2rem;color: #D0AC83;box-sizing: border-box;
	padding: 0 0.2rem;padding-right: 0.4rem;display: none;}
.body-right ul .phone .img img{width: 100%;height: 100%;}
.body-right ul .phone:hover .img{display: inline-block;}
.body-right ul .top{display: none;}
@media only screen and (min-width: 900px) and (max-width: 1480px) {
	.header .language{
		position: absolute;
		right:0rem;
		top: 0;
		z-index: 9999;

	}
}
@media only screen and (min-width: 900px) and (max-width: 1280px) {
	/* .header-nav .list-nav-left li,.header-nav .list-nav-right li{line-height: 1rem;margin-right: 0.1rem;float: left;}
	.header-nav .logo{width: 1.5rem;margin-left: -0.75rem;} */
	.header .language{
		display: none;

	}
}

@media only screen and (max-width: 900px) {
	.body-right{display: none !important;}
	.lunbo{margin-top: 0.9rem;}
	/* .header-nav .list-nav-left li,.header-nav .list-nav-right li{line-height: 1rem;margin-right: 0.1rem;font-size: 0.16rem;}
	.header-nav .logo{width: 1.5rem;margin-left: -0.75rem;} */
	.footer-content .logo .line{width: 2px;height: 0.3rem;background: #D0AC83;margin: 0 0.18rem;display: none;}
	.footer-content .logo .logo2{margin-top: 0.3rem;margin-right: 100%;}
	.header-nav .list-nav{position: fixed;left:0;top: 0;z-index: 9999;width: 0;background: #333333;height: 100%;overflow: hidden;}
	.header-nav .list-nav-left{float: left;width: 100%;}
	.header-nav .list-nav-right{float: right;width: 100%;}
	.header-nav .list-nav li{float: left;width: 100%;line-height: 0.7rem;}
	.header-nav .list-nav li a{float: left;width: 100%;height:100;color: #FFFFFF;line-height: 0.7rem;font-size: 0.2rem;}
	.header-nav .list-nav-on{width: 2rem;}
	.header-nav .buttun{display: inline-block;}
	.close{display: inline-block;}
	.footer-content{padding: 0.45rem 0.2rem 0.3rem 0.2rem;}
	.footer-content ul{margin-bottom: 0;display: inline-block;}
	.footer-content ul li{float: left;width: 100% !important;margin-bottom: 0.3rem;text-align: left !important;padding-left: 0 !important;box-sizing: border-box;}
	.footer-content ul li:nth-child(2n){margin-right: 0;}
	.footer-nav-content{padding: 0 0.2rem;}
	.footer-nav-content ul{width: 100%;}
	.footer-nav-content .banquan{width: 100%;}
	.footer-map div{padding: 0 0.2rem;}

	.footer-content ul .map h4{background: url(../image/2/4.png) no-repeat 0 center;background-size: 0.24rem 0.24rem;}
	.footer-content ul .email h4{background: url(../image/2/5.png) no-repeat 0 center;background-size: 0.24rem 0.24rem;}
	.footer-content ul .phone h4{background: url(../image/2/6.png) no-repeat 0 center;background-size: 0.24rem 0.24rem;}
	.header .language{
		display: block;
		right:0;
	}
	.header .language a{
		color: #D0AC83;
	}
}
.header-nav .list-nav li:last-child{margin-right: 0;}



#middle.move,
#middle1.move,
#middle2.move,
#middle3.move,
#middle4.move,
#middle5.move,
#middle6.move,
#middle7.move,
#middle8.move,
#middle9.move,
#middle10.move,
#middle11.move,
#middle12.move,
#middle13.move,
#middle14.move,
#middle15.move,
#bottom.move {
	animation: movefromleft 1s;
	animation-fill-mode: forwards;
}
@keyframes movefromleft {
	from {
		opacity: 0;
		transform: translateY(20%);
	}
	to {
		opacity: 1;
		transform: translateY(0px);
	}
}



