header {  position: relative;  z-index: 10;  transition: transform 0.5s ease 0s;  height:76px;  }
header .header-main {  width: 100%; background-color: #fff; transition: padding 0.3s ease 0s, transform 0.5s ease 0s;  position: fixed;left: 0;top: 0;}
header .logo{width:auto; height: 76px;display: table-cell;vertical-align: middle;}
header .logo img { transition: all 0.3s ease 0s;width:auto; height: 100%;}
header .nav-link {position: relative;}
header .nav-link .nav {line-height:76px;font-size:17px;}
header .nav-link .nav li{height:76px;position: relative; padding: 0 40px;}
header .nav-link .nav a{color:#000000 }
header .nav-link .nav li.active a{background: #e4007f; padding: 0 1rem;}
header .nav-link .nav li.active a{color: #FFF;}

header .so{width: 20px; height:  20px; background: url(../image/so.png) no-repeat; background-size: 100% 100%; float:right;
 margin-top:25px;
}

header .m-btn {  width: 22px;  height: 20px;  padding: 12px;  display: none;  cursor: pointer;  margin-top: 3px;  }
header .m-btn .box {  display: block;  width: 100%;  height: 100%;  position: relative;  }
header .m-btn .line { display: block; width: 100%;height: 2px; background-color: #1d1d1d;position: absolute; left: 0; transition: width 0.3s ease 0s;  }
header .m-btn .line1 {  width: 12px;  top: 0;  }
header .m-btn .line2 {  width: 20px;  top: 6px;  }
header .m-btn .line3 {  width: 16px;  top: 13px;  }
header .m-btn.cur .line1, header .m-btn.cur .line2, header .m-btn.cur .line3 {  width: 100%;  }
header .m-btn.cur .line1, header .m-btn.cur .line2, header .m-btn.cur .line3 { width: 100%;}
header.fixed .header-main { position: fixed;left: 0;top: 0;}