html {
  overflow-x: hidden;
}

html,
body,
.content-box,
#navbar {
  width: 100vw;
  box-sizing: border-box;
}

.navbar-expand-lg .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  white-space: nowrap;
}

#navbar {
  height: 68px;
  flex-direction: row !important;
  padding: 0 0.16rem !important;
  white-space: nowrap;
}

.navbar-brand {
  width: 28%;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-right: 0 !important;
  flex-shrink: 0;
}

#navbarNav {
  width: 72%;
}

.navbar-nav {
  flex-direction: row !important;
  font-size: 0.3466rem;
  white-space: nowrap;
}

.nav-item {
  margin-right: 0.14rem;
}

.nav-item:last-child {
  margin-right: 0;
}

.imageList {
  padding-top: 68px;
}

.mt-5,
.my-5,
.ml-5,
.mx-5,
.mt-4,
.my-4,
.mt-1,
.my-1 {
  margin: 0 !important;
}

.pb-4,
.py-4,
.pt-1,
.py-1 {
  padding: 0 !important;
}

.call{
  font-size: 0.32rem;
  padding-bottom: 0.16rem;
}
.flex-s-c{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
#cooperate{
  font-size: 0.3rem;
  padding: 0.7rem 0.2rem 0.2rem;
}
.bottomLeft{
 width: 42% !important;
}
.buttomRight{
  margin-left: 0 !important;
  width: 58%;
  padding-left: 5%;
}
#cooperate .content-box{
  width: auto !important;
}
.bgText{
  font-size: 0.266rem;
}