/* font */

html,
body {
	font-family: "Microsoft YaHei", "微软雅黑", Tahoma, Verdana, Arial;
	font-size: 12px;
	background-color: #121212;
	width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}
select,
input {
	font-family: "Microsoft YaHei", "微软雅黑", Tahoma, Verdana, Arial;
	font-size: 12px;
}
ul,
ol {
	display: block;
	list-style: none;
    margin: 0;
    padding: 0;
}
dl,dd{
    margin: 0;
    padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}
p {
    margin: 0;
    padding: 0;
	display: block;
}
small{
    display: block;
}
a {
    margin: 0;
    padding: 0;
    display: block;
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: none;
	color: #fff;
}
em {
	font-style: normal;
}
:focus {
	outline: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clear {
	clear: both;
}
.hide{
    display: none;
}
.road{
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    position: absolute;
    top: 70px;
    text-indent: 10em;
    z-index: 2;
}
.img_respond{
	display: block;
	width: 100%;
	height: auto;
}
video{
    display: block;
}
@media (min-width: 1025px) {
.section-header{
	display: block;
	overflow: hidden;
	word-break:break-all;
	word-wrap:break-word
}
.section-content-header{
	margin-left: 29%;
    width: 69.5vw;
    padding-bottom: 50px;
	
}
.section-headline-header{
	/*border-bottom: 1px solid rgb(255,255,255,0.2);
    margin-bottom: 3px;
    padding-bottom: 12px;
	text-align: -webkit-left;
	color: #FFF;*/
	
	margin-bottom: 3px;
    padding-bottom: 12px;
    text-align: -webkit-left;
    color: #FFF;
    font-size: 24px;
}
.countrylist-header{
	display:block;
	list-style: none;
    margin: 4px 0 0 0;
}
.countrylist-item-header{
	display: block;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    float: left;
    width: 13%;
    height: 30px;
    margin: 19px 0px;
    margin-right: 48px;
}
.block-header{
	display: contents;
    color: inherit;
    cursor: pointer;
	text-decoration:none;
	width: 9vw;
}

.flag-header {
    /*background-repeat: no-repeat;
    background-size: 30px 30px;
    display: inline-block;
    width: 30px;
    height: 30px;
	margin-right: 6px;.choosearea div 
    vertical-align: middle;
	width: 17.5%;
    margin-right: 15px; */
	background-repeat: no-repeat;
    background-size: 30px 30px;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 6px;
    vertical-align: middle;
}
.flag-sg-header{
	background-image: url(/sitesresources/v1112/byd/images/header/sg.png);
}
.flag-ec-header{
	background-image: url(/sitesresources/v1112/byd/images/header/ec.png);
}
.flag-br-header{
	background-image: url(/sitesresources/v1112/byd/images/header/br.png);
}
.flag-cl-header{
	background-image: url(/sitesresources/v1112/byd/images/header/cl.png);
}
.flag-co-header{
	background-image: url(/sitesresources/v1112/byd/images/header/co.png);
}
.flag-us-header{
	background-image: url(/sitesresources/v1112/byd/images/header/us.png);
}
.countrylist-caption-header {
    color: #666;
    display: inline-block;
    vertical-align: middle;
    width: 90px;
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	text-align: -webkit-left;
	}
	
    .pc_hide{
        display: none;
    }

/*播放按钮的大小控制*/
.play img{
width:90%;
}
.playButton img{
width:90%; 
}
    /*头部*/
    header{
        width: 100%;
        height: 70px;
        background: rgba(0,0,0,.8);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
    }
    .header_cont{
        width: 95%;
        /*max-width: 1298px;*/
        margin: 0 auto;
		margin-left:5%;
    }
    .logo{
    /*    width: 126px;*/
	width:74px;
	height:44px;
       /* height: 56px;*/
        background: url("../images/header/logo.png") no-repeat center;
        margin-top: 13px;
        margin-left:48px;
	background-size:100% 100%;
        float: left;
    }
    .menu_wrap{
        float: left;
        height: 70px;
        font-size:18px;
    }
    .menu{
        height: 100%;
        float: left;

    }
    .menu>li{
	
       float: left;
        height: 70px;

        margin-left: 4vw;
    }
    .menu>li>a{
        height: 70px;
        line-height: 70px;
        position: relative;
    }
    .menu_li_line{
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        width:0;
        height: 2px;
        background: #f00;
        opacity: 0;
        transition:all 0.6s;
        -o-transition:all 0.6s;
        -ms-transition:all 0.6s;
        -moz-transition:all 0.6s;
        -webkit-transition:all 0.6s;
    }
    .menu>li:hover .menu_li_line{
        left:0;
        width: 100%;
        opacity: 1;
    }
    .menu .menu_li_first{
      margin-left: 8vw;
    }
    .login_wrap{
        float: right;
        height: 70px;
        //right:-200px; 
		//right:-60%;
		right: 8%; 
        font-size: 14px; 
        position: absolute; 
    }
    .searchbox{
        width:4vw;
        height:70px;
        position: absolute;
        right:-2vw;
        top:0;
        cursor: pointer;
    }
    .login_wrap a{
        float: left;
        margin-left: 1vw;
        line-height: 70px;
    }
    .icon_search{
        width: 19px;
        height: 19px;
        background: url("../images/header/seacher_icon.png") no-repeat;
        background-size:100% 100%;
        margin-top:26px;
    }
    .sub_nav{
        display:block;  
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        height: 0;
        background: rgba(47,47,47,.98);
        cursor: pointer;
        margin: 0;
        transition:all 1s ease;
        -o-transition:all 1s ease;
        -ms-transition:all 1s ease;
        -moz-transition:all 1ease;
        -webkit-transition:all 1s ease;
        transform-origin:50% 0   ;
        -o-transform-origin:50% 0;
        -ms-transform-origin:50% 0;
        -moz-transform-origin:50% 0;
        -webkit-transform-origin:50% 0;
        overflow: hidden;
        z-index: 99;
    }
    .sub_nav_search{
        width:100%;
        height:0;
        background: rgba(47,47,47,.96);
        position: absolute;
        top: 70px;
        left: 0;
        overflow: hidden;
    }
    .sub_nav_search div{
       width:32%;
        height:3.125vw;
        border:1px solid #6f6e6e;
        position: absolute;
        top:6.8225vw;
        left:50%;
        margin-left:-16%;
        border-radius: 4px;
    }
    .sub_nav_search div input{
        width:85%;
        height:3.125vw;
        color:#c0c0c0;
        font-size: 0.93vw;
        padding-left:5%;
        background: none;
        border:none;
    }
    .sub_nav_search div .icon{
        width:3.125vw;
        height:3.125vw;
        background: url(../images/public/search.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        right:0;
        top:0;
        cursor: pointer;
    }
    .select_area{
        height:100%;
        float: left;
        margin-left: 1vw;
        line-height: 70px;
        color:#fff;
        cursor: pointer;
    }
    .select_area:hover{
        text-decoration: underline;
    }
    .entry:hover{
        text-decoration: underline;
    }
    .choosearea{
        width:100%;
        min-height:95vh;
        background: rgba(47,47,47,.94);
        position: relative;
        display: none;
        border-top: 1px solid #515153;
		height: 100%;
		overflow: auto;
    }
    .choosearea .h1{
        /*width:100%;
        font-size: 1.875vw;
        color:#fff;
        text-align: center;
        padding-top:2vw;
        padding-bottom:1.5vw;
        clear: both;*/
		width: 60%;
		font-size: 1.875vw;
		color: #fff;
		height: 0;
		text-align: center;
		margin-bottom: 2vw;
		padding-bottom: 50px;
		clear: both;
		margin-left: 20%;
		margin-bottom: 50px;
		
    }
	.h1-line{
		border-bottom: 1px solid rgb(255,255,255,0.6);
	}
    .choosearea .closebox{
        width:5vw;
        height:5vw;
        position: absolute;
        right:5vw;
        top:1.5vw;
        cursor: pointer;
    }
    .choosearea .closebox img{
        margin-left:2vw;
        margin-top:2vw;
    }
    .choosearea div{
         /*width: 24.5%;*/
	text-align:center;
         float: left;
    }
    .choosearea .one{
      /*  margin-left:18%;*/
    }
    .choosearea .p_title{
        font-size:0.93vw;
        color:#fff;
        margin-bottom:0.8vw;
    }
    .choosearea ul li{
        margin-bottom:0.3vw;
    }
    .choosearea ul li img{
        float: left;
    }
    .choosearea ul li span{ 
        color:#aaaaaa;
        font-size:0.83vw;
        float: left;
        line-height: 1.5vw;  
        /*margin-left:0.52vw;*/
    }

    .choosearea p.p_title2a  {/*margin-left:18%; */width:20%; float:left; text-align:center; /*padding:20px 0 10px 0;*/ font-size:24px;margin-left: 20%;}
    .choosearea p.p_title2b  {margin-left:0; width:20%; float:left; text-align:center; /*padding:20px 0 10px 0;*/ font-size:24px;}
    .choosearea p.p_title2c  {margin-left:0; width:20%; float:left; text-align:center; /*padding:20px 0 10px 0;*/ font-size:24px;}
	.choosearea p.p_title22c a{cursor:pointer;}
    .choosearea p.p_title2a a, .choosearea p.p_title2b a, .choosearea p.p_title2c a {color:#8b8b8b; transition:color 300ms ease;} 
    .choosearea p.p_title2a a:hover, .choosearea p.p_title2b a:hover, .choosearea p.p_title2c a:hover {color:#fff;} 
    .choosearea p.p_title2a a.active, .choosearea p.p_title2b a.active, .choosearea p.p_title2c a.active {color:#fff;} 
    .sub_nav>li{
        width: 20%;        
        height: 100%;
        float: left;
        text-align: center;
    }
    .online_nav>li{
        width: 50%;
        height: 100%;
        float: left;
        text-align: center;
    }
    .menu li:hover .sub_nav{
        height: 16.77vw;
        overflow: hidden;
        transition:all 1.5s ease;  
    } 
    .sub_nav h3{
        margin-top: 2vw;
    }
    .sub_nav small{
        margin-top: 0.8vw;
        color: #aaaaaa;
    }
    .nav_pic{
        height: 4.5vw;
        margin: 14% auto 0;
    }
    .online_nav .nav_pic{
        height: 4vw;
        margin: 9% auto 0;   
    }
    .nav_pic_car{
        width: 10.33vw;
        background: url("../images/header/01.png") no-repeat;
        background-size: 100%  auto;
    }
    .nav_pic_car2{
        width: 16.3vw;
        background: url("../images/header/02.png") no-repeat;
        background-size: 100%  auto;
    }
    .nav_pic_rail_transit{
        width: 16.3vw;
        background: url("../images/header/03.png") no-repeat;
        background-size: 100%  auto;
    }
    .nav_pic_new_energy{
        width: 5.93vw;  
        background: url("../images/header/dc.png") no-repeat;
        background-size: 100%  auto;
    }
    .nav_pic_electron{
        width: 6.61vw;
        background: url("../images/header/dz.png") no-repeat;       
        background-size: 100%  auto;
    }
    .nav_pic_civilian_products{
        width: 9.16vw;  
        background: url("../images/header/5.png") no-repeat;
        background-size: 100%  auto;
    }
    .nav_pic_commercial_products{
        width: 16.52vw;
        background: url("../images/header/04.png") no-repeat;  
        background-size: 100%  auto;
    }

    .sub_nav h3{
        font-size: 1.8vw;
        font-weight: 300;
    }
    .selected_click{
        background: rgba(0,0,0,.3);
    }
    .sub_nav>li:hover,.sub_nav>li.cur{
        background: rgba(0,0,0,.3);
    }

    .secondary_nav{
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        height: 42px;
        line-height: 42px;
        background: rgba(34,34,34,.6);
        z-index: 9;
    }
    .secondary_nav_cont{
        width: 100%;
        max-width: 1298px;
        margin: 0 auto;
    }
    .secondary_nav span:first-child{
        margin-left:11%;
    }
    .secondary_nav span{
        margin-left: 15px;
        float: left;
    }

    .hover_line:hover{
        text-decoration: underline;
        color:#aaaaaa;
    }

    /*footer*/
    footer{
        width: 100%;
        background: #222222;
    }
    footer ul{
       min-width: 1024px;
    max-width: 80%;
    width: 100%;
    margin: 0 auto;
    height: 306px;
    text-align: left;
    position: relative;
    left: 50px;
    }
    footer ul li{
        margin-top: 60px;
        float: left;
        width: 16.66%;
    }
    footer ul li:first-child{
        margin-left: 0;
    }
    footer ul li h3{
        /*font-weight: 100;
        color: #c8c8c8;*/
		font-weight: bold;
        color: #ffffff;
	height:30px;
        font-size: 18px;
    }
    footer ul li dl{
        margin-top: 32px;
    }
    footer ul li dl dd{
        margin-top: 16px;
        margin-left: 0;
    }
    footer ul li dl dd a{
        color: #838383;
        font-size: 14px;
    }
    footer ul li dl dd a:hover{
        color: #838383;
        text-decoration: underline;
    }
    .social_media{
        margin-top: 36px;
    }
    .icon_social_media{
        overflow: hidden;
        width: 25px;
        height: 25px;
        background: url(../images/footer/social_media_icon_ie8.png) no-repeat;
        float: left;
        cursor: pointer;
    }
    .icon_wb{
        background-position: 0px -25px;
        transition:all 0.3s ease-out;
        -o-transition:all 0.3s ease-out;
        -ms-transition:all 0.3s ease-out;
        -moz-transition:all 0.3s ease-out;
        -webkit-transition:all 0.3s ease-out;
    }
    .icon_wx{
        background-position: -25px -25px;
        margin-left: 12px;
        transition:all 0.3s ease-out;
        -o-transition:all 0.3s ease-out;
        -ms-transition:all 0.3s ease-out;
        -moz-transition:all 0.3s ease-out;
        -webkit-transition:all 0.3s ease-out;
    }

    .icon_fb{
        background-position: -50px -25px;
        margin-left: 12px;
        transition:all 0.3s ease-out;
        -o-transition:all 0.3s ease-out;
        -ms-transition:all 0.3s ease-out;
        -moz-transition:all 0.3s ease-out;
        -webkit-transition:all 0.3s ease-out;
    }
    .icon_tw{
        background-position: -75px -25px;
        margin-left: 12px;
        transition:all 0.3s ease-out;
        -o-transition:all 0.3s ease-out;
        -ms-transition:all 0.3s ease-out;
        -moz-transition:all 0.3s ease-out;
        -webkit-transition:all 0.3s ease-out;
    }
    .icon_ga{
        margin-left: 12px;
        background-position: -100px -25px;
        transition:all 0.3s ease-out;
        -o-transition:all 0.3s ease-out;
        -ms-transition:all 0.3s ease-out;
        -moz-transition:all 0.3s ease-out;
        -webkit-transition:all 0.3s ease-out;
    }
   /* .icon_wb:hover{
        background-position: 0px 0px;
    }
    .icon_wx:hover{
        background-position: -25px 0px;
    }
    .icon_fb:hover{
        background-position: -50px 0px;
    }
    .icon_tw:hover{
        background-position: -75px 0px;
    }
    .icon_ga:hover{
        background-position: -100px 0px;
    }*/
    .footer_bottom{
        width: 100%;
        height: 48px;
        background: #121212;
	padding:0 6%;
        text-align: center;
        line-height: 48px;
        color: #4c4c4c;
    }

    .kv {
        width: 100%;
        overflow: hidden;
    }

    .kv img {
        width: 100%;
        display: block;
    }
	 .footer_bottom .copyright{  
 	width:50%;     
	text-align:left; 
color:#4c4c4c; 
float:left;
font-size:14px;
}
.lawer{
float:right;
width:50%;
 height: 48px;
float:left;
}    
.lawer ol li{
display:inline-block;
width:20%;
text-align:left;
color:#c8c8c8;
font-size:14px;
}
.lawer ol{
height:48px; 
}
.lawer ol li a{
float:left;
color:#4c4c4c;  
}


}

@media (max-width: 1024px) {  
.area-mb-header{
	margin-left: 5%;
		
}
.area-mb-header h4{
	text-indent: 2em;
	font-size: 3.8vw;
	font-weight: 100;
    padding: 2vw 0;	
	
}
.area-mb-header h4 a{
	color: #949494;
}
.area-mb-header h3{
	font-weight: 100;
	font-size: 4vw;
    padding: 2vw 0;	
	color: #FFF;
}
    .road{
        display: none;
    }
    .mobi_hide{
        display: none;
    }

    header{
        height: 15.2vw;
        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.6vw;
		/*width:20vw;*/
        height: 8vw;
        background: url("../images/header/logo.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 3.62vw;
        left:5.46vw;
    }
    .mobi_menu_search{
        width: 5.59vw;
        height: 5.59vw;
        background: url("../images/header/mob_seacher_icon.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 18.6vw;
        top: 4.8vw;
        cursor: pointer;
    }
    .mobi_menu_enter{
        width: 5.72vw;
        height: 4.54vw;
        background-image: url("../images/header/nav_btn.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center;
        position: absolute;
        right: 5.46vw;
        top: 5.59vw;
    }

    .menu_wrap{
        /*display: none;*/
        height: 0;
        position: absolute;
        top: 15vw;
        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: 148vw;
	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:14vw;
    }
    .login_wrap a{
        position: absolute;
        right:5.46vw;
        font-size: 3.35vw;
        color: #949494;
        padding: 5.2vw 0;
    }
    .login_wrap .select_area{
        position: absolute;
        right:40vw;
        font-size: 3.35vw;
        color: #949494;
        padding: 5.2vw 0;
        cursor: pointer;
    }
.login_wrap .select_area.map{
      right:84vw
}
    .entry{
        margin-left:7.3vw;
    }
    .menu{
        width: 100%;
        margin-top: 14vw;
    }
    .menu>li{
        border-top: 1px solid #404040;
    }
    .menu>li>a{
        color: #949494;
        font-size: 4.47vw;
        padding: 4.2vw 0;
        margin-left: 6.9vw;
    }
    .sub_nav{
        padding-bottom: 3vw;
    }
    .sub_nav li a h3{
        font-weight: 100;
        color: #949494;
        font-size: 3.35vw;
        padding: 2vw 0;
    }
    .sub_nav small{
        display: none;
    }
    .sub_nav span{
        display: block;
        //width: 4vw;
        height:0.3vw;
        background-color: #949494 ;
        margin: 1.4vw 2vw 0 5vw;
        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.2vw;
        border:1px solid #393939;
        position: absolute;
        top:66vw;
        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: 4vw;
        padding-left:5%;
        background: none;
        border:none;
    }
    .sub_nav_search_mobile div .icon{
        width:14vw;
        height:11.2vw;
        background: url(../images/public/mobilesearch.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        right:0;
        top:0;
    }

    /*底部*/
    footer{
        height: 15.2vw;
        width: 100%;
    }
    .footer_nav{
        height: 15.2vw;
        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: 4vw;
        color: #c5c5c5;
        line-height: 15.2vw;
        margin-left: 6.9vw;
    }
    .footer_onoff{
        position: absolute;
        top: 50%;
        margin-top: -4vw;
        right: 4.46vw;
        width: 8vw;
        height: 8vw;
    }
    .footer_onoff img{
        display: block;
        width: 3.87vw;
        height: 3.87vw;
        position: absolute;
        top: 50%;
        margin-top: -1.935vw;
        left:50%;
        margin-left: -1.935vw;
        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:245vw;
        position: relative;
        padding-bottom: 3vw;
    }
    .foot_show_ie8{
        height:1600px;
        position: relative;
    }
    footer ul li h3{
        /*font-weight: 500;
        color: #969696;*/
		font-weight: bold;
        color: #ffffff;
        font-size: 4.53vw;
        margin-left: 6.9vw;
        padding: 5vw 0;
    }
    footer ul li{
        width: 100%;
        border-top: 1px solid #404040;
        padding-bottom: 2vw;
    }
    footer ul li dl dd{
        padding: 2vw 0;
    }
    footer ul li dl dd a{
        color: #969696;
        font-size: 3.467vw;
        font-family: "微软雅黑";
    }
    footer ul li dl dd a:hover{
        color: #949494;
    }
    footer ul li dl dd span{
        display: block;
        //width: 4vw;
        height: 0.3vw;
        background-color: #949494 ;
        margin: 1.4vw 2vw 0 5vw;
        float: left;
    }
    .footer_bottom{
        width: 100%;
        //height: 15.3vw;
		height: 9.3vw;
        line-height: 9.3vw;
        background: #121212;
        text-align: center;
        font-size: 2.67vw;
        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.9vw;
    }
    .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.2vw;
    }
    .kv img{
        width: 100%;
        display: block;
    }
    .choosearea1{
        width:100%;
        background:#393939;
        position: relative;
        margin-top:15.2vw;
        display: none;
        position: fixed;
		height:148vw;
		overflow:scroll;
		overflow-x:hidden;
        top:0;
        left:0;
        z-index: 99;
    }
    .choosearea1 .h1{
        width:95%;
        height: 17.3vw;
        background:#393939;
        font-size: 4.8vw;
        color:#949494;
        line-height: 17.3vw;
        padding-left:5%;
        border-bottom: 1px solid #404040;
    }
    .choosearea1 .closebox{
        width: 8vw;
        height: 8vw;
        position: absolute;
        right: 3.5vw;
        top: 5vw;
        cursor: pointer;
    }
    .choosearea1 .closebox img{
        margin-left:2vw;
        margin-top:2vw;
        height:4.5vw;
    }
    .choosearea1 div{
        width: 100%;
        position: relative;
    }
    .choosearea1 div .icon{
        width:8vw;
        height:8vw;
        position: absolute;
        right:3.5vw;
        top:3.5vw;
        cursor: pointer;
    }
    .choosearea1 div .icon img{
        margin-left: 2.3vw;
        margin-top: 3vw;
        width:3.8vw;
    }
    .choosearea1 .p_title{
        width:95%;
        height:15vw;
        line-height:15vw;
        background:#393939;
        font-size: 4.5vw;
        color:#949494;
        padding-left:5%;
        border-bottom: 1px solid #404040;
        font-family: Arial;
    }
    .choosearea1 .p_title2{
        width:95%;
        height:15vw;
        line-height:15vw;
        background:#393939;
        font-size: 4.5vw;
        color:#949494;
        padding-left:5%;
        border-bottom: 1px solid #404040;
        font-family: Arial;
    }
  .choosearea1 .p_title2a{
        width:95%;
        height:15vw;
        line-height:15vw;
        background:#393939;
        font-size: 4.5vw;
        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 .p_title2.title_grey a:hover {color:#8b8b8b;}    
.choosearea1 ul{
        height:0;
        overflow: hidden;
    }
    .choosearea1 ul li{
        height:10.6vw;
        width:95%;
        padding-left:5%;
        background:#393939;
        line-height:10.6vw;
    }
    .choosearea1 ul li img{
        float: left;
        margin-top:3vw;
        height:6.7vw;
    }
    .choosearea1 ul li span{
        color:#aaaaaa;
        font-size:3.7vw;
        float: left;
        line-height: 10.6vw;
        margin-left:5vw;
    }
	 .footer_bottom .copyright{  
 	width:100%;     
	text-align:center; 
color:#c8c8c8; 
float:left;
}
.lawer{
float:right;
width:100%;
float:left;
background:#121212;
}    
.lawer ol li{
display:inline-block;
width:30%; 
text-align:center;
color:#c8c8c8;

}
.lawer ol li a{
color:#c8c8c8;

}
}
@media (min-width:768px) and (max-width:1023px){    
header {  
    height: 11.2vw;    
}
.menu_wrap_show {  
    height: 116vw;         
    overflow-y: scroll;
}
.logo {
    width: 10.6vw;
    height: 6vw;
    position: absolute;
    top: 2.62vw;
    left: 5.46vw;
}
.mobi_menu_search {
    width: 4.59vw;
    height: 4.59vw; 
    position: absolute;
    right: 18.6vw;
    top: 2.8vw;
    cursor: pointer;
}
.mobi_menu_enter {
    position: absolute;
    right: 5.46vw;
    top: 3vw;
}
.kv{
margin-top:11.2vw;  
}
 .choosearea1{
margin-top:11.2vw;
}  
.scene {
    margin-top: 11vw;
}
.menu_wrap {
    position: absolute;
    top: 11vw;
	}
    
ul.menu>li>a {
    color: #949494;  
    font-size: 3.2vw;       
    padding: 2.2vw 0;       
    margin-left: 6.9vw;  
}
.menu_wrap_show {
    height: 68vw;  
    overflow-y: scroll;
}
footer {
    height: 11.2vw;
    width: 100%;
}
.footer_nav {
    height: 11.2vw;

}
  .footer_nav span {  
    color: #c5c5c5;
    line-height: 11.2vw;
 
}
}
 @media (min-width:750px) and (max-width:800px){  .menu_wrap_show {
    height: 110vw;      
    overflow-y: scroll;
}  }