.import-page .top-bar {
  width: 1200px;
  padding: 30px 0; }
.import-page .top-item {
  display: inline-block; }
  .import-page .top-item .icon {
    width: 70px;
    height: 70px;
    background: #2d71b3 no-repeat center center;
    border-radius: 35px; }
    .import-page .top-item .icon.simple {
      background-image: url("../img/import/import-simple.png"); }
    .import-page .top-item .icon.special {
      background-image: url("../img/import/import-special.png"); }
    .import-page .top-item .icon.large {
      background-image: url("../img/import/import-large.png"); }
  .import-page .top-item .info {
    padding: 5px 0 5px 20px;
    letter-spacing: 1px;
    text-align: left; }
    .import-page .top-item .info .tit {
      line-height: 60px;
      font-size: 20px;
      color: #000;
      text-shadow: 0 0 3px #ddd; }
    .import-page .top-item .info .desc {
      line-height: 25px;
      font-size: 14px;
      color: #848585; }

.import-section {
  padding-top: 1px;
  background: no-repeat center top; }
  .import-section .tit1 {
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    margin-top: 60px;
    letter-spacing: 8px;
    text-shadow: 0 0 3px #ddd;
    color: #000; }
  .import-section .tit2 {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    letter-spacing: 3px;
    color: #555555;
    text-shadow: 1px 1px 3px rgba(212, 212, 212, 0.8); }
  .import-section .tit3 {
    margin: 0 auto;
    width: 1000px;
    font-size: 15px;
    line-height: 26px;
    margin-top: 20px;
    letter-spacing: 2px;
    color: #555555;
    word-break: break-all;
    text-align: justify; }
  .import-section.oversea .bg {
    margin: 60px 0; }
  .import-section.oversea .img {
    position: relative;
    height: 536px;
    background: url("../img/import/seaover-img.jpg") no-repeat center center; }
    .import-section.oversea .img .icon {
      position: absolute;
      width: 300px;
      height: 100px;
      background: no-repeat; }
      .import-section.oversea .img .icon.icon-1 {
        background: url("../img/import/icon-1.png"); }
      .import-section.oversea .img .icon.icon-2 {
        background: url("../img/import/icon-2.png"); }
      .import-section.oversea .img .icon.icon-3 {
        background: url("../img/import/icon-3.png"); }
      .import-section.oversea .img .icon.icon-4 {
        background: url("../img/import/icon-4.png"); }
      .import-section.oversea .img .icon.icon-5 {
        background: url("../img/import/icon-5.png"); }
      .import-section.oversea .img .icon.icon-6 {
        background: url("../img/import/icon-6.png"); }
      .import-section.oversea .img .icon.icon-1 {
        top: 50px; }
      .import-section.oversea .img .icon.icon-2 {
        top: 220px; }
      .import-section.oversea .img .icon.icon-3 {
        top: 390px; }
      .import-section.oversea .img .icon.icon-4 {
        left: 900px;
        top: 50px; }
      .import-section.oversea .img .icon.icon-5 {
        left: 900px;
        top: 220px; }
      .import-section.oversea .img .icon.icon-6 {
        left: 900px;
        top: 390px; }
  .import-section.product {
    height: 1163px;
    padding: 1px 0; }
    .import-section.product .tabs {
      margin-top: 60px;
      text-align: center; }
      .import-section.product .tabs .p-btn {
        margin: 0 30px;
        display: inline-block;
        width: 269px;
        height: 85px;
        transition: all .2s ease-in-out; }
        .import-section.product .tabs .p-btn.btn1 {
          background: url("../img/import/btn1.png"); }
          .import-section.product .tabs .p-btn.btn1.active {
            background: url("../img/import/btn1-fill.png"); }
        .import-section.product .tabs .p-btn.btn2 {
          background: url("../img/import/btn2.png"); }
          .import-section.product .tabs .p-btn.btn2.active {
            background: url("../img/import/btn2-fill.png"); }
        .import-section.product .tabs .p-btn.btn3 {
          background: url("../img/import/btn3.png"); }
          .import-section.product .tabs .p-btn.btn3.active {
            background: url("../img/import/btn3-fill.png"); }
  .import-section.case {
    height: 780px; }
    .import-section.case .case-wrap {
      margin-top: 20px;
      position: relative;
      background: url("../img/import/case-img.png") no-repeat center top;
      padding-top: 300px; }
      .import-section.case .case-wrap .case-info {
        padding: 0 50px;
        overflow: hidden; }
        .import-section.case .case-wrap .case-info .tit {
          margin-top: 50px;
          line-height: 50px;
          font-size: 18px;
          color: #000;
          letter-spacing: 3px;
          text-align: center; }
        .import-section.case .case-wrap .case-info .desc {
          margin-top: 10px;
          line-height: 30px;
          font-size: 16px;
          letter-spacing: 2px;
          word-break: break-all;
          text-align: justify; }
  .import-section.criteria {
    height: 790px; }
    .import-section.criteria .criteria-list {
      height: 550px;
      width: 460px;
      position: relative;
      margin-left: 50px;
      margin-top: 140px; }
      .import-section.criteria .criteria-list li {
        margin-top: 60px; }
        .import-section.criteria .criteria-list li .desc {
          line-height: 35px;
          font-size: 16px;
          text-align: left;
          color: #000000;
          padding-left: 46px;
          letter-spacing: 2px;
          background: url("../img/import/condition-icon.png") no-repeat left top; }
  .import-section.process {
    height: 680px; }
    .import-section.process .tit1, .import-section.process .tit2 {
      color: #2d71b3; }
    .import-section.process .process-wrap {
      margin-top: 80px;
      width: 1150px;
      height: 240px;
      background: url("../img/import/process-line.png") no-repeat center top 138px; }
      .import-section.process .process-wrap .process-item {
        float: left;
        width: 97px;
        height: 240px;
        background: url("../img/import/process-icon.png");
        margin-right: 76px;
        opacity: 0; }
        .import-section.process .process-wrap .process-item.animated {
          opacity: 1; }
        .import-section.process .process-wrap .process-item:hover {
          background-image: url("../img/import/process-icon-fill.png"); }
        .import-section.process .process-wrap .process-item.icon-2 {
          background-position: -176px 0; }
        .import-section.process .process-wrap .process-item.icon-3 {
          background-position: -351px 0; }
        .import-section.process .process-wrap .process-item.icon-4 {
          background-position: -527px 0; }
        .import-section.process .process-wrap .process-item.icon-5 {
          background-position: -702px 0; }
        .import-section.process .process-wrap .process-item.icon-6 {
          background-position: -878px 0; }
        .import-section.process .process-wrap .process-item.icon-7 {
          background-position: -1053px 0; }
        .import-section.process .process-wrap .process-item:last-child {
          margin-right: 0; }
    .import-section.process .process-link {
      margin-top: 80px;
      text-align: center; }
  .import-section.criteria {
    height: 915px; }

.part1-info .bg {
  position: relative;
  width: 1200px;
  height: 680px;
  overflow: hidden; }
  .part1-info .bg .img {
    margin-top: 60px; }
  .part1-info .bg .point {
    position: absolute;
    width: 1200px;
    height: 1220px;
    background: url("../img/import/oversea-point.png") no-repeat;
    transform: rotate(-15deg);
    transition: all 1s ease-in-out; }
    .part1-info .bg .point.rotateIn {
      transform: rotate(0deg);
      opacity: 1; }
  .part1-info .bg .service-list img {
    position: absolute; }
    .part1-info .bg .service-list img.icon-1 {
      top: 475px;
      left: 75px; }
    .part1-info .bg .service-list img.icon-2 {
      top: 220px;
      left: 65px; }
    .part1-info .bg .service-list img.icon-3 {
      top: 95px;
      left: 320px; }
    .part1-info .bg .service-list img.icon-4 {
      top: 95px;
      left: 800px; }
    .part1-info .bg .service-list img.icon-5 {
      top: 220px;
      left: 1045px; }
    .part1-info .bg .service-list img.icon-6 {
      top: 475px;
      left: 1055px; }

.part2-info .product-list.product-list-1 li {
  opacity: 0; }
  .part2-info .product-list.product-list-1 li.animated {
    opacity: 1; }
.part2-info .product-list.row-5 li:nth-child(5n) {
  margin-right: 0; }
.part2-info .product-list.row-4 li {
  margin-right: 26px;
  width: 280px; }
  .part2-info .product-list.row-4 li .img {
    left: 38px; }
  .part2-info .product-list.row-4 li:nth-child(4n) {
    margin-right: 0; }
.part2-info .product-list .title {
  margin-top: 40px; }
.part2-info .product-list ul {
  margin-top: 30px; }
.part2-info .product-list li {
  position: relative;
  float: left;
  color: #fff;
  text-align: center;
  width: 230px;
  margin-bottom: 40px;
  transition: all .1s ease-in-out;
  margin-right: 12px; }
  .part2-info .product-list li:hover {
    transform: scale(1.05);
    z-index: 2; }
    .part2-info .product-list li:hover .img {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
  .part2-info .product-list li.animated {
    opacity: 1; }
  .part2-info .product-list li .img {
    position: absolute;
    left: 12px;
    width: 207px;
    height: 207px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    text-align: center; }
    .part2-info .product-list li .img img {
      margin-top: 15px;
      width: 177px;
      height: 177px;
      border-radius: 50%;
      transition: all .1s ease-in-out; }
  .part2-info .product-list li .info {
    background: rgba(0, 0, 0, 0.9);
    padding: 150px 0 30px 0;
    margin-top: 105px;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
    .part2-info .product-list li .info .name {
      line-height: 30px;
      font-size: 18px;
      letter-spacing: 2px; }
    .part2-info .product-list li .info .desc {
      line-height: 30px;
      font-size: 14px;
      letter-spacing: 1px; }

.part4-info {
  text-align: center; }
  .part4-info .tit1 {
    font-size: 30px;
    line-height: 30px;
    margin-top: 60px;
    letter-spacing: 3px; }
  .part4-info .tit2 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    letter-spacing: 1px;
    color: #969696; }
  .part4-info .criteria-list {
    height: 550px;
    position: relative;
    margin-left: 50px;
    margin-top: 80px; }
    .part4-info .criteria-list li {
      position: absolute;
      width: 500px; }
      .part4-info .criteria-list li .index {
        float: left;
        width: 160px;
        height: 160px;
        line-height: 160px;
        text-align: center;
        background: #2d71b3;
        color: #fff;
        font-size: 70px;
        transform: rotate(45deg); }
        .part4-info .criteria-list li .index em {
          display: inline-block;
          transform: rotate(-45deg);
          font-style: normal; }
      .part4-info .criteria-list li .desc {
        line-height: 30px;
        font-size: 18px;
        text-align: left;
        color: #494949;
        margin-top: -15px; }
      .part4-info .criteria-list li:nth-child(even) .index {
        background: #8b8b8b; }
      .part4-info .criteria-list li:nth-child(0) {
        top: -120px;
        left: -120px; }
      .part4-info .criteria-list li:nth-child(1) {
        top: 0px;
        left: 0px; }
      .part4-info .criteria-list li:nth-child(2) {
        top: 120px;
        left: 120px; }
      .part4-info .criteria-list li:nth-child(3) {
        top: 240px;
        left: 240px; }
      .part4-info .criteria-list li:nth-child(4) {
        top: 360px;
        left: 360px; }
      .part4-info .criteria-list li:nth-child(5) {
        top: 480px;
        left: 480px; }

/*# sourceMappingURL=import.css.map */