body {
  font-size: 12px;
  color: #626262;
  min-width: 800px;
  font-family: "\5FAE\8F6F\96C5\9ED1"; }

body,
html,
li,
ul,
dd,
h1,
dl,
h2,
h3,
h4,
ol {
  padding: 0;
  margin: 0; }

li {
  list-style: none; }

a {
  text-decoration: none;
  color: #666; }

a:link {
  text-decoration: none; }

p {
  margin: 0; }

html,
body,
.wrap {
  width: 100%; }

.layout {
  width: 1150px;
  margin: 0 auto; }

.lbsyun-g-header {
  background: transparent !important;
  min-width: 1250px !important;
  position: absolute !important;
  top: 0; }

.head {
  width: 100%;
  background: #05081C; }
  .head .header-bg {
    margin: 0 auto;
    height: 420px;
    background: url("https://mapopen-website-wiki.cdn.bcebos.com/products/panoramic/banner.png") no-repeat center;
    background-size: 2000px 420px;
    overflow: hidden; }
    .head .header-bg .header-title {
      margin-top: 142px;
      font-size: 42px;
      font-family: themePageTitleFont;
      font-weight: 500;
      color: #FFF;
      letter-spacing: 2px;
      text-align: center;
      line-height: 48px; }
    .head .header-bg .header-p {
      font-family: themePageTitleFont;
      margin-top: 18px;
      height: 24px;
      font-size: 16px;
      color: #fff;
      letter-spacing: 0;
      text-align: center;
      font-weight: 400; }
    .head .header-bg .header-use {
      display: block;
      margin: 28px auto 0;
      width: 298px;
      height: 19px;
      background: url("/products/common/images/location-logo1.png") no-repeat center;
      background-size: 100% 100%; }
    .head .header-bg .link_btn {
      display: block;
      width: 120px;
      height: 30px;
      border: 1px solid #fff;
      border-radius: 15px;
      font-size: 14px;
      color: #fff;
      text-align: center;
      line-height: 30px;
      margin: 28px auto 0;
      cursor: pointer;
      text-decoration: none; }

.standardTitle {
  font-family: PingFangSC-Thin;
  font-size: 34px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 34px;
  font-weight: 200; }

/* case */
.case-content {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 80px;
  /* height: 1050px; */
  background: url(https://mapopen-website-wiki.cdn.bcebos.com/iframes/logistics/big-bg.png) no-repeat top center;
  background-size: auto 1050px; }
  .case-content .title_4 {
    margin: 69px 0 20px 0; }
  .case-content .bg-1 {
    position: absolute;
    width: 320px;
    left: 32px;
    top: -18px;
    z-index: -1; }
  .case-content .bg-2 {
    position: absolute;
    right: -5px;
    width: 445px;
    bottom: 155px;
    z-index: -1; }
  .case-content .logoWall {
    display: flex;
    margin-top: 60px;
    justify-content: flex-start;
    align-items: center; }
    .case-content .logoWall > img {
      margin-right: 25px; }
    .case-content .logoWall .logoWall_xiecheng {
      margin-top: 10px; }
  .case-content .case-title-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 34px;
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #0A1639;
    letter-spacing: 0;
    text-align: center;
    line-height: 34px;
    font-weight: 500;
    margin-bottom: 30px; }
    .case-content .case-title-text .icon {
      width: 6px;
      height: 25px;
      background: #F5533D;
      border-radius: 3px; }
    .case-content .case-title-text > span {
      padding-left: 12px; }
  .case-content .case-content-box {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 12px; }
    .case-content .case-content-box .example_video {
      position: absolute;
      left: 180px;
      top: 66px;
      border-radius: 30px 30px 15px 15px; }
    .case-content .case-content-box .example_video_1 {
      position: absolute;
      left: 59px;
      top: 142px; }
    .case-content .case-content-box .example {
      width: 567px;
      height: 567px;
      position: relative; }
    .case-content .case-content-box .case-box-example_1 {
      width: 567px;
      height: 567px;
      position: absolute;
      left: 0;
      top: 0;
      background: url(https://mapopen-website-wiki.cdn.bcebos.com/products/panoramic/panoramic_27.png) no-repeat center center;
      background-size: 231px 436px;
      z-index: 9;
      transition: background .5s; }
    .case-content .case-content-box .case-box-example_2 {
      width: 567px;
      height: 567px;
      position: absolute;
      left: 0;
      top: 0;
      background: url(https://mapopen-website-wiki.cdn.bcebos.com/products/panoramic/panoramic_25.png) no-repeat center center;
      background-size: 520px 260px;
      margin-left: 28px;
      z-index: 9;
      transition: background .5s; }
    .case-content .case-content-box .case-box-text {
      box-sizing: border-box;
      width: 580px;
      margin-top: 118px; }
      .case-content .case-content-box .case-box-text .case-text {
        width: 572px; }
        .case-content .case-content-box .case-box-text .case-text li {
          width: 100%;
          height: 101px;
          padding: 7.67px 0 0 26.88px;
          margin-bottom: 10px;
          box-sizing: border-box;
          background: #fff;
          background-image: linear-gradient(180deg, #FCFCFE 0%, #FFFFFF 50%, #FFFFFF 100%);
          box-shadow: 0px 4px 20px 0px rgba(18, 22, 40, 0.06);
          border-radius: 5px;
          transition: transform .5s; }
          .case-content .case-content-box .case-box-text .case-text li h2 {
            height: 34px;
            font-family: PingFangSC-Regular;
            font-size: 18px;
            color: #0A1639;
            letter-spacing: 0;
            line-height: 34px;
            font-weight: 400; }
          .case-content .case-content-box .case-box-text .case-text li p {
            width: 380px;
            height: 46px;
            font-family: PingFangSC-Regular;
            font-size: 14px;
            color: #8E93A1;
            letter-spacing: 0.2px;
            line-height: 23px;
            font-weight: 400; }

.moudle_1 .title_1 {
  margin: 69px 0 52px 0; }

.moudle_1 .content {
  display: flex;
  justify-content: space-between;
  text-align: center; }
  .moudle_1 .content .item {
    width: 350px; }
    .moudle_1 .content .item > img {
      width: 251px;
      height: 223px;
      margin-left: 42px; }
    .moudle_1 .content .item .viceTitle {
      height: 38px;
      font-family: PingFangSC-Regular;
      font-size: 20px;
      color: #0A1639;
      letter-spacing: 0;
      text-align: center;
      line-height: 38px;
      font-weight: 400; }
    .moudle_1 .content .item .describe {
      height: 60px;
      font-family: PingFangSC-Regular;
      font-size: 18px;
      color: #8E93A1;
      text-align: center;
      line-height: 30px;
      font-weight: 400; }

.moudle_2 .title_2 {
  margin: 69px 0 38px 0; }

.moudle_2 .white-bg-shadow {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-radius: 10px; }
  .moudle_2 .white-bg-shadow li {
    width: 368.72px;
    height: 207px;
    border-radius: 10px;
    overflow: hidden;
    color: #ffffff;
    position: relative;
    margin-bottom: 60px; }
    .moudle_2 .white-bg-shadow li .list-icon-mask {
      width: 366px;
      height: 206px;
      border-radius: 10px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 0;
      background-color: transparent;
      background-image: linear-gradient(rgba(0, 0, 0, 0), black);
      opacity: 0;
      transition: opacity 0.2s; }
    .moudle_2 .white-bg-shadow li > p {
      transition: all 0.2s; }
    .moudle_2 .white-bg-shadow li .list-icon-text {
      width: 100%;
      position: absolute;
      z-index: 2;
      top: 50%;
      transform: translateY(-50%);
      font-family: PingFangSC-Semibold;
      font-size: 20px;
      text-align: center;
      font-weight: 600; }
    .moudle_2 .white-bg-shadow li .list-icon-content {
      position: relative;
      z-index: 2;
      opacity: 0;
      font-family: PingFangSC-Regular;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 22px;
      padding: 0 48px;
      font-weight: 400;
      padding-top: 134px; }
  .moudle_2 .white-bg-shadow .list-icon1 {
    background: url(https://mapopen-website-wiki.cdn.bcebos.com/products/panoramic/panoramic_9.png) no-repeat center;
    background-size: 100% 100%; }
  .moudle_2 .white-bg-shadow .list-icon2 {
    background: url(https://mapopen-website-wiki.cdn.bcebos.com/products/panoramic/panoramic_13.png) no-repeat center;
    background-size: 100% 100%; }
  .moudle_2 .white-bg-shadow .list-icon3 {
    background: url(https://mapopen-website-wiki.cdn.bcebos.com/products/panoramic/panoramic_7.png) no-repeat center;
    background-size: 100% 100%; }
  .moudle_2 .white-bg-shadow .list-icon4 {
    background: url(https://mapopen-website-wiki.cdn.bcebos.com/products/panoramic/panoramic_5.png) no-repeat center;
    background-size: 100% 100%; }
  .moudle_2 .white-bg-shadow .list-icon5 {
    background: url(https://mapopen-website-wiki.cdn.bcebos.com/products/panoramic/panoramic_11.png) no-repeat center;
    background-size: 100% 100%; }
  .moudle_2 .white-bg-shadow .list-icon6 {
    background: url(https://mapopen-website-wiki.cdn.bcebos.com/products/panoramic/panoramic_15.png) no-repeat center;
    background-size: 100% 100%; }
  .moudle_2 .white-bg-shadow li:hover .list-icon-mask {
    opacity: 1; }
  .moudle_2 .white-bg-shadow li:hover .list-icon-text {
    top: 50px; }
  .moudle_2 .white-bg-shadow li:hover .list-icon-content {
    opacity: 1;
    padding-top: 94px; }

.moudle_2 .content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .moudle_2 .content .item {
    margin-bottom: 60px; }
    .moudle_2 .content .item .item_over, .moudle_2 .content .item .item_out {
      width: 350.28px;
      height: 196.65px;
      border-radius: 10px;
      overflow: hidden;
      position: relative; }
      .moudle_2 .content .item .item_over > img, .moudle_2 .content .item .item_out > img {
        width: 100%;
        height: 100%; }
      .moudle_2 .content .item .item_over > p, .moudle_2 .content .item .item_out > p {
        position: absolute;
        width: 350.28px;
        height: 196.65px;
        left: 0;
        top: 0;
        z-index: 100;
        display: flex;
        justify-content: center;
        align-items: center; }
        .moudle_2 .content .item .item_over > p > span, .moudle_2 .content .item .item_out > p > span {
          font-family: PingFangSC-Semibold;
          font-size: 20px;
          color: #FFFFFF;
          font-weight: 600; }
      .moudle_2 .content .item .item_over .text, .moudle_2 .content .item .item_out .text {
        position: absolute;
        width: 350.28px;
        height: 196.65px;
        left: 0;
        top: 0;
        z-index: 100; }
        .moudle_2 .content .item .item_over .text > span, .moudle_2 .content .item .item_out .text > span {
          margin: 32px 0 25px 0;
          display: block;
          height: 28px;
          font-family: PingFangSC-Semibold;
          font-size: 20px;
          color: #FFFFFF;
          text-align: center;
          font-weight: 600; }
        .moudle_2 .content .item .item_over .text > p, .moudle_2 .content .item .item_out .text > p {
          font-family: PingFangSC-Regular;
          font-size: 16px;
          padding: 0 40px;
          color: #FFFFFF;
          font-weight: 400;
          line-height: 22px; }
    .moudle_2 .content .item .item_out {
      display: none; }
    .moudle_2 .content .item:hover .item_over {
      display: none; }
    .moudle_2 .content .item:hover .item_out {
      display: block; }

.module3 {
  width: 100%;
  background-image: linear-gradient(0deg, rgba(252, 252, 254, 0) 0%, #F8F8FB 100%);
  padding-top: 57px;
  padding-bottom: 20px; }
  .module3 .title_3 {
    margin: 0 0 26px 0; }
  .module3 .title_3_1 {
    margin: 0 0 50px 0;
    height: 30px;
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #8E93A1;
    text-align: center;
    line-height: 30px;
    font-weight: 400; }
  .module3 .content {
    display: flex;
    justify-content: space-between; }
    .module3 .content .item {
      transition: all 0.2s ease-in-out 0.1s;
      width: 332px;
      height: 462px;
      background-image: linear-gradient(180deg, #FCFCFE 0%, #FFFFFF 50%, #FFFFFF 100%);
      box-shadow: 0px 4px 20px 0px rgba(18, 22, 40, 0.06);
      border-radius: 4px;
      transform: translateY(0); }
      .module3 .content .item:hover {
        transition: all 0.2s ease-in-out 0.1s;
        transform: translateY(-10px); }
      .module3 .content .item .img_1 {
        width: 213.34px;
        height: 223px;
        margin: 34px 0 0 59px; }
      .module3 .content .item .img_2 {
        width: 249.88px;
        height: 218.75px;
        margin: 44px 0 0 59px; }
      .module3 .content .item .viceTitle {
        margin: 23px 0 12px 0;
        height: 34px;
        font-family: PingFangSC-Regular;
        font-size: 18px;
        color: #0A1639;
        letter-spacing: 0;
        text-align: center;
        line-height: 34px;
        font-weight: 400; }
      .module3 .content .item .describe {
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #8E93A1;
        letter-spacing: 0.2px;
        text-align: center;
        line-height: 20px;
        font-weight: 400;
        padding: 0 32px; }

.foot {
  height: 400px;
  background: #2B2F38;
  overflow: hidden; }
  .foot .foot-bg {
    width: 100%;
    height: 400px;
    background: #2B2F38 url("https://mapopen-website-wiki.cdn.bcebos.com/products/begain-user.jpg") no-repeat center;
    background-size: 2000px 400px;
    overflow: hidden; }
  .foot .foot-go {
    margin: 70px auto 76px;
    width: 130px;
    height: 32px;
    background: url("//mapopen-website-wiki.cdn.bcebos.com/products%2Flocation-begin.png") no-repeat center;
    background-size: 130px 32px; }
  .foot ul {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    .foot ul li {
      width: 240px;
      height: 50px;
      border: 1px solid rgba(255, 255, 255, 0.3);
      border-radius: 100px; }
    .foot ul a {
      display: block;
      width: 100%;
      height: 100%;
      font-size: 14px;
      color: #FFFFFF;
      letter-spacing: 0;
      text-align: center;
      line-height: 50px;
      user-select: none;
      text-decoration: none; }
    .foot ul li:hover {
      background: rgba(245, 83, 61, 0.1);
      border: 1px solid #F5533D; }
    .foot ul a:hover {
      color: #F5533D; }
    .foot ul .foot-select {
      margin-right: 0; }