.header{height:60px;}

.header-top{height: 30px;background-color: #45deb5;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("../images/phone.png");}

.header-WaChat{background-image: url("../images/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:100px;height:60px;background-image: url("../images/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: 600px;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: #5aeac3;}

.header-nav-active{color: #fff !important;border-bottom: 2px solid #fff;background: #5aeac3;}

.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("../images/name.png");}

.header-select{background-image: url("../images/select.png");}

.header-message{background-image: url("../images/message.png");}



/*������ʽ2*/

.shellStyle2 .nav a:hover{background: #0099CC;}

.shellStyle2 .header-nav-active{background: #0099CC;}





/*������ʽ3*/

.shellStyle3 .nav a:hover{background: #2d7de0;}

.shellStyle3 .header-nav-active{background: #2d7de0;}