.pcbox {
  display: block;
}

.mbox {
  display: none;
}

.secwen {
  opacity: 0;
  transform: translateY(30px);
  transition: 0.8s cubic-bezier(0.3, 0, 0.24, 1);
}

.secwen.animate {
  opacity: 1;
  transform: translateY(0);
  transition: 0.8s cubic-bezier(0.3, 0, 0.24, 1);
}

.add2.secwen {
  transition-delay: .2s;
}

.add2.secwen {
  transition-delay: .3s;
}

.wel-banner .imgspc {
  height: 21.125rem;
  object-fit: cover;
}
.wel-banner .items {
  position: relative;
}
.wel-banner .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #fff;
  padding-top: 6.5rem;
}
.wel-banner .tits {
  line-height: 1.235;
  margin-bottom: 1.25rem;
}

.conban-swiper .swiper-pagination {
  line-height: 1;
  color: rgba(255, 255, 255, 0.5);
}
.conban-swiper .swiper-pagination span {
  line-height: 1;
  color: #fff;
}
.conban-swiper .swiper-pagination {
  position: absolute;
  left: 1.95rem;
  bottom: 1.25rem;
  width: auto;
}
.conban-swiper .swiper-btnbox {
  font-size: 0;
  position: absolute;
  right: 2rem;
  bottom: 1.3rem;
  z-index: 5;
}
.conban-swiper .swiper-btnbox .btn {
  display: inline-block;
  vertical-align: top;
  position: static;
  margin: 0;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.conban-swiper .swiper-btnbox .btn:nth-child(n+2) {
  margin-left: .5rem;
}
.conban-swiper .swiper-btnbox .swiper-button-prev {
  background-image: url(../img/newaddimg/prev.png);
}
.conban-swiper .swiper-btnbox .swiper-button-next {
  background-image: url(../img/newaddimg/next.png);
}

.wel-ab-tits {
  line-height: 1;
  position: relative;
  padding-left: 24px;
  color: #0073b6;
}
.wel-ab-tits img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}

.avenir {
  font-family: Arial;
  font-weight: bold;
}

.w1600 {
  width: 85%;
  max-width: 85%;
  margin: 0 auto;
}

.bold {
  font-weight: bold;
}

.medium {
  font-weight: 500;
}

.wel-ab-txts {
  color: #333333;
  line-height: 1.2;
  margin-top: 1.1rem;
  margin-bottom: 1.45rem;
}
.wel-abouts .box .wel-ab-txts {
  line-height: 1.2;
}

.wel-ab-list {
  position: relative;
}

.wel-industry .items {
  position: relative;
}
.wel-industry.conban-swiper .swiper-btnbox {
  padding-left: 4rem;
  padding-right: 4rem;
  left: 0;
  bottom: 0;
  right: 0;
  top: auto;
  margin: auto;
  padding-bottom: 8.0729166667vw;
}
.wel-industry .imgspc {
  height: 21.25rem;
}
.wel-industry .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  color: #fff;
  background: rgba(0,0,0,.2);
}
.wel-industry .words .titbox {
  height: 1.35em;
}
.wel-industry .words .tits {
  line-height: inherit;
  color: rgba(255, 255, 255, 0.5);
}
.wel-industry .words .txts {
  line-height: 1.35;
  margin-top: 0.6em;
  max-width: 17em;
}
.wel-industry .words .box {
  padding-left: 4rem;
  padding-right: 4rem;
  padding-bottom: 14.5833333333vw;
  line-height: 1.35;
  padding-top: 2.0833333333vw;
}
.wel-industry .swiper-pagination {
  left: auto;
  bottom: auto;
  top: auto;
  padding: 0 4rem;
  bottom: calc(16.67vw + 6em);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5;
  text-align: left;
}
.wel-industry .swiper-toplist {
  position: absolute;
  width: 100%;
  left: 0;
  top: 8.8541666667vw;
  z-index: 10;
}
.wel-industry .swiper-toplist .li {
  position: absolute;
}
.wel-industry .swiper-toplist .li span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /*border:2px solid #fff;*/
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wel-industry .swiper-toplist .li span:before {
  width: 3.5rem;
  height: 3.5rem;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  transform: translate(-50%, -50%) scale3d(0.5, 0.5, 1);
  border: 2px solid #fff;
  box-sizing: border-box;
  border-radius: 50%;
}
.wel-industry .swiper-toplist .li img {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wel-industry .swiper-toplist .li.active span {
  /*width: (140rem/40);*/
  /*height: (140rem/40);*/
}
.wel-industry .swiper-toplist .li.active span:before {
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}
.wel-industry .swiper-toplist .li1 {
  left: 34.6%;
  top: 54%;
}
.wel-industry .swiper-toplist .li2 {
  left: 48%;
  top: 50%;
}
.wel-industry .swiper-toplist .li3 {
  left: 63.54%;
  top: 83.4%;
}
.wel-industry .swiper-toplist .li4 {
  left: 80%;
  top: 85.5%;
}
.wel-industry .swiper-toplist .li5 {
  left: 93%;
  top: 55%;
}

.wel-abouts {
  padding-top: 2.75rem;
  padding-bottom: 3.4rem;
  background-image: url(../img/newaddimg/1.jpg);
  min-height: 44.27vw;
  position: relative;
}
.wel-abouts .imgsbg {
  position: absolute;
  width: 64.8vw;
  top: 0;
  z-index: 0;
  right: -6.6vw;
}
.wel-abouts .box {
  position: relative;
  z-index: 1;
  width: 42.8%;
}
.wel-abouts .wel-ab-more {
  margin-top: 1.7rem;
}

.wel-ab-more .welmore {
  line-height: 1.35rem;
  height: 1.35rem;
  display: inline-block;
  vertical-align: top;
  padding: 0 .75rem;
  padding-right: 1.35rem;
  border-radius: 1.35rem;
  background-color: #389ad4;
  border: 2px solid  #389ad4;
  width: 5rem;
  color: #fff;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  position: relative;
}
.wel-ab-more .welmore.active {
  border-color: #fff;
  background: transparent;
}
.wel-ab-more .welmore:before {
  position: absolute;
  content: "";
  width: .45rem;
  height: 0.175rem;
  right: .9rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/newaddimg/3.png) no-repeat center;
  background-size: 100%;
}

.wel-ab-number {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.wel-ab-number .li {
  color: #333333;
}
.wel-ab-number .li:nth-child(n+2) {
  margin-left: 1.75rem;
}
.wel-ab-number .li span {
  line-height: 1;
}
.wel-ab-number .li .span1 {
  background: linear-gradient(to right, #51a6d8, #0073b6);
  -webkit-background-clip: text;
  color: transparent;
}
.wel-ab-number .li .li-tops {
  display: flex;
  align-items: flex-start;
}
.wel-ab-number .li .li-bots {
  line-height: 1;
  margin-top: .3rem;
}

.wel-ab-text {
  line-height: 1.875;
  color: #666666;
  margin-bottom: 1.6rem;
}
@media (min-width: 1025px){
  .wel-ab-more .welmore{
    transition:.5s ease-in-out;
  }
  .wel-ab-more .welmore:hover{
    transition:.5s ease-in-out;
    transform:translateY(-10px);
  }
  .conban-swiper .swiper-btnbox .btn{
    transition:.5s ease-in-out;
  }
  .conban-swiper .swiper-btnbox .btn:hover{
    border-color: #389ad4;
    background-color: #389ad4;
    transition:.5s ease-in-out;
  }
  .conban-swiper .swiper-btnbox .swiper-button-prev:hover {
    /*background-image: url(../img/newaddimg/prev1.png);*/
  }
  .conban-swiper .swiper-btnbox .swiper-button-next:hover {
    /*background-image: url(../img/newaddimg/next1.png);*/
  }


}
@media (max-width: 1024px) {

  .wel-abouts .box {
    width: 80%;
  }

  .pcbox {
    display: none;
  }

  .mbox {
    display: block;
  }

  .w1600 {
    width: 92%;
    max-width: 92%;
  }

  .wel-industry .words .box {
    padding-left: 0;
    padding-right: 0;
  }

  .wel-industry .swiper-toplist {
    display: none;
  }

  .wel-industry .swiper-pagination {
    padding: 0;
  }

  .wel-industry.conban-swiper .swiper-btnbox {
    padding-left: 0;
    padding-right: 0;
  }

  .wel-videos {
    position: relative;
  }
  .wel-videos:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../img/newaddimg/videos.png) no-repeat center;
    background-size: 100%;
    pointer-events: none;
  }

  .wel-industry .words .txts {
    height: 2.7em;
    overflow: hidden;
  }

  .wel-industry .words .box {
    padding-bottom: 18vw;
  }

  .wel-abouts .imgsbg{
    display: none;
  }
}
@media (max-width: 767px) {
  .foot-box{
    padding: 1.5rem 0 1.75rem!important;
  }
  .foot-code{
    width: 100%;
  }
  .vs-code{
    width: 50%!important;
    margin:0 auto;
  }
  *{
  -webkit-tap-highlight-color: rgba(255,0,0,0);
  -webkit-appearance:none;
  }



  .conban-swiper .swiper-btnbox .btn,
  .head-rg .lan-tit{
    outline: none;
  }
  .wel-abouts .box {
    width: 90%;
  }

  .wel-banner .tits {
    font-size: 26px;
    margin-bottom: 1rem;
  }

  .wel-abouts {
    padding-top: 1.75rem;
    padding-bottom: 2rem;
  }

  .wel-abouts .wel-ab-more {
    margin-top: 1.5rem;
  }
}
@media (min-width: 1025px) {
  .wel-banner .swiper-btnbox .btn {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .wel-banner .swiper-btnbox .btn:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .wel-industry .swiper-toplist .li:hover span {
    /*width: (140rem/40);
    height: (140rem/40);*/
  }
  .wel-industry .swiper-toplist .li:hover span:before {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
}
.video-fixed.ons {
  z-index: 5000 !important;
}

.video-fixed .cha {
  width: 40px;
  height: 40px;
  background: url(../img/newaddimg/close-vid2.png) #000 no-repeat center/80% auto;
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer;
}

.video-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  z-index: 230;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none;
  /*transform:scale3d(0,0,1);*/
  transition: .8s ease-in-out;
}

.video-fixed .imghide {
  display: none;
}

.video-fixed .videoboxs .box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-fixed.ons {
  transition: .8s ease-in-out;
  /*transform:scale3d(1,1,1);*/
}

.video-fixed .videoboxs .box {
  height: 100%;
}

.video-fixed .videoboxs {
  width: 80%;
  height: 80%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #000;
  /*padding: 30px;*/
  box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
  .video-fixed .videoboxs {
    width: 90%;
    height: 90%;
  }
}
@media screen and (max-width: 767px) {
  .video-fixed .videoboxs {
    width: 100%;
    height: 80%;
    bottom: 0;
    margin: auto;
  }

  .video-fixed .cha {
    right: .2rem;
    top: -1.2rem;
    width: 1rem;
    height: 1rem;
  }
}

/*# sourceMappingURL=style.css.map */