.banner {
  width: 100%;
  position: relative;
}

.banner .swiper-slide {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.banner .swiper-slide a {
  width: 100%;
  display: block;
}

.banner .swiper-slide .img {
    display: block;
  width: 100%;
  padding-top: 43.22%;
}

.banner .swiper-slide .voc {
  background-color: #000;
  object-fit: cover;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner .swiper-slide .box {
  position: absolute;
  left: calc((260 / 1920 * 100%));
  top: 50%;
  transform: translateY(-50%);
  width: 8.2rem;
  max-width: 80%;
  z-index: 5;
}

.banner .swiper-slide .box .bp {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}

.banner .swiper-slide .box .bp p {
  color: #fff;
  line-height: 1.5;
}

.banner .swiper-slide .box .xt {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin: 0.1rem 0 0.2rem;
}

.banner .swiper-slide .box .xt p {
  color: #fff;
  line-height: 1.5;
}

.banner .swiper-slide .box .btns {
  width: 100%;
  font-size: 0;
  margin-top: 0.4rem;
}

.banner .swiper-slide .box .btns a {
  display: inline-block;
  vertical-align: middle;
  color: #222;
  line-height: 2.8;
  background-color: #fff;
  top: 0;
  position: relative;
  transition: all ease 0.5s;
  width: auto;
  padding: 0 0.3rem;
}

.banner .swiper-slide .box .btns a span {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  margin-left: 0.1rem;
}

.banner .swiper-slide .box .btns a span img {
  width: 100%;
  display: block;
}

.banner .swiper-slide .box .btns a:hover {
  background-color: #39c1aa;
  top: -0.06rem;
}

.banner .swiper-pagination {
  bottom: 0.4rem;
}

.banner .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem;
  margin: 0 0.05rem;
  background-color: #fff;
  border-radius: 0;
  opacity: 1;
  transition: all ease 0.5s;
}

.banner .swiper-pagination-bullet-active {
  width: 0.6rem;
  background-color: #39c1aa;
}

@media (max-width: 800px) {
  .banner .swiper-slide .img {
    width: 100%;
    padding-top: 60.15%;
  }
  .banner .swiper-slide .box {
    left: 3%;
  }
  .banner .swiper-slide .box .bp {
    font-size: 16px;
  }
  .banner .swiper-slide .box .xt {
    font-size: 13px;
  }
  .banner .swiper-slide .box .btns a {
    font-size: 13px;
  }
}

/*! w3016 首页-产品 start */.producm{width:100%;background-color:#f7f7f7;padding:.8rem 0}
.producm .pitop{width:100%;text-align:center;margin-bottom:.75rem}
.producm .pitop .pit{width:100%;color:#222;font-weight:700;line-height:1.5}
.producm .produlis{width:100%;font-size:0}
.producm .produlis .prdum{display:inline-block;vertical-align:top;width:calc(338 / 1500 * 100%);margin-right:calc(45 / 1500 * 100%);margin-bottom:.6rem;background-color:#fff}
.producm .produlis .prdum a{width:100%;display:block}
.producm .produlis .prdum .imgs{width:100%;position:relative}
.producm .produlis .prdum .imgs .hm{width:100%;padding-top:109.46%}
.producm .produlis .prdum .imgs .hmg{position:absolute;bottom:0;left:0;right:0;width:100%;overflow:hidden}
.producm .produlis .prdum .imgs .hmg .img{width:100%;padding-top:109.46%;transition:all ease .5s;background-color:#fff}
.producm .produlis .prdum .imgs .hmg .cod{position:absolute;top:0;left:0;right:0;width:100%;height:100%;padding:.3rem .2rem;z-index:3}
.producm .produlis .prdum .imgs .hmg .cod .xt{width:100%;color:#222;line-height:1.5;padding-right:.5rem}
.producm .produlis .prdum .imgs .hmg .cod .xd{width:100%;color:#222;font-weight:700;line-height:1.5;padding-right:.5rem}
.producm .produlis .prdum .imgs .hmg .cod .menx{position:absolute;right:.2rem;top:.3rem;width:24px;height:24px;cursor:pointer}
.producm .produlis .prdum .imgs .hmg .cod .menx img{width:100%;display:block}
.producm .produlis .prdum .poom{width:100%;background-color:#fff;padding:.2rem .34rem .3rem}
.producm .produlis .prdum .poom .aic{width:100%;font-weight:700;color:#222;line-height:1.5}
.producm .produlis .prdum .poom .pm{width:100%;color:#666;line-height:1.5;height:3em;margin:.1rem 0 .2rem}
.producm .produlis .prdum .poom .more{width:100%;color:#999;line-height:1.5}
.producm .produlis .prdum:hover .imgs .hmg .img{padding-top:124.26%}
.producm .produlis .prdum:hover .poom{background-color:#39c1aa}
.producm .produlis .prdum:hover .poom .aic,.producm .produlis .prdum:hover .poom .more,.producm .produlis .prdum:hover .poom .pm{color:#fff}
.producm .produlis .prdum:nth-child(4n){margin-right:0}
@media (max-width:800px){.producm .produlis .prdum{width:48%;margin-right:4%;margin-bottom:.7rem}
.producm .produlis .prdum:nth-child(2n){margin-right:0}
}
/*! w3016 首页-产品 end */

.newcens {
  width: 100%;
  padding: 0.9rem 0;
}

.newcens .nitop {
  width: 100%;
  text-align: center;
  margin-bottom: 0.5rem;
}

.newcens .nitop .nit {
  width: 100%;
  color: #222;
  font-weight: bold;
  line-height: 1.5;
}

.newcens .newpers {
  width: 100%;
  padding-left: calc(210 / 1920 * 100%);
  position: relative;
}

.newcens .newpers .swiper-container {
  padding-bottom: 0.66rem;
}

.newcens .newpers .swiper-slide {
  width: 100%;
  position: relative;
}

.newcens .newpers .swiper-slide a {
  width: 100%;
  display: block;
}

.newcens .newpers .swiper-slide .som {
  width: 100%;
  padding: 0.45rem 0.45rem 0.2rem;
  background-color: #f7f7f7;
}

.newcens .newpers .swiper-slide .som .xi {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.newcens .newpers .swiper-slide .som .xm {
  width: 100%;
  color: #222;
  font-weight: bold;
  line-height: 1.3;
  height: 2.6em;
  margin-top: 0.1rem;
}

.newcens .newpers .swiper-slide .imgs {
  width: 100%;
  position: relative;
}

.newcens .newpers .swiper-slide .imgs .hm {
  width: 100%;
  padding-top: 65.95%;
}

.newcens .newpers .swiper-slide .imgs .hmg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
}

.newcens .newpers .swiper-slide .imgs .hmg .img {
  width: 100%;
  padding-top: 65.95%;
  transition: all ease 0.5s;
}

.newcens .newpers .swiper-slide:hover .som .xm {
  color: #39c1aa;
}

.newcens .newpers .swiper-slide:hover .imgs .hmg .img {
  padding-top: 80%;
}

.newcens .newpers .btn {
  position: absolute;
  z-index: 4;
  width: 0.7rem;
  height: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.newcens .newpers .btn img {
  width: 100%;
  display: block;
}

.newcens .newpers .bl {
  left: 0;
}

.newcens .newpers .br {
  right: calc(110 / 1920 * 100%);
}

@media (max-width: 1520px) {
  .newcens .newpers {
    padding-left: 3%;
  }
}

.aboutds {
  width: 100%;
  padding: 1.1rem 0;
}

.aboutds .aitop {
  width: 100%;
  text-align: center;
  margin-bottom: 0.5rem;
}

.aboutds .aitop .ait {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}

.aboutds .ainp {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.aboutds .ainp p {
  color: #fff;
  line-height: 1.5;
}

.aboutds .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.7rem;
  text-align: center;
}

.aboutds .more a {
  display: inline-block;
  vertical-align: middle;
  background-color: #39c1aa;
  line-height: 3;
  border-radius: 1.5em;
  text-align: center;
  color: #fff;
  min-width: 2rem;
  padding: 0 0.3rem;
}

.aboutds .abotm {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 1.5rem;
}

.aboutds .abotm .abim {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.aboutds .abotm .abim .xm {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  margin-right: 0.18rem;
}

.aboutds .abotm .abim .rpm {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
}

.aboutds .abotm .abim .rpm .lx {
  width: 0.2rem;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}

.aboutds .abotm .abim .rpm .km {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  height: 3em;
  margin-top: 0.15rem;
}

/*! w3016  首页-服务支持 start */.supports{width:100%;padding:1.4rem 0 0}
.supports .sutop{width:100%;text-align:center;margin-bottom:1rem}
.supports .sutop .sit{width:100%;color:#fff;font-weight:700;line-height:1.4}
.supports .sutop .sip{width:100%;color:#fff;line-height:1.5;margin-top:.3rem}
.supports .sutop .sip p{color:#fff;line-height:1.5}
.supports .suppers{width:100%;position:relative}
.supports .suppers .swiper-container{width:11.4rem;margin:0 auto;max-width:calc(100% - 1.6rem)}
.supports .suppers .swiper-slide{width:100%;position:relative}
.supports .suppers .swiper-slide a{width:100%;display:block}
.supports .suppers .swiper-slide .imgs{width:100%;position:relative;overflow:hidden}
.supports .suppers .swiper-slide .imgs .img{width:100%;padding-top:100%;transition:all ease .5s}
.supports .suppers .swiper-slide .pom{width:100%;height:100%;position:absolute;z-index:3;left:0;top:0;padding:.6rem .45rem}
.supports .suppers .swiper-slide .pom .num{width:100%;color:#fff;line-height:1.5}
.supports .suppers .swiper-slide .pom .pic{width:100%;color:#fff;font-weight:700;line-height:1.3;margin-top:.4rem}
.supports .suppers .swiper-slide .pom .pic p{color:#fff;font-weight:700;line-height:1.3}
.supports .suppers .swiper-slide:hover .imgs .img{transform:scale(1.1)}
.supports .suppers .btn{position:absolute;width:.7rem;height:.7rem;top:50%;transform:translateY(-50%);cursor:pointer}
.supports .suppers .btn img{width:100%;display:block}
.supports .suppers .btn img:first-child{display:block}
.supports .suppers .btn img:last-child{display:none}
.supports .suppers .btn:hover img:first-child{display:none}
.supports .suppers .btn:hover img:last-child{display:block}
.supports .suppers .bl{left:0}
.supports .suppers .br{right:0}
/*! w3016  首页-服务支持 end */

/*! 首页-联系我们 start */.messages{width:100%;padding:1rem 0}
.messages .mesom{width:100%;background-color:#fff;box-shadow:-8px 5px 16px 5px rgba(5,22,63,.08);display:flex;flex-wrap:wrap}
.messages .mesom .mel{width:calc(930 / 1500 * 100%);display:flex;flex-wrap:wrap;background-color:#fff;padding:1rem .9rem}
.messages .mesom .mel .mlt{width:100%;color:#3a3a3a;font-weight:700;line-height:1.2}
.messages .mesom .mel .mip{width:100%;color:#333;line-height:1.5;margin:.4rem 0}
.messages .mesom .mel .mip p{color:#333;line-height:1.5}
.messages .mesom .mel .mip a{line-height:1.5}
.messages .mesom .mel .row{width:100%;font-size:0}
.messages .mesom .mel .row .inputs{display:inline-block;vertical-align:top;width:48%;margin-right:4%;border-bottom:solid 1px #f2f4f5;margin-bottom:.2rem}
.messages .mesom .mel .row .inputs input{width:100%;display:block;line-height:3;height:3em;border:none;background-color:transparent}
.messages .mesom .mel .row .inputs:nth-child(2n){margin-right:0}
.messages .mesom .mel .sot{width:100%;font-size:0;margin-top:.7rem}
.messages .mesom .mel .sot .stn{display:inline-block;vertical-align:middle;width:auto;text-align:center;background-color:#39c1aa;line-height:3;border-radius:1.5em;cursor:pointer;min-width:2.1rem;color:#fff;font-weight:700;border:none}
.messages .mesom .mer{width:calc(569 / 1500 * 100%);display:flex;flex-wrap:wrap;background-color:#39c1aa;padding:1rem .5rem}
.messages .mesom .mer .mir{width:100%;color:#fff;font-weight:700;line-height:1.3}
.messages .mesom .mer .simp{width:100%;margin:.25rem 0;color:#fff;line-height:1.6}
.messages .mesom .mer .simp p{color:#fff;line-height:1.6}
.messages .mesom .mer .time{width:100%;margin:.25rem 0;color:#fff;font-weight:700;line-height:1.6}
.messages .mesom .mer .time p{color:#fff;line-height:1.6}
.messages .mesom .mer .lx{width:100%;border-bottom:dashed 1px rgba(255,255,255,.5);margin:.4rem 0}
.messages .mesom .mer .share{width:100%;font-size:0;margin-top:.4rem}
.messages .mesom .mer .share .am{display:inline-block;vertical-align:middle;width:.55rem;height:.55rem;margin-right:.2rem;margin-bottom:.1rem;border-radius:50%;border:solid 1px #fff}
.messages .mesom .mer .share .am a,.messages .mesom .mer .share .am img{width:100%;display:block}
.messages .mesom .mer .share .am img:first-child{display:block}
.messages .mesom .mer .share .am img:last-child{display:none}
.messages .mesom .mer .share a{background-color:transparent!important}
.messages .mesom .mer .share .am:hover{background-color:#fff}
.messages .mesom .mer .share .am:hover img:first-child{display:none}
.messages .mesom .mer .share .am:hover img:last-child{display:block}
/*! 首页-联系我们 end */