/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #444;
}


/* CUSTOMIZE
-------------------------------------------------- */
.navbar{
  background: rgba(255,255,255,0.9);;
  color: #444;
  border-bottom: 1px solid #ddd;
  padding: .5rem 1rem
}
.navbar .form-control{
  height: 32px;
  border-radius: 16px 0 0 16px;
  border: 1px solid #fff;
  border-right:none;
  background: rgba(0,0,0,0.2);
  color: #fff
}
.btn-search{
  height: 32px;
  border-radius: 0 16px 16px 0;
  border: 1px solid #fff;
  border-left:none;
  background: rgba(0,0,0,0.2);
  color: #fff;
  padding: 0 15px;
  line-height: 30px;
}
.logo-box{
  float: left;
}
.zm-logo{
  height: 32px
}
.nav-bar{
  float: left;
  padding-left: 60px;
  font-size: 16px;

}
.nav-item{
  margin: 0 20px;
}
.nav-item.active{
  border-bottom: 2px solid #00D4A2;
  font-weight: bold;
}
.navbar-nav > li:hover .dropdown-menu {display: block;}
.dropdown-menu {
  top:90%!important
}
.form-inline{
  flex-flow: row;
}
/* Carousel base class */
.carousel {
  position: relative;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  top: 15rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 40rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 40rem;
}
.carousel-bottom{
  position: absolute;
  bottom: 0;
  width: 100%;
  height:200px;
  background-image: linear-gradient(to right,rgba(0,206,144,0.8), rgba(0,137,147,0.8));
  z-index: 99
}
.four-icons div img{
  display: block;
  margin: 0 auto;
  width: 50px
}
.sub-banner-1{
  height: 500px;
  background: url(../images/sub-bg-1.png) center no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
}
.sub-banner-2{
  height: 500px;
  background: url(../images/sub-bg-2.png) center no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
}
.sub-banner-3{
  height: 380px;
  background: url(../images/sub-banner-1.png) center no-repeat;
  background-size: cover;
  color: #fff;
}
.sub-banner-4{
  height: 380px;
  background: url(../images/sub-banner-2.png) center no-repeat;
  background-size: cover;
  color: #fff;
}
.sub-banner-5{
  height: 500px;
  background: url(../images/sub-bg-3.png) center no-repeat;
  background-size: cover;
  color: #fff;
}
.sub-banner-5 p{
  font-size: 16px;
  line-height: 28px;
}
.sub-banner-5 img{
  display: block;
  margin:0 auto;
  margin-top: 110px;
}
.sub-banner-5 .p-img-1{
  margin-top: 150px
}
.sub-banner-5 .p-img-2{
  margin-top: 100px
}
.sub-banner-5 .p-img-3{
  margin-top: 130px
}
.sub-banner-txt p:nth-child(odd){
  padding-top: 145px;
  font-size: 56px;
  margin-bottom: 0;
}
.sub-banner-txt p:nth-child(even){
  font-size: 24px;
  color: rgba(255, 255, 255, 0.5);
}
.local-box{
  height: 36px;border-bottom: 1px solid #ddd;
  font-size: 14px;
  line-height: 36px;
}
.finance-box-1{
  text-align: center;
}
.finance-box-1 p:nth-child(even){
  font-size: 18px;
  font-weight: bold;
  padding-top: 20px;
}
.finance-box-1 p:nth-child(odd){
  font-size: 14px;
}
.finance-box-2{
  width: 100%;
  height: 220px;
  border:1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction:column;
}
.finance-box-2 img{
  height: 150px;
  display: block;
}
.finance-box-2 p{
  margin: 0;
  padding: 0;
  margin-top: 5px;
}
.finance-box-3{
  display: block;
  margin: 0 auto;
  text-align: center;
}
.finance-box-3 p{
  font-size: 18px;
  padding-top: 10px;
}
.logo-border{
  border:1px solid #ddd
}
.uav-box img{
  width: 100%;
  border:1px solid #ddd;
  border-radius: 6px;
}
.main{
  width: 100%
}
.text-center{
  text-align: center;
}
.tab-box-title{
  position: relative;
  height: 75px;
}
.tab-box-title .active{
  width:595px;
  height: 100px;
  background: #19B083;
  font-size: 24px;
  line-height: 75px;
  color:#fff;
  position: absolute;
  left:0;
  border-radius: 8px 8px 0 0
}
.m-title-1{
  width:595px;
  height: 75px;
  background: #eee;
  font-size: 24px;
  line-height: 75px;
  color:#fff;
  position: absolute;
  left:0;
  border-radius: 8px 8px 0 0
}
.m-title-1 a{
  color: #444
}
.m-title-2{
  width:595px;
  height: 75px;
  background: #eee;
  font-size: 24px;
  line-height: 75px;
  color: #333;
  position: absolute;
  right:0;
  border-radius: 8px 8px 0 0
}
.m-title-2 a{
  color: #444
}
.m-bg-1{
  width: 100%;
  height: 380px;
  background: #444 url(../images/22-1.png) center no-repeat;
}
.m-bg-1-1{
  width: 100%;
  height: 380px;
  background: #444 url(../images/22-2.png) center no-repeat;
}
.zntx-1{
  padding-top: 80px;
}
.zntx-1 img{
  width: 85px;
}
.zntx-2{
  font-size: 16px;
  color:#fff;
  line-height: 28px;
}
.m-bg-2-1{
  border-radius: 6px;
  background: #fff;
  height: 308px;
  margin-top: 44px;
}
.m-bg-2-1 .pr-title{
  height: 80px;
  display: flex;
  justify-content:space-between;
}
.m-bg-2-1 .pr-title h4{
  font-size: 20px;
  color:#444;
  line-height: 26px;
  margin-left: 20px;
  margin-top:20px;
}
.m-bg-2-1 .pr-title img{
  margin-top: 24px;
  margin-right: 20px
}
.pro-img{
  display: block;
  height: auto;
  margin-left: 20px;
  margin-top: 5px;
}
.pro-img-2{
  height: 76px !important;
  display: block;
  height: auto;
  margin-left: 20px;
  margin-top: 1px;
}
.pro-intro{
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 40px;
  font-size: 14px;
  line-height: 22px;
  color: #888;
}
.pro-more{
    float: right;
    margin-right: 20px;
    margin-top:8px;
}
.index-title-1{
  margin: 0;
  padding-top: 80px;
  padding-bottom: 0
}
.index-title-2{
  font-size: 20px;
  color: #999;
  margin: 0;
  padding-bottom: 40px
}
.index-news{
  margin: 0;
  border-bottom: 1px dashed #ddd;
  padding: 22px 0;
  margin-bottom: 22px;
}
.index-news.pd-1{
  padding-top: 0
}
.index-news dt{
  width:60px;
  float: left;
}
.index-news dt p{
  text-align: center;
}
.index-news dt .date-1{
  font-size: 52px;
  line-height: 46px;
  font-weight: normal;
  font-family:Arial;
  margin: 0;
  padding: 0;
  color: #999;
}
.index-news dt .date-2{
  font-size: 14px;
  font-family:Arial;
  font-weight: normal;
  margin: 0;
  padding: 0;
  padding-bottom: 4px;
  color: #999;
  border-bottom: 2px solid #00BC83
}
.index-news dd{
  margin-left: 75px;
}
.index-news dd h4{
  font-size: 16px;
  font-weight: bold;
  color: #444
}
.index-news dd a{
  color:#444
}
.index-news dd p{
  font-size: 14px;
  color:#888;
  line-height: 24px;
  margin: 0;
}
.big-img{
  position: relative;
  width: 100%;
  height: 360px;
}
.index-newsimg{
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
}
.title-bar{
  position: absolute;
  bottom:0;
  left: 0;
  width: 100%;
  height: 60px;
  border-radius: 0 0 6px 6px;
  background: rgba(9, 184, 132, 0.8);
  display: flex;
  justify-content: space-between;
}
.title-bar a{
  padding-left: 20px;
  color: #fff;
  line-height: 60px
}
.title-bar .more-icon{
  width: 20px;
  height: 20px;
  margin-right: 20px;
  margin-top: 20px
}
.title-bar .more-icon img{
  display: block;
}
.m-bg-3{
  width: 100%;
  height:auto;
  background: #F4F4F4
}
.partner-box{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
.partner-box li{
  list-style: none;
  width: 218px;
  height: 130px;
  background: #fff;
  border-radius: 6px;
  margin-bottom: 18px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items:center;
}
.partner-box li a{
  margin: 0 auto;
}
.partner-box li img{
  display: block;
}
.partner-box-2{
  justify-content: space-around;
}
.pro-text-left{
  text-align: left;
  font-size: 14px;
  line-height: 24px;
}
.news-tabs{
   color: #444;
   border-bottom: 1px solid #ddd
}
.news-tabs a{
  color: #444;
  font-size: 16px;
}
.news-tabs li{
  border:1px solid #ddd;
  border-bottom: none;
  margin: 0;
  border-radius: 6px 6px 0 0;
  padding: 0 35px;
  margin-right: -1px;
}
.news-tabs li.active{
  background: #219A76;
  border: 1px solid #219A76;
  border-bottom: none;
}
.news-tabs li.active a{
  color: #fff;
}
.news-tabs li.active a h6{
  font-weight: bold;
}
.news-tabs li a{
  color: #444
}
.news-tabs li h6{
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 36px;
}
.news-list-1{
  display: flex;
  padding: 0;
  justify-content: space-between;
  flex-wrap:wrap;
}
.news-list-1 .img-box{
  display: block;
  width: 100%;
  height: 240px;
}
.cover{
  width: 100%;
  height:100%;
  object-fit: cover;
  border-radius: 6px 6px 0 0
 }
.news-list-1 li a{
  color: #444
}
.news-list-1 h4{
  height: 65px;
  font-size: 18px;
  color: #444;
  padding: 12px 8px 0;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  margin:0
}
.news-list-1 p{
  height: 80px;
  font-size: 14px;
  color:#999;
  border:1px solid #ddd;
  border-top: none;
  border-bottom: none;
  padding: 5px 10px 10px;
  margin: 0
}
.news-list-1 div{
  border: 1px solid #ddd;
  border-top:none;
  border-radius: 0 0 6px 6px;
  font-size: 14px;
  padding: 0 10px 20px;
  margin-bottom: 25px;
  color:#999;
  display: flex;
  justify-content: space-between;
}
.about-img img{
  width: 100%
}
.about-text{
  font-size: 14px
}
.fzlc-list dl.line{
  border-bottom: 1px solid #ddd
}
.view-more{
  display: block;
  width: 140px;
  height: 36px;
  border-radius: 18px;
  border: 1px solid #169C70;
  margin: 0 auto;
  font-size: 14px;
  background: #fff;
  color:#169C70
}
.left-bar{
  background: #f4f4f4;
  min-height: 100%;
}
.left-bar-top{
  height: 8px;
  background: #219A76;
  line-height: 8px;
  color:#fff;
  padding-left: 30px;
}
.left-bar ul{
  list-style: none;
  padding-left: 0;
}
.left-bar ul li{
  font-size: 14px;
  line-height: 38px;
  padding-left: 30px;
  margin: 6px 0;
}
.left-bar ul li a.active{
  border-bottom: 2px solid #219A76;
  font-weight: bold;
}
.left-bar ul li a{
  color: #444;
  padding-bottom: 5px
}
.right-content{
  font-size: 16px;
  line-height: 28px;
  color:#444;
}
.right-content .news-title{
  text-align: center;
  font-weight: bold;
}
.box-border-1{
  border:1px solid #ddd;
  border-radius: 6px;
  text-align: center;
  padding: 15px;
}
.box-border-1 img{
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}
.box-border-1 h6{
  font-size: 18px;
  font-weight: bold;
  padding-top: 15px;
}
.box-border-1 p{
  font-size: 14px;
  margin-bottom: 10px;
}
.pro-img-1{
  text-align: center;
}
.pro-img-1 img{
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}
.pro-parameter{
  font-size: 14px;
  color:#444;
  background: #fff;
  vertical-align: middle;
}
.pro-parameter th{
  background: #219A76;
  color: #fff;
  vertical-align: middle!important;
  padding: 0.60rem;
}
.pro-parameter td{
  padding: 0.60rem;
}
.img-list-box-1{
  display: block;
  margin: 0 auto;
  text-align: center;
}
.img-list-box-1 img{
  width: 100%;
  border-radius: 6px
}
.img-list-box-1 p{
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 15px
}
.case-box{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content:space-around;
  flex-wrap:wrap;
}
.case-box li{
  list-style: none;
  width: 210px;
  height: auto;
  text-align: center;
}
.case-box li img{
  display: block;
  width: 100%;
  border-radius: 6px
}
.case-box li p{
  font-size: 16px;
  padding-top: 10px
}
.text-content{
  padding-bottom: 80px;
}
.text-content h3{
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.text-content .add-time{
  font-size: 14px;
  text-align: center;
  color: #999;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 0
}
.content-detail {
  padding-top: 40px;
  font-size: 14px;
  color: #444;
  line-height: 28px;
}
.content-detail img{
  width: 75%;
  margin: 0 auto;
  display: block;
}
.pro-td-1{}
.pro-td-1 > div{
  width: 20%;
  float: left;
  text-align: center;
  border:1px solid #ddd;
  border-radius: 6px
}
.uav-text-1{
  text-align: center;
  font-size: 14px
}

.footer{
  border-top: 5px solid #34BB93;
  background: #363636;
  color: #aaa;
  font-size: 12px;
}
.footer dl{
  width: 25%;
  float: left;
  line-height: 22px;
}
.footer dl dt{
  padding-bottom: 15px;
}
.footer .text-p-1{
  margin: 0;
  padding-bottom: 22px;
}
.footer .text-p-2{
  padding-top: 10px;
  line-height: 22px;
}
.footer .qr-img{
  width: 100px;
  display: block;
}
.foot-copyright{
  display: flex;
  justify-content: space-between;
}
.foot-copyright ul{
  list-style: none;
  padding: 0;
  margin: 0
}
.foot-copyright ul li{
  float: left;
  margin-right: 30px
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1190px!important;
  }
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 48px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #444;
}


/* CUSTOMIZE
-------------------------------------------------- */

.navbar .form-control{
  height: 32px;
  border-radius: 16px 0 0 16px;
  border: 1px solid #fff;
  border-right:none;
  background: rgba(0,0,0,0.2);
  color: #fff
}
.btn-search{
  height: 32px;
  border-radius: 0 16px 16px 0;
  border: 1px solid #fff;
  border-left:none;
  background: rgba(0,0,0,0.2);
  color: #fff;
  padding: 0 15px;
  line-height: 30px;
}
.logo-box{
  float: left;
}
.zm-logo{
  height: 32px
}
.nav-bar{
  float: left;
  padding-left: 60px;
  font-size: 18px;

}
.nav-item{
  margin: 0
}
.nav-item.active{
  border-bottom: 2px solid #00D4A2;
  font-weight: bold;
}
.nav-link{
  color: #444!important
}
.navbar-nav > li:hover .dropdown-menu {display: block;}
.dropdown-menu {
  top:90%!important
}
/* Carousel base class */
.carousel {
  position: relative;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  top: 12rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 40rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 40rem;
}
.carousel-bottom-1{
  position: absolute;
  bottom: 30px;
  width: 100%;
  height:200px;
  /*background-image: linear-gradient(to right,rgba(0,206,144,0.8), rgba(0,137,147,0.8));*/
  z-index: 99
}
.carousel-bottom-2{
  position: absolute;
  bottom: 0px;
  width: 100%;
  height:280px;
  background-image: linear-gradient(to right,rgba(0,206,144,0.8), rgba(0,137,147,0.8));
  z-index: 99
}
.banner-box{
    background: rgba(0,0,0,0.75);
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.15);
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 240px) {
  .carousel-bottom-1{
    display: none
  }
  .carousel-bottom-2{
    display: block;
  }
  .four-icons div{
    text-align: center;
    padding-top: 25px
  }
  .four-icons div p{
    font-size: 1rem;
  }
 }

 /*  Medium devices (tablets, 240px and up)*/
@media (min-width: 576px) {
  .carousel-bottom-1{
    display: none
  }
  .carousel-bottom-2{
    display: block;
  }
  .four-icons div{
    text-align: center;
    padding-top: 25px
  }
  .four-icons div p{
    font-size: 1rem;
  }
 }

/*  Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .carousel-bottom-1{
    display: none
  }
  .carousel-bottom-2{
    display: block;
  }
  .four-icons div{
    text-align: center;
    padding-top: 25px
  }
  .four-icons div p{
    font-size: 1rem;
  }
 }

/*  Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .carousel-bottom-1{
    display: block
  }
  .carousel-bottom-2{
    display: none
  }
  .four-icons div{
    text-align: center;
    padding-top: 60px
  }
  .four-icons div p{
    font-size: 1.4rem;
  }
 }

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .carousel-bottom-1{
    display: block
  }
  .carousel-bottom-2{
    display: none
  }
  .four-icons div{
    text-align: center;
    padding-top: 45px;
    padding-bottom: 25px;
  }
  .four-icons div p{
    font-size: 1.2rem;
  }
 }


.four-icons div img{
  display: block;
  margin: 0 auto;
  width: 48px
}
.four-icons div p{
  color: #fff;
  padding-top: 10px
}
.left-line{
   border: 1px solid rgba(255,255,255,0.12);
}
.sub-banner-1{
  height: 500px;
  background: url(../images/sub-bg-1.png) center no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
}
.sub-banner p:nth-child(odd){
  padding-top: 200px;
}
.sub-banner p:nth-child(even){
  font-size: 16px
}
.sub-banner-2{
  height: 500px;
  background: url(../images/sub-bg-2.png) center no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
}
.sub-banner-3{
  height: 380px;
  background: url(../images/sub-banner-1.png) center no-repeat;
  background-size: cover;
  color: #fff;
}
.sub-banner-4{
  height: 380px;
  background: url(../images/sub-banner-2.png) center no-repeat;
  background-size: cover;
  color: #fff;
}
.sub-banner-5{
  height: 500px;
  background: url(../images/sub-bg-3.png) center no-repeat;
  background-size: cover;
  color: #fff;
}

/*  Medium devices (tablets, 240px and up)*/
@media (min-width: 240px) {
  .sub-banner-5 h3{
    font-size: 36px
  }
}
/*  Medium devices (tablets, 576px and up)*/
@media (min-width: 576px) {
  .sub-banner-5 h3{
    font-size: 36px
  }
}

/*  Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .sub-banner-5 h3{
    font-size: 36px
  }
}

/*  Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .sub-banner-5 h3{
    font-size: 56px
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .sub-banner-5 h3{
    font-size: 56px
  }
}

.sub-banner-5 h3{
  padding-bottom: 10px;
}
.sub-banner-5 p{
  font-size: 16px;
  line-height: 28px;
}
.sub-banner-5 img{
  display: block;
  margin:0 auto;
  margin-top: 110px;
}
.sub-banner-5 .p-img-1{
  margin-top: 185px
}
.sub-banner-5 .p-img-2{
  margin-top: 100px
}
.sub-banner-5 .p-img-3{
  margin-top: 130px
}
.sub-banner-txt p:nth-child(odd){
  padding-top: 145px;
  font-size: 56px;
  margin-bottom: 0;
}
.sub-banner-txt p:nth-child(even){
  font-size: 24px;
  color: rgba(255, 255, 255, 0.5);
}
.local-box{
  height: 36px;border-bottom: 1px solid #ddd;
  font-size: 14px;
  line-height: 36px;
}
.finance-bg{
  width: 100%;
  min-height:300px;
  border-radius: 6px;
  color: #fff
}
.finance-box-1{
  text-align: center;
}

/*  Medium devices (tablets, 240px and up)*/
@media (min-width: 240px) {
  .finance-box-1 img{
    margin: 0 auto;
    margin-top: 20px;
  }
}
/*  Medium devices (tablets, 576px and up)*/
@media (min-width: 576px) {
  .finance-box-1 img{
    margin: 0 auto;
    margin-top: 20px;
  }
}

/*  Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .finance-box-1 img{
    margin: 0 auto;
    margin-top: 20px;
  }
}

/*  Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .finance-box-1 img{
    margin: 0 auto;
    margin-top: 70px;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .finance-box-1 img{
    margin: 0 auto;
    margin-top: 70px;
  }
}
.finance-box-1 img{
  display: block;
  width: 50px
}
.finance-box-1 p:nth-child(even){
  font-size: 24px;
  font-weight: bold;
  padding-top: 20px;
}
.finance-box-1 p:nth-child(odd){
  font-size: 14px;
}
.finance-box-2{
  width: 100%;
  height: 220px;
  border:1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction:column;
}
.finance-box-2 img{
  height: 150px;
  display: block;
}
.finance-box-2 p{
  margin: 0;
  padding: 0;
  margin-top: 5px;
}
.finance-box-3{
  display: block;
  margin: 0 auto;
  text-align: center;
}
.finance-box-3 p{
  font-size: 18px;
  padding-top: 10px;
}
/*  Medium devices (tablets, 240px and up)*/
@media (min-width: 240px) {
  .uav-bg{
    background: #19B083;
  }
}
/*  Medium devices (tablets, 576px and up)*/
@media (min-width: 576px) {
  .uav-bg{
    background: #19B083;
  }
}

/*  Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .uav-bg{
    background: #19B083;
  }
}

/*  Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .uav-bg{
    background: url(../images/uav-bg.png) center repeat-y;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .uav-bg{
    background: url(../images/uav-bg.png) center repeat-y;
  }
}
.uav-bg{
  width: 100%;
  min-height:300px;
  border-radius: 6px;
  color: #fff
}
.logo-border{
  border:1px solid #ddd
}
.uav-box img{
  width: 100%;
  border:1px solid #ddd;
  border-radius: 6px;
}
.main{
  width: 100%
}
.text-center{
  text-align: center;
}
.tab-box-title{
  position: relative;
  height: 75px;
}
.tab-box-title .active{
  width:100%;
  height: 100px;
  background: #19B083;
  font-size: 24px;
  line-height: 75px;
  color:#fff;
  position: absolute;
  left:0;
  border-radius: 8px 8px 0 0
}
.m-title-1{
  width:50%;
  height: 75px;
  background: #eee;
  font-size: 24px;
  line-height: 75px;
  color:#fff;
  position: absolute;
  left:0;
  border-radius: 8px 8px 0 0
}
.m-title-1 a{
  color: #444
}
.m-title-2{
  width:50%;
  height: 75px;
  background: #eee;
  font-size: 24px;
  line-height: 75px;
  color: #333;
  position: absolute;
  right:0;
  border-radius: 8px 8px 0 0
}
.m-title-2 a{
  color: #444
}
.m-bg-1{
  width: 100%;
  height: 380px;
  background: #444 url(../images/22-1.png) center no-repeat;
}
.m-bg-1-1{
  width: 100%;
  height: 380px;
  background: #444 url(../images/22-2.png) center no-repeat;
}
.zntx-1{
  padding-top: 80px;
}
.zntx-1 img{
  width: 85px;
}
.zntx-2{
  font-size: 16px;
  color:#fff;
  line-height: 28px;
}
.m-bg-2{
  width: 100%;
  min-height:358px;
  background: #F4F4F4;
  padding-bottom: 40px
}
.index-title-1{
  margin: 0;
  padding-top: 80px;
  padding-bottom: 0
}
.index-title-2{
  font-size: 20px;
  color: #999;
  margin: 0;
  padding-bottom: 40px
}
.index-news{
  margin: 0;
  border-bottom: 1px dashed #ddd;
  padding: 22px 0;
  margin-bottom: 22px;
}
.index-news.pd-1{
  padding-top: 0
}
.index-news dt{
  width:60px;
  float: left;
}
.index-news dt p{
  text-align: center;
}
.index-news dt .date-1{
  font-size: 52px;
  line-height: 46px;
  font-weight: normal;
  font-family:Arial;
  margin: 0;
  padding: 0;
  color: #999;
}
.index-news dt .date-2{
  font-size: 14px;
  font-family:Arial;
  font-weight: normal;
  margin: 0;
  padding: 0;
  padding-bottom: 4px;
  color: #999;
  border-bottom: 2px solid #00BC83
}
.index-news dd{
  margin-left: 75px;
}
.index-news dd h4{
  font-size: 16px;
  font-weight: bold;
  color: #444
}
.index-news dd a{
  color:#444
}
.index-news dd p{
  font-size: 14px;
  color:#888;
  line-height: 24px;
  margin: 0;
}
.big-img{
  position: relative;
  width: 100%;
  height: 360px;
}
.index-newsimg{
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
}
.title-bar{
  position: absolute;
  bottom:0;
  left: 0;
  width: 100%;
  height: 60px;
  border-radius: 0 0 6px 6px;
  background: rgba(9, 184, 132, 0.8);
  display: flex;
  justify-content: space-between;
}
.title-bar a{
  padding-left: 20px;
  color: #fff;
  line-height: 60px
}
.title-bar .more-icon{
  width: 20px;
  height: 20px;
  margin-right: 20px;
  margin-top: 20px
}
.title-bar .more-icon img{
  display: block;
}
.partner-box{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content:space-between;
  flex-wrap:wrap;
}

/*  Medium devices (tablets, 240px and up)*/
@media (min-width: 240px) {
  .partner-box li{
    width: 118px;
    height: 70px;
  }
}
/*  Medium devices (tablets, 576px and up)*/
@media (min-width: 576px) {
  .partner-box li{
    width: 168px;
    height: 100px;
  }
}

/*  Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .partner-box li{
    width: 218px;
    height: 130px;
  }
}

/*  Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .partner-box li{
    width: 218px;
    height: 130px;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .partner-box li{
    width: 218px;
    height: 130px;
  }
}

.partner-box li{
  list-style: none;
  background: #fff;
  border-radius: 6px;
  margin-bottom: 18px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items:center;
}
.partner-box li a{
  margin: 0 auto;
}

.partner-box li img{
  display: block;
}


.partner-box-2{
  justify-content: space-around;
}
.partner-box-3{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
.partner-box-3 li{
  list-style: none;
  background: #fff;
  border-radius: 6px;
  margin-bottom: 18px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items:center;
}
.partner-box-3 li a{
  margin: 0 auto;
}
.partner-box-3 li img{
  display: block;
}
.pro-text-left{
  text-align: left;
  font-size: 14px;
  line-height: 24px;
}
.news-tabs{
   color: #444;
   border-bottom: 1px solid #ddd
}
.news-tabs a{
  color: #444;
  font-size: 16px;
}
.news-tabs li{
  border:1px solid #ddd;
  border-bottom: none;
  margin: 0;
  border-radius: 6px 6px 0 0;
  padding: 0 35px;
  margin-right: -1px;
}
.news-tabs li.active{
  background: #219A76;
  border: 1px solid #219A76;
  border-bottom: none;
}
.news-tabs li.active a{
  color: #fff;
}
.news-tabs li.active a h6{
  font-weight: bold;
}
.news-tabs li a{
  color: #444
}
.news-tabs li h6{
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 36px;
}
.news-list-1{
  display: flex;
  padding: 0;
  justify-content: space-between;
  flex-wrap:wrap;
}
.news-list-1 .img-box{
  display: block;
  width: 100%;
  height: 240px;
}
.cover{
  width: 100%;
  height:100%;
  object-fit: cover;
  border-radius: 6px 6px 0 0
 }

 /*  Medium devices (tablets, 240px and up)*/
 @media (min-width: 240px) {
   .news-list-1 li{
     width: 100%
   }
 }
 /*  Medium devices (tablets, 576px and up)*/
 @media (min-width: 576px) {
   .news-list-1 li{
     width: 100%
   }
 }

 /*  Medium devices (tablets, 768px and up)*/
 @media (min-width: 768px) {
   .news-list-1 li{
     width: 100%
   }
 }

 /*  Large devices (desktops, 992px and up)*/
 @media (min-width: 992px) {
   .news-list-1 li{
     width: 31%
   }
 }

 /* Extra large devices (large desktops, 1200px and up)*/
 @media (min-width: 1200px) {
   .news-list-1 li{
     width: 31%
   }
 }
.news-list-1 li{
  list-style: none;
}
.news-list-1 li a{
  color: #444
}
.news-list-1 h4{
  height: 65px;
  font-size: 18px;
  color: #444;
  padding: 12px 8px 0;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  margin:0
}
.news-list-1 p{
  height: 80px;
  font-size: 14px;
  color:#999;
  border:1px solid #ddd;
  border-top: none;
  border-bottom: none;
  padding: 5px 10px 10px;
  margin: 0
}
.news-list-1 div{
  border: 1px solid #ddd;
  border-top:none;
  border-radius: 0 0 6px 6px;
  font-size: 14px;
  padding: 0 10px 20px;
  margin-bottom: 25px;
  color:#999;
  display: flex;
  justify-content: space-between;
}
.about-img img{
  width: 100%
}
.about-text{
  font-size: 14px
}
.fzlc-list dl.line{
  border-bottom: 1px solid #ddd
}
/*  Medium devices (tablets, 240px and up)*/
@media (min-width: 240px) {
  .fzlc-list dl dt{
    width: 100%;
  }
}
/*  Medium devices (tablets, 576px and up)*/
@media (min-width: 576px) {
  .fzlc-list dl dt{
    width: 100%;
  }
}

/*  Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .fzlc-list dl dt{
    width: 100%;
  }
}

/*  Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .fzlc-list dl dt{
    float:left;
    width: 10%;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .fzlc-list dl dt{
    float:left;
    width: 10%;
  }
}

.fzlc-list dl dt{
  font-size: 36px;
}
/*  Medium devices (tablets, 240px and up)*/
@media (min-width: 240px) {
  .fzlc-list dl dd{
    width: 100%;
  }
}
/*  Medium devices (tablets, 576px and up)*/
@media (min-width: 576px) {
  .fzlc-list dl dd{
    width: 100%;
  }
}

/*  Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .fzlc-list dl dd{
    width: 100%;
  }
}

/*  Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .fzlc-list dl dd{
    float:right;
    width: 90%;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .fzlc-list dl dd{
    float:right;
    width: 90%;
  }
}
.fzlc-list dl dd{
  font-size: 14px;
  padding-top: 10px
}
.view-more{
  display: block;
  width: 140px;
  height: 36px;
  border-radius: 18px;
  border: 1px solid #169C70;
  margin: 0 auto;
  font-size: 14px;
  background: #fff;
  color:#169C70
}

.right-content{
  font-size: 16px;
  line-height: 28px;
  color:#444;
}
.right-content .news-title{
  text-align: center;
  font-weight: bold;
}
.box-border-1{
  border:1px solid #ddd;
  border-radius: 6px;
  text-align: center;
  padding: 15px;
  height:235px;
  margin-top: 20px
}
.box-border-1 img{
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}
.box-border-1 h6{
  font-size: 18px;
  font-weight: bold;
  padding-top: 15px;
}
.box-border-1 p{
  font-size: 14px;
  margin-bottom: 10px;
}
.box-border-2{
  height:185px;
  margin-top: 20px
}
.pro-img-1{
  text-align: center;
}
.pro-img-1 img{
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}
.pro-parameter{
  font-size: 14px;
  color:#444;
  background: #fff;
  vertical-align: middle;
}
.pro-parameter th{
  background: #219A76;
  color: #fff;
  vertical-align: middle!important;
  padding: 0.60rem;
}
.pro-parameter td{
  padding: 0.60rem;
}
.img-list-box-1{
  display: block;
  margin: 0 auto;
  text-align: center;
}
.img-list-box-1 img{
  width: 100%;
  border-radius: 6px
}
.img-list-box-1 p{
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 15px
}
.case-box{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content:space-around;
  flex-wrap:wrap;
}
.case-box li{
  list-style: none;
  width: 210px;
  height: auto;
  text-align: center;
}
.case-box li img{
  display: block;
  width: 100%;
  border-radius: 6px
}
.case-box li p{
  font-size: 16px;
  padding-top: 10px
}
.text-content{
  padding-bottom: 80px;
}
.text-content h3{
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.text-content .add-time{
  font-size: 14px;
  text-align: center;
  color: #999;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 0
}
.content-detail {
  padding-top: 40px;
  font-size: 14px;
  color: #444;
  line-height: 28px;
}
.content-detail img{
  width: 75%;
  margin: 0 auto;
  display: block;
}
.honor-list li{
  list-style: none;
  margin-bottom:25px
}
.honor-list li a{
  display: block;
  border: 1px solid #ddd;
  height: 240px;
  border-radius: 6px;
  background: #f6f6f6;
}
.honor-list img.himg{
  width: 100%;
  height: 100%;
  object-fit:scale-down;
  display: block
}
.pro-td-1{}
.pro-td-1 > div{
  width: 20%;
  float: left;
  text-align: center;
  border:1px solid #ddd;
  border-radius: 6px
}
.uav-text-1{
  text-align: center;
  font-size: 14px
}
.card-header a{
  font-size: 18px;
  color: #444
}
.card-body{
  font-size: 14px;
  padding-left: 50px;
}
.adress-map .fleft{
  height: 350px
}
.adress-title{
  border-top: 1px solid #ddd;
  font-size: 18px;
  font-weight: bold;
  padding-top: 30px
}
.mail-link{
  color:#169C70
}
.cbox-size{
    height: 235px;
}
.cbox-size-2{
    height: 180px;
}
.footer{
  border-top: 5px solid #34BB93;
  background: #363636;
  color: #aaa;
  font-size: 12px;
}
.footer dl{
  width: 45%;
  float: left;
  line-height: 22px;
}
.footer dl dt{
  padding-bottom: 15px;
}
.footer dl dd a{
  color: #aaa;
}
.footer .text-p-1{
  margin: 0;
  padding-bottom: 22px;
}
.footer .text-p-2{
  padding-top: 10px;
  line-height: 22px;
}
.footer .qr-img{
  width: 100px;
  display: block;
}
.foot-line{
  border-top: 1px solid #444;
  min-height: 40px;
  line-height: 40px;
}
.foot-copyright{
  display: flex;
  justify-content: space-between;
}
.foot-copyright ul{
  list-style: none;
  padding: 0;
  margin: 0
}
.foot-copyright ul li{
  float: left;
  margin-right: 30px
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1190px!important;
  }
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 56px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

/*  Medium devices (tablets, 240px and up)*/
@media (min-width: 240px) {
  .right-pro{
    display:none;
  }
}
/*  Medium devices (tablets, 576px and up)*/
@media (min-width: 576px) {
  .right-pro{
    display:none;
  }
}

/*  Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .right-pro{
    display:none;
  }
}

/*  Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .right-pro{
    display:block;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .right-pro{
    display:block;
  }
}


/*  Medium devices (tablets, 240px and up)*/
@media (min-width: 240px) {
  .cert-none{
    display: none;
  }
  .left-div{
    display: none
  }
  ul.row.honor-list{
    padding-left: 0px
  }
  .pro-title-1{
    font-size: 30px;
  }
  .finance-bg{
    background: #19B083;
  }
  .partner-box-3 li{
    width: 170px;
    height: 100px;
  }
  .sub-banner-5 h3{
    padding-top: 120px;
    padding-bottom: 10px;
  }
}
/*  Medium devices (tablets, 576px and up)*/
@media (min-width: 576px) {
  .cert-none{
    display: none;
  }
  .left-div{
    display: none
  }
  ul.row.honor-list{
    padding-left:0px
  }
  .pro-title-1{
    font-size: 30px;
  }
  .finance-bg{
    background: #19B083;
  }
  .partner-box-3 li{
    width: 170px;
    height: 100px;
  }
  .sub-banner-5 h3{
    padding-top: 120px;
    padding-bottom: 10px;
  }
}

/*  Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .cert-none{
    display: none;
  }
  .left-div{
    display: none
  }
  ul.row.honor-list{
    padding-left: 0px
  }
  .pro-title-1{
    font-size: 30px;
  }
  .finance-bg{
    background: #19B083;
  }
  .partner-box-3 li{
    width: 170px;
    height: 100px;
  }
  .sub-banner-5 h3{
    padding-top: 120px;
    padding-bottom: 10px;
  }
}

/*  Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .cert-none{
    display: block;
  }
  .left-div{
    display: block
  }
  ul.row.honor-list{
    padding-left: 40px
  }
  .pro-title-1{
    font-size: 56px;
  }
  .finance-bg{
    background: url(../images/finance-bg.png) center no-repeat;
  }
  .partner-box-3 li{
    width: 180px;
    height: 110px;
  }
  .sub-banner-5 h3{
    padding-top: 160px;
    padding-bottom: 10px;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .cert-none{
    display: block;
  }
  .left-div{
    display: block
  }
  ul.row.honor-list{
    padding-left: 40px
  }
  .pro-title-1{
    font-size: 56px;
  }
  .finance-bg{
    background: url(../images/finance-bg.png) center no-repeat;
  }
  .partner-box-3 li{
    width: 180px;
    height: 110px;
  }
  .sub-banner-5 h3{
    padding-top: 160px;
    padding-bottom: 10px;
  }
}

.page-img img{
  width: 80%;
  margin: 0 auto
}

.page-item.active .page-link{
  z-index: 3;
  color: #fff;
  background-color: #19B083;
  border-color: #19B083;
}
.select-on{
  font-weight: bold;
  background: #EAEAEA;
}
.ce-num-bg{
  background: #219A76;
  color: #fff;
  border-radius: 4px;
  padding: 10px 20px;
}
.ce-left{
    padding-left: 40px;
}