/* about下面的所有2级菜单 单独处理, 设计不要每个tab项自适应大小不一, 要求中间固定在90px 的空白, 文字两边固定各加30px */
/* 而中间划过有些空白时会出现跳动的效果, 为了不让其跳动, 此处加了padding, padding能让其显得更顺滑 */
/* 但会出现, 划到空白处时会有选中的情况 */
/* begin */
.sub-menu .sub-menu-item:first-of-type {
  width: 210px;
}
.sub-menu .sub-menu-item:first-of-type > :nth-child(n+1) {
  width: 210px;
}
.sub-menu .sub-menu-item:nth-of-type(2) {
  width: 190px;
}
.sub-menu .sub-menu-item:nth-of-type(2) > :nth-child(n+1) {
  width: 150px;
}
.sub-menu .sub-menu-item:nth-of-type(3) {
  width: 214px;
}
.sub-menu .sub-menu-item:nth-of-type(3) > :nth-child(n+1) {
  width: 174px;
}
.sub-menu .sub-menu-item:last-of-type {
  width: 180px;
}
.sub-menu .sub-menu-item:last-of-type > :nth-child(n+1) {
  width: 140px;
}
.sub-menu .sub-menu-item:nth-child(n+1) {
  padding: 0 30px;
}
.sub-menu .sub-menu-item:first-of-type {
  padding: 0;
}
.sub-menu .sub-menu-item:not(:first-of-type) > a {
  left: 30px;
}
/* end */

.content {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 70px 0 0 0;
  position: relative;
}
.contact-us-detail {
  display: flex;
  width: 1400px;
  height: 314px;
  background: #EFF4F9;
  border-radius: 12px;
  margin: auto;
}
.contact-us-detail .detail-left {
  display: flex;
  flex-wrap: wrap;
  width: 900px;
  height: 190px;
  margin: auto 0 auto 66px;
}
.contact-us-detail .detail-left .item {
  display: flex;
  align-items: center;
  width: 470px;
  height: 82px;
}
.contact-us-detail .detail-left .item:nth-of-type(2n) {
  width: 350px;
}
.contact-us-detail .detail-left .item img {
  width: 59px;
  height: 59px;
  margin: 0 20px 0 0;
}
.contact-us-detail .detail-left .item .text {
  font-size: 18px;
  font-weight: 400;
  color: #222;
  margin: 10px 0 4px 0;
}
.contact-us-detail .detail-left .item .message,
.contact-us-detail .detail-left .item .message a {
  font-size: 20px;
  font-weight: bold;
  color: #222;
}
.contact-us-detail .detail-right {
  width: 445px;
}
.contact-us-detail .detail-right .qrcode-box {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.contact-us-detail .detail-right .qrcode-box img {
  width: 182px;
  height: 182px;
  margin: 0 20px 0 0;
}
.contact-us-detail .detail-right .qrcode-box .text {
  font-size: 18px;
  font-weight: 400;
  color: #222;
  margin: 0 0 12px 0;
  width: 210px;
}
.contact-us-detail .detail-right .qrcode-box .message {
  font-size: 14px;
  font-weight: 400;
  color: #888;
}
.company-list {
  display: flex;
  flex-wrap: wrap;
  width: 1400px;
  margin: 60px auto 90px auto;
}
.company {
  display: flex;
  flex-direction: column;
  width: 685px;
  height: 285px;
  background: #EFF4F9;
  border-radius: 12px;
  margin: 0 30px 30px 0;
  padding: 36px 60px 0 60px;
}
.company:nth-child(2n) {
  margin: 0 0 30px 0;
}
.company .company-name {
  font-size: 20px;
  font-weight: bold;
  color: #222;
  margin: 0 0 18px 0;
}
.company .company-detail {
  display: flex;
  flex-direction: column;
}
.company .company-detail .item {
  display: flex;
  margin: 0 0 12px 0;
}
.company .company-detail .item img {
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin: 2px 12px 0 0;
}
.company .company-detail .item .desc {
  font-size: 18px;
  font-weight: 400;
  color: #222;
}
.company .company-detail .item .desc .tel {
  color: #222;
}