﻿/*header*/

.header {
 width: 100%;
 padding: 0;
 background: #fff;
 position: relative;
 z-index: 1;
}

.headerIn {
 width: 77vw;
 height: 5.1vw;
 margin: 0px auto;
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.headerLeft a img {
 width: 21.41vw;
}

.header .headerRight {
 display: flex;
 align-items: center;
 /* font-size: 0.9vw; */
}

.header .headerRight2 {
 width: 625px;
 overflow: hidden;
 float: right
}

.header_links {
 display: flex;
 margin-left: 2.06vw;
}

.header_links .active a {
 color: #2A49C4;
}

.header_links li:nth-child(2) {
 margin: 0 2.6vw;
 position: relative;
}

.header_links li:nth-child(2)::after {
 content: "";
 position: absolute;
 width: 0.1vw;
 height: 0.94vw;
 background: #808080;
 left: -1.2vw;
 top: 50%;
 transform: translateY(-50%);
}
.login_div {
 margin-left: 2.08vw;
}

.header_links li:nth-child(2)::before {
 content: "";
 position: absolute;
 width: 0.1vw;
 height: 0.94vw;
 background: #808080;
 right: -1.3vw;
 top: 50%;
 transform: translateY(-50%);
}
.searchBox form {
 display: flex;
 align-items: center;
}
.searchTop {
 height: 24px;
 line-height: 24px;
 color: #333;
}

.searchTop a {
 color: #333;
}

.searchTop a:hover {

 color: #0079c8
}

.searchTop .bg1 {
 background: url(../images/ico1.jpg) no-repeat 0 0px;
}

.searchTop .bg2 {
 background: url(../images/ico2.jpg) no-repeat 0 0px;
}

.searchTop .bg1,
.bg2 {
 height: 24px;
 line-height: 24px;
 display: block;
 padding: 0 0 0 27px;
 margin: 0 10px 0 0px;
}

.searchBox {
 width: 14.95vw;
 height: 1.88vw;
}

.searchBox select {
 float: left;
 height: 24px;
 width: 78px;
 border: solid 2px #d9d9d9;
 line-height: 24px;
}

.searchTxt {
 width: 11.88vw;
 border: none;
 height: 1.88vw;
 background: #EBEFFC;
 border-radius: 1.3vw 0 0 1.3vw;
 float: left;
 font-size: 0.73vw;
 padding: 0 1.09vw;
 box-sizing: border-box;
}

a.gjxxg img {
 width: 20px;
 margin-right: 5px;
 height: 20px;
}

.searchBtn {
 background: #2A49C4 url(/Content/Areas/Common/images/searchBtn.png) no-repeat center center;
 width: 3.07vw;
 cursor: pointer;
 height: 1.88vw;
 border: none;
 border-radius: 0 1.3vw 1.3vw 0;
 background-size: 0.89vw 0.89vw;
 transition: all 0.3s;
}

.searchBtn:hover {opacity: 0.8;}

a.gjxxg {
 padding-left: 0px;
 height: 40px;
 line-height: 40px;
 float: left;
 display: flex;
 justify-content: start;
 align-items: center;
 margin-top: 7px;
}
@media only screen and (max-width: 768px) {
 .login_div {
 display: none;
 }
 ul.header_links {
 display: none;
 }
 .wrap .header {
 display: block;
 }
 
 .wrap .searchBox {
 display: none;
 }
 .headerIn {
 width: 100%;
 padding: 0 2vw;
 height: 15vw;
 }
 
 .headerLeft a img {
 width: 50vw;
 }
 
 .header_links li a {
 font-size: 3.4vw;
 color: #000;
 }
 
 .header_links li:nth-child(2)::before {
 height: 3vw;
 }
 
 .header_links li:nth-child(2)::after {
 height: 3vw;
 }
 
 .header_links li:nth-child(2) {
 margin: 0 3vw;
 }
} 