/*------------------------头部---------------*/

.zybHeader {
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 99999;
 background: #fff;
 box-shadow: 0px 4px 10px 0px rgba(198, 198, 198, 0.19);
}

.zybHeader.shadow {
 box-shadow: 0px 0px 20px #ddd;
}

.header {
 background: #94280F;
 color: #fff;
 transition: all 0.7s ease-out 0s;
 height: 50px;
}

.header.hide {
 height: 0;
 transition: all 0.7s ease-out 0s;
 overflow: hidden;
}

.headerIn {
 width: 1200px;
 margin: 0 auto;
 line-height: 50px;
}

.header .menu-name2 {
 display: none;
}

.header .Login>span {
 display: flex;
 align-items: center;
 display: none;
}

.header .Login>span a {
 float: left;
 width: auto;
 color: #fff;
 text-align: center;
 box-sizing: border-box;
 font-size: 18px;
 padding: 0 15px;
}


/*
 颜色：#94280F;
 宽度：1200px;
   */


/*顶部*/

.vison a {
 float: left;
 width: auto;
 color: #fff;
 text-align: center;
 box-sizing: border-box;
 font-size: 18px;
 padding: 0 15px;
}

.vison a.active {
 border: none;
 background: #A03C22;
}

.vison a:hover {
 border: none;
 background: #A03C22;
}

.searchbtn {
 background: url(/Content/Areas/Common/images/common/search.png) no-repeat center;
 width: 50px;
 height: 50px;
 float: left;
 border: none;
 cursor: pointer;
 background-size: 70%;
}

.searchbtn:hover {
 opacity: 0.8
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
 .headerIn {
 width: 1000px;
}
}
@media only screen and (max-width: 768px) {
 .header {
 width: 100%;
 padding: 0 10px;
 box-sizing: border-box;
 height: auto;
 }
 .search_box,
 .Login,
 .zw {
 display: none;
 }
 .headerIn {
 width: 100%;
 line-height: 40px;
 height: 40px;
 }
 .vison a {
 width: auto;
 font-size: 13px;
 border: none;
 }
 .zybHeader {
 position: initial;
 border-bottom: 1px solid #ddd;
 }
}