@font-face{
    font-family: 'haige';
    src: url('../font/FZSSJW.TTF');
    font-family: 'haige1hao';
    src: url('../font/haigeMedium.otf');
}
html,body{
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "haige";
}
.navb{
    width: 100%;
    height:11.75%;
    position: fixed;
    top:0px;
    background: rgba(85,85,100,0.65);
    z-index: 100002;
}
.nav{
    width: 100%;
    height:11.75%;
    position: fixed;
    top:0px;
   display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: space-around;
  -ms-flex-pack: distribute;
    z-index: 100003;
}
.nav .nav_lefto{
    width: 15.16%;
    height: 100%;
    display:flex; justify-content:center; align-items:center;
}
.nav .nav_lefto img{
    width: 100%;
    margin-top: -2%;
}
.nav .nav_leftt{
    width: 41%;
    height: 100%;

}
.nav .nav_leftt ul{
    width: 100%;
    height: 100%;
     display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: space-around;
  -ms-flex-pack: distribute;
}
.nav .nav_leftt ul li{
    width: 25%;
    height: 100%;
    list-style-type:none;

}
.nav .nav_leftt ul li a{
    width: 100%;
    height: 100%;
    display:flex; justify-content:center; align-items:center;
    text-decoration: none;
    font-size: calc(5px + (100vw - 600px) / 100);
}
.nav .nav_lefttr{
    width: 24.8%;
    height: 100%;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ 
  align-items:center;
    margin-left: 2%;
}
.nav .nav_lefttr a{
    padding: 0 0.8%;
    font-size: calc(2px + (100vw - 600px) / 100);
}
.blockm{
    width: 100%;
    height:13%;
}