@charset "utf-8";

.st-header{

    height: 100px;

    background: -moz-linear-gradient(top, #2e96d3, #15cfe8);

    background: -webkit-linear-gradient(top, #2e96d3, #15cfe8);

    background: -ms-linear-gradient(top, #2e96d3, #15cfe8);

    background: -o-linear-gradient(top, #2e96d3, #15cfe8);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #2e96d3, endColorstr = #15cfe8);

}

/* logo */

.st-logo{

    float: left;

    width: 298px;

    height: 85px;

    overflow: hidden;

}

.st-logo > a{

    display: table-cell;

    width: 298px;

    height: 100px;

    vertical-align: middle;

    text-align: center;

}

.st-logo > a > img{

    vertical-align: middle;

}

/* search */

.hd-search-block{

    position: absolute;

    width: 354px;

    height: 43px;

    top: 50%;

    left: 50%;

    margin: -21px 0 0 -177px;

    overflow: hidden;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    background: #fff;

}

.hd-search-text{

    display: block;

    width: 100%;

    height: 43px;

    line-height: 43px;

    padding: 0 10px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.hd-search-btn{

    display: block;

    width: 27px;

    height: 27px;

    position: absolute;

    top: 8px;

    right: 10px;

    cursor: pointer;

    background: url("../images/home-ico.png") no-repeat -99px -27px #fff;

}

/* 用户登录 */

.user-login{

    float: right;

    height: 30px;

    padding: 35px 0;

}

.order-inquiry{

    float: left;

    color: #fff;

    display: inline-block;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

}

.order-inquiry .ico{

    display: inline-block;

    width: 17px;

    height: 18px;

    vertical-align: middle;

    margin: -3px 6px 0 0;

    background: url("../images/home-ico.png") no-repeat 0 -27px;

}

.login-before,

.login-after{

    float: left;

    color: #fff;

    height: 30px;

    padding-left: 20px;

    font-size: 0;

}

.login-before > a,

.login-after > a{

    color: #fff;

    display: inline-block;

    max-width: 100px;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    vertical-align: middle;

    font-size: 14px;

}

.login-before i,

.login-after i{

    display: inline-block;

    width: 0;

    height: 14px;

    margin: -2px 10px 0;

    vertical-align: middle;

    border-left: 1px solid #6cd6ff;

}

/* 主导航 */

.st-nav{

    height: 50px;

    border-bottom: 1px solid #e5e5e5;

    background: #fff;

}

.st-menu{

    height: 50px;

}

.st-menu > ul > li{

    float: left;

    height:50px;

    line-height: 50px;

}

.st-menu > ul > li > a{

    display: block;

    color: #666;

    height: 50px;

    line-height: 50px;

    padding: 0 30px;

    font-size: 16px;

}

.st-menu > ul > li > a.on,

.st-menu > ul > li > a:hover{

    color: #2ea2e6;

    height: 47px;

    border-bottom: 3px solid #2ea2e6;

}