.header {
 width: 100%;
 height: 50px;
}

.header-phone {
 display: none;
}

.header-left div {
 height: 50px;
 margin-right: 25px;
 line-height: 50px;
 color: #333;
 font-size: 12px;
 position: relative;
 padding-left: 25px;
}

.header-left div span {
 display: block;
 width: 25px;
 height: 18px;
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 margin: auto 0;
 background: url(/Sites/Uploaded/UserUpLoad/20200924/20200924132256.png) no-repeat;
}

.header-left div span.icon-tel {
 background-position: 0 1px;
}

.header-left div span.icon-mail {
 background-position: 0 -21px;
}

.header-left div span.icon-location {
 background-position: 0 -45px;
}

.header-right {
 padding: 15px;
 border-left: 1px solid #eee;
 border-right: 1px solid #eee;
}
.header-right:hover{
 border-color: #0071A5;
 background: #0071A5;
}
.header-right:hover a{
 color: #fff;
}

a.goback {
 float: right;
 font-weight: bold;
}

.header-right div {
 height: 25px;
 width: 50px;
 cursor: pointer;
 background: url(/Sites/Uploaded/UserUpLoad/20200924/20200924132256.png) no-repeat;
}

.header-right div.weibo {
 background-position: 0 -70px;
}

.header-right div.weibo:hover {
 background-position: 0 -92px;
}

.header-right div.wx {
 background-position: -50px -70px;
 position: relative;
}
.header-right div.wx img{
 display: none;
 width: 100px;
 height: 100px;
 position: absolute;
 top: 20px;
 left: -30px;
 z-index: 999;
}
.header-right div.wx:hover {
 background-position: -50px -92px;
}
.header-right div.wx:hover img{
 display: block;
}

.header-right div.ser {
 background-position: -100px -70px;
}

.header-right div.ser:hover {
 background-position: -100px -92px;
}

.header-right div.ser a {
 display: block;
 width: 100%;
 height: 100%;
}

@media only screen and (max-width:768px) {
 .header {
 height: 77px;
 background: #0071A5;
 }
 .header-phone {
 display: block;
 background: #0071A5;
 padding: 12px 0;
 }
 .header-phone img {
 display: block;
 float: left;
 margin-left: 10px;
 width: 245px;
 }
}