
body{ font-family:Helvetica;position: relative;}
html, body{ overflow: hidden; height: 100%;}
a{ text-decoration: none;color: #666;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{ margin:0;}
ol,ul,li,dl,dt,dd{ margin:0; padding:0; list-style: none;}
html{font-size: 100px;}
body{font-size: 0.14rem;color: #666666}
input[type="button"],input[type="submit"],input[type="reset"],textarea,select{-webkit-appearance: none;-webkit-tap-highlight-color:transparent;} 
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body.mhome{
	padding: 0;
    min-width: 300px;
    max-width: 640px;
    margin: 0 auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;/*溢出为touch事件*/
    -webkit-text-size-adjust: 100%;/*清除浏览器默认字号大小,横竖屏时字号不变*/
    text-size-adjust: 100%;
    background-color: #232323;
}
/*===通用===*/
.clear{clear: both;}
.mt2{margin-top: 2% !important;}
.mb2{margin-bottom: 2% !important;}
.pt2{padding-top: 2% !important;}
.pb2{padding-bottom: 2% !important;}
.mt0{margin-top: 0% !important;}
.mb0{margin-bottom: 0% !important;}
.pt0{padding-top: 0% !important;}
.pb0{padding-bottom: 0% !important;}
.after:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/*框架*/
#page{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #f3f3f3;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    z-index: 1;
}
.move{
    /* -webkit-transform: translate(53%,0);
    -ms-transform: translate(53%,0);
    transform: translate(53%,0);
    -webkit-transform: translate3d(53%,0,0);
    transform: translate3d(53%,0,0); */
}


/*滑动菜单*/
.Slide_nav{
    width: 53%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: #232323;
    left: 0;
    top: 0;
    -webkit-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    transform: translate(-100%,0);
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    overflow: hidden;
}
.Slide_nav .boxin{
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.Slide_nav a.logo{
    display: block;
    width: 100%;
    padding: 6% 0;
    background: #2c2c2c;
}
.Slide_nav a.logo img{
    display: block;
    width: 1.3rem;
    /*height: 0.44rem;*/
    margin: 0 auto;
}
.Slide_nav ul,
.Slide_nav ul li{
    width: 100%;
}
.Slide_nav ul li a{
    display: block;
    width: 100%;
    height: 0.5rem;
    border-bottom: 1px solid #31373f;
    padding: 0 0.3rem;
    background-image: url(../images/a5.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 0.095rem 0.17rem;
    -webkit-background-size: 0.095rem 0.17rem;
    line-height: 0.5rem;
    font-size: 0.15rem;
    color: #e0e0e0;
}
.Slide_nav ul li a:active{
    background-color: #000000;
}
.nav_move{
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/*繁简英*/
.Slide_nav dl{
    width: 100%;
    padding: 10% 0;
    text-align: center;
    font-size: 0;
}
.Slide_nav dl dd{
    display: inline-block;
    width: 0.4rem;
    height: 0.3rem;
    background: #bd2315;
    text-align: center;
    line-height: 0.3rem;
    position: relative;
}
.Slide_nav dl dd a{
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 0.14rem;
}
.Slide_nav dl dd:first-child:before{
    content: '';
    width: 1px;
    height: 0.1rem;
    background: #ededed;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.05rem;
}


.bg_color{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5000;
    background: rgba(0,0,0,0.3);
    display: none;
}
.wrapper{
    width: 100%;
    position: absolute;
    top: 0.45rem;
    bottom: 0.5rem;
    z-index: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.wrapper.wrapperb0{bottom: 0}
.wrapper.wrapperfff{background-color: #fff}
.scrollbox{
    position: relative;
    overflow: hidden;
}


/*头部*/
.Pub_top{
    width: 100%;
    height: 0.45rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
    background: rgba(222,222,222,1);
}
.Pub_top .boxin{
    width: 100%;
    height: 0.45rem;
    position: relative;
    padding: 0 0.4rem 0 1.6rem;
}
.Pub_top .boxin:before,
.Pub_top .boxin:after{
    content: "";
    width: 100%;
    height: 1px;
    background: #c7c7c7;
    position: absolute;
    left: 0;
    bottom: 1px;
}
.Pub_top .boxin:after{
    background: #e9e9e9;
    bottom: 0;
}
.Pub_top .boxin>a.goto{
    display: block;
    width: 0.4rem;
    height: 0.45rem;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/a9_1.png) center no-repeat;
    background-size: 0.105rem 0.195rem;
    -webkit-background-size: 0.105rem 0.195rem;
}
.Pub_top .boxin a.logo{
    position: absolute;
    left: 0.4rem;
    top: 0;
    width: 1.15rem;
    height: 0.45rem;
}
.Pub_top .boxin a.logo img{
    display: block;
    /*width: 0.935rem;*/
    height: 0.4rem;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.Pub_top .boxin>i{
    position: absolute;
    width: 0.4rem;
    height: 0.45rem;
    right: 0;
    top: 0;
    background: url(../images/a7.png) center no-repeat;
    background-size: 0.255rem 0.175rem;
    -webkit-background-size: 0.255rem 0.175rem;
}
.Pub_top .boxin div.search{
    width: 85%;
    float: right;
    height: 0.3rem; 
    margin: 0.075rem 10% 0 0;
    display: block;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 0 0 0.3rem;
    background: url(../images/a11.png) 0.1rem center no-repeat;
    background-size: 0.135rem 0.135rem;
    -webkit-background-size: 0.135rem 0.135rem;
    line-height: 0.29rem;
    font-size: 12px;
    color: #b8b8b8;
    position: relative;
}
.Pub_top .boxin div.search>a{
    display: block;
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    left: 0;
    top: 0;
}
.Pub_top .boxin div.search input{
    display: block;
    width: 100%;
    height: 0.3rem;
    line-height: 0.3rem;
    border: none;
    background: none;
    outline: none;
}
.Pub_top .boxin>h1{
    font-size: 0.16rem;
    color: #333;
    width: 100%;
    line-height: 0.45rem;
    height: 0.45rem;
    overflow: hidden;
    font-weight: normal;
    text-align: center;
}


/*底部*/
.Pub_bottom{
    position: absolute;
    width: 100%;
    height: 0.5rem;
    background: #fff;
    z-index: 50;
    bottom: 0;
    left: 0;
    border-top: 1px solid #ededed;
}
.Pub_bottom ul{
    width: 100%;
    height: 0.5rem;
}
.Pub_bottom ul li{
    float: left;
    width: 25%;
    height: 0.5rem;
    text-align: center;
}
.Pub_bottom ul li.btn1{width: 20%}
.Pub_bottom ul li.btn2{width: 22%}
.Pub_bottom ul li.btn3{width: 30%}
.Pub_bottom ul li.btn5{width: 28%}
.Pub_bottom ul li p{
    font-size: 0.11rem;
    line-height: 1.5em;
    height: 0.5em;
}
.Pub_bottom ul li.on p{color: #bd2315;}
.Pub_bottom ul li i{
    display: block;
    margin: 0.05rem auto 0 auto;
    width: 0.25rem;
    height: 0.25rem;
    background-image: url(../images/a1.png);
    background-repeat: no-repeat;
    background-size: 0.5rem 1.25rem;
    -webkit-background-size: 0.5rem 1.25rem;
}
.Pub_bottom ul li.btn1 i{background-position: 0 0}
.Pub_bottom ul li.btn2 i{background-position: 0 -0.25rem}
.Pub_bottom ul li.btn3 i{background-position: 0 -0.5rem}
.Pub_bottom ul li.btn4 i{background-position: 0 -0.75rem}
.Pub_bottom ul li.btn5 i{background-position: 0 -1rem;}
.Pub_bottom ul li.on.btn1 i{background-position: -0.25rem 0}
.Pub_bottom ul li.on.btn2 i{background-position: -0.25rem -0.25rem}
.Pub_bottom ul li.on.btn3 i{background-position: -0.25rem -0.5rem}
.Pub_bottom ul li.on.btn4 i{background-position: -0.25rem -0.75rem}
.Pub_bottom ul li.on.btn5 i{background-position: -0.25rem -1rem;}


/*内页banner*/
.neibanner{
    width: 100%;
    position: relative;
}
.neibanner>img{
    display: block;
    width: 100%;
}


/*北京汽车二级菜单*/
.Pub_bqr{
    width: 100%;
    position: relative;
    background: #fff;
    padding: 0.1rem 0;
}
.Pub_bqr:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.Pub_bqr li{
    width: 25%;
    float: left;
    text-align: center;
}
.Pub_bqr li p{
    font-size: 0.12rem;
    color: #333333;
    /*line-height: 0.2rem;
    height: 0.2rem;
	*/
	height: 0.3rem;
    width: 100%;
    overflow: hidden;
}
.Pub_bqr li i{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 auto;
    background-image: url(../images/a12.png);
    background-repeat: no-repeat;
    background-size: 0.8rem 2rem;
    -webkit-background-size: 0.8rem 2rem;
}
.Pub_bqr li.about_icon_101 i{background-position: 0 0}
.Pub_bqr li.about_icon_102 i{background-position: 0 -0.4rem}
.Pub_bqr li.about_icon_103 i{background-position: 0 -0.8rem}
.Pub_bqr li.about_icon_104 i{background-position: 0 -1.2rem}
.Pub_bqr li.about_icon_105 i{background-position: 0 -1.6rem}
.Pub_bqr li.on p{color: #c10000}
.Pub_bqr li.on.about_icon_101 i{background-position: -0.4rem 0}
.Pub_bqr li.on.about_icon_102 i{background-position: -0.4rem -0.4rem}
.Pub_bqr li.on.about_icon_103 i{background-position: -0.4rem -0.8rem}
.Pub_bqr li.on.about_icon_104 i{background-position: -0.4rem -1.2rem}
.Pub_bqr li.on.about_icon_105 i{background-position: -0.4rem -1.6rem}

/*新闻中心二级菜单*/
.Pub_xwr{
    width: 100%;
    position: relative;
    background: #fff;
    padding: 0.1rem 0;
}
.Pub_xwr:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.Pub_xwr li{
    width: 50%;
    float: left;
    text-align: center;
}
.Pub_xwr li p{
    font-size: 0.12rem;
    color: #333333;
    /*line-height: 0.2rem;
    height: 0.2rem;*/
    width: 100%;
    overflow: hidden;
}
.Pub_xwr li i{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 auto;
    background-image: url(../images/a17.png);
    background-repeat: no-repeat;
    background-size: 0.8rem 1.6rem;
    -webkit-background-size: 0.8rem 1.6rem;
}
.Pub_xwr li.news_icon_6 i{background-position: 0 0}
.Pub_xwr li.news_icon_2 i{background-position: 0 -0.4rem}
.Pub_xwr li.news_icon_8 i{background-position: 0 -0.8rem}
.Pub_xwr li.news_icon_9 i{background-position: 0 -1.2rem}
.Pub_xwr li.on p{color: #c10000}
.Pub_xwr li.on.news_icon_6 i{background-position: -0.4rem 0}
.Pub_xwr li.on.news_icon_2 i{background-position: -0.4rem -0.4rem}
.Pub_xwr li.on.news_icon_8 i{background-position: -0.4rem -0.8rem}
.Pub_xwr li.on.news_icon_9 i{background-position: -0.4rem -1.2rem}

/*加载提示*/
.Pub_load{
    display: block;
    width: 100%;
    padding: 0.1rem;
    text-align: center;
    font-size: 0.11rem;
    color: #ccc;
    font-weight: normal;
    clear: both;
}


/*整车板块二级菜单*/
.Pub_zcnav{
    width: 100%;
    position: relative;
    background: #fff;
}
.Pub_zcnav:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.Pub_zcnav li{
    width: 25%;
    float: left;
    padding: 0.1rem 0;
    border-bottom: 1px solid #fff;
}
.Pub_zcnav li a{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    margin: 0 auto;
    background-image: url(../images/a18.png);
    background-repeat: no-repeat;
    background-size: 0.6rem 2.4rem;
    -webkit-background-size: 0.6rem 2.4rem;
}
.Pub_zcnav li.carload_icon_106 a{background-position: 0 0}
.Pub_zcnav li.carload_icon_108 a{background-position: 0 -1.2rem}
.Pub_zcnav li.carload_icon_107 a{background-position: 0 -0.6rem}
.Pub_zcnav li.carload_icon_109 a{background-position: 0 -1.8rem}
.Pub_zcnav li.on{border-bottom: 1px solid #c10000}


/*人才招聘二级菜单*/
.Pub_rczp{
    width: 100%;
    position: relative;
    background: #fff;
    padding: 0.08rem 0;
    font-size: 0;
    text-align: center;
    overflow: hidden;
}
.Pub_rczp li{
    display: block;
    float: left;
    width: 25%;
}
.Pub_rczp li p{
    font-size: 0.13rem;
    color: #333333;
    line-height: 2em;
    height: 2em;
}
.Pub_rczp li i{
    margin: 0 auto;
    display: block;
    width: 0.35rem;
    height: 0.35rem;
    background-image: url(../images/a19.png);
    background-repeat: no-repeat;
    background-size: 0.7rem 1.4rem;
    -webkit-background-size: 0.7rem 1.4rem;
}
.Pub_rczp li.btn1 i{background-position: 0 0}
.Pub_rczp li.btn2 i{background-position: 0 -0.35rem}
.Pub_rczp li.btn3 i{background-position: 0 -0.7rem}
.Pub_rczp li.btn4 i{background-position: 0 -1.05rem}
.Pub_rczp li.on.btn1 i{background-position: -0.35rem 0}
.Pub_rczp li.on.btn2 i{background-position: -0.35rem -0.35rem}
.Pub_rczp li.on.btn3 i{background-position: -0.35rem -0.7rem}
.Pub_rczp li.on.btn4 i{background-position: -0.35rem -1.05rem}
.Pub_rczp li.on p{color: #c10000}


/*研发与技术二级菜单*/
.Pub_yfjs{
    width: 100%;
    position: relative;
    font-size: 0;
    height: 0.5rem;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #ededed;
}
.Pub_yfjs>a{
    display: inline-block;
    font-size: 0.13rem;
    color: #333333;
    line-height: 0.5rem;
    height: 0.5rem;
    width: 33%;
    position: relative;
}
.Pub_yfjs>a.on{color: #d12519}
.Pub_yfjs>a.on:after{
    content: "";
    width: 80%;
    height: 1px;
    background: #d12519;
    position: absolute;
    left: 10%;
    bottom: 0;
}


/*投资者二级*/
.Pub_tzznav{
    width: 100%;
    padding: 0.05rem 0;
    background: #fff;
}
.Pub_tzznav:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.Pub_tzznav li{
    width: 25%;
    float: left;
    text-align: center;
    padding: 0.05rem 0;
}
.Pub_tzznav li p{
    font-size: 0.12rem;
    /*line-height: 2em;
    height: 2em;*/
	height:0.3rem;
    width: 100%;
    overflow: hidden;
    color: #333333;
}
.Pub_tzznav li i{
    display: block;
    width: 0.35rem;
    height: 0.35rem;
    margin: 0 auto;
    background-image: url(../images/a21.png);
    background-repeat: no-repeat;
    background-size: 0.7rem 2.8rem;
    -webkit-background-size: 0.7rem 2.8rem;
}
.Pub_tzznav li.ir_icon_128 i{background-position: 0 0}
.Pub_tzznav li.ir_icon_129 i{background-position: 0 -0.35rem}
.Pub_tzznav li.ir_icon_130 i{background-position: 0 -0.7rem}
.Pub_tzznav li.ir_icon_131 i{background-position: 0 -1.05rem}
.Pub_tzznav li.ir_icon_132 i{background-position: 0 -1.4rem}
.Pub_tzznav li.ir_icon_133 i{background-position: 0 -1.75rem}
.Pub_tzznav li.ir_icon_207 i{background-position: 0 -1.75rem}

.Pub_tzznav li.ir_icon_134 i{background-position: 0 -2.1rem}
.Pub_tzznav li.ir_icon_135 i{background-position: 0 -2.45rem}
.Pub_tzznav li.on p{color: #c10000}
.Pub_tzznav li.on.ir_icon_128 i{background-position: -0.35rem 0}
.Pub_tzznav li.on.ir_icon_129 i{background-position: -0.35rem -0.35rem}
.Pub_tzznav li.on.ir_icon_130 i{background-position: -0.35rem -0.7rem}
.Pub_tzznav li.on.ir_icon_131 i{background-position: -0.35rem -1.05rem}
.Pub_tzznav li.on.ir_icon_132 i{background-position: -0.35rem -1.4rem}
.Pub_tzznav li.on.ir_icon_133 i{background-position: -0.35rem -1.75rem}
.Pub_tzznav li.on.ir_icon_207 i{background-position: -0.35rem -1.75rem}

.Pub_tzznav li.on.ir_icon_134 i{background-position: -0.35rem -2.1rem}
.Pub_tzznav li.on.ir_icon_135 i{background-position: -0.35rem -2.45rem}




















