@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{font-family:"微软雅黑"; letter-spacing:0.005rem}
html{}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}
b{font-weight: normal;}
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}
.clear_fix:after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}
.fl{float:left}
.fr{float:right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.pos-r{position: relative;}
.pos-a{position: absolute;}

.c-nav .show{display: flex;}
.c-nav .hiden{display:none}
.c-nav{width:100%; position: relative; z-index: 9999;}
.c-nav .navFlex{display:flex; display:-webkit-flex; align-items:center; -webkit-align-content:center;color:#fff; 
    justify-content:space-between; -webkit-justify-content:space-between;}
.c-nav .logo{width: 15%;}
.c-nav .logo img{width: 100%;}
.c-nav ul{display: flex; }
.c-nav ul li{line-height:0.9rem; font-size:0.18rem; margin: 0 0.3rem;}
.c-nav ul li a{display: block; color:#333;text-decoration:none;width:100%}
.c-nav ul li.active{ border-bottom: 2px solid #009ce0;}
.c-nav ul li.active a{color: #009ce0;}
.c-nav ul li:hover{ border-bottom: 2px solid #009ce0;}
.c-nav ul li:hover a{ color: #009ce0;}
.c-nav .btnImg{height:20px;width:25px;padding:3px 8px 3px 8px;box-sizing:content-box;margin-right:5px;}
.circular{display: flex;}
.circular a{display: block; width: 100%; height: 100%;}
#wechat-btn{width: 0.42rem; height: 0.9rem; margin: 0 0.1rem; background: url(../images/wechat-btn1.png) no-repeat center; background-size: contain;}
#EN{width: 0.42rem; height: 0.9rem; margin: 0 0.1rem; background: url(../images/EN.png) no-repeat center; background-size: contain; }
#Complex{width: 0.42rem; height: 0.9rem; margin: 0 0.1rem; background: url(../images/Complex.png) no-repeat center; background-size: contain; }
#Complex2{width: 0.42rem; height: 0.9rem; margin: 0 0.1rem; background: url(../images/Complex2.png) no-repeat center; background-size: contain; }
#wechat-btn:hover{cursor: pointer;}
#wechat-box{width: 0; height: 150px; position: absolute; right: 0%; bottom: -1.5rem; z-index: 99999; transition: all 0.3s; 
  overflow: hidden; }
#wechat-close{width: 40px; height: 50px; box-sizing: border-box; float: left;  background:  url(../images/close.png) no-repeat center; cursor: pointer; background-size: 70%;}


.hamburger {
    display: none;
  }
  
.bar {
  display: block;
  width: 25px;
  height: 3px;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #333;
}


@media screen and (max-width: 1420px) and (min-width:1200px){
}
@media screen and (max-width: 1238px) and (min-width:1200px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:992px){
}
@media screen and (max-width:768px){
}
@media screen and (max-width:576px){
.c-nav{opacity:.9; margin: 0; box-sizing: border-box;}
.c-nav .container{padding: 0;}
.c-nav .navFlex{font-size:0.2rem; justify-content:space-between;flex-wrap:wrap; }
.c-nav .logo{margin: 0.2rem; width: 35%;}
.c-nav .logo img{height: 100%;}
.c-nav ul{display: flex; flex-direction: column;}
.c-nav ul li{padding-top:0;margin-left:0;display:block;line-height:0.7rem;background:#000; border-bottom: none; margin-right: 0;
font-size: 0.25rem;}
.c-nav ul li a{color:#fff;width:100%;display:block}
.c-nav .hiden{display:block; position: absolute; right: 0; top: 0.2rem}
.c-nav .show{width:100%;font-size:14px;text-align:center;display:none}
.c-nav #wechat-btn{display: none;}
.circular{display: none;}

.hamburger {
    display: block;
    cursor: pointer;
  }
  
  .hamburger.active .bar:nth-child(2) {
    opacity: 0;
  }
  
  .hamburger.active .bar:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
  }
  
  .hamburger.active .bar:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
  }
}



.hero-slide-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1080px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 1200px) and (max-width: 1599px) {
  .hero-slide-item {
      height: 700px
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slide-item {
      height: 600px
  }
}

@media only screen and (max-width: 767px) {
  .hero-slide-item {
      height: 400px
  }
}

@media only screen and (max-width: 479px) {
  .hero-slide-item {
      height: 300px
  }
}

.hero-slide-item-two {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 560px
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 1200px) and (max-width: 1599px) {
  .hero-slide-item-two {
      height: 500px
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slide-item-two {
      height: 500px
  }
}

@media only screen and (max-width: 767px) {
  .hero-slide-item-two {
      height: 300px
  }
}

@media only screen and (max-width: 479px) {
  .hero-slide-item-two {
      height: 300px
  }
}

.hero-slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%
}

.hero-slide-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.hero-slide-content {
  position: relative;
  z-index: 99
}

.hero-slide-content .title {
  color: #fff;
  font-family: "思源黑体";
  text-transform: uppercase;
  font-size: 0.6rem;
  line-height: 1.6;
  margin-bottom: 10px
}

.hero-slide-content .line{
  margin: 0.3rem 0;
}
.hero-slide-content .line img{
  max-width: 30%;
}

.hero-slide-content p {
  font-weight: 400;
  letter-spacing: 0.02rem;
  line-height: 1.6;
  color: #fff;
  display: block;
  font-size: 0.3rem;
  font-family: "思源黑体";
}

@media only screen and (max-width: 767px) {
  .hero-slide-content .title {
      font-size: 26px
  }

  .hero-slide-content p {
      margin-bottom: 24px
  }
}

@media only screen and (max-width: 479px) {
  .hero-slide-content .title {
      font-size: 20px;
      margin-bottom: 10px
  }

  .hero-slide-content p {
      font-size: 14px
  }
}

.hero-slider .main-slider-nav {
  color: #212121;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 50px
}

.hero-slider .main-slider-nav::after {
  display: none
}

.hero-slider .main-slider-nav:hover {
  color: #ff4545;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s
}

.hero-slider .home-slider-prev {
  left: 30px
}

@media only screen and (max-width: 575px) {
  .hero-slider .home-slider-prev {
      left: 5px
  }
}

.hero-slider .home-slider-next {
  right: 30px
}

.hero-slider .home-slider-next::after {
  display: none
}

@media only screen and (max-width: 575px) {
  .hero-slider .home-slider-next {
      right: 5px
  }
}

.hero-slider:hover .main-slider-nav,
.hero-slider:hover .swiper-pagination {
  opacity: 1;
  visibility: visible
}

.hero-slider .home-slider-prev,
.hero-slider .home-slider-next {
  margin-top: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.hero-slider .home-slider-prev i,
.hero-slider .home-slider-next i {
  background: white;
  opacity: .5;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s
}

.hero-slider .home-slider-prev:hover i,
.hero-slider .home-slider-next:hover i {
  background: #fff;
  opacity: 1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s
}

.hero-slider .swiper-pagination {
  position: absolute;
  bottom: 20px;
  opacity: 0;
  visibility: hidden
}

.hero-slide-content>* {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

.swiper-slide-active .hero-slide-content>* {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

.swiper-slide-active .hero-slide-content>*:nth-child(1) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s
}

.swiper-slide-active .hero-slide-content>*:nth-child(2) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s
}

.swiper-slide-active .hero-slide-content>*:nth-child(3) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s
}

.swiper-slide-active .hero-slide-content>*:nth-child(4) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s
}

.swiper-slide-active .hero-slide-content>*:nth-child(5) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s
}

.swiper-slide-active .hero-slide-content>*:nth-child(6) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s
}

.index-pro-box{padding: 0.7rem 0; background: url(../images/index-pro-bg.jpg) no-repeat center; background-size: cover;}
.index-pro{display: flex;}
.index-pro-info{width: 20%;}
.index-pro-info-tit{font-size: 0.4rem; font-weight: bold; color: #fff;}
.index-pro-info-txt{font-size: 0.18rem; color: #fff; margin-top: 0.2rem;}

.index-pro-content{width: 80%; box-sizing: border-box; padding: 50px 60px; background: #009ce0; display: flex;
flex-wrap: wrap;}
.index-pro-list{width: 25%;  box-sizing: border-box; margin-right: 12.5%; margin-bottom: 0.35rem;}
.index-pro-list:nth-child(3n){margin-right: 0;}
.index-pro-list-tit{font-size: 0.24rem; color: #fff;}
.index-pro-list-line{width: 0.3rem; height: 1px; background: #000; margin: 0.2rem 0;}
.index-pro-list-li{font-size: 0.16rem; margin-bottom: 0.15rem;}
.index-pro-list-li a{color: #fff;}
.index-pro-list-btn{width: 100%; height: 0.4rem; border: 1px solid #000; line-height: 0.4rem; text-align: center; margin-top: 0.3rem;}
.index-pro-list-btn a{color: #000; display: block;}

.index-application{padding: 1rem 0; background: url(../images/index-application-bg.jpg) no-repeat center; background-size: cover;}
.index-application-tit{font-size: 0.4rem; color: #fff; font-weight: bold; margin-bottom: 0.15rem;}
.index-application-txt{font-size: 0.18rem; color: #fff;}

.index-industry-box{background: #f5f5f5; padding: 0.4rem 0;}
.index-industry{padding: 0 0.5rem; position: relative;}
.index-industry .swiper-container {
  width: 100%;
  height: 100%;
}

.index-industry .swiper-container .swiper-slide {
  font-size: 0.18rem;
  text-align: center;
  background: #fff;
}
.index-industry-info{padding: 0.25rem;}
.index-industry-tit{font-size: 0.24rem; font-weight: bold; color: #222; margin-bottom: 0.15rem;}
.index-industry-txt{font-size: 0.16rem; color: #666; line-height: 1.8;}

.index-advantage{margin: 40px 0; background: #f5f5f5; padding: 0.6rem; border-radius: 0.1rem; display: flex;
flex-wrap: wrap;}
.index-advantage-l{display: flex; width: 20%;}
.index-advantage-l-txt{writing-mode: vertical-lr; font-size: 0.16rem; color: #222; margin-right: 0.1rem; letter-spacing: 0.05rem;}
.index-advantage-l-tit{writing-mode: vertical-lr; font-size: 0.4rem; color: #222; letter-spacing: 0.05rem;}
.index-advantage-r{width: 80%; display: flex; flex-wrap: wrap;}
.index-advantage-li{width: 32%; margin-right: 2%; margin-bottom: 0.2rem; box-sizing: border-box; padding: 0.2rem; background: #fff; 
  border-radius: 0.1rem; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);}
.index-advantage-li:nth-child(3n){margin-right: 0;}
.index-advantage-pic{width: 100%;} 
.index-advantage-info{}
.index-advantage-info-tit{font-size: 0.24rem; color: #222; margin: 0.15rem 0;}
.index-advantage-info-txt{font-size: 0.16rem; color: #666; line-height: 1.8;}
.index-advantage-li:hover{background: #009ce0;}
.index-advantage-li:hover .index-advantage-info-tit,
.index-advantage-li:hover .index-advantage-info-txt{color: #fff;}

.index-news{padding: 0.6rem 0; display: flex; flex-wrap: wrap;}
.index-company{width: 47%; box-sizing: border-box; padding: 0.5rem 0.45rem; border-top: 1px solid #dedede;
border-left: 1px solid #dedede; border-top-left-radius: 0.1rem; margin-right: 6%;}
.index-company:nth-child(2){margin-right: 0;}
.index-company-tit{font-size: 0.3rem; font-weight: bold; color: #222; margin-bottom: 0.35rem;}
.index-company-tit img{margin-left: 0.15rem;}
.index-company-li{margin-bottom: 0.2rem;}
.index-company-li-time{font-size: 0.16rem; color: #666; margin-bottom: 0.1rem;}
.index-company-li-tit{font-size: 0.2rem; color: #222; text-decoration: underline; text-underline-offset: 0.1rem; 
  padding-bottom: 0.2rem; text-decoration-color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;} 
 
.index-brand-box{padding: 0.5rem 0; background: #f5f5f5;}
.index-brand-tit{font-size: 0.3rem; font-weight: bold; color: #222; margin-bottom: 0.3rem; text-align: center;}
.index-brand{padding: 0 0.5rem; position: relative;}
.index-brand  .swiper-container{}
.index-brand  .swiper-container .swiper-slide {border: 1px solid #dedede; box-sizing: border-box;}
.index-brand  .swiper-container .swiper-slide img{width: 100%;}

.footer-box{background: #009ce0;}
.footer-link{line-height: 0.7rem; color: #fff; font-size: 0.16rem;}
.footer-link b{font-weight: bold; color: #fff; font-weight: bold;}
.footer-link a{color: #fff; margin: 0 0.1rem;}

.footer{ border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-top: 1px solid rgba(255, 255, 255, 0.3);
padding: 0.4rem 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer-company{width: 20%;}
.footer-company-tit{font-size: 0.18rem; color: #fff; margin-bottom: 0.15rem;}
.footer-company-txt{font-size: 0.14rem; color: #fff; line-height: 1.8;}
.footer-company-line{height: 0.3rem;}

.footer-nav{width: 55%; color: #fff; margin: 0 5%; display: flex; justify-content: space-between;}
.footer-nav-li{}
.footer-nav-li-tit{font-size: 0.16rem; font-weight: bold; margin-bottom: 0.2rem;}
.footer-nav-li-link{font-size: 0.14rem; margin-bottom: 0.1rem;}
.footer-nav-li-link a{color: #fff;}

.footer-code{width: 8%;}
.footer-code img{width: 100%;}
.footer-code-tit{font-size: 0.14rem; color: #fff; text-align: center; color: #fff; margin-top: 0.15rem;}

.footer-copy{font-size: 0.14rem; color: #fff; line-height: 0.7rem; text-align: center; /*opacity: 0.5;*/}

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


  .index-pro-box{padding: 0.7rem 0; background: url(../images/index-pro-bg.jpg) no-repeat center; background-size: cover;}
  .index-pro{display: flex; flex-wrap: wrap;}
  .index-pro-info{width: 100%; margin-bottom: 0.4rem;}
  .index-pro-info-tit{font-size: 0.4rem; font-weight: bold; color: #fff;}
  .index-pro-info-txt{font-size: 0.25rem; color: #fff; margin-top: 0.2rem;}
  
  .index-pro-content{width: 100%; box-sizing: border-box; padding: 0.3rem; background: #009ce0; display: flex;
  flex-wrap: wrap;}
  .index-pro-list{width: 80%;  box-sizing: border-box; margin: 0.2rem auto; margin-bottom: 0.35rem;}
  .index-pro-list:nth-child(3n){margin-right: auto;}
  .index-pro-list-tit{font-size: 0.28rem; color: #fff;}
  .index-pro-list-line{width: 0.3rem; height: 1px; background: #000; margin: 0.2rem 0;}
  .index-pro-list-li{font-size: 0.25rem; margin-bottom: 0.15rem;}
  .index-pro-list-li a{color: #fff;}
  .index-pro-list-btn{width: 100%; height: 0.6rem; border: 1px solid #000; line-height: 0.6rem; text-align: center; 
    margin-top: 0.3rem; font-size: 0.25rem;}
  .index-pro-list-btn a{color: #000; display: block;}
  
  .index-application{padding: 1rem 0; background: url(../images/index-application-bg.jpg) no-repeat center; background-size: cover;}
  .index-application-tit{font-size: 0.4rem; color: #fff; font-weight: bold; margin-bottom: 0.15rem;}
  .index-application-txt{font-size: 0.18rem; color: #fff;}
  
  .index-industry-box{background: #f5f5f5; padding: 0.4rem 0;}
  .index-industry{padding: 0 0.8rem; position: relative;}
  .index-industry .swiper-container {
    width: 100%;
    height: 100%;
  }
  
  .index-industry .swiper-container .swiper-slide {
    font-size: 0.18rem;
    text-align: center;
    background: #fff;
  }
  .index-industry-info{padding: 0.25rem;}
  .index-industry-tit{font-size: 0.26rem; font-weight: bold; color: #222; margin-bottom: 0.15rem;}
  .index-industry-txt{font-size: 0.22rem; color: #666; line-height: 1.8;}
  
  .index-advantage{margin: 40px 0; background: #f5f5f5; padding: 0.3rem; border-radius: 0.1rem; display: flex;
  flex-wrap: wrap;}
  .index-advantage-l{display: flex; width: 20%;}
  .index-advantage-l-txt{writing-mode: vertical-lr; font-size: 0.16rem; color: #222; margin-right: 0.1rem; letter-spacing: 0.05rem;}
  .index-advantage-l-tit{writing-mode: vertical-lr; font-size: 0.4rem; color: #222; letter-spacing: 0.05rem;}
  .index-advantage-r{width: 80%; display: flex; flex-wrap: wrap;}
  .index-advantage-li{width: 100%; margin-right: 0%; margin-bottom: 0.2rem; box-sizing: border-box; padding: 0.2rem; background: #fff; border-radius: 0.1rem;}
  .index-advantage-li:nth-child(3n){margin-right: auto;}
  .index-advantage-pic{width: 100%;} 
  .index-advantage-info{}
  .index-advantage-info-tit{font-size: 0.25rem; color: #222; margin: 0.15rem 0;}
  .index-advantage-info-txt{font-size: 0.22rem; color: #666; line-height: 1.8;}
  
  .index-news{padding: 0.6rem 0; display: flex; flex-wrap: wrap;}
  .index-company{width: 100%; box-sizing: border-box; padding: 0.5rem 0.45rem; border-top: 1px solid #dedede;
  border-left: 1px solid #dedede; border-top-left-radius: 0.1rem; margin-right: 0;}
  .index-company:nth-child(2){margin-right: 0; margin-top: 0.5rem;}
  .index-company-tit{font-size: 0.3rem; font-weight: bold; color: #222; margin-bottom: 0.35rem;}
  .index-company-tit img{margin-left: 0.15rem;}
  .index-company-li{margin-bottom: 0.2rem;}
  .index-company-li-time{font-size: 0.2rem; color: #666; margin-bottom: 0.1rem;}
  .index-company-li-tit{font-size: 0.25rem; color: #222; text-decoration: underline; text-underline-offset: 0.1rem; 
    padding-bottom: 0.2rem; text-decoration-color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;} 
   
  .index-brand-box{padding: 0.5rem 0; background: #f5f5f5;}
  .index-brand-tit{font-size: 0.36rem; font-weight: bold; color: #222; margin-bottom: 0.3rem; text-align: center;}
  .index-brand{padding: 0 0.8rem; position: relative; font-size: 0.18rem;}
  .index-brand  .swiper-container .swiper-slide {border: 1px solid #dedede; box-sizing: border-box;}
  .index-brand  .swiper-container .swiper-slide img{width: 100%;}
  
  .footer-box{background: #009ce0;}
  .footer-link{line-height: 0.7rem; color: #fff; font-size: 0.25rem;}
  .footer-link b{font-weight: bold; color: #fff; font-weight: bold;}
  .footer-link a{color: #fff; margin: 0 0.1rem;}
  
  .footer{ border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0.4rem 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
  .footer-company{width: 100%;}
  .footer-company-tit{font-size: 0.25rem; color: #fff; margin-bottom: 0.15rem;}
  .footer-company-txt{font-size: 0.22rem; color: #fff; line-height: 1.8;}
  .footer-company-line{height: 0.3rem;}
  
  .footer-nav{width: 100%; color: #fff; margin: 0.3rem 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
  .footer-nav-li{width: 50%; margin-bottom: 0.2rem;}
  .footer-nav-li-tit{font-size: 0.28rem; font-weight: bold; margin-bottom: 0.2rem;}
  .footer-nav-li-link{font-size: 0.22rem; margin-bottom: 0.1rem;}
  .footer-nav-li-link a{color: #fff;}
  
  .footer-code{width: 30%;}
  .footer-code img{width: 100%;}
  .footer-code-tit{font-size: 0.22rem; color: #fff; text-align: center; color: #fff; margin-top: 0.15rem;}
  
  .footer-copy{font-size: 0.22rem; color: #fff; line-height: 0.6rem; padding: 0.2rem 0; text-align: center; /*opacity: 0.5;*/}
  



}


/*客服*/
.izl-rmenu{width: 0.65rem; position:fixed; right:0; top:50%; z-index:999; background: #000;}
.izl-rmenu .consult{background:#000 url(../images/tel.png) no-repeat center; display:block;height:0.55rem;width:0.65rem}
.izl-rmenu .consult .phone{background-color:#009ce0; position:absolute; width:1.6rem; left:-1.6rem;top:0; 
  line-height:0.55rem;color:#fff;font-size:0.18rem;text-align:center;display:none}
.izl-rmenu a.consult:hover{background:#009ce0 url(../images/tel.png) no-repeat center;}
.izl-rmenu a.consult:hover .phone{display:inline!important}

.izl-rmenu .mail{background:#000 url(../images/mail.png) no-repeat center; display:block;height:0.55rem;width:0.65rem}
.izl-rmenu .mail .email{background-color:#009ce0; position:absolute; width:2.5rem; left:-2.5rem;top:0.55rem; 
  line-height:0.55rem;color:#fff;font-size:0.18rem;text-align:center;display:none}
.izl-rmenu a.mail:hover{background:#009ce0 url(../images/mail.png) no-repeat center;}
.izl-rmenu a.mail:hover .email{display:inline!important}

.izl-rmenu .cart{background: #000 url(../images/wechat.png) no-repeat center; display:block; height:0.55rem;width:0.65rem; line-height:0.55rem;}
.izl-rmenu a.cart:hover .pic{display:block}
.izl-rmenu .btn_top{background: #000 url(../images/top.png) no-repeat center; display:block; height:0.55rem;width:0.65rem; line-height:0.55rem;
  -webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out}
  .izl-rmenu .btn_top:hover{background: #009ce0 url(../images/top.png) no-repeat center;}
.izl-rmenu .cart .pic{display:none;position:absolute;left:-160px;top:65px;width:160px;height:160px;background:url(../images/weixin.jpg)}

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

  .izl-rmenu{width: 1rem; position:fixed; right: 0.1rem; top:80%; z-index:999; background: none;}
  .izl-rmenu .consult,
  .izl-rmenu .mail,
  .izl-rmenu .cart{display: none;}
  .izl-rmenu .btn_top{background: rgba(0, 0, 0, 0.8) url(../images/top.png) no-repeat center; display:block; height:0.8rem; width:1rem; line-height:0.8rem;
    border-radius: 0.2rem; overflow: hidden;
    -webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out}

}
/*客服*/


/*产品中心*/

.responsive-ban{position: relative;}
.pc-ban{display: block;}
.mobile-ban{display: none;}
.responsive-banner-info{position: absolute; left: 15px; right: 0; margin: 0 auto; top: 35%;}
.responsive-banner-tit{ font-size: 0.4rem; color: #fff;}
.responsive-banner-tit span{font-size: 0.4rem; color: #fff; padding: 0.4rem 0; border-top: 1px solid #fff;
  border-bottom: 1px solid #fff; font-family: NotoSansHans-Medium;}

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

  .responsive-ban{position: relative;}
  .pc-ban{display: none;}
  .mobile-ban{display: block;}
  .responsive-banner-info{position: absolute; left: 0; right: 0; margin: 0 auto; top: 35%;}
  .responsive-banner-tit{ text-align: center;}
  .responsive-banner-tit span{font-size: 0.25rem; color: #fff; padding: 0.3rem 0; border-top: 1px solid #fff;
    border-bottom: 1px solid #fff; font-family: NotoSansHans-Medium;}
}



/*产品中心*/



/*资讯动态*/

#brand{padding: 0.5rem 0;}
#brand-tab {overflow:hidden;zoom:1; display: flex; flex-wrap: wrap;  border-bottom: 1px solid #dedede; margin-bottom: 0.4rem;}
#brand-tab li {font-size: 0.18rem; color: #333; cursor: pointer; margin-right: 0.3rem; padding-bottom: 0.15rem;}
#brand-tab li.current {border-bottom: 3px solid #009ce0; color: #009ce0; font-weight: bold;}
#brand-content{}
.brand-content-li{display: none;}
.brand-content-li .index-video-li{margin-bottom: 0.3rem;}
.brand-yema{text-align: center;}
@media screen and (max-width:576px){

  
  #brand{padding: 0.3rem;}
  #brand-tab {overflow:hidden;zoom:1; display: flex; border-bottom: 1px solid #dedede; margin-bottom: 0.4rem;}
  #brand-tab li {font-size: 0.25rem; color: #333; cursor: pointer; margin-right: 0.4rem; padding-bottom: 0.15rem; }
  #brand-tab li.current {border-bottom: 3px solid #009ce0; }
  #brand-content{}
  .brand-content-li{display: none;}
  .brand-content-li .index-video-li{margin-bottom: 0.3rem;}
  .brand-more{padding: 0.2rem 0 0.5rem; text-align: center; font-size: 0.22rem; color: #333;}

  }

  
.news{}
.news-li{display: flex; justify-content: space-between; background: #f8f8f8; margin-bottom: 0.3rem;}
.news-li-pic{width: 27%;}
.news-li-info{width: 55%;}
.news-li-info-tit{font-size: 0.24rem; margin-top: 0.45rem; overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
  .news-li:hover .news-li-info-tit{color: #009ce0;}
.news-li-info-txt{font-size: 0.14rem; color: #333; line-height: 1.8; margin: 0.3rem 0;}
.news-li-info-more{font-size: 0.14rem; color: #333; }
.news-li-info-more a{color: #333; }
.news-li-info-more span{text-decoration: underline; text-underline-offset: 0.05rem;}
.news-li-time{width: 10%; padding-right: 2%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.news-li-time-year{font-size: 0.48rem; color: #999;}
.news-li-time-month{font-size: 0.18rem; color: #999;}

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

  .news{}
  .news-li{display: flex; flex-wrap: wrap; justify-content: space-between; background: #f8f8f8; margin-bottom: 0.3rem;}
  .news-li-pic{width: 100%;}
  .news-li-info{width: 100%; padding: 0.3rem; box-sizing: border-box;}
  .news-li-info-tit{font-size: 0.28rem; margin-top: 0rem; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
  .news-li-info-txt{font-size: 0.22rem; color: #333; line-height: 1.8; margin: 0.3rem 0;}
  .news-li-info-more{font-size: 0.22rem; color: #333; }
  .news-li-info-more a{color: #333; }
  .news-li-info-more span{text-decoration: underline; text-underline-offset: 0.05rem;}
  .news-li-time{display: none;}
  
}

.demand{background: #f09a0b; padding: 0.2rem 0;}
.demand-content{width: 12rem; margin: 0 auto; display: flex; flex-wrap: wrap;}
.demand-li{width: calc(100%/3); box-sizing: border-box; padding: 0 5%; display: flex; align-items: center; justify-content: space-between;}

.demand-li-info{}
.demand-li-info-tit{font-size: 0.20rem; font-weight: bold; color: #fff; margin-bottom: 0.1rem; padding:0 10%}
.demand-li-info-txt{font-size: 0.16rem; color: #fff;padding:0 10%}

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

  .demand{background: #f09a0b; padding: 0.2rem 0;}
  .demand-content{width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;}
  .demand-li{width: 60%; margin: 0.2rem auto; box-sizing: border-box; padding: 0 5%; display: flex; align-items: center;
     justify-content: space-between;}
  .demand-li-pic{width: 15%;}
  .demand-li-pic img{width: 100%;}
  .demand-li-ewm{width: 40%;}
  .demand-li-ewm img{width: 100%;}
  .demand-li-info{}
  .demand-li-info-tit{font-size: 0.28rem; font-weight: bold; color: #fff; margin-bottom: 0.1rem;}
  .demand-li-info-txt{font-size: 0.22rem; color: #fff;}
  

}

/*资讯动态*/


/*资讯详细*/
.newsview{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0.6rem auto;}
.newsview-l{width: 70%;}
.newsview-ltit{font-size: 0.3rem; color: #022020; font-weight: bold;}
.newsview-ltime{font-size: 0.14rem; color: #999; margin: 0.2rem 0 0.4rem;}
.newsview-ltime span{margin-right: 0.5rem;}
.newsview-ltime i{font-size: 0.2rem; margin-right: 0.05rem;}
.newsview-ltime img{margin: 0 0.1rem; max-width: 100%;}
.newsview-linfo{font-size: 0.16rem; color: #444; line-height: 2;}
.newsview-linfo b{font-weight: bold;}
.newsview-linfo img{max-width: 100%;}
.newsview-return{text-align: center; margin-top: 0.5rem; margin-bottom: 0.3rem; line-height: 2;}
.newsview-return a{font-size: 0.18rem; color: #0054a7; font-weight: bold; text-decoration: underline;
text-underline-offset: 0.15rem;}
.newsview-link{display: flex; justify-content: space-between; flex-wrap: wrap;}
.newsview-link a{color: #666; font-size: 0.16rem; max-width: 49%; overflow: hidden;
text-overflow: ellipsis; white-space: nowrap;}

.news-recommend{width: 26%;}
.news-recommend-tit{font-size: 0.24rem; color: #333; margin-bottom: 0.25rem;}
.news-recommend ul li{background: #f5f5f5; margin-bottom: 0.2rem;}
.news-recommend ul li:hover{background:#0054a7; margin-bottom: 0.2rem; }
.news-recommend ul li .news-recommend-list-info{padding: 0.3rem;}
.news-recommend ul li .news-recommend-list-tit{font-size: 0.24rem; color: #333; line-height: 0.35rem; margin-bottom: 0.2rem;}
.news-recommend ul li .news-recommend-list-tit a{color: #333;}
.news-recommend ul li:hover .news-recommend-list-tit{ color: #fff; }
.news-recommend ul li:hover .news-recommend-list-tit a{color: #fff;}
.news-recommend ul li .news-recommend-list-dis{font-size: 0.16rem; color: #999; line-height: 0.28rem;}
.news-recommend ul li:hover .news-recommend-list-dis{font-size: 0.16rem; color: #fff; line-height: 0.28rem;}


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

  .newsview{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0.3rem; margin-bottom: 0.3rem;}
	.newsview-l{width: 100%; margin: 0 auto; box-sizing: border-box; padding-right: 0%; margin-bottom: 0.5rem;}
	.newsview-ltit{font-size: 0.35rem; color: #022020; line-height: 1.6;}
	.newsview-ltime{font-size: 0.25rem; color: #999; margin: 0.2rem 0 0.4rem;}
	.newsview-ltime span{margin-right: 0.3rem;}
	.newsview-ltime img{margin: 0 0.1rem;}
	.newsview-linfo{font-size: 0.25rem; color: #444; line-height: 2;}
	.newsview-linfo b{font-weight: bold;}
  .newsview-return{text-align: center; margin-top: 0.5rem; margin-bottom: 0.3rem; line-height: 2;}
  .newsview-return a{font-size: 0.28rem; color: #0054a7; font-weight: bold; text-decoration: underline;
  text-underline-offset: 0.15rem;}
  .newsview-link{display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: column;}
  .newsview-link a{color: #666; font-size: 0.25rem; max-width: 100%; overflow: hidden; margin-bottom: 0.3rem;
  text-overflow: ellipsis; white-space: nowrap;}

  .news-recommend{width: 100%; margin: 0 auto;}
  .news-recommend-tit{font-size: 0.3rem; color: #333; margin-bottom: 0.3rem;}
  .news-recommend ul li{background: #f5f5f5; margin-bottom: 0.2rem;}
  .news-recommend ul li:hover{ margin-bottom: 0.2rem; }
  .news-recommend ul li .news-recommend-list-info{padding: 0.3rem;}
  .news-recommend ul li .news-recommend-list-tit{font-size: 0.25rem; color: #333; line-height: 0.45rem; margin-bottom: 0.2rem;}
  .news-recommend ul li:hover .news-recommend-list-tit{font-size: 0.25rem; color: #fff; line-height: 0.45rem; margin-bottom: 0.2rem;}
  .news-recommend ul li .news-recommend-list-dis{font-size: 0.25rem; color: #999; line-height: 0.35rem;}
  .news-recommend ul li:hover .news-recommend-list-dis{font-size: 0.25rem; color: #fff; line-height: 0.35rem;}
  
  }

/*资讯详细*/


/*联系*/
.contact{margin: 0.8rem auto; display: flex;}
.contact-l{width: 50%; box-sizing: border-box; padding-left: 0.8rem;}
.contact-l-tit{font-size: 0.18rem; color: #222; margin-bottom: 0.35rem; font-weight: bold; position: relative;}
.contact-l-tit::before{content: ""; width: 0.6rem; height: 1px; background: #000; position: absolute;
left: -0.8rem; top: 48%;}
.contact-l-txt{font-size: 0.16rem; color: #222; line-height: 3.125; margin-bottom: 0.6rem;}
.contact-r{width: 50%;}
.contact-r-tit{font-size: 0.3rem; line-height: 1.8; color: #222; margin-bottom: 0.1rem;}
.contact-r-txt{font-size: 0.16rem; line-height: 1.8; color: #222; margin-bottom: 0.45rem;}
.contact-inp{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0.2rem;}
.contact-inp-half{width: 47%;}
.contact-inp-tit{font-size: 0.14rem; color: #666; margin-bottom: 0.1rem; width: 100%;}
.contact-inp-text{width: 100%;}
.contact-inp-text input,
.contact-inp-text select{width: 100%; height: 0.5rem; line-height: 0.5rem; height: 0.5rem; background: #f5f5f5; border-radius: 0.1rem;
outline: none; border: none; padding-left: 0.1rem;}
.contact-inp-textarea {width: 100%;}
  .contact-inp-textarea textarea{width: 100%; height: 1.4rem; line-height: 2; background: #f5f5f5; border-radius: 0.1rem;
outline: none; border: none; padding: 0.1rem;}

.contact-inp-code {width: 100%;}
.contact-inp-code input{width: 40%; height: 0.5rem; line-height: 0.5rem; height: 0.5rem; background: #f5f5f5; border-radius: 0.1rem;
outline: none; border: none; padding-left: 0.1rem;}
.contact-inp-code img{margin: 0 0.1rem;}

.contact-btn{width: 2.4rem; height: 0.6rem;  line-height: 0.6rem; text-align: center; background: #0054a7; border-radius: 0.1rem;}
.contact-btn a{display: block; color: #fff; font-size: 0.18rem;}

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

  .contact{width: 100%; margin: 0; padding: 0.4rem; display: flex; flex-wrap: wrap; box-sizing: border-box;}
  .contact-l{width: 100%; box-sizing: border-box; padding-left: 0.8rem;}
  .contact-l-tit{font-size: 0.25rem; color: #222; margin-bottom: 0.35rem; font-weight: bold; position: relative;}
  .contact-l-tit::before{content: ""; width: 0.6rem; height: 1px; background: #000; position: absolute;
  left: -0.8rem; top: 48%;}
  .contact-l-txt{font-size: 0.22rem; color: #222; line-height: 3.125; margin-bottom: 0.6rem;}
  .contact-r{width: 100%; box-sizing: border-box;}
  .contact-r-txt{font-size: 0.22rem; line-height: 1.8; color: #222; margin-bottom: 0.45rem; width: 100%;}
  .contact-inp{width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0.2rem;}
  .contact-inp-half{width: 100%;}
  .contact-inp-tit{font-size: 0.25rem; color: #222; margin-bottom: 0.2rem; width: 100%;}
  .contact-inp-text{width: 100%;}
  .contact-inp-text input,
  .contact-inp-text select{width: 100%; height: 0.7rem; line-height: 0.7rem; background: #f5f5f5; border-radius: 0.1rem;
  outline: none; border: none; padding-left: 0.1rem; margin-bottom: 0.2rem;}
  .contact-inp-textarea {width: 100%;}
    .contact-inp-textarea textarea{width: 100%; height: 1.4rem; line-height: 2; background: #f5f5f5; border-radius: 0.1rem;
  outline: none; border: none; padding: 0.1rem;}

  .contact-inp-code {width: 100%;}
  .contact-inp-code input{width: 35%; height: 0.7rem; line-height: 0.7rem; background: #f5f5f5; border-radius: 0.1rem;
  outline: none; border: none; padding-left: 0.1rem;}
  .contact-inp-code img{margin: 0 0.1rem; height: 0.6rem;}

  .contact-btn{width: 50%; height: 0.8rem;  line-height: 0.8rem; text-align: center; background: #0054a7; border-radius: 0.1rem;}
  .contact-btn a{display: block; color: #fff; font-size: 0.25rem;}

}
/*联系*/

/*关于我们_公司介绍*/

.about-blue{background: #009ce0; padding: 0.8rem 0;}
.about-blue-content{width: 12rem; margin: 0 auto; font-size: 0.3rem; color: #fff; font-weight: bold; box-sizing: border-box; padding: 0 0.4rem;
text-align: center; line-height: 1.8;}

.about-company{width: 12rem; margin: 0.4rem auto; text-align: center;}
.about-company-tit{font-size: 0.36rem; color: #222;}
.about-company-line{width: 0.5rem; height: 0.03rem; background: #009ce0; margin: 0.2rem auto 0.4rem;}
.about-company-txt{font-size: 0.16rem; color: #222; line-height: 1.8;}

.about-ao-box{background: #eff7fa; padding: 0.3rem 0;}
.about-ao{width: 12rem; margin: 0.4rem auto;}
.about-ao-li{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin: 0.35rem 0;}
.about-ao-li:nth-child(2n){flex-direction:row-reverse;}
.about-ao-li-info{width: 42%;}
.about-ao-li-info-tit{font-size: 0.36rem; color: #222; margin-bottom: 0.25rem;}
.about-ao-li-info-line{width: 0.5rem; height: 0.03rem; background: #009ce0;}
.about-ao-li-info-txt{font-size: 0.16rem; color: #222; line-height: 1.8; margin: 0.35rem 0;}
.about-ao-li-info-garyline{height: 1px; background: #e3e3e3;}
.about-ao-li-pic{width: 40%;}
.about-ao-li-pic img{width: 100%;}

.about-advantage{width: 12rem; margin: 0.65rem auto;}
.about-advantage-info-tit{font-size: 0.36rem; color: #222; margin-bottom: 0.25rem;}
.about-advantage-info-line{width: 0.5rem; height: 0.03rem; background: #009ce0;}
.about-advantage-info-txt{font-size: 0.16rem; color: #222; line-height: 1.8; margin: 0.2rem 0;}

.about-advantage .index-advantage-r{width: 100%;}


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


  .about-blue{background: #009ce0; padding: 0.5rem 0;}
  .about-blue-content{width: 95%; margin: 0 auto; font-size: 0.28rem; color: #fff; font-weight: bold; box-sizing: border-box; padding: 0 0.4rem;
  text-align: center; line-height: 1.8;}
  
  .about-company{width: 95%; margin: 0.4rem auto; text-align: center;}
  .about-company-tit{font-size: 0.36rem; color: #222;}
  .about-company-line{width: 0.5rem; height: 0.03rem; background: #009ce0; margin: 0.2rem auto 0.4rem;}
  .about-company-txt{font-size: 0.22rem; color: #222; line-height: 1.8;}
  
  .about-ao-box{background: #eff7fa; padding: 0.2rem 0;}
  .about-ao{width: 95%; margin: 0.4rem auto;}
  .about-ao-li{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin: 0.5rem 0;}
  .about-ao-li:nth-child(2n){flex-direction:row-reverse;}
  .about-ao-li-info{width: 100%;}
  .about-ao-li-info-tit{font-size: 0.36rem; color: #222; margin-bottom: 0.25rem;}
  .about-ao-li-info-line{width: 0.5rem; height: 0.03rem; background: #009ce0;}
  .about-ao-li-info-txt{font-size: 0.22rem; color: #222; line-height: 1.8; margin: 0.35rem 0;}
  .about-ao-li-info-garyline{height: 1px; background: #e3e3e3;}
  .about-ao-li-pic{width: 100%;}
  .about-ao-li-pic img{width: 100%;}
  
  .about-advantage{width: 95%; margin: 0.65rem auto;}
  .about-advantage-info-tit{font-size: 0.36rem; color: #222; margin-bottom: 0.25rem;}
  .about-advantage-info-line{width: 0.5rem; height: 0.03rem; background: #009ce0;}
  .about-advantage-info-txt{font-size: 0.22rem; color: #222; line-height: 1.8; margin: 0.2rem 0;}
  
  .about-advantage .index-advantage-r{width: 100%;}
  
  



}

/*关于我们_公司介绍*/


/*行业应用*/
.industry{height: 5.28rem; background: url(../images/industry1.jpg) no-repeat center; box-sizing: border-box; padding-top: 1.4rem; position: relative;}
.industry-txt{width: 10rem; margin: 0 auto; font-size: 0.16rem; color: #222; line-height: 1.8; text-align: center;}
.industry-txt span{font-size: 0.24rem; font-weight: bold; text-transform: uppercase;}

.industry-tab{width: 10rem; height: 1.5rem; position: absolute; left: 0; right: 0; margin: auto; top: -0.9rem; display: flex; align-items: center; background: #fff; flex-wrap: wrap;}
.industry-tab-li{width: 20%; text-align: center; box-sizing: border-box; padding: 0.2rem;}
.industry-tab-li-tit{font-size: 0.2rem; color: #009ce0; margin-top: 0.15rem;}

.industry-partner-box{background: #f5f5f5; padding: 0.8rem 0;}
.industry-partner-tit{font-size: 0.36rem; color: #222; font-weight: bold; margin-bottom: 0.2rem; margin-bottom: 0.4rem; text-align: center;}
.industry-partner{position: relative;}
.industry-partner-pic{width: 40%;}

.partner{position: absolute; width: 65%; top: 0.4rem; right: 0;}
.partner .swiper-container {
  width: 100%;
  height: 4rem;
  background: #fff;
}
.partner .swiper-container .swiper-slide {
  width: 100%; box-sizing: border-box; padding: 0.45rem 0.66rem; height: 100%;
}
.swiper-pagination{text-align: left; padding-left: 0.66rem;}
.swiper-pagination-bullet {
  width: 0.4rem;
  height: 0.03rem;
  line-height: 20px;
  color: #000;
  opacity: 1;
  background: #cccccc;
  border-radius: 0;
  margin: 0 5px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 0.5rem;
}

/* 激活的分页器样式 */
.swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff;
}

.partner-top{display: flex; align-items: center;}
.partner-logo{width: 20%; margin-right: 0.3rem;}
.partner-logo img{width: 100%;}
.partner-tit{font-size: 0.3rem; color: #222;}
.partner-info{}
.partner-info-mao{font-size: 0.8rem; line-height: 0.8rem; margin-top: 0.3rem;}
.partner-info-txt{font-size: 0.16rem; color: #222; line-height: 2.4; padding-left: 0.4rem;}

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



  .industry{height: auto; background: url(../images/industry1.jpg) no-repeat center; box-sizing: border-box; padding-top: 0;
     position: relative; overflow: hidden;}
  .industry-txt{width: 95%; margin: 0.4rem auto; font-size: 0.25rem; color: #222; line-height: 2; text-align: center;}
  .industry-txt span{font-size: 0.28rem; font-weight: bold; text-transform: uppercase;}
  
  .industry-tab{width: 100%; height: 1.5rem; position: static; left: 0; right: 0; margin: auto; top: auto; display: flex; align-items: center; background: #fff; flex-wrap: wrap;}
  .industry-tab-li{width: 20%; text-align: center; box-sizing: border-box; padding: 0.2rem;}
  .industry-tab-li-icon{width: 50%; margin: 0 auto;}
  .industry-tab-li-icon img{width: 100%;}
  .industry-tab-li-tit{font-size: 0.22rem; color: #009ce0; margin-top: 0.15rem;}
  
  .industry-partner-box{background: #f5f5f5; padding: 0.8rem 0;}
  .industry-partner-tit{font-size: 0.36rem; color: #222; font-weight: bold; margin-bottom: 0.2rem; margin-bottom: 0.4rem; text-align: center;}
  .industry-partner{position: relative;}
  .industry-partner-pic{width: 100%;}
  
  .partner{position: static; width: 100%; top: 0.4rem; right: 0;}
  .partner .swiper-container {
    width: 100%;
    height: auto;
    background: #fff;
    padding-bottom: 0.8rem;
  }
  .partner .swiper-container .swiper-slide {
    width: 100%; box-sizing: border-box; padding: 0.5rem 0.3rem; height: 100%;
  }
  .swiper-pagination{text-align: left; padding-left: 0.66rem;}
  .swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.03rem;
    line-height: 20px;
    color: #000;
    opacity: 1;
    background: #cccccc;
    border-radius: 0;
    margin: 0 5px;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0.5rem;
  }
  
  /* 激活的分页器样式 */
  .swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
  }
  
  .partner-top{display: flex; align-items: center;}
  .partner-logo{width: 25%; margin-right: 0.3rem;}
  .partner-logo img{width: 100%;}
  .partner-tit{font-size: 0.3rem; color: #222;}
  .partner-info{}
  .partner-info-mao{font-size: 0.8rem; line-height: 0.8rem; margin-top: 0.3rem;}
  .partner-info-txt{font-size: 0.22rem; color: #222; line-height: 2.4; padding-left: 0.4rem;}
  


}


/*产品中心*/
.products{margin: 0.4rem 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.product-btit{font-size: 0.36rem; color: #222; margin-bottom: 0.2rem; font-weight: bold;}
.subNavBox{width:21%;}
.subNav{width: 100%; height: 0.5rem; line-height: 0.5rem; box-sizing: border-box; padding: 0 0.2rem; 
  background: #eaeaea url(../images/jia.png) no-repeat 90% 50%; font-size: 0.18rem; color: #222; margin: 0.2rem 0;}
.subNav:hover{color:#fff; background: #009ce0 url(../images/jian.png) no-repeat 90% 50%; cursor: pointer;}
.currentDt{color:#fff; font-weight: bold; background: #009ce0 url(../images/jian.png) no-repeat 90% 50%;}
.navContent{display: none;}
.navContent li{line-height: 0.5rem; padding-left: 0.3rem; position: relative;}
.navContent li a{display: block;}
.navContent li:hover::before{width: 8px; height: 9px; content: ""; background: url(../images/sjx.png) no-repeat center;
  position: absolute; left: 10px; top: 40%; }

  .products-content{width: 75%;}
  .products-top{background: url(../images/products-top.jpg) no-repeat center; min-height: 3.6rem; width: 100%; box-sizing: border-box;
    display: flex; justify-content: flex-end;}
.products-top-info{width: 60%; color: #fff; padding: 0.5rem; box-sizing: border-box;}
.products-top-info-tit{font-size: 0.36rem; }
.products-top-info-txt{font-size: 0.16rem; line-height: 1.8; margin: 0.3rem 0; }
.products-top-info-more{font-size: 0.16rem; }
.products-top-info-more a{color: #fff; text-decoration: underline; text-underline-offset: 0.05rem;}

.products-igbt{font-size: 0.3rem; color: #222; text-align: center; margin: 0.3rem 0; font-weight: bold;}
.products-download{display: flex; flex-wrap: wrap;}
.products-download-li{padding: 0.3rem; width: 32%; margin-right: 2%; text-align: center; border: 1px solid #dedede;
box-sizing: border-box; margin-bottom: 0.3rem;}
.products-download-li:nth-child(3n){margin-right: 0;}
.products-download-li-tit{font-size: 0.18rem; color: #222; margin-bottom: 0.25rem; overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.products-download-li-btn{font-size: 0.16rem; text-decoration: underline; text-underline-offset: 0.05rem; color: #009ce0;}
.products-download-li-btn a{color: #009ce0;}
.products-download-li-btn img{margin-right: 0.1rem;}

.yema{text-align: center; margin: 0.2rem 0;}

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


  .products{margin: 0.4rem 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
  .product-btit{font-size: 0.36rem; color: #222; margin-bottom: 0.2rem; font-weight: bold;}
  .subNavBox{width:100%;}
  .subNav{width: 100%; height: 0.7rem; line-height: 0.7rem; box-sizing: border-box; padding: 0 0.2rem; 
    background: #eaeaea url(../images/jia.png) no-repeat 90% 50%; font-size: 0.25rem; color: #222; margin: 0.2rem 0;}
  .subNav:hover{color:#fff; background: #009ce0 url(../images/jian.png) no-repeat 90% 50%; cursor: pointer;}
  .currentDt{color:#fff; font-weight: bold; background: #009ce0 url(../images/jian.png) no-repeat 90% 50%;}
  .navContent{display: none;}
  .navContent li{line-height: 0.6rem; padding-left: 0.3rem; position: relative; font-size: 0.22rem;}
  .navContent li a{display: block;}
  .navContent li:hover::before{width: 8px; height: 9px; content: ""; background: url(../images/sjx.png) no-repeat center;
    position: absolute; left: 10px; top: 40%; }
  
    .products-content{width: 100%;}
    .products-top{background: url(../images/products-top.jpg) no-repeat center; min-height: 3.6rem; width: 100%; box-sizing: border-box;
      display: flex; justify-content: flex-end;}
  .products-top-info{width: 100%; color: #fff; padding: 0.5rem; box-sizing: border-box;}
  .products-top-info-tit{font-size: 0.36rem; }
  .products-top-info-txt{font-size: 0.22rem; line-height: 1.8; margin: 0.3rem 0; }
  .products-top-info-more{font-size: 0.22rem; }
  .products-top-info-more a{color: #fff; text-decoration: underline; text-underline-offset: 0.05rem;}
  
  .products-igbt{font-size: 0.3rem; color: #222; text-align: center; margin: 0.3rem 0; font-weight: bold;}
  .products-download{display: flex; flex-wrap: wrap;}
  .products-download-li{padding: 0.3rem; width: 49%; margin-right: 2%; text-align: center; border: 1px solid #dedede;
  box-sizing: border-box; margin-bottom: 0.3rem;}
  .products-download-li:nth-child(3n){margin-right: auto;}
  .products-download-li:nth-child(2n){margin-right: 0;}
  .products-download-li-tit{font-size: 0.25rem; color: #222; margin-bottom: 0.25rem; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
  .products-download-li-btn{font-size: 0.22rem; text-decoration: underline; text-underline-offset: 0.05rem; color: #009ce0;}
  .products-download-li-btn a{color: #009ce0;}
  .products-download-li-btn img{margin-right: 0.1rem;}
  
  .yema{text-align: center; margin: 0.2rem 0;}
  

}


/*产品中心*/

/*行业应用*/
.scene-box{margin: 0.7rem 0;}
.scenne{ display: flex;}
.scenne-li{flex: 1; margin: 0.05rem; position: relative; height: 4.8rem; transition: all 1s;}
.scenne-li-pic{width: 100%; height: 100%; position: absolute;}
.scenne-li-tit{width: 100%; height: 0.6rem; line-height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  text-align: center;
font-size: 0.2rem; color: #fff; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; bottom: 0; }
.scenne-li-info{width: 80%; height: 60%; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); padding: 0.4rem; position: absolute;
top: 0; bottom: 0; margin: auto; right: 0; opacity: 0;}
.scenne-li-info-tit{font-size: 0.24rem; color: #222; margin-bottom: 0.3rem;}
.scenne-li-info-txt{font-size: 0.16rem; color: #222; line-height: 1.8;}

.scenne-li:hover{flex: 3;}
.scenne-li:hover .scenne-li-tit{display: none; transition: all 1s}
.scenne-li:hover .scenne-li-info{opacity: 1; transition: all 1s}

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

  .scene-box{margin: 0.3rem 0;}
  .scenne{ display: flex; flex-wrap: wrap; flex-direction: column; }
  .scenne-li{flex: 1; margin: 0; margin-bottom: 0.3rem; position: static; height: auto; transition: all 1s;}
  .scenne-li-pic{width: 100%; height: 4rem; position: static;}
  .scenne-li-tit{width: 100%; height: 0.6rem; line-height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    text-align: center;
  font-size: 0.25rem; color: #fff; background: rgba(0, 0, 0, 0.3); position: static; left: 0; bottom: 0; margin-top: -0.6rem;}
  .scenne-li-info{width: 100%; height: auto; box-sizing: border-box; background: #f5f5f5; padding: 0.4rem; 
    position: static; top: 0; bottom: 0; margin: auto; right: 0; opacity: 1;}
  .scenne-li-info-tit{font-size: 0.28rem; color: #222; margin-bottom: 0.3rem;}
  .scenne-li-info-txt{font-size: 0.25rem; color: #222; line-height: 1.8;}
  
  .scenne-li:hover{flex: 1;}
  .scenne-li:hover .scenne-li-tit{display: block; transition: all 1s}
  .scenne-li:hover .scenne-li-info{opacity: 1; transition: all 1s}
  


}

/*行业应用*



/* CSS Document */
.pages{width:100%; margin:0 auto; text-align:center;margin-top:0px; margin-bottom:30px;margin-top:15px; padding-top:15px;}

.paginator { font: 18px "微软雅黑"; margin:0 auto; font-size:18px }
.paginator a {border:solid 1px #f2f2f2;color:#000;cursor:pointer;text-decoration:none; background-color:#f2f2f2;}
/*.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}*/
.paginator .cpb {border:1px solid #009ce0;color:#FFF;background-color:#009ce0; font-family:"微软雅黑"}
.paginator a:hover {border:solid 1px #009ce0;color:#fff;text-decoration:none; background:#009ce0; display:block}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{/*height:20px;line-height:20px;min-width:20px;_width:10px;*/margin-right:5px;text-align:center;
 white-space:nowrap;font-size:18px;font-family:微软雅黑;padding:5px 10px; display:inline-block;}




/*弹窗*/

.theme-popover-mask{position:fixed;top:0;left:0;z-index:9998;display:none;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)}
.theme-popover{position:fixed;top:10%;left:0%; right:0;z-index:9999;display:none;/*margin:-150px 0 0 -225px;*/width:50%;height:auto; border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666; margin:0 auto}
.theme-poptit{position:absolute; right:0.2rem; top:0.2rem; transform:scale(2);}
.theme-poptit a{color:#000;}
.Reservations-tit{font-size:0.2rem; color:#20252b; text-align:center; margin-top:0.6rem}
.Reservations-tit span{color:#ffcc56;}
.Reservations-btn{ width:40%; height:0.6rem; line-height:0.6rem; margin: 0.5rem auto; background:red; text-align:center; font-size:0.25rem;
border-radius:0.1rem;} 
.Reservations-btn a{color:#fff;}
.product-content{width:96%; line-height:24px; padding:3% 2%; height:600px; overflow-y:auto}
@media screen and (max-width:576px){

.theme-popover{position:fixed;top:30%;left:10%;z-index:9999;display:none;margin:0;width:80%;height:180px; border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666}

.Reservations-tit{font-size:0.35rem;}

}



/*弹窗*/

/*产品中心__产品页*/
.device{display: flex; flex-wrap: wrap;}
.device-li{width: 32%; margin-right: 2%; margin-bottom: 0.2rem;}
.device-li:nth-child(3n){margin-right: 0;}
.device-li-pic{}
.device-li-tit{font-size: 0.18rem; margin: 0.1rem 0; color: #222;}
@media screen and (max-width:576px){

  .device{display: flex; flex-wrap: wrap;}
  .device-li{width: 49%; margin-right: 2%; margin-bottom: 0.2rem;}
  .device-li:nth-child(3n){margin-right: auto;}
  .device-li:nth-child(2n){margin-right: 0;}
  .device-li-pic{}
  .device-li-tit{font-size: 0.18rem; margin: 0.1rem 0; color: #222;}

}


/*产品中心__产品页*/