#main {width:750px;overflow:hidden; margin:0 auto; position:relative;}
body{background:#0f1011}
/*首页*/
.home{ margin:0 auto; overflow:hidden;}
.home .kvBox{ margin:0 auto; width:100%; height:772px; overflow:hidden; position:relative;}
.home .kvBox .bjImg{ position:absolute; width:100%; height:560px; left:0; bottom:0;}
.home .kvBox .topmc{ position:absolute; background:url(../images/home/top.png) no-repeat; width:100%; height:498px; left:0; top:-163px;}
.home .kvBox .bottmc{ position:absolute; background:url(../images/home/bottom.png) no-repeat; width:100%; height:299px; left:0; bottom:-175px;}
.home .kvBox .txt1{ padding-top:88px; font-size:22px; color:#fff; text-align:left; position:relative; z-index:1; width:80%; padding-left:85px;}
.home .kvBox .txt2{ padding-top:20px; font-size:52px; color:#fff; text-align:left; position:relative; z-index:1; width:80%; padding-left:85px;}
.home .kvBox .qhBox{ position:absolute; width:156px; height:34px; right:83px; bottom:35px; z-index:1;}
.home .kvBox .qhBox .num{ float:left; width:70px; height:100%; border-bottom:2px solid #878888; font-size:17px; color:#878888; text-align:left; line-height:34px; margin-right:6px;}
.home .kvBox .qhBox .num.on{ border-bottom:2px solid #fff; color:#fff;}
.home .kvBox .sjBtn{ position:absolute; background:url(../images/home/sjBtn.png) no-repeat; width:82px; height:82px; right:20px; bottom:88px;z-index:1;}
.home .kvBox .shouBox{ position:absolute; width:100%; height:126px; left:0; bottom:82px; text-align:center;}
.home .kvBox .shouBox img{ width:48px; height:65px;}
.home .kvBox .shouBox .ckBtn{ position:absolute; width:242px; height:55px; left:50%; margin-left:-121px; bottom:0; font-size:21px; color:#fff; text-align:center; line-height:55px;}
.home .txtBox{ margin:90px auto 0; overflow:hidden;}
.home .txtBox .txt{ font-size:24px; color:#fff; text-align:left; line-height:40px; width:474px; padding-left:200px;}
.home .txtBox .name{ font-size:24px; width:166px; text-align:right; color:#fff; padding-top:20px;}
.home .wholeBtn{ margin:67px auto 0; width:260px; height:60px; color:#fff; text-align:center; border:1px solid #7a7b7b; font-size:21px; line-height:60px; box-sizing:border-box; border-radius:50px;}

/*全部车型*/
.whole{ margin:0 auto; overflow:hidden;}
.whole .topBox{height:95px; background:#22272c; width:100%; overflow:hidden; position:fixed; z-index:5}
.whole .topBox .box{ width:100%; height:95px;overflow-x: auto;white-space:nowrap;position:relative; padding-right:40px; box-sizing:border-box;}
.whole .topBox .btn{display:inline-block; margin:22px 25px 0px 25px; height:45px; font-size:28px; color:#fff; text-align:center; padding:0 10px;-webkit-transition: all 0.2s linear; transition: all 0.2s linear;border-bottom:2px solid #22272c;}
.whole .topBox .btn.on{ border-bottom:2px solid #fff;}
.whole .topBox .jtBtn{position:absolute; right:0; top:0; width:40px;background:#22272c; height:100%}
.whole .topBox .jtBtn .jtImg{ position:absolute; background:url(../images/world/icon3.png) no-repeat; width:11px; height:22px; left:50%; margin-left:-5px; top:50%; margin-top:-13px;}

.whole .cpBox{ margin:90px auto 0; background:#0f1011; padding:0px 66px; overflow:hidden;}
.whole .cpBox .name{ font-size:54px; color:#fff; text-align:left; padding-top:70px}
.whole .cpBox .cpImg{ margin:30px auto 0; height:840px; width:614px; position:relative;}
.whole .cpBox .cpImg .cp{ position:absolute;}
.whole .cpBox .cpImg .cp img{ position:absolute; left:0; top:0;}
.whole .cpBox .cpImg .cp .txt1{ position:absolute; left:22px; top:22px; font-size:24px; color:#fff; text-align:left; background:url(../images/home/icon1.png) no-repeat right bottom; padding-right:50px;}
.whole .cpBox .cpImg .cp .txt2{ bottom:22px; position:absolute; left:22px; font-size:24px; color:#fff; text-align:left; background:url(../images/home/icon1.png) no-repeat right bottom; padding-right:50px;}
.whole .cpBox .cpImg .cp1{ width:614px; height:326px; left:50%; margin-left:-307px; top:0;}
.whole .cpBox .cpImg .cp2{ width:298px; height:494px; left:0px; bottom:0;}
.whole .cpBox .cpImg .cp3{ width:298px; height:322px; right:0px; top:345px;}
.whole .cpBox .cpImg .cp4{ width:298px; height:158px; right:0px; bottom:0;}


/*车辆详情*/
.xqBox{ margin:0 auto; overflow:hidden;}
.xqBox .spBox{ margin:0 auto; height:500px; width:100%; overflow:hidden; position:relative;}
.xqBox .spBox img{ position:absolute; left:0; top:0;}
.xqBox .spBox video{ position:absolute; width:100%; height:100%; left:0; top:0; background:#000;-o-object-fit:cover; object-fit:cover; -webkit-object-fit:cover;}
.xqBox .spBox .mc{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.2); z-index:1}
.xqBox .spBox .title1{ position:absolute; left:64px; top:300px; font-size:18px; color:#fff; width:386px; text-align:left; z-index:2}
.xqBox .spBox .title2{ position:absolute; left:64px; top:334px;  font-size:57px; color:#fff; width:386px; text-align:left; z-index:2}
.xqBox .spBox .play{ position:absolute; background:url(../images/home/play.png) no-repeat; width:100px; height:100px; left:50%; margin-left:-50px; top:50%; margin-top:-50px; z-index:2}
.xqBox .spBox .zsBtn{ position:absolute; width:150px; height:40px; background:#eb7203; font-size:21px; color:#fff; text-align:center; line-height:40px; right:44px; bottom:22px; z-index:2}

/*车辆详情-4类按钮*/
.topBtn{height:80px; background:#0f1011; width:100%; overflow:hidden; position:relative}
.topBtn .box{ width:100%; height:80px;overflow-x: auto;white-space:nowrap;position:relative;}
.topBtn .btn{display:inline-block; margin:18px 32px 0px 32px; height:45px; font-size:28px; color:#fff; text-align:center; padding:0 6px;-webkit-transition: all 0.2s linear; transition: all 0.2s linear;border-bottom:2px solid #0f1011;}
.topBtn .btn.on{ border-bottom:2px solid #fff;}
.topBtn .jtBtn{position:absolute; right:0; top:0; width:40px;background:rgba(15,16,17,0.5); height:100%}
.topBtn .jtBtn .jtImg{ position:absolute; background:url(../images/world/icon3.png) no-repeat; width:11px; height:22px; left:50%; margin-left:-5px; top:50%; margin-top:-13px;}

/*文字摘要*/
.xq2-intro{width:630px; margin:50px auto 0; border-left:2px solid #55595e; position:relative; box-sizing:border-box; padding-left:40px;color:#fff;}
.xq2-intro .stitie{font-size:26px;}
.xq2-intro .titie{font-size:38px; padding-bottom:5px;color:#fff; line-height:70px; padding-bottom:5px;}
.xq2-intro .txt{font-size:24px; line-height:40px; padding-bottom:20px;}
.xq2-intro .xian{position:absolute; width:6px; height:70px; left:-4px; background:#fff; top:0}
.xq2-intro.black{ color:#22272c}
.xq2-intro.black .xian{ background:#22272c}

/*人物介绍*/
.xq2-Txt{width:630px; margin:50px auto 0; position:relative; box-sizing:border-box; padding-left:280px; color:#fff; font-size:22px; line-height:40px; min-height:200px;}
.xq2-Txt .txt{position:absolute; left:0;  bottom:0; font-size:20px; width:270px;}
.xq2-Txt .txt .name{ font-size:24px;}

/*标题*/
.xq2-title{width:630px; margin:50px auto 0; position:relative;}
.xq2-title .bigT{font-size:38px; color:#22272c; padding-left:20px; height:52px; line-height:52px; border-left:7px solid #eb7203; margin-bottom:22px;}
.xq2-title .smallT{font-size:24px; color:#d3d4d5; text-align:left; padding-left:20px; height:52px;}

/*视频*/
.xq2-video{width:630px; margin:50px auto 0; height:354px; background:#000}
.xq2-video video{ width:100%; height:100%;-o-object-fit:cover; object-fit:cover; -webkit-object-fit:cover;}

/*汽车重量*/
.carWeight{ margin:50px auto 0; width:630px; height:184px; border-bottom:2px solid #838689; border-top:2px solid #838689; position:relative; box-sizing:border-box}
.carWeight .name{ position:absolute; left:20px; top:40px; font-size:30px; color:#22272c; text-align:left;}
.carWeight .qhBox{ position:absolute; width:144px; height:38px; left:100px; top:40px; border:2px solid #838689;}
.carWeight .qhBox .btn{ float:left; width:50%; height:100%; font-size:23px; color:#22272c; text-align:center; line-height:40px;}
.carWeight .qhBox .btn.on{ color:#fff; background:#7a7d80;}
.carWeight .numTxt{ position:absolute; left:20px; top:96px; font-size:20px; color:#8d8d8d; width:336px;}
.carWeight .numTxt span{font-size:50px; padding:0 5px;}
.carWeight .Img{ position:absolute; width:203px; height:115px; right:18px; top:50%; margin-top:-57px;}

/*单张图片展示*/
.xq2-Img{margin:50px auto 0; width:630px;}
.xq2-Img img{ width:100%;}

/*按钮*/
.xq2-btn1{margin:50px auto 0; height:60px; color:#22272c; text-align:center; border:2px solid #7a7b7b; font-size:22px; line-height:60px; box-sizing:border-box; border-radius:50px; padding:0 15px; width:260px;}


/*车辆详情-探索更多科技信息*/
.xqBox .contBox{ margin:0 auto; overflow:hidden; display:none;}
.xqBox .xfBtn{ position:fixed; width:300px; height:90px; left:50%; margin-left:-150px; bottom:2%; z-index:2;}
.xqBox .xfBtn .txt{ font-size:32px; color:#eb7203; text-align:center;}
.xqBox .xfBtn img{ position:absolute; width:26px; height:21px; left:50%; margin-left:-13px; bottom:0;}



/*概览*/
.gL1-2{ margin:100px auto 0; width:630px; height:220px; border:2px solid #3a3b3c; overflow:hidden; position:relative;}
.gL1-2 video{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;-o-object-fit:cover; object-fit:cover; -webkit-object-fit:cover;}
.gL1-2 .carImg{ position:absolute; width:540px; height:100%; left:0; top:0; text-align:center;}
.gL1-2 .carImg img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translateX(-50%,-50%);}
.gL1-2 .txt{ position:absolute; width:220px; height:60px; right:-76px; top:79px; line-height:60px; transform:rotate(-90deg); transform-origin:center; font-size:20px; color:#fff; text-align:right; padding-right:32px; box-sizing:border-box; z-index:2}


/*科技部份*/
.kj1-2{ margin:100px auto 0; width:562px; height:134px; background:#fff; position:relative; overflow:hidden}
.kj1-2 audio{ position:absolute; left:-100%; top:-100%;}
.kj1-2 .play{ position:absolute; background:url(../images/home/play2.png) no-repeat; width:99px; height:100px; left:20px; top:50%; margin-top:-50px;}
.kj1-2 .title{ position:absolute; left:140px; top:44px; font-size:21px; color:#000; text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width:325px}
.kj1-2 .txt{ position:absolute; left:140px; top:73px; font-size:21px; color:#667077; text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width:325px;}
.kj1-2 .sjtxt{ position:absolute; right:20px; top:73px; font-size:21px; color:#667077; text-align:right;}
.kj1-3{ margin:100px auto 0; height:590px; width:100%; position:relative; padding-bottom:150px;}
.kj1-3 img{ position:absolute; right:0; top:0;}
.kj1-4{ margin:0 auto; background:#fff; width:100%; position:relative; padding-bottom:80px; overflow:hidden}
.kj1-4 .Btxt{ font-size:45px; color:#22272c; padding:40px 40px 0px 92px;}
.kj1-5{ margin:-2px auto 0; background:#fff; padding-top:50px; width:100%; position:relative; padding-bottom:40px;}
.kj1-5 .carBox{ margin:0 auto; background:url(../images/home/kj-3.png) no-repeat center; width:563px; height:930px; position:relative;}
.kj1-5 .carBox .btn{ position:absolute; width:65px; height:65px; left:255px; background:url(../images/home/icon8.png) no-repeat center;}
.kj1-5 .carBox .btn1{ top:482px;}
.kj1-5 .carBox .btn2{ top:726px;}
.kj1-5 .carBox .btn3{ top:726px; left:364px;}
.kj1-6{ margin:-2px auto 0; background:#fff; padding-top:50px; width:100%; position:relative; padding-bottom:80px;}
.kj1-6_1{ margin:100px auto 0; width:715px; height:518px; position:relative}
.kj1-6_1 img{ width:100%;}
.kj1-6_1 .Tbox{ position:absolute;  width:504px; height:100px; left:50%; margin-left:-257px; top:384px; background:#fff;box-shadow: 10px 10px 14px #eee; overflow:hidden}
.kj1-6_1 .Tbox audio{ position:absolute; left:-100%; top:-100%}
.kj1-6_1 .Tbox .play{ position:absolute; background:url(../images/home/play2.png) no-repeat; width:80px; height:80px; background-size:100%; left:16px; top:50%; margin-top:-42px;}
.kj1-6_1 .Tbox .txt1{ position:absolute; left:124px; top:25px; font-size:16px; color:#000; text-align:left; overflow:hidden;text-overflow: ellipsis; width:300px}
.kj1-6_1 .Tbox .txt2{ position:absolute; left:124px; top:52px; font-size:16px; color:#667077; text-align:left;overflow:hidden;text-overflow: ellipsis; width:300px}
.kj1-6_1 .Tbox .sjtxt{ position:absolute; right:20px; top:60px; font-size:16px; color:#667077; text-align:right;}
.kj1-6_3{margin:50px auto 0; width:630px; height:335px; overflow:hidden; }
.kj1-6_3 img{ width:100%;}

.kj_upbtn{position:fixed; bottom:50px; left:50%; margin-left:-200px; z-index:2; width:400px; height:75px; background:url(../images/home/upBtn.png) no-repeat center bottom; text-align:center; color:#eb7203; font-size:24px;}

/*突破想像*/
.tp1-2{ margin:100px auto 0; overflow:hidden; background:url(../images/home/tp-1.png) no-repeat; height:422px; width:100%; position:relative;}
.tp1-2 img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translateX(-50%,-50%);}
.tp1-3{ margin:100px auto 100px; width:568px; height:116px; background:#1f2125; overflow:hidden; position:relative;}
.tp1-3 audio{ position:absolute; left:-100%; top:-100%}
.tp1-3 .play{ position:absolute; background:url(../images/home/play.png) no-repeat; width:80px; height:80px; background-size:100%; left:16px; top:50%; margin-top:-44px;}
.tp1-3 .txt1{ position:absolute; left:124px; top:36px; font-size:16px; color:#fff; text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width:325px}
.tp1-3 .txt2{ position:absolute; left:124px; top:60px; font-size:16px; color:#fff; text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width:325px}
.tp1-3 .sjtxt{ position:absolute; right:20px; top:60px; font-size:16px; color:#667077; text-align:right;}
.tp1-4{ margin:0 auto; background:#fff; padding-top:50px; width:100%; position:relative; padding-bottom:40px;}
.tp1-5{ margin:-2px auto 0; background:#fff; padding-top:50px; width:100%; position:relative; padding-bottom:40px;}
.tp1-6{ margin:0 auto; width:100%; height:970px; overflow:hidden;  position:relative}
.tp1-6 .car{ position:absolute; background:url(../images/home/tp5-1.png) no-repeat; width:496px; height:288px; left:50%; margin-left:-248px; z-index:2; top:280px;}
.tp1-6 video{ position:absolute; width:100%; height:100%; left:0; top:0;-o-object-fit:cover; object-fit:cover; -webkit-object-fit:cover; z-index:1}
.tp1-6 .txt1{ position:absolute; left:0; top:670px; width:100%; font-size:22px; color:#fff; text-align:center; z-index:2}
.tp1-6 .txt2{ position:absolute; left:0; bottom:10px; width:100%; font-size:22px; color:#fff; text-align:center; z-index:2}
.tp1-6 .btn{ position:absolute; width:162px; height:162px; left:50%; margin-left:-71px; bottom:83px; z-index:2; background:url(../images/home/tp5-2.png) no-repeat center; border:1px solid #82aa61; border-radius:50%;}

/*规格*/
.gg1-1{ margin:40px auto 0; width:678px; overflow:hidden;}
.gg1-1 .kuang{ margin:0 auto 9px; width:100%; height:390px; border:2px solid #68696a; box-sizing:border-box; position:relative;}
.gg1-1 .kuang .txt1{ position:absolute; left:24px; top:24px; font-size:77px; color:#fff; text-align:left;}
.gg1-1 .kuang .txt1 span{ font-size:18px;}
.gg1-1 .kuang .txt2{ position:absolute; left:24px; top:120px; font-size:18px; color:#fff; text-align:left;}
.gg1-1 .kuang .txt3{ position:absolute; left:24px; bottom:27px; font-size:18px; color:#fff; text-align:left;}
.gg1-1 .kuang .Img{ position:absolute; width:100px; height:115px; right:42px; bottom:28px;}

.gg1-2{ margin:17px auto 45px; width:614px; height:2px; background:#68696a;}

.gg1-3{ margin:0 auto; overflow:hidden;}
.gg1-3 .title{ font-size:45px; color:#fff; text-align:left; padding-left:52px;}
.gg1-3 .btnBox{ margin:40px auto; width:614px; height:60px;}
.gg1-3 .btnBox .btn1{ float:left; width:292px; height:100%; line-height:60px; border:1px solid #68696a; border-radius:50px; font-size:21px; color:#fff; text-align:left; padding-left:35px; box-sizing:border-box; background:url(../images/home/icon2.png) no-repeat 245px center;}
.gg1-3 .btnBox .btn2{ float:right; width:292px; height:100%; line-height:60px; border:1px solid #68696a; border-radius:50px; font-size:21px; color:#fff; text-align:center; background:url(../images/home/icon2.png) no-repeat 245px center;}

.popbox{ position:fixed; width:100%; opacity:0;  height:100%; left:0; top:100%; z-index:99; background:rgba(0,0,0,0.8);-webkit-transition: all 0.5s linear; transition: all 0.5s linear;}
.popbox.on{ top:0; opacity:1}
.p1-1{ position:absolute; width:640px; height:360px; left:50%; margin-left:-320px; top:130px; overflow:hidden}
.p1-1 video{ position:absolute; left:0; top:0;object-fit:cover; -webkit-object-fit:cover; width:100%; height:100%}
.p1-2{ position:absolute; width:100%; left:0; top:565px; padding:0 85px 0 55px; box-sizing:border-box;}
.p1-2 .title{ font-size:45px; color:#ffffff; text-align:left; padding-left:48px; height:52px; border-left:2px solid #fff; line-height:52px;}
.p1-2 .txt{ padding-top:20px; padding-left:48px; font-size:21px; color:#fff; text-align:left; line-height:38px;}



.animate-load{ -webkit-animation: 0.8s linear 0s normal none infinite spin; animation: 0.8s linear 0s normal none infinite spin;}
@-webkit-keyframes spin { 
0% {
 -webkit-transform: rotate(0deg);
}
100% {
 -webkit-transform: rotate(360deg);
}
}
@keyframes spin { 
0% {
 transform: rotate(0deg);
}
100% {
 transform: rotate(360deg);
}
}