/* 通用*/
*{margin:0;padding:0;box-sizing: border-box;font-family: Helvetica, 'Microsoft YaHei', Arial;}
html{font-size: 70px;}
body{ background:#fff; color:#333; line-height:1.6;margin:0 auto;width:100%;font-size:0.2rem;}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; text-size-adjust: 100%;} /*避免字体大小被重置*/
a{color:#000; text-decoration: none;outline:none;line-height: normal;}
a:hover,a:active,a:focus{ background:none;text-decoration: none;color:#000; }
p,dt,ul,li,dl{margin:0; list-style:none;}
label{ font-weight:normal}
.strong strong{color: #000;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed; }
img{border:0;vertical-align: middle;}
input,button{outline: none;-webkit-appearance: none;appearance: none;cursor: pointer;}
input,textarea,select{outline: none;border:0;background-color:transparent;resize: none;}
html,body{ -webkit-tap-highlight-color: transparent;}/*去除apple设备点击底色*/
.container{width:100%;margin:0 auto;padding-left:10px;padding-right:10px;}
.flex{display: flex;}
.flex-wrap{display: flex;flex-wrap: wrap;}
.flex-v-center{display: flex;align-items: center;}
.flex-hv-center{display: flex;align-items: center; justify-content: center;}
.flex-between{display: flex;align-items: center; justify-content: space-between;}
.col-6{width:50%;}
.relative{position: relative;}
.block-sm{display: none !important;}
.hidden-sm{display: block !important;}
.copy a.grey{color:#fff;padding-left:0.6rem}
.copy a:hover{color:#707070;}
/* 头部 */
.header{position: fixed;top:0;left:0;width:100%;display: flex;align-items: center; justify-content: space-between;
  font-size:0.18rem;z-index:10;background: #fff;height:0.8rem;}
/* 首页样式 */
.slide {width: 100%;min-height:calc(100vh - 0.8rem);position: relative;}
.title{font-size:0.56rem;text-align: center;}
.video_index{z-index:10;}
/*第1屏大图*/
.slide_one{height:100vh}
.slide_one .bg{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url(../images/banner1.png) no-repeat center center;background-size:cover;}
.text-full{width: 100%;height: 100%;position: absolute;top:0;left:0;
  display: flex;align-items: center;justify-content: center;flex-direction: column;color:#fff;}
.text-full .title{padding-bottom:0.14rem;line-height: 1.4;font-size: 64px;}
.text-full .title img{height:0.8rem;}
.text-full .subtitle{font-size:32px;text-align: center;font-weight: 100;position: relative;}
.text-full .subtitle::after{
  content: '';
  position: absolute;
  width: 66px;
  height:1px;
  background-color: #fff;
  left: -80px;
  top: 50%;
  transform: translateY(-50%);
}
.text-full .subtitle::before{
  content: '';
  position: absolute;
  width: 66px;
  height:1px;
  background-color: #fff;
  right: -80px;
  top: 50%;
  transform: translateY(-50%);
}
.text-full .smalltitle{font-size:20px;text-align: center;line-height: 2;}
.text-full .s_title{font-size:0.28rem;text-align: center;padding-top:0rem}
.text-full a.btn{border-radius:3px;height:0.54rem;display: flex;align-items: center;padding:0 0.6rem; border:1px solid #fff;
  min-width:2rem;font-size:0.22rem;justify-content:center;margin:0.2rem;color:#fff;}
.text-full a.btn:hover,.text-full a.btn.active{color:#000; background: #fff;}
.text-full.black{color:#000;}
.img_bg{width:100%;object-fit: cover;height:100%;position: absolute;}
.slide_h_auto .img_bg{position: static;min-height:5rem}
.video_bg video{
 width:100%;height:100%;object-fit: cover;
}
/*左右2图*/
.tow_list .flex{display: flex;flex-wrap: wrap;}
.tow_list .flex>div{width:50%;}
.tow_list .flex>div:first-child{padding-right:0.25rem;}
.tow_list .flex>div:last-child{padding-left:0.25rem;}
.tow_list .flex>div a{ display: block;position: relative;}
.tow_list .flex>div .img{width:100%;object-fit: cover;}
.tow_list .flex>div p span{font-size:36px;margin:0.25rem 0 0.22rem; display: block;}
.tow_list .abs{border-radius:3px;height:0.54rem;display: flex;align-items: center;padding:0 0.6rem; border:1px solid #000;
  width:2.5rem;font-size:0.22rem;justify-content:center;color:#000; appearance: none;outline: none;background-color: transparent;}
.tow_list a:hover .abs{background: #000;color:#fff;}
.qiaoliang_slide .text-full{justify-content: flex-start;padding-top:3rem}
/* 三块 */
.three_list{background: url(../images/banner3.png) no-repeat center center;background-size: cover;
 }
.three_list .flex{display: flex; justify-content: space-around;flex-wrap:wrap;}
.three_list .item{display: flex; flex-direction: column;align-items: center;text-align: center;color:#fff;
flex:1;font-size:0.28rem;}

.three_list .item p{padding:0 0.2rem 0.94rem;line-height: 1.9;}

.three_list a.btn{color:#fff;font-size:0.22rem;border-radius:3px;height:0.54rem;display: flex;align-items: center;
  border:1px solid #fff;margin:1.5rem auto 0;width:2.4rem;font-size:0.22rem;justify-content:center;}
  .three_list a.btn:hover{color:#000;background: #fff;}
.car_model_list{display: flex; justify-content: space-around;font-size:0.24rem;margin-top:0.66rem;}
.car_model_list .item{flex:1; display: flex;flex-direction: column;align-items: center;padding:1.35rem 0.2rem;
  background: #fff;margin:0 0.05rem;}
.car_model_list .item img{height:0.92rem;}
.car_model_list .item .title{font-size:0.44rem;padding:0.38rem 0 0.15rem;}
.car_model_list .item .desc{white-space: nowrap;}


.copy{font-size:0.16rem}
.mouse{position: absolute;bottom:0.89rem;left:50%;width:0.3rem;height:0.46rem;margin-left:-0.15rem;
  background: url(../images/mouse.png) no-repeat; background-size: contain;z-index:5;
  animation: breathAn 1s linear infinite; -webkit-animation: breathAn 1s linear infinite;	}
  .breath{animation: breathAn 1s linear infinite; -webkit-animation: breathAn 1s linear infinite;	}


@media (max-width:992px)/*平板*/
{
  html{font-size: 60px;}
  .nav_btn{display: block;}
  .header .logo{padding-left:0;}
  .header {padding:0 0.4rem}
  .header .nav{position: absolute;display: none; top:100%;left:0; width:100%;background: #fff;padding:0 0.4rem;border-top:1px solid #f1f1f1;}
  .header .nav li> a{display: block;padding:0.25rem 0.2rem;text-align: center;border-bottom:1px solid #f1f1f1;
    margin:0;font-size:0.36rem}
    .header .nav li> a:hover span{border-color:trans;}
  .block-sm{display: block !important;}
  .hidden-sm{display: none !important;}
  .header .nav li:last-child>a{border:none}
  .header.active .nav{display: block;}
  .container{padding-left:15px;padding-right:15px;}
  .slide{min-height:auto;}
  .slide_one{height:100vh}
  .slide .title{padding:0.8rem 0;}
  .col-6{width:100%}
  .text-full{padding:0.5rem;}
  .text-full .smalltitle{font-size:0.3rem}
  .tow_list .flex>div{margin-top:0.4rem;margin-bottom:0.4rem;}
  .tow_list{padding-bottom:0.4rem;}
  .tow_list .abs{font-size:0.3rem;height:0.7rem;}
  .three_list{padding-top:1rem;padding-bottom:1rem;}
  .car_model_list .item{width:100%;padding:0.4rem 0.2rem;margin-bottom: 0.1rem;flex:auto;}
  .car_model_list{flex-wrap: wrap;padding-bottom:0.4rem;margin-top:0;}
  .honors_text{padding:0.3rem 0 0.5rem;}
  .partner_slide,.investor_slide{padding-bottom:0.8rem}
  .partner .img{width:33.33%;height:1.2rem}
  .links .img{margin:0.2rem 0.2rem;}
  .down_slide{min-height:auto}
  .down_content{padding-top:1rem}
  .down_content .flex{width:90%}
  .down{width:95%}
  .footer{padding:0.6rem}
  .footer .title{padding:0 0 0.4rem;}
  .copy{font-size:.2rem}
  .three_list a.btn{font-size:0.3rem;height:0.7rem;width:2.8rem;margin-top:0.5rem}
  .index_news .item .date{font-size:0.26rem}
  .about_text{padding: 0.5rem 0 0.8rem;font-size: 0.3rem;}
  .customer_imgs_slide2 .arrow{width:1rem;}
  .info_down_slide .text-full .title{padding:0 0 0.5rem}
  .customer_imgs{padding-bottom:1rem}
  .index_case{padding-top:0.8rem}
  .customer_answers_slide .container{font-size:0.3rem}
  .customer_answers_slide a{font-size:0.34rem}
  .driver_three .item{width:100%;flex:auto;}
  .text_end .title{padding:0;}
  .about_hr{padding:0 0 1.4rem}
  .about2 .img_bg{position: static;}
  .about_zeren .img{max-width:100%;margin:0 auto;display: block;}
  .about_zeren .right{padding:0.6rem 0.4rem 1rem;}
  .brain_slide1{height:auto}
  .brain_slide{padding-bottom:1.5rem}
  .qiaoliang_slide,.video_slide{height:100vh}
  .autoDriver_slide .container>div{max-width: 10rem;}
  .autoDriver_slide {padding:1rem 0;height:100vh;}
  .driver_slide_fullscreen{height:100vh}
  .news_slide{padding-top:0;}
  .about_zeren{display: block;padding:0 0 1rem}
}
@media (min-width:769px)/*桌面*/
{

}

@media (min-width:1200px){/*大屏幕*/
  .container{max-width:1100px}
}

@media (min-width:1300px){/*大屏幕*/
  .container{max-width:17rem}
  html{font-size: 70px;}
  .about_container{max-width:12rem;}
}
@media (min-width:1900px){/*大屏幕*/
  html{font-size: 80px;}
}
@media  (max-height:660px){/*小尺寸桌面*/
  html{font-size: 60px;}
  .customer_imgs .item img{max-height:6rem;}
}
@media (max-width:767px){/*手机*/
  html{font-size: 46px;}
  .header{height:60px}
  .header .logo img{height:18px;}
  .nav_btn{width:36px;}
  .nav_btn span{width:36px;height:4px;margin:4px auto;}
  .text-full a.btn{font-size:0.36rem;height:0.7rem;padding:0 0.9rem}
  .title{font-size:0.5rem; margin-top: 0.5rem}
  .index_news .item{width:100%;padding-bottom:20px;}
  .index_news .item .tt{font-size:0.3rem;min-height:auto;}
  .about_us .item{width:100%;margin:0 1.5rem;}
  .index_comment .item{width:100%;}
  .index_comment .item .desc{min-height: auto;}
  .index_comment .item .tt{padding-bottom:1rem}
  .honors_text{flex-direction: column;}
  .honors_text .item{width:100%;flex:auto}
  .tow_list .flex>div{width:100%;height:50%;}
  .tow_list .flex>div:first-child{padding-right:0;}
  .tow_list .flex>div:last-child{padding-left:0;}
  .three_list .item p{padding-bottom:0.5rem}
  .three_list .item{width:100%;flex:auto;margin-bottom:0.2rem;font-size:0.36rem}
  .index_news .item .img{height:3.7rem;}
  .partner .img{width:50%;}
  .down_content .mobile{max-width:3.5rem;}
  .footer .container{flex-wrap: wrap;}
  .footer .container>div{width:100%;}
  .icon_links{margin-top:0.4rem;margin-bottom:0.7rem;text-align: center;}
  .footer .flex{justify-content:center;}
  /* .customer_imgs{flex-wrap: wrap;} */
  /* .customer_imgs .item{margin:0 0.3rem} */
  .customer_imgs_slide2 .customer_imgs .item{width:100%}
  .customer_imgs .item img{height:4.8rem;}
  .customer_imgs_slide2 .arrow{transform:rotate(90deg);margin:0.3rem;}
  .hezuo_list .item{width:100%;flex:auto;padding:0;}
  .hezuo_list .item p{min-height:auto}
  .about2 .img_bg_auto>img{height:3.5rem}
  .copy a.grey{color:#fff;padding-left:0;}
  .copy .inline{display: block;}
  .about3 .container{padding:0;}
  .towImgs{flex-wrap: wrap;}
  .towImgs>div{width:100%}
  .three_icon .container{flex-wrap: wrap;}
  .three_icon .item{width:100%;flex:auto}
  .index_case .item{width:100%}
  .index_case .item:nth-child(1){padding-right:0}
.index_case .item:nth-child(2){padding-left:0}
.honors_text .item li{white-space: normal;font-size:0.3rem}
.index_case a.btn{font-size:0.3rem;height:0.7rem}

.news_info .desc{font-size:0.3rem;}



}




@keyframes breathAn{
  0%,100%{
    transform: translateY(0);
  }
  50%{
    transform: translateY(-10px);
  }
}
@-webkit-keyframes breathAn
{
  0%,100%{
    -webkit-transform:  translateY(0);
  }
  50%{
    -webkit-transform: translateY(-10px);
  }
}

.container2{
  width: 1200px;
  margin: 0 auto;
}
.container3{
  width: 1356px;
  margin: 0 auto;
}
.flex{
  display: flex;
}
.flex-sub{
  flex: 1;
}
.header .logo{
  float: left;
}
.header #dateTime{
  float: right;
  margin-top: 10px;
  font-size: 18px;
}
.three_list .title1{font-size: 44px;margin-top: 30px;margin-bottom: 60px;}
.three_list .title2{font-size: 20px;line-height: 46px;}
.footerBox{background-color: #272727;color: #ccc;font-size: 14px;}
.footerBox a{color: #939393;font-size: 14px;}
.footerBox .info{
  border-top: 1px solid #333;
  text-align: center;
  padding: 24px;
  line-height: 28px;
}
.footerBox img{
  height: max-content;
 margin-right: 18px;
}
.footerBox .infos{
  padding-left: 18px;
  border-left: 1px solid #333;
}