.content01 li {
  float: left;
  width: 284px;
  padding-right: 16px;
  position: relative;
  height: 433px;
}

.content01 li.last {
  padding-right: 0;
}

.content01 img {
  display: block;
}

.content01 .bg .img {
  background: url('/imgs/more.jpg');
  width: 37px;
  height: 37px;
  margin: 30px auto 0;
  display: block;
}

.content01 .bg p {
  font-size: 24px;
  padding: 5px 0;
  color: #555;
}

.content01 .bg em {
  height: 3px;
  width: 40px;
  display: inline-block;
  background-color: #595959;
}

.content01 .bg {
  text-align: center;
  background-color: #eeeeee;
  padding-top: 10px;
  padding-bottom: 20px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 99;
  width: 284px;
}

.content01 .bg .info {
  font-size: 12px;
  line-height: 22px;
  color: #fff;
  height: 0px;
  overflow: hidden;
  transition: height 0.2s linear;
  -moz-transition: height 0.2s linear;
  -webkit-transition: height 0.2s linear;
  -o-transition: height 0.2s linear;
  text-align: left;
}

.icon {
  width: 89px;
  height: 89px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 40px;
  margin-left: -44.5px;
  display: none;
}
.icon1 {
  background: url('/imgs/icon1.png');
}
.icon2 {
  background: url('/imgs/icon2.png');
}
.icon3 {
  background: url('/imgs/icon3.png');
}
.icon4 {
  background: url('/imgs/icon4.png');
}
.content01 li:hover .icon {
  display: block;
}
.content01 li:hover .bg {
  background-color: #4595e6;
}

.content01 li:hover .bg * {
  color: #fff;
}

.content01 li:hover .bg em {
  background-color: #ffffff;
}

.content01 li:hover .bg .info {
  height: 100px;
  height: 75px;
  padding: 25px 25px 0px 25px;
}
.content01 li:hover .bg .img {
  background: url('/imgs/more.png');
}
.content02 {
  background: url('/imgs/down_bg.jpg ');
  margin-top: 160px;
}
.content02 .aWidth {
  position: relative;
  overflow: initial;
  height: 488px;
}
.content02 .app-img {
  position: absolute;
  top: -84px;
  right: -200px;
}
.content02 .down-ewm img {
  width: 180px;
}
.down-btn-box {
  overflow: hidden;
  width: 800px;
}
.down-btn {
  float: left;
  padding-top: 20px;
}
.down-ewm {
  float: right;
  overflow: hidden;
}
.down-tit {
  font-size: 40px;
  padding: 100px 0 90px;
  color: #fff;
}
.down-ewm li {
  float: left;
  padding-left: 15px;
}
.down-ewm p {
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 40px;
}
.carrier {
  width: 200px;
  background-color: #ee684d;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  padding-left: 10px;
  margin: 15px 0;
  color: #fff;
  font-size: 16px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.consignor {
  width: 200px;
  background-color:#0355a9;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  padding-left: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.down-btn span {
  display: block;
  float: left;
  padding-right: 10px
}
.down-an {
  background: #e25a3e  url(/imgs/android.png) no-repeat 10px center;
  display: inline-block;
  padding: 0px 15px 0 38px;
  color: #fff;
  display: block;
  text-decoration: none;
  flex: 1;
}
.down-ios {
  display: block;
  text-decoration: none;
  background: url(/imgs/ios.png) no-repeat 10px center;
  display: inline-block;
  padding: 0px 15px 0 38px;
  color: #fff;
}

.consignor-down-an {
  background: #05498e url(/imgs/android.png) no-repeat 10px center;
  display: inline-block;
  padding: 0px 15px 0 38px;
  color: #fff;
  display: block;
  text-decoration: none;
  flex: 1;
}
.consignor-down-ios {
  display: block;
  text-decoration: none;
  flex: 1;
  background: url(/imgs/ios.png) no-repeat 10px center;
  display: inline-block;
  padding: 0px 15px 0 38px;
  color: #fff;
}
.consignor-down-pc {
  display: block;
  text-decoration: none;
  flex: 1;
  background: url(/imgs/pc.png) no-repeat 10px center;
  display: inline-block;
  padding: 0px 15px 0 38px;
  color: #fff;
  background-color: #3b64b1;

}
.carrier a:hover {
  background-color: #e24524;
}
.consignor a:hover {
  background-color: #0068d2;
}
.tab {
  overflow: hidden;
}
.tab-title {
  height: 300px;
  font-size: 0;
  float: left;
  width: 180px;
  margin-left: 100px;
}
.tab-title .item {
  display: block;
  margin-top: 50px;
  width: 180px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  color: #333;
  font-size: 16px;
  text-decoration: none;
  background: url('/imgs/dot-gray.png') 130px center no-repeat;
}
.tab-title .item-cur {
  color: #ec684c;
  background: url('/imgs/dot.png') 130px center no-repeat;
}
.tab-cont {
  float: left;
  position: relative;
  width: 420px;
  height: 430px;
  overflow: hidden;
}
.tab-cont__wrap {
  position: absolute;
}
.tab-cont .item {
  width: 390px;
  height: 430px;
  border-left: 1px solid #ec684c;
  padding-left: 30px;
}
.tab-cont .item p {
  padding-bottom: 5px;
  color: #555555;
  line-height: 30px;
  font-size: 16px;
  text-indent: 2em;
}
.tab-cont a {
  display: inline-block;
  width: 81px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 15px;
  background-color: #ec684c;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
.about-left {
  float: left;
}
.about-right {
  float: right;
}
.content04 ul {
  overflow: hidden;
}
.content04 ul li {
  float: left;
  width: 320px;
  padding: 0px 40px;
}
.content04 ul li img {
  display: block;
}
.news-tit {
  overflow: hidden;
  padding-top: 15px;
}
.news-tit .date {
  float: left;
  width: 40px;
  background-color: #ec684c;
  height: 40px;
  margin-right: 20px;
  color: #fff;
  text-align: center;
}
.news-tit .date span {
  display: inline-block;
  border-bottom: 1px solid #fff;
  padding: 0px 5px;
}
.news-tit .date em {
  display: block;
  font-size: 12px;
  font-style: normal;
}
.news-tit .news-info {
  float: left;
  width: 260px;
}
.news-tit .news-info h2 {
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  padding-bottom: 5px;
}
.news-tit .news-info p {
  font-size: 14px;
  color: #555;
  line-height: 22px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 5px 0;
}
.news-tit .news-info span {
  padding-top: 10px;
  font-size: 14px;
  display: block;
  color: #666;
}
.banner {
width:100%;
height:598px;
background: url(/imgs/banner.png) center center;
}
