@charset "utf-8";



.inbanner {width: 100%;position: relative;}
.inbanner > img {position: relative;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;z-index: 0;}
.inbanner .cer {position: relative;height: 100%;}
@media screen and (max-width: 1023px) {
  .inbanner {height: 720px;}
}
@media screen and (max-width: 750px) {
  .inbanner {height: 480px;}
}
 
.btt1 img{-webkit-animation: move ease-in-out 2s infinite;animation: move ease-in-out 2s infinite;}

.js-qiecon {position: absolute;left: 200%;top: 0;z-index: -20;opacity: 0;width: 100%;}
.js-qiecon.on {position: static;left: 0;top: 0;z-index: 1;opacity: 1;}
.pianyi {padding-top: 80px;margin-top: -80px;}
.js-qiecon-wrap1{position: relative;width: 100%;overflow: hidden;}
 
.baninfo {height: 70px;position: relative;z-index: 2;background-color: #f1f1f1;}

.baninfo .cer8 {height: 100%;}

.erji {float: left;font-size: 0;white-space: nowrap;text-align: center;max-width: 100%;line-height: 70px;height: 70px;}

.erji a {display: inline-block;width: 150px;height: 100%;margin-left: 1px;color: #333;font-size: 16px;line-height: 70px;vertical-align: top;background: #f1f1f1;}

.erji a:first-child {margin-left: 0;}

.erji a:after {content: '';position: absolute;left: 100%;bottom: 0;z-index: 0;display: none;width: 0;height: 1px;background-color: #009de2;-webkit-transition: 0.3s;transition: 0.3s;}

.erji a:hover {background-color: #2778be;color: #fff;}

.erji a.on {background-color: #2778be;color: #fff;font-weight: bold;}

.erji a:hover:after {left: 0;width: 100%;-webkit-transition: width 0.3s;transition: width 0.3s;}

.tree {float: right;height: 100%;font-size: 14px;line-height: 70px;color: #666;padding-left: 30px;background: url(ft1.png) 0 no-repeat;}
.tree a {display: inline-block;height: 100%;color: #666;vertical-align: middle;}
.tree a:hover,.tree a.leaf {color: #2778be;}
.tree i {display: inline-block;width: 28px;height: 100%;vertical-align: middle;text-align: center;}
@media screen and (max-width: 1280px) {
  .tree {display: none;}
  .erji {float: none;overflow: auto;}
} 
 
.rongyumain {padding: 70px 0 0;}
.rongyumain h2.btitle {font-size: 36px;color: #333;line-height: 54px;font-weight: bold;text-align: center;height: 54px;overflow: hidden;}
.rongyumain .intro {margin: 20px auto 0;font-size: 16px;color: #555;line-height: 32px;max-width: 1200px;text-align: center;}

.rylist {overflow: hidden;padding: 0 0 50px;max-width: 1500px;margin: 60px auto 0;}
.rylist li {float: left;width: 33.33%;margin-bottom: 20px;}
.rylist li .lin {padding: 0 10px;}
.rylist li a {display: block;position: relative;border: 1px solid #e7e7e7;padding: 3px;}
.rylist li .pic {width: 100%;width: 100%;padding-bottom: 68%;}
.rylist li img {width: 100%;}
.rylist li h3 {padding: 0 30px;position: relative;overflow: hidden;}
.rylist li h3 span {position: relative;z-index: 3;display: block;height: 40px;overflow: hidden;font-size: 16px;color: #333;line-height: 40px;white-space: nowrap;padding: 15px 30px 15px 0;
  background: url(glass2.png) right no-repeat;border-top: 1px solid #ebebeb;}
.rylist li h3:before {content: '';position: absolute;left: 100%;bottom: 0;z-index: 0;width: 0;height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8));background-image: linear-gradient(to right, #255ba9, #1fb4b8);
}
.rylist li h3 span,.rylist li h3:before {-webkit-transition: .5s;transition: .5s;}
.rylist li:hover h3 span {color: #fff;background-image: url(glass2h.png);border-top-color: transparent;}
.rylist li:hover h3:before {width: 100%;left: 0;-webkit-transition: width .5s;transition: width .5s;}
@media screen and (max-width: 1440px) {
  .rylist {padding: 0 0 40px;}
  .rylist li .lin {padding: 0 20px;}
}
@media screen and (max-width: 1100px) {
  .rylist {padding: 0 0 30px;}
  .rylist li .lin {padding: 0 15px;}
  .rylist li {width: 50%;}
  .rylist li h3 {padding: 0 20px;}
}
@media screen and (max-width: 640px) {
  .rongyumain {padding: 80px 0 80px;}
  .rylist li {width: 100%;}
}

.prolist {overflow: hidden;padding: 0 0 50px;max-width: 1500px;margin:0 auto;}

.prolist li {float: left;width: 31.33%;margin-bottom: 50px; margin-right:3%;}

.prolist li:nth-child(3n) {margin-right:0;}

.prolist li a {display: block;position: relative;border: 1px solid #e7e7e7;}

.prolist li .pic {width: 100%;overflow: hidden;position: relative;text-align: center;}

.prolist li .img {width: 100%;padding-bottom:80%;}

.prolist li h3 {padding: 5px 30px;position: relative;height:65px;line-height: 20px;display: -webkit-flex; -webkit-align-items: center;display: flex;align-items: center; text-align:center;}

.prolist li h3 span {position: relative;z-index: 3;height: 40px;font-size: 16px;color: #333;line-height: 40px; width:100%;}

.prolist li h3:before {content: '';position: absolute;left: 100%;bottom: 0;z-index: 0;width: 0;height: 100%;

  background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8));background-image: linear-gradient(to right, #255ba9, #1fb4b8);

}

.prolist li h3 span,.prolist li h3:before {-webkit-transition: .5s;transition: .5s;}

.prolist li:hover h3 span {color: #fff;}

.prolist li:hover h3:before {width: 100%;left: 0;-webkit-transition: width .5s;transition: width .5s;}

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

  .prolist {padding: 0 0 40px;}

}

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

  .prolist {padding: 0 0 30px;}

  .prolist li {width: 50%;}

  .prolist li h3 {padding: 0 20px;}

}

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

  .rongyumain {padding: 80px 0 80px;}

  .prolist li {width: 100%;}

}

 
.abone {padding: 60px 0;}
.abt {width: 100%;position: relative;}
 
.abtother {width:100%;position: relative;z-index: 1; text-align:justify; line-height:30px; min-height:350px; padding-bottom:50px;}
.abcate1 .en { width:60px; height:2px; background:#666; margin-top:10px;}
.abcate1 .cn {font-size: 32px;color: #333;line-height: 42px;font-weight: bold;margin-top: 10px;}
.abtother .abtcon {font-size: 16px;color: #333;line-height: 34px;margin-top: 56px;}

@media screen and (max-width: 1100px) {
  .abtother {float: none;width: 100%;margin-top: 50px;}
  .abcate1 {text-align: center;}
}
@media screen and (max-width: 750px) {
  .abone {padding: 100px 0;}
  .abcate1 .en {font-size: 36px;}
  .abcate1 .cn {font-size: 26px;}
}
 
.guolist {overflow: hidden;font-size: 0;text-align: center;}
.guolist li {display: inline-block;width: 210px;max-width: 33.33%;}
.guolist li a {display: block;}
.guolist h3 {font-size: 42px;color: #fff;height: 56px;line-height: 56px;-webkit-transition: 0.3s;transition: 0.3s;}
.guolist .txt {font-size: 14px;color: #fff;line-height: 22px;}
@media screen and (max-width: 750px) {
  .guolist h3 {font-size: 30px;}
} 

.pintailist {max-width: 1340px;margin: 24px auto 0;font-size: 0;}
.pintailist li {display: inline-block;width: 20%;position: relative;top: 0;-webkit-transition: .4s;transition: .4s;}
.pintailist li a {display: block;padding: 40px 0 35px;text-align: center;}
.pintailist .pic {width: 100%;height: 123px;font-size: 0;position: relative;}
.pintailist img {max-width: 100%;max-height: 100%;position: relative;z-index: 1;vertical-align: top;}
.pintailist .txt {font-size: 18px;color: #333;line-height: 26px;padding: 0 10px;height: 52px;overflow: hidden;}
.pintailist li:hover {top: -10px;}
@media screen and (max-width: 1300px) {
  .pintailist li {width: 33.33%;}
}
@media screen and (max-width: 840px) {
  .pintailist li {width: 50%;}
}
 

.fabout {height: 800px;position: relative;background: url(faboutbg.jpg) right no-repeat;}
.faboutleft {position: absolute;left: 50%;top: 132px;z-index: 1;margin-left: -800px;width: 746px;max-width: 100%;}
.faboutleft h2 {font-size: 42px;color: #fff;font-weight: bold;line-height: 60px;position: relative;z-index: 2;}
.faboutleft .contxt {margin: 30px 0 44px;font-size: 16px;line-height: 30px;color: #fff;max-height: 150px;overflow: hidden;}
.guolist5 {overflow: hidden;font-size: 0;}
.guolist5 li {display: inline-block;width: 190px;max-width: 50%;}
.guolist5 li a {display: block;color: #fff;}
.guolist5 h3 {font-size: 42px;height: 48px;line-height: 48px;}
.guolist5 .txt {font-size: 14px;line-height: 28px;}
@media screen and (max-width: 1660px) {
  .faboutleft {left: 5%;margin-left: 0;max-width: 80%;padding: 20px;background-color: rgba(0, 0, 0, 0.3);top: 112px;}
}
@media screen and (max-width: 1200px) {
  .faboutleft {background-color: rgba(0, 0, 0, 0.6);}
}
@media screen and (max-width: 750px) {
  .faboutleft h2 {font-size: 30px;line-height: 50px;}
  .guolist5 h3 {font-size: 30px;}
}
.fpintai {padding: 86px 0 66px;background: #0061ae url(fpintaibg.jpg) center 0 no-repeat;}
.fpintai .intro {font-size: 16px;color: #d7e8f6;line-height: 28px;text-align: center;margin: 34px auto 70px;max-width: 870px;}
.fcate1 {color: #fff;text-align: center;}
.fcate1 .cn {
  font-size: 42px;
  line-height: 56px;
  font-weight: bold;
}
.fcate1 .en {
  font-size: 20px;
  line-height: 28px;
  font-family: 'Century';
}
@media screen and (max-width: 750px) {
  .fcate1 .cn {
    font-size: 32px;
  }
}
.fpintailist {
  font-size: 0;
  text-align: center;
}
.fpintailist li {
  display: inline-block;
  width: 190px;
  max-width: 14.2%;
  position: relative;
}
.fpintailist li .lin {
  padding: 0 30px;
}
.fpintailist li a {
  display: block;
  border-radius: 0 40px;
  padding: 14px 0;
}
.fpintailist .pic {
  height: 60px;
  line-height: 60px;
  font-size: 0;
  margin: 0 auto 6px;
}
.fpintailist img {
  max-width: 100%;
  max-height: 100%;
}
.fpintailist h3 {
  font-size: 16px;
  color: #c0dbf3;
  line-height: 26px;
  height: 26px;
  overflow: hidden;
}
.fpintailist .arr {
  height: 12px;
  background: url(jtd-ftai.png) center no-repeat;
  margin-top: 18px;
}
.fpintailist li:hover a,
.fpintailist li.on a {
  background-color: #38bab1;
}
.fpintailist li:hover h3,
.fpintailist li.on h3 {
  color: #fff;
}
@media screen and (max-width: 1400px) {
  .fpintailist li {
    width: 14.2%;
  }
  .fpintailist li .lin {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1023px) {
  .fpintailist li {
    width: 25%;
    max-width: none;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 750px) {
  .fpintailist li {
    width: 33.3%;
  }
}
@media screen and (max-width: 640px) {
  .fpintailist li .lin {
    padding: 0 10px;
  }
}
.friout {
  padding: 90px 0 120px;
}


.friout h2.btitle {font-size: 36px;color: #333;line-height: 54px;font-weight: bold;text-align: center;height: 54px;overflow: hidden;}
.friout .intro {margin: 0px auto 50px;font-size: 16px;color: #555;line-height: 32px;max-width: 1200px;text-align: center;}

.fri {width:100%;position: relative;white-space: nowrap;}
.fri dl{display: flex;width:100%;}
.fri dd {display: inline-block;width: 100%;text-align: center;box-shadow: -2px 2px 10px #dcdcdc; margin:0 10px; padding:30px 20px;}
.fri dd img {max-width: 100%;max-height: 100%;}


@media screen and (max-width: 1700px) {
  .fri {white-space: normal;}
}


@media screen and (max-width: 750px) {
  .fcate3 .cn {
    font-size: 30px;

  }
}
.ftechbg {
  background-color: #1164a7;
}
.ftech {
  background-color: #fff;
  padding: 90px 0;
  position: relative;
}
.ftech:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 24px;
  height: 100%;
  background-color: #1164a7;
}
.swftechout {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
}
#swftech {
  height: 500px;
  overflow: hidden;
}
#swftech .swiper-slide {
  overflow: hidden;
}
#swftech .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#swftech .wz {
  float: right;
  width: 40.5%;
  height: 100%;
  overflow: hidden;
}
#swftech .pic {
  float: left;
  width: 48.6%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
#swftech .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 0 60px;
}
#swftech .pic img:hover {
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}
#swftech h3 {
  font-size: 34px;
  color: #2778be;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  margin-top: 28px;
}
#swftech .txt {
  font-size: 16px;
  color: #777;
  line-height: 32px;
  height: 96px;
  overflow: hidden;
}
#swftech label {
  display: block;
  width: 164px;
  height: 48px;
  background-color: #2778be;
  margin-top: 58px;
  font-size: 16px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  font-family: 'FuturaBTBook';
  border-radius: 24px;
  cursor: pointer;
  -webkit-transition: .4s;
  transition: .4s;
}
#swftech label:hover {
  opacity: 0.8;
}
#swftech .hx {
  width: 60px;
  height: 2px;
  background-color: #2778be;
  margin: 22px 0 36px;
}
#swftech .date {
  font-size: 100px;
  color: #eae9e9;
  line-height: 120px;
  height: 120px;
  overflow: hidden;
}
#swftech .swiper-pagination {
  left: 26px;
  bottom: 20px;
}
#swftech .swiper-pagination-bullet {
  margin: 0 13px;
  opacity: 1;
  border: 1px solid #fff;
  background-color: transparent;
  outline: 0 none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#swftech .swiper-pagination-bullet-active {
  background-color: #fff;
}
@media screen and (max-width: 1440px) {
  .ftech:before {
    display: none;
  }
  #swftech .txt {
    height: 128px;
  }
  #swftech label {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .ftech {
    padding: 110px 0 130px;
  }
  #swftech .pic {
    width: 48%;
  }
  #swftech .wz {
    width: 46%;
  }
}
@media screen and (max-width: 1023px) {
  #swftech {
    height: auto;
  }
  #swftech .pic {
    float: none;
    width: 100%;
    height: auto;
    text-align: center;
  }
  #swftech .pic img {
    width: auto;
    height: 400px;
    max-width: 100%;
    border-radius: 0 30px;
  }
  #swftech .wz {
    float: none;
    width: 600px;
    max-width: 100%;
    margin: 40px auto 0;
  }
  #swftech .date {
    display: none;
  }
  #swftech .hx {
    margin: 22px auto;
  }
  #swftech label {
    margin: 20px auto 0;
  }
  #swftech h3 {
    font-size: 26px;
    text-align: center;
    margin-top: 0;
  }
  .ftech {
    padding: 80px 0 90px;
  }
}
.fbtl {
  position: relative;
  height: 84px;
}
.fcate2 {
  float: left;
  position: relative;
}
.fcate2 .cn {
  font-size: 38px;
  color: #333;
  line-height: 50px;
  font-weight: bold;
  position: relative;
  z-index: 1;
}
.fcate2 .cn a {
  color: #333;
}
.fcate2 .en {
  font-size: 14px;
  color: #999;
  line-height: 34px;
  font-family: 'Arial';
  height: 34px;
  text-transform: uppercase;
}
.ferji {
  float: right;
  height: 34px;
  margin-top: 50px;
  font-size: 0;
  white-space: nowrap;
}
.ferji a {
  display: inline-block;
  margin-left: 6px;
  overflow: hidden;
  border-radius: 17px;
  background-color: #fff;
  width: 82px;
  height: 34px;
  font-size: 14px;
  color: #333;
  line-height: 34px;
  text-align: center;
}
.ferji a:hover,
.ferji a.on {
  color: #fff;
  background-color: #38bab1;
}
.fnewsout {
  padding: 138px 0 122px;
  background: url(fnewsbg.jpg) bottom no-repeat;
}
.fnewsleft {
  float: left;
  width: 50%;
}
.swiper5out {
  position: relative;
  margin-top: 54px;
}
.sw5 {
  height: 434px;
}
.sw5 .swiper-slide {
  width: 380px;
}
.sw5 .swiper-slide a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.sw5 .swiper-slide .pic {
  width: 100%;
  height: 237px;
  overflow: hidden;
  font-size: 0;
}
.sw5 .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sw5 .swiper-slide img:hover {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
.sw5 .swiper-slide .wz {
  width: 100%;
  padding-top: 21px;
}
.sw5 .swiper-slide h3 {
  font-size: 22px;
  color: #222;
  line-height: 36px;
  height: 36px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}
.sw5 .swiper-slide .txt {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  margin: 30px 0 36px;
}
.sw5 .swiper-slide label {
  font-size: 16px;
  color: #666;
  line-height: 26px;
  font-family: 'FuturaBTBook';
  display: block;
  cursor: pointer;
  height: 26px;
}
.sw5 .swiper-slide:hover h3 {
  color: #2778be;
}
.sw5 .swiper-slide:hover label {
  color: #2778be;
}
.sw5 .swiper-slide h3,
.sw5 .swiper-slide label {
  -webkit-transition: .4s;
  transition: .4s;
}
.swiper5out .swiper-button-prev,
.swiper5out .swiper-button-next {
  width: 40px;
  height: 40px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  outline: 0 none;
  border-radius: 50%;
  margin-top: -20px;
}
.swiper5out .swiper-button-next {
  right: 0;
  background: rgba(0, 0, 0, 0.5) url(gt-ev.png) center no-repeat;
}
.swiper5out .swiper-button-prev {
  left: 0;
  background: rgba(0, 0, 0, 0.5) url(lt-ev.png) center no-repeat;
}
.swiper5out .swiper-button-prev:hover,
.swiper5out .swiper-button-next:hover {
  background-color: #2778be;
}
.swiper5out .swiper-pagination {
  bottom: 0;
}
.swiper5out .swiper-pagination-bullet {
  margin: 0 5px;
  opacity: 1;
  background-color: #fff;
  outline: 0 none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.swiper5out .swiper-pagination-bullet-active {
  background-color: #2778be;
}
.fhot {float: right;width: 46.875%;margin-top: 26px;}
.fhot a {display: block;position: relative;width: 100%;}
.fhot .pic {width: 100%;height: 567px;overflow: hidden;font-size: 0;position: relative;z-index: 0;}
.fhot img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: 0.4s;transition: 0.4s;}
.fhot img:hover {-webkit-transform: scale(1.04);transform: scale(1.04);}
.fhot .wz {width: 70%;position: relative;z-index: 2;margin-left: 40%;margin-top: -180px;}
.fhot .wzone {padding: 60px 40px 40px 40px;background-color: #2778be;border-top-left-radius: 40px;position: relative;overflow: hidden;}
.fhot .wzone:before {content: '';position: absolute;left: 420px;top: -58px;z-index: 0;width: 199px;height: 186px;background: url(fnewsicon.png) center no-repeat;}
.fhot h3 {font-size: 22px;color: #fff;line-height: 36px;height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;margin-top: 10px;}
.fhot .date {height: 52px;line-height: 52px;}
.fhot .date span {font-family: 'FuturaBTBook';color: #fff;}
.fhot .date .day {font-size: 52px;}
.fhot .date .year {font-size: 16px;margin-left: 10px;}
.fhot .wztwo {padding: 0 40px;background-color: #1164ac;height: 52px;}
.fhot label {font-size: 16px;color: #fff;line-height: 52px;font-family: 'FuturaBTBook';display: block;cursor: pointer;height: 100%;}
@media screen and (max-width: 1400px) {
  .fnewsleft {float: none;width: 100%;}
  .fhot {display: none;}
}
@media screen and (max-width: 750px) {
  .sw5 .swiper-slide {z-index: 1;width: 300px;}
}
.fside {position: fixed;z-index: 50;right: 1px;top: 50%;margin-top: -160px;width: 100px;-webkit-box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);}
.fside.zk {right: -100px;}
.fside i {width: 11px;height: 68px;position: absolute;right: 100%;top: 50%;margin-top: -34px;z-index: 10;background: #38b9b0 url(sandao.png) center no-repeat;cursor: pointer;border-radius: 9px 0 0 9px;}
.fside label {display: block;width: 100%;height: 55px;border-radius: 6px 6px 0 0;background: #38bab1 url(ssdlogo.png) center no-repeat;}
.fside a {display: block;width: 100%;position: relative;border-bottom: 1px solid #e4e4e4;text-align: center;background-color: #fff;padding-top: 17px;padding-bottom: 10px;}
.fside a .pic {width:30px;height:30px;font-size:0;background-position:center;background-repeat:no-repeat;border-radius:50%;border:1px solid #38bab1;background:#38bab1;margin:0 auto;-webkit-transition:0.3s;transition:0.3s;}
.fside a > p {margin-top: 7px;font-size: 14px;line-height: 20px;color: #576c87;height: 20px;}
.fside a:hover > .pic {background-color: #fff;}
.fside a:hover > p {color: #38bab1;} 
.fside a .pic.sd1 {background-image: url(ssd1.png);}
.fside a .pic.sd2 {background-image: url(ssd2.png);}
.fside a .pic.sd3 {background-image: url(ssd3.png);}
.fside a:hover .pic.sd1 {background-image: url(ssd1h.png);}
.fside a:hover .pic.sd2 {background-image: url(ssd2h.png);}
.fside a:hover .pic.sd3 {background-image: url(ssd3h.png);}
@media screen and (max-width: 1023px) {
  .fside {display: none;}
}
.fu {position: fixed;width: 100%;height: 100%;z-index: 150;top: 0;left: 0;display: none;}




.fequip-swwrap {width: 100%;margin-top: 60px;}
.sw34 {height: 640px;}
.sw34 .swiper-slide {width: 800px;overflow: hidden;}
.sw34 .swiper-slide a {display: block;position: relative;width: 100%;height: 100%;text-align: center;}
.sw34 .pic {width: 100%;height: 100%;overflow: hidden;position: relative;font-size: 0;}
.sw34 .pic img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.sw34 .swiper-slide .cov {position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;background: url(jab1.png) bottom repeat-x;
  opacity: 0;-webkit-transition: 0.4s;transition: 0.4s;}
.sw34 h3 {font-size: 18px;color: #fff;line-height: 36px;height: 36px;overflow: hidden;position: absolute;left: 0;bottom: 40px;
  z-index: 5;width: 100%;text-align: center;opacity: 0;-webkit-transition: 0.4s;transition: 0.4s;}
.sw34 .swiper-slide-active h3 {opacity: 1;}
.sw34 .swiper-slide-active .cov {opacity: 1;}
.sw34 .sw-next,
.sw34 .sw-prev {
  position: absolute;
  top: 50%;
  width: 48px;
  height: 48px;
  z-index: 10;
  cursor: pointer;
  font-size: 0;
  text-align: center;
  margin-top: -24px;
  border-radius: 50%;
}
.sw34 .sw-prev {
  left: 50%;
  background: rgba(0, 0, 0, 0) url(lt-ev.png) center no-repeat;
  margin-left: -370px;
}
.sw34 .sw-next {
  right: 50%;
  background: rgba(0, 0, 0, 0) url(gt-ev.png) center no-repeat;
  margin-right: -370px;
}
.sw34 .sw-prev:hover,
.sw34 .sw-next:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.fequip-swwrap .sw34 .swiper-pagination {
  bottom: 30px;
  font-size: 0;
}
.sw34 .swiper-pagination-bullet {
  width: 18px;
  height: 2px;
  margin: 0 3px;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.3);
  outline: 0 none;
  border-radius: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sw34 .swiper-pagination-bullet-active {
  background-color: #fff;
}
.fequiplist {
  width: 800px;
  max-width: 100%;
  position: relative;
  margin: 48px auto 0;
  font-size: 0;
  text-align: center;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.fequiplist li {
  display: inline-block;
}
.fequiplist li a {
  display: block;
  height: 38px;
  font-size: 18px;
  color: #999;
  line-height: 38px;
  position: relative;
  padding: 0 0 10px;
}
.fequiplist li a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 0;
  width: 100%;
  height: 2px;
  background-color: transparent;
}
.fequiplist li.on a,
.fequiplist li:hover a {
  color: #222;
}
.fequiplist li.on a:before {
  background-color: #222;
}
@media screen and (max-width: 1300px) {
  .sw34 .sw-prev {
    left: 8%;
    margin-left: 0;
  }
  .sw34 .sw-next {
    right: 8%;
    margin-right: 0;
  }
}
@media screen and (max-width: 1200px) {
  .sw34 .swiper-slide {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .sw34 {
    height: 422px;
  }
  .sw34 .sw-prev {
    left: 4%;
  }
  .sw34 .sw-next {
    right: 4%;
  }
}