.index{margin-top:25px}

.header{    width: 100%; margin: 0 auto;}
.header .headtop{display: flex; justify-content: space-between;width: 95%; margin: 0 auto;margin-top:36px;margin-bottom:34px;}
.logo img{width:7rem}

.search{display: flex;
    justify-content: space-between; margin-top: 10px}
.search form{width: 7rem;}
.en{  display: block;  width: 46px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    text-decoration: none;
    font-size: 19px;
    background: #e60001;
    border-radius: 17px;
    color: #fff;
    font-weight: bold;}


.easysite-list-search .easysite-search-btn label{display: block;width: 45px;
    border: 0;
    margin: 0;
    padding: 0;background:#e60001}
.easysite-list-search .easysite-search-btn input{width: 45px;
    height: 46px;background: url(/eportal/uiFramework/commonResource/image/2023102612300677010.png)no-repeat 50%;border: none;outline:none;}
.easysite-list-search{display: flex;
    justify-content: flex-start;}
.easysite-search-title input{height:45px;
    width: 6rem;    font-size: 0.22rem;border: 1px solid #d5d5d5;outline:none;}

.easysite-search-title input::-webkit-input-placeholder{padding-left:20px;}


@media screen and (max-width: 980px){
.headtop{display:none!important}
.header{    width: 100%}



}

@media screen and (max-width: 1400px){
  .logo{display: flex;align-items: center;}
  .en{margin-left:10px;border-radius:10px;}
  .superNav .sub a{line-height: 20px;}


}

@media (-webkit-min-device-pixel-ratio: 1.25) {
  .logo img{width:68%;}
  .en{width:35px;height:35px;margin-left:10px;line-height:35px;border-radius: 10px;}
  .search form{width:inherit;}
} 

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 120dpi) {
  .easysite-search-title input{height:36px;}
  .easysite-list-search .easysite-search-btn label{width:35px;}
  .easysite-list-search .easysite-search-btn input{width:35px;height:37px;}
  .header .headtop{margin-top:20px;margin-bottom:24px;}
  .logo img{width:68%;}
  .en{width:35px;height:35px;}
  .search form{width:inherit;}
}



@media screen and (max-width: 1800px){}

@media only screen and (min-width: 1600px)and (max-width: 1799px) {}

@media only screen and (min-width: 1400px)and (max-width: 1599px) {}

@media only screen and (min-width: 1200px)and (max-width: 1399px) {}

@media only screen and (min-width: 1000px)and (max-width: 1199px) {
  .easysite-search-title input{font-size:16px;}
}

@media only screen and (min-width: 769px)and (max-width: 999px) {
  .header .headtop{display:none;}
}

@media only screen and (min-width: 641px)and (max-width: 768px) {
  .header .headtop{display:none;}
}

@media only screen and (min-width: 478px)and (max-width: 640px) {
  .header .headtop{display:none;}
}

@media only screen and (min-width: 321px)and (max-width:480px) {
  .header .headtop{display:none;}
}

@media only screen and (max-width: 320px) {
  .header .headtop{display:none;}
}