/*nav*/
@font-face
{
    font-family: myFirstFont;
    src: url('../font/方正兰亭超细黑简体.ttf')
}
@font-face
{
    font-family: myFont;
    src: url('../font/方正细圆.TTF')
}
body{
    background: url("../img/bg.png") repeat;
}
.nav-con{
    position: fixed !important;
    top:20px;
    z-index: 999999;
}
.nav{
    width: 940px;
    margin: 0 auto;
    background: url("../img/header.png");
    background-size:cover;
    height: 86px;
    line-height: 86px;
}
.nav li{
    width: 135px;
    text-align: center;
}
.nav li a{
    color: #060606;
    font-size: 0.5rem;
}
.vessel{
    /*margin-bottom: 2rem;*/
}
.containter{
    position: relative;
    overflow: hidden;
}
.containter>img{
    position: absolute;
    /*z-index: 0;*/
    top: 0;
    left: 0;
    width: 100%;
}
.containter div{
    /*z-index: 2*/
}
/*移动端导航*/
.mobile-nav{
    width: 100%;
    background: #f0f0f0;
    display: none;
    z-index: 1000;
}
.mobile-nav div{
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    height: 2.5rem;
    line-height: 2.5rem;
}
.mobile-nav div img{
    width: 1.8rem;
    margin-top: 0.7rem;
    cursor: pointer;
}
.mobile-ul{
    display: none;
}
/*子页导航宽度控制*/
.son-nav .nav{
    width: 1000px;
    height: 92px;
    line-height: 95px;
}
.son-nav .nav ul li{
    width: 140px;
}
/*手机显示隐藏*/
.phone-show{
    display: none !important;
}
/*Pad导航*/
@media only screen and (min-width: 768px) and (max-width: 1199px){
    .nav-con{
        display: none;
    }
    .phone-show{
        display: block;
    }
    .mobile-nav{
        display: block;
    }
    .mobile-ul{
        width: 100%;
        background: #ccc;
        overflow: hidden;
    }
    .mobile-ul li{
        width: 16.666%;
        float: left;
        height: 2rem;
        line-height: 2rem;
        color: #fff;
        text-align: center;
    }
    .mobile-ul li a{
        color: #fff;
        display: block;
    }
}
/*手机导航*/
@media only screen and (max-width: 767px) {
    .phone-none{
        display: none !important;
    }
    .phone-show{
        display: block !important;
    }
    .nav-con{
        display: none;
    }
     .mobile-nav{
        display: block;
    }
     .mobile-ul{
        display: block;
        width: 50%;
        height: 100%;
        background: #333333;
        position: fixed;
        top: 2.5rem;
        left: -50%;
        z-index: 999999999;
        padding-top: 1rem;
    }
     .mobile-ul li{
        width: 100%;
        height: 2rem;
        line-height: 2rem;
        color: #fff;
        text-align: center;
        border-bottom:0.05rem solid #524C4C;
    }
    .mobile-ul li a{
        color: #fff;
        display: block;
    }
}