:root{--color:#323232;--fontcolortitle:#000;--fontcolorintro:#333;--fonthometitle:36px;--fonttitle:18px;--fontintro:16px;--fontweight:700;--fontfamily:'Lato','Open Sans','Roboto','Poppins','Oswald','Noto Sans','Montserrat',sans-serif}
.l-wrap{width:100%;max-width:1600px;margin:0 auto}

.header .bd {background-color: #fff;}

.head-info{display:flex;align-items:baseline}
.head-info .l-wrap{height:100%;display:flex;justify-content:space-between;align-items:center}
.head-logo{max-width:20%}
.head-logo img{width:auto;max-height:90px}
.head-logo a{display:inline-flex;align-items:center;height:100%;}
.head-logo a span{font-size:18px;font-weight:bold;white-space:nowrap;padding-left:10px}
.head-list{display:flex;justify-content:space-between;align-items:center;max-width:800px;width:100%;margin:0 20px}
.head-list .item{display:flex;align-items:center;justify-content:center;width:30%}
.head-list .item:nth-child(1){flex:1}
.head-list .item em{display:inline-flex;align-items:center;justify-content:center;background:var(--color);color:#FFF;width:35px;height:35px;font-size:20px}
.head-list .item .info{padding-left:10px;color:var(--fontcolortitle);line-height:1.3;text-align: left;}
.head-list .item .info span{color:var(--color);font-size:14px}
.head-list .item .info p{font-size:14px;word-break:break-word}
.head-list .item .info a{color:var(--fontcolortitle)}
.head-list .item .info a:hover{color:var(--color)}
.head-share ul{display:flex;align-items:center;list-style:none;padding:0}
.head-share ul a{margin-left:6px;padding:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--color);width:30px;height:30px;transition:all .1s linear;border-radius:4px}
.head-share ul a i{font-size:24px}
.head-share ul a:hover{background:var(--color);color:#FFF}


@media (max-width: 860px) {
	.head-info .head-list,
	.head-info .head-share{display: none;}
	.main-menu-btn {margin-top: -55px;}
}