/* This CSS is generated by My Snazzy Framework version 1.2.3 */
#w_grid-1 { background-color: #cd0000; }

#w_grid-1 .e_box { padding: 10px 0; color: #fff; font-size: 14px; overflow: hidden; }

#w_grid-1 .e_box .animate { padding-left: 20px; font-size: 12px; color: #fff; display: inline-block; white-space: nowrap; animation: 10s wordsLoop linear infinite normal; }

#w_grid-1 span { text-align: right; }

@media screen and (max-width: 1024px) { #w_grid-1 span { display: none; } }

#w_grid-2 { background-color: rgba(0, 0, 0, 0); padding-top: 20px; }

@media screen and (max-width: 1024px) { #w_grid-2 { padding: 10px; } }

#w_grid-2 .e_box { gap: 50px; align-items: center; }

#w_grid-2 .content_box-a .contentlogo { display: block; }

#w_grid-2 .content_box-a .indexlogo { display: none; }

#w_grid-2 .content_box-b .content_box-0 { margin-right: 0; margin-left: auto; display: flex; align-items: center; width: max-content; gap: 10px; }

#w_grid-2 .content_box-b .content_box-0 span { color: #cd0000; font-size: 24px; font-weight: 700; }

#w_grid-2 .content_box-b .content_box-1 { margin-right: 0; margin-left: auto; }

#w_grid-2 .content_box-b .content_box-1 ul { justify-content: space-between; }

#w_grid-2 .content_box-b .content_box-1 ul li { height: 50px; display: grid; place-items: center; flex: 1; }

#w_grid-2 .content_box-b .content_box-1 ul li a { font-size: 16px; color: #000; }

#w_grid-2 .content_box-b .content_box-1 ul li:hover, #w_grid-2 .content_box-b .content_box-1 ul li.active { background-color: #cd0000; }

#w_grid-2 .content_box-b .content_box-1 ul li:hover a, #w_grid-2 .content_box-b .content_box-1 ul li.active a { color: #fff; }

.mb_btn { display: none; }

#index_0 #w_grid-1 { display: none; }

#index_0 #w_grid-2 { background-color: black; }

#index_0 #w_grid-2 .content_box-a .contentlogo { display: none; }

#index_0 #w_grid-2 .content_box-a .indexlogo { display: block; }

#index_0 #w_grid-2 .content_box-b .content_box-1 ul li a { color: #fff; }

@media screen and (max-width: 1024px) { #index_0 #w_grid-2 .content_box-b .content_box-1 ul li a { color: #000; } }

@media screen and (max-width: 1024px) { #index_0 #w_grid-2 .content_box-b .content_box-1 ul li.active a { color: #fff; } }

@keyframes wordsLoop { 0% { transform: translateX(200px);
    -webkit-transform: translateX(200px); }
  100% { transform: translateX(-100%);
    -webkit-transform: translateX(-100%); } }

@-webkit-keyframes wordsLoop { 0% { transform: translateX(200px);
    -webkit-transform: translateX(200px); }
  100% { transform: translateX(-100%);
    -webkit-transform: translateX(-100%); } }

@media screen and (max-width: 1024px) { .mb_btn { display: block; width: 100%; max-width: 50px; height: 50px; margin-right: 5%; position: relative; z-index: 1000; }
  .mb_btn .iconfont { justify-content: center; align-items: center; background-color: var(--base); height: 100%; }
  .mb_btn .icon-menu { display: flex; }
  .mb_btn .iconfont:before { color: #fff; font-size: 1.5em; }
  .mb_btn .icon-guanbi { display: none; }
  .mb_btn.active .icon-menu { display: none; }
  .mb_btn.active .icon-guanbi { display: flex; }
  #w_grid-2 { margin: 0; }
  #w_grid-2 .content_box-b { display: flex; position: fixed; background-color: rgba(255, 255, 255, 0.95); backdrop-filter: blur(1px); flex-direction: column; width: 100%; padding: 10vh 0; height: 100vh; z-index: 999; top: 0; right: -100%; transition: all 0.5s; }
  #w_grid-2 .content_box-b .content_box-0 { padding: 10px 5%; background-color: #fff; margin-bottom: 5vh; width: 100%; }
  #w_grid-2 .content_box-b .content_box-1 { margin: 0 auto; width: 100%; }
  #w_grid-2 .content_box-b .content_box-1 ul { flex-direction: column; }
  #w_grid-2 .content_box-b .content_box-1 ul li { padding: 2vh 0; border-bottom: 1px solid #e9e9e9; }
  .content_box-b { display: none; }
  .fixed #w_grid-2 .content_box-b { right: 0; } }