nastiNte-Ui/src/views/serviceItems/oceanShipping.vue

<template>
  <div>
    <div class="content" style="text-align: left;width: 80%;margin: 0 auto">
      <h1 style="text-align: center">国际货运代理</h1>
      <!--      <p><b>冷链物流：</b></p>-->
      <p style="text-indent:2em;">我司拥有专业的进出口团队，舱位资源充足，为客户严格把控每个环节。承办各类进出口货物的海洋运输订舱、集中托运、港口交接、集装箱运输、集装箱中转及拆拼箱、散货运输、仓储分拨，并可代客户承办海洋运输保险、理货、报关、报检、结算运杂费等业务，为客户提供“一站式”综合性物流服务。</p>
      <hr style="border: 1px dashed #2A328E">
      <div style="display: flex;justify-content: space-between;">
        <div style="width: 30%">
          <img src="../../assets/ocean/ocean1.jpg" width="100%" alt="">
        </div>
        <div style="width: 30%">
          <img src="../../assets/ocean/ocean2.jpg" width="100%" alt="">
        </div>
        <div style="width: 30%">
          <img src="../../assets/ocean/ocean3.jpg" width="100%" alt="">
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "ocean"
}
</script>

<style scoped>
* {
  font-family: "Microsoft YaHei", Arial, sans-serif, Helvetica;
}
.content {
  line-height: 1.8;
}
h1 {
  color: #0051a2;
  font-family: "arial";
}
</style>