/* img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
} */

.imgstyle {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.company .company-container {
  background: url(../Images/About-Enterprise-Introduction.png) no-repeat center;
  background-size: cover;
  padding: 4.09rem 0 4.09rem 0;
}

.company .info-video {
  background: url(../Images/Banner_2.jpg) no-repeat center;
  background-size: cover;
}

/* 自己修改的样式 */
.main-center-fx-jsb-height {
  height: 29rem;
}
/* 自己修改的样式 */


.company .company-container .company-txt {
  width: 60%;
}

.company .company-container .company-txt h3 {
  font-size: 1.09rem;
  color: #fff;
}

.company .company-container .company-txt .compamy-info p {
  line-height: 1.36rem;
  color: #fff;
  margin-top: 1.36rem;
  text-align: justify;
}

.culture {
  padding-bottom: 2.73rem;
}

.culture .culture-container .culture-item {
  position: relative;
  width: 32%;
  height: 11.82rem;
  margin-bottom: 1.36rem;
  background-color: #f0f0f0;
}

.culture .culture-container .culture-item .txt {
  position: absolute;
  bottom: 1.36rem;
  left: 0.91rem;
  z-index: 3;
  transition: all 0.3s;
}

.culture .culture-container .culture-item .txt h4 {
  font-size: 1rem;
  margin-bottom: 0.45rem;
  font-weight: normal;
  color: #fff;
}

.culture .culture-container .culture-item .txt p {
  line-height: 1.09rem;
  color: #fff;
}

.culture .culture-container .culture-item .hover-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 18, 47, 0.8);
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
  padding: 0 0.91rem;
}

.culture .culture-container .culture-item .hover-box h3 {
  position: relative;
  color: #fff;
  font-size: 1rem;
  margin-bottom: 1.82rem;
}

.culture .culture-container .culture-item .hover-box h3::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -0.95rem;
  transform: translateX(-50%);
  width: 1.59rem;
  height: 0.09rem;
  background-color: #fff;
}

.culture .culture-container .culture-item .hover-box .culture-info p,
.culture .culture-container .culture-item .hover-box .culture-info span {
  color: #fff;
  line-height: 1.36rem;
}

.culture .culture-container .culture-item:last-child {
  width: 66%;
}

.culture .culture-container .culture-item:hover {
  transition: all 0.3s;
}

.culture .culture-container .culture-item:hover .txt {
  opacity: 0;
  transition: all 0.3s;
}

.culture .culture-container .culture-item:hover .hover-box {
  opacity: 1;
  transition: all 0.3s;
}

.service {
  padding-bottom: 3.64rem;
  background: url(../img/about-dt-bg@3x.png) no-repeat center;
  background-size: cover;
}

.service .com-title {
  padding-bottom: 0;
}

.service .com-title h3 {
  color: #fff;
}

.service .service-container {
  position: relative;
}

.service .service-container .service-pic {
  transform: translateX(-3.18rem);
}

.service .service-container .service-pic img {
  object-fit: contain;
}

.service .service-container .service-pic .place {
  position: absolute;
}

.service .service-container .service-pic .place .circle {
  position: relative;
  width: 0.36rem;
  height: 0.36rem;
  background-color: #fff000;
  border-radius: 50%;
  z-index: 3;
}

@keyframes scaless {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }

  50%,
  75% {
    transform: translate(-50%, -50%) scale(1.5);
  }

  78%,
  100% {
    opacity: 0;
  }
}

.service .service-container .service-pic .place p {
  position: absolute;
  left: 0.55rem;
  white-space: nowrap;
  color: #fff;
  font-size: 0.55rem;
}

.service .service-container .service-pic .place .place-info {
  position: absolute;
  right: -13.86rem;
  top: 50%;
  transform: translateY(-45%);
  width: 11.82rem;
  background-color: rgba(36 38 50 / 80%);
  padding: 0.91rem 0.68rem;
  box-sizing: border-box;
  z-index: 99;
  display: none;
  transition: all 0.3s;
}

.service .service-container .service-pic .place .place-info::before {
  content: '';
  position: absolute;
  left: -0.45rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 0.45rem solid transparent;
  border-right: 0.45rem solid rgba(36 38 50 / 80%);
  border-bottom: 0.45rem solid transparent;
}

.service .service-container .service-pic .place .place-info .place-item i {
  color: #fff000;
  font-size: 0.64rem;
}

.service .service-container .service-pic .place .place-info .place-item span {
  color: #fff;
  line-height: 1.09rem;
  text-align: justify;
  font-size: 0.55rem;
}

.service .service-container .service-pic .place .place-info .place-des {
  margin-bottom: 0.23rem;
}

.service .service-container .service-pic .place:hover .place-info {
  display: block;
  transition: all 0.3s;
  transform: translateY(-50%);
}

.service .service-container .service-pic .p1 {
  left: 33%;
  top: 32%;
}

.service .service-container .service-pic .p2 {
  right: 29%;
  top: 25%;
}

.service .service-container .service-pic .p3 {
  right: 37.5%;
  top: 37%;
}

.service .service-container .service-pic .p4 {
  right: 31.5%;
  top: 34%;
}

.service .service-container .service-pic .p5 {
  right: 36%;
  top: 43.5%;
}

.service .service-container .service-pic .p6 {
  right: 45%;
  top: 48%;
}

.service .service-container .service-pic .p7 {
  right: 40%;
  top: 47%;
}

.service .service-container .service-pic .p8 {
  right: 31.5%;
  top: 51%;
}

.service .service-container .service-pic .p9 {
  right: 35%;
  bottom: 47%;
}

.service .service-container .service-pic .p10 {
  right: 39%;
  bottom: 45.5%;
}

.service .service-container .service-pic .p11 {
  right: 36%;
  bottom: 42%;
}

.service .service-container .service-pic .p12 {
  right: 47%;
  bottom: 39%;
}

.service .service-container .service-pic .p13 {
  right: 40.5%;
  bottom: 41%;
}

.service .service-container .service-pic .p14 {
  right: 46.5%;
  bottom: 43.5%;
}

.service .service-container .service-pic .p15 {
  left: 47%;
  bottom: 45%;
}

.service .service-container .service-pic .p16 {
  right: 42%;
  top: 43%;
}

.service .service-container .service-pic .p17 {
  left: 46%;
  bottom: 35%;
}

.service .service-container .service-pic .p18 {
  right: 39%;
  bottom: 33%;
}

.service .service-container .service-pic .p19 {
  right: 32.5%;
  bottom: 39%;
}

.service .service-container .service-pic .p20 {
  right: 38%;
  bottom: 30.5%;
}

.service .service-container .service-pic .p21 {
  right: 29.5%;
  top: 29.5%;
}

.service .service-container .service-pic .p22 {
  right: 36.5%;
  top: 39.5%;
}

.service .service-container .service-pic .p23 {
  right: 33.5%;
  top: 50%;
}

.service .service-container .service-pic .p24 {
  right: 32%;
  top: 52.5%;
}

.service .service-container .service-pic .p25 {
  right: 32.5%;
  top: 54%;
}

.service .service-container .service-pic .p26 {
  right: 50.5%;
  top: 45.5%;
}

.service .service-container .service-pic .p27 {
  right: 48.5%;
  top: 42%;
}

.service .service-container .service-pic .p28 {
  right: 54%;
  top: 44%;
}

.service .service-container .service-pic .p29 {
  right: 38.5%;
  bottom: 32%;
}

.service .service-container .service-pic .c-big .circle {
  width: 0.73rem;
  height: 0.73rem;
}

.service .service-container .service-pic .c-big .circle::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 1.64rem;
  height: 1.64rem;
  border-radius: 50%;
  background-color: #fff000;
  opacity: 0.3;
  z-index: 2;
}

.service .service-container .service-pic .c-big p {
  left: 1rem;
}

.service .service-container .beijing .circle::before {
  animation: scaless 1.5s infinite cubic-bezier(0, 0, 0.49, 1.02);
}

.service .service-container .beijing p {
  top: 50%;
  transform: translateY(-50%);
  left: 0.91rem;
}

.service .service-container .sichuan .circle::before {
  animation: scaless 1s 1s infinite cubic-bezier(0, 0, 0.49, 1.02);
}

.service .service-container .guangdong .circle::before {
  animation: scaless 1s 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
}

.service .service-container .servie-txt {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 30%;
  transform: translateY(-50%);
}

.service .service-container .servie-txt p,
.service .service-container .servie-txt span {
  line-height: 1.64rem;
  color: #fff;
  text-align: justify;
}

.service .service-container .servie-txt .ser-items {
  margin-top: 1.82rem;
}

.service .service-container .servie-txt .ser-items .ser-item {
  width: 49%;
  margin-right: 2%;
}

.service .service-container .servie-txt .ser-items .ser-item:nth-child(1),
.service .service-container .servie-txt .ser-items .ser-item:nth-child(2) {
  margin-bottom: 1.36rem;
}

.service .service-container .servie-txt .ser-items .ser-item:nth-child(2n) {
  margin-right: 0;
}

.service .service-container .servie-txt .ser-items .ser-item h4 {
  font-size: 0.73rem;
  color: #0096a3;
  margin-bottom: 0.45rem;
}

.service .service-container .servie-txt .ser-items .ser-item p {
  line-height: 1.36rem;
  color: #666;
}

.honor .honor-ul {
  margin-bottom: 1.82rem;
}

.honor .honor-ul li {
  position: relative;
  margin: 0 1.36rem;
  cursor: pointer;
  font-size: 0.82rem;
}

.honor .honor-ul li::after {
  content: '';
  position: absolute;
  right: -1.36rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.05rem;
  height: 100%;
  background-color: #666;
}

.honor .honor-ul li:first-child {
  margin-left: 0;
}

.honor .honor-ul li:last-child {
  margin-right: 0;
}

.honor .honor-ul li:last-child::after {
  width: 0;
  height: 0;
}

.honor .honor-ul li:hover {
  color: #0096a3;
}

.honor .honor-ul .honor-active {
  color: #0096a3;
}

.honor .honor-container .honor-box {
  display: none;
  --swiper-navigation-size: 1rem;
  --swiper-navigation-color: #fff;
}

.honor .honor-container .honor-box .swiper-button-next,
.honor .honor-container .honor-box .swiper-button-prev {
  width: 1.82rem;
  height: 1.82rem;
  border-radius: 50%;
  background-color: #0096a3;
  opacity: 0;
  transition: all 0.3s;
}

.honor .honor-container .honor-box .swiper-slide {
  height: 19.09rem;
  background-color: #f9f9f9;
  padding: 0.91rem;
}

.honor .honor-container .honor-box .swiper-slide img {
  object-fit: contain;
}

.honor .honor-container .honor-box .swiper-slide:hover {
  border: 0.05rem solid #0096a3;
}

.honor .honor-container .honor-box .swiper-pagination {
  display: none;
}

.honor .honor-container .honor-box:hover .swiper-button-next,
.honor .honor-container .honor-box:hover .swiper-button-prev {
  transform: translateX(-0.45rem);
  transition: all 0.3s;
  opacity: 1;
}

.honor .honor-container .honor-box:hover .swiper-button-prev,
.honor .honor-container .honor-box:hover .swiper-container-rtl .swiper-button-next {
  transform: translateX(0.45rem);
  transition: all 0.3s;
  opacity: 1;
}

.honor .honor-container .honor-selected {
  display: block;
}

.style {
  background: url(../img/about-qyfc-bg@3x.png) no-repeat center;
  background-size: cover;
  margin-top: 3.18rem;
  padding-bottom: 3.64rem;
}

.style .com-title h3 {
  color: #fff;
}

.style #style-container {
  padding-bottom: 1.82rem;
}

.style #style-container .swiper-slide {
  height: 14.55rem;
  transition: 300ms;
  transform: scale(0.9);
  background-color: #f0f0f0;
}

.style #style-container .swiper-slide-active,
.style #style-container .swiper-slide-duplicate-active {
  transform: scale(1);
}

.style #style-container .swiper-pagination-bullet {
  background-color: #fff;
}

.style #style-container .swiper-pagination-bullet-active {
  background-color: #0096a3;
}

.onlineMessage {
  margin-bottom: 4.55rem;
}

.onlineMessage form .form-t {
  margin-bottom: 0.91rem;
}

.onlineMessage form .form-t input {
  width: 48%;
  height: 2.18rem;
  padding: 0 1.36rem;
  background-color: #fff;
  box-sizing: border-box;
  border: 0.05rem solid #e5e5e5;
}

.onlineMessage form .form-t input::-webkit-input-placeholder {
  color: #777;
}

.onlineMessage form textarea {
  width: 100%;
  height: 4.55rem;
  padding: 1.36rem;
  margin-bottom: 0.91rem;
  background-color: #fff;
  resize: none;
  border: 0.05rem solid #e5e5e5;
  box-sizing: border-box;
}

.onlineMessage form textarea::-webkit-input-placeholder {
  color: #777;
}

.onlineMessage form .btn {
  text-align: center;
}

.onlineMessage form button {
  height: 2.18rem;
  width: 9.09rem;
  text-align: center;
  line-height: 2.18rem;
  background-color: #0096a3;
  color: #fff;
  border: 0;
  outline: none;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {

  /* 自己修改的样式 */
  .main-center-fx-jsb-height {
    height:65rem;
  }

  /* 自己修改的样式 */
  .list-nav {
    display: none;
  }

  .company .company-container {
    background: url(../Images/Banner_2.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 2.09rem 1.73rem;
  }

  .company .company-container .company-txt {
    width: 100%;
  }

  .culture .culture-container .culture-item {
    width: 100% !important;
    margin-bottom: 0.5rem;
  }

  .service .com-title {
    padding-bottom: 3.68rem;
  }

  .service .service-container {
    flex-direction: column-reverse;
  }

  .service .service-container .servie-txt {
    position: static;
    width: 100%;
    transform: translate(0);
  }

  .service .service-container .service-pic {
    transform: translateX(0);
  }

  .service .service-container .service-pic p {
    display: none;
  }

  .service .service-container .service-pic .place .place-info {
    left: 50%;
    right: auto;
    top: -3.5rem;
    transform: translateX(-50%);
  }

  .service .service-container .service-pic .place:hover .place-info {
    transform: translate(-50%, -50%);
  }

  .service .service-container .c-big p {
    display: block;
  }

  .honor .honor-ul .honor-li {
    margin: 0px 0.6rem;
  }

  .honor .honor-ul .honor-li::after {
    width: 0;
    height: 0;
  }

  .honor .honor-container .honor-box {
    padding-bottom: 1.82rem;
  }

  .honor .honor-container .honor-box .swiper-slide {
    height: 12.09rem;
  }

  .honor .honor-container .honor-box .swiper-pagination {
    display: block;
  }

  .honor .honor-container .honor-box .swiper-pagination-bullet-active {
    background-color: #0096a3;
  }

  .honor .honor-container .honor-box .swiper-button-next,
  .honor .honor-container .honor-box .swiper-button-prev {
    display: none;
  }
}

.eco-icon {
  &:nth-child(4n) {
    margin-right: 0;
  }
}