.contact .commonWrap {
  background: #f4f4f4; }
.contact .introBox {
  background: #fff;
  padding-top: 70px; }
  .contact .introBox .textBox {
    padding-top: 40px; }
    .contact .introBox .textBox .fl h1 {
      color: #8d8d8d;
      font-size: 18px;
      padding-bottom: 20px; }
    .contact .introBox .textBox .box1{
      width:470px;
      padding-right: 10px;
      margin-right: 80px;
      border-right:1px solid #e5e5e5;
    }
    .contact .introBox .textBox .box2{
      width:335px;
      height:164px;
      padding-right: 10px;
      border-right:1px solid #e5e5e5;
    }
    .contact .introBox .textBox .box2 h2{
      font-size: 30px;
      color:#eb3c00;
      font-family: "Montserrat-Regular";
      line-height: 39px;
      padding-left: 50px;
      background:url("../image/contact/icon_phone.png") no-repeat left center;
    }
    .contact .introBox .textBox .fl p {
      font-size: 13px;
      color: #9c9c9e;
      line-height: 24px; }
    .contact .introBox .textBox .textRight {
      padding-bottom: 60px; }
      .contact .introBox .textBox .textRight h1 {
        color: #8d8d8d;
        font-size: 18px;
        padding-bottom: 20px; }
      .contact .introBox .textBox .textRight ul {
        margin: 0 -7px; }
        .contact .introBox .textBox .textRight ul li {
          float: left;
          margin: 0 1%; }
          .contact .introBox .textBox .textRight ul li img {
            width: 100%; }
.contact .mapBox {
  height: 495px;
  position: relative; }
  .contact .mapBox #allmap {
    height: 100%; }
  .contact .mapBox .container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    z-index: 2; }
  .contact .mapBox ul {
    margin: 0 -5px;
    width: 100%; }
    .contact .mapBox ul li {
      float: left;
      margin: 0 0.5%;
      width: 19%;
      padding-top: 37px;
      height: 98px;
      line-height: 24px;
      background: #ebeae8;
      color: #9e9d9c;
      font-size: 15px;
      text-align: center; }
      .contact .mapBox ul li:hover, .contact .mapBox ul li.active {
        background: #eb3c00;
        color: #fff; }
.contact .companyBox {
  background: #fff; }
  .contact .companyBox .container {
    background: url(../image/contact/contact2.png) right 183px no-repeat; }
    .contact .companyBox .container img {
      padding-top: 40px;
      margin-left: -30px; }
  .contact .companyBox .detail {
    padding-top: 100px;
    padding-left: 18px;
    padding-bottom: 140px;
    width: 462px; }
    .contact .companyBox .detail .textBox {
      display: none; }
      .contact .companyBox .detail .textBox.active {
        display: block; }
      .contact .companyBox .detail .textBox h1 {
        color: #8d8d8d;
        font-size: 24px;
        padding-bottom: 15px; }
      .contact .companyBox .detail .textBox .cityList {
        padding-bottom: 15px; }
        .contact .companyBox .detail .textBox .cityList li {
          display: inline-block;
          margin-right: 15px;
          font-size: 16px;
          color: #898989;
          cursor: pointer;
          margin-bottom: 5px; }
          .contact .companyBox .detail .textBox .cityList li.active {
            color: #eb3c00; }
      .contact .companyBox .detail .textBox .info li {
        display: none;
        min-height: 72px; }
        .contact .companyBox .detail .textBox .info li.active {
          display: block; }
      .contact .companyBox .detail .textBox .info p {
        font-size: 13px;
        color: #727272;
        line-height: 24px; }
      .contact .companyBox .detail .textBox .info p span{
        color: #eb3c00;
        font-size: 20px;
      }
.contact .bottomBox {
  background: url(../image/contact/contact3.jpg) center center no-repeat; }
  .contact .bottomBox .leftBox {
    width: 50%;
    padding-top: 30px; }
    .contact .bottomBox .leftBox > h1 {
      font-size: 36px;
      color: #bc8f4b;
      padding-bottom: 5px; }
    .contact .bottomBox .leftBox > h2 {
      font-size: 18px;
      color: #878786;
      padding-bottom: 15px; }
    .contact .bottomBox .leftBox .cityList1 {
      padding-bottom: 20px; }
      .contact .bottomBox .leftBox .cityList1 a {
        display: inline-block;
        margin-right: 15px;
        font-size: 16px;
        color: #898989;
        cursor: pointer; }
        .contact .bottomBox .leftBox .cityList1 a.active {
          color: #eb3c00; }
    .contact .bottomBox .leftBox .addList li {
      display: none; }
      .contact .bottomBox .leftBox .addList li.active {
        display: block; }
      .contact .bottomBox .leftBox .addList li .addBox {
        color: #727272;
        width: 410px;
        border-bottom: 1px dashed #dedcdb;
        margin-bottom: 15px; }
        .contact .bottomBox .leftBox .addList li .addBox h1 {
          font-size: 16px;
          padding-bottom: 5px; }
        .contact .bottomBox .leftBox .addList li .addBox p {
          font-size: 13px;
          padding-bottom: 15px; }
          .contact .bottomBox .leftBox .addList li .addBox p span {
            vertical-align: middle; }
          .contact .bottomBox .leftBox .addList li .addBox p .tel {
            display: inline-block;
            margin-right: 20px; }
  .contact .bottomBox .rightBox {
    width: 50%;
    padding: 95px 0 75px 40px; }
    .contact .bottomBox .rightBox h1 {
      font-size: 36px;
      color: #bc8f4b;
      padding-bottom: 5px; }
    .contact .bottomBox .rightBox h2 {
      font-size: 13px;
      color: #898989;
      padding-bottom: 15px; }
    .contact .bottomBox .rightBox .formBox {
      width: 600px; }
      .contact .bottomBox .rightBox .formBox .inputBox {
        width: 295px;
        display: inline-block;
        margin-bottom: 10px; }
        .contact .bottomBox .rightBox .formBox .inputBox input {
          width: 100%;
          outline: none;
          border: 1px solid #dddacd;
          line-height: 50px;
          height: 50px;
          padding-left: 55px;
          padding-right: 15px;
          background-color: #fff;
          background-position: 20px center;
          background-repeat: no-repeat;
          font-size: 13px;
          color: #898989; }
          .contact .bottomBox .rightBox .formBox .inputBox input:focus {
            border-color: #ea3800; }
        .contact .bottomBox .rightBox .formBox .inputBox .input1 {
          background-image: url(../image/contact/contactHead.png); }
          .contact .bottomBox .rightBox .formBox .inputBox .input1:focus {
            background-image: url(../image/contact/contactHead.png); }
        .contact .bottomBox .rightBox .formBox .inputBox .input2 {
          background-image: url(../image/contact/contactHome.png); }
          .contact .bottomBox .rightBox .formBox .inputBox .input2:focus {
            background-image: url(../image/contact/contactHome.png); }
        .contact .bottomBox .rightBox .formBox .inputBox .input3 {
          background-image: url(../image/contact/contactMail.png); }
          .contact .bottomBox .rightBox .formBox .inputBox .input3:focus {
            background-image: url(../image/contact/contactMail.png); }
        .contact .bottomBox .rightBox .formBox .inputBox .input4 {
          background-image: url(../image/contact/contactPhone.png); }
          .contact .bottomBox .rightBox .formBox .inputBox .input4:focus {
            background-image: url(../image/contact/contactPhone.png); }
      .contact .bottomBox .rightBox .formBox .textareaBox {
        width: 100%; }
        .contact .bottomBox .rightBox .formBox .textareaBox textarea {
          height: 100px;
          margin-bottom: 10px;
          padding: 15px 20px;
          font-size: 13px;
          color: #898989;
          line-height: 24px;
          resize: none;
          background-color: #fff;
          outline: none;
          border: 1px solid #dddacd;
          width: 100%;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
          .contact .bottomBox .rightBox .formBox .textareaBox textarea:focus {
            border-color: #ea3800; }
      .contact .bottomBox .rightBox .formBox > input {
        float: left;
        width: 100%;
        background: #ea3800;
        text-align: center;
        font-size: 16px;
        color: #fff;
        line-height: 50px;
        height: 50px;
        outline: none;
        border: none;
        cursor: pointer; }

@media (max-width: 1300px) {
  .contact .bottomBox .rightBox .formBox {
    width: 100%; }
    .contact .bottomBox .rightBox .formBox .inputBox {
      width: 49%; } }
@media (max-width: 1200px) {
  .contact .introBox .textBox .box1,
  .contact .introBox .textBox .box2{
    padding:0;
    padding-bottom: 20px;
    border:0 none;
    width:100%;
  }
  .contact .introBox .textBox .box2{
    height:auto;
  }
  .contact .introBox .textBox .textRight{
    width:100%;
  }
  .contact .introBox,
  .contact .bottomBox {
    padding-left: 20px;
    padding-right: 20px; }

  .contact .mapBox ul {
    margin: 0; }

  .contact .companyBox .container img {
    width: 38%;
    margin-left: 0; }

  .contact .companyBox .detail {
    padding-top: 100px;
    padding-bottom: 20px;
    width: inherit; }

  .contact .companyBox .container {
    background: #fff; }

  .contact .bottomBox .rightBox {
    padding-bottom: 50px; } }
@media (max-width: 860px) {
  .contact .introBox .textBox .textRight {
    width: 100%; } 
  .contact .introBox .textBox .fl{
    margin-bottom: 20px; }
  }
@media (max-width: 760px) {
  .contact .bottomBox {
    background: #f6f5f3; }

  .contact .bottomBox .leftBox {
    width: 100%; }

  .contact .bottomBox .rightBox {
    width: 100%;
    padding-top: 0;
    padding-left: 0; } }
@media (max-width: 660px) {
  .contact .companyBox .container img {
    display: none; }

  .contact .companyBox .detail {
    padding: 20px; } 
  .contact .mapBox ul li {
    width: 48%;
    margin-bottom: 20px; } }
@media (max-width: 600px) {
  .contact .mapBox {
    height: auto; }
    .contact .mapBox #allmap {
      display: none; }
    .contact .mapBox .container {
      position: relative; }}
@media (max-width: 460px) {
  .contact .bottomBox .rightBox .formBox .inputBox {
    width: 100%; }

  .contact .bottomBox .leftBox .addList li .addBox {
    width: 100%; } }