.header_top *,.header_menu *{ box-sizing: border-box; text-align: left;}
.header_top .window_width,.header_menu .window_width{ width: 1200px;}
.header_top,.header_menu{ width: 100%; position: relative; min-width: 1200px;}
.header_top{ background: rgba(0,0,0,.7); position: fixed; width: 100%; z-index: 1000; left: 0; top: 0;}
.header_top>div{ height: 35px;}
.header_top .show_div{ display: none; background: #fff; position: absolute; top: 100%; z-index: 1; box-shadow: 0px 0px 5px rgba(0,0,0,.2); overflow: hidden;}
.header_top .show_div a{ display: block;}
.header_top .show_div a:hover{ color: #c00; }
.header_top .left_box{ color: #ddd; float: left; padding-left: 10px;}
.header_top .left_box>div,.header_top .right_box>a,.header_top .right_box .login{ position: relative; line-height: 35px; display: block;}
.header_top .langage{ float: left; margin-right: 20px; padding-right: 20px;}
.header_top .langage a{ padding-left: 10px; }
.header_top .langage .show_div,.header_top .weixin .show_div{ width: 150px; text-align: center;}
.header_top .left_box>div:hover .show_div,.header_top .right_box>a:hover .show_div,.header_top .right_box .login:hover .show_div{ display: block;}
.header_top .weixin{ float: left;}
.header_top .weixin p{ text-align: center; line-height: 40px;}
.header_top .weixin .show_div{ color: #333; left: 0; line-height: 1;}
.header_top .weixin:after{ content: ''; float: right; width: 11px; height: 11px; background: url(/icon_scan.png) no-repeat; margin-top: 11.5px; margin-left: 10px;}
.header_top .right_box{ float: right; padding-right: 10px;}
.header_top .right_box>a,.header_top .right_box .login{ color: #ddd;  float: left; padding: 0 16px;}
.header_top .right_box>a:hover{ color: #fff;}
.header_top .right_box .register{ background: #c00;}
.header_top .right_box .login{ padding: 0 21px 0 16px;}
.header_top .right_box .login:hover:after{ border-top-color: #333; transform: rotate(180deg);}
.header_top .right_box .login:hover,.header_top .right_box .login>a:hover{ background: #fff; color: #333;}
.header_top .login .show_div,.header_top .cart .show_div,.header_top .message_list .show_div{ width: 330px; }
.header_top .login>a{ color: #ddd;}
.header_top .login:hover a{ color: #333;}
.header_top .login .show_div{ right: 0; padding: 30px;}
.header_top .login .show_div h4{ font-size: 18px; color: #333; line-height: 1; padding-bottom: 20px;}
.header_top .login .show_div .input{ width: 100%; height: 35px; background: #eee; border: 1px solid #d6d6d6; padding: 0 10px; margin-bottom: 10px;}
.header_top .login .show_div span{ display: inline-block; color: #666; text-decoration: underline; cursor: pointer; line-height: 1; margin-bottom: 20px;}
.header_top .login .show_div div>input{ width: 86px; height: 35px; line-height: 35px; cursor: pointer; text-align: center;}
.header_top .login .show_div div>input:first-of-type{ background: #666; color: #fff; margin-right: 10px;}
.header_top .login .show_div div>input:last-of-type,.header_top .login .show_div div>input:first-of-type:hover{ background: #c00; color: #fff;}
.header_top .login .code_p{ position: relative;}
.header_top .code_p img{ position: absolute; right: 1px; top: 1px; z-index: 2; width: 90px;}

.header_top .login .loginInfo>h5{
    font-size: 12px;
}
.header_top .login .loginInfo span{
    font-size: 16px;
    vertical-align: bottom;
    line-height: 1;
    color: #333;
    cursor: unset;
}
.header_top .login .loginInfo span:hover{
    color: #333 !important;
}
.header_top .login .loginInfo>ul>li{
    border-top: 1px solid #ececec;
    padding-top: 20px;
    float: none;
    width: 100%;
    margin-top: 20px;
    line-height: unset;
}
.header_top .login .loginInfo>ul>li h5{
    margin-bottom: 10px;
}
.header_top .login .loginInfo>ul>li div{
    overflow: hidden;
}
.header_top .login .loginInfo a{
    float: left;
    width: calc(100%/3);
    padding: 10px 0;
    line-height: 1;
    color: #666;
    position: relative;
    z-index: 1;
}
.header_top .login .loginInfo a.news:after{
    content: '';
    background: url('/images/new.gif') no-repeat;
    width: 34px;
    height: 19px;
    position: absolute;
    right: -5px;
    top: 1px;
    z-index: 2;
}
.header_top .login .loginInfo a:hover{
    color: #c00;
}

.header_top .userinfo .show_div ul{ overflow: hidden;}
.header_top .userinfo .show_div li{ line-height: 1; width: 30%; float: left; margin-top: 20px;}
.header_top .userinfo h5{ font-size: 16px; color: #333; line-height: 16px;}
.header_top .userinfo h5 i{ margin-bottom: 0; color: #c00; font-size: 12px; text-decoration: unset; float: right; line-height: 16px; cursor: pointer;}
.header_top .userinfo .show_div span{ margin-bottom: 0; color: #666; text-decoration: unset;}
.header_top .userinfo .show_div span:hover{ color: #c00;}

.header_top .Cart_first td{ line-height: 1; padding-bottom: 10px;}
.header_top .cart .show_div{ left: 0; color: #333; font-size: 12px; padding: 30px;}
.header_top .cart .show_div tr td,.header_top .message_list li{ border-bottom: 1px dashed #ccc; position: relative;}
.header_top .cart .show_div tr:first-of-type td{ border-bottom: none;}
.header_top .cart .show_div #go_btn{ background: #c00; margin: 0 auto; color: #fff; text-align: center; width: auto !important; display: inline-block; padding: 0 20px; margin-top: 10px; font-size: 12px;}

.header_top .message_list .show_div{ font-size: 12px; color: #666; padding: 10px 15px 10px;}
.header_top .message_list ol li span{ text-align: center; width: 15px; height: 15px; line-height: 15px; position: absolute; left: 0; top: 12px; background: #aaa; color: #fff;}
.header_top .message_list .show_div li a{ display: inline-block; padding-left: 20px; width: 260px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; vertical-align: middle;}
.header_top .message_list .show_div a:hover{ color: #c00;}
.header_top .message_list .show_div em:hover{ color: #666;}
.header_top .message_list .more_news{  font-size: 14px; margin-top: 10px;}
.header_top .message_list .more_news a{ width: auto; text-align: center;}

/* µ¼º½ */
.header_menu{ background: #fff; height: 80px; z-index: 999; box-shadow: 0px 0px 15px rgba(0,0,0,.1); margin-top: 35px;}
.header_menu .menu_box .logo{ margin-left: 10px; position: absolute; left: calc((100% - 1200px)/2); top: 19.5px; z-index: 2; width: auto;}
.header_menu .menu_box>ul{ float: right; display: block;}
.header_menu .menu_box li{ float: left;}
.header_menu .menu_box li:last-of-type .menu_item{ padding-right: 10px;}
.header_menu .menu_box li .menu_item{ display: block; font-size: 16px; color: #222; width: auto; height: 80px; line-height: 75px; padding: 0 15px; border-top: 2px solid transparent;}
.header_menu .menu_box li .menu_item:hover,.header_menu li #hot{ border-top: 2px solid #c00; color: #c00;}

.header_menu .menu_content{ height: 0; position: absolute; left: 0; top: 100%; z-index: 999; width: 100%; background: rgba(17,17,17,0.9); overflow: hidden;}
.header_menu .menu_content *{ text-align: left;}
.header_menu .menu_content a{ display: block;}
.header_menu .multisite .menu_ul{ display: flex; justify-content: center; }
.header_menu .menu_content .menu_ul{ overflow: hidden; padding: 0px 0px 30px;}
.header_menu .menu_content .item{ width: 180px; padding-top: 30px; margin-left: 60px;}
.header_menu .menu_content .item:first-of-type{ margin-left: 0;}
.header_menu .menu_content .item_title{ color: #fff; font-size: 16px; font-weight: bold; border-bottom: 1px solid #757575; line-height: 2;}
.header_menu .menu_content .submenu li{ float: none;}
.header_menu .menu_content .submenu li a{ font-size: 14px; color: #999; margin-top: 10px; display: block;}
.header_menu .menu_content .submenu li a:hover{ color: #c00;}

@keyframes dh_h238
{
    from {height: 0;}
    to {height: 238px;}
}
@keyframes dh_h383
{
    from {height: 0;}
    to {height: 383px;}
}
@keyframes dh_h495
{
    from {height: 0;}
    to {height: 495px;}
}
@keyframes dh_h354
{
    from {height: 0;}
    to {height: 354px;}
}
@keyframes dh_h219
{
    from {height: 0;}
    to {height: 219px;}
}
.header_menu .menu_box li:hover .design,.header_menu .menu_box li:hover .multisite{ animation: dh_h238 .4s ease-in-out; height: 238px;}
.header_menu .menu_box li:hover .domain{ animation: dh_h383 .4s ease-in-out; height: 383px;}
.header_menu .menu_box li:hover .vhost{ animation: dh_h495 .4s ease-in-out; height: 495px;}
.header_menu .menu_box li:hover .services{ animation: dh_h354 .4s ease-in-out; height: 354px;}
.header_menu .menu_box li:hover .agent{ animation: dh_h219 .4s ease-in-out; height: 219px;}