@charset "utf-8";
.header {width: 100%;min-width: 1200px;height: 70px;background-color: #2f3644;position: fixed;left: 0px;top: 0px;z-index: 10;}
.headernormal{position:static}
.header .logo>a {display: block;margin-top: 5px;margin-left: 20px;overflow: hidden;}
.header .greeting {font-size: 14px;color: #fff;float: left;margin-top: 24px;}
.header .nav-bar {position: absolute;top: 15px;right: 50px;z-index: 9;}
.header .nav-bar .nav-li {float: left;padding: 0 10px;height: 30px;line-height: 30px;}
.header .nav-bar .nav-li a {font-size: 14px;color: #d6ddea;}
.header .nav-bar .nav-li a:hover{color:#39b4ee}
.header .nav-bar .service-center {width: 67px;position: relative;}
.header .nav-bar .service-center i {display: block;width: 12px;height: 12px;position: absolute;right: 0;}
.header .nav-bar .service-center .up-arrow {background: url("../../image/icon.png") -39px -4px no-repeat;display: none;right: 2px;top: 9px;}
.header .nav-bar .service-center .down-arrow {background: url("../../image/icon.png") -100px -4px no-repeat;right: 4px;top: 10px;}
.header .nav-bar .service-center ul {display: none;width: 75px;padding-left: 10px;border: 1px solid #cdcdcd;border-top: 0 none;position: absolute;left: -1px;top: 28px;background-color: #fff;}
.header .nav-bar .service-center ul a {color: #666666;}
.header .nav-bar .service-center:hover {width: 66px;padding-left: 9px;border: 1px solid #cdcdcd;border-bottom: 0 none;height: 28px;line-height: 28px;background-color: #fff;}
.header .nav-bar .service-center:hover a {color: #666;}
.header .nav-bar .service-center:hover .up-arrow {display: block;}
.header .nav-bar .service-center:hover .down-arrow {display: none;}
.header .nav-bar .service-center:hover ul {display: block;}