﻿.header_down {
 background:#fff;
 border-bottom: 1px solid #ECECEC;
}
.header_w{
 width: 92%;
 margin: 0 auto;
 /* display: flex; */
 align-items: center;
 justify-content: space-between;
 padding: 12px 0;
 box-sizing: border-box;
}
.header_search {
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-bottom: 10px;
 width: 92%;
 margin: 0 auto;
 height: 48px;
}
.header_top_right{
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.logo_eng img{
 width: 100%;
}
.time {
 font-size: 12px;
 margin-right: 30px;
 color: #333;
}
.header-btn {
 display: flex;
 align-items: center;
 font-size: 12px;

 color: #333;
}
.header-btn a {
 display: flex;
 align-items: center;
 font-size: 12px;
 margin-right: 20px;
 color: #333;
}
.header-btn a img {
 margin-right: 10px;
}
.search_login{
margin-right: 20px;
 font-size: 12px;
}

.search_box {
 width: 200px;
 height: 30px;
 border: 1px solid #ddd;
 box-sizing: border-box;
 border-radius: 20px;
 position: relative;
}
.search_box input:focus{
 outline: none;
}
.search_box input#search {
 border: none;
 width: 100%;
 height: 30px;
 padding: 0 20px;
 box-sizing: border-box;
 outline: none;
 display: block;
 border: none;
 background: none;
 color: #333;
}
input#search::-webkit-input-placeholder{
 color: #ddd;
}
input#search::-moz-placeholder{ 
 color: #ddd; 
}
input#search:-ms-input-placeholder{  
 color: #ddd; 
}
.search_box .lines {
 width: 1px;
 height: 10px;
 background: #ddd;
 position: absolute;
 right: 31px;
 top: 50%;
 margin-top: -5px;
}
input.searchBtn {
 width: 30px;
 height: 30px;
 position: absolute;
 right: 0;
 top: 0;
 background: url(/Sites/Uploaded/UserUpLoad/20210812/20210812152546.png) no-repeat center center;
 border: none;
 outline: none;
}  
div.sy_nav {
 width: 100%;
 margin: 0 auto;
}
div.sy_nav li.sy1_li a.sy1_tit,div.sy_nav  .nav_ks_list li a {
 color: #333;
 font-size: 18px;
}
div.sy_nav li.sy1_li a.sy1_tit:hover,div.sy_nav  .nav_ks_list li a:hover {
 text-decoration: underline;
}
div.sy_nav li.sy1_li,div.sy_nav .nav_ks_list li {
 margin: 0;
}
div.sy_nav .sy2_ul {
 background: #1D304F;
 left: 50%;
 transform: translate(-50%, 0);
}
div.sy_nav li.sy2_li a.sy2_tit,div.sy_nav  li.sy3_li a.sy3_tit {
 text-align: center;
}
.header_top {
  background: url(/Sites/Uploaded/UserUpLoad/20210819/20210819140419.png);
 border-bottom: 1px solid #ECECEC;
}
.logo{
   width: 25%;
   display: flex;
   align-items: center;
   min-width: 450px;
}
.logo_con{
   margin-bottom: 10px;
   display: flex;
   justify-content: space-between;
}
.ewcode_box{
   width: 25%;
   min-width: 450px;
   display: flex;
   justify-content: space-between;
}
.ewcode_item{
   /* width: 24%; */
   text-align: center;
}
.ewcode_item img{
   width: 90px;
   margin-bottom: 10px;
}
@media screen and (min-width:1440px) and (max-width:1680px){

 div.sy_nav li.sy1_li, div.sy_nav .nav_ks_list li {
 margin: 0;
 padding: 0 10px;
 }
 div.sy_nav li.sy1_li a.sy1_tit, div.sy_nav .nav_ks_list li a {
 font-size: 16px;
 }
}
@media screen and (min-width:768px) and (max-width:1440px){

 div.sy_nav li.sy1_li, div.sy_nav .nav_ks_list li {
 margin: 0;
 padding: 0 10px;
 }
 div.sy_nav li.sy1_li a.sy1_tit, div.sy_nav .nav_ks_list li a {
 font-size: 14px;
 }
}
@media screen and (max-width:768px){
  .logo{
 width: 100%;
 display: block;
 min-width: initial;
  }
  .logo_con{
 display: block;
  }
  .ewcode_box{
 width: 100%;
 min-width: initial;
 margin-top: 20px;
  }
 .header_w {
 width: 100%;
 display: block;
 padding: 20px;
 box-sizing: border-box;
 }
.logo img{
  width: 70%;
}
 .header_search {
 display: block;
 margin-bottom: 0;
 margin-top: 10px;
 }
 .time,.search_box{
 display: none;
 }
.header_top {
 display: none;
}
}  
