<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*模块 padding*/
/*通用阴影*/
/*通用圆角*/
/*主颜色*/
/*顶部栏*/
.head-nav {
  width: 100%;
  height: 1.6rem;
  background-color: #ff774a;
  color: #fff;
  font-size: 0.6rem;
  margin:0 auto;
}

.head-top {
  margin: 0 auto;
  width: 60rem;
  height: 1.6rem;
  line-height: 1.6rem;
}

/*顶部菜单*/
.head-menu {
  position: relative;
  z-index: 10;
  display: flex;
  width: 60rem;
  background-color: #fff;
  margin: 0 auto;
  box-shadow: 0 0 0.45rem rgba(255, 102, 55, 0.32);
  border-radius: 0 0 1rem 1rem;
  justify-content: flex-end;
}

.head-menu .logo {
  position: absolute;
  left: 0;
  display: flex;
  height:4.5rem;
  align-items: center;
  padding-left: 1rem;
}
.head-menu .logo img{
  display: block;
  width:auto;
  height:2.2rem;
}

.head-menu .menu {
  min-height: 100%;
  display: flex;
  color: #535353;
}

.head-menu .menu .menu-item {
  display: block;
  flex-direction: column;
  align-items: center;
  font-size: 1rem;
  cursor: pointer;
  position: relative;
  color: #535353;
  text-align: center;
  padding: 0 0.9rem;
  height:4.5rem
}

.head-menu .menu .menu-item.active {
  background-color: #ff6637;
  color: #fff;
  border-radius: 0 0 1rem 1rem;
  font-weight: bold;
}

.head-menu .menu .menu-item &gt; span {
  display: block;
  white-space: nowrap;
  position: relative;
  z-index: 2;
  line-height: 4.5rem;
}

.head-menu .menu .menu-item .menu-more {
  width: 100%;
  position: absolute;
  left: 0;
  top:3.5rem;
  /*transform: translateY(calc(100% - 1rem));*/
  /*-ms-transform: translateY(86%);*/
  z-index: 2;
  display: none;
  font-size: 0.9rem;
  font-weight: normal;
  padding-top: 1.3rem;
  padding-bottom: 0.55rem;
  border-radius: 0 0 1rem 1rem;
}
.head-menu .menu .menu-item .menu-more .son-url{
  display: block;
  height:1.9rem;
  line-height: 1.9rem;
}
.head-menu .menu .menu-item .menu-more .son-url.active{
  font-weight: bold;
  font-size: 1rem;
}
.head-menu .menu .menu-item .menu-more.active{
  display: block;
}
.head-menu .menu .menu-item:hover {
  color: #ff6637;
  background: #fff;
  font-size: 1rem;
  border-radius: 0 0 1rem 1rem;
}
.head-menu .menu .menu-item.active:hover{
  background: #ff6637;
  color:#fff;
  font-weight: bold;
}
.head-menu .menu .menu-item:hover .menu-more {
  color: #535353;
  background-color: #fff;
  display: block;
  font-size: 0.9rem;
}
.head-menu .menu .menu-item.active:hover .menu-more{
  background-color: #ff6637;
  color:#fff;
}
.head-menu .menu .menu-item:hover .menu-more .son-url:hover{
  color: #ff6637;
}
.head-menu .menu .menu-item.active:hover .menu-more .son-url:hover{
  color: #fff;
  font-weight: bold;
}
.head-menu .menu .menu-item .menu-more.active{
  display: block;
  width: 100%;
  height: auto;
  background-color:#ff6637;
  color:#fff;
  border-radius: 0 0 1rem 1rem;
  padding-top: 1.3rem;
  padding-bottom: 0.55rem;
}
</pre></body></html>