* {
padding: 0 0;
margin: 0 0;
}
.header {
width: 100%;
height: 275px;
margin: 0 auto;
}
.head-left{
line-height: 50px;
margin-left: 32px;
}
.header-top {
width: 100%;
height: 50px;
background-color: rgb(7, 65, 122);
}
.header-top-content {
width: 1440px;
height: 50px;
margin: 0 auto;

}
.header-center {
width: 100%;
background-color: rgb(10, 83, 155);
overflow: hidden;
height: 175px;
margin:0 auto;
}
.top-center{
margin: 0 auto;
width: 1440px;
height: 175px;
background-size: cover;
background-color: rgb(10, 83, 155);
}
.pic-left{
margin-top: 15px;
float: left;
width: 800px;
}
.pic-right{
float: right;
}
#header-bottom {
width: 100%;
height: 50px;
margin: 0 auto;
background-color: rgb(7, 65, 122);
}
.top-nav {
width: 1440px;
height: 100%;
margin: 0 auto;
font-size: 17px;
}


.top-nav >ul {
width: 100%;
display: flex;
justify-content: space-between;
}
.top-nav li.item {
display: inline-block;
list-style: none;
float: left;
height: 50px;
line-height: 50px;
text-align: center;
width: 113px;
position: relative;
}
.top-nav li a {
text-decoration: none;
color: #fff;
}
#header-bottom .son {
width: 110px;
height: 0;
position: absolute;
left: 0;
top: 49px;

background: rgb(37, 83, 155);
z-index: 888;
font-size: 12px;
list-style-type: none;
overflow: hidden;
transition: 0.5s;
}
#header-bottom #slideDown {
display: block;

transition: 0.5s;
}
#header-bottom a.son-item-a {
display: block;
height: 38px;
line-height: 38px;
}
#header-bottom .son-item-a:hover {
background-color: rgb(7, 65, 122);
}
.header-top .head-left,.head-right {
color: #fff;
font-size: 13px;
}
.header-top .head-left {
float: left;
}
.header-top .head-right {
position: relative;
float: right;
}
.header-top .search-box {
display: inline-block;
margin-top:8px;
float:right;
}
.header-top .langue {
float:left;
margin-top:16px;
display: inline-block;
padding-right: 10px;
}
.chinese,.english {
font-size: 13px;
color: #fff;
text-decoration: none;
}
.search-input {
border: none;
display: inline-block;
height: 26px;
line-height: 26px;
color: #262626;
text-indent: 8px;
background-color: #fff;
}
.search-icon {
position: relative;
top: 9px;
display: inline-block;
width: 30px;
height: 30px;
}
.footer {
height: 164px;
background: rgb(10, 83, 155);
color: #fff;
}
.footer .footer-logo {
float: left;
padding: 8px 0;
}
.footer .footer-info {
float: left;
margin-left: 20px;
font-size: 14px;
line-height: 24px;
padding-top: 29px;
}
.footer-info p {
margin-bottom: 10px;
}
.footer-center {
width: 1200px;
margin: 0 auto;
padding: 25px 0;
}
.footer-code {
float: right;
font-size: 12px;
width: 220px;
text-align: center;
}
.footer-code .youngZiHuan {
float: left;
}
.footer-code .redHome {
float: right;
}
.footer .footer-link {
float: right;
padding-top: 40px;
margin-right: 50px;
}
select {
width: 200px;
height: 30px;
border-radius: 3px;
}
.search{
position: absolute;
opacity: 0;
margin-top: 10px;
z-index: 10;
cursor: pointer;
}
.seabtn{
margin-left: 8px;
width: 50px;
height: 28px;

color: #333;
border: none;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;

}