* {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}

/*html {font-size: 100px;}*/

body {
  max-width: 1920px;
  /* width: 1920px; */
  min-width: 1200px;
  margin: 0 auto;
  /* overflow: scroll; */
  /* overflow-y: hidden; */
}

ul,
li {
  list-style: none;
}

/* ============= header START ============= */

.logo-header {
  height: 50px;
  margin-right: 30px;
}

.nav {
  width: 100%;
  min-width: 1200px;
  position: fixed;
  z-index: 9999;
  /* left: 0; */
  /* right: 0; */
  top: 0;
  height: 80px;
  background-color: #b30c0f;
  /*display: flex;*/
  /*justify-content: center;*/
}

.nav span {
  width: 200px;
  position: fixed;
  z-index: 9999;
  margin: 15px 200px;
}

/*.nav span img{*/
/*}*/

.nav-center {
  display: flex;
  align-items: center;
  /* width: 1080px; */
  height: 80px;
  margin-left: 35%;
}

.nav-list {
  display: flex;
  align-items: center;
}

.nav-list li {
  box-sizing: content-box;
  width: 111px;
  text-align: center;
  height: 77px;
  line-height: 77px;
  font-size: 16px;
  color: #fff;
  margin-right: 80px;
  border-bottom: 3px solid transparent;
}

.nav-list li a {
  color: #fff;
  width: 100%;
  height: 100%;
  display: block;
}

.nav-list li:hover {
  border-bottom: 3px solid #fff;
}

/* ============= header END ============= */

/* ============= main START ============= */

.main {
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
}

.banner {
  margin-top: 80px;
  position: relative;
  width: 100%;
  min-width: 1200px;
  height: 944px;
}

#about-banner {
  width: 1920px;
  min-width: 1200px;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* ============= main END ============= */
.content {
  /*color: #7b7b7b;*/
  color: #4b3f64;
  margin: 0 auto;
  position: relative;
}

.title1 {
  text-align: center;
  font-size: 22px;
  /*padding: 10px 0;*/
}

.content-above {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.content-above-main {
  /*padding: 9px;*/
  /*position: relative;*/
  margin: 420px auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.content-above-main ul {
  display: flex;
}
.content-above-main ul li {
  width: 300px;
  background-color: #fff;
  border-radius: 16px;
  margin: 10px 22px;
  padding: 35px 20px;
}

.content-above-main p {
  margin-top: 20px;
  margin-bottom: 22px;
  text-align: center;
  font-family: PingFang-SC-Bold, serif;
  font-size: 20px;
  color: #454060;
  font-weight: bold;
}

.content-above-main img {
  /*position: absolute;*/
  width: 69px;
  height: 69px;
  display: block;
  margin: 0 auto;
}

.content-above-main span {
  color: #969696;
  font-size: 18px;
  /*padding: 30px;*/
  /*text-align: left;*/
  line-height: 29px;
}

.title {
  text-align: center;
  font-size: 24px;
}

/*.content p{*/
/*  margin-top: 15px;*/
/*}*/

/*.content-above-main {*/
/*  !*text-align: center;*!*/
/*  width: 800px;*/
/*  !*height: 200px;*!*/
/*  margin:0 auto;*/
/*  padding: 50px 0;*/
/*  !*background-color: #f7f7f7;*!*/
/*}*/

.content-below {
  /*width: 200px;*/
  /*height: 200px;*/
  margin: 0 auto;
  padding: 30px 0;
}

.content-below-icon {
  display: flex;
  width: 540px;
  height: 250px;
  margin: 0 auto;
  /*background-color: #dce7f9;*/
}

.icon {
  display: flex;
  width: 200px;
  height: 200px;
  margin: 30px auto;
  padding-top: 10px;
}

.icon span {
  width: 90px;
  height: 20px;
  font-size: 14px;
  text-align: center;
  margin: 110px auto;
  position: absolute;
  /*background-color: #FFFFFF;*/
}
.icon img {
  width: 100px;
  height: 100px;
}
.content-below-icon1 {
  width: 150px;
  height: 150px;
  /*background-position: -230px -34px;*/
  overflow: hidden;
}
.content-below-icon2 {
  width: 150px;
  height: 150px;
  /*background-position: 0 -225px;*/
  overflow: hidden;
}
.content-below-icon3 {
  width: 150px;
  height: 150px;
  /*background-position: 0 -413px;*/
  overflow: hidden;
}
.content-below-icon4 {
  width: 150px;
  height: 150px;
  /*background-position: 0 -612px;*/
  overflow: hidden;
}

.business-content {
  height: 800px;
  margin: 100px auto;
  padding: 30px;
}

.business-main {
  display: flex;
  /*height: 20%;*/
  /* width: 100%; */
  /*padding: 30px 90px;*/
  padding: 2vw 6%;
  margin: 30px auto;
  text-align: center;
}

.business-main-img {
  /*width: 150px;*/
  /*height: 150px;*/
  width: 12%;
  height: 12%;
}

.business-goods {
  display: flex;
  /*font: 400 16px/2em '\5FAE\8F6F\96C5\9ED1',tahoma,sans-serif;*/
  /*color: #7b7b7b;*/
  /*text-align: center;*/
  /*margin: 0 auto ;*/
}

.business-icon img {
  width: 150px;
  height: 150px;
  padding-top: 20px;
}

.business-main ul li {
  width: 28%;
  /*height: 90%;*/
  height: 220px;
  margin-left: 8%;
}
ul li img {
  width: 13vw;
  height: 13vw;
}

.business-goods p {
  width: 90px;
  font: 400 16px/2em "\5FAE\8F6F\96C5\9ED1", tahoma, sans-serif;
  color: #7b7b7b;
  text-align: center;
  margin: 20px auto;
}

.business-more img {
  width: 7vw;
  height: 4vw;
  /*margin-left: 80px;*/
  margin-left: 8%;
  padding-top: 5vw;
}

/* ============= footer START ============= */

.footer {
  width: 100%;
  min-width: 1200px;
  height: 120px;
  /*background: #b30c0f;*/
  padding: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  position: relative;
  bottom: 0;
}

.footer-aside {
  margin-right: 120px;
  margin-left: 0;
}

/*.footer-aside img {*/

/*}*/

.footer-content {
  color: #fff;
  font: 400 12px/2em "\5FAE\8F6F\96C5\9ED1", tahoma, sans-serif;
}

.footer-bg {
  width: 100%;
  height: 180px;
  position: absolute;
  bottom: 0;
  z-index: -99999999;
}

.footer-content a {
  color: white;
}

.aside-right p {
  color: #fff;
  margin-left: 8.6vw;
  /*font: 400 16px/2em '\5FAE\8F6F\96C5\9ED1',tahoma,sans-serif;*/
  font-size: 16px;
  height: 30px;
  line-height: 15px;
  /*text-align: center;*/
}

.logo-footer {
  height: 50px;
}

/* ============= footer END ============= */

/* ============= about START ============= */

.introduction {
  background: #1b212b;
  height: 384px;
  padding-top: 143px;
  box-sizing: border-box;
}

.introduction h3 {
  text-align: center;
  font-size: 32px;
  color: #ffffff;
  margin-bottom: 20px;
}

.introduction .text {
  margin: 0 auto;
  width: 1280px;
  height: 39px;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
}

body .active {
  border-bottom: 3px solid #fff;
}