.g-hd{height:5rem;position: relative;}

.g-hd img{display: block;width: 100%;}

.g-hd h1{float: left;width:31%;margin:0.9rem 0 0 1.56%;}

.g-hd ul{float: left;height:3rem;margin-left: 4.8%;}

.g-hd ul li{float: left;font-size: 1.1rem;line-height:5rem;padding:0 0.7rem;position: relative;}

.g-hd ul li a{color: #333;}

.g-hd ul li.cur a{color: #1c96d5;}

.g-hd .m-nav2{float: right;width:5%;margin:1.9rem 1.56% 0 0;}

#menu{display:none;position: absolute;left: 0;top: 5rem;width:100%;height:55rem;background:url(../images/menu_bg.jpg) no-repeat center;z-index: 200;background-size:100% auto;}

#menu p{margin: 2rem auto 0;text-align: center;}

#menu p a{display: block;width:29rem;height: 3.6rem;line-height: 3.6rem;font-size: 1.2rem;color: #333;background:#fff;border-radius: 1.8rem;margin:0 auto 1.5rem;}





.g-ft{height:15rem;position: relative;background: #e9e9e9;}

.f_con{padding-top: 1.2rem;}

.f_con .top{position: fixed;width: 4rem;bottom: 8.5rem;right: 1.5%;z-index: 100;}

.f_con .top img{display:block;width: 100%;}

.f_con p{line-height: 2rem;text-align: center;font-size: 1rem;color: #666;}

.f_con p a{color: #666;}

.f_con p i{margin:0 1rem;}

.fnav{ position:fixed; bottom:0; min-width:320px; max-width:640px; width:100%; height:4.5rem; background:#424242;z-index:12;}

.fnav li{ width:25%; float:left; height:4.5rem; text-align:center; position:relative;color:#fff; font-size:1rem;line-height:1.3rem;}

.fnav li em{ display:block; width:1.3rem; margin:0 auto 0.1rem; padding-top:0.6rem;}

.fnav li em img{ display:block; width:100%;}

.fnav li a{ display:block;color:#fff; font-size:1rem; height:3.5rem; line-height:1.3rem; font-family:"Microsoft YaHei";}

.fnav li:first-child{ background:#0e2b5c;}

.fnav li .erji{display:none; width:100%; position:absolute; bottom:3.5rem; left:0; background:#424242;padding:0.8rem 0;}

.fnav li .erji a{ display:block; line-height:2rem; height:2rem;}

.fnav li:hover .erji{ display:block;}

/* 弹出框样式 */
	.modal {
	  display: none;
	  position: fixed;
	  z-index: 999;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  overflow: auto;
	  background-color: rgba(0,0,0,0.4);
	}
	
	/* 表单样式 */
	.modal-content {
	  background-color: #fefefe;
	  margin: 10% auto;
	  padding: 20px;
	  border: 1px solid #888;
	  width: 80%;
	}
	.modal .lable{
		color:#063d7e;
		font-weight: bold;
	}
	.modal .toptitle{
		
		display: block;
		height: 60px;
		color: #000;
		text-align: center;
		line-height: 60px;
		font-weight: bold;
		font-size:20px;
	}
	.modal .subtitle{
		display: block;
		height: 80px;
		font-size: 18px;
		color: #000;
		width: 100%;
		text-align: center;
		font-size: 16px;
	}
	.modal input[type=text], .modal input[type=email], .modal textarea {
	  width: 100%;
	  padding: 12px 20px;
	  margin: 8px 0;
	  display: inline-block;
	  border: 1px solid #ccc;
	  border-radius: 4px;
	  box-sizing: border-box;
	}
	
	.modal input[type=submit] {
	  background-color: #063D7E;
	  color: white;
	  padding: 12px 20px;
	  border: none;
	  border-radius: 4px;
	  cursor: pointer;
	  width: 100%;
font-weight: bold;
margin-top: 20px;
margin-bottom: 50px;
	}
	
	.modal input[type=submit]:hover {
	  background-color: #ff5e14;
	}
	
	.close {
	  color: #aaa;
	  float: right;
	  font-size: 28px;
	  font-weight: bold;
	}
	
	.close:hover,
	.close:focus {
	  color: black;
	  text-decoration: none;
	  cursor: pointer;
	}
	
/* 弹出框样式 */	


.modal-content textarea{
	width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}


footer {
	padding: 80px 0
}

footer img {
	margin-left: 0
}

footer section {
	margin-top: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

footer .mml-col {
	width: 32%;
	max-width: 336px
}

footer .mml-col:last-child li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

footer .mml-col:last-child li:nth-child(2) {
	font-family: Arial
}

footer .mml-col:last-child i {
	font-size: 12px;
	margin-right: 10px;
	-webkit-transform: translateY(8px);
	-ms-transform: translateY(8px);
	transform: translateY(8px)
}

footer h4 {
	margin-bottom: 20px;
	font-family: effra,sans-serif;
font-weight: 500;
font-style: normal;
font-size: 20px;
color: #444;
}

footer li {
	margin-top: 10px;
	font-family: neuzeit-grotesk,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
color: #999;
line-height: 1.5;
}

footer li:hover a {
	color: #16428b
}

footer li:hover i {
	display: inline-block!important
}

footer a {
	color: #999
}

footer a i {
	font-size: 14px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-right: 5px;
	display: none!important
}

@media (max-width:600px) {
	footer section {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 0
	}

	footer img {
		margin: 0 auto
	}

	footer .mml-col {
		width: 100%;
		margin-top: 30px
	}
}

.copyright {
	padding: 24px 0;
	background-color: #f6f9fd;
	text-align: center
}

.copyright p {
	color: #bbb
}

.copyright .container {
	position: relative
}

.copyright #back-to-top {
	width: 40px;
	height: 40px;
	background-color: #0c4da2;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	display: block;
	position: absolute;
	right: 10px;
	top: -40px
}

.copyright #back-to-top i {
	color: #fff
}