.head {
    height: 151px;
    border-top: 7px solid #96ddfd;
}

.banner {
    margin: 0 auto;
    width: 1384px;
}

.bline {
    width: 50px;
    height: 5px;
    background-color: #0169CA;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.telephone {
    font-size: 18px;
    color: #101010;
}

.head .banner  a {
    display: block;
    float: left;
    margin-top: 41px;
    width: 180px;
    height: 68px;
    font-size: 0;
}

.head .banner a img {
    width: 180px;
    height: 68px;
}

.head .banner .slogan h1 {
    margin: 55px 0 0 18px;
    width: 252px;
    height: 49px;
    text-align: left;
    font-size: 18px;
    color: #383838;
}

.head .banner .slogan h1 span {
    display: block;
    margin-bottom: 1px;
    line-height: 25px;
}

.hotline {
    margin-top: 47px;
}

.head .banner .phone-coin {
    width: 61px;
    height: 61px;
}

.head .banner .fr span {
    display: block;
}

.head .banner .fr .helpline {
    font-size: 18px;
    text-align: top left;
}

.head .banner .fr .telephone {
    font-size: 26px;
    text-align: top left;
}

nav {
    height: 60px;
    line-height: 20px;
    text-align: center;
    border: 2px solid #ebebeb;
}

nav .banner ul {
    width: 1384px;
    height: 60px;
    border: 2px 0 2px 0 solid #ebebeb;
}

nav .banner ul li {
    float: left;
}

nav .banner ul li a {
    display: block;
    width: 137px;
    height: 60px;
    font-size: 16px;
    font-family: "SourceHanSansSC-bold";
    line-height: 60px;
    color: #0c0c0c;
}

nav .banner ul .first-li a {
    background-color: #96ddfd;
}

nav .banner ul li a:hover {
    background-color: #96ddfd;
}