@charset "utf-8";
/* CSS Document */
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,li,p,span,strong,em,table,tr,td,form,input,select,option,textarea,a,button,sub,sup,img,header,map,menu,pre,section,source,time,title,video,small,nav,mark,main,footer,canvas,article,area,address{margin:0; padding:0;}
body,h1,h2,h3,h4,h5,h6,input,select,option,textarea,a,button{font-family:"微软雅黑","宋体";}
html,body{font-size:12px; letter-spacing:0.2em;}

a{text-decoration:none;}
a,a:hover,a:active,a:visited,a:link{out-line:none;}
:focus{outline:0;}
/*sub{bottom:-0.5em; font-size:75%; line-height:0; position:relative;  vertical-align:baseline;}*/

table{cellpadding:0; cellspacing:0;}
table,tr,td{border:none; border-collapse:collapse;}

img{border:none;}

input,button,textarea{border:0; background:none;}

li{list-style:none;}

.cf{zoom:1;}
.cf:after{display:table; content:''; clear:both}

.noMr{margin-right:0;}
.noMb{margin-bottom:0;}


html,
body{width:100%; height:100%; background:#000; position:relative; font-size:12px;}
.elect_main{width:100%; height:100%;}

html,
body,
.elect_main{display:block; position:relative; background:#fff;}


/*头部菜单部分*/
header{z-index:1000004; /*background:rgba(221, 221, 221, 0.85);*/}
header .logo{z-index:13;}
header .menu_btn{z-index:13;}

header{width:100%; height:45px; position:fixed; top:0; left:0;}
header .logo{width:32%; height:100%; z-index:1000005;/*background:url(/mobile/common/img/logo/motorshow.png) 0 0 no-repeat; background-size:100% 100%;*/ position:relative; 
display:flex;
display:-webkit-flex;
align-items:center;
}
header .logo img{display:block; width:100%; position:relative; /*left:7%;*/}

header .menu_btn{display:block; width:36px; position:absolute; top:9px; right:6.5%; z-index:1000005;}
header .menu_btn img{display:block; width:70%; position:absolute; top:0px; left:0px; 
-webkit-transition:-webkit-transform 0.5s;
		transition:transform 0.5s;
}

header .menu_btn.close img:nth-child(1){top:10px; left:-5px;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);}
header .menu_btn.close img:nth-child(3){top:-2px; left:-5px;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);}
header .menu_btn.close img:nth-child(2){opacity:0;}

header .menu_list{width:100%; height:100%; background:url(../img/menu_bg.png) 0 0 no-repeat; background-size:100% 100%; box-sizing:border-box; padding-top:80px; position:fixed; top:0; left:0; z-index:1000004; display:none; }
header .menu_list ul{width:50%; box-sizing:border-box; padding-right:5%; float:right;}
header .menu_list ul li{font-size:20px; font-style:italic; line-height:3; text-align:right;}
header .menu_list a{color:#fff;}

.menu_b{width:80%; box-sizing:border-box; padding-top:40px; position:absolute; right:0; bottom:5%; color:#fff; font-size:14px;}
.menu_b .box1{width:100%; box-sizing:border-box; margin-bottom:10px; position:absolute; right:0; top:0;}
.menu_b .box1 span{display:inline-block;}
.menu_b .box1 span.w_line1,
.menu_b .box1 span.w_line2{height:1px; background:#fff; position:relative; bottom:5.5px;}
.menu_b .box1 span.w_line1{width:68%;}
.menu_b .box1 span.w_line2{width:10%;}
.menu_b .box1 .txt{width:17%; min-width:50px; text-align:center;}
.menu_b .box1 .jt8{width:8px;}
.menu_b .box2{width:100%; box-sizing:border-box; padding-right:5%; text-align:right;}
.menu_b .box2 span{margin:0 3.5%;}

/*返回顶部*/
.back_top{width:100%;}
.back_top p{width:40px; height:40px; margin:20px auto;}
.back_top span{display:block;}
.back_top .jt{width:14px; height:22px; margin:0 auto 5px;
animation: arrow 0.9s linear infinite;
-ms-animation: arrow 0.9s linear infinite;
-webkit-animation: arrow 0.9s linear infinite;	
}
.back_top .txt{font-size:14px; color:#a0a0a0; text-align:center; font-weight:bold;}

/*左右两侧的线条*/
p.line{width:1px; height:100%; background:rgba(160,160,160,0.5); position:fixed; top:0;}
p.line1{left:9%;}
p.line2{right:9%;}

/*左右两侧的线条*/
p.line3{position:absolute; left:9%;}
p.line4{position:absolute; right:9%;}

/*版块下方*/
p.line5{width:100%; height:1px; background:rgba(255,255,255,0.5); position:absolute; bottom:0;}

/*标题统一*/
h3{font-size:24px; line-height:1.6; color:#2d53aa/*#fff*/;}

/*内容安全区统一*/
.area{padding:0 12%;}

/*媒体  微博微信*/
.media{width:7%; position:fixed; bottom:4%; left:1%; z-index:1000001;}
.media p{width:100%; /*float:left;*/ position:relative; margin-bottom:10px;}
.media p:first-child{margin-right:20%;}
.media p img{display:block;} 
.media p.sina img{width:100%;} 
.media p.wechat img.icon{width:100%;}
.media p.wechat img.ewma{display:none; width:500%; max-width:450px; position:absolute; bottom:-13px; left:100%;}

/*了解更多按钮*/
.lk_more{display:block; width:90px; text-align:center; line-height:2.5; background:rgba(0,0,0,0.4); border-bottom:2px solid #fff; position:relative; color:#fff;}
.lk_more span{position:absolute; top:0; right:0; display:inline-block; width:0px; height:0px; border-width:0 5px 5px 0; border-style:solid; border-color:transparent #fff;}

/*页面跟随*/
.follow_nav{width:60px; position:fixed; bottom:30px; right:0; z-index:1000000;}
.follow_nav a{display:block; width:100%; height:60px; margin-bottom:4px; text-align:center; line-height:1.2;}
.follow_nav a img{width:100%;}

/*全局设置*/
.con{border:1px solid rgba(255,255,255,0.3); box-sizing:border-box;/* padding-left:1px; padding-right:1px;*/}



/*弹出窗口*/
.txt_pop{width:100%; height:100%; box-sizing:border-box; padding-top:45px; background:#a0a0a0; position:fixed; top:0; left:0; z-index:1000003; display:none;}
.txt_pop .box_pop{width:100%; height:100%; box-sizing:border-box; padding-top:50px; position:relative;}
.txt_pop .box_pop .close{display:block; width:35px; height:35px; position:absolute; top:5px; right:7px;}
.txt_pop .box_pop .close img{display:block; width:100%; position:absolute; top:0; left:0;}

.txt_pop .box_pop .close img:first-child{top:10px; left:-5px;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}
.txt_pop .box_pop .close img:last-child{top:-6px; left:-5px;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}
.txt_pop .box_pop  p{width:90%; margin:0 auto; color:#fff;}

/*视频弹窗*/
.mov_pop{width:100%; height:100%; box-sizing:border-box;/* padding-top:45px;*/ position:fixed; top:0; left:0; z-index:1000005; display:none;}
.mov_pop .box_pop{width:100%; height:100%; box-sizing:border-box; padding-top:84px; background:#a0a0a0; position:relative;}
.mov_pop .box_pop .close{display:block; width:35px; height:35px; position:absolute; top:5px; right:7px;}
.mov_pop .box_pop .close img{display:block; width:100%; position:absolute; top:0; left:0;}

.mov_pop .box_pop .close img:first-child{top:10px; left:-5px;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}
.mov_pop .box_pop .close img:last-child{top:-6px; left:-5px;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}
.mov_pop .box_pop .mov{width:100%; height:100%; box-sizing:border-box; padding-top:33%;}
.mov_pop .box_pop .mov video{display:block; width:100%; border:none; outline:none;}

/*调查问卷*/
.wj_wrap{width:80%; padding:15px; background:#fff; position:fixed; bottom:0; left:0; z-index:100000000; display:none;}
.wj_wrap .close{width:35px; height:35px; position:absolute; top:0px; right:0px; z-index:13;}
.wj_wrap .close img{display:block; width:15px; margin:10px 0 0 10px;}

.wj_wrap p{width:100%; height:;}
.wj_wrap .txt1{font-size:12px; color:#d71921;}
.wj_wrap .btns button{width:60px; text-align:center; padding:10px 0; background:#d71921; margin-right:10px; font-size:14px; text-align:center; color:#fff;}

.wj_wrap .box1,
.wj_wrap .box2,
.wj_wrap .box3{width:100%; background:#fff; }

.wj_wrap .box1{position:relative; z-index:1;}
.wj_wrap .box2,
.wj_wrap .box3{box-sizing:border-box; position:absolute; padding:15px 10px; top:0px; left:0px; z-index:-1; visibility:hidden;}

.wj_wrap .box1 .txt2{font-size:16px; color:#000; margin:10px 0 40px;}

.wj_wrap .box2 .btntxt{width:100%; margin:10px 0 20px; }
.wj_wrap .box2 textarea{display:block; border:1px solid #000; width:100%;}
.wj_wrap .box3 p{font-size:16px; text-align:center; color:#000; margin-top:66px;}


@keyframes arrow{
  0%{}
  50%{background:url(../img/jt_9_1.png) 0 0 no-repeat; background-size:100% auto;}
  100%{background: url(../img/jt_9_2.png) 0 0 no-repeat; background-size:100% auto;}
}
@-webkit-keyframes arrow{
  0%{}
  50%{background:url(../img/jt_9_1.png) 0 0 no-repeat; background-size:100% auto;}
  100%{background: url(../img/jt_9_2.png) 0 0 no-repeat; background-size:100% auto;}
}

@keyframes arrow2{
  0%{}
  50%{background:url(../img/jt5_1.png) 0 0 no-repeat; background-size:100% auto;}
  100%{background: url(../img/jt5_2.png) 0 0 no-repeat; background-size:100% auto;}
}
@-webkit-keyframes arrow2{
  0%{}
  50%{background:url(../img/jt5_1.png) 0 0 no-repeat; background-size:100% auto;}
  100%{background: url(../img/jt5_2.png) 0 0 no-repeat; background-size:100% auto;}
}


@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  25% {
    -webkit-transform: translate3d(-3px,0,0);
    transform: translate3d(-3px,0,0);
  }

  50% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  
  75% {
    -webkit-transform: translate3d(3px,0,0);
    transform: translate3d(3px,0,0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  25% {
    -webkit-transform: translate3d(-3px,0,0);
    transform: translate3d(-3px,0,0);
  }

  50% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  
  75% {
    -webkit-transform: translate3d(3px,0,0);
    transform: translate3d(3px,0,0);
  }
}


@-webkit-keyframes shake2 {
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  25% {
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
  }

  50% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  
  75% {
    -webkit-transform: translate3d(0,2px,0);
    transform: translate3d(0,2px,0);
  }
}

@keyframes shake2 {
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  25% {
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
  }

  50% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  
  75% {
    -webkit-transform: translate3d(0,2px,0);
    transform: translate3d(0,2px,0);
  }
}


/*样式覆盖*/
/*.robot{display:none;}*/