/* .content{
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
} */
.ml15{
  margin-left:15px;
}
.contentTop img{
  width:100%;
  /* height:400px; */
  display: flex;
}
.contentDiv{
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
}
.centerDiv{
  width:1200px;
  /* text-align:center; */
}
.contentDiv .firstBox{
  background:rgb(244,247,252);
  width:100%;
  text-align:center;
  padding-bottom:40px;
  display:flex;
  justify-content: center;
}
.contentDiv .secondBox{
  width:100%;
  display:flex;
  justify-content: center;
  text-align:center;
  padding-bottom:40px;
}
.contentDiv .firstTitle {
  font-family: SourceHanSansCN-Medium;
  font-size: 28px;
  color: #21262D;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
  margin-top:56px;
}
.contentDiv .secondTitle {
  font-family: SourceHanSansCN-Regular;
  font-size: 16px;
  color: #4F586C;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
  margin-top:8px;
}
.firstBox .thirdService{
  display: flex;
  justify-content: space-between;
  margin-top:40px;
}
.firstBox .thirdService .item{
  width: 282px;
  height: 64px;
  background: #F4F7FC ;
  border-radius: 4px;
  padding-left:24px;
  line-height: 64px;
  text-align: start;
}
.firstBox .thirdService .firstBoxLeft .item img{
  vertical-align:middle;
}
.firstBox .thirdService .firstBoxLeft .active{
   background: #017EFF;
   color:white !important;
}
.firstBox .thirdService .firstBoxLeft .active img{
   color:white;
}
.firstBox .thirdService .firstBoxLeft .item span{
  margin-left:12px;
  font-size: 20px;
  font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  font-weight: 500;
  /* color: #FFFFFF; */
  color: #21262D;
  line-height: 29px;
  vertical-align:middle;
}
.firstBox .thirdService .firstBoxLeft .active span{
  color: #FFFFFF;
}
.firstBox .thirdService .firstBoxRight{
  width: 894px;
  height: 448px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #E6E6E6;
  margin-left:24px;
  text-align:start;
}
.firstBox .thirdService .firstBoxRight .activeColor{
  background: linear-gradient(360deg, rgba(23,93,255,0) 0%, rgba(23,93,255,0.1) 100%);
  border-radius: 4px 4px 0px 0px;
  padding:16px 32px;
}
.firstBox .thirdService .firstBoxRight .activeColor p:first-child{
  font-size: 20px;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #0D47A0;
  line-height: 29px;
}
.firstBox .thirdService .firstBoxRight .activeColor p:last-child{
  font-size: 16px;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #0D47A0;
  line-height: 24px;
}
.firstBox .thirdService .noColorDiv{
  padding:0 32px;
}
.firstBox .thirdService .noColorDiv .firstBoxRightTitle{
  font-size: 16px;
  font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  font-weight: 500;
  color: #21262D;
  line-height: 24px;
}
.firstBox .thirdService .noColorDiv > p:last-child{
  font-size: 16px;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #4F586C;
  line-height: 24px;
}
.firstBox .thirdService .noColorDiv ul{
  padding:1rem;
  font-size: 16px;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #4F586C;
  line-height: 24px;
}

.centerDiv .thirdService .item .itemTitle{
  font-family: SourceHanSansCN-Bold;
  font-size: 20px;
  color: #21262D;
  letter-spacing: 0;
  text-align: center;
  font-weight: 700;
  margin-top:8px;
}
.centerDiv .thirdService .item div:last-child{
  font-family: SourceHanSansCN-Regular;
  font-size: 14px;
  color: #4F586C;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
  margin-top:12px;
}
.secondBox{
  background:white;
  width:100%;
  display:flex;
  justify-content: space-between;
}
.secondBox  .storage {
 height: 228px;
 width:100%;
 display:flex;
 justify-content: space-between;
 margin-top:40px;
 margin-right:20px;
}
.secondBox  .storage ul {
 width: 100%;
 height: 48px;
 display:flex;
 justify-content: start;
 align-items: center;
 padding:0 60px;
 flex-wrap: wrap;
}
.secondBox  .storage ul li {
  font-size: 14px;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #4F586C;
  line-height: 20px;
  list-style-type: disc;
  width:150px;
  text-align:left;
}
.secondBox .storage .imgItem {
 width: 588px;
 height: 228px;
 background: #FFFFFF;
 box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
 border-radius: 4px;

}
.secondBox .storage .imgItem img {
 width: 588px;
 height: auto;
}
.centerDiv .thirdProceduce{
  margin-bottom:10px;
  display:flex;
  justify-content: start;
  margin-top:20px;
  flex-wrap: wrap;
}
.centerDiv .thirdProceduce .proceduce {
 width:108px;
 height:115px;
}
.centerDiv .thirdProceduce .proceduce .proceduceIcon {
  width:40px;
  height:40px;
  border-radius: 50%;
  background: linear-gradient(180deg, #FFFFFF 0%, #F5F7F9 100%);
  box-shadow: 0px 0px 12px 0px rgba(18,51,82,0.15);
  border: 2px solid #FFFFFF;
  margin:auto;
  line-height:40px;
  text-align: center;
}
.centerDiv .thirdProceduce .proceduce .proceduceTitle {
  font-family: SourceHanSansCN-Bold;
  width:108px;
  font-size: 16px;
  color: #21262D;
  letter-spacing: 0;
  text-align: center;
  font-weight: 700;
  padding:5px;
}
.centerDiv .thirdProceduce .proceduce .proceduceContent {
  font-size: 12px;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #4F586C;
  line-height: 18px;
  text-align:center;
}
.centerDiv .thirdProceduce .proceduceArrow  {
  width:62px;
  height:40px;
  position:relative;
  border-bottom:2px dashed #BCC2CD ;
  /* margin-left:30px;
  margin-right:20px; */
}
.centerDiv .thirdProceduce .proceduceArrow .arrow_right {
  width: 0;
  height: 0;
  border-bottom: 8px solid transparent;
  border-right: 8px solid transparent;
  border-left: 8px solid #BCC2CD;
  border-top:8px solid transparent;
  font-size: 0;
  line-height: 0;
  position:absolute;
  top:31px;
  right:-15px;
}
.centerDiv .thirdProceduce .proceduceDetail  {
  width:100%;
  background:url('/css/images/export/proceduceDetailBg_d2f6d07.png') 100% 100%;
  height:136px;
  padding:36px 40px;
  margin-top:30px;
}
.centerDiv .thirdProceduce .proceduceDetail #proceduceDetailTitle  {
  font-family: SourceHanSansCN-Bold;
  font-size: 24px;
  color: #21262D;
  letter-spacing: 0;
  font-weight: 700;
}
.centerDiv .thirdProceduce .proceduceDetail #proceduceDetailContent  {
  width: 100%;
  height: 20px;
  font-size: 14px;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #4F586C;
  line-height: 20px;
  margin-top:8px;
}
.contentDiv .fourBox {
  background:rgb(244,247,252);
  width:100%;
  display:flex;
  justify-content: center;
  text-align:center;
  padding-bottom:40px;
}
.centerDiv .standardDiv{
  display: flex;
  flex-wrap: wrap;
  padding:20px;
  text-align:start;
  margin-top:30px;
}
.centerDiv .standardLeft {
  flex:1;
  padding-right:30px;
}
.centerDiv .standardRight {
  width:556px;
}
.centerDiv .standardDiv .standardTitle{
  font-size: 24px;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #21262D;
  line-height: 36px;
}
.centerDiv .standardDiv .standardSecondTitle{
  font-size: 32px;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #21262D;
  line-height: 47px;
  margin-top:20px;
}
.centerDiv .standardDiv .standardThirdTitle{
  font-size: 16px;
  font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  font-weight: 500;
  color: #21262D;
  line-height: 24px;
  margin-top:20px;
}
.centerDiv .standardDiv .standardContent{
  font-size: 14px;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #4F586C;
  line-height: 21px;
  margin-top:20px;
}
.centerDiv .standardDiv .detailList{
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  margin-top:20px;
}
.centerDiv .standardDiv .detailList > div {
  width:50%;
  vertical-align: middle;
  height:24px;
  font-size: 16px;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #0D47A0;
  line-height: 24px;
}
.centerDiv .standardDiv .detailList > div img{
  vertical-align: middle;
  margin-right:10px;
  margin-top:-4px;
}
.centerDiv  .storageContact{
  width: 1200px;
  height: 244px;
  background: #F4F7FC;
  background-image: url('/css/images/logistic/contactBottom_1632c61.png');
  background-size:100% 100%;
  padding:32px 40px;
  text-align:left;
  position:relative;
}
.centerDiv  .storageContact .storageContactTitle{
  font-size: 24px;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #21262D;
  line-height: 36px;
}
.centerDiv  .storageContact .storageContactSecondTitle{
  font-size: 14px;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #4F586C;
  line-height: 21px;
  margin-top:10px;
}
.centerDiv  .storageContact .totalData{
  width:230px;
  height:100px;
  margin-top:20px;
  display:inline-block;
}
.centerDiv  .storageContact .firstTotalData{
 border-right: 1px solid #E6E6E6;
 margin-right:40px;
}
.centerDiv  .storageContact .totalData p:first-child{
  font-size: 56px;
  font-family: DINAlternate-Bold, DINAlternate;
  font-weight: bold;
  color: #017EFF;
  line-height: 66px;
}
.centerDiv  .storageContact .totalData p:last-child{
  font-size: 20px;
  font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  font-weight: 500;
  color: #8C8C8C;
  line-height: 29px;
}
.centerDiv  .storageContact .totalData p:first-child{
  font-size: 56px;
  font-family: DINAlternate-Bold, DINAlternate;
  font-weight: bold;
  color: #017EFF;
  line-height: 66px;
}

.centerDiv  .storageContact .totalData p:first-child span{
  font-size: 24px;
  font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  font-weight: 500;
  color: #21262D;
  line-height: 36px;
}
.centerDiv  .storageContact .contactNow{
  position:absolute;
  width:136px;
  height:40px;
  right:40px;
  top:102px;
  font-size: 16px;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 24px;
  background:#017EFF;
  border:none;
}