/* font */

html,
body {
	font-family: "Microsoft YaHei", "微软雅黑", Tahoma, Verdana, Arial;
	font-size: 12px;
	background-color: #121212;
	width: 100%;
    -webkit-overflow-scrolling: touch;
}
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) {
    .pc_hide{
        display: none;
    }
    /*头部*/
    header{
        width: 100%;
        height: 70px;
        background: rgba(0,0,0,.8);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }
    .header_cont{
        width: 100%;
        max-width: 1298px;
        margin: 0 auto;
    }
    .logo{
        width: 73px;
        height: 44px;
        background: url("../images/header/logo.png") no-repeat;
        margin-top: 13px;
        margin-left:10px;
        float: left;
    }
    .menu_wrap{
        float: left;
        height: 70px;
        font-size:18px;
    }
    .menu{
        height: 100%;
        float: left;
    }
    .menu>li{
        float: left;
        height: 70px;
        margin-left: 8vw;
    }
    .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: 3vw;
    }
    .login_wrap{
        float: left;
        height: 70px;
        margin-left:6vw;
        font-size: 14px;
        position: relative;
    }
    .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: 0vw;
        background: rgba(47,47,47,.98);
        cursor: pointer;
        margin: 0;
        transition:all 0.6s ease-out;
        -o-transition:all 0.6s ease-out;
        -ms-transition:all 0.6s ease-out;
        -moz-transition:all 0.6s ease-out;
        -webkit-transition:all 0.6s ease-out;
        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;
    }
    .choosearea .h1{
        width:100%;
        font-size: 1.875vw;
        color:#fff;
        text-align: center;
        padding-top:2vw;
        padding-bottom:1.5vw;
    }
    .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{
         min-width: 12.5vw;
         float: left;
    }
    .choosearea .one{
        margin-left:13%;
    }
    .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;
    }
    .sub_nav>li{
        width: 25%;
        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;
    }
    .sub_nav h3{
        margin-top: 1vw;
    }
    .sub_nav small{
        margin-top: 0.8vw;
        color: #aaaaaa;
    }
    .nav_pic{
        height: 4vw;
        margin: 14% auto 0;
    }
    .online_nav .nav_pic{
        height: 4vw;
        margin: 9% auto 0;
    }
    .nav_pic_car{
        width: 7.3vw;
        background: url("../images/header/1.png") no-repeat;
        background-size: 100%  auto;
    }
    .nav_pic_rail_transit{
        width: 8.3vw;
        background: url("../images/header/2.png") no-repeat;
        background-size: 100%  auto;
    }
    .nav_pic_new_energy{
        width: 5.93vw;
        background: url("../images/header/3.png") no-repeat;
        background-size: 100%  auto;
    }
    .nav_pic_electron{
        width: 6.61vw;
        background: url("../images/header/4.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: 13.02vw;
        background: url("../images/header/6.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{
        width: 956px;
        margin: 0 auto;
        height: 306px;
    }
    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-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-top: 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;
        text-align: center;
        line-height: 48px;
        color: #838383;
    }

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

    .kv img {
        width: 100%;
        display: block;
    }
}
@media (max-width: 1024px) {
    .road{
        display: none;
    }
    .mobi_hide{
        display: none;
    }

    header{
        height: 15.2vw;
        background: #222222;
        width: 100%;
        margin: 0;
        padding: 0;
        position: absolute;
        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;
        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: 145vw;
    }
    .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:19vw;
        font-size: 3.35vw;
        color: #949494;
        padding: 5.2vw 0;
        cursor: pointer;
    }
    .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: 5.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: absolute;
        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: 4.5vw;
        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-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: 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: relative;
        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 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;
    }
}