.header{height:60px;}
.header-top{height: 30px;background-color: #FF00FF;line-height: 30px;}
.top-left a{font-size: 14px;color: #ffffff;display: inline-block;margin-right: 30px;}
.top-left a i{display: inline-block;width: 20px;height: 17px;background-repeat: no-repeat;background-position: center center;    vertical-align: middle;  margin-top: -5px;margin-right: 7px;}
.header-phone{background-image: url("../img/phone.png");}
.header-WaChat{background-image: url("../img/WeChat.png");}
.top-right a{display: inline-block;position: relative;color: #ffffff;font-size: 14px;width: 80px;text-align: center;}
.top-right a+a{width:48px!important;}
.top-right a+a:before {content: "";display: inline-block;width: 1px;height: 13px;position: absolute;left: 0;top: 9px;background: #ffffff;}
.header-bottom{height:60px;border-bottom: 1px solid #ebebeb;background-color: #FF00FF;clear:left;color: #FFF;}
.logo{display:block;float: left;width:150px;height:60px;background-image: url("../img/jcLogo.png");background-repeat: no-repeat;background-position: center center;}
.header-address{color: #fff;display: inline-block;height: 60px;width:100px;line-height: 80px;text-align: center;font-size: 15px;float: left;padding-right: 20px;}
.nav{display: inline-block;width: 500px;font-size: 0;float: left;}
.nav a{display:inline-block;width: 100px;height: 58px; line-height: 60px;font-size: 18px;text-align: center;color: #fff;}
.nav a:hover{color: #fff;border-bottom: 2px solid #fff;background: #0099CC;}
.header-nav-active{color: #fff !important;border-bottom: 2px solid #fff;background: #0099CC;}
.top-status a{display:inline-block;color:  #ffffff;font-size: 14px;}
.top-status a+a{margin-left: 20px;}
.top-status a i{display: inline-block;width: 15px;height: 15px;background-repeat: no-repeat;background-position: center center;vertical-align: middle;margin:0 5px;}
.header-portrait{background-image: url("../img/name.png");}
.header-select{background-image: url("../img/select.png");}
.header-message{background-image: url("../img/message.png");}

/*������ʽ2*/
.shellStyle2 .nav a:hover{background: #0099CC;}
.shellStyle2 .header-nav-active{background: #0099CC;}


/*������ʽ3*/
.shellStyle3 .nav a:hover{background: #0099CC;}
.shellStyle3 .header-nav-active{background: #0099CC;}