/*顶部样式*/
header .header-top{
  display: flex;
  height: 50px;
  background: var(--top-color);
  padding: 0 260px;
  justify-content: space-between;
  /*background: url("../../imgs/common/bbg.jpg");*/
}
header .header-top .top-info{
  display: flex;
  align-items: center;
  height: 100%;
  color: #CCC;
}
header .header-top .top-info .info-tel{
}
header .header-top .top-info .info-email{
  margin-left: 30px;
}
header .header-top .top-info .info-email i{
  margin-right: 15px;
}
header .header-top .top-info .info-email a{
  color: #CCC;
}

header .header-top .top-right{display:flex;align-items:center;height:100%}
header .header-top .top-right .search-input{display:flex;align-items:center;width:230px;height:30px;box-sizing:border-box;border:1px solid #CCC;border-radius:15px}
header .header-top .top-right .btn-light{
  display: none;
}
header .header-top .top-right .search-input .icon-search{cursor:pointer;color:#CCC;margin-left:18px}
header .header-top .top-right .search-input input{margin-left:10px;height:24px;outline:0;border:none;color:#CCC;background:unset}
header .header-top .top-right .language-list{margin-left:18px;width:100px;height:30px;box-sizing:border-box;border-radius:15px;border:1px solid #CCC;display:flex;justify-content:center;align-items:center;color:#CCC}
header .header-top .top-right .language-list i{color:#CCC;margin-left:10px;transform:scale(1.3);cursor:pointer}
header .header-top .top-right #xyz{z-index:999;width:40px;position:relative}
header .header-top .top-right #xyz .xyz12{position:absolute;top:-20px;box-sizing:border-box}
header .header-top .top-right #xyz .xyz12 span{position:absolute;right:10px;top:12px;background:url(../../../assets/imgs/common/down_w.png) no-repeat;width:20px;height:20px}
header .header-top .top-right #xyz .xyz12 span:hover{cursor:pointer}
header .header-top .top-right #xyz .xyz12 ul li{display:none;padding-left:5px;width:120px;height:0;line-height:40px;transition: height 0.5s ease;overflow: hidden;}
header .header-top .top-right #xyz .xyz12 ul li a{color:#FFF}
header .header-top .top-right #xyz .xyz12 ul li a img{position:relative;top:3px;margin-right:5px}
header .header-top .top-right #xyz .xyz12 ul li:first-child{display:block;height: 40px;}
header .header-top .top-right #xyz .xyz12 ul li:first-child a{position: relative;bottom:5px;}
header .header-top .top-right #xyz .xyz12 ul .bk{z-index:888;background:var(--primary-color)}
header .header-top .top-right #xyz .xyz12 .up{transform:rotate(0);transition:all .6s ease}
header .header-top .top-right #xyz .xyz12 .dp{transform:rotate(90deg);transition:all .6s ease}

@media (max-width: 1280px){
  header .header-top {
    padding: 0 75px;
  }
}

@media (max-width: 768px){
  header .header-top {
    position: absolute;
    left:0;
    top:-100px;
    width: 100%;
    z-index: 1005;
    transition: top 0.5s ease;
    padding: 0 20px;
  }
  header .header-top .top-right .btn-light{
    display: block;
  }
  header .header-top .top-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  header .header-top .top-right .search-input .icon-search{display: none;}
  header .header-top .top-info, header .header-top i {
    display: none;
  }
  header .header-top .top-right #xyz{display: none;}
}
