@charset "UTF-8";
a{
    text-decoration: none;
}
.box{
    position: relative;
    background: url("../image/index_bj.jpg") no-repeat center;
    background-size: cover;
}
.box .nav{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .99rem;
    background: #558b25;
}
.box .nav ul{
    position: absolute;
    right: 1.74rem;
    top: .26rem;
    z-index: 999;
}
.box .nav ul li{
    position: relative;
    float: left;
    width: 2.03rem;
    height: .45rem;
}
.box .nav ul li:nth-child(2){
    margin: 0 1.5rem;
}
.box .nav ul li a{
    position: absolute;
    width: 2.03rem;
    height: .45rem;
    left: 0;
    top: 0;
}
.box .nav ul li .font{
    position: absolute;
    width: 2.03rem;
    height: .45rem;
    left: 0;
    top: 0;
}
.box .nav ul li .on{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1.25rem;
    margin-top: -.34rem;
    width: 2.5rem;
    height: .68rem;
    border-radius: .12rem;
    background: #27440e;
    display: none;
}
.box .nav ul li a img{
    z-index: 999;
}

.box .logo{
    position: absolute;
    width: 1.56rem;
    height: .99rem;
    top: 0;
    left: 1.33rem;
}
.box .font{
    position: absolute;
    top: .21rem;
    left: 4.7rem;
    width: 9.98rem;
    height: 8.27rem;
}
.box .xj{
    position: absolute;
    top: 7.44rem;
    left: 5.7rem;
    width: 7.82rem;
    height: 1.29rem;
}
.box .font img,.box .xj img,.box .logo img{
    float: left;
    width: 100%;
    height: 100%;
}