.aboutus .phoneaboutusmain {
  display: none;
}
.aboutus .phonehead {
  display: none;
}
.aboutus .aboutushead {
  width: 100%;
  position: relative;
}
.aboutus .aboutushead .nav {
  position: absolute;
  top: 50%;
  left: 20em;
  z-index: 1;
  transform: translate(0, -50%);
}
.aboutus .aboutushead #leftnav .nav li:nth-of-type(5) a {
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
}
.aboutus .aboutushead img:nth-of-type(1) {
  width: 100%;
  display: block;
}
.aboutus .aboutushead .toplogo {
  position: absolute;
  top: 6%;
  left: 20em;
  z-index: 1;
  display: flex;
  width: 63%;
  justify-content: space-between;
}
.aboutus .aboutushead .toplogo .toprighttel {
  display: flex;
}
.aboutus .aboutushead .toplogo .toprighttel .teltext {
  margin-left: 20px;
}
.aboutus .aboutushead .toplogo .toprighttel .teltext P {
  color: #fff;
  margin: 0 0;
}
.aboutus .aboutushead .toplogo .toprighttel .teltext p:nth-of-type(1) {
  font-size: 14px;
}
.aboutus .aboutushead .toplogo .toprighttel .teltext p:nth-of-type(2) {
  font-size: 18px;
}
.aboutus .aboutushead .newstext {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.aboutus .aboutushead .newstext .decoration {
  display: inline-block;
  width: 126px;
  height: 126px;
  background: #1DB89F;
}
.aboutus .aboutushead .newstext .text {
  font-size: 100px;
  font-family: Source Han Sans CN;
  font-weight: 800;
  color: #0D194A;
  margin-left: -64px;
}
.aboutus .aboutusmain .tabbtn span {
  display: inline-block;
  height: 136px;
  width: 49%;
  text-align: center;
  line-height: 136px;
  font-size: 28px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #212121;
  cursor: pointer;
}
.aboutus .aboutusmain .tabbtn .active {
  color: #fff;
  background: #083875;
}
.aboutus .aboutusmain .titletext {
  margin-top: 64px;
}
.aboutus .aboutusmain .titletext p:nth-of-type(1) {
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #314257;
  text-align: center;
}
.aboutus .aboutusmain .titletext p:nth-of-type(2) {
  font-size: 48px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #083875;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 27px;
}
.aboutus .aboutusmain .titletext span {
  display: block;
  width: 67px;
  height: 6px;
  background: #083875;
  margin: 0 auto 54px auto;
}
.aboutus .aboutusmain #companyintroduction .YMY .companyinfo {
  display: flex;
}
.aboutus .aboutusmain #companyintroduction .YMY .companyinfo div:nth-of-type(2) {
  padding-left: 46px;
  box-sizing: border-box;
}
.aboutus .aboutusmain #companyintroduction .YMY .companyinfo div:nth-of-type(2) p {
  text-indent: 2em;
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #212121;
  line-height: 37px;
  margin: 0 0;
}
.aboutus .aboutusmain #companyintroduction .YMY .companyinfo div:nth-of-type(2) p:nth-of-type(2) {
  margin-top: 5px;
}
.aboutus .aboutusmain #companyintroduction .YMY .companyinfo div:nth-of-type(2) p:nth-of-type(3) {
  margin-top: 5px;
}
.aboutus .aboutusmain #companyintroduction .YMY .companyinfo div:nth-of-type(2) p:nth-of-type(4) {
  margin-top: 5px;
}
.aboutus .aboutusmain #companyintroduction .YMY .companyinfo div:nth-of-type(2) p:nth-of-type(5) {
  margin-top: 5px;
}
.aboutus .aboutusmain #companyintroduction .YMY .companyinfo .companyimg {
  margin-top: 10px;
}
.aboutus .aboutusmain #companyintroduction .enterpriseculture .enterpriseculturetext {
  display: flex;
  justify-content: space-between;
}
.aboutus .aboutusmain #companyintroduction .enterpriseculture .enterpriseculturetext div {
  width: 32%;
  height: 200px;
  text-align: center;
  background: #E9E9E9;
}
.aboutus .aboutusmain #companyintroduction .enterpriseculture .enterpriseculturetext div p:nth-of-type(1) {
  font-size: 28px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #314257;
  margin-top: 52px;
}
.aboutus .aboutusmain #companyintroduction .enterpriseculture .enterpriseculturetext div p:nth-of-type(2) {
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #314257;
}
.aboutus .aboutusmain #companyintroduction .enterpriseculture .enterpriseculturetext div:nth-of-type(2) {
  background: url('../images/pic2.png');
}
.aboutus .aboutusmain #companyintroduction .enterpriseculture .enterpriseculturetext div:nth-of-type(2) p {
  color: #fff;
}
.aboutus .aboutusmain #companyintroduction .companyhonor {
  margin-bottom: 102px;
}
.aboutus .aboutusmain #companyintroduction .companyhonor .honorinfo {
  display: flex;
  flex-wrap: wrap;
}
.aboutus .aboutusmain #companyintroduction .companyhonor .honorinfo img {
  width: 19%;
  margin: 5px;
  border: 1px solid #afacac;
}
.aboutus .aboutusmain #contactus {
  display: none;
}
.aboutus .aboutusmain #contactus .companyinfo {
  display: flex;
  justify-content: space-around;
  margin-bottom: 60px;
}
.aboutus .aboutusmain #contactus .companyinfo div {
  text-align: center;
}
.aboutus .aboutusmain #contactus .companyinfo div p {
  height: 23px;
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #314257;
}
.aboutus .aboutusmain #contactus .shell2 {
  height: 567px;
}
.aboutus .aboutusmain #contactus .messageinfo {
  display: flex;
  justify-content: space-between;
}
.aboutus .aboutusmain #contactus .messageinfo input {
  width: 386px;
  height: 85px;
  background: #ECECEC;
  border: none;
  padding-left: 35px;
  font-size: 24px;
  outline: none;
}
.aboutus .aboutusmain #contactus .messageinfo input::-webkit-input-placeholder {
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #999999;
}
.aboutus .aboutusmain #contactus .selectbox {
  display: flex;
  justify-content: space-between;
}
.aboutus .aboutusmain #contactus .proventy,
.aboutus .aboutusmain #contactus .city,
.aboutus .aboutusmain #contactus .area {
  width: 386px;
  height: 85px;
  background: #ECECEC;
  border: none;
  font-size: 24px;
  margin-top: 10px;
  outline: none;
}
.aboutus .aboutusmain #contactus .messagecontent {
  margin-top: 15px;
  margin-bottom: 30px;
}
.aboutus .aboutusmain #contactus .messagecontent textarea {
  width: 1200px;
  padding-top: 36px;
  box-sizing: border-box;
  background: #ECECEC;
  border: none;
  padding-left: 35px;
  font-size: 24px;
  outline: none;
}
.aboutus .aboutusmain #contactus .messagecontent textarea::-webkit-input-placeholder {
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #999999;
}
.aboutus .aboutusmain #contactus .submitbutton {
  width: 300px;
  height: 70px;
  margin-bottom: 20px;
  margin-left: 449px;
  background: #083875;
  border-radius: 35px;
  color: #FFFFFF;
}
.aboutus .aboutusmain #recruitment {
  display: none;
}
.aboutus .aboutusmain #recruitment .htmleaf-container {
  /* ==========
	   Setup Page */
  /* =================
	   Container Styling */
  /* ===========
	   Tab Styling */
}
.aboutus .aboutusmain #recruitment .htmleaf-container .clearfix:after,
.aboutus .aboutusmain #recruitment .htmleaf-container .container:after,
.aboutus .aboutusmain #recruitment .htmleaf-container .tab-nav:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.aboutus .aboutusmain #recruitment .htmleaf-container *,
.aboutus .aboutusmain #recruitment .htmleaf-container *:before,
.aboutus .aboutusmain #recruitment .htmleaf-container *:after {
  box-sizing: border-box;
}
.aboutus .aboutusmain #recruitment .htmleaf-container body {
  font-family: 'Quicksand', sans-serif;
}
.aboutus .aboutusmain #recruitment .htmleaf-container .container {
  position: relative;
  background: white;
  padding: 3em;
}
.aboutus .aboutusmain #recruitment .htmleaf-container .tab-group {
  position: relative;
  border: 1px solid #eee;
  margin-top: 2.5em;
  border-radius: 0 0 10px 10px;
}
.aboutus .aboutusmain #recruitment .htmleaf-container .tab-group section {
  opacity: 0;
  height: 0;
  padding: 0 1em;
  overflow: hidden;
  transition: opacity 0.4s ease, height 0.4s ease;
}
.aboutus .aboutusmain #recruitment .htmleaf-container .tab-group section.active {
  opacity: 1;
  height: auto;
  overflow: visible;
}
.aboutus .aboutusmain #recruitment .htmleaf-container .tab-nav {
  list-style: none;
  margin: -2.5em -1px 0 0;
  padding: 0;
  height: 2.5em;
  overflow: hidden;
}
.aboutus .aboutusmain #recruitment .htmleaf-container .tab-nav li {
  display: inline;
}
.aboutus .aboutusmain #recruitment .htmleaf-container .tab-nav li a {
  top: 1px;
  position: relative;
  display: block;
  float: left;
  border-radius: 10px 10px 0 0;
  background: #eee;
  line-height: 2em;
  padding: 0 1em;
  text-decoration: none;
  color: grey;
  margin-top: 0.5em;
  margin-right: 1px;
  transition: background 0.2s ease, line-height 0.2s ease, margin 0.2s ease;
}
.aboutus .aboutusmain #recruitment .htmleaf-container .tab-nav li.active a {
  background: #6EB590;
  color: white;
  line-height: 2.5em;
  margin-top: 0;
}
@media screen and (max-width: 750px) {
  .aboutus {
    max-width: 100%;
  }
  .aboutus .pchead {
    display: none;
  }
  .aboutus .aboutusmain {
    display: none;
  }
  .aboutus .phonehead {
    display: block;
  }
  .aboutus .phonehead img:nth-of-type(1) {
    width: 100%;
    display: block;
  }
  .aboutus .phonehead #leftnav .nav li:nth-of-type(8) a {
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
  }
  .aboutus .phonehead .toplogo {
    position: absolute;
    top: 8px;
    left: 1%;
    z-index: 1;
    display: flex;
    width: 63%;
    justify-content: space-between;
  }
  .aboutus .phonehead .toplogo .toprighttel {
    display: flex;
  }
  .aboutus .phonehead .toplogo .toprighttel .teltext {
    margin-left: 20px;
  }
  .aboutus .phonehead .toplogo .toprighttel .teltext P {
    color: #fff;
    margin: 0 0;
  }
  .aboutus .phonehead .toplogo .toprighttel .teltext p:nth-of-type(1) {
    font-size: 14px;
  }
  .aboutus .phonehead .toplogo .toprighttel .teltext p:nth-of-type(2) {
    font-size: 18px;
  }
  .aboutus .phonehead .newstext {
    position: absolute;
    top: 110px;
    left: 60%;
    transform: translate(-50%, -50%);
  }
  .aboutus .phonehead .newstext .text {
    font-size: 36px;
    font-family: Source Han Sans CN;
    font-weight: 800;
    color: #fff;
  }
  .aboutus .phoneaboutusmain {
    display: block;
  }
  .aboutus .phoneaboutusmain .tabbtn span {
    display: inline-block;
    height: 100px;
    width: 49%;
    text-align: center;
    line-height: 100px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #212121;
    cursor: pointer;
  }
  .aboutus .phoneaboutusmain .tabbtn .active {
    color: #fff;
    background: #083875;
  }
  .aboutus .phoneaboutusmain .titletext {
    margin-top: 64px;
  }
  .aboutus .phoneaboutusmain .titletext p:nth-of-type(1) {
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #314257;
    text-align: center;
  }
  .aboutus .phoneaboutusmain .titletext p:nth-of-type(2) {
    font-size: 36px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #083875;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 27px;
  }
  .aboutus .phoneaboutusmain .titletext span {
    display: block;
    width: 57px;
    height: 6px;
    background: #083875;
    margin: 0 auto 54px auto;
  }
  .aboutus .phoneaboutusmain #phonecompanyintroduction .YMY .companyinfo div:nth-of-type(2) {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .aboutus .phoneaboutusmain #phonecompanyintroduction .YMY .companyinfo div:nth-of-type(2) p {
    text-indent: 2em;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #212121;
    line-height: 37px;
    margin: 0 0;
  }
  .aboutus .phoneaboutusmain #phonecompanyintroduction .YMY .companyinfo div:nth-of-type(2) p:nth-of-type(2) {
    margin-top: 5px;
  }
  .aboutus .phoneaboutusmain #phonecompanyintroduction .YMY .companyinfo div:nth-of-type(2) p:nth-of-type(3) {
    margin-top: 5px;
  }
  .aboutus .phoneaboutusmain #phonecompanyintroduction .YMY .companyinfo div:nth-of-type(2) p:nth-of-type(4) {
    margin-top: 5px;
  }
  .aboutus .phoneaboutusmain #phonecompanyintroduction .YMY .companyinfo div:nth-of-type(2) p:nth-of-type(5) {
    margin-top: 5px;
  }
  .aboutus .phoneaboutusmain #phonecompanyintroduction .YMY .companyinfo .companyimg {
    width: 100%;
  }
  .aboutus .phoneaboutusmain #phonecompanyintroduction .enterpriseculture .enterpriseculturetext {
    display: flex;
    justify-content: space-between;
  }
  .aboutus .phoneaboutusmain #phonecompanyintroduction .enterpriseculture .enterpriseculturetext div {
    width: 32%;
    height: 200px;
    text-align: center;
    background: #E9E9E9;
  }
  .aboutus .phoneaboutusmain #phonecompanyintroduction .enterpriseculture .enterpriseculturetext div p:nth-of-type(1) {
    font-size: 28px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #314257;
    margin-top: 52px;
  }
  .aboutus .phoneaboutusmain #phonecompanyintroduction .enterpriseculture .enterpriseculturetext div p:nth-of-type(2) {
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #314257;
  }
  .aboutus .phoneaboutusmain #phonecompanyintroduction .enterpriseculture .enterpriseculturetext div:nth-of-type(2) {
    background: url('../images/pic2.png');
  }
  .aboutus .phoneaboutusmain #phonecompanyintroduction .enterpriseculture .enterpriseculturetext div:nth-of-type(2) p {
    color: #fff;
  }
  .aboutus .phoneaboutusmain #phonecompanyintroduction .spiritenterprise img {
    width: 100%;
  }
  .aboutus .phoneaboutusmain #phonecompanyintroduction .companyhonor {
    margin-bottom: 102px;
  }
  .aboutus .phoneaboutusmain #phonecompanyintroduction .companyhonor .honorinfo {
    display: flex;
    flex-wrap: wrap;
  }
  .aboutus .phoneaboutusmain #phonecompanyintroduction .companyhonor .honorinfo img {
    width: 20%;
    height: 100%;
  }
  .aboutus .phoneaboutusmain #phonecontactus {
    display: none;
  }
  .aboutus .phoneaboutusmain #phonecontactus .companyinfo {
    justify-content: space-around;
    margin-bottom: 60px;
  }
  .aboutus .phoneaboutusmain #phonecontactus .companyinfo div {
    text-align: center;
    margin-bottom: 55px;
  }
  .aboutus .phoneaboutusmain #phonecontactus .companyinfo div p {
    height: 23px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #314257;
    margin-top: 10px;
  }
  .aboutus .phoneaboutusmain #phonecontactus .shell2 {
    height: 567px;
  }
  .aboutus .phoneaboutusmain #phonecontactus .messageinfo {
    display: flex;
    justify-content: space-between;
  }
  .aboutus .phoneaboutusmain #phonecontactus .messageinfo input {
    width: 386px;
    height: 85px;
    background: #ECECEC;
    border: none;
    padding-left: 35px;
    font-size: 24px;
    outline: none;
  }
  .aboutus .phoneaboutusmain #phonecontactus .messageinfo input::-webkit-input-placeholder {
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
  }
  .aboutus .phoneaboutusmain #phonecontactus .messagecontent {
    margin-top: 15px;
    margin-bottom: 66px;
  }
  .aboutus .phoneaboutusmain #phonecontactus .messagecontent textarea {
    width: 1200px;
    padding-top: 36px;
    box-sizing: border-box;
    background: #ECECEC;
    border: none;
    padding-left: 35px;
    font-size: 24px;
    outline: none;
  }
  .aboutus .phoneaboutusmain #phonecontactus .messagecontent textarea::-webkit-input-placeholder {
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
  }
  .aboutus .phoneaboutusmain #phonerecruitment {
    display: none;
  }
  .aboutus .phoneaboutusmain #phonerecruitment .htmleaf-container {
    /* ==========
           Setup Page */
    /* =================
           Container Styling */
    /* ===========
           Tab Styling */
  }
  .aboutus .phoneaboutusmain #phonerecruitment .htmleaf-container .clearfix:after,
  .aboutus .phoneaboutusmain #phonerecruitment .htmleaf-container .container:after,
  .aboutus .phoneaboutusmain #phonerecruitment .htmleaf-container .tab-nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .aboutus .phoneaboutusmain #phonerecruitment .htmleaf-container *,
  .aboutus .phoneaboutusmain #phonerecruitment .htmleaf-container *:before,
  .aboutus .phoneaboutusmain #phonerecruitment .htmleaf-container *:after {
    box-sizing: border-box;
  }
  .aboutus .phoneaboutusmain #phonerecruitment .htmleaf-container body {
    font-family: 'Quicksand', sans-serif;
  }
  .aboutus .phoneaboutusmain #phonerecruitment .htmleaf-container .container {
    position: relative;
    background: white;
    padding: 3em;
  }
  .aboutus .phoneaboutusmain #phonerecruitment .htmleaf-container .tab-group {
    position: relative;
    border: 1px solid #eee;
    margin-top: 2.5em;
    border-radius: 0 0 10px 10px;
  }
  .aboutus .phoneaboutusmain #phonerecruitment .htmleaf-container .tab-group section {
    opacity: 0;
    height: 0;
    padding: 0 1em;
    overflow: hidden;
    transition: opacity 0.4s ease, height 0.4s ease;
  }
  .aboutus .phoneaboutusmain #phonerecruitment .htmleaf-container .tab-group section.active {
    opacity: 1;
    height: auto;
    overflow: visible;
  }
  .aboutus .phoneaboutusmain #phonerecruitment .htmleaf-container .tab-nav {
    list-style: none;
    margin: -2.5em -1px 0 0;
    padding: 0;
    height: 2.5em;
    overflow: hidden;
  }
  .aboutus .phoneaboutusmain #phonerecruitment .htmleaf-container .tab-nav li {
    display: inline;
  }
  .aboutus .phoneaboutusmain #phonerecruitment .htmleaf-container .tab-nav li a {
    top: 1px;
    position: relative;
    display: block;
    float: left;
    border-radius: 10px 10px 0 0;
    background: #eee;
    line-height: 2em;
    padding: 0 1em;
    text-decoration: none;
    color: grey;
    margin-top: 0.5em;
    margin-right: 1px;
    transition: background 0.2s ease, line-height 0.2s ease, margin 0.2s ease;
  }
  .aboutus .phoneaboutusmain #phonerecruitment .htmleaf-container .tab-nav li.active a {
    background: #6EB590;
    color: white;
    line-height: 2.5em;
    margin-top: 0;
  }
}