*{
	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;
    float: left;
}
.nav_logo a{
	display: inline-block;
	height: 100%;
}
.nav_logo a img{
	height: 100%;
}
.nav_con{
    width: 865px;
    float: right;
}
/*.nav_con ul{overflow: hidden;}*/
.nav_con ul li{
	float:left;
	/*padding: 0 20px;*/
	text-align:center;
	height:80px;
	position: relative;
       width: calc(100%/8);
}
.nav_con ul li a{
    position: relative;
	display:inline-block;
	width: 100%;
	height:80px;
	line-height:80px;
	font-size:18px;
	color: #333;
   overflow: hidden;
}
.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: 999;
	left: 0;
	top: 80px;
	/*width:1000px;*/
	/*filter:alpha(opacity=1);
	opacity:1;*/
	overflow:hidden;
	display: none;
}
.nav_con .cnav_sonbox p{
	height: 50px !important;
}
.nav_con .cnav_sonbox a{
	/*margin: 0px 4px;*/
    padding:0 1px;
    display: inline-block;
    width: 100%;
    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;
    overflow: hidden;
}
.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;*/
        text-align: center;
}
.footer_con .footer_logo p{
	color: #eeeeee;
}
.footer_con .right .line{
	margin: 0 20px;
	width: 1px;
	background: #fff;
}