input::-webkit-input-placeholder{
    color: #666666;
}
input::-moz-placeholder{ 
    color: #666666;        
}
input:-ms-input-placeholder{
    color: #666666;        
}
html,body{ width: 100%; }
body.cars{ height: 100%; overflow: hidden; }
body.drive{ height: auto; overflow: auto}
.drive.windowHeight{ width: 100%; overflow: hidden}
.pageSwiper{ width: 100%; height: 100%; position: relative;}
.swiper-slide{width: 100%;height: 100%;position:relative;overflow: hidden;}
/* .imgSwiper .swiper-slide{ width: 100%; height: auto; } */



.kvTitle{width: 26.5%;position: absolute;top: 50%;height: 0;background: url(../image/kv_title1.png) right center no-repeat;left: 50%;background-size: 100% auto;margin: -11.5% 0 0 12%;padding-top: 17%;}
.btnItemKv{width: 26.5%;position: absolute;top: 50%;height: 0;left: 50%;background-size: 100% auto;margin: 9.5% 0 0 12%;}
.btnItemKv a{width: 48%;background: #99003a;color: #fff;border-radius: 7px;display: block;text-align: center;float: left;margin-right: 2%;line-height: 3em;}

.videoSwiper{width: 100%;height: 100%;}
.videoSwiper .swiper-slide{ overflow: hidden;}

.imgTCswiperTc{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.8);top: 0;left: 0; z-index:5; }
.imgTcSwiper{position: absolute;left: 16%;width: 68%;top: 50%;margin-top: -19%;height: 100%;}
.imgTcSwiper .swiper-slide{ overflow: hidden;}
.closeImgTc{position: absolute;left: 49%;width: 2.5%;padding-top: 2.5%;background: url(../image/close.png) center center no-repeat;background-size: 100% auto;bottom: 0;margin-bottom: 2%;cursor: pointer; z-index: 5 }
.imgTcPrev,.imgTcNext{ top: 50%;}

.video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;display: none;}
#video{ }
.playBtn{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../image/play.png) center center no-repeat rgba(0,0,0,0.5);cursor: pointer;}

.carSwiper{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.carSwiper .swiper-slide{ overflow: hidden;}
.carCar{position: absolute;top: 50%;width: 55%;left: 22.5%;margin: -18.5% 0 0 0;}
.carName{background: url(../image/car_c.png) center center no-repeat;background-size: 100% auto;position: absolute;left: 7%;padding-top: 5%;top: 50%;width: 7.5%;z-index: 1;margin-top: -2%;}
.carTitle{position: absolute;right: 7%;padding-top: 5%;top: 50%;width: 11em;z-index: 1;margin-top: -5%;color: #fff;}
.carsColor{position: absolute;width: 40%;top: 50%;left: 30%;margin-top: 16.5%;z-index: 2;text-align: center;}
.carsColor div{width: 35px;display: inline-block;height: 35px;margin: 0 1%;cursor: pointer;border-radius: 50%;border: 2px solid rgba(0,0,0,0.8);box-sizing: border-box;}
.color1{background: #911212;}
.color2{background: #314863;}
.color3{background: #3a2223;}
.color4{background: #7c888d;}
.color5{background: #fff000;}
.color6{background: #ffffff;}
.color.active{border: 4px solid #fff;}
.color1.active{ }
.color2.active{ }
.color3.active{ }
.color4.active{ }
.color5.active{ }
.color6.active{ }

.blingItem{width: 25%;float: left;position: relative;height: 100%;overflow: hidden;}
.blingImg{position: absolute;left: 50%;margin-left: -76%;height: 100%; transition: all .5s;}
.blingTitle{position: absolute;width: 100%;text-align: center;top: 50%;margin-top: 44%;color: #fff; transition: all .5s; }
.blingTitle strong{margin-bottom: 5%;display: block;}
.blingTitle p{line-height: 1.75em;}
.blingTitle a.more{width: 12em;background: #99003a;color: #fff;border-radius: 7px;display: block;text-align: center;margin: 6% auto 0;line-height: 3em;display: none;}
.blingItem.active .blingImg,.blingItem:hover .blingImg{opacity: 0.2; transform: scale(1.1,1.1)}
.blingItem.active a.more,.blingItem:hover a.more{ display: block; }
.blingItem.active .blingTitle,.blingItem:hover .blingTitle{display: block;margin-top: -5em;}


.slide4{ background: #000;}
.blingSwiper{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.blingsTitle{position: absolute;top: 50%;margin-top: -14%;width: 27%;}
.blingsTitle p{color: #fff;line-height: 1.75em;padding: 2% 0;}
.blingsTitle h4{padding: 0 0 2em 0;font-weight: normal;position: relative;margin-bottom: 1.5em;color: #ffffff;}
.blingsTitle h4::after{content:" ";position: absolute;bottom:0;left: 0;border-bottom: 2px solid #99003a;width: 8.2em;}
.blingsTitle h4 strong{color: #ffffff;font-weight: normal;background: url(../image/text_icon_white.png) left center no-repeat;background-size:auto 100%;/* display: block; */padding-left: 1.2em;line-height: 1em;margin-bottom: 0.5em;}
.blingsTitle h4 span{margin-left: 0.5em;}
.blingsImg{position: absolute;top: 50%;margin-top: 0%;width: 28%;left: 59%;}
.blingsImg img{position: static;width: 47%;margin: 0 3% 0 0;float: left;}
.closeBling{position: absolute;left: 49%;width: 2.5%;padding-top: 2.5%;background: url(../image/close.png) center center no-repeat;background-size: 100% auto;bottom: 0;margin-bottom: 2%;cursor: pointer;}
.blingTitle1{ left: 15%;}
.blingTitle2{left: 59%; }

.imgSwiper{position: absolute;left: 16%;width: 68%;top: 50%;margin-top: -19%;height: 100%;}
.swiperS{ clear: both; overflow: hidden; zoom:1; width: 100%;}
.imgLeft{width: 66.5%;float: left;}
.imgRight{width: 32.4%;float: left;margin-left: 1.1%;}
.imgLeft span{display: block;}
.imgRight span{display: block;margin-bottom: 5%;}
.img1{margin-bottom: 2.4%;}
.img2{width: 49%;float: left;}
.img3{width: 49%;float: left;margin-left: 2%;}
.img4{ }
.img5{ }
.img6{margin: 0;}
.swiperS span{ overflow: hidden}
.swiperS span img{ transition: all 1s; cursor: pointer; }
.swiperS span:hover img{ transform: scale(1.1,1.1);}

.prev{position: absolute;width: 2%;height: 0;background: url(../image/prev.png) center center no-repeat;left: 2%;background-size: 100% auto;padding-top: 2%;z-index: 2;text-indent: -9999em;cursor: pointer;}
.next{position: absolute;width: 2%;height: 0;background: url(../image/next.png) center center no-repeat;right: 2%;background-size: 100% auto;padding-top: 2%;z-index: 2;text-indent: -9999em;cursor: pointer;}
.prev.grayPrev{background: url(../image/prev_gray.png) center center no-repeat;background-size: 100% auto; }
.next.grayNext{background: url(../image/next_gray.png) center center no-repeat;background-size: 100% auto; }

.imgPrev{ top: 50%; }
.imgNext{ top: 50%; }
.imgPrev.grayPrev{background: url(../image/prev_gray.png) center center no-repeat;background-size: 100% auto; }
.imgPrev.grayNext{background: url(../image/next_gray.png) center center no-repeat;background-size: 100% auto; }

.videoPrev{top: 50%;}
.videoNext{top: 50%;}
.videoPrev.grayPrev{ }
.videoNext.grayNext{ }

.slideTitle{position: absolute;top: 50%;width: 100%;text-align: center;color: #fff;margin-top: -22%;}
.configMain{width: 68%;position: absolute;left: 16%;top: 50%;margin-top: -18%;height: 0;padding-top: 38%;}
.configScroll{ }
.congfigTab{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;/* border-bottom: 1px solid #ccc; *//* border-right: 1px solid #ccc; */}
.congfigTab th{color: #ffffff;font-weight: normal;}
.congfigTab td{text-align: center;color: #ffffff; font-size:1em;}
.congfigTab td,.congfigTab th{font-size: 100%;word-break: break-all;word-wrap: break-word;padding: 1em 0.5em;border-left: 1px solid #fff;border-top: 1px solid #fff;color: #000;}
.congfigTab .config-tbody1 td,.congfigTab .config-tbody1 th{/* background: #f1f1f3; */}
.congfigTab  thead th{color: #fff;text-align: center;border-left: 1px solid #6b0029;border-top: 1px solid #6b0029;}
.congfigTab  thead td{ background: #373737;  }
td.left{  text-align: left; padding-left: 2em; }
.config-tbody1{ display: none; }
.configTips{width: 100%;padding: 0 5%;text-align: left;position: relative;color: #fff;line-height: 2em;position: absolute;bottom: 0;left: 0;}
.configTips h1{position: absolute;left: 5%;font-size: 1em;margin-left: -2em;}
.congfigTab td span{ display: block; padding:0.25em 0 0.25em 1em; }
.congfigTab tr.td td{word-break: break-all; word-wrap: break-word; padding:0 0 0.5em 0; border-top: none;}
.congfigTab tr.td th{ border-top: none; }
.congfigTab tr.td td.left{ padding-left: 2em; border-top: 1px solid #373737; }
.configTitle tbody{ display: none; } 
.configTitle tr{ background: #99003a;}
.configTitle tr:nth-child(2n){ background: #7e0432;}
tbody.config-tTitle tr{background-color: rgba(255,255,255,0.8);}
tbody.config-tTitle:nth-of-type(2n) tr{background-color: rgba(255,255,255,0.9);}
.config-tbody1 tr{ background: #c6c6c6; }
.config-tbody1 tr:nth-child(2n){ background: #dddddd; }
tr.conTitle{background-image: url(../image/tr1.png);background-position:  98% center;background-repeat:  no-repeat;background-size: auto 60%;font-weight: bold;cursor: pointer;}
tr.conTitle.show{background-image: url(../image/tr2.png);background-position: 98% center;background-repeat:  no-repeat;background-size: auto 60%;}

.configScroll{position: absolute;width: 100%;height: 100%;bottom: 0;overflow: hidden;font-size: 90%;}
.configTitle{width: 100%;}
.configScrollItem{height: 100%;overflow: hidden;padding-bottom: 15%;position: relative;}
.mCSB_outside+.mCSB_scrollTools{ right: -5px; }
.conTitle th,.congfigTab th{text-align: left;}
tr.conTitle  th{ font-weight: bold; }
.congfigTab td:nth-last-child(1), .congfigTab th:nth-last-child(1){ padding-right: 30px;}
.configTT{background: #99003a;width: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
.prevConfig{position: absolute;left: 32%;background: url(../image/prev.png) center center no-repeat rgba(0,0,0,0.2);width: 30px;height: 100%;top: 0;background-size: 70% auto;}
.nextConfig{position: absolute;right: 0;background: url(../image/next.png) center center no-repeat rgba(0,0,0,0.2);width: 30px;height: 100%;top: 0;background-size: 70% auto;}
.prevConfig.grayPrev{ }
.nextConfig.grayNext{ }
.configScrollMain{/* position: absolute; */width: 100%;height: 100%;/* overflow-y: scroll; */}

.botton:hover{ border:1px solid #99003a; background: #fff; color: #99003a;  }


.car{ position: relative}
.carTips{position: absolute;left: 0;width: 100%;color: #fff;text-align: center;top: 50%;margin-top: -11%;}
.carTips.blackC{color: #000;margin-top: -15%;}
.carTips.blackC strong{ color: #999999;}
.carTips h5{margin-bottom: 1%;}
.carTips span{display: block;}
.carTips strong{display: block;font-weight: normal;margin-top: 20px;}
.carTips212{ margin-top: -13%;}
.carTips212{ margin-top: -13%;}
.carTips212 span{ line-height: 1.65em; color:#999999;}
.carTips212 strong:nth-of-type(1){ margin-top: 20px;}
.carTips212 strong{ margin-top: 12px;}
.carBg212{ }

.cartList{width: 80%;position: absolute;left: 10%;position: absolute;bottom: 0;margin-bottom: 5%;color: #fff;text-align: center;}
.cartList .carI{display: inline-block;margin: 0 6em;position: relative;}
.cartList .carI strong{display: block;float: left;}
.cartList .carI span{display: block;float: left;position: absolute;left: 100%;width: 5em;}
.cartList .carI span:nth-child(2){ top:0}
.cartList .carI span:nth-child(3){ bottom:0}

.driveMain{position: absolute;width: 450px;top: 50%;left: 15%;margin-top: -210px;}
.driveMain h3{margin-bottom: 30px;font-weight: normal;}
.driveList{ }
.driveItem{margin-bottom: 17px;float: left;width: 100%;}
.driveItem.selItem{width: 100%;display: block;height: 40px;line-height: 40px;border: none;padding: 0 1em;border-radius: 8px;background: rgba(255,255,255,0.9);}
.driveItem.selItem select{
    width: 100%;
    line-height: 40px;
    border: none;
    height: 40px;
    background: none; color: #666666
}
.driveItem.inputItem{width: 100%;display: block;border: none;padding: 0 1em;border-radius: 8px;background: rgba(255,255,255,.9);}
.driveItem.inputItem input{
    width: 100%;
    line-height: 40px;
    border: none;background: none; color: #666666
}
.driveItem.sexItem{padding: 17px 0;width: 100%;}
.driveItem.sexItem span.sex{background: url(../image/cicle.png) left center no-repeat;background-size: auto 100%;padding-left: 7%;color: #fff;padding-right: 8%;}
.driveItem.sexItem span.active{background: url(../image/cicle2.png) left center no-repeat;background-size: auto 100%;}
.driveItem.smallDriveItem{width: 48%;float: left;}
.driveItem.smallDriveItem2{width: 48%;float: left;margin-left: 4%;}
.driveItem.readyItem{color: #fff;padding: 2% 0;margin-bottom: 29px;}
.driveItem.readyItem span.zc{background: url(../image/cicle.png) left center no-repeat;background-size: auto 100%;padding-left: 6%;color: #fff;padding-right: 6%;}
.driveItem.readyItem span.zc.active{background: url(../image/cicle2.png) left center no-repeat;background-size: auto 100%;}
.driveItem.readyItem a{color: #fff;}
.driveItem.submitItem a.submit{background: #99003a;color: #fff;display: block;width: 100%;text-align: center;height: 40px;line-height: 40px;border-radius: 8px;}

.drive .driveMain{left: auto;left: 50%;margin-left: 7%;}
.drive .driveItem.selItem,.drive .driveItem.inputItem{ border-radius: 50px; border:1px solid #999; }
.drive .driveItem.readyItem a,.drive .driveItem.readyItem,.drive .driveItem.sexItem span.sex,.drive .driveItem.readyItem span.zc{ color: #000;}

.slide1.animation .header{-webkit-animation:fadeInUp 0.8s 1 ease 0s forwards; animation:fadeInUp 0.8s 1 ease 0s forwards; }
.slide1.animation .kvTitle{-webkit-animation:fadeInDown 0.8s 1 ease 0.5s forwards; animation:fadeInDown 0.8s 1 ease 0.5s forwards; }
.slide1.animation .nextP{-webkit-animation:fadeInDown 0.8s 1 ease 0.8s forwards; animation:fadeInDown 0.8s 1 ease 0.8s forwards;}
.slide1.animation .nextP span{  animation: next .5s linear infinite alternate; -webkit-animation: next .5s linear infinite alternate;}


.slide3.animation .cars1.ani .carTitle,.slide3.animation .cars2.ani .carTitle,.slide3.animation .cars3.ani .carTitle{-webkit-animation:fadeInUp 0.8s 1 ease 0.5s forwards; animation:fadeInUp 0.8s 1 ease 0.5s forwards;}
.slide3.animation .cars1.ani .carCar,.slide3.animation .cars2.ani .carCar,.slide3.animation .cars3.ani .carCar{-webkit-animation:fadeInRight 0.8s 1 ease 0s forwards; animation:fadeInRight 0.8s 1 ease 0s forwards;}
.slide3.animation .carsItem{-webkit-animation:fadeInDown 0.8s 1 ease 0.5s forwards; animation:fadeInDown 0.8s 1 ease 0.5s forwards;}
.slide3.animation .carsBtn{-webkit-animation:fadeInDown 0.8s 1 ease 0.8s forwards; animation:fadeInDown 0.8s 1 ease 0.8s forwards;}
.slide3.animation .carsPrev{-webkit-animation:fadeInLeft 0.8s 1 ease 1s forwards; animation:fadeInLeft 0.8s 1 ease 1s forwards;}
.slide3.animation .carsNext{-webkit-animation:fadeInRight 0.8s 1 ease 1s forwards; animation:fadeInRight 0.8s 1 ease 1s forwards;}

.slide4.animation .tecImg{-webkit-animation:fadeIn 0.8s 1 ease 0s forwards; animation:fadeIn 0.8s 1 ease 0s forwards;}
.slide4.animation .tecTitle{-webkit-animation:fadeInDown 0.8s 1 ease 0.4s forwards; animation:fadeInDown 0.8s 1 ease 0.4s forwards;}
.slide4.animation .more{-webkit-animation:fadeInDown 0.8s 1 ease 0.8s forwards; animation:fadeInDown 0.8s 1 ease 0.8s forwards;}


.slide5.animation .serviceList{-webkit-animation:fadeInUp 0.8s 1 ease 0s forwards; animation:fadeInUp 0.8s 1 ease 0s forwards;}
.slide5.animation .footer{-webkit-animation:fadeInDown 0.8s 1 ease 0s forwards; animation:fadeInDown 0.8s 1 ease 0s forwards;}

.slide2.animation .hisLine{ -webkit-animation:fadeInDown 1.2s 1 ease 1s forwards; animation:fadeInDown 1.2s 1 ease 1s forwards;}
.slide2.animation .hisPrev{ -webkit-animation:fadeInLeft 1.2s 1 ease 1s forwards; animation:fadeInLeft 1.2s 1 ease 1s forwards;}
.slide2.animation .hisNext{ -webkit-animation:fadeInRight 1.2s 1 ease 1s forwards; animation:fadeInRight 1.2s 1 ease 1s forwards;}

.historyItem1.animation .historyImg{-webkit-animation:fadeIn 1.2s 1 liner 0s forwards; animation:fadeIn 1.2s 1 linear 0s forwards;  }
.historyItem1.animation .historyTitle1{-webkit-animation:fadeInUp 0.8s 1 ease 0.5s forwards; animation:fadeInUp 0.8s 1 ease 0.5s forwards;  }

.historyItem2.animation .historyImg{-webkit-animation:fadeIn 1.2s 1 linear 0s forwards; animation:fadeIn 1.2s 1 linear 0s forwards;  }
.historyItem2.animation .historyImg2{-webkit-animation:fadeInLeft 1s 1 ease 0.6s forwards; animation:fadeInLeft 1s 1 ease 0.6s forwards;  }
.historyItem2.animation .historyTitle2{-webkit-animation:fadeIn 0.8s 1 ease 1.5s forwards; animation:fadeIn 0.8s 1 ease 1.5s forwards;  }
.historyItem2.animation .historyTitle2_1{-webkit-animation:fadeIn 0.8s 1 ease 1.9s forwards; animation:fadeIn 0.8s 1 ease 1.9s forwards;  }
.historyItem2.animation .historyTitle2_2{-webkit-animation:fadeIn 0.8s 1 ease 2.3s forwards; animation:fadeIn 0.8s 1 ease 2.3s forwards;  }

.historyItem3.animation .historyImg{-webkit-animation:fadeIn 1.2s 1 linear 0s forwards; animation:fadeIn 1.2s 1 linear 0s forwards;  }
.historyItem3.animation .historyImg3_1{-webkit-animation:fadeIn 1.2s 1 ease 0s forwards; animation:fadeIn 1.2s 1 ease 0s forwards;  }
.historyItem3.animation .historyImg3_2{-webkit-animation:fadeInRight 0.8s 1 ease 0.8s forwards; animation:fadeInRight 0.8s 1 ease 0.8s forwards;  }
.historyItem3.animation .historyTitle3{-webkit-animation:fadeIn 0.8s 1 ease 2s forwards; animation:fadeIn 0.8s 1 ease 2s forwards;  }

.historyItem4.animation .historyImg{-webkit-animation:fadeIn 1.2s 1 linear 0s forwards; animation:fadeIn 1.2s 1 linear 0s forwards;  }
.historyItem4.animation .historyImg4_1{-webkit-animation:fadeInLeft 1s 1 ease 0.8s forwards; animation:fadeInLeft 1s 1 ease 0.8s forwards;  }
.historyItem4.animation .historyTitle4{-webkit-animation:fadeIn 0.8s 1 ease 1.5s forwards; animation:fadeIn 0.8s 1 ease 1.5s forwards;  }
.historyItem4.animation .historyTitle4_1{-webkit-animation:fadeIn 0.8s 1 ease 2.3s forwards; animation:fadeIn 0.8s 1 ease 2.3s forwards;  }
.historyItem4.animation .historyTitle4_2{-webkit-animation:fadeIn 0.8s 1 ease 1.9s forwards; animation:fadeIn 0.8s 1 ease 1.9s forwards;  }


.historyItem5.animation .historyImg{-webkit-animation:fadeIn 1.2s 1 linear 0s forwards; animation:fadeIn 1.2s 1 linear 0s forwards;  }
.historyItem5.animation .historyImg5{-webkit-animation:fadeInLeft 1s 1 ease 0.8s forwards; animation:fadeInLeft 1s 1 ease 0.8s forwards;  }
.historyItem5.animation .historyTitle5{-webkit-animation:fadeIn 0.8s 1 ease 1.5s forwards; animation:fadeIn 0.8s 1 ease 1.5s forwards;  }
.historyItem5.animation .historyTitle5_1{-webkit-animation:fadeIn 0.8s 1 ease 2.3s forwards; animation:fadeIn 0.8s 1 ease 2.3s forwards;  }



.historyItem6.animation .historyImg{-webkit-animation:fadeIn 1.2s 1 linear 0s forwards; animation:fadeIn 1.2s 1 linear 0s forwards;  }
.historyItem6.animation .historyImg6{-webkit-animation:fadeInLeft 1s 1 ease 0.8s forwards; animation:fadeInLeft 1s 1 ease 0.8s forwards;  }
.historyItem6.animation .historyTitle6{-webkit-animation:fadeIn 0.8s 1 ease 1.5s forwards; animation:fadeIn 0.8s 1 ease 1.5s forwards;  }
.historyItem6.animation .historyTitle6_1{-webkit-animation:fadeIn 0.8s 1 ease 2.3s forwards; animation:fadeIn 0.8s 1 ease 2.3s forwards;  }

.historyItem7.animation .historyImg{-webkit-animation:fadeIn 1.2s 1 linear 0s forwards; animation:fadeIn 1.2s 1 linear 0s forwards;  }
.historyItem7.animation .historyTitle7{-webkit-animation:fadeIn 0.8s 1 ease 1.5s forwards; animation:fadeIn 0.8s 1 ease 1.5s forwards;  }

.historyItem8.animation .historyImg{-webkit-animation:fadeIn 1.2s 1 linear 0s forwards; animation:fadeIn 1.2s 1 linear 0s forwards;  }
.historyItem8.animation .historyImg8_1{-webkit-animation:fadeInLeft 1s 1 ease 0.8s forwards; animation:fadeInLeft 1s 1 ease 0.8s forwards;  }
.historyItem8.animation .historyImg8{-webkit-animation:fadeInRight 1s 1 ease 0.8s forwards; animation:fadeInRight 1s 1 ease 0.8s forwards;  }
.historyItem8.animation .historyTitle8{-webkit-animation:fadeIn 0.8s 1 ease 1.5s forwards; animation:fadeIn 0.8s 1 ease 1.5s forwards;  }
.historyItem8.animation .historyTitle8_1{-webkit-animation:fadeIn 0.8s 1 ease 2.3s forwards; animation:fadeIn 0.8s 1 ease 2.3s forwards;  }
.historyItem8.animation .historyTitle8_2{-webkit-animation:fadeIn 0.8s 1 ease 3.1s forwards; animation:fadeIn 0.8s 1 ease 3.1s forwards;  }
.historyItem8.animation .historyTitle8_3{-webkit-animation:fadeIn 0.8s 1 ease 4s forwards; animation:fadeIn 0.8s 1 ease 4s forwards;  }


.historyItem9.animation .historyImg{-webkit-animation:fadeIn 1.2s 1 linear 0s forwards; animation:fadeIn 1.2s 1 linear 0s forwards;  }
.historyItem9.animation .historyImg9{-webkit-animation:fadeInLeft 1s 1 ease 1.5s forwards; animation:fadeInLeft 1s 1 ease 1.5s forwards;  }
.historyItem9.animation .historyImg9_1{-webkit-animation:fadeInUp 1s 1 ease 0.8s forwards; animation:fadeInUp 1s 1 ease 0.8s forwards;  }
.historyItem9.animation .historyTitle9{-webkit-animation:fadeIn 0.8s 1 ease 2.3s forwards; animation:fadeIn 0.8s 1 ease 2.3s forwards;  }
.historyItem9.animation .historyTitle9ImgList{-webkit-animation:fadeIn 0.8s 1 ease 3.1s forwards; animation:fadeIn 0.8s 1 ease 3.1s forwards;  }



@media screen and ( max-height: 850px ) {

    .carCar{    position: absolute;
        top: 50%;
        width: 40%;
        left: 29.5%;
        margin: -8% 0 0 0;}
    .carsItem{    position: absolute;
        width: 34%;
        left: 33%;
        top: 50%;
        margin-top: 10.5%;
        z-index: 2;
    }
}