@charset "utf-8";

.HomeBan.home-panels {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

.HomeBan.home-panels::before {
  display: none !important;
}

.HomeBan.HomeBan.home-panels .panel {
  position: absolute;
  top: 0;
  bottom: 0;
  cursor: pointer;
  overflow: hidden;
}

.HomeBan.home-panels .panel:first-child {
  left: 0;
  width: calc(100% * 4 / 7);
  -webkit-clip-path: polygon(0 0, 75% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 75% 0, 100% 100%, 0 100%);
  z-index: 1;
}

.HomeBan.home-panels .panel:last-child {
  right: 0;
  width: calc(100% * 4 / 7);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
  z-index: 2;
}

.HomeBan.home-panels .panel-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: filter 0.7s ease;
  transition: filter 0.7s ease;
  -webkit-filter: brightness(0.4);
  filter: brightness(0.4);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.HomeBan.home-panels .panel.is-hovered .panel-bg {
  -webkit-filter: brightness(1);
  filter: brightness(1);
}

.HomeBan.home-panels .panel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.55) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.55) 100%);
}

.HomeBan.home-panels .panel-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.HomeBan.home-panels .panel-top {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease 0.1s;
  transition: opacity 0.5s ease 0.1s;
  pointer-events: none;
  z-index: 6;
}

.HomeBan.home-panels .panel.is-hovered .panel-top {
  opacity: 1;
}

.HomeBan.home-panels .panel:first-child .panel-top {
  top: 75%;
  left: 85%;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  text-align: left;
}

.HomeBan.home-panels .panel:last-child .panel-top {
  top: 22%;
  left: 15%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: right;
}

.HomeBan.home-panels .panel-explore {
  font-size: 0.2rem;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  white-space: nowrap;
}

.HomeBan.home-panels .panel-title-top {
  font-size: 0.4rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 0.125rem;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.HomeBan.home-panels .panel-subtitle-top {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.65);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}

.HomeBan.home-panels .panel:last-child.is-hovered .panel-title-top {
  color: #000;
}

.HomeBan.home-panels .panel:last-child.is-hovered .panel-subtitle-top {
  color: rgba(0, 0, 0, 0.65);
}

.HomeBan.home-panels .panel:last-child.is-hovered .panel-explore {
  color: rgba(0, 0, 0, 0.7);
}

.HomeBan.home-panels .panel-bottom {
  position: absolute;
  /* display: -webkit-box;
  display: -ms-flexbox; */
  /* display: flex; */
  /* -webkit-box-align: center;
  -ms-flex-align: center; */
  /* align-items: center; */
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  z-index: 5;
}

.HomeBan.home-panels .panel.is-hovered .panel-bottom {
  opacity: 0;
}

.HomeBan.home-panels .panel:first-child .panel-bottom {
  top: 75%;
  left: 85%;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  text-align: left;
}

.HomeBan.home-panels .panel:last-child .panel-bottom {
  top: 22%;
  left: 15%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  text-align: right;
}

.HomeBan.home-panels .panel-label {
  font-size: 0.4rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.HomeBan.home-panels .panel-arrow {
  width: 0.4rem;
  height: 0.4rem;
  border: 0.0625em solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 0.2rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.HomeBan.home-panels .panel:first-child .panel-arrow {
  margin-left: 0.75rem;
}

.HomeBan.home-panels .panel:last-child .panel-arrow {
  margin-right: 0.75rem;
}

.HomeBan.home-panels .panel:hover .panel-top {
  opacity: 1;
}

.HomeBan.home-panels .panel:hover .panel-bottom {
  opacity: 0;
}

.HomeBan.home-panels .panel:last-child:hover .panel-top {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.HomeBan.home-panels .panel:hover .panel-arrow {
  background: rgb(227, 114, 48);
  border-color: rgb(227, 114, 48);
}

.HomeBan.home-panels.home-panels-side {
  display: flex;
  height: 100vh;
}

.HomeBan.home-panels.home-panels-side .panel {
  position: relative;
  flex: 0 1 50%;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
  -webkit-clip-path: none;
  clip-path: none;
  transition: flex-basis 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.HomeBan.home-panels.home-panels-side .panel:first-child {
  left: auto;
  width: auto;
}

.HomeBan.home-panels.home-panels-side .panel:last-child {
  right: auto;
  width: auto;
}

.HomeBan.home-panels.home-panels-side .panel-top {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease 0.1s;
  transition: opacity 0.5s ease 0.1s;
  pointer-events: none;
  z-index: 6;
}

.HomeBan.home-panels.home-panels-side .panel.is-hovered .panel-top {
  opacity: 1;
}

.HomeBan.home-panels.home-panels-side .panel:first-child .panel-top,
.HomeBan.home-panels.home-panels-side .panel:last-child .panel-top {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.HomeBan.home-panels.home-panels-side .panel-bottom {
  position: absolute;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  z-index: 5;
}

.HomeBan.home-panels.home-panels-side .panel.is-hovered .panel-bottom {
  opacity: 0;
}

.HomeBan.home-panels.home-panels-side .panel:first-child .panel-bottom,
.HomeBan.home-panels.home-panels-side .panel:last-child .panel-bottom {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  text-align: center;
}

.HomeBan.home-panels.home-panels-side .panel:last-child.is-hovered .panel-title-top {
  color: #000;
}

.HomeBan.home-panels.home-panels-side .panel:last-child.is-hovered .panel-subtitle-top {
  color: rgba(0, 0, 0, 0.65);
}

.HomeBan.home-panels.home-panels-side .panel:last-child.is-hovered .panel-explore {
  color: rgba(0, 0, 0, 0.7);
}

@media (max-width: 48em) {
  .HomeBan.home-panels.home-panels-side {
    flex-direction: column;
  }

  .HomeBan.home-panels.home-panels-side .panel {
    flex: none;
    height: 50%;
  }

  .HomeBan.home-panels.home-panels-side .panel:first-child,
  .HomeBan.home-panels.home-panels-side .panel:last-child {
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: auto;
  }

  .HomeBan.home-panels.home-panels-side .panel:first-child {
    top: 0;
    bottom: auto;
  }

  .HomeBan.home-panels.home-panels-side .panel:last-child {
    top: auto;
    bottom: 0;
  }
}

@media (max-width: 1024px) {
  .HomeBan.home-panels.home-panels-side {
    flex-direction: column;
  }

  .HomeBan.home-panels.home-panels-side .panel {
    flex: none;
    height: 50%;
    -webkit-clip-path: none;
    clip-path: none;
  }

  .HomeBan.home-panels.home-panels-side .panel:first-child,
  .HomeBan.home-panels.home-panels-side .panel:last-child {
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: auto;
  }

  .HomeBan.home-panels.home-panels-side .panel:first-child {
    top: 0;
    bottom: auto;
  }

  .HomeBan.home-panels.home-panels-side .panel:last-child {
    top: auto;
    bottom: 0;
  }

  .HomeBan.home-panels.home-panels-side .panel:first-child .panel-top,
  .HomeBan.home-panels.home-panels-side .panel:first-child .panel-bottom,
  .HomeBan.home-panels.home-panels-side .panel:last-child .panel-top,
  .HomeBan.home-panels.home-panels-side .panel:last-child .panel-bottom {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@media (max-width: 48em) {
  .HomeBan.home-panels .panel:first-child {
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    bottom: 50%;
    -webkit-clip-path: polygon(0 0, calc(100% - 4rem) 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 4rem) 0, 100% 100%, 0 100%);
  }

  .HomeBan.home-panels .panel:last-child {
    left: 0;
    right: 0;
    width: 100%;
    top: 50%;
    bottom: 0;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 4rem 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 4rem 100%);
  }

  .HomeBan.home-panels .panel:first-child .panel-top {
    top: 75%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 90%;
  }

  .HomeBan.home-panels .panel:last-child .panel-top {
    top: 22%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 90%;
  }

  .HomeBan.home-panels .panel:first-child .panel-bottom {
    top: 75%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: center;
    max-width: 90%;
  }

  .HomeBan.home-panels .panel:last-child .panel-bottom {
    top: 22%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    text-align: center;
    max-width: 90%;
  }

  .HomeBan.home-panels .panel-title-top {
    font-size: 0.4rem;
  }

  .HomeBan.home-panels .panel-label {
    font-size: 0.4rem;
  }

  .HomeBan.home-panels .panel-explore {
    font-size: 0.2rem;
  }

  .HomeBan.home-panels .panel-subtitle-top {
    font-size: 0.2rem;
  }

  .HomeBan.home-panels .panel-arrow {
    width: 0.6rem;
    height: 0.6rem;
    font-size: 0.2rem;
  }
}

@media (max-width: 768px) {
  .HomeBan.home-panels .panel-title-top {
    font-size: 0.4rem;
  }

  .HomeBan.home-panels .panel-label {
    font-size: 0.4rem;
  }
}

@media (max-width: 640px) {
  .HomeBan.home-panels .panel-title-top {
    font-size: 0.4rem;
  }

  .HomeBan.home-panels .panel-label {
    font-size: 0.4rem;
  }

  .HomeBan.home-panels .panel-explore {
    font-size: 0.2rem;
  }

  .HomeBan.home-panels .panel-subtitle-top {
    font-size: 0.2rem;
  }
}

@media (max-width: 1024px) {
  .HomeBan.home-panels .panel:first-child,
  .HomeBan.home-panels .panel:last-child {
    width: 100%;
    -webkit-clip-path: none;
    clip-path: none;
  }

  .HomeBan.home-panels .panel:first-child {
    top: 0;
    bottom: 50%;
  }

  .HomeBan.home-panels .panel:last-child {
    top: 50%;
    bottom: 0;
  }

  .HomeBan.home-panels .panel:first-child .panel-top,
  .HomeBan.home-panels .panel:first-child .panel-bottom {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .HomeBan.home-panels .panel:last-child .panel-top,
  .HomeBan.home-panels .panel:last-child .panel-bottom {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .HomeBan.home-panels .panel:first-child .panel-bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .HomeBan.home-panels .panel:last-child .panel-bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .HomeBan.home-panels .panel:first-child .panel-arrow {
    margin-left: 0.75rem;
  }

  .HomeBan.home-panels .panel:last-child .panel-arrow {
    margin-right: 0.75rem;
  }

  .HomeBan.home-panels .panel-title-top {
    font-size: 0.4rem;
  }

  .HomeBan.home-panels .panel-label {
    font-size: 0.4rem;
  }

  .HomeBan.home-panels .panel-explore {
    font-size: 0.2rem;
  }

  .HomeBan.home-panels .panel-subtitle-top {
    font-size: 0.2rem;
  }
}

@media (max-width: 640px) {
  .HomeBan.home-panels .panel-title-top {
    font-size: 0.4rem;
  }

  .HomeBan.home-panels .panel-label {
    font-size: 0.4rem;
  }

  .HomeBan.home-panels .panel-explore {
    font-size: 0.2rem;
  }

  .HomeBan.home-panels .panel-subtitle-top {
    font-size: 0.2rem;
  }

  .HomeBan.home-panels .panel-arrow {
    width: 0.5rem;
    height: 0.5rem;
    font-size: 0.2rem;
  }
}

.HomeBan{position: relative;}
.HomeBan::before{content:'';display: block;width:100%;height:2rem;background: url(../images/topmask.png) repeat-x bottom center;position: absolute;top:0;left:0;z-index:9;background-size: cover;}
.HomeBan .item{position: relative;}
.HomeBan .item .imgbox{padding-top:50%;}
.HomeBan .item.slick-current .img img{animation: scale linear 6s forwards;}
.HomeBan .item .txt{position: absolute;left:0;bottom:18%;z-index:99;width:100%;}
.HomeBan .item .txt .txtbox{max-width:40%;}
.HomeBan .item .txt .txtbox .tag{line-height: 0.5rem;border-radius: 0.5rem 0.5rem 0.5rem 0;background: #fff;max-width:2rem;text-align: center;font-size: 0.24rem;} 
.HomeBan .item .txt .txtbox .tag span{background: -webkit-linear-gradient(left, #1979a6, #0c9864);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent; /* 为了兼容非WebKit浏览器 */
    letter-spacing: 2px;

}
.HomeBan .item .txt .txtbox h2{font-size: 0.56rem;color:#fff;line-height: 1.4; text-shadow: 1px 1px 1px #000000;letter-spacing: 2px;margin:0.2rem 0 0.3rem 0;}
.HomeBan .item .txt .txtbox .eng{font-size: 0.16rem;line-height: 0.3rem;color:#fff;text-transform: uppercase;}
.HomeBan .item .imgbox video{width:100%;height:100%;object-fit: cover;}

.HomeBan .slick-dots{position: absolute;width:100%;bottom:0.6rem;left:0;text-align: center;}
.HomeBan .slick-dots li{display: inline-block;margin:0 0.1rem;}
.HomeBan .slick-dots li button{width:0.4rem;height:4px;border-radius: 4px;background: #fff;opacity: 0.5;transition: all .5s;color:transparent;position: relative;overflow: hidden;}
.HomeBan .slick-dots li button::before{content:"";display: block;height:100%;border-radius: 4px;position: absolute;left:-1px;top:0;background-image: linear-gradient(to right, #1979a6, #0c9864);}
.HomeBan .slick-dots li.slick-active button{opacity: 1;width:1.2rem;}
.HomeBan .slick-dots li.slick-active button:before{left: 0;  width: 100%;
    animation:mymove 5s infinite;
    -moz-animation:mymove 5s infinite; /* Firefox */
    -webkit-animation:mymove 5s infinite; /* Safari and Chrome */
    -o-animation:mymove 5s infinite; /* Opera */
    animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    }

@keyframes scale{
	0%{transform: scale(1);-webkit-transform:scale(1);}
	100%{transform: scale(1.05);-webkit-transform:scale(1.05);}
}
@keyframes mymove{from { width: 0px;}to { width: 100%;}}
@-webkit-keyframes mymove {from { width: 0px;}to { width: 100%;}}


@media(max-width:1024px){
    .HomeBan .item .imgbox{padding-top:55%;}
    .HomeBan .item .txt .txtbox{max-width:45%;}
    .HomeBan .item .txt .txtbox h2{font-size: 28px;}
    .HomeBan .item .txt .txtbox .tag{line-height: 40px;font-size: 15px;}
    .HomeBan .item .txt .txtbox .eng{font-size: 14px;}
}

@media(max-width:640px){
    .HomeBan .item .txt .txtbox{max-width:80%;}
    .HomeBan .item .txt .txtbox h2{font-size: 18px;}
    .HomeBan .item .txt .txtbox .tag{line-height: 30px;font-size: 14px;padding:0 10px;}
    .HomeBan .item .txt .txtbox .eng{font-size: 12px;line-height: 1.5;display: none;}
    .HomeBan .item .txt .txtbox h2{margin:15px 0 0 0;}
    .HomeBan .slick-dots{bottom:10px;}
}



.pd120{padding:1.2rem 0;}
.HomeTit{margin-bottom:0.5rem;}
.HomeTit span{font-size: 0.5rem;font-weight: bold;line-height: 1;position: relative;}
.HomeTit span::after{content:'';display: block;width:5px;height:5px;border-radius: 50%;border:5px solid #73b941;position: absolute;right:-25px;top:-7px;}

@media(max-width:1024px){
    .pd120{padding:60px 0;}
    .HomeTit{margin-bottom:25px;}
    .HomeTit span{font-size: 24px;}
}

@media(max-width:640px){
    .pd120{padding:30px 0;}
    .HomeTit{margin-bottom:15px;}
    .HomeTit span{font-size: 20px;}
    .HomeTit span::after{border:3px solid #73b941;right:-15px;}
}

.HomePro{background-size: cover;background-repeat: no-repeat;background-position: center center;}
.HomePro .HomeProCon{position: relative;}
.HomePro .HomeProTit{position: absolute;left:0;top:0;max-width:2.4rem;}
.HomePro .HomeProTit .con{line-height: 0.3rem;margin-bottom:0.8rem;}
.HomePro .HomeProBox{padding:0 1.1rem 0 3.1rem;padding-bottom:0.3rem;}
.HomePro .HomeProBox ul li{width:3.02rem;height:2.65rem;position: relative;background: url(../images/homeproline.png) no-repeat center center;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;}
.HomePro .HomeProBox ul li::before{content:'';display: block;width:2.54rem;height:2.23rem;background: url(../images/homeprobox.png) no-repeat center center;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background-size: 100% 100%;transition:  all .5s;}
.HomePro .HomeProBox ul li a{position: relative;z-index:9;text-align: center;}
.HomePro .HomeProBox ul li .ico{width:0.6rem;height:0.6rem;position: relative;margin:0 auto;}
.HomePro .HomeProBox ul li .ico img{position: absolute;top:50%;left:50%;transform: scale(0) translate(-50%,-50%);transition: all .5s;max-height:0.6rem;max-width:0.6rem;transform-origin:top left;}
.HomePro .HomeProBox ul li .ico .img1{transform: scale(1) translate(-50%,-50%);}
.HomePro .HomeProBox ul li:hover::before{background-image: url(../images/homeproboxc.png);}
.HomePro .HomeProBox ul li:hover .ico .img1{transform: scale(0) translate(-50%,-50%);}
.HomePro .HomeProBox ul li:hover .ico .img2{transform: scale(1) translate(-50%,-50%);}
.HomePro .HomeProBox ul li .name{font-size: 0.2rem;line-height: 0.28rem;max-width:1.4rem;margin-top:0.2rem;transition: all .5s;-webkit-transition: all .5s;}
.HomePro .HomeProBox ul li:hover .name{color:#fff;}
.HomePro .HomeProBox ul::after{content:'';display: block;clear: both;}
.HomePro .HomeProBox ul{width:11.8rem;height:6.5rem;position: relative;}
.HomePro .HomeProBox ul li{position: absolute;}
.HomePro .HomeProBox ul li:first-child{left:0;top:2.55rem;}
.HomePro .HomeProBox ul li:nth-child(2){left:2.21rem;top:1.28rem;}
.HomePro .HomeProBox ul li:nth-child(3){left:2.21rem;top:3.82rem;}
.HomePro .HomeProBox ul li:nth-child(4){left:4.42rem;top:0;}
.HomePro .HomeProBox ul li:nth-child(5){left:4.42rem;top:2.55rem;}
.HomePro .HomeProBox ul li:nth-child(6){left:6.62rem;top:1.28rem;}
.HomePro .HomeProBox ul li:nth-child(7){left:6.62rem;top:3.82rem;}
.HomePro .HomeProBox ul li:nth-child(8){left:8.82rem;top:0;}
.HomePro .HomeProBox ul li:nth-child(9){left:8.82rem;top:2.55rem;}


.HomePro .HomeProBox dl dd{width:1.24rem;height:1.09rem;background: url(../images/zs.png) no-repeat center center;background-size: 100% 100%;position: absolute;opacity: 0.7;}
.HomePro .HomeProBox dl dd.line{width:0.93rem;height:0.81rem;background: url(../images/line.png) no-repeat center center;background-size: 100% 100%;}
.HomePro .HomeProBox dl dd:nth-child(1){top:0.25rem;left:4.6rem;opacity: 0.7;}
.HomePro .HomeProBox dl dd:nth-child(2){top:3.9rem;left:1.8rem;opacity: 0.7;}
.HomePro .HomeProBox dl dd:nth-child(3){left:7.9rem;top:5.8rem;}
.HomePro .HomeProBox dl dd:nth-child(4){left:12.4rem;top:5.8rem;}
.HomePro .HomeProBox dl dd:nth-child(5){top:1.25rem;right:-0.2rem;}
.HomePro .HomeProBox dl dd:nth-child(6){top:5.4rem;left:3.75rem;opacity: 0.4;}
.HomePro .HomeProBox dl dd:nth-child(7){top:3.7rem;left:0.8rem;width:0.64rem;;height:0.56rem;opacity: 0.3;}

@media(max-width:1024px){
    .HomePro .HomeProBox ul li{position: static;width:2.3rem;height:1.9rem;float:left;}
    .HomePro .HomeProBox dl {display: none;}
    .HomePro .HomeProBox ul{width:auto;height:auto;}
    .HomePro .HomeProBox ul::after{content:"";display: block;clear: both;}
    .HomePro .HomeProBox{padding-right:0;}
    .HomePro .HomeProBox ul li::before{display: none;}
    .HomePro .HomeProBox ul{margin-left:-2%;}
    .HomePro .HomeProBox ul li{width:31.33%;float:left;margin-left:2%;margin-bottom:2%;background: #fff;height:auto;padding:15px 10px;box-sizing: border-box;}
    .HomePro .HomeProBox ul li .ico{width:50px;height:50px;}
    .HomePro .HomeProBox ul li .ico img{max-width:35px;max-height:35px;}
    .HomePro .HomeProBox ul li .name{max-width:100%;font-size: 14px;line-height: 24px;margin-top:10px;height:48px;}
    .HomePro .HomeProBox ul li:hover{background-image: linear-gradient(to right, #1979a6, #0c9864);}
}


@media(max-width:768px){
    .HomePro .HomeProTit{position: static;max-width:100%;}
    .HomePro .HomeProBox{padding:0;margin-top:30px;}
    .HomePro .HomeProTit .con{margin-bottom:20px;}
    .HomePro .HomeProBox ul li .ico{width:40px;height:40px;}
    .HomePro .HomeProBox ul li .ico img{max-width:25px;max-height:25px;}
}


.HomeAbout{background-size: cover;background-repeat: no-repeat;background-position: center center;}
.HomeAbout .HomeTit{color:#fff;text-align: center;}
.HomeAbout .tag{color:#fff;text-align: center;font-size: 0.24rem;margin-bottom:0.2rem;}
.HomeAbout .con{color:#fff;line-height: 1.8;text-align: center;}
.HomeAbout .HomeNum{margin:0.8rem 0;color:#fff;padding:0 1rem;}
.HomeAbout .HomeNum ul{display: flex;justify-content: space-between;}
.HomeAbout .HomeNum ul li .num b{font-size: 0.68rem;line-height: 1;}
.HomeAbout .HomeNum ul li .num span{font-size: 0.24rem;font-weight: bold;position: relative;top:-0.3rem;left:0.1rem;}
.HomeAbout .HomeNum ul li .num i{position: relative;left:-0.1rem;}
.HomeAbout .HomeNum ul li .text{margin-top:0.1rem;}


.HomeAbout .HomeAboutList ul{margin-left:-2%;}
.HomeAbout .HomeAboutList ul li{width:31.33%;float:left;margin-left:2%;position: relative;overflow: hidden;border-radius: 5px;}
.HomeAbout .HomeAboutList ul li::before{content:'';display: block;width:100%;height:100%;background-image: linear-gradient(to right, #1a78a8, #168294);position: absolute;top:0;left:0;opacity: 0.8;}
.HomeAbout .HomeAboutList ul li:nth-child(2)::before{background-image: linear-gradient(to right, #158293, #108f78);}
.HomeAbout .HomeAboutList ul li:nth-child(3)::before{background-image: linear-gradient(to right, #108f78, #0c9864);}
.HomeAbout .HomeAboutList ul li a{display: block;position: relative;}
.HomeAbout .HomeAboutList ul li a::before{content:'';display: block;width:calc(100% - 0.4rem);height:calc(100% - 0.4rem);border:1px solid #fff;border-radius: 5px;opacity: 0.2;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index:99;transition: all .5s;-webkit-transition: all .5s;}

.HomeAbout .HomeAboutList ul li .img{width:100%;height:100%;position: absolute;top:0;left:0;opacity: 0.1;transition: all .5s;-webkit-transition: all .5s;transform: scale(0.7);-webkit-transform: scale(0.7);opacity: 0;}

.HomeAbout .HomeAboutList ul li .txt{display: flex;align-items: center;justify-content: center;height:2.4rem;position: relative;}
.HomeAbout .HomeAboutList ul li .txt .ico{width:0.8rem;display: block;margin:0;}
.HomeAbout .HomeAboutList ul li .txt .text{font-size: 0.26rem;color:#fff;margin-left:0.2rem;letter-spacing: 2px;}

.HomeAbout .HomeAboutList ul li:hover .img{transform: scale(1);-webkit-transform: scale(1);opacity: 0.1;}
.HomeAbout .HomeAboutList ul li:hover a::before{opacity: 0.5;border-radius: 0;}
.HomeAbout .HomeAboutList ul li:hover .txt .ico{ 
    -webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
    animation: icon-bounce 0.5s alternate;
}

.HomeAbout .HomeMore{justify-content: center;margin-top:0.5rem;color:#fff;}
.HomeAbout .HomeMore a{color:#fff;}
.HomeAbout .HomeMore a:hover i{border:1px solid transparent;}

@media(max-width:1024px){
    .HomeAbout .tag{font-size: 15px;margin-bottom:10px;font-weight: bold;}
    .HomeAbout .HomeNum{padding:0;margin:30px 0;}
    .HomeAbout .HomeNum ul li .num b{font-size: 40px;}
    .HomeAbout .HomeNum ul li .num span{top:-15px;font-size: 20px;left:7px;}
    .HomeAbout .HomeAboutList ul li .txt{height:150px;}
    .HomeAbout .HomeAboutList ul li a::before{width: calc(100% - 20px);height: calc(100% - 20px);}
    .HomeAbout .HomeAboutList ul li .txt .ico{width:50px;}
    .HomeAbout .HomeAboutList ul li .txt .text{font-size: 16px;}
    .HomeAbout .HomeNum ul li .num i{left:-10px;}
}


@media(max-width:640px){
    .HomeAbout .HomeNum ul{display: block;}
    .HomeAbout .HomeNum ul::after{content:'';display: block;clear: both;}
    .HomeAbout .HomeNum ul li{width:33.33%;float:left;margin-bottom:20px;}
    .HomeAbout .HomeNum ul li .num b{font-size: 30px;}
    .HomeAbout .HomeNum ul li .num i{font-size: 12px;left:-7px;}
    .HomeAbout .HomeNum ul li .num span{font-size: 16px;}
    .HomeAbout .HomeNum{margin-bottom:15px;}
    .HomeAbout .HomeAboutList ul li .txt{flex-direction: column;height:120px;}
    .HomeAbout .HomeAboutList ul li .txt .ico{width:30px;margin-bottom:10px;}
    .HomeAbout .HomeAboutList ul li .txt .text{font-size: 14px;margin-left:0;letter-spacing: 0;}
}

.HomeNews{background: url(../images/homenewsbg.png) no-repeat center center;}
.HomeNews .HomeNewsBox .slick-list{margin-left:-0.4rem;}
.HomeNews .HomeNewsBox .item{margin-left:0.4rem;}
.HomeNews .HomeNewsBox .item .img{padding-top:56%;}
.HomeNews .HomeNewsBox .item:hover .img span{transform: scale(1.05);-webkit-transform: scale(1.05);}
.HomeNews .HomeNewsBox .item .txt{margin-top:0.3rem;}
.HomeNews .HomeNewsBox .item .txt .tit{font-size: 0.22rem;line-height: 0.36rem;}
.HomeNews .HomeNewsBox .item .txt .dec{color:#666;line-height: 0.3rem;margin:0.2rem 0;}
.HomeNews .HomeNewsBox .item .txt .time{color:#666;}

.HomeNews .slick-arrow{top:-1rem;transform: translateY(0);-webkit-transform: translateY(0);}
.HomeNews .slick-arrow.slick-next{right:0;}
.HomeNews .slick-arrow.slick-prev{right:0.8rem;left:auto;}


@media(max-width:1024px){
    .HomeNews .slick-arrow.slick-prev{right:55px;}
    .HomeNews .slick-arrow{top:-60px;}
    .HomeNews .HomeNewsBox .item .txt{margin-top:20px;}
    .HomeNews .HomeNewsBox .item .txt .tit{font-size: 16px;line-height: 1.6;}
    .HomeNews .HomeNewsBox .item .txt .dec{margin:10px 0;line-height: 24px;}
}

@media(max-width:640px){
    .HomeNews .slick-arrow{top:-40px;}
    .HomeNews .slick-arrow.slick-prev{right:50px;}
    .HomeNews .HomeNewsBox .item .txt .tit{font-size: 15px;}
}

.HomeTec{background: url(../images/hometec.jpg) no-repeat top center;background-size: contain;position: relative;}
.HomeTec::before{content:'';display: block;width:100%;height:6.5rem;position: absolute;bottom:0;left:0;background: url(../images/tecbg.png) no-repeat bottom left;background-size: 100%;}
.HomeTec .HomeTecBox .slider-for{width:55%;float:left;}
.HomeTec .HomeTecBox .slider-for .item{height:5.2rem;position: relative;}
.HomeTec .HomeTecBox .slider-for .item a::after{content:'';display: block;clear: both;}
.HomeTec .HomeTecBox .slider-for .item .img{width:45%;float:left;text-align: center;}
.HomeTec .HomeTecBox .slider-for .item .img img{display: inline-block;max-height:5.2rem;}
.HomeTec .HomeTecBox .slider-for .item .txt{width:45%;float:right;padding-top:1.8rem;}
.HomeTec .HomeTecBox .slider-for .item .txt .tit{font-size: 0.3rem;color:#fff;}
.HomeTec .HomeTecBox .slider-for .item .txt .dec{line-height: 0.3rem;color:#fff;margin:0.3rem 0 0.4rem 0;max-height: 0.9rem}
.HomeTec .HomeTecBox .slider-for .item .txt .HomeMore{color:#fff;}
.HomeTec .HomeTecBox .slider-for .item .txt .HomeMore:hover i{border:1px solid transparent;}
.HomeTec .HomeTecBox .slider-for .item .dotico{height:1.45rem;width:1px;background: #73b941;position: absolute;top:0.5rem;left:51%;}
.HomeTec .HomeTecBox .slider-for .item .dotico::after,
.HomeTec .HomeTecBox .slider-for .item .dotico::before{content:'';display: block;}
.HomeTec .HomeTecBox .slider-for .item .dotico::before{width:0.31rem;height:0.31rem;background: url(../images/dotc.png) no-repeat center center;position: absolute;top:-0.27rem;left:50%;transform: translateX(-50%);background-size: contain;}
.HomeTec .HomeTecBox .slider-for .item .dotico::after{width:9px;height:12px;background: url(../images/dian.png) no-repeat center center;position: absolute;bottom:0;left:50%;margin-left:-4.5px;}

.HomeTec .HomeTecBox .slider-nav{width:38.5%;float:right;box-sizing: border-box;margin-top:-0.6rem;}
.HomeTec .HomeTecBox .slider-nav .slick-track{box-sizing: border-box;height:5.5rem;}
.HomeTec .HomeTecBox .slider-nav .item{padding:0 0.3rem;transition: all .3s;position: relative;}
.HomeTec .HomeTecBox .slider-nav .item .img{position: relative;text-align: center;top:0;left:0;}
.HomeTec .HomeTecBox .slider-nav .item .img img{height:2rem;display: inline-block;}
.HomeTec .HomeTecBox .slider-nav .item .img::before{content:'';display: block;width:1.54rem;height:1.54rem;background: url(../images/tec-yuan.png) no-repeat center center;background-size: contain;position: absolute;right:-0.25rem;top:50%;transform: translateY(-50%);}
.HomeTec .HomeTecBox .slider-nav .item .tit{font-size: 0.18rem;margin-top:0.2rem;padding-left:0.5rem;position: relative;}
.HomeTec .HomeTecBox .slider-nav .item .tit::before{content:'';display: block;width:0.13rem;height:0.13rem;background:url(../images/dot.png) no-repeat center center;background-size: contain;position: absolute;left:0;top:50%;margin-top:-0.065rem;}
.HomeTec .HomeTecBox .slider-nav .item.slick-active{position: relative;left:0.5rem;top:-0;}
.HomeTec .HomeTecBox .slider-nav .item.slick-active + .item.slick-active{left:-0.23rem;top:3rem;}

@media(max-width:1440px){
    .HomeTec .HomeTecBox .slider-for .item .img img{max-height:3.6rem;}
    .HomeTec .HomeTecBox .slider-for .item{margin-top:0.4rem;height:4.3rem;}
    .HomeTec .HomeTecBox .slider-for .item .txt .dec{line-height: 24px;max-height: 72px}
    .HomeTec .HomeTecBox .slider-for .item .dotico{top:0.6rem;}
    .HomeTec .HomeTecBox .slider-nav{position: relative;left:-0.8rem;}
    .HomeTec .HomeTecBox .slider-nav .item.slick-active + .item.slick-active{left:-0.01rem;}
}

@media(max-width:1024px){
    .HomeTec::before{background: none;}
    .HomeTec .HomeTecBox .slider-for{width:100%;}
    .HomeTec .HomeTecBox .slider-nav{width:100%;display: none;}
    .HomeTec .HomeTecBox .slider-for .item .txt{padding-top:80px;}
    .HomeTec .HomeTecBox .slider-for .item .txt .tit{color:#333;}
    .HomeTec .HomeTecBox .slider-for .item .txt .dec{color:#666;}
    .HomeTec .HomeTecBox .slider-for .item .txt .HomeMore{color:#666;}
    .HomeTec .HomeTecBox .slider-for .item .txt .HomeMore1 i{border:1px solid #cfcfcf;}
    .HomeTec .HomeTecBox .slider-for .item .txt .HomeMore1 i::after{background-image: url(../images/next.png);}
    .HomeTec .HomeTecBox .slider-for .item .txt .HomeMore1:hover i::after{background-image: url(../images/nextc.png);}
    .HomeTec .HomeTecBox .slider-for .item{height:auto;}
    .HomeTec .HomeTecBox .slider-for .item .txt .tit{font-size: 16px;}
}


@media(max-width:640px){
    .HomeTec .HomeTecBox .slider-for .item .img{width:35%;}
    .HomeTec .HomeTecBox .slider-for .item .txt{width:54%;padding-top:20px;}
    .HomeTec .HomeTecBox .slider-for .item .img img{max-height:140px;}
    .HomeTec .HomeTecBox .slider-for .item .dotico{left:40%;}
}