@charset "utf-8";
.n-banner {
  width: 100%;
  position: relative;
  z-index: 1;
}
.n-banner .banner{
  position: relative;
}
.n-banner .banner > img {
  width: 100%;
  display: block;
}
.n-banner .banner .word{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.n-banner .banner .word > .wrap{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.n-banner .banner .word a{
  color: #fff;
  display: block;
}
.n-banner .banner .word .title{
  font-size: 48px;
  line-height: 48px;
  font-weight: 500
}
.n-banner .banner .word .path{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.n-banner .type{
  text-align: center;
  background: #fff;
  box-shadow: 0 0 10px rgb(138,138,138,0.3);
  transform: translateY(-60px);
}
.n-banner .type ul{
  display: flex;
  flex-wrap: wrap;
}
.n-banner .type li{
  text-align: center;
  flex:1;
  border-right: solid 1px #e4e4e4;
  text-align: center;
  position: relative;
}
.n-banner .type li:last-child{
  border-right: none;
}
.n-banner .type li:before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.6s;
  box-shadow: 0 5px 30px 0px rgb(8, 114, 179,0.74);
  background: rgb(13, 130, 202);
  background: -moz-linear-gradient(left, rgba(13, 130, 202, 1) 0%, rgba(8, 114, 179, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(13, 130, 202, 1) 0%, rgba(8, 114, 179, 1) 100%);
  background: linear-gradient(to right, rgba(13, 130, 202, 1) 0%, rgba(8, 114, 179, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d82ca', endColorstr='#0872b3',GradientType=1 );
}
.n-banner .type li.active:before{
  opacity: 1;
}
.n-banner .type a{
  font-size: 24px;
  display: block;
  line-height: 400%;
  position: relative;
  z-index: 1;
  font-weight: 500;
}
.n-banner .type li.active a{
  color: #fff;
}
.n-page{
  border-top: 1px #eee solid;
  padding-top: 20px;
}
.n-page .right{
  display: flex;
  align-items: center;
}
.n-page .right a,
.n-page .right span{
  display: block;
  border:1px #eee solid;
  padding:0 10px;
  margin-left: 10px;
}
.n-page .right .active{
  color: #fff;
  background: #0d82ca;
  border-color: #0d82ca;
}
.n-page .right .disable{
  pointer-events: none;
  background: #f9f9f9;
  color: #999;
}
@media (max-width: 1600px) {
  .n-banner .type a{
    font-size: 18px;
    line-height: 500%;
  }
  .n-banner .banner .word .title{
    font-size: 42px;
    line-height: 42px;
  }
}
@media (max-width: 768px) {
  .n-banner .banner {
    height:50vh;
  }
  .n-banner .banner > img {
    height: 100%;
    object-fit: cover;
  }
  .n-banner .banner .word .title{
    font-size: 36px;
    line-height: 36px;
  }
  .n-banner .type{
    transform: translateY(-50px);
  }
  .n-banner .type li{
    flex:33.333333%;
  }
  .n-banner .type li:nth-child(n+4){
    border-top: 1px #e4e4e4 solid;
  }
  .n-banner .type a{
    font-size: 16px;
    line-height: 50px;
  }
  .n-page{
    padding-top: 2%;
    display: flex;
    justify-content: center;
  }
  .n-page .left{
    display: none;
  }
}
@media (max-width: 992px) {
  .n-banner .banner .word .title{
    font-size: 32px;
    line-height: 32px;
  }
}
@media (max-width: 750px) {
  .n-banner .banner {
    height:38vh;
  }
  .n-banner .banner .word .title{
    font-size: 24px;
    line-height: 24px;
  }
  .n-banner .banner .word .path{
    margin-top: 5px;
  }
  .n-banner .type{
    transform: translateY(-40px);
  }
  .n-banner .type li:before {
    box-shadow: 0 3px 6px 0px rgb(8, 114, 179,0.3);
  }
  .n-banner .type a{
    font-size: 14px;
    line-height: 40px;
  }
  .n-page .right .first,
  .n-page .right .prev,
  .n-page .right .next,
  .n-page .right .last{
    display: none;
  }
}

.n-about{
  width: 100%;
  padding-top: 40px;
  overflow: hidden;
}
.n-about .about-box1{
  width: 100%;
  background: url(../images/ab1_bj.png) no-repeat center bottom;
  padding-bottom: 100px;
  overflow: hidden;
}
.n-about .about-box1 .wrap{
    display: flex;
    justify-content: space-between;
}
.n-about .about-box1 .left{
    width: 54%;
}
.n-about .about-box1 .right{
    width: 40%;
}
.n-about .about-box1 .left .title{
    font-weight: 500;
    font-size: 42px;
    line-height: 42px;
}
.n-about .about-box1 .left .content{
    line-height: 1.6;
    margin-top: 2em;
}
.n-about .about-box1 .left .number{
    width: 100%;
    overflow: hidden;
}
.n-about .about-box1 .left .number ul{
    display: flex;
    justify-content: space-between;
}
.n-about .about-box1 .left .number li{
    width: 30%;
    margin-top: 4em;
}
.n-about .about-box1 .left .number .num{
    color: #0d82ca;
}
.n-about .about-box1 .left .number .num .num1{
    font-weight: 500;
    font-size: 60px;
    line-height: 60px;
}
.n-about .about-box1 .left .number .txt{
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px #0d82ca solid;
    text-align: right;
}
.n-about .about-box1 .right img{
    width: 100%;
    display: block;
}
.n-about .about-box2{
    width: 100%;
    margin-top:100px;
    overflow: hidden;
}
.n-about .about-box2 .title {
    width: 33%;
    font-weight: 500;
    font-size: 42px;
    line-height: 42px;
    border-bottom: 1px solid #0d82ca;
    padding-bottom: 2%;
    margin-bottom: 2%;
}
.n-about .about-box2 .content{
    width: 100%;
    margin-top: 2%;
    background: url(../images/bgnew.png) no-repeat left center;
    background-size: cover;
    padding:100px 0;
    overflow: hidden;
}
.n-about .about-box2 .content .mySwiper2{padding-top: 20px;padding-bottom: 180px;padding-left: 6.35%;position: relative;overflow: hidden;}
.n-about .about-box2 .content .mySwiper2 .swiper-slide{transition: all 0.5s;padding-left: 8.25vw;color: #ffffff;text-align: center;}
.n-about .about-box2 .content .mySwiper2 .swiper-slide .num{line-height: 1;transition: all 0.5s;transform: translateY(100%);font-weight: bold;}
.n-about .about-box2 .content .mySwiper2 .swiper-slide-active .num{transform: translateY(45%);}
.n-about .about-box2 .content .mySwiper2 .swiper-slide .p{transition: all 0.5s;transform: translateY(-100%);opacity:0;margin-top: 10px;}
.n-about .about-box2 .content .mySwiper2 .swiper-slide-active .p{transform: translateY(0%);opacity: 1;}
.n-about .about-box2 .content .mySwiper2 .swiper-slide-prev{transform: translateY(180px);opacity: 0.5;}
.n-about .about-box2 .content .mySwiper2 .swiper-slide-active{transform: translateY(0);}
.n-about .about-box2 .content .mySwiper2 .swiper-slide-next{transform: translateY(85px);opacity: 0.5;}
.n-about .about-box2 .content .mySwiper2 .swiper-slide .pic{border-radius: 20px;overflow: hidden;position: relative;z-index: 2;}
.n-about .about-box2 .content .mySwiper2 .swiper-slide .pic img{transition: all 0.5s;width:100%;display: block;}
.n-about .about-box2 .content .mySwiper2 .swiper-slide:hover .pic img{transform: scale(1.05);}
.n-about .about-box2 .content .mySwiper{position: relative;overflow: hidden;}
.n-about .about-box2 .content .mySwiper:after{content: "";position: absolute;left: 0;top: 50%;height: 1px;width: 100vw;background-color: rgba(255,255,255,0.17);}
.n-about .about-box2 .content .mySwiper .swiper-slide{display: flex;justify-content: center;align-items: center;height: 62px;}
.n-about .about-box2 .content .mySwiper .swiper-slide .dian{width: 12px;height: 12px;border-radius: 50%;background-color: #505050; position: relative;}
.n-about .about-box2 .content .mySwiper .swiper-slide-active .dian{width: 62px;height: 62px;background-color: #181D24;border: 1px solid rgba(255,255,255,0.28);}
.n-about .about-box2 .content .mySwiper .swiper-slide .dian::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 12px;height: 12px;border-radius: 50%;background-color: #505050;}
.n-about .about-box2 .content .mySwiper .swiper-slide .dian::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0;height: 0;border: 1px solid #ffffff;border-radius: 50%;transition: all 0.5s;opacity: 0; }
.n-about .about-box2 .content .mySwiper .swiper-slide-active .dian::after{width: 50px;height: 50px;opacity: 1;animation: boderMx 2.3s infinite;}
@keyframes boderMx {
    0% {width: 6px;height: 6px;opacity: 0}
    20% {opacity: 0.3}
    75% {width: 50px;height: 50px;opacity: 0.7}
    100% {opacity: 0}
}
.n-about .about-box2 .content .mySwiper .swiper-button-next{width: 50px;height: 50px;background: url(../images/p_next.png)no-repeat center;background-size: 100% 100%;margin: 0;transform: translateY(-50%);right: 6.35vw;opacity: 1;cursor: pointer;}
.n-about .about-box2 .content .mySwiper .swiper-button-next:hover{background-image: url(../images/pd3_next1.png);}
.n-about .about-box2 .content .mySwiper .swiper-button-next:after{display: none;}
.n-about .about-box2 .content .mySwiper .swiper-button-prev{width: 50px;height: 50px;background: url(../images/p_prev.png)no-repeat center;background-size: 100% 100%;margin: 0;transform: translateY(-50%);left:6.35vw;opacity: 1;cursor: pointer;}
.n-about .about-box2 .content .mySwiper .swiper-button-prev:hover{background-image: url(../images/pd3_prev1.png);}
.n-about .about-box2 .content .mySwiper .swiper-button-prev:after{display: none;}
.n-about .about-box3{margin-top:100px;}
.n-about .about-box3 .m_ul{display: none;}
.n-about .about-box3 .tit{text-align: center;font-weight: 500;margin-bottom: 10px;font-size: 42px;line-height: 42px;}
.n-about .about-box3 .p{text-align: center;margin: 0 auto;margin-bottom: 50px;}
.n-about .about-box3 .ab3_con{display: flex;border-radius: 20px;overflow: hidden;}
.n-about .about-box3 .ab3_con .left{width:61.1%;background: url(../images/ab3_bj.png)no-repeat center;background-size: cover;display: flex;justify-content: space-between;align-items: center;padding: 0 0 0 80px;position: relative;z-index: 2;}
.n-about .about-box3 .ab3_con .left .txt{position: relative;overflow: hidden;width: 350px;height:500px;color: #ffffff;}
.n-about .about-box3 .ab3_con .left .txt .num{margin-bottom: 20px;font-size: 24px;}
.n-about .about-box3 .ab3_con .left .txt .h1{margin-bottom: 30px;font-size: 28px;}
.n-about .about-box3 .ab3_con .left .txt .p1{}
.n-about .about-box3 .ab3_con .left .btns{position: absolute;top: 50%;right: 0;transform: translate(50%,-50%);width: 180px;height: 180px;border-radius: 50%;overflow:hidden;z-index:5;cursor:pointer;}
.n-about .about-box3 .ab3_con .left .btns:before{content:"";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;background: url(../images/ab3_quan.png);background-size: 100% 100%;transition:all 0.5s;z-index:-1;}
.n-about .about-box3 .ab3_con .left .btns:hover:before{transform:translate(-50%,-50%) rotate(180deg);}
.n-about .about-box3 .ab3_con .left .btns .prev,.ab3_con .left .btns .next{position: absolute;cursor: pointer;left:50%;transform:translate(-50%);}
.n-about .about-box3 .ab3_con .left .btns .prev{top:60px;}
.n-about .about-box3 .ab3_con .left .btns .next{bottom:60px; }
.n-about .about-box3 .ab3_con .left>div:nth-child(2){position: relative;width:510px;height: 40.625vw;}
.n-about .about-box3 .ab3_con .left>div:nth-child(2) .quan{position: absolute;top: 0%;right: -340px; width: 680px;height: 100%;background: url(../images/ab3_hu.png)no-repeat center ;background-size: 680px 680px;transform: rotate(5deg);transition: all 1s;;}
.n-about .about-box3 .ab3_con .left>div:nth-child(2) ul{position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #ffffff;}
.n-about .about-box3 .ab3_con .left>div:nth-child(2) ul li{cursor:pointer;}
.n-about .about-box3 .ab3_con .left>div:nth-child(2) ul li{margin-bottom: 100px;opacity: 0.6;transition: all 0.5s;}
.n-about .about-box3 .ab3_con .left>div:nth-child(2) ul li.on{opacity: 1;}
.n-about .about-box3 .ab3_con .left>div:nth-child(2) ul li:last-child{margin-bottom: 0;}
.n-about .about-box3 .ab3_con .left>div:nth-child(2) ul li:nth-child(1),.ab3_con .left>div:nth-child(2) ul li:last-child{margin-left: 50px;}
.n-about .about-box3 .ab3_con .left>div:nth-child(2).on1 .quan{transform: rotate(5deg);}
.n-about .about-box3 .ab3_con .left>div:nth-child(2).on2 .quan{transform: rotate(-19deg);}
.n-about .about-box3 .ab3_con .left>div:nth-child(2).on3 .quan{transform: rotate(-41deg);}
.n-about .about-box3 .ab3_con .left>div:nth-child(2).on4 .quan{transform: rotate(-65deg);}
.n-about .about-box3 .ab3_con .right{width:38.9%;height: 40.625vw;position: relative;}
.n-about .about-box3 .ab3_con .right .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center;background-size: cover;opacity: 0;transition: all 0.5s;}
.n-about .about-box3 .ab3_con .right .pic.on{opacity: 1;}
.n-about .about-box4{
  width: 100%;
  margin-top: 100px;
  position: relative;
  overflow: hidden;
}
.n-about .about-box4 .video{
  width: 100%;
  max-height: 800px;
}
.n-about .about-box4 .video video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.n-about .about-box4 .text{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top:0;
  padding:100px 0;
}
.n-about .about-box4 .text .left{
  width: 50%;
  color: #fff;
}
.n-about .about-box4 .text .left .title{
  border-bottom: 1px solid rgba(255, 255, 255, .6);
  padding-bottom: 30px;
}
.n-about .about-box4 .text .left .title h1{
  font-size: 42px;
  line-height: 42px;
  font-weight: 500
}
.n-about .about-box4 .text .left .title h2{
  font-size: 24px;
  line-height: 24px;
  margin-top: 20px;
}
.n-about .about-box4 .text .left .content{
  margin-top: 40px;
}
.n-about .about-box4 .text .left .content h1{
  font-size: 24px;
}
.n-about .about-box4 .text .left .content h2{
  margin-top: 10px;
}
.n-about .about-box5{
    padding:100px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.n-about .about-box5 .left{margin-right: 0.8rem;}
.n-about .about-box5 .left .item{position: relative;margin-bottom: 50px;cursor: pointer;}
.n-about .about-box5 .left .item .num{position: absolute;top: 0.16rem;right: 0;font-weight: bold;color: rgba(240,242,245,0.5);transition: all 0.5s;opacity: 0;}
.n-about .about-box5 .left .item.on .num{top: 0;opacity: 1;}
.n-about .about-box5 .left .item .h{padding-bottom: 20px;position: relative;line-height: 24px;transition: all 0.5s;      font-weight: 500;}
.n-about .about-box5 .left .item .h:after{content: "";position: absolute;bottom: 0;left: 0;width: 60%;height: 3px;background-color: #D7DDDE;transition: all 0.5s;}
.n-about .about-box5 .left .item.on .h:after{width: 100%;background-color: #0d82ca;}
.n-about .about-box5 .left .item.on .h{color:#0d82ca;}
.n-about .about-box5 .center{overflow: hidden;width: 52vw;padding-bottom: 100px;display: none;}
.n-about .about-box5 .center.on{display: block;}
.n-about .about-box5 .center .prev,.n-about .about-box5 .center .next{width: 50px;height: 50px;background-size: 100% 100%;transition: all 0.5s;position: absolute;bottom: 0;cursor: pointer;}
.n-about .about-box5 .center .prev{left: 50%;transform: translateX(-60px);background-image: url(../images/pd3_prev.png);}
.n-about .about-box5 .center .next{right: 50%;transform: translateX(60px);background-image: url(../images/pd3_next.png);}
.n-about .about-box5 .center .prev:hover{background-image: url(../images/p_prev1.png);}
.n-about .about-box5 .center .next:hover{background-image: url(../images/p_next1.png);}
.n-about .about-box5 .center .swiper-slide{width: 15.625vw;}
.n-about .about-box5 .center .swiper-slide .pics{height: 22vw;transform: scale(0.8);opacity: 0.7;transition: all 0.5s;}
.n-about .about-box5 .center .swiper-slide-active .pics{transform: scale(1);opacity: 1;}
.n-about .about-box5 .center .swiper-slide .pics .pic{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.n-about .about-box5 .center .swiper-slide .pics .pic img{
  width: 100%;
  display: block;
}
.n-about .about-box5 .center .swiper-slide .txt_p{text-align: center;line-height: 28px;color: #333333;margin-top: 2vw;display: none;}
.n-about .about-box5 .center .swiper-slide-active .txt_p{display: block;}
.n-about .about-box5 .right{position: relative;overflow: hidden;width: 16.77vw;height: 280px; text-align: center;display: none;}
.n-about .about-box5 .right.on{display: block;}
.n-about .about-box5 .right .swiper-wrapper{margin-top: 15px;}
.n-about .about-box5 .right .prev1{position: absolute;top: 0;left: 50%;width: 11px;height: 6px;background: url(../images/tb_prev.png);cursor: pointer;z-index: 3;}
.n-about .about-box5 .right .next1{position: absolute;bottom: 0;left: 50%;width: 11px;height: 6px;background: url(../images/tb_next.png);cursor: pointer;z-index: 3;}
.n-about .about-box5 .right .swiper-slide{display: block;cursor: pointer;}
.n-about .about-box5 .right .swiper-slide div{color: #666666;height:50px;line-height:50px;padding:0 8px; border-radius: 25px;width: 90%;margin: 0 auto;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.n-about .about-box5 .right .swiper-slide-active div{background-color: #0d82ca;color: #ffffff;box-shadow: 0 3px 10px rgba(0,0,0,0.06);}
.n-about .about-box6{
    overflow:hidden;
}
.n-about .about-box6 ul{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
.n-about .about-box6 li{
    width:100%;
    display:flex;
    justify-content: space-between;
    align-items:center;
}
.n-about .about-box6 li:nth-child(2n){
    flex-direction: row-reverse;
}
.n-about .about-box6 .image{
    width:40%;
}
.n-about .about-box6 .image img{
    width:100%;
    display:block;
}
.n-about .about-box6 .word{
    width:56%;
    display:flex;
    flex-direction: column;
    align-items:flex-start;
}
.n-about .about-box6 .word .title{
    color:#fff;
    background:#196fb8;
    padding:5px 40px;
    border-radius:40px;
    font-size:20px;
    font-weight:700;
}
.n-about .about-box6 .word .content{
    margin-top:40px;
}
@media (max-width: 1600px) {
    .n-about .about-box1 .left .title{
      font-size: 36px;
      line-height: 36px;
    }
    .n-about .about-box1 .left .number .num .num1{
      font-size: 48px;
      line-height: 48px;
    }
    .n-about .about-box4 .text .left .title h1{
      font-size: 36px;
      line-height: 36px;
    }
    .n-about .about-box5 .right{width: 18.77vw;}
}
@media (max-width: 768px) {
    .n-about{
      padding-top: 0;
    }
    .n-about .about-box1{
        padding-bottom: 10%;
    }
    .n-about .about-box1 .wrap{
        flex-direction: column;
    }
    .n-about .about-box1 .left{width: 100%;}
    .n-about .about-box1 .left .title{
        font-size: 24px;
        line-height: 24px;
    }
    .n-about .about-box1 .left .content{
        margin-top: 1em;
    }
    .n-about .about-box1 .left .number{
        /*display: none;*/
    }
    .n-about .about-box1 .left .number .num .num1{
        font-size: 42px;
        line-height: 42px;
    }
    .n-about .about-box1 .right{
        width: 100%;
        margin-top: 2em;
    }
    .n-about .about-box1 .right .bg{
        width: 100%;
    }
    .n-about .about-box1 .right .bg img{
        width: 100%;
    }
    .n-about .about-box1 .right{width: 100%;}
    .n-about .about-box2{
        margin-top:10%;
    }
    .n-about .about-box2 .title{
        font-size: 24px;
        line-height: 24px;
        width: 100%;
    }
    .n-about .about-box2 .content{
        padding:10% 0;
    }
    .n-about .about-box2 .content .mySwiper2{padding: 0;padding-bottom:10%;}
    .n-about .about-box2 .content .mySwiper2 .swiper-slide{padding-left: 0;}
    .n-about .about-box3{
        margin-top: 10%;
    }
    .n-about .about-box3 .tit{
        font-size: 24px;
        line-height: 24px;
    }
    .n-about .about-box3 .p{
      margin-bottom: 5%;
    }
    .n-about .about-box3 .ab3_con{display: block;}
    .n-about .about-box3 .ab3_con .left{width: 100%;padding:43px 30px 30px 30px;}
    .n-about .about-box3 .ab3_con .left .txt{width: 100%;height:230px;}
    .n-about .about-box3 .ab3_con .left .txt .swiper-slide-prev{opacity: 0;}
    .n-about .about-box3 .ab3_con .left .txt .num{font-size: 22px;line-height: 26px;margin-bottom: 10px;}
    .n-about .about-box3 .ab3_con .left .txt .h1{font-size: 18px;line-height: 24px;margin-bottom: 15px;}
    .n-about .about-box3 .ab3_con .left .txt .p1{font-size: 14px;line-height: 24px;}
    .n-about .about-box3 .ab3_con .right{width: 100%;height:83.2vw;}
    .n-about .about-box3 .ab3_con .left>div:nth-child(2){display:none;}
    .n-about .about-box3 .ab3_con .left .btns{display: none;}
    .n-about .about-box3 .m_ul{display:flex;flex-wrap:wrap;padding:10px 18px;justify-content:space-between;background-color:#f9f9f9;margin-bottom:25px;}
    .n-about .about-box3 .m_ul li{width: 48%;line-height:40px;border-radius: 20px;color:#888888;text-align:center;margin:10px 0;font-size: 14px;}
    .n-about .about-box3 .m_ul li.on{color:#ffffff;background-color: #0d82ca;}
    .n-about .about-box4{
      margin-top: 10%;
    }
    .n-about .about-box4 .video{
      max-height: auto;
    }
    .n-about .about-box4 .text{
      padding:10% 0;
      background: #f9f9f9;
      overflow: hidden;
      position: relative;
    }
    .n-about .about-box4 .text .left{
      width: 100%;
      color: #000;
    }
    .n-about .about-box4 .text .left .title{
      padding-bottom: 4%;
      border-color: rgba(0, 0, 0, .15);
    }
    .n-about .about-box4 .text .left .title h1{
      font-size: 24px;
      line-height: 24px;
    }
    .n-about .about-box4 .text .left .title h2{
      font-size: 18px;
      margin-top: 10px;
    }
    .n-about .about-box4 .text .left .content{
      margin-top: 4%;
    }
    .n-about .about-box4 .text .left .content h1{
      font-size: 18px;
    }
    .n-about .about-box5{
        padding:10% 0;
        display: block;
    }
    .n-about .about-box5 .right{width:0;height:0;}
    .n-about .about-box5 .left{width: 100%;margin-right: 0;display:flex;justify-content:space-between;}
    .n-about .about-box5 .left .item .h{
      padding-bottom: 10px;
      font-size: 24px;
      margin-bottom: 6%;
    }
    .n-about .about-box5 .left .item .h:after{
      height: 1px;
    }
    .n-about .about-box5 .center{position:relative;width:100%;padding-bottom: 10%;}
    .n-about .about-box5 .center .swiper-slide{width: 30vw;}
    .n-about .about-box5 .center .swiper-slide .pics{height: 40vw;}
    .n-about .about-box5 .center .prev,
    .n-about .about-box5 .center .next{
      width: 40px;
      height: 40px;
    }
    .n-about .about-box5 .center .prev{
      transform: translateX(-50px);
    }
    .n-about .about-box5 .center .next{
      transform: translateX(50px);
    }
    .n-about .about-box6 li,
    .n-about .about-box6 li:nth-child(2n){
        flex-direction: column;
    }
    .n-about .about-box6 li:nth-child(2n){
        margin-top:6%;
    }
    .n-about .about-box6 .image,
    .n-about .about-box6 .word{
        width:100%;
    }
    .n-about .about-box6 .word,
    .n-about .about-box6 .word .content{
        margin-top:4%;
    }
    .n-about .about-box6 .word .title{
        font-size:18px;
        padding:5px 20px;
    }
}
@media (max-width: 992px) {
    .n-about .about-box1 .left .number .num .num1{
      font-size: 36px;
      line-height: 36px;
    }
}
@media (max-width: 750px) {
    .n-about .about-box1 .left .title{
        font-size: 18px;
    }
    .n-about .about-box1 .left .number ul{
      flex-wrap: wrap;
    }
    .n-about .about-box1 .left .number li{
      width: 100%;
      margin-top: 4%;
    }
    .n-about .about-box1 .left .number .num .num1{
      font-size: 24px;
      line-height: 24px;
    }
    .n-about .about-box2 .title{
        font-size: 18px;
    }
    .n-about .about-box3 .tit{
        font-size: 18px;
    }
    .n-about .about-box4 .text .left .title h1{
      font-size: 18px;
    }
    .n-about .about-box4 .text .left .title h2{
      font-size: 14px;
      margin-top: 0;
    }
    .n-about .about-box4 .text .left .content h1{
      font-size: 14px;
    }
    .n-about .about-box4 .text .left .content h2{
      margin-top: 0;
    }
    .n-about .about-box5 .left .item .h{
      font-size: 18px;
      padding-bottom: 5px;
    }
    .n-about .about-box5 .center .prev,
    .n-about .about-box5 .center .next{
      width: 30px;
      height: 30px;
    }
    .n-about .about-box5 .center .prev{
      transform: translateX(-35px);
    }
    .n-about .about-box5 .center .next{
      transform: translateX(35px);
    }
    .n-about .about-box6 .word .title{
        font-size:16px;
        padding:5px 20px;
    }
}

.n-products{
  padding-top: 100px;
  padding-bottom: 100px;
}
.n-products .prolist{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2%;
}
.n-products .prolist li{
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  border:1px #eee solid;
  transition: all .5s ease;
  position: relative;
}
.n-products .prolist li:nth-child(3n){
  margin-right: 0;
}
.n-products .prolist li:hover{
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.n-products .prolist li:after{
  content: "";
  width: 0;
  height: 2px;
  background: #0d82ca;
  position: absolute;
  left: 0;
  bottom:0;
  transition: all .5s ease;
}
.n-products .prolist li:hover:after{
  width: 100%;
}
.n-products .prolist a{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.n-products .prolist .title{
  text-align: center;
  padding:20px 0;
}
.n-products .prolist .image{
  padding:50px;
  margin:20px 0;
  height: 360px;
  background: linear-gradient(to bottom, #e7e8ea, #eaf0f4);
  overflow: hidden;
}
.n-products .prolist .image img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all .5s ease;
}
.n-products .prolist a:hover .image img{
  transform: scale(1.05);
}
.n-products .prolist .more{
  text-align: center;
  padding:20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d82ca;
}
.n-products .prolist .more i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border:1px #0d82ca solid;
  border-radius: 50%;
  margin-left: 5px;
  font-size: 8px;
  transition: all .5s ease;
}
.n-products .prolist a:hover .more i{
  margin-left: 15px;
}
.n-products .prolist .zoom{
  position: absolute;
  top:0;
  left: 0;
}
.n-products .prolist .zoom::before {
    content: '';
    position: absolute;
    left: -170px;
    top: -70px;
    width: 140px;
    height: 140px;
    background-color: #0d82ca;
    transform: rotate(45deg);
    transition: all .5s ease;
}
.n-products .prolist a:hover .zoom::before{
  left: -100px;
}
.n-products .prolist .zoom i {
    position: absolute;
    left: 10px;
    top: 10px;
    display: block;
    width: 20px;
    height: 20px;
    color: #fff;
}
@media (max-width: 768px) {
  .n-products{
      padding-top:10%;
    padding-bottom: 10%;
  }
  .n-products .prolist li{
    width: 49%;
  }
  .n-products .prolist li:nth-child(3n){
    margin-right: 2%;
  }
  .n-products .prolist li:nth-child(2n){
    margin-right: 0;
  }
  .n-products .prolist .title{
    padding:4% 0;
  }
  .n-products .prolist .image{
    padding:5%;
    margin: 0;
    height: 320px;
  }
  .n-products .prolist .more{
    padding:4% 0;
  }
}
@media (max-width: 992px) {

}
@media (max-width: 750px) {
  .n-products .prolist li{
    width: 100%;
  }
  .n-products .prolist .image{
    height: 240px;
  }
}

.n-productsdetail{
  width: 100%;
  overflow: hidden;
}
.n-productsdetail .path{
  width: 100%;
  background: #fff;
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  line-height: 60px;
}
.n-productsdetail .path.fixed{
  position: fixed;
  top:90px;
  z-index: 999;
}
.n-productsdetail .path .wrap{
  display: flex;
  justify-content: space-between;
}
.n-productsdetail .path .left{
  display: flex;
  align-items: center;
}
.n-productsdetail .path .right ul{
  display: flex;
}
.n-productsdetail .path .right li{
  margin-left: 30px;
}
.n-productsdetail .path .right a{
  display: block;
  position: relative;
}
.n-productsdetail .path .right li:hover a,
.n-productsdetail .path .right li.active a{
  color: #0d82ca;
}
.n-productsdetail .path .right a:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background: #0d82ca;
  bottom: 0;
  left: 0;
  transform-origin: center;
  transform: scale(0, 1);
  transition: transform 0.3s cubic-bezier(1, 0, 0, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.n-productsdetail .path .right li:hover a:after,
.n-productsdetail .path .right li.active a:after {
  transform-origin: center;
  transform: scale(1);
}
.n-productsdetail .detailbox{
  width: 100%;
  padding:100px 0 0 0;
  overflow: hidden;
}
.n-productsdetail .detailbox .detailbox-box1{
  display: flex;
  justify-content: space-between;
}
.n-productsdetail .detailbox .detailbox-box1 .image{
  width: 40%;
  padding-bottom: 40%;
  border:1px #eee solid;
  position: relative;
}
.n-productsdetail .detailbox .detailbox-box1 .image .box{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top:0;
  display: flex;
  align-items: center;
  padding:4%;
}
.n-productsdetail .detailbox .detailbox-box1 .image .box img{
  max-width: 100%;
}
.n-productsdetail .detailbox .detailbox-box1 .word{
  width: 54%;
}
.n-productsdetail .detailbox .detailbox-box1 .word .t{
  font-size: 24px;
  font-weight: 900
}
.n-productsdetail .detailbox .detailbox-box1 .word .button{
    margin-top: 30px;
    margin-bottom:30px;
}
.n-productsdetail .detailbox .detailbox-box1 .word .button .button_c{
    margin-top:10px;
}
.n-productsdetail .detailbox .detailbox-box1 .word .button .button_c ul{
    display: flex;
}
.n-productsdetail .detailbox .detailbox-box1 .word .button .button_c li{
    margin-right: 20px;
}
.n-productsdetail .detailbox .detailbox-box1 .word .button .button_c li:last-child{
    margin-right: 0;
}
.n-productsdetail .detailbox .detailbox-box1 .word .button .button_c a{
    display: block;
    background: #0d82ca;
    color: #fff;
    border-radius: 16px;
    padding:10px 30px;
}
.n-productsdetail .detailbox .detailbox-box1 .word .c{
  margin:20px 0 0 0;
}
.n-productsdetail .detailbox .detailbox-box1 .word .c .c_t{
    font-size:20px;
    font-weight: 500;
    margin-bottom:10px;
}
.n-productsdetail .detailbox .detailbox-box1 .word .c img{
  max-width: 100%;
  display: block;
}
.n-productsdetail .detailbox .detailbox-box1 .word .m{
  display: flex;
}
.n-productsdetail .detailbox .detailbox-box1 .word .m a{
  display: block;
  background: #00a2e9;
  color: #fff;
  padding:10px 40px;
  border-radius: 60px;
}
.n-productsdetail .detailbox .detailbox-box2{
  background: #f9f9f9;
  margin-top: 100px;
  padding:100px 0;
}
.n-productsdetail .detailbox .detailbox-box2 .hd{
    border-bottom:1px #999 solid;
}
.n-productsdetail .detailbox .detailbox-box2 .hd ul{
    display:flex;
}
.n-productsdetail .detailbox .detailbox-box2 .hd li{
    padding:15px 30px;
    font-weight: 500;
    cursor: pointer;
    font-size:20px;
}
.n-productsdetail .detailbox .detailbox-box2 .hd li.on{
    background:#0d82ca;
    color:#fff;
}
.n-productsdetail .detailbox .detailbox-box2 .bd{
    margin-top:4%;
}
.n-productsdetail .detailbox .detailbox-box2 .bd > ul > li{
    display:none;
}
.n-productsdetail .detailbox .detailbox-box2 .bd > ul > li.on{
    display:block;
}
.n-productsdetail .detailbox .detailbox-box2 img{
  max-width: 100%;
}
.n-productsdetail .detailbox .detailbox-box2 table{
  width: 100%;
  margin:0 !important;
  padding:0 !important;
  border:1px rgba(0, 0, 0, .15) solid;
}
.n-productsdetail .detailbox .detailbox-box2 th,
.n-productsdetail .detailbox .detailbox-box2 td{
  margin:0 !important;
  padding:10px !important;
  border:1px rgba(0, 0, 0, .15) solid;
  text-align:center;
}
.n-productsdetail .detailbox .detailbox-box2 tr td:first-child,
.n-productsdetail .detailbox .detailbox-box2 .firstRow td{
  background:rgba(0, 0, 0, .1);
}
.n-productsdetail .detailbox .detailbox-box3{
  padding-top: 100px;
  overflow: hidden;
}
.n-productsdetail .detailbox .detailbox-box3 .title,
.n-productsdetail .detailbox .detailbox-box4 .title{
  text-align: center;
  font-size: 36px;
  line-height: 36px;
  font-weight: 500
}
.n-productsdetail .detailbox .detailbox-box3 .content{
  margin-top: 50px;
}
.n-productsdetail .detailbox .detailbox-box4{
  margin-top: 100px;
  padding:100px 0;
  background: #f9f9f9;
}
.n-productsdetail .detailbox .detailbox-box4 .list{
  margin-top: 50px;
}
.n-productsdetail .detailbox .detailbox-box4 .list li{
  border:1px #eee solid;
  background: #fff;
  transition: all .5s ease;
  position: relative;
}
.n-productsdetail .detailbox .detailbox-box4 .list li:hover{
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.n-productsdetail .detailbox .detailbox-box4 .list li:after{
  content: "";
  width: 0;
  height: 2px;
  background: #0d82ca;
  position: absolute;
  left: 0;
  bottom:0;
  transition: all .5s ease;
}
.n-productsdetail .detailbox .detailbox-box4 .list li:hover:after{
  width: 100%;
}
.n-productsdetail .detailbox .detailbox-box4 .list a{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.n-productsdetail .detailbox .detailbox-box4 .list .ptitle{
  text-align: center;
  padding:20px 0;
}
.n-productsdetail .detailbox .detailbox-box4 .list .image{
  padding:30px;
  height: 300px;
  background: linear-gradient(to bottom, #e7e8ea, #eaf0f4);
  overflow: hidden;
}
.n-productsdetail .detailbox .detailbox-box4 .list .image img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all .5s ease;
}
.n-productsdetail .detailbox .detailbox-box4 .list a:hover .image img{
  transform: scale(1.05);
}
.n-productsdetail .detailbox .detailbox-box4 .list .more{
  text-align: center;
  padding:20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d82ca;
}
.n-productsdetail .detailbox .detailbox-box4 .list .more i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border:1px #0d82ca solid;
  border-radius: 50%;
  margin-left: 5px;
  font-size: 8px;
  transition: all .5s ease;
}
.n-productsdetail .detailbox .detailbox-box4 .list a:hover .more i{
  margin-left: 15px;
}
.n-productsdetail .detailbox .detailbox-box4 .list .zoom{
  position: absolute;
  top:0;
  left: 0;
}
.n-productsdetail .detailbox .detailbox-box4 .list .zoom::before {
    content: '';
    position: absolute;
    left: -170px;
    top: -70px;
    width: 140px;
    height: 140px;
    background-color: #0d82ca;
    transform: rotate(45deg);
    transition: all .5s ease;
}
.n-productsdetail .detailbox .detailbox-box4 .list a:hover .zoom::before{
  left: -100px;
}
.n-productsdetail .detailbox .detailbox-box4 .list .zoom i {
    position: absolute;
    left: 10px;
    top: 10px;
    display: block;
    width: 20px;
    height: 20px;
    color: #fff;
}
.n-productsdetail .detailbox .detailbox-box4 .list .swiper-pagination{
  position: static;
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.n-productsdetail .detailbox .detailbox-box4 .list .swiper-pagination .swiper-pagination-bullet{
  width: 30px;
  height: 1px;
  background: #000;
  border-radius: 0;
  opacity: 1;
}
.n-productsdetail .detailbox .detailbox-box4 .list .swiper-pagination .swiper-pagination-bullet-active{
  width: 60px;
  background: #00a2e9;
}
@media (max-width: 1600px){
    .n-productsdetail .detailbox .detailbox-box1 .word .c .c_t,
    .n-productsdetail .detailbox .detailbox-box2 .hd li{
        font-size:18px;
    }
}
@media (max-width: 768px) {
  .n-productsdetail .path{
    border-bottom: none;
    line-height: 1px;
  }
  .n-productsdetail .path.fixed{
    top:60px;
  }
  .n-productsdetail .path .left,
  .n-productsdetail .path .right{
    display: none;
  }
  .n-productsdetail .detailbox{
    padding:10% 0 0 0;
  }
  .n-productsdetail .detailbox .detailbox-box1{
    flex-direction: column;
  }
  .n-productsdetail .detailbox .detailbox-box1 .image,
  .n-productsdetail .detailbox .detailbox-box1 .word{
    width: 100%;
  }
  .n-productsdetail .detailbox .detailbox-box1 .image{
    padding-bottom: 100%;
  }
  .n-productsdetail .detailbox .detailbox-box1 .word{
    margin-top: 6%;
  }
  .n-productsdetail .detailbox .detailbox-box1 .word .t{
    font-size: 20px;
  }
  .n-productsdetail .detailbox .detailbox-box1 .word .button{
      margin:4% 0;
  }
  .n-productsdetail .detailbox .detailbox-box1 .word .c{
    margin-top: 2%;
  }
  .n-productsdetail .detailbox .detailbox-box1 .word .c .c_t{
        font-size:16px;
   }
  .n-productsdetail .detailbox .detailbox-box2{
    margin-top: 10%;
    padding:10% 0;
  }
   .n-productsdetail .detailbox .detailbox-box2 .hd li{
        padding:10px 20px;
    }
  .n-productsdetail .detailbox .detailbox-box3{
    padding-top: 10%;
  }
  .n-productsdetail .detailbox .detailbox-box3 .title,
  .n-productsdetail .detailbox .detailbox-box4 .title{
    font-size: 20px;
  }
  .n-productsdetail .detailbox .detailbox-box3 .content,
  .n-productsdetail .detailbox .detailbox-box4 .list{
    margin-top: 5%;
  }
  .n-productsdetail .detailbox .detailbox-box4{
    margin-top: 10%;
    padding:10% 0;
  }
  .n-productsdetail .detailbox .detailbox-box4 .list .image{
    height: 280px;
  }
  .n-productsdetail .detailbox .detailbox-box4 .list .swiper-pagination{
    margin-top: 4%;
  }
  .n-productsdetail .detailbox .detailbox-box4 .list .swiper-pagination .swiper-pagination-bullet-active{
    width: 30px;
  }
}
@media (max-width: 992px) {

}
@media (max-width: 750px) {
  .n-productsdetail .path.fixed{
    top:50px;
  }
  .n-productsdetail .detailbox .detailbox-box1 .word .button .button_c li{
      margin-right:10px;
  }
  .n-productsdetail .detailbox .detailbox-box1 .word .button .button_c a{
      padding:5px 20px;
  }
   .n-productsdetail .detailbox .detailbox-box2 .hd li{
       font-size:14px;
    }
  .n-productsdetail .detailbox .detailbox-box4 .list .image{
    height: 240px;
  }
  .n-productsdetail .detailbox .detailbox-box4 .list .swiper-pagination .swiper-pagination-bullet-active{
    width: 20px;
  }
}

.n-service{
  width: 100%;
  padding-bottom: 100px;
  margin-top: -100px;
  overflow: hidden;
}
.n-service .service-box1{
  padding-top: 120px;
  background: url(../images/service1.jpg) no-repeat right top;
  background-size: cover;
  overflow: hidden;
}
.n-service .service-box1 .box1 .title{
  font-size: 42px;
  line-height: 42px;
  font-weight: 500
}
.n-service .service-box1 .box1 .content{
  margin-top: 30px;
}
.n-service .service-box1 .box2{
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px #eee solid;
}
.n-service .service-box1 .box2 ul{
  display: flex;
  justify-content: space-between;
}
.n-service .service-box1 .box2 li{
  display: flex;
  align-items: center;
}
.n-service .service-box1 .box2 li.line{
  width: 1px;
  background: #eeeeee;
}
.n-service .service-box1 .box2 .image{
  margin-right: 60px;
}
.n-service .service-box1 .box2 .image img{
  display: block;
}
.n-service .service-box1 .box2 .word .text1{
  display: flex;
  align-items: flex-end;
}
.n-service .service-box1 .box2 .word .text1 .counter{
  font-size: 54px;
  line-height: 54px;
  font-weight: 500;
  margin-right: 10px;
}
.n-service .service-box2{
  width: 100%;
  margin-top: 100px;
  position: relative;
  overflow: hidden;
}
.n-service .service-box2 .video{
  width: 100%;
  max-height: 720px;
}
.n-service .service-box2 .video video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.n-service .service-box2 .text{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top:0;
  padding:100px 0;
}
.n-service .service-box2 .text .left{
  width: 50%;
  color: #fff;
}
.n-service .service-box2 .text .left .title{
  border-bottom: 1px solid rgba(255, 255, 255, .6);
  padding-bottom: 30px;
}
.n-service .service-box2 .text .left .title h1{
  font-size: 42px;
  line-height: 42px;
  font-weight: 500
}
.n-service .service-box2 .text .left .title h2{
  font-size: 24px;
  line-height: 24px;
  margin-top: 20px;
}
.n-service .service-box2 .text .left .content{
  margin-top: 40px;
}
.n-service .service-box2 .text .left .content h1{
  font-size: 24px;
}
.n-service .service-box2 .text .left .content h2{
  margin-top: 10px;
}
.n-service .service-box3{
  padding-top: 100px;
}
.n-service .service-box3 .list{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.n-service .service-box3 .list .swiper-container{
  width: calc(100% - 100px);
}
.n-service .service-box3 .list li{
  position: relative;
  cursor: pointer;
}
.n-service .service-box3 .list .image{
  position: relative;
}
.n-service .service-box3 .list .image img{
  width: 100%;
  display: block;
}
.n-service .service-box3 .list .image .mask{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top:0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5))
}
.n-service .service-box3 .list .swiper-slide-active .image .mask{
  background: rgba(13, 130, 202, .6);
}
.n-service .service-box3 .list .title{
  width: 100%;
  position: absolute;
  left: 0;
  bottom:20%;
  color: #fff;
  text-align: center;
}
.n-service .service-box3 .list .arrow{
  margin:0 auto;
  content: "";
  width: 0;
  height: 0;
  border-left: 20px solid transparent; /* 左边框透明 */
  border-right: 20px solid transparent; /* 右边框透明 */
  border-top: 20px solid rgba(13, 130, 202, 1); 
  display: none;
}
.n-service .service-box3 .list .swiper-slide-active .arrow{
  display: block;
}
.n-service .service-box3 .list .word{
  display: none;
}
.n-service .service-box3 .list .swiper-button-next,
.n-service .service-box3 .list .swiper-button-prev{
  width: 30px;
  position: static;
  margin:0;
}
.n-service .service-box3 .list .swiper-button-next:after,
.n-service .service-box3 .list .swiper-button-prev:after{
  font-size: 30px;
}
.n-service .service-box3 .swiper-pagination{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.n-service .service-box3 .swiper-pagination .swiper-pagination-bullet{
  width: 4px;
  height: 4px;
  background: #777;
  opacity: 1;
  margin:0 3px;
  border-radius: 0;
  -webkit-transition: all 500ms linear;
  -moz-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
}
.n-service .service-box3 .swiper-pagination .swiper-pagination-bullet-active{
  width: 20px;
  background: #0d82ca;
}
.n-service .service-box3 .content{
  width: calc(100% - 100px);
  margin:0 auto;
  margin-top: 60px;
}
.n-service .service-box3 .content .word-01{
  font-size: 28px;
  line-height: 28px;
  font-weight: 500
}
.n-service .service-box3 .content .word-02{
  margin-top: 20px;
}
.video-list{
    padding-top:100px;
}
.video-list a{
    display:block;
}
.video-list .image{
    overflow:hidden;
}
.video-list .image img{
    width:100%;
    display:block;
    -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.video-list a:hover .image img{
    transform: scale(1.08);
}
.video-list .title{
    margin-top:10px;
    text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.video-list .swiper-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    margin-top:40px;
}
.video-list .swiper-pagination .swiper-pagination-bullet{
    width:8px;
    height: 8px;
    border-radius:4px;
    margin:0 4px;
}
.video-list .swiper-pagination .swiper-pagination-bullet-active{
    width:24px;
}
.video-block{
    width:100%;
}
.video-block:before{
    content:"";
    width:100%;
    height: 400px;
    display:block;
    background:#0c7fc6;
}
.video-block .service-box3{
    margin-top:-400px;
}
.video-block .service-box3 .swiper-button-prev,
.video-block .service-box3 .swiper-button-next{
    color:#fff;
}
.n-service .pic-list{
    width:100%;
    padding:100px 0;
    margin-top:100px;
    background:#f9f9f9;
}
.n-service .pic-list .title{
    text-align: center;
    font-weight: 500;
    font-size: 42px;
    line-height: 42px;
}
.n-service .pic-list .list{
    margin-top:60px;
}
.n-service .pic-list .list .image{
    width:100%;
    overflow:hidden;
}
.n-service .pic-list .list .image img{
    width:100%;
    display:block;
    -webkit-transition: all 0.5s ease;
}
.n-service .pic-list .list .swiper-slide{
    cursor:pointer;
}
.n-service .pic-list .list .swiper-slide:hover .image img{
    transform: scale(1.05);
}
.n-service .pic-list .list .name{
    text-align:center;
    background:#fff;
    height: 50px;
    display:flex;
    align-items:center;
    justify-content:center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.n-service .pic-list .list .swiper-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    margin-top:40px;
}
.n-service .pic-list .list .swiper-pagination .swiper-pagination-bullet{
    width:8px;
    height: 8px;
    border-radius:4px;
    margin:0 4px;
}
.n-service .pic-list .list .swiper-pagination .swiper-pagination-bullet-active{
    width:24px;
}
@media (max-width: 1600px) {
  .n-service .service-box1 .box1 .title{
    font-size: 36px;
    line-height: 36px;
  }
  .n-service .service-box1 .box2 .word .text1 .counter{
    font-size: 48px;
    line-height: 48px;
  }
  .n-service .service-box2 .text .left .title h1{
    font-size: 36px;
    line-height: 36px;
  }
  .n-service .pic-list .title{
    font-size: 36px;
    line-height: 36px;
  }
}
@media (max-width: 768px) {
  .n-service{
    padding-bottom: 10%;
    margin-top: -10%;
  }
  .n-service .service-box1{
      padding-top: 12%;
  }
  .n-service .service-box1 .box1 .title{
    font-size: 24px;
    line-height: 24px;
  }
  .n-service .service-box1 .box1 .content{
    margin-top: 4%;
  }
  .n-service .service-box1 .box2{
    margin-top: 5%;
    padding-top: 5%;
  }
  .n-service .service-box1 .box2 .image{
    margin-right: 20px;
  }
  .n-service .service-box1 .box2 .image img{
    width: 48px;
  }
  .n-service .service-box1 .box2 .word .text1 .counter{
    font-size: 36px;
    line-height: 36px;
  }
  .n-service .service-box2{
    margin-top: 10%;
  }
  .n-service .service-box2 .video{
    max-height: auto;
  }
  .n-service .service-box2 .text{
    padding:10% 0;
    background: #f9f9f9;
    overflow: hidden;
    position: relative;
  }
  .n-service .service-box2 .text .left{
    width: 100%;
    color: #000;
  }
  .n-service .service-box2 .text .left .title{
    padding-bottom: 4%;
    border-color: rgba(0, 0, 0, .15);
  }
  .n-service .service-box2 .text .left .title h1{
    font-size: 24px;
    line-height: 24px;
  }
  .n-service .service-box2 .text .left .title h2{
    font-size: 18px;
    margin-top: 10px;
  }
  .n-service .service-box2 .text .left .content{
    margin-top: 4%;
  }
  .n-service .service-box2 .text .left .content h1{
    font-size: 18px;
  }
  .n-service .service-box3{
    padding-top: 10%;
  }
  .n-service .service-box3 .list .swiper-button-next, 
  .n-service .service-box3 .list .swiper-button-prev{
    width: 20px;
    display: none;
  }
  .n-service .service-box3 .list .swiper-container,
  .n-service .service-box3 .content{
    width: 100%;
  }
  .n-service .service-box3 .content{
    margin-top: 6%;
  }
  .n-service .service-box3 .content .word-01{
    font-size: 24px;
    line-height: 24px;
  }
  .n-service .service-box3 .content .word-02{
    margin-top: 2%;
  }
  .video-list{
      padding-top:8%;
  }
    .video-block{
        margin-top:0;
    }
    .video-block:before{
        display:none;
    }
    .video-block .service-box3{
        margin-top:0;
    }
    .n-service .pic-list{
        padding:10% 0;
        margin-top:10%;
    }
    .n-service .pic-list .title{
    font-size: 24px;
    line-height:24px;
  }
  .n-service .pic-list .list{
      margin-top:6%;
  }
.n-service .pic-list .list .swiper-pagination{
    margin-top:4%;
}
}
@media (max-width: 992px) {
  .n-service .service-box1 .box2 .image img{
    width: 42px;
  }
  .n-service .service-box1 .box2 .word .text1 .counter{
    font-size: 32px;
    line-height: 32px;
  }
}
@media (max-width: 750px) {
  .n-service .service-box1 .box1 .title{
    font-size: 18px;
  }
  .n-service .service-box1 .box2 ul{
    flex-wrap: wrap;
  }
  .n-service .service-box1 .box2 li{
    width: 100%;
    flex-direction: column;
  }
  .n-service .service-box1 .box2 li.line{
    width: 100%;
    height: 1px;
    margin:10px 0;
  }
  .n-service .service-box1 .box2 .image{
    margin-right: 0;
    margin-bottom: 5px;
  }
  .n-service .service-box1 .box2 .image img{
    width: 32px;
  }
  .n-service .service-box1 .box2 .word{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .n-service .service-box1 .box2 .word .text1 .counter{
    font-size: 24px;
    line-height: 24px;
    margin-right: 5px;
  }
  .n-service .service-box2 .text .left .title h1{
    font-size: 18px;
  }
  .n-service .service-box2 .text .left .title h2{
    font-size: 14px;
    margin-top: 0;
  }
  .n-service .service-box2 .text .left .content h1{
    font-size: 14px;
  }
  .n-service .service-box2 .text .left .content h2{
    margin-top: 0;
  }
  .n-service .service-box3 .list .swiper-button-next, 
  .n-service .service-box3 .list .swiper-button-prev{
    width: 20px;
    display: none;
  }
  .n-service .service-box3 .list .swiper-button-next:after, 
  .n-service .service-box3 .list .swiper-button-prev:after{
    font-size: 16px;
  }
  .n-service .service-box3 .list .swiper-container,
  .n-service .service-box3 .content{
    width: 100%;
  }
  .n-service .service-box3 .content .word-01{
    font-size: 18px;
  }
  .n-service .pic-list .title{
    font-size: 18px;
  }
}

.n-news{
  padding-top: 40px;
  padding-bottom: 100px;
  overflow: hidden;
}
.n-news .newslist{
  display: flex;
  flex-wrap: wrap;
}
.n-news .newslist li{
  width: 31.5%;
  margin-right: 2.75%;
  margin-bottom: 2.75%;
}
.n-news .newslist li:nth-child(3n){
  margin-right: 0;
}
.n-news .newslist a{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border:1px #eeeeee solid;
  padding:35px 35px 55px 35px;
}
.n-news .newslist a:hover{
  color: #fff;
  background: url(../images/newsBg.jpg) no-repeat;
  background-size: cover;
}
.n-news .newslist .date{
  font-size: 14px;
  color: #0d82ca;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.n-news .newslist a:hover .date{
  color: #fff;
}
.n-news .newslist .title{
  font-size: 24px;
  font-weight: 500
  margin:10px 0 20px 0;
  line-height: 1.8;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.n-news .newslist .line{
  width: 100%;
  height: 2px;
  background: #eee;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.n-news .newslist a:hover .list .line{
  background: #fff;
}
.n-news .newslist .summary{
  margin-top: 30px;
  line-height: 1.8;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}
.n-news .newslist .arrow{
  margin-top: 80px;
  width: 52px;
  height: 42px;
  background: url(../images/arrow1.png) no-repeat;
  background-size: cover;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.n-news .newslist a:hover .arrow{
  background: url(../images/arrow2.png) no-repeat;
  background-size: cover;
}
@media (max-width: 1600px) {
  .n-news .newslist .date{
    font-size: 12px;
  }
  .n-news .newslist .title{
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .n-news{
    padding-bottom: 10%;
  }
  .n-news .newslist li{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .n-news .newslist li:nth-child(3n){
    margin-right: 2%;
  }
  .n-news .newslist li:nth-child(2n){
    margin-right: 0;
  }
  .n-news .newslist a{
    padding:4% 4% 6% 4%;
  }
  .n-news .newslist .title{
    margin:1% 0 3% 0;
    font-size: 18px;
  }
  .n-news .newslist .summary{
    margin-top: 3%;
  }
  .n-news .newslist .arrow{
    margin-top: 8%;
    width: 42px;
    height: 34px;
  }
}
@media (max-width: 992px) {

}
@media (max-width: 750px) {
  .n-news{
    padding-top: 10px;
  }
  .n-news .newslist li{
    width: 100%;
    margin-right: 0;
  }
  .n-news .newslist li:nth-child(3n){
    margin-right: 0;
  }
  .n-news .newslist .title{
    font-size: 16px;
  }
  .n-news .newslist .arrow{
    width: 32px;
    height: 26px;
  }
}

.n-newsdetail{
  padding-top: 40px;
  padding-bottom: 100px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.n-newsdetail .left{
  width: 72%;
}
.n-newsdetail .left .title{
  font-size: 36px;
  line-height: 36px;
  font-weight: 500
}
.n-newsdetail .left .date{
  color: #666;
  padding:20px 0;
  display: flex;
}
.n-newsdetail .left .date .date-box1{
  margin-right: 40px;
}
.n-newsdetail .left .share{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.n-newsdetail .left .share:before,
.n-newsdetail .left .share:after{
  content: "";
  width: calc(48% - 75px);
  height: 1px;
  background: #eee;
  display: block;
}
.n-newsdetail .left .share ul{
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.n-newsdetail .left .share a{
  display: block;
}
.n-newsdetail .left .share i{
  font-size: 28px;
  color: #666;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.n-newsdetail .left .share a:hover i{
  color: #000;
}
.n-newsdetail .left .content{
  margin: 20px 0;
}
.n-newsdetail .left .content img{
  max-width: 100%;
}
.n-newsdetail .left .page{
  width: 100%;
  border-top: 1px #eee solid;
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
.n-newsdetail .left .page p{
  display: block;
  white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.n-newsdetail .left .page .page-left{
  width: 30%;
}
.n-newsdetail .left .page .page-right{
  width: 30%;
  text-align: right;
}
.n-newsdetail .left .page .page-center{
  text-align: center;
}
.n-newsdetail .left .page .page-center a{
  padding:0 40px;
  line-height: 42px;
  display: block;
  text-align: center;
  background: #0d82ca;
  color: #fff;
}
.n-newsdetail .left .m-page{
  display: none;
  width: 100%;
  border-top: 1px #eee solid;
  padding-top: 20px;
  overflow: hidden;
}
.n-newsdetail .left .m-page p{
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.n-newsdetail .left .m-page .page-center{
  display: flex;
  align-items: center;
  justify-content: center;
}
.n-newsdetail .left .m-page .page-center a{
  margin-top: 2%;
  padding:0 4%;
  line-height: 36px;
  display: block;
  text-align: center;
  background: #0d82ca;
  color: #fff;
}
.n-newsdetail .right{
  width: 24%;
}
.n-newsdetail .right .right-box1 .title,
.n-newsdetail .right .right-box2 .title{
  background: #0d82ca;
  color: #fff;
  padding:10px 15px;
}
.n-newsdetail .right .right-box2{
  margin-top: 30px;
}
.n-newsdetail .right .right-box1 .list,
.n-newsdetail .right .right-box2 .list{
  border:1px #eee solid;
  border-top: none;
  padding:15px;
}
.n-newsdetail .right .right-box1 .list li{
  margin:10px 0;
}
.n-newsdetail .right .right-box1 .list .date{
  font-size: 14px;
  color: #999;
}
.n-newsdetail .right .right-box2 .list .form{
  border:1px #eee solid;
  margin-top: 5px;
  padding:5px;
}
.n-newsdetail .right .right-box2 .list .form form{
  display: flex;
  justify-content: space-between;
}
.n-newsdetail .right .right-box2 .list .form input{
  width: calc(100% - 70px);
  border:none;
  padding:0 5px;
}
.n-newsdetail .right .right-box2 .list .form button{
  width: 60px;
  height: 40px;
  background: #0d82ca;
  border:none;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 768px) {
  .n-newsdetail{
    padding-bottom: 10%;
    flex-direction: column;
  }
  .n-newsdetail .left,
  .n-newsdetail .right{
    width: 100%;
  }
  .n-newsdetail .right{
    margin-top: 6%;
  }
  .n-newsdetail .left .title{
    font-size: 24px;
    line-height: 24px;
    text-align: center;
  }
  .n-newsdetail .left .date{
    padding:2% 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .n-newsdetail .left .date .date-box1{
    margin-right: 4%;
  }
  .n-newsdetail .left .share:before, .n-newsdetail .left .share:after{
    width: calc(48% - 60px);
  }
  .n-newsdetail .left .share ul{
    width: 120px;
  }
  .n-newsdetail .left .share i{
    font-size: 24px;
  }
  .n-newsdetail .left .content{
    margin:2% 0;
  }
  .n-newsdetail .left .page{
    padding-top: 2%;
    display: none;
  }
  .n-newsdetail .left .m-page{
    display: block;
    padding-top: 2%;
  }
  .n-newsdetail .right .right-box2{
    margin-top: 4%;
  }
  .n-newsdetail .right .right-box1 .list li{
    margin:2% 0;
  }
}
@media (max-width: 992px) {

}
@media (max-width: 750px) {
  .n-newsdetail{
    padding-top: 10px;
  }
  .n-newsdetail .left .title{
    font-size: 18px;
  }
  .n-newsdetail .left .share:before,
  .n-newsdetail .left .share:after{
    width: calc(48% - 40px);
  }
  .n-newsdetail .left .share ul{
    width: 80px;
  }
  .n-newsdetail .left .share i{
    font-size: 16px;
  }
}

.n-contact{
  width: 100%;
  padding-bottom: 100px;
  padding-top:100px;
  overflow: hidden;
}
.n-contact .contact-box1{
  overflow: hidden;
}
.n-contact .contact-box1 .title{
  text-align: center;
}
.n-contact .contact-box1 .title .title-01{
  font-size: 32px;
  line-height: 36px;
  font-weight: 550;
}
.n-contact .contact-box1 .title .title-02{
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
}
.n-contact .contact-box1 .map{ 
    height: 540px;
}
.n-contact .contact-box1 .map .my-map{
  width: 100%;
  height: 100%;
}
.n-contact .contact-box1 .content ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.n-contact .contact-box1 .content li{
  width: 23.5%;
  margin-top: 2%;
  background: #f9f9f9;
  padding:40px;
}
.n-contact .contact-box1 .content em{
  font-size: 28px;
  color: #0d82ca;
  display: block;
  margin-bottom: 20px;
}
.n-contact .contact-box2{
  width: 100%;
  margin-top: 100px;
  padding:100px 0;
  background: url(../images/map.jpg) no-repeat center;
  background-size: cover;
  overflow: hidden;
}
.n-contact .contact-box2 .wrap{
  background: #fff;
  padding:80px;
}
.n-contact .contact-box2 .title{
  text-align: center;
}
.n-contact .contact-box2 .title .title-01{
  font-size: 32px;
  line-height: 36px;
  font-weight: 500
}
.n-contact .contact-box2 .title .title-02{
  color: #666;
  margin-top: 10px;
}
.n-contact .contact-box2 .content{
  margin-top: 60px;
}
.n-contact .contact-box2 .content ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.n-contact .contact-box2 .content li{
  width: 49%;
  margin-bottom: 2%;
}
.n-contact .contact-box2 .content li.textarea{
  width: 100%;
}
.n-contact .contact-box2 .content li:last-child{
  margin-bottom: 0;
}
.n-contact .contact-box2 .content input,
.n-contact .contact-box2 .content textarea{
  width: 100%;
  border:1px #eee solid;
  height: 50px;
  border-radius: 25px;
}
.n-contact .contact-box2 .content input{
  padding:0 20px;
}
.n-contact .contact-box2 .content textarea{
  padding:20px;
  height: 200px;
  resize: none;
  display: block;
}
.n-contact .contact-box2 .content li.button{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.n-contact .contact-box2 .content li.button button{
  width: 200px;
  height: 50px;
  padding:0 50px;
  border:none;
  border-radius: 25px;
  background: #0d82ca;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.n-contact .contact-box2 .content li.button:hover button{
  box-shadow: 0 0 10px rgba(13, 130, 202, .75);
}
.n-contact .contact-box3{
  margin-top: 100px;
  overflow: hidden;
  display:flex;
  justify-content: space-between;
  align-items:center;
}
.n-contact .contact-box3 .image{
    width:36%;
}
.n-contact .contact-box3 .image img{
    width:100%;
    display:block;
}
.n-contact .contact-box3 .image ul{
    display:flex;
  justify-content: space-between;
  align-items:center;
}
.n-contact .contact-box3 .image li{
    width:48%;
    text-align:center;
}
.n-contact .contact-box3 .code{
    width:56%;
}
.n-contact .contact-box3 .code .code-01{
    font-size:28px;
    font-weight:550;
}
.n-contact .contact-box3 .code .code-02{
    margin-top:10px;
}
@media (max-width: 1600px) {
    .n-contact .contact-box3 .code .code-01{
        font-size:24px;
    }
}
@media (max-width: 768px) {
  .n-contact{
    padding-top:10%;
    padding-bottom: 10%;
  }
  .n-contact .contact-box1 .title .title-01{
    font-size: 24px;
    line-height: 24px;
  }
  .n-contact .contact-box1 .title .title-02{
    font-size: 24px;
    line-height: 24px;
  }
  .n-contact .contact-box1 .map{
    height: 400px;
  }
  .n-contact .contact-box1 .content li{
    width: 49%;
    padding:4%;
  }
  .n-contact .contact-box1 .content em{
    font-size: 24px;
    margin-bottom: 2%;
  }
  .n-contact .contact-box2{
    margin-top: 10%;
    padding:10% 0;
  }
  .n-contact .contact-box2 .wrap{
    padding:8%;
  }
  .n-contact .contact-box2 .title .title-01{
    font-size: 24px;
    line-height: 24px;
  }
  .n-contact .contact-box2 .content{
    margin-top: 6%;
  }
  .n-contact .contact-box3{
    margin-top: 10%;
    flex-direction: column;
  }
  .n-contact .contact-box3 .image,
  .n-contact .contact-box3 .code{
      width:100%;
  }
  .n-contact .contact-box3 .image img{
      max-width:240px;
  }
  .n-contact .contact-box3 .image li{
      display:flex;
      flex-direction: column;
      align-items:center;
  }
  .n-contact .contact-box3 .code{
      margin-top:6%;
      text-align:center;
  }
  .n-contact .contact-box3 .code .code-01{
      font-size:18px;
  }
}
@media (max-width: 992px) {

}
@media (max-width: 750px) {
  .n-contact .contact-box1 .title .title-01{
    font-size: 18px;
  }
  .n-contact .contact-box1 .title .title-02{
    font-size: 18px;
  }
  .n-contact .contact-box1 .map{
    height: 320px;
  }
  .n-contact .contact-box1 .content li{
    width: 100%;
  }
  .n-contact .contact-box1 .content em{
    font-size: 20px;
  }
  .n-contact .contact-box2 .wrap{
    padding:6%;
  }
  .n-contact .contact-box2 .title .title-01{
    font-size: 18px;
  }
  .n-contact .contact-box2 .title .title-02{
    margin-top: 5px;
  }
  .n-contact .contact-box2 .content li{
    width: 100%;
  }
  .n-contact .contact-box2 .content input,
  .n-contact .contact-box2 .content li.button button{
    height: 44px;
    padding:0 15px;
    border-radius: 22px;
  }
  .n-contact .contact-box2 .content textarea{
    padding:15px;
    border-radius: 22px;
  }
  .n-contact .contact-box3 .code .code-02{
    margin-top:5px;
  }
}

.n-message .content{
    width: 100%;
    overflow: hidden;
}
.n-message .content ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.n-message .content li{
    width: 49.5%;
    float: left;
    margin-bottom: 2%;
}
.n-message .content li.last{
    margin-top: 2%;
}
.n-message .content li.wid-100{
    width: 100%;
}
.n-message .content input,
.n-message .content textarea{
    width: 100%;
    height: 48px;
    background: #fff;
    display: block;
    border:1px #eee solid;
    border-radius: 12px;
    outline: none;
    padding:0 24px;
    font-size: 14px;
}
.n-message .content textarea{
    height: 250px;
    resize: none;
    padding:24px;
    display: block;
}
.n-message .content li.code{
    display: flex;
    align-items: center;
}
.n-message .content li.code img{
    display: block;
    margin-left: 10px;
}
.n-message .content button{
    width: 200px;
    cursor: pointer;
    border:none;
    outline: none;
    background: #000;
    color: #fff;
    height: 48px;
    margin:0 auto;
    display: block;
    border-radius: 24px;
    -webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    transition:all 200ms linear;
    display: flex;
    align-items: center;
    justify-content: center;
}
.n-message .content button:hover{
    background: #0d82ca;
}
.n-message .content button i{
  font-size: 12px;
  display: block;
  margin-left: 10px;
}
@media (max-width: 768px) { 
  .n-message .content input{
      padding: 0 14px;
  }   
  .n-message .content textarea{
      padding:14px;
  }
}
@media (max-width: 992px) { 
    
}
@media (max-width: 750px) { 
  .n-message .content li{
      width: 100%;
  }
  .n-message .content input{
      height: 40px;
  }
  .n-message .content button{
      height: 40px;
      border-radius: 20px;
  }
}