*{margin:0;padding:0}
body{min-width:1230px;overflow-anchor:none;background-color:#eee;*zoom:1}
body:after{content:'\20';display:block;height:0;line-height:0;visibility:hidden;clear:both}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
b,em{font-style:normal}
a{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none}
img{border:0}
button,input,select,textarea{font-size:100%;outline:0}
table{border-collapse:collapse;border-spacing:0}
@keyframes topin{
    0%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@-webkit-keyframes topin{
    0%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
.head-box .logo{float: left;width: 150px;margin-top: 10px;}
.head-box{width: 100%;height:78px;overflow: visible;position: absolute;top: 0;left: 0;z-index: 11;background: #fff;}
.head-top-box{width: 100%;max-width: 1358px;min-width: 1230px;height: 78px;margin: 0 auto;position: relative;z-index: 10;}
.head-top-nav{float: left;;width: 45%;height: 78px;box-sizing: border-box;margin-top: 4px;margin-left: 20%;}
.head-top-nav>li {float: left;list-style: none;width: 25%;height: 78px;text-align: center;}
.head-top-nav>li :hover >.head-top-title{background-color: #f0891a;border-radius:14px;color: #fff;}
.head-top-nav>img{float: left;}
.head-top-nav>li>a {display: block;width: 100%;height: 100%;margin-top: 12px;}
.head-top-title{display: block;color: #2d2d2d;font-size: 20px;letter-spacing: 1px;font-weight: bold;}
.head-top-subtitle{display: block;color: #888888;font-size: 11px;margin-top: -1px;letter-spacing: 1px;}

.head-userinfo-box{float: right;width:240px;height: 78px;position: relative;z-index: 3;}
.head-userinfo-avatar{float: left;width: 50px;height: 78px;position: relative;}

.head-userinfo-brief{float: left;margin-left: 10px;}
.head-userinfo-brief>p{color: #2d2d2d;font-size: 16px;line-height: 78px;}
.head-userinfo-brief>p>a{color: #2d2d2d}

.head-nav-box{display: none;position: absolute;left: 0;top: 78px;width: 100%;height: 280px; overflow: hidden;background-color: #0000009a;padding: 10px 0 32px 0;z-index: 9;}
.hesd-nav-box-show{display: block;animation:topin .3s;-webkit-animation:topin .3s}
.head-nav-box .head-nav-warp {width: 100%;max-width: 1358px;min-width: 1230px;height: auto;margin: 0 auto;}
.head-nav-warp>.nav-warp-surface{width: 70%;overflow: hidden;margin-left: 20%;}
.nav-warp-surface>li {float: left;list-style: none;width: 22%;min-width: 130px;max-width: 150px;}
.nav-warp-surface>img{float: left;}
.nav-title{font-size: 16px;font-weight: bold;color: #fff;letter-spacing: 1px;}
.nav-title-dec{width: 40px;height: 3px;background: #f0891a;margin: 4px 0 6px;}
.nav-subtitle{margin-top: 10px;}
.nav-warp-a{display: block;width: 100%;height: 26px;line-height: 26px;font-size: 14px;color: #efefef;text-decoration: none;overflow: hidden;letter-spacing: 1px;}