.container {
    width: 100%;
    height: 1000px;
    background: url('../img/index/bg.jpg') no-repeat top;
    position: relative;
}

.back {
    width: 100%;
    height: 40px;
}

.back .fhgw {
    width: 137px;
    height: 41px;
    text-align: center;
    display: block;
    float: right;
    line-height: 40px;
    margin-right: 12%;
    background: url('../img/index/back.png') no-repeat;
    text-indent: -9999em;
    margin-top: 38px
}

.slogan {
    width: 763px;
    height: 410px;
    margin: 0 auto;
    margin-top: 40px;
}

.slogan .time {
    width: 763px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-family: FZDaBiaoSong-B06S;
    color: #fdf2d9;
    font-size: 22px;
    float: left;
    margin-top: 357px;
}

.login {
    width: 955px;
    height: 89px;
    margin: 0 auto;
    margin-top: 25px;
    position: relative;
    z-index: 5;
}

.login .cli-login {
    width: 269px;
    height: 89px;
    background: url('../img/index/login.png') no-repeat top;
    display: block;
    text-align: center;
    line-height: 80px;
    font-size: 23px;
    color: white;
   margin: 0 auto
}

.login .cli-login:hover {
    font-size: 25px;
}

.message {
    width: 955px;
    height: 50px;
    text-align: center;
    color: #9b0506;
    float: left;
    line-height: 50px;
}

.message span {
      color: #830700;
}

.message span em {
      color: #830700;
    font-size: 20px;
    font-style: normal;
    min-width: 76px;
    display: inline-block;
}

.message .bddq {
    margin-left: 10px;
    display: inline-block;
}

.content {
    width: 984px;
    height: 397px;
    margin: 0 auto;
    margin-top: -12px;
    position: relative;
    z-index: 4;
}

.content ul li {
    width: 74px;
    height: 286px;
    position: absolute;
    background: url('../img/index/li-bg.png') no-repeat;
}

.content ul li:hover {
    background: url('../img/index/li-bg.png') no-repeat;
}

.content ul li em {
    width: 74px;
    height: 74px;
    display: block;
    border-radius: 50%;
    line-height: 74px;
    color: #830700;
    font-size: 25px;
    text-align: center;
    margin-top: 7px;
    font-family: FZDaBiaoSong-B06S;
}

.content ul li a {
    width: 53px;
    height: 182px;
    display: block;
    writing-mode: vertical-lr;
    font-family: FZDaBiaoSong-B06S;
    line-height: 56px;
    color: #830700;
    font-size: 20px;
    text-indent: 12px;
    margin-left: 12px;
}

.content ul li a:hover {
    text-decoration: none;
}

.content ul li.ls-1 {
    left: 0;
    top: 0;
}

.content ul li.ls-2 {
    left: 101px;
    top: 25px;
}

.content ul li.ls-3 {
    left: 202px;
    top: 50px;
}

.content ul li.ls-4 {
    left: 303px;
    top: 75px;
}

.content ul li.ls-5 {
    left: 404px;
    top: 100px;
}

.content ul li.ls-6 {
    right: 404px;
    top: 100px;
}

.content ul li.ls-7 {
    right: 303px;
    top: 75px;
}

.content ul li.ls-8 {
    right: 202px;
    top: 50px;
}

.content ul li.ls-9 {
    right: 101px;
    top: 25px;
}

 .content ul li.ls-10 {
    right: 0px;
    top: 0px;
}