body {
	width:100%;
	min-height:100vh;
	font-size:16px;
	background-image:url(../images/bg.jpg);
	background-size:100% 100%;
}
.flex {
	display:flex;
}
.m-header {
	width:100%;
	height:120px;
	background-color:rgba(0,0,0,0.3);
	position:absolute;
	top:0;
	left:0;
	z-index:99;
}
.m-logo {
	position:absolute;
	left:3.4%;
	top:30px;
}
.m-logo img{height: 60px;}
.m-nav a.index,.m-nav dl dt a {
	float:left;
	color:#f2d374;
	font-size:16px;
	overflow:hidden;
	text-align:center;
	width:110px;
	line-height:86px;
	margin:0 10px;
}
.m-nav dl dt a{font-size: 18px;}
.m-nav a.active,.m-nav a.index:hover,.m-nav dl.hover dt a {
	background:url(../images/cloud.png) no-repeat right 45px;
	color:#fff;
}
.m-nav dl {
	float:left;
	position:relative;
	font-size:16px;
}
.m-nav dl dd {
	min-width:100px;
	width:max-content;
	padding:15px 0 15px 30px;
	position:absolute;
	top:86px;
	left:50%;
	transform:translateX(-50%);
	background-color:#908556;
	color:#ffffee;
	display:none;
}
.m-nav dl dd:before {
	content:"";
	font-size:0;
	width:0;
	height:0;
	line-height:0;
	display:block;
	border:0 solid transparent;
	border-width:8px;
	border-bottom-color:#908556;
	position:absolute;
	top:-15px;
	left:50%;
	margin-left:-8px;
}
.m-nav dl dd a {
	display:block;
	line-height:30px;
	color:#ffffee;
}
.m-nav dl dd a:hover {
	text-decoration:underline;
}
.m-tool {
	position:absolute;
	right:60px;
	top:28px;
	z-index:100;
}
.m-tool li {
	float:left;
	width:50px;
	height:65px;
	margin-left:20px;
	position:relative;
	cursor:pointer;
}
.m-tool li.map {
	background:url(../images/map.png) no-repeat;
}
.m-tool li.map a {
	display:block;
	height:100%;
	color:#ffffee;
}
.m-tool li.wei {
	background:url(../images/wei.png) no-repeat;
}
.m-tool li.wei img{margin-bottom: 2px;}
.m-tool li.qq {
	background:url(../images/qq.png) no-repeat;
}
.m-tool li.qq a {
	margin-top:10px;
	display:block;
	color:#ffffee;
}
.m-tool li div {
	position:absolute;
	top:58px;
	left:50%;
	background-color:#908556;
	border-radius:3px;
	padding:10px;
	width:80px;
	text-align:center;
	color:#fff;
	margin-left:-50px;
	display:none;
}
.m-tool li div:before {
	content:"";
	background:url(../images/arrow.png) no-repeat;
	display:block;
	width:16px;
	height:9px;
	position:absolute;
	top:-7px;
	left:50%;
	margin-left:-8px;
}
.m-sliderpage {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	top:0;
	left:0;
}
.m-sliderpage .page {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	display:none;
}
.m-sliderpage .page img {
	position:absolute;
	bottom:0;
	right:0;
}
.footer {
	margin-top:100px;
	background:#272727;
	color:#b4b3b8;
	line-height:1.8;
	font-size:14px;
}
.footer .wrap {
	padding:30px 0 27px;
	margin:0 auto;
	width:1200px;
	width:100%;
	text-align: center;
}
.footer .wrap a{color: #b4b3b8}
.footer .wrap span{margin: 0 5px;}
.footer .copyright {
	text-align:center;
}
.footer .beian {
	text-align:center;
}
.m-footer-nav {
	background-color:#2d3134;
	height:60px;
	overflow:hidden;
	color:#838991;
}
.m-footer-nav ul {
	float:left;
	margin-top:26px;
}
.m-footer-nav ul li {
	float:left;
	font-size:14px;
	border-left:1px #015a40 dotted;
	line-height:1;
	height:10px;
}
.m-footer-nav ul li a {
	display:block;
	margin:-2px 10px 0;
	color: #838991;
}
.m-footer-nav ul li.b0 a {
	margin-left:0;
}
.m-footer-nav a.gotop {
	float:right;
	line-height:60px;
	font-size:14px;
	color: #838991;
}
.m-footer-nav a.gotop img {
	vertical-align:middle;
}
.content-page .m-header{
	background: url(../images/bg.jpg) center top no-repeat #0000004d;
	background-size: 100%;
	background-blend-mode: color;
}


.nav-btn{
	display: none;
	padding: 12px;
	cursor: pointer;
	width: 30px;
}
.nav-btn img{width: 30px;}
@media screen and (max-width: 1300px) {
		.m-logo{left: 0;}
	.m-tool{right: 30px;}
	.m-tool li{margin-left: 10px;}
	.m-nav a.index, .m-nav dl dt a{width: 100px;}
	.m-footer-nav{padding: 0 20px;}
}
@media screen and (max-width: 1180px) {
	.m-logo img{height: 50px;margin-top: 5px;}
	.m-nav a.index, .m-nav dl dt a{width: max-content;margin: 0 0;padding: 0 18px;}
}
@media screen and (max-width: 1050px) {
	.m-nav a.index, .m-nav dl dt a{padding: 0 10px;}
}
@media screen and (max-width: 900px) {
	.m-header{height: 64px;justify-content: end;background: #02815c !important;position: fixed;}
	.m-nav{display: none;}
	.m-logo{top: 0px;left: 50%;transform:translateX(-50%);}
	.m-logo img{margin-top: 7px;}
	.m-tool{display: none;}
	.nav-btn{display: block;}
	.footer{margin-top: 40px;}
	.footer .wrapper{display: flex;justify-content: space-between;align-items: center;}
	.m-footer-nav ul{flex: 1;margin-top: 0;}
	.m-footer-nav ul li{height: 18px;border-width: 0;line-height: 18px;}
	.m-footer-nav ul li a{margin:0 10px 0 0;}
	.m-footer-nav a.gotop img{width: 24px;}
	.footer .wrap {padding: 22px 0 22px;}
}