/* -------------------------------------------------------------------------------------------------------轮播图 */
.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
      width: 100%;
      height: auto;
  }
  /* .swiper-slide video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  } */
  .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
  }

  /* ----------------------------------------------------------------------------------------------------标题 */
  .title{
    width: 100%;
    text-align: center;

    margin: 50px 0 40px;
  }
  .title h2{
    font-size: 38px;
    color: #333;
    margin-bottom: 10px;
  }
  .title p{
    font-size: 18px;
    color: #999;
  }
  /* 从下飞入效果---------------已实验 */
.fadeInTop {
  animation: fadeInTop 1s;
  -webkit-animation: fadeInTop 1s;
}
@keyframes fadeInTop {
0% {
      opacity: 0;
      -webkit-transform: translate3d(0,100%, 0);
      transform: translate3d(0, 100%, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }


/* -----------------------------------------------------------------------------------------------------荣誉资质 */
.zzzsbox{
  position: relative;
  width: 100%;
  /* box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); 底部阴影 */
  padding-bottom: 68px;
  padding-top: 15px;
}
.zzzsbox .zzl{
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.zzzsbox .zzr{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.zzzsbox .zzzs{
  width: 1200px;
  margin: 0 auto;
  height: 171px;
}

.zzzsbox .rrzz img {
    display: block;
    width: 228px;
    height: 171px;
    object-fit: cover;
  }
  /* -------------------------------------------------------------------------------------------------------新闻资讯 */
  .news{
    width: 1200px;
    height: 408px;
    margin: 0 auto 60px;
  }
  .news .left{
    width: 408px;
    height: 408px;
    position: relative;
  }
  .news .left img{
    width: 408px;
    height: 288px;
  }
  .news .left:hover .tit{
    background-color: #01824a;
  }
  .news .left:hover p{
    color: #fff;
  }
  .news .left:hover b{
    color: #f19904;
  }
  .news .left .tit{
    position: absolute;
    bottom: 0;
    width: 408px;
    height: 120px;
    background-color: #f8f8f8;
    box-sizing: border-box;
    padding: 15px;
  }
  .news .left b{
    display: block;
    width: 378px;
    font-size: 16px;
    color: #333;
    white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
  }
  .news .left p{
    margin-top: 10px;
    font-size: 14px;
    color: #888;
    width: 378px;
    word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

  }
  .news .right{
    width: 782px;
    height: 408px;
    overflow: hidden;
  }
  .news .right .item{
    width: 782px;
    height: 126px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    box-sizing: border-box;
    padding: 15px;
  }
  .news .right .item:hover{
    border: 1px solid #01824a;
  }
  .news .right .item:nth-child(3){
    margin-bottom: 0px;
}
.news .right .item .left{
  width: 126px;
  height: 96px;
  border-right: 1px solid #ddd;
  color: #888
}
.news .right .item .left .b{
  font-size: 36px;
  display: block;
  text-align: center;
}
.news .right .item .left .p{
  font-size: 15px;
  display: block;
  text-align: center;
}
.news .right .item .right{
  width: 626px;
  height: 96px;
}
.news .right .item .right .t1{
  width: 606px;
  margin-left: 15px;
  font-size: 16px;
  margin-bottom: 10px;
    color: #333;
    white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.news .right .item .right .t2{
  width: 606px;
  margin-left: 15px;
  font-size: 14px;
    color: #888;
    word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* ------------------------------------------------------------------------------------------------右侧导航 */
/* 首页右侧浮动框 开始 */
@font-face { font-family: jdcfont; src: url(../../../front/public/fonts/jdcfont.eot); src: url(../../../front/public/fonts/jdcfont.eot#iefix) format("embedded-opentype"), url(../../../front/public/fonts/jdcfont.woff) format("woff"), url(../../../front/public/fonts/jdcfont.ttf) format("truetype"), url(../../../front/public/fonts/jdcfont.svg#jdcfont) format("svg") }
.jdcfont { font-family: jdcfont!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale }
.jdc-side { display: none; position: fixed; right: 20px; bottom: 20px; z-index: 300; width: 60px }
.mod_hang_qrcode { position: relative }
.mod-qr-tips { height: 70px; background: url(../images/qrtips.png) center no-repeat; background-size: 100% }
.mod_hang_qrcode_show { display: none; position: absolute; right: 70px; top: -65px; width: 138px; min-height: 166px; border: 0 none; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_show p { margin-top: 5px; line-height: 16px; color: #666; font-size: 12px; text-align: center }
.mod_hang_qrcode_show_bg { width: 124px; height: 124px; margin: 8px auto 0; background-position: 0 0; background-repeat: no-repeat; -moz-background-size: 124px auto; background-size: 124px auto; background-image: url(../images/qrcode.png) }
.jdc_hang_qrcode p { padding-bottom: 5px }
.mod_hang_qrcode_btn { display: block; width: 60px; height: 60px; color: #01824a; font-size: 40px; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease }
.mod_hang_top { display: block; width: 60px; height: 60px; margin: 5px 0 0; text-align: center; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; background-color: transparent }
.mod_hang_qrcode:hover .mod_hang_qrcode_show { display: block }
.mod_hang_qrcode_btn { position: relative; margin-top: 5px; text-align: center; background-color: transparent; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_qrcode_btn:hover { color: #fff }
.mod_hang_top { -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_top .mod_hang_qrcode_btn { background: 0 0; margin: 0 }
.mod_hang_appeal_btn { display: block; width: 60px; height: 60px; color: #01824a; text-align: center; font-size: 20px; cursor: pointer; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) ;}
.mod_hang_appeal:hover .mod_hang_appeal_show{ display:block;opacity: 1;}
.mod_hang_appeal_btn i, .mod_hang_qrcode_btn i { display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 40px; color: #01824a; background-color: #fff }
.mod_hang_appeal_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_appeal.show .mod_hang_appeal_show { display: block }
.mod_hang_appeal_show { opacity: 0; z-index:-9; right:-500px; position: absolute; right: 70px; bottom: 0; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1); width: 300px }
.mod_hang_appeal_show li {*zoom:1; cursor: pointer }
.mod_hang_appeal_show li:hover { background: #f3f5fb }
.mod_hang_appeal_show li:after, .mod_hang_appeal_show li:before { content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden }
.mod_hang_appeal_show .icon_box, .mod_hang_appeal_show .text_box { float: left; width: 215px; height: 90px; cursor: pointer }
.mod_hang_appeal_show .icon_box { width: 78px; line-height: 90px; text-align: center }
.mod_hang_appeal_show .icon_box i { color: #01824a; font-size: 30px }
.mod_hang_appeal_show .text_box h5 { margin-top: 10px; font-size: 16px; color: #000; line-height: 24px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.mod_hang_appeal_show .text_box p { margin-top: 10px; max-height: 36px; overflow: hidden; line-height: 18px; font-size: 12px; color: #666; cursor: pointer }
.jdc_feedback_qrcode .mod_hang_qrcode_btn { margin-bottom: 5px }
.jdc_feedback_qrcode .mod_hang_qrcode_show { min-height: 226px }
.jdc_feedback_qrcode .mod_hang_qrcode_show p { padding-bottom: 5px }
.jdc_feedback_qrcode .mod_hang_qrcode_show_bg { margin-top: 0; background-image: none }
@media (max-width:768px) {
.jdc-rwd .jdc-side { display: none!important }
}
.jdc-lang-en .jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(../images/qrcode-en.jpg) }
.jdc-lang-en .mod-qr-tips { position: relative }
.jdc-lang-en .mod-qr-tips:after { content: "Search"; position: absolute; left: 41px; top: 8px; width: 85px; height: 30px; line-height: 30px; background: #fff; color: #666; font-size: 16px }
/* 首页右侧浮动框 结束 */