.main_ll {
  padding-top: 0px; }
   .amap-container{height:100%}
  @media (max-width: 1024px) {
    .main_ll {
      padding-top: 0px; } }
  .main_ll.contact .contact_box {
    height: 780px;
    width: 100%;
    overflow: hidden; }
    @media (min-width: 3000px) {
      .main_ll.contact .contact_box .con_map {
        transform: translateY(-100%);
        opacity: 0;
        transition: all 0.5s; }
        .main_ll.contact .contact_box .con_map.animate {
          opacity: 1;
          transform: translateY(0); }
      .main_ll.contact .contact_box .message {
        transform: translateY(100%);
        opacity: 0;
        transition: all 0.5s; }
      .main_ll.contact .contact_box.animate .con_map, .main_ll.contact .contact_box.animate .message {
        transform: translateY(0%);
        opacity: 1; } }
    .main_ll.contact .contact_box .con_map {
      width: 58%;
      height: 100%;
      border-top: 1px solid #cfdde3;
      border-bottom: 1px solid #cfdde3;
      box-sizing: border-box;
      float: left; }
      .main_ll.contact .contact_box .con_map .anchorBL {
        display: none; }
    .main_ll.contact .contact_box .message {
      width: 42%;
      float: left;
      background: #4072af;
      height: 100%;
      padding: 0 3.6%;
      box-sizing: border-box; }
      .main_ll.contact .contact_box .message .tab {
        display: table;
        width: 100%;
        height: 100%; }
        .main_ll.contact .contact_box .message .tab .tab_cell {
          display: table-cell;
          vertical-align: middle; }
          .main_ll.contact .contact_box .message .tab .tab_cell .title {
            padding-bottom: 24px;
            border-bottom: 1px solid #f5f5f5; }
            .main_ll.contact .contact_box .message .tab .tab_cell .title .cn {
              font-size: 36px;
              color: #fff;
              font-weight: bold;
              line-height: 46px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .title .en {
              font-size: 20px;
              color: #fff;
              line-height: 30px;
              font-family: 'BKANT'; }
          .main_ll.contact .contact_box .message .tab .tab_cell .ms {
            padding-top: 15px;color: #fff;font-size: 16px;
              color: #fff;
              line-height: 30px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .ms > div {
              font-size: 16px;
              color: #fff;
              line-height: 30px;
              margin-top: 8px;
              padding-left: 37px; }
              .main_ll.contact .contact_box .message .tab .tab_cell .ms > div.address {
                background: url(../images/address.png) no-repeat left center; }
              .main_ll.contact .contact_box .message .tab .tab_cell .ms > div.tel {
                background: url(../images/tel.png) no-repeat left center; }
              .main_ll.contact .contact_box .message .tab .tab_cell .ms > div.fax {
                background: url(../images/fax.png) no-repeat left center; }
              .main_ll.contact .contact_box .message .tab .tab_cell .ms > div.email {
                background: url(../images/email.png) no-repeat left center; }
          .main_ll.contact .contact_box .message .tab .tab_cell .online {
            margin-top: 70px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .ti {
              font-size: 20px;
              color: #fff;
              border-bottom: 1px solid #f5f5f5;
              padding-bottom: 15px;
              font-weight: bold;
              line-height: 32px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group {
              margin-top: 27px;
              overflow: hidden; }
              .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box {
                width: 46.2%; }
                .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box label {
                  display: block;
                  float: left;
                  font-size: 14px;
                  color: #fff;
                  line-height: 36px; }
                .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box input {
                  width: 82%;
                  height: 36px;
                  float: right;
                  line-height: 36px;
                  font-size: 14px;
                  padding: 0;
                  margin: 0;
                  color: #333;
                  border: 0 none;
                  text-indent: 1em;
                  box-sizing: border-box;
                  background: #fff; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea {
              overflow: hidden;
              width: 100%;
              height: auto;
              margin-top: 15px; }
              .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea label {
                display: block;
                float: left;
                font-size: 14px;
                color: #fff;
                line-height: 36px; }
              .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea textarea {
                width: 91.7%;
                height: 100px;
                float: right;
                text-indent: 1em;
                line-height: 24px;
                resize: none;
                padding-top: 5px;
                font-size: 14px;
                margin: 0;
                color: #333;
                box-sizing: border-box;
                border: none;
                background: #fff; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .form .submit {
              width: 120px;
              height: 36px;
              display: block;
              border: none;
              margin-left: 8.3%;
              background: #fff;
              margin-top: 17px;
              cursor: pointer;
              font-size: 14px;
              color: #666;
              line-height: 36px;
              text-align: center; }
    @media (max-width: 1500px) {
      .main_ll.contact .contact_box {
        height: 700px; }
        .main_ll.contact .contact_box .message {
          padding: 0 3%; }
          .main_ll.contact .contact_box .message .tab .tab_cell .title {
            padding-bottom: 15px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .title .cn {
              font-size: 32px;
              line-height: 42px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .title .en {
              font-size: 16px;
              line-height: 26px; }
          .main_ll.contact .contact_box .message .tab .tab_cell .ms {
            padding-top: 10px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .ms > div {
              font-size: 15px;
              line-height: 28px; }
          .main_ll.contact .contact_box .message .tab .tab_cell .online {
            margin-top: 50px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .ti {
              padding-bottom: 10px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group {
              margin-top: 20px; }
              .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box input {
                width: 80%; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea textarea {
              width: 90.6%; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .form .submit {
              margin-left: 9.4%;
              margin-top: 15px; } }
    @media (max-width: 1300px) {
      .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box {
        width: 48%; }
        .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box input {
          width: 75%; }
      .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea textarea {
        width: 88%; }
      .main_ll.contact .contact_box .message .tab .tab_cell .online .form .submit {
        margin-left: 12%;
        width: 100px;
        height: 30px;
        line-height: 30px; } }
    @media (max-width: 1024px) {
      .main_ll.contact .contact_box {
        height: auto; }
        .main_ll.contact .contact_box .con_map {
          height: 500px;
          width: 100%;
          float: none; }
        .main_ll.contact .contact_box .message {
          height: auto;
          width: 100%;
          float: none;
          padding: 30px 5%; }
          .main_ll.contact .contact_box .message .tab {
            display: block; }
            .main_ll.contact .contact_box .message .tab .tab_cell {
              display: block; }
              .main_ll.contact .contact_box .message .tab .tab_cell .title {
                padding-bottom: 15px; }
                .main_ll.contact .contact_box .message .tab .tab_cell .title .cn {
                  font-size: 28px;
                  line-height: 34px; }
                .main_ll.contact .contact_box .message .tab .tab_cell .title .en {
                  font-size: 16px;
                  line-height: 24px; }
              .main_ll.contact .contact_box .message .tab .tab_cell .online {
                margin-top: 40px; }
                .main_ll.contact .contact_box .message .tab .tab_cell .online .ti {
                  padding-bottom: 10px; }
                .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group {
                  margin-top: 20px; }
                  .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box input {
                    width: 80%;
                    float: left;
                    margin-left: 10px; }
                .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea textarea {
                  width: 90.6%;
                  float: left;
                  margin-left: 10px; }
                .main_ll.contact .contact_box .message .tab .tab_cell .online .form .submit {
                  margin-left: 53px;
                  margin-top: 15px; } }
    @media (max-width: 655px) {
      .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box {
        width: 48%; }
        .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box input {
          width: 75%; }
      .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea textarea {
        width: 88%; } }
    @media (max-width: 500px) {
      .main_ll.contact .contact_box .con_map {
        height: 300px; }
      .main_ll.contact .contact_box .message .tab .tab_cell .title {
        padding-bottom: 10px; }
        .main_ll.contact .contact_box .message .tab .tab_cell .title .cn {
          font-size: 24px; }
      .main_ll.contact .contact_box .message .tab .tab_cell .ms {
        padding-top: 10px; }
        .main_ll.contact .contact_box .message .tab .tab_cell .ms > div {
          font-size: 14px;
          line-height: 26px; }
      .main_ll.contact .contact_box .message .tab .tab_cell .online {
        margin-top: 25px; }
        .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group {
          margin-top: 0; }
          .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box {
            margin-top: 10px;
            width: 100%;
            float: none; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box label {
              display: block;
              float: none;
              line-height: 28px;
              padding-bottom: 5px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box input {
              width: 100%;
              float: none;
              margin-left: 0; }
        .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea {
          margin-top: 10px; }
          .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea label {
            line-height: 28px;
            display: block;
            float: none;
            padding-bottom: 5px; }
          .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea textarea {
            width: 100%;
            margin-left: 0;
            float: none; }
        .main_ll.contact .contact_box .message .tab .tab_cell .online .form .submit {
          margin-top: 10px;
          margin-left: 0; } }