.home {
  position: relative;
}
.home .banner {
  width: 100%;
  overflow: hidden;
}
.home .banner img {
  display: block;
  width: 100%;
  object-fit: cover;
  animation: big 5s forwards linear;
}
@keyframes big {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.02);
  }
}
.home .main {
  width: 100%;
  position: relative;
}
.home .main .bgVideo {
  position: absolute;
  right: 0;
  top: 300px;
  width: 40%;
  z-index: -1;
}
.home .main .bgVideo img {
  position: absolute;
  right: 0;
  height: 400px;
  display: block;
  object-fit: contain;
}
.home .main .bgVideo video {
  /*width: 100%;*/
  display: block;
  height: 500px;
  object-fit: contain;
  transform: rotateY(180deg);
}
.home .main .ntype {
  width: 100%;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #E8E8E8;
}
.home .main .ntype a {
  display: block;
  position: relative;
  padding: 30px 0;
  color: #5C5C5C;
  font-size: 15px;
  font-family: "Roboto-Condensed";
  margin: 0 4%;
  transition: all 600ms;
  cursor: pointer;
}
.home .main .ntype a::after {
  content: "";
  display: inline-block;
  width: 0;
  transition: all 600ms;
  height: 3px;
  background: #EE892F;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  position: absolute;
}
.home .main .ntype a:hover {
  color: #EE892F;
}
.home .main .ntype a:hover::after {
  width: 48%;
}
.home .main .ntype .active {
  color: #EE892F;
}
.home .main .ntype .active::after {
  width: 48%;
}
.home .main .company {
  width: 70%;
  margin: 0 auto;
  padding: 100px 0;
}
.home .main .company .t1 {
  color: #2E2E2E;
  font-size: 32px;
  font-family: "Roboto-Bold";
}
.home .main .company .des {
  color: #474747;
  font-family: "Roboto-Regular";
  line-height: 34px;
  margin: 30px 0;
  width: 85%;
}
.home .main .company a {
  display: flex;
  width: 110px;
  height: 37px;
  border: 1px solid #808080;
  border-radius: 19px;
  align-items: center;
  justify-content: center;
  color: #808080;
  transition: all 600ms;
}
.home .main .company a span {
  font-family: "Roboto-Bold";
}
.home .main .company a i {
  display: inline-block;
  transform: rotateY(180deg) translateY(2px) translateX(-5px);
  transition: all 600ms;
}
.home .main .company a:hover {
  background-color: #EE892F;
  color: white;
  border-color: #EE892F;
}
.home .main .company .nums {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
.home .main .company .nums .item {
  width: 30%;
}
.home .main .company .nums .item .pn {
  display: flex;
  align-items: flex-end;
}
.home .main .company .nums .item .pn p {
  color: #EE892F;
  font-family: "Roboto-Bold";
  font-size: 30px;
  font-weight: bolder;
}
.home .main .company .nums .item .pn span {
  color: #EE892F;
  font-size: 14px;
  transform: translateY(-5px);
  display: inline-block;
  margin-left: 10px;
}
.home .main .company .nums .item .p2 {
  color: #333333;
  font-size: 14px;
  font-family: "Roboto-Bold";
  margin-left: 5px;
}
.home .main .culture {
  background-color: #F3F3F5;
  width: 70%;
  padding: 60px 15%;
}
.home .main .culture .t1 {
  color: #2E2E2E;
  font-size: 32px;
  font-family: "Roboto-Bold";
  text-align: center;
  position: relative;
  padding-bottom: 20px;
}
.home .main .culture .t1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 2px;
  background: #FF8707;
  display: block;
}
.home .main .culture .t2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px 0;
}
.home .main .culture .t2 p {
  color: #2D2D2E;
  font-size: 18px;
  margin-left: 30px;
  font-family: "Roboto-Regular";
}
.home .main .culture .allItems {
  width: 100%;
  margin: 60px auto;
  display: flex;
  justify-content: space-between;
}
.home .main .culture .allItems .item {
  width: 32%;
  display: block;
}
.home .main .culture .allItems .item .pic {
  width: 100%;
  overflow: hidden;
}
.home .main .culture .allItems .item .pic img {
  width: 100%;
  display: block;
  object-fit: cover;
  transition: all 600ms;
}
.home .main .culture .allItems .item p {
  color: #222222;
  font-size: 22px;
  position: relative;
  padding-bottom: 10px;
  margin-top: 20px;
  text-align: center;
  transition: all 600ms;
}
.home .main .culture .allItems .item p::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 2px;
  background: #FF8707;
  display: block;
}
.home .main .culture .allItems .item .des {
  width: 90%;
  margin: 20px auto;
  text-align: center;
  color: #474747;
  font-size: 15px;
  line-height: 25px;
}
.home .main .culture .allItems .item:hover .pic img {
  transform: scale(1.05);
}
.home .main .culture .allItems .item:hover p {
  color: #EE892F;
}
.home .main .brand {
  width: 70%;
  padding: 60px 15%;
  background: url("../images/abbg.png") no-repeat;
  background-size: cover;
}
.home .main .brand .t1 {
  color: #2E2E2E;
  font-size: 32px;
  font-family: "Roboto-Bold";
  text-align: center;
}
.home .main .brand .allItems {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 120px;
}
.home .main .brand .allItems a {
  display: block;
  width: 29%;
  box-shadow: 0px 5px 68px 0px rgba(37, 39, 41, 0.1);
  border-radius: 1px;
  cursor: pointer;
}
.home .main .brand .allItems a .pic {
  width: 100%;
  overflow: hidden;
}
.home .main .brand .allItems a .pic img {
  width: 100%;
  display: block;
  object-fit: cover;
  transition: all 600ms;
}
.home .main .brand .allItems a .text {
  width: 80%;
  transition: all 600ms;
  padding: 50px 10%;
}
.home .main .brand .allItems a .text p {
  color: #474747;
  font-size: 24px;
  transition: all 600ms;
  font-family: "Roboto-Bold";
}
.home .main .brand .allItems a .text .more {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  color: #666666;
  transition: all 600ms;
}
.home .main .brand .allItems a .text .more span {
  font-family: "Roboto-Condensed";
}
.home .main .brand .allItems a .text .more i {
  transform: rotateY(180deg);
}
.home .main .brand .allItems a:hover .pic img {
  transform: scale(1.05);
}
.home .main .brand .allItems a:hover .text {
  background-color: #EE892F;
}
.home .main .brand .allItems a:hover .text p, .home .main .brand .allItems a:hover .text .more {
  color: white;
}
.home .main .brand .allItems a:nth-child(2) {
  transform: translateY(-40px);
}
.home .main .brand .allItems a:nth-child(2):hover .text {
  background-color: #008066;
}
.home .main .brand .allItems a:nth-child(3):hover .text {
  background-color: #e72419;
}
.home .main .equipment {
  width: 70%;
  margin: 60px auto;
}
.home .main .equipment .t1 {
  color: #2E2E2E;
  font-size: 32px;
  font-family: "Roboto-Bold";
  text-align: center;
}
.home .main .equipment .allItems {
  width: 100%;
  margin: 60px auto;
  display: flex;
  justify-content: space-between;
}
.home .main .equipment .allItems a {
  width: 48%;
  display: block;
}
.home .main .equipment .allItems a .pic {
  width: 100%;
  overflow: hidden;
}
.home .main .equipment .allItems a .pic img {
  width: 100%;
  display: block;
  object-fit: cover;
  transition: all 600ms;
}
.home .main .equipment .allItems a p {
  color: #333333;
  font-size: 24px;
  font-family: "Roboto-Bold";
  margin: 20px 0;
  transition: all 600ms;
}
.home .main .equipment .allItems a .des {
  color: #575757;
  font-size: 14px;
  line-height: 22px;
  font-family: "Roboto-Regular";
}
.home .main .equipment .allItems a:hover .pic img {
  transform: scale(1.05);
}
.home .main .equipment .allItems a:hover p {
  color: #EE892F;
}
.home .main .people {
  width: 70%;
  position: relative;
  background: url("../images/hbg.png") no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-between;
  padding: 80px 15%;
}
.home .main .people .sw1 {
  width: 60%;
  position: relative;
}
.home .main .people .sw1 .swiper-scrollbar {
  height: 4px;
  z-index: 100;
  margin-top: 40px;
}
.home .main .people .sw1 .swiper-scrollbar .swiper-scrollbar-drag {
  width: 4px;
  background: #EEEEEE;
}
.home .main .people .sw1 .t1 {
  color: #2E2E2E;
  font-size: 32px;
  font-family: "Roboto-Bold";
  margin-left: 30px;
}
.home .main .people .sw1 .swiper-container {
  width: 100%;
  height: 500px;
  margin-top: 60px;
}
.home .main .people .sw1 .swiper-container .swiper-slide .ti {
  color: #474747;
  font-family: "Roboto-Regular";
  transition: all 600ms;
  cursor: pointer;
  display: inline-block;
  padding: 15px 30px;
}
.home .main .people .sw1 .swiper-container .swiper-slide-active .ti {
  background-color: #F3F3F3;
  color: #EE892F;
}
.home .main .people .sw2 {
  width: 30%;
  position: relative;
}
.home .main .people .sw2 .swiper-container {
  width: 100%;
}
.home .main .people .sw2 .swiper-container .swiper-wrapper .swiper-slide .pic img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.content-warp .sw2-warp{
  width: 55%;
}
/*# sourceMappingURL=about.css.map */