@charset "utf-8";
/* 顶部信息 */
.topWrapper{
    height: 35px;
    border-bottom: 1px solid #ededed;
    background: #f9f7f6;
}
.notify-bar{
    float: left;
    width: 300px;
    height: 35px;
    line-height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.scroll-order{
    float: left;
    width: 400px;
    height: 35px;
    overflow: hidden;
}
.scroll-order .bd li{
    color: #666;
    height: 35px;
    line-height: 35px;
}
.scroll-order .bd li .tit{
    color: #f90;
    display: inline-block;
    width: 200px;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}
.head-info{
    float: right;
    max-width: 500px;
    height: 35px;
}
.login-before,
.login-after{
    float: left;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    font-size: 0;
}
.login-before > a,
.login-after > a{
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    vertical-align: top;
    font-size: 12px;
}
.login-before > a:hover,
.login-after > a:hover{
    color: #f80;
}
.login-before > i{
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}
.login-after > a.user-name{
    color: #45ab07;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.order-iq{
    float: left;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
}
.order-iq:hover{
    color: #009229;
}
.order-iq .ico{
    display: inline-block;
    width: 9px;
    height: 10px;
    vertical-align: middle;
    margin: -2px 3px 0 0;
    background: url("../images/home-main-icon.png") no-repeat 0 0;
}
.order-iq:hover .ico{
    background: url("../images/home-main-icon.png") no-repeat 0 -22px;
}

.map-menu{
    float: left;
    height: 35px;
    position: relative;
}
.map-menu .th{
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    cursor: pointer;
    position: relative;
    z-index: 1000;
    border-left: 1px solid #f9f7f6;
    border-right: 1px solid #f9f7f6;
    background: #f9f7f6;
}
.map-menu:hover .th{
    color: #009229;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    background: #fff;
}
.map-menu .th .ico{
    display: inline-block;
    width: 9px;
    height: 9px;
    vertical-align: middle;
    margin: -2px 2px 0 0;
    background: url("../images/home-main-icon.png") no-repeat -19px 0;
}
.map-menu:hover .th .ico{
    background: url("../images/home-main-icon.png") no-repeat -19px -22px;
}
.map-menu .td{
    display: none;
    width: 160px;
    padding: 5px;
    position: absolute;
    top: 34px;
    right: 0;
    z-index: 999;
    border: 1px solid #ededed;
    background: #fff;
}
.map-menu:hover .td{
    display: block;
}
.map-menu .td a{
    float: left;
    color: #666;
    width: 70px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis
}
.map-menu .td a:hover{
    color: #fc6000;
    text-decoration: underline;
}

.link-us{
    float: left;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
}
.link-us .ico{
    display: inline-block;
    width: 11px;
    height: 11px;
    vertical-align: middle;
    margin: -2px 3px 0 0;
    background: url("../images/home-main-icon.png") no-repeat -38px 0;
}
.link-us:hover{
    color: #009229;
}
.link-us:hover .ico{
    background: url("../images/home-main-icon.png") no-repeat -38px -22px;
}
/* logo、搜索 */
.headWrapper{
    height: 100px;
    background: #e1f5e9;
}
.st-logo{
    float: left;
    width: 227px;
    height: 100px;
}
.st-logo .lg-img{
    display: table-cell;
    width: 227px;
    height: 100px;
    vertical-align: middle;
    text-align: center;
}
.st-logo .lg-img img{
    vertical-align: middle;
}

.st-search{
    float: left;
    width: 400px;
    padding: 25px 0 0 160px;
}
.search-bar{
    width: 400px;
    height: 36px;
}
.search-bar .text{
    float: left;
    width: 298px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    border: 1px solid #45ab07;
}
.search-bar .btn{
    color: #fff;
    float: left;
    width: 80px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    background: #45ab07;
}
.st-search .hotTag{
    height: 30px;
    overflow: hidden;
}
.st-search .hotTag em{
    float: left;
    color: #666;
    height: 30px;
    line-height: 30px;
}
.st-search .hotTag a{
    float: left;
    color: #666;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
}
.st-search .hotTag a:hover{
    color: #fc6000;
}
.st-telephone{
    float: right;
    padding-top: 25px;
}
.st-telephone .icon{
    display: inline-block;
    width: 59px;
    height: 45px;
    vertical-align: middle;
    margin-right: 5px;
    background: url("../images/24hours-icon.png") center no-repeat;
}
.st-telephone .nr{
    display: inline-block;
    vertical-align: middle;
}
.st-telephone .nr .txt{
    color: #666;
    display: block;
    height: 24px;
    line-height: 24px;
}
.st-telephone .nr .num{
    color: #ff7f00;
    display: block;
    font-size: 22px;
}

.st-nav{
    height: 40px;
    border-bottom: 2px solid #45ab07;
}
.nav-bar{
    float: left;
    width: 900px;
    height: 40px;
}
.nav-bar li{
    float: left;
    height: 40px;
}
.nav-bar li a{
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    position: relative;
    font-size: 16px;
}
.nav-bar li.active a,
.nav-bar li a:hover{
    color: #45ab07;
}

.nav-bar li a .hot-icon,
.nav-bar li a .new-icon,
.nav-bar li a .jin-icon,
.nav-bar li a .jian-icon{
    display: inline-block;
    width: 17px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../images/home-main-icon.png") no-repeat
}
.nav-bar li a .hot-icon{
    background-position: -131px 0;
}
.nav-bar li a .new-icon{
    background-position: -158px 0;
}
.nav-bar li a .jin-icon{
    background-position: -185px 0;
}
.nav-bar li a .jian-icon{
    background-position: -212px 0;
}

.nav-info{
    float: right;
    height: 40px;
}
.nav-info .code{
    float: left;
    height: 40px;
    position: relative;
}
.nav-info .code dt{
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 16px;
}
.nav-info .code dt .ico{
    display: inline-block;
    width: 20px;
    height: 15px;
    vertical-align: middle;
    margin: -3px 5px 0 0;
    background: url("../images/home-main-icon.png") no-repeat -101px 0;
}
.nav-info .code dd{
    display: none;
    width: 100px;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 999;
    background: #fff;
}
.nav-info .code:hover dd{
    display: block;
}
.nav-info .about-us{
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 16px;
}
.nav-info .about-us:hover{
    color: #45ab07;
}