/*头部logo*/
.logomain{width: 100%;height: 400px;background-image: url(../images/2023/top-bg.png);position: relative;background-size: 100% 100%;background-repeat: no-repeat;}
.logomain .logo{position: absolute;top: 30px;left: 2%;}
.logomain .logo img{height:75px;}

/*搜索*/
.search {
  width: 300px;
  height: 45px;
  position: absolute;
  bottom: 40px;
  right: 0px;
}
.search .layui-btn, .searchBtn .layui-btn {
  border-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: #fff;
  border: 1px solid #db2128;
  border-left-width: 1px;
  background-color: #db2128;
  border-left-width: 0;
  font-size: 18px;
  font-weight: 600;
  margin-top: -4px;
  margin-left: -6px;
  height: 34px;
  line-height: 34px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/*导航*/
/*layui child nav*/
.website-nav {border-top: 1px solid #db2128;}
.website-nav .layui-nav-child{display: none; position: absolute; left: 0; top: 65px; min-width: 100%; line-height: 36px; padding: 5px 0;  box-shadow: 0 2px 4px rgba(0,0,0,.12); border: 1px solid #d2d2d2; background-color: #fff; z-index: 100; border-radius: 2px; white-space: nowrap;}
.website-nav .layui-nav .layui-nav-child a{color: #000;}
.website-nav .layui-nav .layui-nav-child a:hover{background-color:#db2128; color: white;}
.website-nav .layui-nav-child dd{position: relative;}
.website-nav .layui-nav-child dd.layui-this{background-color: transparent; color: white;}
.website-nav .layui-nav .layui-nav-child dd.layui-this a{background-color: transparent; color: white;}
.website-nav .layui-nav-child dd.layui-this:after{display: none;}
/*layui third level nav*/
.website-nav .layui-nav-third-child{display: none; position: absolute; left: 155px;top:0px;min-width: 100%; line-height: 36px; padding: 5px 0;  box-shadow: 0 2px 4px rgba(0,0,0,.12); border: 1px solid #d2d2d2; background-color: #fff; z-index: 100; border-radius: 2px; white-space: nowrap;}
.website-nav .layui-nav .layui-nav-third-child a{color: #000;}
.website-nav .layui-nav .layui-nav-third-child a:hover{background-color:#db2128; color: white;}
.website-nav .layui-nav-third-child li{position: relative;}
.website-nav .layui-nav-third-child li{background-color: transparent; color: white;}
.website-nav .layui-nav .layui-nav-third-child li.layui-this a{background-color: transparent; color: #000;}
.website-nav .layui-nav-third-child li:after{display: none;}
.website-nav .layui-nav{background-color: #fff;}
.website-nav .layui-nav .layui-nav-item{margin-right: 24px;}
.website-nav .layui-nav-item-last{margin-right:0 !important;}
.website-nav .layui-nav .layui-nav-item a{color: #363636;font-weight: bold;padding: 0 13px;font-size: 16px;}
.website-nav .layui-nav-itemed::after, .website-nav .layui-nav-bar, .website-nav .layui-this::after {
    background-color: #db2128;
}
.website-nav .layui-nav-bar{background-color: #db2128;margin: 0px 10px;}
.website-nav .layui-nav .layui-nav-more{right:-3px;}

@media (min-width: 1900px) {
    .logomain{width:100%;}
    .logomain .search{bottom: 40px;right: 18%;}
}
@media (min-width: 1600px) and (max-width:1900px) {
    .logomain{width:100%;}
    .logomain .search{bottom: 40px;right: 10%;}
}
@media (max-width: 1140px) {
    .logomain{width:100%;}
   .website-nav .layui-nav .layui-nav-item {margin: 0 11px;}
}
@media (min-width: 1280px) {
    .logomain{width:100%;}
   .website-nav .layui-nav .layui-nav-item {margin: 0 1.9%;}
}