.container {
  min-width: 1000px;
  min-height: 500px;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
  background: #fff;
}

.index_con {
  width: 100%;
  height: 1045px;
  background: url(../images/bg.png);
  position: relative;
  top: 0;
  margin-top: 0;
}

.people {
  width: 522px;
  height: 345px;
  background: url(../images/people.png) 0px 0px no-repeat;
  position: absolute;
  left: 250px;
  top: 320px;
  transition: all 1s linear;
}

.about_con {
  width: 100%;
  min-height: 500px;
  background: #fff url(../images/about_con_bg.jpg) 0px 824px no-repeat;
}

.pice01 {
  width: 140px;
  height: 3396px;
  background: url(../images/pice01.png) 0px 0px no-repeat;
  position: absolute;
  left: -300px;
  top: 840px;
  z-index: 3;
}

.pice02 {
  width: 160px;
  height: 3258px;
  background: url(../images/pice02.png) 0px 0px no-repeat;
  position: absolute;
  right: -250px;
  top: 840px;
  z-index: 3;
}

.about_top_banner {
  width: 1920px;
  height: 824px;
  position: relative;
  left: -460px;
  margin-top: -68px;
}

.about_pics {
  width: 1920px;
  height: 206px;
}

.about_pic01 {
  background: url(../images/about_banner.jpg) 0px 0px no-repeat;
  /*-webkit-animation:bgscroll 67s linear both infinite;*/
  /*-moz-animation:bgscroll 67s linear both infinite;*/
  /*-ms-animation:bgscroll 67s linear both infinite;*/
  /*animation:bgscroll 67s linear both infinite;*/
}

@-webkit-keyframes bgscroll {
  0% {
    background-position: 0 0px;
  }

  100% {
    background-position: -1920px 0px;
  }
}

@-moz-keyframes bgscroll {
  0% {
    background-position: 0 0px;
  }

  100% {
    background-position: -1920px 0px;
  }
}

@keyframes bgscroll {
  0% {
    background-position: 0 0px;
  }

  100% {
    background-position: -1920px 0px;
  }
}

.about_pic02 {
  background: url(../images/about_banner.jpg) 0px -206px no-repeat;
  /*-webkit-animation:bgscroll2 67s linear both infinite;*/
  /*-moz-animation:bgscroll2 67s linear both infinite;*/
  /*-ms-animation:bgscroll2 67s linear both infinite;*/
  /*animation:bgscroll2 67s linear both infinite;*/
}

@-webkit-keyframes bgscroll2 {
  0% {
    background-position: 0 -206px;
  }

  100% {
    background-position: -1920px -206px;
  }
}

@-moz-keyframes bgscroll2 {
  0% {
    background-position: 0 -206px;
  }

  100% {
    background-position: -1920px -206px;
  }
}

@keyframes bgscroll2 {
  0% {
    background-position: 0 -206px;
  }

  100% {
    background-position: -1920px -206px;
  }
}

.about_pic03 {
  background: url(../images/about_banner.jpg) 0px -412px no-repeat;
  /*-webkit-animation:bgscroll3 65s linear both infinite;*/
  /*-moz-animation:bgscroll3 65s linear both infinite;*/
  /*-ms-animation:bgscroll3 65s linear both infinite;*/
  /*animation:bgscroll3 65s linear both infinite;*/
}

@-webkit-keyframes bgscroll3 {
  0% {
    background-position: -1920px -412px;
  }

  100% {
    background-position: 0px -412px;
  }
}

@-moz-keyframes bgscroll3 {
  0% {
    background-position: -1920px -412px;
  }

  100% {
    background-position: 0px -412px;
  }
}

@keyframes bgscroll3 {
  0% {
    background-position: -1920px -412px;
  }

  100% {
    background-position: 0px -412px;
  }
}

.about_pic04 {
  background: url(../images/about_banner.jpg) 0px -618px no-repeat;
  /*-webkit-animation:bgscroll4 65s linear both infinite;*/
  /*-moz-animation:bgscroll4 65s linear both infinite;*/
  /*-ms-animation:bgscroll4 65s linear both infinite;*/
  /*animation:bgscroll4 65s linear both infinite;*/
}

@-webkit-keyframes bgscroll4 {
  0% {
    background-position: -1920px -618px;
  }

  100% {
    background-position: 0px -618px;
  }
}

@-moz-keyframes bgscroll4 {
  0% {
    background-position: -1920px -618px;
  }

  100% {
    background-position: 0px -618px;
  }
}

@keyframes bgscroll4 {
  0% {
    background-position: -1920px -618px;
  }

  100% {
    background-position: 0px -618px;
  }
}

.about_intro {
  width: 1000px;
  padding-bottom: 50px;
  /* height: 400px; */
  background: #fff;
  margin-top: -280px;
  position: relative;
  z-index: 2;
}

.about_intro_text_wrap {
  width: 980px;
  /* height: 380px; */
  margin: 0px auto;
  top: 10px;
  position: relative;
}

.about_intro_text_wrap img {
  position: absolute;
  right: 60px;
  top: 40px;
}

.about_intro_text {
  width: 895px;
  margin: 0px auto;
}

.about_intro_text h2 {
  font-size: 48px;
  color: #ff8400;
  margin-top: 35px;
}

.about_intro_text h3 {
  font-size: 32px;
  color: #343434;
  font-weight: 500;
}

.about_intro_text p {
  font-size: 16px;
  color: #343434;
  font-weight: 500;
  margin-top: 0;
  line-height: 32px;
  text-indent: 2em;
}

.about_intro_text p b {
  font-size: 20px;
  color: #ff5400;
}

.about_time_line {
  margin-top: 95px;
}

.about_time_box {
  width: 1000px;
  min-height: 410px;
  overflow-x: hidden;
  /*background:red;*/
  opacity: 0;
}

.about_time_box.active {
  -webkit-animation: fadeInUp 1s ease both;
  -moz-animation: fadeInUp 1s ease both;
  -ms-animation: fadeInUp 1s ease both;
  animation: fadeInUp 1s ease both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.about_time_year {
  width: 100%;
  height: 100px;
  line-height: 100px;
  text-align: center;
  font-size: 52px;
  color: #fb5912;
  font-family: "Arial", "瀵邦喛钂嬮梿鍛寸拨";
}

.about_time_year i {
  font-size: 24px;
  font-style: normal;
  padding-left: 10px;
}

.about_time_long {
  width: 1100px;
}

.about_time_text {
  width: 500px;
  min-height: 240px;
  padding: 35px 0px;
  border-left: 2px solid #fbd6ae;
  border-right: 2px solid #fbd6ae;
  margin-left: -2px;
  float: left;
}

.about_time_text p {
  width: 400px;
  color: #000000;
  line-height: 32px;
  margin: 0px auto;
}

.about_time_img {
  width: 500px;
  min-height: 240px;
  text-align: center;
  float: left;
  border-right: 2px solid #fbd6ae;
  position: relative;
  right: 0px;
  z-index: 2;
}

/* height:1328px; */
.bot_text_box {
  width: 1920px;
  margin-left: -460px;
  background: url(../images/bot_bg.jpg?v=1) center top no-repeat;
  margin-top: 110px;
}

.bot_text {
  position: relative;
  top: -110px;
  width: 1000px;
  height: 662px;
}

.bot_text img {
  float: left;
}

.bot_text_p {
  float: left;
  width: 540px;
  height: 280px;
  background: #78a707;
  font-size: 16px;
  color: #fff;
}

.bot_text_p p {
  width: 450px;
  margin: 0px auto;
  margin-top: 50px;
  line-height: 32px;
}

.bot_text_p p b {
  font-size: 20px;
  color: #fff600;
}

.bot_text_p2 {
  float: left;
  width: 540px;
  height: 342px;
  background: #157cc4;
  font-size: 16px;
  color: #fff;
}

.bot_text_p2 p {
  width: 450px;
  margin: 0px auto;
  margin-top: 50px;
  line-height: 32px;
}

.bot_text_p2 p b {
  font-size: 20px;
  color: #fff600;
}

.bottom_info {
  width: 100%;
  top: -140px;
  position: relative;
}

.bottom_info p {
  width: 850px;
  margin: 0px auto;
  line-height: 32px;
  top: 50px;
  position: relative;
}

.bottom_info img {
  margin-left: -9px;
}

.copyright {
  width: 1000px;
  text-align: center;
  margin: auto;
  padding: 0; /* 移除所有内边距，让内容紧贴顶部 */
}

.copyright_text {
  width: 480px;
  display: inline-block;
}

.copyright_text p {
  color: #535353;
  margin-bottom: 10px;
}

.copyright_text p a {
  color: #535353;
  transition: 0.3s;
}

.copyright_text p a:hover {
  color: #4CAF50;
}

.copyright .ilogo {
  position: relative;
  top: 13px;
}

@media (min-width: 1000px) {
  .copyright {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  .copyright_text,
  .copyright .ilogo {
    flex-shrink: 0;
  }

  .copyright .ilogo {
    top: 0;
  }
}

.aboutFooter {
  width: 100%;
  height: 100px;
  color: #fff;
  text-align: center;
  line-height: 100px;
  font-size: 14px;
  position: relative;
  z-index: 999;
}

.aboutFooter .fWrap {
  width: 1000px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.aboutFooter .logo {
  width: 333px;
  height: 63px;
  margin-left: 100px;
}

.aboutFooter .aboutFooterText {
  width: 400px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  position: relative;
  color: #000;
  margin-right: 100px;
}

.logo-list {
  width: 100%;
}

.logo-list-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.logo-list-item {
  width: 133px;
  height: 127px;
  background: #F7F7F7;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}

.logoTx {
  /* font-weight: bold; */
  font-size: 24px;
  text-align: center;
  color: #3D3D3D;
  padding: 20px 0 60px 0;
}

.logo-list {
  width: 100%;
}

.logo-list-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.logo-list-item {
  width: 133px;
  height: 127px;
  background: #F7F7F7;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.logo-list-item img {
  border-radius: 17px;
}

.logoTx {
  /* font-weight: bold; */
  font-size: 24px;
  text-align: center;
  color: #3D3D3D;
  padding: 20px 0 60px 0;
}

.topNavBtns .logo {
  width: 230px;
  margin-top: 13px;
}