/* banner
   ========================================================================== */
   .banner-wrapper .banner-img{
    /* width: 450px; */
    flex: 0 0 auto;
  }
  .banner-wrapper .banner-img > img{
    width: 100%;
    height: 100%;
  }


  /* jdal-panel
     ========================================================================== */
.jdal-panel{
  background: url('../images/jqb/bgan.png') no-repeat;
  background-position: center center;
}
.jdal-panel__inner{
  padding-top: 100px;
  padding-bottom: 103px;
}
.jdal-pane__title{
  width: 394px;
  height: 43px;
  background: url('../images/index/jdal_title.png') no-repeat;
  background-size: 100%;
  margin: 100px auto;
}
.jdal-panel__inner-main{
  height: 420px;
  margin: 40px 0 30px;
}
.jdal-panel__qrcode{
  width: 290px;
  height: 100%;
}
.jdal-panel__item{
  width: 244px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.92);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 2px;
}
.jdal-panel__item-list{
  flex: 1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  color: #333333;
}
.jdal-panel__item-list.active{
  background-color: #3366cc;
  color: #ffffff;
}
.jdal-panel__subitem{
  flex: 1;
  height: 100%;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  padding: 18px 26px;
  display: none;
}
.jdal-panel .panel-title,
.jdal-panel .small-title{
  color: #ffffff;
}
.jdal-panel__subitem-list{
  display: flex;
  align-items: flex-start;
  margin: 12px 0;
  min-height: 70px;
}
.jdal-panel__subitem-list:nth-child(1),
.jdal-panel__subitem-list:nth-child(2){
  min-height: 50px;
}

.jdal-panel__subitem-list .label-title{
  font-size: 16px;
  min-width: 124px;
  /* padding-right: 44px; */
  white-space: nowrap;
  color: #333333;
}
.jdal-panel__subitem-list .label-con{
  font-size: 14px;
  line-height: 1.5;
  color: #0a1b34;
}

.jdal-panel__qrcode > img{
  display: block;
  width: 237px;
}
.jdal-panel__qrcode > p{
  text-align: center;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
}
.jdal-panel__qrcode > p:last-child{
  font-size: 26px;
}


  /* khpj-panel
     ========================================================================== */
.khpj-panel-inner{
  padding-top: 50px;
}
.khpj-panel-item{
  flex: 1;
  margin-bottom: 20px;
  transition: all .3s;
  border-radius: 10px;
}
.khpj-panel-item:hover{
  box-shadow: 0px 10px 50px 0px 
		rgba(7, 0, 2, 0.1);
}
.khpj-panel-item:first-child{
  margin-right: 70px;
}
.khpj-panel-hd{
  padding: 18px 50px;
  color: #666666;
  font-size: 18px;
  line-height: 1.5;
}
.khpj-panel-hd p span{
  font-size: 20px;
}
.khpj-panel-hd p span:nth-child(2){
  font-size: 18px;
  margin-left: 4px;
  color: #888;
}
.khpj-panel-hd p:nth-child(2){
  color: #000000;
}
.khpj-panel-hd .khpj-name{
  font-size: 20px;
  font-weight: 700;
}
.khpj-panel-hd > img{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 20px;
}
.khpj-panel-bd p{
  padding: 30px;
  font-size: 14px;
  color: #666666;
  line-height: 1.5;
  background-color: #f7fafd;
  min-height: 140px;
}



 /* client-panel
     ========================================================================== */
     .panel{
      margin: 0 auto;
    }
    .client-box{
      height: 130px;
      overflow: hidden;
      width: 1000px;
      margin: 50px auto 0;
    }
    .client{
      display: flex;
      flex-wrap: wrap;
      margin: 10px 0 30px 0;
      float: left;
      width: 1030px;
    }
    .container .client-title
    {
      font-size: 16px;
      height: 30px;
      line-height: 30px;
      padding-left: 10px;
      text-align: left;
      border-left: solid 3px #333;
    }
    .container .client-item{
      margin-right: 34px;
    }
    .container .client-item img{
      width: 80px;
      height: 80px;
      transition: all .2s;
    }
    .container .client-item img:hover{
      transform: translateY(-8px);
    }
    .container .classShowMore{
      text-align: right;
      cursor: pointer;
      text-decoration:underline;
      font-size: 14px;
    }
    
    .pannel .client:last-child{
      margin-bottom: 215px;
    }
    


    .flow-panel .flow-panel-inner{
      background: url('../images/jqb/xunhuan.png') no-repeat;
      background-position: center center;
      padding: 0;
      width: auto;
    }
    .qls .container-max{
      padding: 30px 0;
      width: 1033px;
      height: 421px;
      box-sizing: content-box;
      background: url('../images/jqb/qls.png') no-repeat;
      background-position: center center;
    }
    .hmxt,
    .ffq{
      background-color: #fafafa;
    }
    .hmxt .container-max{
      padding: 60px 0;
      width: 1031px;
      height: 352px;
      box-sizing: content-box;
      background: url('../images/jqb/hmxt.png') no-repeat;
      background-position: center center;
    }
    .ai .container-max{
      padding: 60px 0;
      width: 1033px;
      height: 366px;
      box-sizing: content-box;
      background: url('../images/jqb/ai.png') no-repeat;
      background-position: center center;
    }
    .ffq .container-max{
      padding: 60px 0;
      width: 965px;
      height: 348px;
      box-sizing: content-box;
      background: url('../images/jqb/ffq.png') no-repeat;
      background-position: center center;
    }
    .fx .container-max{
      padding: 60px 0;
      width: 1032px;
      height: 348px;
      box-sizing: content-box;
      background: url('../images/jqb/fx.png') no-repeat;
      background-position: center center;
    }
    .product{
      background: url('../images/jqb/bg.png') no-repeat;
      background-size: 100% 100%; 
      padding: 50px 0;
    }
    .product .panel-title,
    .product .small-title{
      color: #ffffff;
    }
    .swiper-container{
      margin-top: 40px;
      height: 510px;
    }
    .swiper-wrapper{
      width: 1032px;
      height: 460px;
    }
    .swiper-wrapper .swiper-slide:nth-child(1){
      background: url('../images/jqb/f_img.png') no-repeat;
      background-position: center center;
      width: 100%;
      height: 100%;
    }
    .swiper-wrapper .swiper-slide:nth-child(2){
      background: url('../images/jqb/f_img2.png') no-repeat;
      background-position: center center;
      width: 100%;
      height: 100%;
    }
    .product .swiper-button-prev, .product .swiper-button-next{
      width: 50px;
      height: 50px;
      background-size: 50px;
      margin-top: -25px;
    }
    .product .swiper-button-prev{
      background-image: url('../images/jqb/left.png');
      left: 20px;
    } 
    .product .swiper-button-next{
      background-image: url('../images/jqb/right.png');
      right: 20px;
    }