@charset "utf-8";
/* CSS Document */
/* Time:2024/8/2 18:44:11 */
/* Designer:七彩建站魔方™ */


/* Header - Logo / MenuNav */
#Hotline { top:8px!important; margin-top:0!important; }
#Header { height:150px; background:rgba(50,50,50,.5); box-shadow:0 0 25px #FFF; }
#Header:before {width:100%;height:50px;background:rgba(0,0,0,.6); }
#Header:hover { background:rgba(0,0,0,.6); }
#Header_Btn { top:75px; }

#Header,#TOP_Logo #Logo,#TOP_Menu,#MenuMore,#Language div,.KeysSearch { position:fixed!important; position:absolute; }
#Header,#Header a { color:#FFF; }

#TOP_Logo #Logo { background:rgba(255,255,255,1);top:10px;left:50%;transform:translateX(-50%); text-align:center; }
#TOP_Logo #Logo { width:130px!important; height:130px!important; border-radius:50%; padding:18px; }
#TOP_Logo #Logo:hover { background:#FFF!important; box-shadow:0 0 35px #FFF; }
#TOP_Logo #Logo img { max-width:100%; max-height:100%; }


#TOP_Menu { top:0px; margin-top:80px; }
#TOP_Menu #MenuNav { min-width:1280px;padding:0!important; }
#TOP_Menu.MaxMenuNav #MenuNav { min-width:1580px; }

#MenuNav.MenuStyle4 div:nth-child(2) { margin-right:18%; }
#MenuNav.MenuStyle4 div:nth-child(3) { margin-left:18%; }
#MenuNav.MenuStyle7 div { max-width:calc(80% / 8)!important; }
#MenuNav.MenuStyle5 div:nth-child(3),#MenuNav.MenuStyle6 div:nth-child(3),#MenuNav.MenuStyle7 div:nth-child(4),
#MenuNav.MenuStyle8 div:nth-child(4),#MenuNav.MenuStyle9 div:nth-child(5),#MenuNav.MenuStyle10 div:nth-child(5)
{ margin-right:10%; }

#MenuNav.MenuStyle5 div:nth-child(4),#MenuNav.MenuStyle6 div + div:nth-child(4),#MenuNav.MenuStyle7 div:nth-child(5),
#MenuNav.MenuStyle8 div:nth-child(5),#MenuNav.MenuStyle9 div:nth-child(6),#MenuNav.MenuStyle10 div:nth-child(6)
{ margin-left:10%; }


/* Main frame */
#Body_Main { margin-top:-80px; background:#FFF; z-index:50; }
#Body_Left:before { width:5px;height:500px;top:0;right:-5px;border-radius:50%;box-shadow:0 0 15px 0 #555; }
#Body_Right { margin-top:18px; margin-right:18px; }

#Left_Menu ul { border-top:1px solid #DDD; }



/* === 自适应 Adaption Boilerplate ============================== */
@media only screen and (min-width:1024px) {
  #Header.fixed #TOP_Menu menu:after,#Header.fixed #TOP_Search { width:0; height:0; display:none; }
  #Header.fixed,#Header.fixed #TOP_Logo,#Header.fixed #TOP_Logo #Logo { height:50px!important; top:0; margin-top:0!important; }
  #Header.fixed #TOP_Logo #Logo { background:#FFF; border-radius:0; padding:0; margin-left:0; }
  #Header.fixed #TOP_Logo #Logo img { max-height:65px!important; height:expression(this.height>65 ? auto:65); }
  #Header.fixed #TOP_Menu,#Header.fixed #Hotline { top:8px!important; margin-top:0!important; }
  #Header.fixed:before,#Header.fixed #TOP_Logo:before { height:50px; }
  #Header.fixed #TOP_Logo { height:65px!important; }
}

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

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