@charset "utf-8";
/* CSS Document */

/**********重定义select样式*/
form select{
  position:relative;
  top:0px;
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border:none;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding:0 9px;
  
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {display: none;}
/*select end**/


@keyframes slowfade {
  0% {
      opacity: 0;
  }
  50% {
      opacity: .5;
  }
  100% {
      opacity: 1;
  }
}
@-webkit-keyframes slowfade {
  0% {
      opacity: 0;
  }
  50% {
      opacity: .5;
  }
  100% {
      opacity: 1;
  }
}
@-moz-keyframes slowfade {
  0% {
      opacity: 0;
  }
  50% {
      opacity: .5;
  }
  100% {
      opacity: 1;
  }
}
@-o-keyframes slowfade {
  0% {
      opacity: 0;
  }
  50% {
      opacity: .5;
  }
  100% {
      opacity: 1;
  }
}
.part{width:100%; overflow-x:hidden; position:relative; box-sizing:border-box;}
.part1{padding-top:70px;}
.part1 .top_pic{width:100%;}
.part1 .top_pic img{display:block; width:100%;} 
.part1 .service_box{width:100%; box-sizing:border-box; padding:80px 3% 10px; }
.part1 .service_box a{color:#000;}
.part1 .service_box p{width:48%; padding:30px 0; float:left; border-radius:8px; box-shadow:0px 0px 5px rgba(0,0,0,0.3);}
.part1 .service_box p.box1{margin-right:4%;}
.part1 .service_box p span.pic_wrap,
.part1 .service_box p span.txt{display:inline-block; width:100%; text-align:center;}
.part1 .service_box p span.pic_wrap{margin-bottom:10px;}
.part1 .service_box p span.pic{display:inline-block; position:relative;}
.part1 .service_box p span.pic .pic2{position:absolute; left:0; top:0;
	-webkit-animation-name:map_shake;/*这个设置在/mobile/common/css/header.css 里*/
  	animation-name:map_shake; 
}

.part1 .service_box p.box1 .pic_wrap img{
	-webkit-animation-name:wheel_swing;
    animation-name:wheel_swing; 
}

.part1 .service_box p.box1 .pic_wrap img,
.part1 .service_box p.box2 span.pic .pic2{
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-duration:1.5s;
  animation-duration:1.5s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  animation-timing-function:linear;
  -webkit-animation-timing-function:linear;	
  -webkit-transform-origin:center center;
  transform-origin:center center;
}


.part1 .service_function{width:100%;}
.part1 .service_function dl,
.part1 .service_function dl dt,
.part1 .service_function dl dd{width:100%;}
/*.part1 .service_function dl dt:after{display:table; content:''; clear:both;}*/
.part1 .service_function dl dt{background:#000; padding:20px 5% 110px; box-sizing:border-box; display:flex; justify-content:space-between; flex-wrap:wrap;}

.part1 .service_function dl dt p{width:48%; box-sizing:border-box; margin-bottom:20px; /*float:left; margin-right:4%;*/ text-align:center;}
/*.part1 .service_function dl dt p:nth-child(2n){margin-right:0;}*/
.part1 .service_function dl dt p.txt{font-size:15px; color:#fff; display:flex; justify-content:center; align-items:center;}
/*.part1 .service_function dl dt p.txt.pd_top0{padding:0;}*/

.part1 .service_function dl dt p.btn a{display:block; padding:6px; box-sizing:border-box; text-align:center; background:#e40121; border-radius:5px; position:relative; color:#fff;}

.part1 .service_function dl dt p.btn span{display:inline-block; height:100%;}
.part1 .service_function dl dt p.btn span.pic{width:25px; margin-right:4px; position:relative;}
.part1 .service_function dl dt p.btn span.pic img{width:100%;}

.part1 .service_function dl dt p.btn span.pic .map_pic2{position:absolute; top:0; left:0;}

.part1 .service_function dl dt p.btn span.txt{font-size:14px; position:relative; bottom:7px;}


.part1 .service_function dl dd{text-align:center; margin-top:-80px;}
.part1 .service_function dl dd img{width:80%;}


.kind2 .service_function dl dd{margin-top:-57px;}


.part1 .service_function dl dt .map_pic2{
	-webkit-animation-name:map_shake;/*这个设置在/mobile/common/css/header.css 里*/
  	animation-name:map_shake; 
}

.part1 .service_function dl dt .wheel{
	-webkit-animation-name:wheel_swing;
    animation-name:wheel_swing; 
}

.part1 .service_function dl dt .wheel,
.part1 .service_function dl dt .map_pic2{
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-duration:1.5s;
  animation-duration:1.5s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  animation-timing-function:linear;
  -webkit-animation-timing-function:linear;	
  -webkit-transform-origin:center center;
  transform-origin:center center;
}








.part2{padding:15px 8%; background:#000;}
.part2 form,
.part2 form .txt_box,
.part2 form .btn{width:100%;}
.part2 form input{display:block; border-radius:3px; box-sizing:border-box; font-weight:bold; color:#fff;}
.part2 form .txt_box input{width:45%; padding:8px 12px; float:left; border:1px solid #c2c2c2; margin-right:10%; margin-bottom:15px;}
.part2 form .txt_box input:nth-child(2n){margin-right:0%;}
.part2 form .btn input{width:30%; padding:10px 0; margin:20px auto 0; background:#e40121; text-align:center;}

.part3{padding:80px 0 20px; background:#fff; line-height:1.8;}
.part3 dl,
.part3 dl dt,
.part3 dl dd{width:100%; box-sizing:border-box; position:relative;}
.part3 dl{margin-bottom:60px;}
.part3 dl dt{padding:0 6%; margin-bottom:25px;}
.part3 dl dt h3{margin-bottom:15px; text-align:center; line-height:1.5;}
.part3 dl dt .txt{letter-spacing:1.5px; text-align:center;}
.part3 dl dd .bg{width:100%; box-sizing:border-box; padding-right:10%;}
.part3 dl dd .bg img{display:block; width:100%; box-shadow:0 4px 10px rgba(0,0,0,0.3);}
.part3 dl dd .pic{width:87%; position:absolute; right:4%; top: 12%; z-index:2; }
.part3 dl dd .pic img{display:block; width:100%; box-shadow:0 0 10px rgba(0,0,0,0.6);}

.part3 dl:nth-child(2n) dd .bg{padding-left:10%; padding-right:0;} 
.part3 dl:nth-child(2n) dd .pic{right:inherit; left:4%;}

.part4{padding:40px 5%; background:#191919; line-height:1.8;}
.part4 h3{width:100%; text-align:center; color:#fff; margin-bottom:20px;}
.part4 h3 span{margin:0 8%;}
.part4 h3 img{width:5%; position:relative; bottom:1px;}

.part4 .pic{width:100%; margin-bottom:20px;}
.part4 .pic img{display:block; width:100%;}
.part4 form{width:100%; color:#fff;}
.part4 form .box{width:100%; padding:5px 0;}
.part4 form .box:after{display:table; content:''; clear:both}
.part4 form .box label,
.part4 form .box input,
.part4 form .box select{float:left; line-height:1; color:#fff;}
.part4 form .box label{width:26%; min-width:86px; padding:10.5px 0px;}
.part4 form .box input,
.part4 form .box select{box-sizing:border-box; background:#2b2b2b;}
.part4 form .box input{width:74%; padding:8px 10px;}
.part4 form .box select{padding:10px; background:url(../img/jt.png) right center no-repeat #2b2b2b; background-size:20px auto;}
.part4 form .city_box select{width:35%;}
.part4 form .city_box select.num1{margin-right:4%;}
.part4 form .dist_box select{width:74%;}

.part4 form .btn{width:100%;}
.part4 form .btn input{width:30%; padding:10px 0; margin:20px auto 0; border:1px solid #fff; border-radius:3px; text-align:center; color:#fff; display: block; font-weight: bold;}

.part5{padding:0px 0 40px; background:#fff; line-height:1.8; /*display:none;*/}
.part5 h3{width:100%; text-align:center; color:#333; margin-bottom:60px;}
.part5 h3 span{margin:0 8%;}
.part5 h3 img{width:5%; position:relative; bottom:1px;}

.swiper_box{width:100%;}
.swiper-container,
.swiper-wrapper,
.swiper-slide{width:100%;}
.swiper-button-next:after, 
.swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, 
.swiper-container-rtl .swiper-button-next:after{content:'';}

.part5 .swiper_box{width:100%; box-sizing:border-box; padding:0 35px; position:relative;}
.part5 .swiper-slide img{display:block; width:100%; margin-bottom:5px;}
.part5 .swiper-slide{text-align:center;}
.part5 .swiper-slide a{color:#000;}
.part5 .swiper-slide a.schebtn{font-size:10px;}
.part5 .swiper-slide a.schebtn img{margin-bottom:8px;}
.part5 .cars-prev,
.part5 .cars-next{width:18px; height:32px; background:url(/vehicles/images/bg_color/left.png) center center no-repeat; background-size:100% 100%; top:36%;}
.part5 .cars-next{right:1%; transform:rotate(180deg);}
.part5 .cars-prev{left:1%;}
.part5 .font10{font-size:10px;}

.part5 .box{width:100%;}
.part5 .box .pic{width:100%;}
.part5 .box .txt{height:30px; line-height:1.1;}
.part5 .box .txt.small_txt{font-size:10px;}
.part5 .box .txt.Mb{margin-bottom:16px;}
.part5 .btns{box-sizing:border-box; padding:15px 5px 0;}
.part5 .btns:after{display:table; content:''; clear:both}
.part5 .btns a{display:block; width:48%; padding:5px 0; text-align:center; float:left; border-radius:3px; font-size:10px;}
.part5 .btns a:first-child{margin-right:4%;}
.part5 .btns .btn1{background:#fce5e8; color:#e84151;}
.part5 .btns .btn2{background:#e40121; color:#fff;}