/*发展历程*/
.history-part{padding-top: 100px;padding-bottom: 50px;width: 102px;float: left;display: none !important;}
.history-part .swiper-container{height: 100%;}
.his_ll{ position: relative;background: #dee3ec;height: 780px;}
.his_ll .his_btn{ position: absolute;left:0;top:-50px; margin: 0; width: 100%;height: 50px; background: #fff;text-align: center; color: #d90919; box-sizing: border-box;background: #fdfefe;}
.his_btn i{font-weight: bold;font-size: 20px;transform: translate(-50%,-50%) rotate(90deg); -webkit-transform: translate(-50%,-50%) rotate(90deg);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
/*.his_ll .swiper-button-prev{left: 0;}*/
.his_ll .swiper-button-next{top: auto;bottom: -50px;}
.his_ll .swiper-button-prev.swiper-button-disabled,.his_ll .swiper-button-next.swiper-button-disabled{ opacity: 1;cursor: pointer; pointer-events:visible;}
.his_ll .swiper-button-prev.disabled,.his_ll .swiper-button-next.disabled{color: #b5a6c2;}

.his_ll li{height: 130px; cursor: pointer; text-align: center;   background: url(../images/about/timebg2.png) no-repeat center center;background-size: 100% 100%; }
.his_time{border-bottom: 1px solid #cad3e3;height: 100%;}
.his_ll li h2{color: #3f3f3f;font-family: "Arial";text-align: left;height: 50px;line-height: 50px;padding-top: 53px;font-weight: bold;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;padding-left: 10px;}
.his_ll li.on h2{color: #fff;}
.his_ll li.on{background: #99abcc url(../images/about/timebg_on2.png) no-repeat center center;background-size: 100% 100%;}
.his_ll li:last-child dl .his_time{border:0;}

.mileposts_main{
  padding-bottom: 50px;
}


@media only screen and (max-width: 1440px) {
.history-part{padding-top: 70px;}
.his_ll{margin-bottom: 50px;}
}
@media only screen and (max-width: 1024px) {
  .mileposts_main{padding: 8% 0 0;}
  .history-part{padding-top: 40px;width: 100%;padding-bottom: 0;}
    .his_ll{
      height: auto;
      padding: 0 50px;
    }
  .his_ll li h2{height: 32px;line-height: 32px;padding-top: 38px;text-align: center;padding-left: 0;}
  .his_ll li.on h2{font-size: 22px;padding-left: 0;text-align: center;}
  .his_ll li.on{background: #99abcc url(../images/about/timebg_on.png) no-repeat center center;background-size: 100% 100%;}
  .his_ll li{height: 70px; background: url(../images/about/timebg.png) no-repeat center center;background-size: 100% 100%;}
  .his_btn i{font-size: 18px;}
  .his_ll{margin-bottom:30px;}
  /*.his_box{padding-bottom: 40px;}*/
  .his_time{border-bottom: none;border-right: 1px solid #cad3e3;}
  .his_ll .his_btn{
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    line-height: 100%;
  }
  .his_ll .his_btn i{
    text-align: center;
    transform: translate(-50%,-50%);
  }
  .his_ll .swiper-button-next{
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
  }
}
@media only screen and (max-width:767px) {
.history-part{padding-top: 20px;}
.his_ll li h2{height: 50px;line-height: 50px;padding-top: 0px;}
.his_ll li.on h2{font-size: 18px;}
.his_ll li{height: 50px;background: none;}
.his_ll li.on{background: #99abcc;}
.his_ll .his_btn{width: 42px;}
.his_ll{padding: 0 40px;margin-bottom: 20px;}
.his_list li dl{padding-left: 0 !important;}

}

.his_list{padding-top: 50px;width: 1256px;}
.his_box{position: relative;float: right;padding-top: 50px;}
.his_box .swiper-container{
  height: 804px;
}
.his_line {
    position: absolute;
    left: 50%;
    top: 100px;
    height: calc(100% - 100px);
    width: 50px;
    transform: translate(-50%,0);
    background: url(../images/about/timebg3.png) right 0 repeat-y;
}
.his_list li:first-child{margin-left:0;}
.his_list li{width: 44.6869%;height: 201px;background: #dee3ec;}
.his_list li,.his_list li dl{box-sizing:border-box;}
.his_list dt{overflow: hidden;width: 85.5%;max-width: 100%;margin-bottom: 35px;height: 0;padding-bottom: 48%;position: relative;}
.his_list dt img{width: 100%;height: 100%;position: absolute;top:0;left: 0;}
.his_list li dl{padding: 9%;}
.his_list li .img + dl{padding-left: 42%}
.his_list h3{color: #4e5258;line-height: 1.5;overflow: hidden;margin-bottom: 20px;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;max-height: 4.5em;text-overflow: ellipsis;}
.h_time{color: #a3abb5;}

.his_list li:nth-child(2n){margin-left: 696px;background: #fff;}
.his_list li:nth-child(2n) dl{padding-bottom: 0;background: #fff;padding-left: 9%;}
.his_list li:nth-child(2n) .img + dl{padding-right: 42%;}
.his_list li:nth-child(2n) .img{float: right;left: auto;right: 0;}
.his_list li::after{
  content:"";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 0 11px 18px;
  border-color: transparent transparent transparent #dee3ec;
  box-sizing:content-box;
  position: absolute;
  right: -18px;
  top: 50%;
  margin-top: -11px;
}
.his_list li:nth-child(2n)::after{
  display: none;  
}
.his_list li:nth-child(2n)::before{
  content:"";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 18px 11px 0;
  border-color: transparent #fff transparent transparent;
  box-sizing:content-box;
  position: absolute;
  left: -18px;
  top: 50%;
  margin-top: -11px;  
}
.his_list i.date{
  position: absolute;
  top: 50%;
  left: 119%;
  margin-top: -8px;
  font-size: 18px;
  color: #c6ccd5;
  font-family: "Arial";
}
.his_list i.date:after{
  content:"";
  position: absolute;
  left: -45px;
  top: 3px;
  display: block;
  width: 4px;
  height: 4px;
  border: 4px solid #e10033;
  border-radius: 50%;
  background: #fff;
}
.his_list li.swiper-slide-active i{
  font-weight: bold;
  color: #e10033;
  font-size: 24px;
}
.his_list li:nth-child(2n) i.date{
  left: auto;
  right: 119%;
}
.his_list li:nth-child(2n) i.date:after{
  left: auto;
  right: -45px;
}
.his_list .swiper-slide .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
}
.but>div{width: 66px;height: 66px;line-height: 66px; margin-top: -33px; text-align: center;background: none;color: #e31d4a;font-size: 22px}
.but .swiper-button-prev{left: 50%;top: 50px;margin-left: -33px;transform: rotate(90deg);}
.but .swiper-button-next{top:auto;left: 50%;bottom: -50px;margin-left: -33px;transform: rotate(90deg);}
.but .swiper-button-next.swiper-button-disabled, .but .swiper-button-prev.swiper-button-disabled{opacity: 1;color: #a3b3d1;}

@media only screen and (max-width:1660px) {
.his_list li,.his_list li dl{}
}

@media only screen and (max-width:1600px) {


}
@media only screen and (max-width:1520px) {
  .his_list h3{font-size: 14px;}
  .his_box{
    width: 1080px;
  }
  .his_list li{
    width: 489px;
  }
  .his_list li:nth-child(2n){margin-left: 596px;}
  .his_list i.date{left: 118.5%;}
  .his_list li:nth-child(2n) i.date{right: 119.5%}
}

@media only screen and (max-width:1450px) {
.his_list li{}
}
@media only screen and (max-width:1370px) {
  .his_box{
    width: 884px;
  }
  .his_list{width: 100%;}
.his_list li{width: 406px;}
.his_list li:nth-child(2n){margin-left: 483px;}
.his_list li .img + dl{padding-left: 55%;}
.his_list li:nth-child(2n) .img + dl{padding-left: 9%;padding-right: 55%;}
  .his_box{float: none;
  margin-left: auto;margin-right: auto;}
}
@media only screen and (max-width:1320px) {
.his_list li:nth-child(2n){}
.his_list li{}
}


@media only screen and (max-width:1024px) {
  .his_box{width: 100%;padding-top: 0;}
  .his_list{padding-top: 0}
  .his_box .swiper-container{height: auto;}
  .his_list i.date,
  .his_list li::after,
  .his_list li:nth-child(2n)::before,
  .his_line{display: none;}
  .his_list li{padding: 20px;}
  .but{
    position: absolute;
    width: 100%;
    top: 50%;
    background: red;
    height: 40px;
    margin-top: -20px;
  }
  .but .swiper-button-prev,
  .but .swiper-button-next{
    transform: none;
  }
  .his_list li:nth-child(2n),.his_list li,.his_list li:first-child{margin-top: 0px;margin-left:0;}
  .his_list li:nth-child(2n) dl{padding-bottom: 0;padding-top:0px;}
  .his_list li, .his_list li dl{height: auto;}
  .his_list li dl{padding: 0;border: 0;}
  .his_list dt{width: 100%;margin-bottom: 10px;    padding-bottom: 56.27%;}
  .but>div{width: 40px;height: 40px;line-height: 40px; margin-top: -25px;top:35%;}
  .his_list h3{font-size: 14px;line-height: 24px;margin-bottom: 10px;}

  .but .swiper-button-prev{margin: 0;top:auto;bottom:0;left: -40px;right: auto;}
  .but .swiper-button-next{margin: 0;top:auto;bottom:0;left: auto;right: -40px;}

  .his_list .swiper-slide .img{width: auto;height: 100%;}
  .his_list .swiper-slide .img img{height: 100%;}
  .his_list li .img + dl dd{padding-left: 0;}
  .his_list li:nth-child(2n) dl,
  .his_list li:nth-child(2n) dl dd{padding-left: 0;}
  .swiper-scrollbar{display: none;}
}

@media only screen and (max-width:767px) {
  .his_list li{padding: 0;}
  .his_list .swiper-slide .img{
    position: relative;
    width: 100%;
    height: auto;
    float: none !important;
  }
  .his_list .swiper-slide .img img{
    width: 100%;
  }
  .his_list .swiper-slide dl{
    padding: 10px !important;
  }
  .his_list li dd{
    padding-left: 0;
  }
    .but .swiper-button-prev{margin: 0;top:auto;bottom:0;left: 0;right: auto;}
  .but .swiper-button-next{margin: 0;top:auto;bottom:0;left: auto;right: 0;}
}


/*服务内容*/
.fnt_30{font-size: 30px;}
.service_body .footers{margin-top: 0;}
.service_01{padding:90px 0 110px 0;}
.service_02{background:#2a3e7f url(../images/s_bg.jpg) no-repeat center center;background-size: cover;padding: 130px 0 30px 0;}
.service_02 ul{overflow: hidden;color: #fff;margin: 0 -65px;}
.service_02 li{margin-bottom: 100px;width: 50%;float: left;}
.service_02 li:nth-child(2n+1){clear: both;}
.service_02 li dl{padding:0 65px;overflow: hidden;}
.service_02 dt{float: left;width: 102px;}
.service_02 dt img{width: 100%;}
.service_02 dd{width: calc(100% - 135px);float: right;}

.service_02 dd h1{margin-bottom: 30px;}
.service_02 dd p{line-height: 26px;}

.service_03{padding:100px 0 80px 0;}

.service_03 ul{overflow: hidden;margin: 0 -25px;}
.service_03 li{float: left;width: 50%;margin-bottom: 50px;}
.service_03 dl{margin: 0 25px;text-align: center;position: relative;color: #fff;}
.service_03 dt img{position: absolute;top:0;left: 0;width: 100%;height: 100%}
.service_03 dt{position: relative;height: 0;padding-bottom: 51.66%;}
.service_03 dt em{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: url(../images/s_bg02.png) no-repeat center center;background-size: cover;}
.service_03 dd{position: absolute;left: 0;width: 100%;bottom: 35px;}
.service_03 h3{margin-bottom: 25px;text-align: center;}
.s_line{width: 84px;height: 3px;background: #e10033;margin: auto;}
@media only screen and (max-width:1440px) {
.service_02 ul{overflow: hidden;margin: 0 -20px;}
.service_02 li dl{padding: 0 20px;}
}
@media only screen and (max-width:1366px) {
.fnt_30,.fnt_36{font-size: 24px;}
.service_01{padding: 70px 0;}
.service_02 dd h1{margin-bottom: 15px;}
.service_02 dt{width: 80px;}
.service_02 dd {width: calc(100% - 110px);}
.service_03 dl{margin: 0 15px;}
.service_03 ul{margin: 0 -15px;}
.service_03 li{margin-bottom: 30px;}
}

@media only screen and (max-width:1024px) {
.fnt_30,.fnt_36{font-size: 20px;}
.service_01,.service_03{padding: 50px 0;}
.service_02 li{float: none;width: 100%;margin-bottom: 40px;}
.service_02{padding: 50px 0;}
}
@media only screen and (max-width:767px) {
.fnt_30,.fnt_36{font-size: 18px;}
.service_01,.service_03{padding: 30px 0;}
.service_02 li{float: none;width: 100%;margin-bottom: 40px;}
.service_02{padding: 30px 0;}
.service_03 li{margin-bottom: 20px;float: none;width: 100%;}
.service_03 ul,.service_03 dl{margin: 0;}
.service_03 h3{margin-bottom: 10px;}
.service_03 dd{bottom: 20px;}
.s_line{width: 50px;height: 2px;}
.service_02 li{margin: 0;padding:20px 0;border-bottom: 1px dashed rgba(255,255,255,0.2)}
.service_02 li:last-child{border:0;}
.service_02 dt{width: 50px;float: none;margin: auto;margin-bottom: 10px;}
.service_02 dd{float: none;width: 100%;text-align: center;}

}