html {
  font-size: 21.33333333px;
}
* {
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 1280px) {
  html {
    font-size: 21.33333333px;
  }
}
@media screen and (min-width: 1366px) {
  html {
    font-size: 22.76666667px;
  }
}
@media screen and (min-width: 1440px) {
  html {
    font-size: 24px;
  }
}
@media screen and (min-width: 1600px) {
  html {
    font-size: 26.66666667px;
  }
}
@media screen and (min-width: 1680px) {
  html {
    font-size: 28px;
  }
}
@media screen and (min-width: 1920px) {
  html {
    font-size: 32px;
  }
}
.container {
  padding: 0;
}
.head {
  height: 3.28125rem;
  border-bottom: 1px solid #eee;
}
.head ul {
  width: 36.5625rem;
  margin: 0 auto;
}
.head ul li {
  float: left;
  height: 3.28125rem;
  width: 3.75rem;
  line-height: 3.90625rem;
  font-size: 0.4375rem;
  padding: 0;
}
.head ul li.logo {
  width: 8.4375rem;
}
.head ul li a {
  display: inline;
  color: #6a6767;
  padding: 0.3125rem 0.6875rem;
  border-radius: 0.5rem;
}
.head ul li a:hover {
  color: #fff;
  background-color: #000;
}
.head ul li a.active {
  padding: 0.3125rem 1.0625rem;
}
.head ul li a.long {
  padding: 0.3125rem 0.40625rem;
}
.head .logo {
  margin: 0 1rem 0 0.625rem;
  background: url(../img/logo.png) center center no-repeat;
  background-size: contain;
}
.nav2 {
  height: 5.0625rem;
  background-color: #1a253a;
}
.nav2 ul {
  padding: 0 0 0 0.625rem;
  width: 36.5625rem;
  overflow: hidden;
  margin: 0 auto;
  list-style: none;
}
.nav2 .title {
  color: #fff;
  float: left;
  font-size: 0.9375rem;
  line-height: 5.0625rem;
}
.nav2 li:first-child {
  margin-right: 4.53125rem;
  cursor: default;
}
.nav2 li {
  float: left;
  margin-right: 2rem;
  color: #a5a5a5;
  font-size: 0.625rem;
  line-height: 5.0625rem;
  cursor: pointer;
}
.nav2 li a {
  color: inherit;
  text-decoration: none;
}
.nav2 li a:hover {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.content {
  padding: 0 0 0 0.625rem;
  height: 100%;
  width: 36.5625rem;
  margin: 0 auto;
}
.content .title {
  height: 2.875rem;
  border-bottom: 1px solid #b5b5b5;
}
.content .title .ch {
  font-size: 0.875rem;
  height: 0.9375rem;
  font-weight: 600;
  margin-top: 1rem;
  float: left;
  width: 5.625rem;
}
.content .title .cpi {
  float: left;
  padding-left: 1.625rem;
  border-left: 1px solid #838181;
  margin-top: 1rem;
  color: #bebebe;
  font-size: 0.875rem;
}
.content .con {
  margin-left: 15px;
  padding-top: 23px;
  padding-bottom: 24px;
}
.content .con .detail {
  width: 29.6875rem;
  margin: 0 auto;
  font-size: 0.5625rem;
  line-height: 1.09375rem;
  text-indent: 2em;
  color: #000;
}
#company,
#entertainment,
#industrial,
#make {
  display: none;
  height: 20.625rem;
}
#make {
  background: url(../img/b4.jpg) center center no-repeat;
  background-size: cover;
}
#company {
  background: url(../img/b1.jpg) center center no-repeat;
  background-size: cover;
}
#industrial {
  background: url(../img/b2.jpg) center center no-repeat;
  background-size: cover;
}
#entertainment {
  background: url(../img/b3.jpg) center center no-repeat;
  background-size: cover;
}
#entertainment .con {
  height: 18.3125rem;
  background: url(../img/eb.png) center center no-repeat;
  background-size: 80%;
}
.footer {
  min-width: 1220px;
  background-color: #4f5866;
}
.footer .fcc {
  width: 1220px;
  margin: 0 auto;
}
.footer .f-logo {
  height: 6.65625rem;
  width: 320px;
  background: url(../img/f-logo.png) center center no-repeat;
  float: left;
}
.footer .content {
  width: 320px;
  float: left;
  margin-left: 130px;
  padding: 0;
}
.footer .text {
  color: #fff;
  font-size: 0.5625rem;
  margin: 1.3125rem 0 0.75rem 0;
}
.footer .tips {
  color: #c1c2c4;
  font-size: 10px;
  margin: 0 0 0.3125rem 0;
}
.footer .tip {
  clear: both;
  color: #c1c2c4;
  font-size: 10px;
  margin: 0.75rem 0 0 450px;
}