* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}
.clearfix, .c {
	zoom: 1;
	clear: both;
}
.clearfix:after, .clearfix:before, .c:after, .c:before {
	display: table;
	content: "";
}
.clearfix:after, .c:after {
	clear: both;
}
.header .box .l{
    width: 45%;
}
.header .box .l img{
    width: 100%;
}
/* Write your styles */
.l {
	float: left;

}
.r {
	float: right;
	
}
.header .box{
      display: flex;
    justify-content: space-between;
    align-items: center;
}
.box {
	width: 1200px;
	margin: 0 auto;
	  
}