.aboutUsTop img {
  width: 100%;
  height: auto;
}
.aboutUsMiddle {
  margin-top: -240px;
  position: relative;
}
.aboutUsMiddle .CompanyProfile {
  width: 1220px!important;
  height: 440px;
  padding: 50px;
  box-sizing: border-box;
  background-color: #ffffff;
  box-shadow: 0 0 24px 1px rgba(191, 191, 191, 0.2);
  border-radius: 10px;
}
.aboutUsMiddle .CompanyProfile p {
  font-size: 14px;
  color: #333;
  line-height: 30px;
  text-indent: 30px;
}
.aboutUsMiddle .companyHistoryWrap {
  margin-top: 50px;
  margin-bottom: 40px;
}
.aboutUsMiddle .companyHistoryWrap .title {
  font-size: 26px;
  color: #333;
  text-align: center;
  margin-bottom: 40px;
}
.aboutUsMiddle .companyHistoryWrap img {
  width: 100%;
}
.aboutUsMiddle .teamAdvantageWraper img {
  display: block;
  margin: 0 auto;
}
.cultureWrap {
  width: 100%;
  height: 555px;
  background: url('../images/cultureBg.png') no-repeat;
  background-position: 50% 50%;
  margin-top: 25px;
}
.cultureWrap .aboutTitle {
  padding-top: 56px;
}
.cultureWrap .aboutTitle .title {
  color: #fff;
}
.cultureMain .iterm {
  width: 268px;
  height: 285px;
  text-align: center;
  float: left;
  margin: 0 66px;
}
.cultureMain .iterm.blue {
  background: url('../images/cuturel-blue.png') no-repeat;
}
.cultureMain .iterm.orange {
  background: url('../images/cuturel-orange.png') no-repeat;
}
.cultureMain .iterm.red {
  background: url('../images/cuturel-red.png') no-repeat;
}
.cultureMain .iterm .p1 {
  font-size: 20px;
  color: #333;
  padding-top: 120px;
}
.cultureMain .iterm .p2 {
  font-size: 16px;
  color: #666;
  padding-top: 20px;
}
.cultureMain .bottonTitle {
  width: 150px;
  height: 50px;
  background: url('../images/blue-btn.png') no-repeat;
  line-height: 50px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  box-shadow: 0 0 12px 0 rgba(16, 116, 210, 0.2);
  position: relative;
  margin: 0 auto;
  top: 55px;
}
.ContactUsWraper {
  padding-top: 38px;
}
.ContactUsWraper .contactMain {
  padding-top: 40px;
  text-align: center;
}
.ContactUsWraper .contactMain .iterm {
  width: 442px;
  height: 445px;
  float: left;
  border-radius: 18px;
  box-shadow: 0 0 24px 0 rgba(191, 191, 191, 0.7);
  margin: 0 78px;
  margin-bottom: 53px;
  position: relative;
}
.ContactUsWraper .contactMain .iterm.green {
  background: url('../images/contact-green.png') no-repeat;
}
.ContactUsWraper .contactMain .iterm.blue {
  background: url('../images/contact-blue.png') no-repeat;
}
.ContactUsWraper .contactMain .iterm.orange {
  background: url('../images/contact-orange.png') no-repeat;
}
.ContactUsWraper .contactMain .iterm.red {
  background: url('../images/contact-red.png') no-repeat;
}
.ContactUsWraper .contactMain .iterm.darkblue {
  background: url('../images/darkblue.png') no-repeat;
}
.ContactUsWraper .contactMain .iterm.orangeyellow {
  background: url('../images/orangeyellow.png') no-repeat;
}
.ContactUsWraper .contactMain .p1 {
  font-size: 16px;
  color: #333;
  padding-top: 100px;
  margin-bottom: 20px;
}
.ContactUsWraper .contactMain .bottonTitle {
  width: 150px;
  height: 50px;
  background: url('../images/blue-btn.png') no-repeat;
  line-height: 50px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  box-shadow: 0 0 12px 0 rgba(16, 116, 210, 0.2);
  position: absolute;
  left: 150px;
  bottom: -24px;
}
.ContactUsWraper .mapWraper {
  width: 380px;
  height: 245px;
  margin: 0 auto;
}
.ContactUsWraper .contactType {
  text-align: center;
  margin-bottom: 40px;
}
.ContactUsWraper .contactType .typeContent {
  font-size: 14px;
  color: #333;
}
.ContactUsWraper .contactType .typeIterm {
  display: inline-block;
  margin: 0 15px;
}
.ContactUsWraper .typeLogo {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  background: url('../images/icon.png') no-repeat;
  margin-right: 5px;
}
.ContactUsWraper .typeLogo.tel {
  background-position: -33px -524px;
}
.ContactUsWraper .typeLogo.email {
  background-position: -68px -524px;
}
.ContactUsWraper .typeLogo.qq {
  background-position: -103px -524px;
}
.aboutTitle {
  text-align: center;
}
.historyicon {
  width: 124px;
  height: 42px;
  display: inline-block;
  margin-bottom: 20px;
  background: url("../images/abouticon1.png") no-repeat center center;
}