/*大屏幕*/
@media screen and (min-width: 1600px) {

  /* 1400px */
  * {
    margin: 0;
    padding: 0;
  }

  /*移动端隐藏部分*/
  .return {
    display: none;
  }

  .func_bar {
    display: none;
  }

  .cs {
    /* margin-top: 80px; */
    /* margin-bottom: 106px; */
    width: 100%;
    /* height: 1768px; */
    /* background: red; */
  }

  .cs .contact-bg {
    /* margin-top: 80px; */
    width: 100%;
    /* height: 320px; */
    margin: auto;
    /* background: url('../img/title-bg.png') no-repeat center; */
  }

  .cs .tab-bar {
    width: 100%;
    height: 82px;
    background: #D7D7D7;
  }

  .cs .tab-bar span {
    height: 25px;
    /* margin-left: 260px; */
    line-height: 82px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
  }

  .cs .contact-content {
    /* position: relative; */
    /* width: 1400px; */
    /* height: 1332px; */
    margin: 100px auto;
    /* border: 1px solid #979797; */
  }

  .cs .contact-content .info {
    position: relative;
    width: 1400px;
    height: 496px;
    /* margin: 100px auto; */
    border: 1px solid #979797;
  }

  .cs .contact-content .info .img-left {
    position: absolute;
    width: 600px;
    height: 350px;
    margin: 62px 755px 84px 45px;
    background: url("../img/contact-us.png") no-repeat center;
  }

  .cs .contact-content .info .vertical-line {
    position: absolute;
    display: inline-block;
    /* content: ""; */
    left: 50%;
    top: 0;
    margin-top: -1px;
    width: 1px;
    height: 100%;
    background: rgba(151, 151, 151, 1);
  }

  .cs .contact-content .info .info-right {
    position: relative;
    width: 300px;
    height: 350px;
    margin: 90px 50px 84px 800px;
    /* background: skyblue; */
  }

  .cs .contact-content .info .info-right .title {
    position: relative;
    top: 0;
    left: 0;
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
  }

  .cs .contact-content .table .table-title-mini {
    display: none;
  }

  .cs .contact-content .info .info-right .fax {
    position: relative;
    margin-top: 60px;
    left: 0;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
  }

  .cs .contact-content .info .info-right .email,
  .name_wang,
  .name_hu,
  .address {
    position: relative;
    margin-top: 20px;
    left: 0;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
  }

  .cs .contact-content .table {
    position: relative;
    margin-top: 100px;
    width: 100%;
    height: 568px;
  }

  .cs .contact-content .table .table-title {
    width: 100%;
    text-align: center;
    font-size: 21px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
  }

  .cs .contact-content .table .table-contant {
    margin-top: 60px;
    width: 100%;
    height: 391px;
  }

  .cs .contact-content .table .table-contant .user-info {
    display: flex;
    justify-content: space-between;
  }

  /*姓名*/
  .cs .contact-content .table .table-contant .user-info .username {
    width: 405px;
    height: 76px;
    /* background: red; */
  }

  .cs .contact-content .table .table-contant .user-info .username .name {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(50, 44, 43, 0.6);
  }

  .cs .contact-content .table .table-contant .user-info .username .input-name {
    margin-top: 10px;
    width: 405px;
    height: 44px;
    border: 1px solid #979797;
  }

  /*电话*/
  .cs .contact-content .table .table-contant .user-info .tel {
    width: 405px;
    height: 76px;
    /* background: red; */
  }

  .cs .contact-content .table .table-contant .user-info .tel .tel_name {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(50, 44, 43, 0.6);
  }

  .cs .contact-content .table .table-contant .user-info .tel .input-tel {
    margin-top: 10px;
    width: 405px;
    height: 44px;
    border: 1px solid #979797;
  }

  /*邮箱*/
  .cs .contact-content .table .table-contant .user-info .mail {
    width: 405px;
    height: 76px;
    /* background: red; */
  }

  .cs .contact-content .table .table-contant .user-info .mail .mail_name {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(50, 44, 43, 0.6);
  }

  .cs .contact-content .table .table-contant .user-info .mail .input-mail {
    margin-top: 10px;
    width: 405px;
    height: 44px;
    border: 1px solid #979797;
  }

  /*留言*/
  .cs .contact-content .table .table-contant .note {
    margin-top: 60px;
    width: 100%;
    height: 225px;
  }

  .cs .contact-content .table .table-contant .note .note_name {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(50, 44, 43, 0.6);
  }

  .cs .contact-content .table .table-contant .note .input-note {
    margin-top: 10px;
    width: 1400px;
    height: 193px;
    border: 1px solid #979797;
  }

  /*按钮*/
  .cs .contact-content .sub_btn {
    margin-top: 60px;
    width: 100%;
    height: 60px;
    background: rgba(255, 149, 52, 1);
    font-size: 24px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    border: none;
  }
}

/*小屏幕*/
@media (max-width: 1599.9px) and (min-width: 1279px) {

  /* 1200px */
  * {
    margin: 0;
    padding: 0;
  }

  /*移动端隐藏部分*/
  .return {
    display: none;
  }

  .func_bar {
    display: none;
  }

  .cs {
    /* margin-top: 80px; */
    /* margin-bottom: 106px; */
    width: 100%;
    /* height: 1668px; */
    /* background: red; */
  }

  .cs .contact-bg {
    /* margin-top: 80px; */
    width: 100%;
    margin: auto;
    /* height: 320px; */
    /* background: url('../img/title-bg.png') no-repeat center; */
  }

  .cs .tab-bar {
    width: 100%;
    height: 80px;
    background: #D7D7D7;
  }

  .cs .tab-bar span {
    height: 25px;
    /* margin-left: 260px; */
    line-height: 80px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
  }

  .cs .contact-content {
    margin: 100px auto;

  }

  .cs .contact-content .info {
    display: flex;
    width: 100%;
    height: 496px;
    margin: 100px auto;
    border: 1px solid #979797;
    position: relative;
  }

  .cs .contact-content .info .img-left {
    position: absolute;
    width: 500px;
    height: 350px;
    margin: 62px 755px 84px 45px;
    background: url("../img/contact-us.png") no-repeat center;
  }

  .cs .contact-content .info .vertical-line {
    position: absolute;
    display: inline-block;
    content: "";
    left: 50%;
    margin-top: -1px;
    width: 1px;
    height: 100%;
    background: rgba(151, 151, 151, 1);
  }

  .cs .contact-content .info .info-right {
    position: relative;
    width: 300px;
    height: 350px;
    margin: 80px 50px 84px 700px;
    /* background: skyblue; */
  }

  .cs .contact-content .info .info-right .title {
    position: relative;
    top: 0;
    left: 0;
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
  }

  .cs .contact-content .table .table-title-mini {
    display: none;
  }

  .cs .contact-content .info .info-right .fax {
    position: relative;
    margin-top: 60px;
    left: 0;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
  }

  .cs .contact-content .info .info-right .email,
  .name_wang,
  .name_hu,
  .address {
    position: relative;
    margin-top: 20px;
    left: 0;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
  }

  .cs .contact-content .table {
    /* display: flex; */
    position: relative;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    /* width: 80%; */
    height: 568px;
  }

  .cs .contact-content .table .table-title {
    width: 100%;
    text-align: center;
    font-size: 21px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
  }

  .cs .contact-content .table .table-contant {
    margin-top: 60px;
    width: 100%;
    height: 391px;
  }

  .cs .contact-content .table .table-contant .user-info {
    display: flex;
    justify-content: space-between;
  }

  /*姓名*/
  .cs .contact-content .table .table-contant .user-info .username {
    width: 305px;
    height: 76px;
    /* background: red; */
  }

  .cs .contact-content .table .table-contant .user-info .username .name {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(50, 44, 43, 0.6);
  }

  .cs .contact-content .table .table-contant .user-info .username .input-name {
    margin-top: 10px;
    width: 305px;
    height: 44px;
    border: 1px solid #979797;
  }

  /*电话*/
  .cs .contact-content .table .table-contant .user-info .tel {
    width: 305px;
    height: 76px;
    /* background: red; */
  }

  .cs .contact-content .table .table-contant .user-info .tel .tel_name {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(50, 44, 43, 0.6);
  }

  .cs .contact-content .table .table-contant .user-info .tel .input-tel {
    margin-top: 10px;
    width: 305px;
    height: 44px;
    border: 1px solid #979797;
  }

  /*邮箱*/
  .cs .contact-content .table .table-contant .user-info .mail {
    width: 305px;
    height: 76px;
    /* background: red; */
  }

  .cs .contact-content .table .table-contant .user-info .mail .mail_name {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(50, 44, 43, 0.6);
  }

  .cs .contact-content .table .table-contant .user-info .mail .input-mail {
    margin-top: 10px;
    width: 305px;
    height: 44px;
    border: 1px solid #979797;
  }

  /*留言*/
  .cs .contact-content .table .table-contant .note {
    margin: 60px auto 0;
    width: 100%;
    height: 225px;
  }

  .cs .contact-content .table .table-contant .note .note_name {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(50, 44, 43, 0.6);
  }

  .cs .contact-content .table .table-contant .note .input-note {
    margin-top: 10px;
    width: 100%;
    height: 193px;
    border: 1px solid #979797;
  }

  /*按钮*/
  .cs .contact-content .sub_btn {
    margin-top: 60px;
    width: 100%;
    height: 60px;
    background: rgba(255, 149, 52, 1);
    font-size: 24px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    border: none;
  }
}

/*平板*/
@media (max-width: 1278.9px) {

  /* 百分制单位 */
  * {
    margin: 0;
    padding: 0;
  }

  .cs {
    /* margin-top: 80px; */
    /* margin-bottom: 106px; */
    width: 100%;
  }

  .cs .contact-bg {
    width: 100%;
    height: 63px;
    /* background: url('../img/title-bg.png') no-repeat center; */
    background-size: 100%;
  }

  .cs .tab-bar {
    display: none;
  }

  /* .cs .tab-bar span {
    height: 25px;
    margin-left: 260px;
    line-height: 82px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
  } */

  .cs .contact-content {
    margin: 20px auto;
    /* border: 1px solid #979797; */
  }

  .cs .contact-content .info {
    display: flex;
    position: relative;
    width: 92%;
    height: 398px;
    margin: 20px auto;
  }

  .cs .contact-content .info .img-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 202px;
    background: url("../img/contact-us.png") no-repeat center;
    background-size: 100%;
  }

  .cs .contact-content .info .info-right {
    position: relative;
    width: 100%;
    height: 196px;
    top: 202px;
    padding-left: 5.33%;
    background: rgba(249, 249, 249, 1);
    /* padding-bottom:18px; */
  }

  .cs .contact-content .info .info-right .title {
    /* position: relative;
    top: 0;
    left: 0;
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333; */
    display: none;
  }

  .cs .contact-content .info .info-right .fax {
    position: relative;
    margin-top: 15px;
    left: 0;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
  }

  .cs .contact-content .info .info-right .email,
  .name_wang,
  .name_hu,
  .address {
    position: relative;
    margin-top: 18px;
    margin-bottom: 18px;
    left: 0;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
  }

  .cs .contact-content .table {
    /* display: flex; */
    position: relative;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 92%;
    background: #F9F9F9;
  }

  .cs .contact-content .table .table-title {
    /* content: '在线留言'; */
    /* width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333; */
    display: none;
  }

  .cs .contact-content .table .table-title-mini {
    padding-top: 9px;
    width: 100%;
    height: 20px;
    /* line-height: 28px; */
    text-align: center;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
  }

  .cs .contact-content .table .table-contant {
    /* margin-top: 60px; */
    width: 100%;
    /* height: 391px; */
  }

  .cs .contact-content .table .table-contant .user-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* justify-content: space-between; */
  }

  /*姓名*/
  .cs .contact-content .table .table-contant .user-info .username {
    width: 90.8%;
    height: 32px;
    margin: 7px auto 11px;
  }

  .cs .contact-content .table .table-contant .user-info .username .name {
    display: none;
    /* font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(50, 44, 43, 0.6); */
  }

  .cs .contact-content .table .table-contant .user-info .username .input-name {
    margin-top: 10px;
    width: 100%;
    height: 32px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    /* color: rgba(51, 51, 51, 0.4); */
    color: #333;
  }

  /*电话*/
  .cs .contact-content .table .table-contant .user-info .tel {
    width: 90.8%;
    height: 32px;
    /* background: red; */
  }

  .cs .contact-content .table .table-contant .user-info .tel .tel_name {
    display: none;
    /* font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(50, 44, 43, 0.6); */
  }

  .cs .contact-content .table .table-contant .user-info .tel .input-tel {
    margin-top: 10px;
    width: 100%;
    height: 32px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
  }

  /*邮箱*/
  .cs .contact-content .table .table-contant .user-info .mail {
    width: 90.8%;
    height: 32px;
    display: none;
  }

  .cs .contact-content .table .table-contant .user-info .mail .mail_name {
    display: none;
    /* font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(50, 44, 43, 0.6); */
  }

  .cs .contact-content .table .table-contant .user-info .mail .input-mail {
    margin-top: 10px;
    width: 100%;
    height: 32px;
    /* border: 1px solid #979797; */
  }

  /*留言*/
  .cs .contact-content .table .table-contant .note {
    margin: 10px auto 15px;
    width: 90.8%;
    height: 96px;
  }

  .cs .contact-content .table .table-contant .note .note_name {
    display: none;
    /* font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(50, 44, 43, 0.6); */
  }

  .cs .contact-content .table .table-contant .note .input-note {
    margin-top: 10px;
    width: 100%;
    height: 193px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    border: none;
  }

  /*按钮*/
  .cs .contact-content .btn_wrapper {
    /* width: 100%;
    height: 40px;
    margin: 0 auto; */
  }

  .cs .contact-content .sub_btn {
    margin: 110px 9% 0 4.4%;
    width: 91%;
    height: 40px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    background: rgba(98, 98, 98, 1);
    border: none;
  }

  .cs .contact-content .sub_btn:hover {
    background: rgba(255, 149, 52, 1);
  }
}