.sBanner.mobile {
  display: none;
}
.sBanner .pic {
  height: 449px;
  width: 100%;
  min-width: 1200px;
}
.sBanner .baImg {
  position: absolute;
  top: 50%;
  left: 50%;
}
.sBanner .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px;
}
.sBanner .swiper-pagination-bullet {
  margin: 0 8px;
  background: #fff;
  opacity: 1;
}
.sBanner .swiper-pagination-bullet-active {
  background: #3db3b1;
}
@media (max-width: 1200px) {
  .sBanner {
    padding-top: 1.05rem;
  }
  .sBanner.pc {
    display: none;
  }
  .sBanner.mobile {
    display: block;
  }
  .sBanner .pic {
    height: 5.08rem;
    min-width: 1rem;
  }
  .sBanner .baImg {
    display: none;
  }
}
.ind01 {
  padding-top: 35px;
}
.ind01 .ind01L {
  width: 490px;
}
.ind01 .ind01L .tit h6 {
  height: 38px;
  font-size: 18px;
  color: #000000;
  float: left;
}
.ind01 .ind01L .tit a {
  margin-top: 6px;
  float: right;
  font-size: 12px;
  color: #4c4c4c;
  font-family: 'Arial';
  font-style: italic;
  display: block;
}
.ind01 .ind01L .ind011 {
  width: 180px;
  height: 135px;
  overflow: hidden;
  float: left;
  display: block;
}
.ind01 .ind01L .ind011 img {
  display: block;
  width: 100%;
  transition-duration: 0.5s;
}
.ind01 .ind01L .ind012 {
  width: 292px;
  float: right;
}
.ind01 .ind01L .ind012 h5 {
  line-height: 28px;
  font-size: 16px;
  color: #333;
  font-weight: 400;
  transition-duration: 0.5s;
}
.ind01 .ind01L .ind012 span {
  font-size: 14px;
  margin: 8px 0 15px 0;
  color: #a1a1a1;
  display: block;
}
.ind01 .ind01L .ind012 p {
  line-height: 22px;
  font-size: 14px;
  color: #666666;
}
.ind01 .ind01L .ind01NewT:hover img {
  transform: scale(1.08);
}
.ind01 .ind01L .ind01NewT:hover h5 {
  color: #3db3b1;
}
.ind01 .ind01L .ind01NewB ul {
  padding: 5px 0;
}
.ind01 .ind01NewB ul a {
  display: block;
  line-height: 30px;
  padding-left: 12px;
  background: url(../images/index/ind4.png) center left no-repeat;
}
.ind01 .ind01NewB ul p {
  width: 360px;
  font-size: 14px;
  color: #666666;
  float: left;
  transition-duration: 0.5s;
}
.ind01 .ind01NewB ul span {
  font-size: 14px;
  color: #999999;
  float: right;
}
.ind01 .ind01NewB ul a:hover p {
  color: #3db3b1;
}
.ind01 .ind01NewB ul a:hover span {
  color: #3db3b1;
}
.ind01 .ind01R {
  float: right;
  width: 667px;
  overflow: hidden;
}
.ind01 .ind01R .tit h6 {
  height: 38px;
  font-size: 18px;
  color: #000000;
  float: left;
}
.ind01 .ind01R .tit a {
  margin-top: 6px;
  float: right;
  font-size: 12px;
  color: #4c4c4c;
  font-family: 'Arial';
  font-style: italic;
  display: block;
}
.ind01 .ind01R .ind01R1 {
  width: 230px;
  height: 250px;
  position: relative;
  overflow: hidden;
  margin-right: 1px;
}
.ind01 .ind01R .ind01R1 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ind01 .ind01R .ind01R1 p {
  width: 100%;
  line-height: 32px;
  text-align: center;
  padding: 0 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.7);
}
.ind01 .ind01R .ind01R2 {
  width: 221px;
  height: 119px;
  overflow: hidden;
  position: relative;
  margin-bottom: 1px;
  margin-right: 1px;
}
.ind01 .ind01R .ind01R2 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ind01 .ind01R .ind01R2 p {
  line-height: 32px;
  padding: 0 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 14px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
}
.ind01 .ind01R .ind01R3 {
  width: 214px;
  height: 119px;
  overflow: hidden;
  position: relative;
  margin-bottom: 1px;
}
.ind01 .ind01R .ind01R3 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ind01 .ind01R .ind01R3 p {
  line-height: 32px;
  padding: 0 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 14px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
}
.ind01 .ind01R .ind01R4 {
  width: 221px;
  height: 131px;
  overflow: hidden;
  position: relative;
  margin-right: 1px;
}
.ind01 .ind01R .ind01R4 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ind01 .ind01R .ind01R4 p {
  width: 100%;
  line-height: 32px;
  padding: 0 14px;
  font-size: 14px;
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.ind01 .ind01R .ind01R5 {
  width: 214px;
  height: 131px;
  background: url(../images/index/ind8.png) center no-repeat;
  position: relative;
  border: 1px solid #ebebeb;
  overflow: hidden;
}
.ind01 .ind01R .ind01R5 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ind01 .ind01R .ind01R5 p {
  line-height: 32px;
  padding: 0 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 14px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
}
/*.ind01 .ind01R .ind01R5 em{position: absolute;bottom: 0;right: 0;width: 24px;height: 24px;background: #3db3b1 url(../images/index/ind9.png) center no-repeat;}*/
.ind01 .ind01RCon .swiper-pagination {
  top: -34px;
  bottom: auto;
  text-align: right;
}
.ind01 .ind01RCon .i1 {
  overflow: unset;
}
.ind02 {
  margin-top: 20px;
}
.ind02 .i2 p {
  height: 100px;
}
.ind02 .i2 .swiper-pagination {
  text-align: right;
}
.ind02 .i2 .swiper-pagination-bullet {
  width: 26px;
  height: 26px;
  line-height: 26px;
  background-color: #ffffff;
  color: 444444;
  font-size: 12px;
  border-radius: 0;
  text-align: center;
  opacity: 1;
}
.ind02 .i2 .swiper-pagination-bullet-active {
  color: #005ca2;
}
.ind01 .ind01R img {
  transition-duration: 0.5s;
}
.ind01 .ind01R img:hover {
  transform: scale(1.08);
}
.ind03 {
  margin-top: 22px;
}
.ind03 .ind03Li {
  text-align: center;
}
.ind03 .ind03Li a {
  display: block;
  width: 134px;
  height: 178px;
  margin-right: 12px;
  padding-top: 102px;
  background-color: #fbfafb;
  border: 1px solid #eeeeee;
  float: left;
  transition-duration: 0.5s;
}
.ind03 .ind03Li a p {
  font-size: 14px;
  color: #666666;
  padding-bottom: 6px;
}
.ind03 .ind03Li a span {
  font-size: 10px;
  color: #888888;
  display: block;
}
.ind03 .ind03Li .ico1 {
  background: #fbfafb url(../images/icon/icon_4.png) center 46px no-repeat;
}
.ind03 .ind03Li .ico2 {
  background: #fbfafb url(../images/icon/icon_5.png) center 46px no-repeat;
}
.ind03 .ind03Li .ico3 {
  background: #fbfafb url(../images/icon/icon_6.png) center 46px no-repeat;
}
.ind03 .ind03Li .ico4 {
  background: #fbfafb url(../images/icon/icon_7.png) center 46px no-repeat;
}
.ind03 .ind03Li .ico5 {
  background: #fbfafb url(../images/icon/icon_8.png) center 46px no-repeat;
}
.ind03 .ind03Li .ico1:hover {
  background: #3db3b1 url(../images/icon/icon_10.png) center 46px no-repeat;
}
.ind03 .ind03Li .ico2:hover {
  background: #3db3b1 url(../images/icon/icon_11.png) center 46px no-repeat;
}
.ind03 .ind03Li .ico3:hover {
  background: #3db3b1 url(../images/icon/icon_12.png) center 46px no-repeat;
}
.ind03 .ind03Li .ico4:hover {
  background: #3db3b1 url(../images/icon/icon_13.png) center 46px no-repeat;
}
.ind03 .ind03Li .ico5:hover {
  background: #3db3b1 url(../images/icon/icon_14.png) center 46px no-repeat;
}
.ind03 .ind03Li a:hover p {
  color: #fff;
}
.ind03 .ind03Li a:hover span {
  color: #fff;
}
.ind03 .ind03Vid {
  width: 296px;
  height: 177px;
  overflow: hidden;
  position: relative;
  margin-right: 19px;
}
.ind03 .ind03Vid video {
  width: 100%;
  max-height: 100%;
}
.ind03 .ind03Vid em {
  width: 49px;
  height: 49px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(../images/index/ind21.png) center no-repeat;
  cursor: pointer;
  z-index: 3;
}
.ind03 .ind03qk {
  width: 155px;
  height: 178px;
  border: 1px solid #eeeeee;
  background-color: #f3f3f3;
}
.ind03 .ind03qk em {
  width: 39px;
  height: 39px;
  margin-top: 49px;
  margin: 49px auto 0;
  display: block;
  background: #f3f3f3 url(../images/icon/icon_9.png) center no-repeat;
  transition-duration: 0.5s;
}
.ind03 .ind03qk p {
  font-size: 16px;
  color: #005ca2;
  text-align: center;
  margin-top: 26px;
}
.ind03 .ind03qk:hover em {
  transform: rotateY(180deg);
}
.ind03 .ind03Vid .videoImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.ind04 {
  margin-top: 20px;
}
.ind04 .ind04L {
  width: 488px;
  float: left;
}
.ind04 .ind04L .imgBk {
  width: 280px;
  margin: 0 auto;
  max-height: 228px;
  padding: 12px;
  background: url(../images/index/ind25.png) center no-repeat;
  background-size: 100% 100%;
}
.ind04 .ind04L .imgBk img {
  display: block;
  width: 100%;
  position: relative;
  z-index: -1;
}
.ind04 .ind04L .i3 .swiper-button-next,
.ind04 .ind04L .i3 .swiper-button-prev {
  width: 30px;
  height: 64px;
  background-color: #7f7f7f;
}
.ind04 .ind04L .i3 .swiper-button-next {
  background-image: url(../images/index/ind27.png);
  background-size: 10px 18px;
}
.ind04 .ind04L .i3 .swiper-button-prev {
  background-image: url(../images/index/ind26.png);
  background-size: 10px 18px;
}
.ind04 .ind04L .i3 .swiper-button-next:hover,
.ind04 .ind04L .i3 .swiper-button-prev:hover {
  background-color: #3db3b1;
}
.ind04 .ind04L .tit {
  margin-bottom: 50px;
  position: relative;
}
.ind04 .ind04L .tit span {
  width: 144px;
  line-height: 36px;
  border: 1px solid #999999;
  box-sizing: border-box;
  display: block;
  font-size: 14px;
  color: #555555;
  float: left;
  text-align: center;
  cursor: pointer;
}
.ind04 .ind04L .gszz {
  width: 100%;
}
.ind04 .ind04L .tit a {
  line-height: 36px;
  float: right;
  font-size: 12px;
  color: #4c4c4c;
  font-family: 'Arial';
  font-style: italic;
  display: block;
  display: none;
}
.ind04 .ind04L .gsry {
  width: 333px;
  position: absolute;
  top: 0;
  left: 155px;
}
.ind04 .ind04L p.on span {
  color: #fff;
  background-color: #005ca2;
  border-color: #005ca2;
}
.ind04 .ind04L p.on a {
  display: block;
}
.ind04 .ind04L .i4 {
  display: none;
}
.ind04 .ind04L .i4 .swiper-button-next,
.ind04 .ind04L .i4 .swiper-button-prev {
  width: 30px;
  height: 64px;
  background-color: #7f7f7f;
}
.ind04 .ind04L .i4 .swiper-button-next {
  background-image: url(../images/index/ind27.png);
  background-size: 10px 18px;
}
.ind04 .ind04L .i4 .swiper-button-prev {
  background-image: url(../images/index/ind26.png);
  background-size: 10px 18px;
}
.ind04 .ind04L .i4 .swiper-button-next:hover,
.ind04 .ind04L .i4 .swiper-button-prev:hover {
  background-color: #3db3b1;
}
.ind04 .ind04R {
  width: 100%;
}
.ind04 .ind04R .tit h6 {
  height: 38px;
  font-size: 18px;
  color: #000000;
  float: left;
}
.ind04 .ind04R .tit a {
  margin-top: 6px;
  float: right;
  font-size: 12px;
  color: #4c4c4c;
  font-family: 'Arial';
  font-style: italic;
  display: block;
}
.ind04 .ind04R .ind04RList {
  float: left;
  margin-right: 14px;
  transition-duration: 0.5s;
  width: 152px;
  overflow: hidden;
}
.ind04 .ind04R .ind04RList:nth-last-child(1) {
  margin-right: 0px;
}
.ind04 .ind04R .ind04RList .lPrev {
  width: 152px;
  height: 410px;
  position: relative;
  transition-duration: 0.5s;
}
.ind04 .ind04R .lPrev p {
  font-size: 16px;
  color: #fff;
  width: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.ind04 .ind04R .lback {
  width: 536px;
  height: 410px;
  padding: 26px 15px;
  border: 1px solid #bfbfbf;
  display: none;
  transition-duration: 0.5s;
}
.ind04 .ind04R .lback h6 {
  font-size: 18px;
  color: #666666;
  position: relative;
  font-weight: 400;
  padding-bottom: 18px;
}
.ind04 .ind04R .lback h6 em {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 9px;
  height: 2px;
  background-color: #3db3b1;
}
.ind04 .ind04R .lBackImg {
  width: 485px;
  height: 246px;
  margin: 20px auto 0;
  overflow: hidden;
}
.ind04 .ind04R .lBackImg img {
  display: block;
  width: 100%;
  transition-duration: 0.5s;
}
.ind04 .ind04R .lback em {
  display: block;
  font-size: 12px;
  color: #3db3b1;
  width: 98px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #3db3b1;
  margin-top: 15px;
  transition-duration: 0.5s;
}
.ind04 .ind04R .ind04RList.on {
  width: 536px;
  transition-duration: 0.5s;
}
.ind04 .ind04R .ind04RList.on .lPrev {
  display: none;
}
.ind04 .ind04R .ind04RList.on .lback {
  display: block;
}
.ind04 .ind04R .lback:hover .lBackImg img {
  transform: scale(1.08);
}
.ind04 .ind04R .lback:hover em {
  background-color: #3db3b1;
  color: #fff;
}
.ind05 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.ind05 a {
  display: block;
  font-size: 16px;
  color: #666666;
  width: 189px;
  line-height: 66px;
  text-align: center;
  border: 1px solid #d5d5d5;
  float: left;
  box-sizing: border-box;
  margin-right: 13px;
}
.ind05 a:nth-last-child(1) {
  margin-right: 0;
}
.ind05 a:hover {
  color: #3db3b1;
}
.ind05,
.ind04,
.ind03,
.ind02,
.ind01,
.sBanner .baImg,
.footer {
  visibility: hidden;
}
.ind05.active,
.ind04.active,
.ind03.active,
.ind02.active,
.ind01.active,
.footer.active {
  visibility: visible;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.sBanner .baImg.active {
  visibility: visible;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp50;
  animation-name: fadeInUp50;
}
.ind01 .tit a:hover,
.ind04 .tit a:hover {
  color: #3db3b1;
}
.ind04 .ind04R .tit {
  padding-bottom: 10px;
}
.ind04 .ind04L p {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  text-align: center;
}
body {
  background: #fff;
}
.m_content {
  display: none;
}
@media (max-width: 1200px) {
  .ind01,
  .ind02,
  .ind03,
  .ind04,
  .ind05 {
    display: none;
  }
  .m_content {
    display: block;
    margin: 0 auto 0.5rem;
  }
  .m_content .g-w3 {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
  }
  .m_content .g-w3 .link {
    margin-top: 0.6rem;
    width: 33.33%;
  }
  .m_content .g-w3 .link img {
    width: 60%;
    margin: 0 auto;
  }
}