*{
	color: #333;
	padding:0px;
	margin: 0px;
	box-sizing: border-box;
}
a{
	text-decoration: none;
	color: #333;
}
a:hover{text-decoration: none;}
img{
	vertical-align: middle;
	border: none;
}
li{list-style: none;}
.w_100{width: 100%;}
.nav{
	position: relative;
	width: 1200px;
	height:80px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.nav_logo{
	width: 325px;
	height:60px;
}
.nav_logo a{
	display: inline-block;
	height: 100%;
}
.nav_logo a img{
	height: 100%;
}
.nav_con{}
/*.nav_con ul{overflow: hidden;}*/
.nav_con ul li{
	float:left;
	padding: 0 20px;
	text-align:center;
	height:80px;
	position: relative;
}
.nav_con ul li a{
    position: relative;
	display:inline-block;
	width: 100%;
	height:77px;
	line-height:80px;
	font-size:18px;
	color: #333;
}
.nav_con ul li>a:after{
    content: "";
    position: absolute;
    top: 80%;
    left: 50%;
    width: 0;
    height: 3px;
    background: #01c6ff;
    transition: all .8s;
}
.nav_con ul li>a:hover:after{
   left: 0%;
   width: 100%;
}

.nav_con .cnav_sonbox{
	position: absolute;
	/*width: 150px;/*/
	/*left:200px;*/
	z-index: 4;
	left: 0;
	top: 80px;
	/*width:1000px;*/
	/*filter:alpha(opacity=1);
	opacity:1;*/
	overflow:hidden;
	display: none;
}
.nav_con .cnav_sonbox a{
	margin:0px 4px;
	display:inline-block;
	width:112px;
	height:50px;
	background:rgba(0,0,0,0.8);
	text-align:center;
	transition:all ease 1s;
	line-height:50px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
.nav_con .cnav_sonbox a:hover{
	background:#01c6ff;
	/*color: #fff;*/
}
/*.nav_con .cnav_sonbox a b{
	font-size:16px;
	color:#fff;
	border-bottom:1px solid #fff;
	font-weight:bolder;
	display:inline-block;
	padding:28px 0px 10px;
	overflow:hidden;
	white-space:nowrap;
	max-width:72%;
	margin:0px auto;
}*/
/*.nav_con .cnav_sonbox a span{
	font-family:arial;
	font-size:14px;
	color:#fff;
	display:inline-block;
	padding:5px 0px 0px;
}*/
/*footer*/
.footer{
	/*margin-top: 20px;*/
	height: 200px;
	background: url(../images/footer_bg.png) no-repeat;
	background-position: center;
	background-size: 100% 100%;
}
.footer_con{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.footer_con .left h1{
	font-size: 28px;
	color: #eeeeee;
	font-weight: 100;
	margin: 15px 0;
}
.footer_con .left h1 span{
	color: #01c6ff;
	font-size: 38px;
	font-weight: bold;
}
.footer_con .left p{
	color: #eeeeee;
	margin: 10px 0;
}
.footer_con .right{
	padding: 30px;
	margin-right: 50px;
	display: flex;
	justify-content: space-between;
}
.footer_con .footer_logo{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.footer_con .footer_logo p{
	color: #eeeeee;
}
.footer_con .right .line{
	margin: 0 20px;
	width: 1px;
	background: #fff;
}