@media only screen and (orientation: landscape) {
    .road{
        display: none;
    }
    .mobi_hide{
        display: none;
    }

    header{
        height: 15.2vh;
        background: #222222;
        width: 100%;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 14;
    }
    .header_mask{
        display: none;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 13;
        background: rgba(0,0,0,.8);
    }
    .logo{
        width:13.6vh;
        height: 8vh;
        background: url("../images/header/logo.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 3.62vh;
        left:5.46vh;
    }
    .mobi_menu_search{
        width: 5.59vh;
        height: 5.59vh;
        background: url("../images/header/mob_seacher_icon.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 14.6vh;
        top: 4.8vh;
        cursor: pointer;
    }
    .mobi_menu_enter{
        width: 4.72vh !important;
    	height: 4.72vh !important;
    	background-image: url(../images/header/nav_btn.png);
    	background-repeat: no-repeat;
    	background-size: 100% 100%;
    	background-position: center;
    	position: absolute;
    	right: 5.46vh;
    	top: 5vh;
    }

    .menu_wrap{
        /*display: none;*/
        height: 0;
        position: absolute;
        top: 15vh;
        left: 0;
        width: 100%;
        z-index: 10;
        background: #393939;
        transition:all 0.5s ease-out;
        -o-transition:all 0.5s ease-out;
        -ms-transition:all 0.5s ease-out;
        -moz-transition:all 0.5s ease-out;
        -webkit-transition:all 0.5s ease-out;
        overflow: hidden;
    }

    .menu_wrap_show{
       // height: 148vh;
	   height: 80vh;         
	overflow-y:scroll;
    }
    .menu_wrap_show_ie8{
        height: 910.5px;
        display: block;
    }
    .login_wrap{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border-top: 1px solid #404040;
        color: #949494;
        min-height:14vh;
    }
    .login_wrap a{
        position: absolute;
        right:5.46vh;
        font-size: 3.35vh;
        color: #949494;
        padding: 5.2vh 0;
    }
    .login_wrap .select_area{
        position: absolute;
        right:60vh;
        font-size: 3.35vh;
        color: #949494;
        padding: 5.2vh 0;
        cursor: pointer;
    }
    .entry{
        margin-left:7.3vh;
    }
    .menu{
        width: 100%;
        margin-top: 14vh;
        height: 70vh ; 
    }
    .menu>li{
        border-top: 1px solid #404040;
    }
    .menu>li>a{
        color: #949494;
        font-size: 4.47vh;
        padding: 4.2vh 0;   
        margin-left: 6.9vh;
    }
    .sub_nav{
        padding-bottom: 3vh;
    }
    .sub_nav li a h3{
        font-weight: 100;
        color: #949494;
        font-size: 3.35vh;
        padding: 2vh 0;
    }
    .sub_nav small{
        display: none;
    }
    .sub_nav span{
        display: block;
        //width: 4vh;
        height:0.3vh;
        background-color: #949494 ;
        margin: 1.4vh 2vh 0 5vh;
        float: left;
    }
    .header_cont{
        width: 100%;
        height: 100%;
        background: #000;
        z-index: 99;
        position: position;
        left: 0;
        top: 0;
    }
    .sub_nav_search_mobile{
        width:100%;
        height:100vh;
        background: url(../images/public/searchbcg.jpg) no-repeat center;
        background-size: 100% 100%;
        overflow: hidden;
        display: none;
        z-index:99;
    }
    .sub_nav_search_mobile div{
        width:89%;
        height:11.2vh;
        border:1px solid #393939;
        position: absolute;
        top:36vh;
        left:50%;
        margin-left:-44.5%;
        border-radius: 8px;
        background: #fff;
    }
    .sub_nav_search_mobile div input{
        width:95%;
        height:100%;
        color:#c0c0c0;
        font-size: 4vh;
        padding-left:5%;
        background: none;
        border:none;
    }
    .sub_nav_search_mobile div .icon{
        width:14vh;
        height:11.2vh;
        background: url(../images/public/mobilesearch.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        right:0;
        top:0;
    }

    /*底部*/
    footer{
        height: 15.2vh;
        width: 100%;
    }
    .footer_nav{
        height: 15.2vh;
        width: 100%;
        background: #222222;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 11;
        overflow: hidden;
    }
    .footer_nav_relative{
        position: relative;
    }

    .footer_nav span{
        font-size: 4.5vh;
        color: #c5c5c5;
        line-height: 15.2vh;
        margin-left: 6.9vh;
    }
    .footer_onoff{
        position: absolute;
        top: 50%;
        margin-top: -4vh;
        right: 4.46vh;
        width: 8vh;
        height: 8vh;
    }
    .footer_onoff img{
        display: block;
        width: 3.87vh;
        height: 3.87vh;
        position: absolute;
        top: 50%;
        margin-top: -1.935vh;
        left:50%;
        margin-left: -1.935vh;
        cursor: pointer;
    }
    footer ul{
        /*display: none;*/
        background: #393939;
        height: 0;
        transition:all 0.5s ease-out;
        -o-transition:all 0.5s ease-out;
        -ms-transition:all 0.5s ease-out;
        -moz-transition:all 0.5s ease-out;
        -webkit-transition:all 0.5s ease-out;
        overflow: hidden;
        width: 100%;
    }
    .footer_show{
        height:230vh !important;
        position: relative;
        padding-bottom: 3vh;
    }
    .foot_show_ie8{
        height:1600px;
        position: relative;
    }
    footer ul li h3{
        font-weight: 500;
        color: #969696;
        font-size: 4.53vh;
        margin-left: 6.9vh;
        padding: 5vh 0;
    }
    footer ul li{
        width: 100%;
        border-top: 1px solid #404040;
        padding-bottom: 2vh;
    }
    footer ul li dl dd{
        padding: 2vh 0;
    }
    footer ul li dl dd a{
        color: #969696;
        font-size: 3.467vh;
        font-family: "微软雅黑";
    }
    footer ul li dl dd a:hover{
        color: #949494;
    }
    footer ul li dl dd span{
        display: block;
        //width: 4vh;
        height: 0.3vh;
        background-color: #949494 ;
        margin: 1.4vh 2vh 0 5vh;
        float: left;
    }
    .footer_bottom{
        width: 100%;
        height: 10.3vh;
        line-height: 9.3vh;
        background: #121212;
        text-align: center;
        font-size: 2.67vh;
        color: #4f4f4f;
    }
    .icon_social_media{
        overflow: hidden;
        width: 25px;
        height: 25px;
        background: url(../images/footer/social_media_icon_ie8.png) no-repeat;
        float: left;
    }
    .icon_wb{
        background-position: 0px -25px;
        margin-left: 6.9vh;
    }
    .icon_wx{
        background-position: -25px -25px;
        margin-left: 12px;
    }

    .icon_fb{
        background-position: -50px -25px;
        margin-left: 12px;
    }
    .icon_tw{
        background-position: -75px -25px;
        margin-left: 12px;
    }
    .icon_ga{
        //margin-top: 6px;
        background-position: -100px -25px;
        margin-left: 12px;
    }

    .kv{
        width: 100%;
        margin-top: 15.2vh;
    }
    .kv img{
        width: 100%;
        display: block;
    }
    .choosearea1{
        width:100%;
        background:#393939;
        position: relative;
        margin-top:15.2vh;
        display: none;
        position: fixed;
	height:148vh;
	overflow-y:scroll;
        top:0;
        left:0;
        z-index: 99;
    }
    .choosearea1 .h1{
        width:95%;
        height: 17.3vh;
        background:#393939;
        font-size: 4.8vh;
        color:#949494;
        line-height: 17.3vh;
        padding-left:5%;
        border-bottom: 1px solid #404040;
    }
    .choosearea1 .closebox{
        width: 8vh;
        height: 8vh;
        position: absolute;
        right: 3.5vh;
        top: 5vh;
        cursor: pointer;
    }
    .choosearea1 .closebox img{
        margin-left:2vh;
        margin-top:2vh;
        height:4.5vh;
    }
    .choosearea1 div{
        width: 100%;
        position: relative;
    }
    .choosearea1 div .icon{
        width:8vh;
        height:8vh;
        position: absolute;
        right:3.5vh;
        top:3.5vh;
        cursor: pointer;
    }
    .choosearea1 div .icon img{
        margin-left: 2.3vh;
        margin-top: 3vh;
        width:3.8vh;
    }
    .choosearea1 .p_title{
        width:95%;
        height:15vh;
        line-height:15vh;
        background:#393939;
        font-size: 4.5vh;
        color:#949494;
        padding-left:5%;
        border-bottom: 1px solid #404040;
        font-family: Arial;
    }
    .choosearea1 .p_title2{
        width:95%;
        height:15vh;
        line-height:15vh;
        background:#393939;
        font-size: 4.5vh;
        color:#949494;
        padding-left:5%;
        border-bottom: 1px solid #404040;
        font-family: Arial;
    }

    .choosearea1 .p_title2 a  {color:#8b8b8b; transition:color 300ms ease;}
    .choosearea1 .p_title2 a:hover, .choosearea1 .p_title2 a.active  {color:#fff;}
    .choosearea1 ul{
        height:0;
        overflow: hidden;
    }
    .choosearea1 ul li{
        height:10.6vh;
        width:95%;
        padding-left:5%;
        background:#393939;
        line-height:10.6vh;
    }
    .choosearea1 ul li img{
        float: left;
        margin-top:3vh;
        height:6.7vh;
    }
    .choosearea1 ul li span{
        color:#aaaaaa;
        font-size:3.7vh;
        float: left;
        line-height: 10.6vh;
        margin-left:5vh;
    }


}


@media (orientation : landscape) {
    #index .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
        overflow: hidden;
        width: 25px;
        height: 25px;
        background-image: url(../images/footer/social_media_icon_ie8.png);
        float: left;
        padding-left:0;
    }
    #index .icon_wb{
        margin-left: 6.9vh;
    }
    #index .icon_fb,#index .icon_wx,#index .icon_tw,#index .icon_ga{
        margin-left: 12px;
    }
    .kv{   
        width: 100%;
        height: 100vh;
        overflow: hidden;
        position: relative;
    }
      

}
@media screen(min-width:780px) and (orientation : landscape) {     
.menu_wrap_show{
	   height: 60vh !important; 
background:red;          
	overflow-y:scroll;         
    }
}