@charset "UTF-8";
/* 主题色 */
/* 首页 */
.Home .Container {
  width: 17.2rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .Home .Container {
    width: 100%;
    padding: 0 20px;
  }
}

.Home.HomeBanner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
.Home.HomeBanner .BannerSwiper {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Home.HomeBanner .BannerSlide {
  overflow: hidden;
  position: relative;
  z-index: 4;
}
.Home.HomeBanner .BannerSlide .SlideImg {
  width: 100%;
  padding-top: 41.6666666667%;
}
.Home.HomeBanner .BannerSlide .SlideImg img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.Home.HomeBanner .BannerSlide .SlideText {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 5;
  padding: 0 1rem;
}
.Home.HomeBanner .BannerSlide .SlideTitle {
  width: 100%;
}
.Home.HomeBanner .BannerSlide .SlideTitle .Remark {
  width: 100%;
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
}
.Home.HomeBanner .BannerSlide .SlideTitle .Title {
  width: 100%;
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
}
.Home.HomeBanner .BannerSlide .SlideButton {
  display: inline-block;
}
.Home.HomeBanner .BannerSlide .SlideButton:hover .ButtonBoard {
  background: #fff;
}
.Home.HomeBanner .BannerSlide .SlideButton:hover .ButtonIcon {
  background: #0070ba;
}
.Home.HomeBanner .BannerSlide .SlideButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow2.png);
}
.Home.HomeBanner .BannerSlide .SlideButton:hover .ButtonText {
  color: #0070ba;
}
.Home.HomeBanner .BannerSlide .SlideButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.12rem 0.25rem;
  border-radius: 0.25rem;
  background: #0070ba;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1920px) {
  .Home.HomeBanner .BannerSlide .SlideButton .ButtonBoard {
    border-radius: 25px;
  }
}
.Home.HomeBanner .BannerSlide .SlideButton .ButtonText {
  color: #fff;
  line-height: 1.1;
  white-space: nowrap;
  padding: 0 0.05rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeBanner .BannerSlide .SlideButton .ButtonIcon {
  width: 0.26rem;
  border-radius: 50%;
  background: #fff;
  margin-left: 0.45rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeBanner .BannerSlide .SlideButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/50% no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeBanner .BannerSlide .SlideVideo {
  width: 100%;
  padding-top: 50%;
}
.Home.HomeBanner .BannerSlide .SlideVideo .Play.Show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Home.HomeBanner .BannerSlide .SlideVideo .Play {
  width: 1rem;
  height: 1rem;
  border: 0.01rem solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 4;
  background-color: transparent;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}
.Home.HomeBanner .BannerSlide .SlideVideo .Play::after {
  content: "";
  display: block;
  width: 0;
  left: 0;
  border-top: 0.13rem solid transparent;
  border-bottom: 0.13rem solid transparent;
  border-left: 0.16rem solid #fff;
}
.Home.HomeBanner .BannerSlide .SlideVideo .Video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  -o-object-fit: fill;
     object-fit: fill;
}
.Home.HomeBanner .BannerSwiperPagination {
  width: 100%;
  position: absolute;
  width: 100%;
  padding: 0 1rem;
  bottom: 1rem;
  z-index: 5;
}
.Home.HomeBanner .BannerSwiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  width: 100%;
}
.Home.HomeBanner .BannerSwiperPagination .swiper-pagination-bullet {
  width: 0.2rem;
  height: 0.06rem;
  min-width: 20px;
  min-height: 6px;
  position: relative;
  z-index: 5;
  border-radius: 0.03rem;
  overflow: hidden;
  margin-right: 0.1rem;
}
.Home.HomeBanner .BannerSwiperPagination .swiper-pagination-bullet:last-of-type {
  margin-right: 0;
}
@media (max-width: 1920px) {
  .Home.HomeBanner .BannerSwiperPagination .swiper-pagination-bullet {
    border-radius: 3px;
  }
}
.Home.HomeBanner .BannerSwiperPagination .swiper-pagination-bullet::before, .Home.HomeBanner .BannerSwiperPagination .swiper-pagination-bullet::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.Home.HomeBanner .BannerSwiperPagination .swiper-pagination-bullet::before {
  width: 0;
  background: #0070ba;
  z-index: 5;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.Home.HomeBanner .BannerSwiperPagination .swiper-pagination-bullet::after {
  background: rgba(255, 255, 255, 0.6);
  z-index: 4;
}
@media (max-width: 1200px) {
  .Home.HomeBanner .BannerSlide .SlideText {
    padding: 0 10px;
  }
  .Home.HomeBanner .BannerSwiperPagination {
    padding: 0 10px;
    bottom: 10px;
  }
}
@media (max-width: 500px) {
  .Home.HomeBanner .BannerSlide .SlideTitle .Remark {
    font-size: 17.7291666667px;
  }
  .Home.HomeBanner .BannerSlide .SlideTitle .Title {
    font-size: 27.46875px;
  }
}

.Home.HomeGoods {
  width: 100%;
  padding: 0.8rem 0;
  background: #fff;
}
.Home.HomeGoods .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home.HomeGoods .GoodsAside {
  width: 21.6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home.HomeGoods .GoodsTitle {
  width: 100%;
  color: #333;
  line-height: 1.3;
  font-weight: 500;
}
.Home.HomeGoods .GoodsMaster {
  width: 100%;
}
.Home.HomeGoods .GoodsMaster .MasterSwiper {
  width: 100%;
}
.Home.HomeGoods .GoodsMaster .MasterSlide .SlideImg {
  width: 100%;
}
.Home.HomeGoods .GoodsMaster .MasterSlide .SlideImg .Img {
  width: 98%;
  margin: 0 auto;
}
.Home.HomeGoods .GoodsMaster .MasterSlide .SlideImg img {
  width: 100%;
}
.Home.HomeGoods .GoodsMain {
  width: 77.2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home.HomeGoods .GoodsMenu {
  width: 17.2%;
}
.Home.HomeGoods .GoodsMenu .MenuSwiper {
  width: 100%;
  height: 5rem;
}
.Home.HomeGoods .GoodsMenu .MenuSwiper .swiper-container {
  width: 100%;
  height: 100%;
}
.Home.HomeGoods .GoodsMenu .MenuSlide.Active .SlideBoard {
  background: #0070ba;
  border-radius: 0.1rem;
}
.Home.HomeGoods .GoodsMenu .MenuSlide.Active .SlideIcon .D {
  opacity: 0;
}
.Home.HomeGoods .GoodsMenu .MenuSlide.Active .SlideIcon .C {
  opacity: 1;
}
.Home.HomeGoods .GoodsMenu .MenuSlide.Active .SlideText {
  color: #fff;
}
.Home.HomeGoods .GoodsMenu .MenuSlide:hover .SlideBoard {
  background: #0070ba;
  border-radius: 0.1rem;
}
.Home.HomeGoods .GoodsMenu .MenuSlide:hover .SlideIcon .D {
  opacity: 0;
}
.Home.HomeGoods .GoodsMenu .MenuSlide:hover .SlideIcon .C {
  opacity: 1;
}
.Home.HomeGoods .GoodsMenu .MenuSlide:hover .SlideText {
  color: #fff;
}
.Home.HomeGoods .GoodsMenu .MenuSlide .SlideBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.15rem 0.3rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeGoods .GoodsMenu .MenuSlide .SlideIcon {
  width: 20.5%;
}
.Home.HomeGoods .GoodsMenu .MenuSlide .SlideIcon .Icon {
  width: 100%;
  padding-top: 100%;
  position: relative;
  z-index: 5;
}
.Home.HomeGoods .GoodsMenu .MenuSlide .SlideIcon .C, .Home.HomeGoods .GoodsMenu .MenuSlide .SlideIcon .D {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.Home.HomeGoods .GoodsMenu .MenuSlide .SlideIcon .C img, .Home.HomeGoods .GoodsMenu .MenuSlide .SlideIcon .D img {
  display: none;
}
.Home.HomeGoods .GoodsMenu .MenuSlide .SlideIcon .D {
  opacity: 1;
}
.Home.HomeGoods .GoodsMenu .MenuSlide .SlideIcon .C {
  opacity: 0;
}
.Home.HomeGoods .GoodsMenu .MenuSlide .SlideText {
  width: 79.5%;
  color: #999;
  line-height: 1.3;
  padding-left: 0.2rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeGoods .GoodsMenu .MenuButtons {
  width: 100%;
  margin-top: 0.4rem;
}
.Home.HomeGoods .GoodsMenu .MenuButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.15rem 0.3rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #999;
  line-height: 1.2;
  border: solid 0.01rem #999999;
  border-radius: 0.1rem;
}
.Home.HomeGoods .GoodsMenu .MenuButton:hover {
  background: #0070ba;
  border-radius: 0.1rem;
}
.Home.HomeGoods .GoodsMenu .MenuButton:hover .ButtonIcon .D {
  opacity: 0;
}
.Home.HomeGoods .GoodsMenu .MenuButton:hover .ButtonIcon .C {
  opacity: 1;
}
.Home.HomeGoods .GoodsMenu .MenuButton:hover .ButtonText {
  color: #fff;
}
.Home.HomeGoods .GoodsMenu .MenuButton .ButtonIcon {
  width: 0.26rem;
  min-width: 20px;
  padding-right: 0.2rem;
}
.Home.HomeGoods .GoodsMenu .MenuButton .ButtonIcon .Icon {
  width: 100%;
  padding-top: 100%;
  position: relative;
  z-index: 5;
}
.Home.HomeGoods .GoodsMenu .MenuButton .ButtonIcon .C, .Home.HomeGoods .GoodsMenu .MenuButton .ButtonIcon .D {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.Home.HomeGoods .GoodsMenu .MenuButton .ButtonIcon .C img, .Home.HomeGoods .GoodsMenu .MenuButton .ButtonIcon .D img {
  display: none;
}
.Home.HomeGoods .GoodsMenu .MenuButton .ButtonIcon .D {
  opacity: 1;
}
.Home.HomeGoods .GoodsMenu .MenuButton .ButtonIcon .C {
  opacity: 0;
}
.Home.HomeGoods .GoodsMenu .MenuButton .ButtonText {
  width: auto;
  color: #999;
  line-height: 1.3;
  white-space: nowrap;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeGoods .GoodsSwipers {
  width: 80.8%;
}
.Home.HomeGoods .GoodsSwiper.Show {
  display: block;
}
.Home.HomeGoods .GoodsSwiper {
  width: 100%;
  display: none;
}
.Home.HomeGoods .GoodsSlide:hover .SlideImg .Img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.Home.HomeGoods .GoodsSlide:hover .SlideTitle .Title {
  color: #0070ba;
}
.Home.HomeGoods .GoodsSlide .SlideBoard {
  width: 100%;
  display: block;
}
.Home.HomeGoods .GoodsSlide .SlideImg {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Home.HomeGoods .GoodsSlide .SlideImg .Img {
  width: 90%;
  padding-top: 110.7692307692%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeGoods .GoodsSlide .SlideImg img {
  display: none;
}
.Home.HomeGoods .GoodsSlide .SlideText {
  width: 100%;
  padding: 0.36rem;
  margin-top: 0.1rem;
}
.Home.HomeGoods .GoodsSlide .SlideTitle {
  width: 100%;
}
.Home.HomeGoods .GoodsSlide .SlideTitle .Title {
  width: 100%;
  color: #333;
  line-height: 1.4;
  font-weight: 500;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeGoods .GoodsSlide .SlideRemark {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin-top: 0.1rem;
}
.Home.HomeGoods .GoodsSlide .SlideRemark p {
  color: #999;
  line-height: 1.5;
}
@media (max-width: 900px) {
  .Home.HomeGoods .Container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Home.HomeGoods .GoodsAside {
    width: 100%;
  }
  .Home.HomeGoods .GoodsTitle {
    text-align: center;
  }
  .Home.HomeGoods .GoodsMaster {
    width: 40%;
    min-width: 360px;
    margin: 0 auto;
    display: none;
  }
  .Home.HomeGoods .GoodsMain {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Home.HomeGoods .GoodsMenu {
    width: 100%;
    margin-top: 20px;
  }
  .Home.HomeGoods .GoodsMenu .MenuSwiper {
    height: auto;
  }
  .Home.HomeGoods .GoodsMenu .MenuButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .Home.HomeGoods .GoodsMenu .MenuButton {
    padding: 0.24rem 1rem;
    width: auto;
  }
  .Home.HomeGoods .GoodsSwipers {
    width: 100%;
  }
  .Home.HomeGoods .GoodsSlide .SlideText {
    text-align: center;
  }
}
@media (max-width: 500px) {
  .Home.HomeGoods .GoodsMaster {
    min-width: 0;
    width: 100%;
  }
}

.Home.HomeCase {
  width: 100%;
  background: #f7f8fa;
  padding: 0.8rem 0;
}
.Home.HomeCase .Container {
  overflow: hidden;
}
.Home.HomeCase .CaseTitle {
  width: 100%;
  color: #333;
  line-height: 1.3;
  text-align: center;
  font-weight: 500;
}
.Home.HomeCase .CaseButtonSwiper {
  width: 100%;
  margin-top: 0.5rem;
}
.Home.HomeCase .CaseButtonSilde.Active .SlideBoard {
  background: #0070ba;
  border-radius: 0.1rem;
}
.Home.HomeCase .CaseButtonSilde.Active .SlideIcon .C {
  opacity: 1;
}
.Home.HomeCase .CaseButtonSilde.Active .SlideIcon .D {
  opacity: 0;
}
.Home.HomeCase .CaseButtonSilde.Active .SlideText {
  color: #fff;
}
.Home.HomeCase .CaseButtonSilde:hover .SlideBoard {
  background: #0070ba;
  border-radius: 0.1rem;
}
.Home.HomeCase .CaseButtonSilde:hover .SlideIcon .C {
  opacity: 1;
}
.Home.HomeCase .CaseButtonSilde:hover .SlideIcon .D {
  opacity: 0;
}
.Home.HomeCase .CaseButtonSilde:hover .SlideText {
  color: #fff;
}
.Home.HomeCase .CaseButtonSilde .SlideBoard {
  width: 100%;
  padding: 0.3rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.Home.HomeCase .CaseButtonSilde .SlideIcon {
  margin: 0 auto;
  width: 0.4rem;
}
.Home.HomeCase .CaseButtonSilde .SlideIcon .Icon {
  width: 100%;
  padding-top: 100%;
  position: relative;
  z-index: 5;
}
.Home.HomeCase .CaseButtonSilde .SlideIcon .C, .Home.HomeCase .CaseButtonSilde .SlideIcon .D {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.Home.HomeCase .CaseButtonSilde .SlideIcon .C img, .Home.HomeCase .CaseButtonSilde .SlideIcon .D img {
  display: none;
}
.Home.HomeCase .CaseButtonSilde .SlideIcon .D {
  opacity: 1;
}
.Home.HomeCase .CaseButtonSilde .SlideIcon .C {
  opacity: 0;
}
.Home.HomeCase .CaseButtonSilde .SlideText {
  width: 100%;
  color: #333;
  text-align: center;
  line-height: 1.3;
  margin-top: 0.2rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.Home.HomeCase .CaseSwipers {
  width: 100%;
  margin-top: 0.4rem;
}
.Home.HomeCase .CaseSwiper {
  display: none;
  width: 100%;
}
.Home.HomeCase .CaseSwiper.Show {
  display: block;
}
.Home.HomeCase .CaseInfo {
  width: 62%;
  margin: 0 auto;
}
.Home.HomeCase .CaseInfo .InfoText {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Home.HomeCase .CaseInfo .InfoTitle {
  width: auto;
  white-space: nowrap;
  color: #0070ba;
  font-weight: 500;
  line-height: 1.2;
}
.Home.HomeCase .CaseInfo .InfoRemark {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin-left: 0.1rem;
}
.Home.HomeCase .CaseInfo .InfoRemark p {
  color: #999;
  line-height: 1.5;
}
.Home.HomeCase .CaseInfoSwiper {
  width: 100%;
  margin-top: 0.5rem;
}
.Home.HomeCase .CaseInfoSilde.swiper-slide-active {
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
  opacity: 1;
  z-index: 10;
  border-radius: 0.1rem;
}
.Home.HomeCase .CaseInfoSilde.swiper-slide-active .SlideText {
  opacity: 1;
}
.Home.HomeCase .CaseInfoSilde.swiper-slide-prev {
  -webkit-transform: translate3d(0%, 0, -5rem) rotateY(75deg) !important;
          transform: translate3d(0%, 0, -5rem) rotateY(75deg) !important;
}
.Home.HomeCase .CaseInfoSilde.swiper-slide-next {
  -webkit-transform: translate3d(0%, 0, -5rem) rotateY(-75deg) !important;
          transform: translate3d(0%, 0, -5rem) rotateY(-75deg) !important;
}
.Home.HomeCase .CaseInfoSilde {
  width: 9rem;
  opacity: 0.4;
  overflow: hidden;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.Home.HomeCase .CaseInfoSilde .SlideBoard {
  position: relative;
  z-index: 5;
  width: 100%;
}
.Home.HomeCase .CaseInfoSilde .SlideImg {
  width: 100%;
}
.Home.HomeCase .CaseInfoSilde .SlideImg .Img {
  width: 100%;
}
.Home.HomeCase .CaseInfoSilde .SlideImg img {
  width: 100%;
  height: auto;
}
.Home.HomeCase .CaseInfoSilde .SlideText {
  position: absolute;
  left: 0;
  z-index: 5;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeCase .CaseInfoSilde .SlideTitle {
  width: 100%;
  color: #fff;
  line-height: 1.3;
}
.Home.HomeCase .CaseInfoSilde .SlideButton {
  display: inline-block;
  border: 0.01rem solid #fff;
  margin-top: 0.14rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0.25rem;
}
@media (max-width: 1920px) {
  .Home.HomeCase .CaseInfoSilde .SlideButton {
    border-radius: 25px;
  }
}
.Home.HomeCase .CaseInfoSilde .SlideButton:hover {
  background: #fff;
}
.Home.HomeCase .CaseInfoSilde .SlideButton:hover .Text {
  color: #0070ba;
}
.Home.HomeCase .CaseInfoSilde .SlideButton .Text {
  color: #fff;
  padding: 0.12rem 0.25rem;
  line-height: 1.2;
  white-space: nowrap;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1200px) {
  .Home.HomeCase .CaseInfo .InfoText {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .Home.HomeCase .CaseInfo .InfoTitle {
    width: 100%;
  }
  .Home.HomeCase .CaseInfo .InfoRemark {
    width: 100%;
    margin-top: 10px;
  }
}
@media (max-width: 900px) {
  .Home.HomeCase .CaseInfo {
    width: 100%;
  }
  .Home.HomeCase .CaseInfo .InfoRemark {
    text-align: left;
  }
  .Home.HomeCase .CaseInfoSilde.swiper-slide-active {
    -webkit-transform: none !important;
            transform: none !important;
  }
  .Home.HomeCase .CaseInfoSilde.swiper-slide-prev {
    -webkit-transform: none !important;
            transform: none !important;
  }
  .Home.HomeCase .CaseInfoSilde.swiper-slide-next {
    -webkit-transform: none !important;
            transform: none !important;
  }
  .Home.HomeCase .CaseInfoSilde {
    opacity: 1;
  }
  .Home.HomeCase .CaseInfoSilde .SlideText {
    opacity: 1;
  }
}

.Home.HomeAbout {
  width: 100%;
  padding: 0.8rem 0;
  background: #fff;
}
.Home.HomeAbout .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home.HomeAbout .AboutImg {
  width: 45.3%;
  overflow: hidden;
}
.Home.HomeAbout .AboutImg:hover .Img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.Home.HomeAbout .AboutImg .Img {
  width: 100%;
  padding-top: 82.0512820513%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeAbout .AboutImg img {
  display: none;
}
.Home.HomeAbout .AboutText {
  width: 50%;
}
.Home.HomeAbout .AboutTitle {
  width: 100%;
  color: #333;
  line-height: 1.3;
  font-weight: 500;
}
.Home.HomeAbout .AboutGuide {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: 500;
  margin-top: 0.4rem;
}
.Home.HomeAbout .AboutRemark {
  width: 100%;
  color: #666;
  line-height: 1.6;
  margin-top: 0.1rem;
}
.Home.HomeAbout .AboutRemark p {
  color: #666;
  line-height: 1.6;
}
.Home.HomeAbout .AboutPicture {
  width: 100%;
  display: none;
  overflow: hidden;
}
.Home.HomeAbout .AboutPicture:hover .Img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.Home.HomeAbout .AboutPicture .Img {
  width: 100%;
  padding-top: 82.0512820513%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeAbout .AboutPicture img {
  display: none;
}
.Home.HomeAbout .AboutData {
  width: 100%;
  margin-top: 0.48rem;
}
.Home.HomeAbout .AboutData .DataList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home.HomeAbout .AboutData .DataItem {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.Home.HomeAbout .AboutData .DataItem .ItemNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Home.HomeAbout .AboutData .DataItem .ItemNumber .Number, .Home.HomeAbout .AboutData .DataItem .ItemNumber .Text {
  color: #0070ba;
  font-weight: 700;
}
.Home.HomeAbout .AboutData .DataItem .ItemRemark {
  width: 100%;
  opacity: 0.6;
  margin-left: 0.1rem;
  color: #666;
  line-height: 1.6;
}
.Home.HomeAbout .AboutData .DataItem .ItemRemark p {
  color: #666;
  line-height: 1.6;
}
.Home.HomeAbout .AboutButton {
  display: inline-block;
  margin-top: 0.5rem;
}
.Home.HomeAbout .AboutButton:hover .ButtonBoard {
  background: #fff;
  border-color: #0070ba;
}
.Home.HomeAbout .AboutButton:hover .ButtonIcon {
  background: #0070ba;
}
.Home.HomeAbout .AboutButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow2.png);
}
.Home.HomeAbout .AboutButton:hover .ButtonText {
  color: #0070ba;
}
.Home.HomeAbout .AboutButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.12rem 0.25rem;
  border-radius: 0.25rem;
  background: #0070ba;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border: 0.01rem solid transparent;
}
@media (max-width: 1920px) {
  .Home.HomeAbout .AboutButton .ButtonBoard {
    border-radius: 25px;
  }
}
.Home.HomeAbout .AboutButton .ButtonText {
  color: #fff;
  line-height: 1.1;
  white-space: nowrap;
  padding: 0 0.05rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeAbout .AboutButton .ButtonIcon {
  width: 0.26rem;
  border-radius: 50%;
  background: #fff;
  margin-left: 0.45rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeAbout .AboutButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/50% no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1200px) {
  .Home.HomeAbout .Container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .Home.HomeAbout .AboutTitle {
    text-align: center;
  }
  .Home.HomeAbout .AboutGuide {
    margin-top: 10px;
  }
  .Home.HomeAbout .AboutImg {
    display: none;
  }
  .Home.HomeAbout .AboutText {
    width: 100%;
  }
  .Home.HomeAbout .AboutPicture {
    display: block;
    margin-top: 0.48rem;
  }
  .Home.HomeAbout .AboutData .DataItem {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 550px) {
  .Home.HomeAbout .AboutData .DataList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Home.HomeAbout .AboutData .DataItem {
    width: 50%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 0;
  }
}

.Home.HomeProcess {
  width: 100%;
  background: #fff;
}
.Home.HomeProcess .Container {
  position: relative;
  z-index: 5;
}
.Home.HomeProcess .ProcessTitle {
  width: 100%;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  font-weight: 500;
  position: absolute;
  left: 0;
  z-index: 5;
  top: 0.8rem;
}
.Home.HomeProcess .ProcessSwiper {
  width: 100%;
}
.Home.HomeProcess .ProcessImgSwiper {
  width: 100%;
}
.Home.HomeProcess .ProcessImgSlide .SlideBoard {
  width: 100%;
}
.Home.HomeProcess .ProcessImgSlide .SlideImg {
  width: 100%;
}
.Home.HomeProcess .ProcessImgSlide .SlideImg .Img {
  width: 100%;
  padding-top: 55.8139534884%;
}
.Home.HomeProcess .ProcessImgSlide .SlideImg img {
  display: none;
}
.Home.HomeProcess .ProcessImgSlide .SlideButtons {
  position: absolute;
  width: auto;
  left: 50%;
  bottom: 25.5%;
  z-index: 5;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: none;
}
.Home.HomeProcess .ProcessImgSlide .SlideButton {
  display: inline-block;
}
.Home.HomeProcess .ProcessImgSlide .SlideButton:hover .Text {
  color: #0070ba;
  background: #fff;
}
.Home.HomeProcess .ProcessImgSlide .SlideButton .Text {
  width: auto;
  padding: 0.08rem 0.2rem;
  color: #fff;
  border-radius: 0.25rem;
  white-space: nowrap;
  border: 0.01rem solid #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1920px) {
  .Home.HomeProcess .ProcessImgSlide .SlideButton .Text {
    border-radius: 25px;
  }
}
.Home.HomeProcess .ProcessButtonSwiper {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonTextSwiper {
  width: 100%;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonTextSlide.Active .SlideBoard {
  background: #0070ba;
  height: auto;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonTextSlide.Active .SlideIcon {
  display: block;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonTextSlide {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.1rem 0;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonTextSlide .SlideBoard {
  width: 75%;
  height: 60%;
  padding: 0.2rem 0.1rem;
  margin: 0 auto;
  background: #696f7a;
  border-radius: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonTextSlide .SlideIcon {
  width: auto;
  position: relative;
  z-index: 5;
  display: none;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonTextSlide .SlideIcon .Number {
  color: #fff;
  opacity: 0.3;
  font-style: italic;
  font-weight: 700;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonTextSlide .SlideIcon .Icon {
  width: 42.5%;
  padding-top: 47.5%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  bottom: 10%;
  z-index: 5;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonTextSlide .SlideIcon .Icon img {
  display: none;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonTextSlide .SlideText {
  width: 100%;
  text-align: center;
  color: #fff;
  margin-top: 0.1rem;
  line-height: 1.3;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonIconSwiper {
  width: 100%;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonIconSlide.Active .SlidePattern .Icon {
  border-color: #0070ba;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonIconSlide.Active .SlidePattern .Icon .I {
  background: #fff;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonIconSlide.Active .SlideText .Number {
  display: none;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonIconSlide.Active .SlideText .Icon::after {
  height: 100%;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonIconSlide.Arrive .SlidePattern .Line::after {
  width: 100%;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonIconSlide.ArriveTransition .SlidePattern .Line::after {
  -webkit-transition: all 2s;
  transition: all 2s;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonIconSlide .SlideBoard {
  width: 100%;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonIconSlide .SlidePattern {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonIconSlide .SlidePattern .Line {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 4;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 0.02rem;
  min-height: 2px;
  background: #696f7a;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonIconSlide .SlidePattern .Line::after {
  content: "";
  display: block;
  width: 0%;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  height: 100%;
  background: #0070ba;
  -webkit-transition: all 0s;
  transition: all 0s;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonIconSlide .SlidePattern .Icon {
  width: 0.16rem;
  min-width: 16px;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border: 0.04rem solid #696f7a;
  position: relative;
  z-index: 5;
  margin: 0 auto;
  transition: all 0.5s;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonIconSlide .SlidePattern .Icon .I {
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: #272f3f;
  transition: all 0.5s;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonIconSlide .SlideText {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonIconSlide .SlideText .Number {
  color: #696f7a;
  width: 100%;
  text-align: center;
  padding: 0.1rem 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonIconSlide .SlideText .Icon {
  width: 0.88rem;
  height: 1.2rem;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
.Home.HomeProcess .ProcessButtonSwiper .ButtonIconSlide .SlideText .Icon::after {
  content: "";
  display: block;
  -webkit-transition: all 2s;
  transition: all 2s;
  width: 100%;
  height: 0;
  background: url(../images/Home28.png) center/cover no-repeat;
}
@media (max-width: 900px) {
  .Home.HomeProcess .ProcessImgSlide .SlideButtons {
    display: block;
    bottom: 10%;
  }
  .Home.HomeProcess .ProcessButtonSwiper {
    display: none;
  }
  .Home.HomeProcess .ProcessButtonSwiper .ButtonIconSwiper {
    display: none;
  }
  .Home.HomeProcess .ProcessButtonSwiper .ButtonTextSlide.Active .SlideBoard {
    height: 100%;
  }
  .Home.HomeProcess .ProcessButtonSwiper .ButtonTextSlide .SlideBoard {
    width: 100%;
    height: 100%;
  }
  .Home.HomeProcess .ProcessButtonSwiper .ButtonTextSlide .SlideIcon {
    display: block;
  }
}

.Home.HomeVideo {
  width: 100%;
  background: #fff;
  padding: 0.8rem 0;
}
.Home.HomeVideo .VideoScreen {
  width: 100%;
  position: relative;
  padding-top: 50%;
  z-index: 5;
}
.Home.HomeVideo .VideoPlayer {
  background: #000;
  -o-object-fit: fill;
     object-fit: fill;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.Home.HomeVideo .VideoButton.Show {
  display: inline-block;
}
.Home.HomeVideo .VideoButton {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.Home.HomeVideo .VideoButton .Button {
  padding: 0.18rem 0.42rem;
  background: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  border-radius: 0.25rem;
}
.Home.HomeVideo .VideoButton .Button::after {
  content: "";
  display: block;
  border-left: 0.13rem solid #fff;
  border-top: 0.09rem solid transparent;
  border-bottom: 0.09rem solid transparent;
}

.Home.HomeProve {
  width: 100%;
  padding: 0.8rem 0;
  background: #f7f8fa;
}
.Home.HomeProve .ProveTitle {
  width: 100%;
  color: #333;
  text-align: center;
  line-height: 1.3;
  font-weight: 500;
}
.Home.HomeProve .ProveSwiper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.6rem;
  position: relative;
  z-index: 5;
}
.Home.HomeProve .ProveImgSwiper {
  width: 62.5%;
}
.Home.HomeProve .ProveImgSlide.swiper-slide-active {
  z-index: 10;
}
.Home.HomeProve .ProveImgSlide.swiper-slide-active .SlideBoard {
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
  opacity: 1;
}
.Home.HomeProve .ProveImgSlide.swiper-slide-prev .SlideBoard {
  opacity: 0.6;
  -webkit-transform: translate3d(-30%, 0, -1.3rem) rotateY(45deg) !important;
          transform: translate3d(-30%, 0, -1.3rem) rotateY(45deg) !important;
}
.Home.HomeProve .ProveImgSlide.swiper-slide-next .SlideBoard {
  opacity: 0.6;
  -webkit-transform: translate3d(30%, 0, -1.3rem) rotateY(-45deg) !important;
          transform: translate3d(30%, 0, -1.3rem) rotateY(-45deg) !important;
}
.Home.HomeProve .ProveImgSlide .SlideBoard {
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeProve .ProveImgSlide .SlideImg {
  width: 100%;
}
.Home.HomeProve .ProveImgSlide .SlideImg .Img {
  width: 100%;
}
.Home.HomeProve .ProveImgSlide .SlideImg img {
  width: 100%;
  height: auto;
}
.Home.HomeProve .ProveImgSlide .SlideText {
  width: 100%;
  padding: 20px 0;
  display: none;
}
.Home.HomeProve .ProveImgSlide .SlideText .Text {
  width: 100%;
  text-align: center;
  color: #999;
  line-height: 1.3;
}
.Home.HomeProve .ProveTextSwiper {
  width: 36%;
}
.Home.HomeProve .ProveTextSwiper .TextSwiper {
  width: 100%;
  height: 3rem;
  margin: 0.1rem 0;
}
.Home.HomeProve .ProveTextSwiper .swiper-container {
  width: 100%;
  height: 100%;
}
.Home.HomeProve .ProveTextSwiper .TextButtons {
  width: 100%;
}
.Home.HomeProve .ProveTextSwiper .TextButtons .PrevButton, .Home.HomeProve .ProveTextSwiper .TextButtons .NextButton {
  width: 0.52rem;
  min-width: 36px;
  background: #eee;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeProve .ProveTextSwiper .TextButtons .PrevButton:hover, .Home.HomeProve .ProveTextSwiper .TextButtons .NextButton:hover {
  background: #0070ba;
}
.Home.HomeProve .ProveTextSwiper .TextButtons .PrevButton:hover::after, .Home.HomeProve .ProveTextSwiper .TextButtons .NextButton:hover::after {
  background-image: url(../images/arrow2.png);
}
.Home.HomeProve .ProveTextSwiper .TextButtons .PrevButton::after, .Home.HomeProve .ProveTextSwiper .TextButtons .NextButton::after {
  content: "";
  width: 100%;
  display: block;
  padding-top: 100%;
  background: url(../images/arrow3.png) center/50% no-repeat;
}
.Home.HomeProve .ProveTextSwiper .TextButtons .NextButton {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.Home.HomeProve .ProveTextSwiper .TextButtons .PrevButton {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.Home.HomeProve .ProveTextSlide.Active .SlideText {
  background: #0070ba;
  border-radius: 0.1rem;
}
.Home.HomeProve .ProveTextSlide.Active .SlideText .Text {
  color: #fff;
}
.Home.HomeProve .ProveTextSlide .SlideText {
  width: 100%;
  padding: 0.18rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.Home.HomeProve .ProveTextSlide .SlideText .Text {
  width: 100%;
  text-align: center;
  color: #999;
  line-height: 1.3;
}
@media (max-width: 1200px) {
  .Home.HomeProve .ProveImgSwiper {
    width: 100%;
  }
  .Home.HomeProve .ProveImgSlide .SlideText {
    display: block;
  }
  .Home.HomeProve .ProveTextSwiper {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 10px;
  }
  .Home.HomeProve .ProveTextSwiper .TextButtons {
    width: auto;
  }
  .Home.HomeProve .ProveTextSwiper .TextButtons .NextButton {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .Home.HomeProve .ProveTextSwiper .TextButtons .PrevButton {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  .Home.HomeProve .ProveTextSwiper .TextSwiper {
    display: none;
  }
}
@media (max-width: 750px) {
  .Home.HomeProve .ProveImgSlide.swiper-slide-active {
    z-index: 10;
  }
  .Home.HomeProve .ProveImgSlide.swiper-slide-active .SlideImg {
    -webkit-transform: none !important;
            transform: none !important;
  }
  .Home.HomeProve .ProveImgSlide.swiper-slide-prev .SlideImg {
    -webkit-transform: none !important;
            transform: none !important;
  }
  .Home.HomeProve .ProveImgSlide.swiper-slide-next .SlideImg {
    -webkit-transform: none !important;
            transform: none !important;
  }
  .Home.HomeProve .ProveImgSlide .SlideImg {
    width: 64%;
    margin: 0 auto;
  }
}

.Home.HomeAnswer {
  width: 100%;
  padding: 0.8rem 0;
  background: #fff;
  overflow: hidden;
}
.Home.HomeAnswer .AnswerTitle {
  width: 100%;
  color: #333;
  text-align: center;
  line-height: 1.3;
  font-weight: 500;
}
.Home.HomeAnswer .AnswerContent {
  width: 100%;
  padding: 0 1.6rem;
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Home.HomeAnswer .AnswerContent::before {
  content: "";
  display: block;
  width: 0.3rem;
  background: #0070ba;
  border-radius: 0.1rem 0 0 0.1rem;
}
.Home.HomeAnswer .AnswerList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem 0;
}
.Home.HomeAnswer .AnswerItem {
  width: 28%;
  display: block;
  background: #fff;
  -webkit-box-shadow: 0 0 0.12rem 0 rgba(0, 112, 186, 0.15);
          box-shadow: 0 0 0.12rem 0 rgba(0, 112, 186, 0.15);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeAnswer .AnswerItem:hover {
  background: rgba(0, 112, 186, 0.75);
}
.Home.HomeAnswer .AnswerItem:hover .ItemImg .Img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.Home.HomeAnswer .AnswerItem:hover .ItemTime .M {
  color: #fff;
}
.Home.HomeAnswer .AnswerItem:hover .ItemTime .Y {
  color: #fff;
}
.Home.HomeAnswer .AnswerItem:hover .ItemTitle {
  color: #fff;
}
.Home.HomeAnswer .AnswerItem:hover .ItemRemark {
  color: #fff;
}
.Home.HomeAnswer .AnswerItem:hover .ItemRemark p {
  color: #fff;
}
.Home.HomeAnswer .AnswerItem:hover .ItemButton .Text {
  color: #0070ba;
  background: #fff;
}
.Home.HomeAnswer .AnswerItem .ItemBoard {
  width: 100%;
  padding: 0.72rem 0;
  padding-left: 0.4rem;
}
.Home.HomeAnswer .AnswerItem .ItemImg {
  width: 100%;
  overflow: hidden;
}
.Home.HomeAnswer .AnswerItem .ItemImg .Img {
  width: 100%;
  padding-top: 53.5%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeAnswer .AnswerItem .ItemImg img {
  display: none;
}
.Home.HomeAnswer .AnswerItem .ItemText {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 0.6rem;
  padding-right: 0.4rem;
}
.Home.HomeAnswer .AnswerItem .ItemTime {
  width: auto;
  text-align: center;
  padding: 0.1rem;
  border: 0.01rem solid rgba(0, 0, 0, 0.1);
  border-radius: 0.04rem;
}
.Home.HomeAnswer .AnswerItem .ItemTime .M {
  color: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-weight: 500;
}
.Home.HomeAnswer .AnswerItem .ItemTime .Y {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #333;
}
.Home.HomeAnswer .AnswerItem .ItemInfo {
  margin-left: 0.3rem;
  width: 100%;
}
.Home.HomeAnswer .AnswerItem .ItemTitle {
  width: 100%;
  color: #333;
  font-weight: 500;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 1.3;
}
.Home.HomeAnswer .AnswerItem .ItemRemark {
  width: 100%;
  color: #999;
  line-height: 1.5;
  padding-top: 0.15rem;
  border-top: 0.01rem solid rgba(0, 0, 0, 0.1);
  margin-top: 0.06rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeAnswer .AnswerItem .ItemRemark p {
  color: #999;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 1.5;
}
.Home.HomeAnswer .AnswerItem .ItemButtons {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  padding-right: 0.4rem;
  display: none;
}
.Home.HomeAnswer .AnswerItem .ItemButton {
  display: inline-block;
}
.Home.HomeAnswer .AnswerItem .ItemButton .Text {
  width: auto;
  padding: 0.08rem 0.2rem;
  color: #999;
  border-radius: 0.25rem;
  white-space: nowrap;
  border: 0.01rem solid #999;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1920px) {
  .Home.HomeAnswer .AnswerItem .ItemButton .Text {
    border-radius: 25px;
  }
}
.Home.HomeAnswer .AnswerButtons {
  width: 100%;
  text-align: center;
}
.Home.HomeAnswer .AnswerButton {
  display: inline-block;
}
.Home.HomeAnswer .AnswerButton:hover .Text {
  color: #fff;
  background: #0070ba;
  border-color: #0070ba;
}
.Home.HomeAnswer .AnswerButton .Text {
  width: auto;
  padding: 0.16rem 0.64rem;
  color: #999;
  border-radius: 0.25rem;
  white-space: nowrap;
  border: 0.01rem solid #999;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1920px) {
  .Home.HomeAnswer .AnswerButton .Text {
    border-radius: 25px;
  }
}
@media (max-width: 1200px) {
  .Home.HomeAnswer .AnswerContent {
    padding: 0 10px;
  }
}
@media (max-width: 900px) {
  .Home.HomeAnswer .AnswerItem {
    width: 31%;
  }
}
@media (max-width: 650px) {
  .Home.HomeAnswer .AnswerList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Home.HomeAnswer .AnswerItem {
    width: 100%;
    margin-top: 20px;
  }
  .Home.HomeAnswer .AnswerItem:first-of-type {
    margin-top: 0;
  }
  .Home.HomeAnswer .AnswerItem .ItemButtons {
    display: block;
  }
  .Home.HomeAnswer .AnswerButtons {
    display: none;
  }
}

/* 应用 */
.Case.CaseCrumb .Container {
  width: 16.4rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .Case.CaseCrumb .Container {
    width: 100%;
    padding: 0 20px;
  }
}

.Case.CaseContent {
  width: 100%;
  background: #fff;
  position: relative;
  z-index: 5;
  padding-bottom: 1rem;
}
.Case.CaseContent .Container {
  width: 16.4rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .Case.CaseContent .Container {
    width: 100%;
    padding: 0 20px;
  }
}

.Case.CaseBoard {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}
@media (max-width: 900px) {
  .Case.CaseBoard {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.Case.CaseTabs {
  width: 23.3%;
  padding: 0 0.34rem;
}
.Case.CaseTabs .TabList {
  width: 100%;
  padding: 0.4rem 0;
  background: #ffffff;
  -webkit-box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
          box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
}
.Case.CaseTabs .TabItem.In {
  background: #0070ba;
  border-radius: 0.1rem;
}
.Case.CaseTabs .TabItem.In .ItemText {
  color: #fff;
}
.Case.CaseTabs .TabItem {
  width: calc(100% + 0.68rem);
  display: block;
  padding: 0.16rem;
  text-align: center;
  margin-top: 0.26rem;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Case.CaseTabs .TabItem:hover {
  background: #0070ba;
  border-radius: 0.1rem;
}
.Case.CaseTabs .TabItem:hover .ItemText {
  color: #fff;
}
.Case.CaseTabs .TabItem:first-of-type {
  margin-top: 0;
}
.Case.CaseTabs .TabItem .ItemText {
  color: #999;
  line-height: 1.4;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 900px) {
  .Case.CaseTabs {
    padding: 0;
  }
  .Case.CaseTabs .TabItem {
    width: 100%;
    margin-top: 0;
  }
}
@media (max-width: 750px) {
  .Case.CaseTabs {
    width: 100%;
  }
  .Case.CaseTabs .TabList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
  }
  .Case.CaseTabs .TabItem {
    width: 33.3333333333%;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
}

.Case.CaseList {
  width: 73%;
}
@media (max-width: 750px) {
  .Case.CaseList {
    width: 100%;
    margin-top: 20px;
  }
}

.Case.CaseItem.Open .ItemMask {
  opacity: 0;
  z-index: -1;
}
.Case.CaseItem.Open .ItemImg .Img {
  padding-top: 43.8016528926%;
}
.Case.CaseItem.Open .ItemText {
  display: block;
}

.Case.CaseItem {
  display: block;
  width: 100%;
  margin-top: 0.6rem;
  position: relative;
  z-index: 5;
}
.Case.CaseItem:first-of-type {
  margin-top: 0;
}
.Case.CaseItem .ItemContent {
  width: 100%;
}
.Case.CaseItem .ItemImg {
  width: 100%;
  border-radius: 0.3rem;
  overflow: hidden;
}
.Case.CaseItem .ItemImg .Img {
  width: 100%;
  padding-top: 14.8760330579%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Case.CaseItem .ItemImg img {
  display: none;
}
.Case.CaseItem .ItemText {
  width: 100%;
  padding: 0.46rem 0.7rem;
  padding-bottom: 0;
  display: none;
}
.Case.CaseItem .ItemTitle {
  width: 100%;
  color: #0070ba;
  line-height: 1.2;
}
.Case.CaseItem .ItemRemark {
  width: 100%;
  color: #999;
  margin-top: 0.2rem;
  line-height: 1.5;
}
.Case.CaseItem .ItemRemark p {
  color: #999;
  line-height: 1.5;
}
.Case.CaseItem .ItemMask {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Case.CaseItem .ItemName {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.2;
}
.Case.CaseItem .ItemButton {
  display: inline-block;
  margin-top: 0.1rem;
  cursor: pointer;
}
.Case.CaseItem .ItemButton:hover .Text {
  color: #0070ba;
  background: #fff;
}
.Case.CaseItem .ItemButton .Text {
  width: auto;
  padding: 0.12rem 0.25rem;
  color: #fff;
  white-space: nowrap;
  border: 0.01rem solid #fff;
  border-radius: 0.25rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1920px) {
  .Case.CaseItem .ItemButton .Text {
    border-radius: 25px;
  }
}
@media (max-width: 750px) {
  .Case.CaseItem .ItemImg .Img {
    padding: 0;
    height: 100px;
  }
}

.Case.CaseBanner {
  width: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.Case.CaseBanner .BannerImg {
  width: 100%;
}
.Case.CaseBanner .BannerImg .Img {
  width: 100%;
  padding-top: 34.7395833333%;
}
.Case.CaseBanner .BannerImg img {
  display: none;
}
.Case.CaseBanner .BannerText {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 1.6rem;
  background: url(../images/Case3.png) center/cover no-repeat;
}
.Case.CaseBanner .BannerTitle {
  width: 100%;
  color: #000;
  line-height: 1.3;
}
.Case.CaseBanner .BannerRemark {
  width: 100%;
  color: #000;
  line-height: 1.5;
  margin-top: 0.2rem;
}
.Case.CaseBanner .BannerRemark p {
  color: #000;
  line-height: 1.5;
}
@media (max-width: 1200px) {
  .Case.CaseBanner .BannerImg {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 4;
  }
  .Case.CaseBanner .BannerImg .Img {
    padding-top: 0;
    height: 100%;
  }
  .Case.CaseBanner .BannerText {
    width: 100%;
    padding: 1.6rem 10px;
    position: relative;
  }
}

.Case.CaseDetail {
  width: 100%;
  background: #fff;
  padding-top: 1rem;
}
.Case.CaseDetail .DetailInfo {
  width: 100%;
}
.Case.CaseDetail .DetailInfo .Container {
  overflow: hidden;
}
.Case.CaseDetail .DetailInfo .InfoTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Case.CaseDetail .DetailInfo .InfoTitle::before {
  content: "";
  display: block;
  width: 0.04rem;
  min-width: 4px;
  height: 0.18rem;
  min-height: 18px;
  background: #0070ba;
}
.Case.CaseDetail .DetailInfo .InfoTitle .Title {
  color: #333;
  line-height: 1.3;
  font-weight: 500;
  margin-left: 0.1rem;
}
.Case.CaseDetail .DetailInfo .InfoContent {
  width: 100%;
}
.Case.CaseDetail .DetailInfo .InfoData {
  width: 100%;
}
.Case.CaseDetail .DetailInfo .InfoData .DataList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.2rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 0.2rem;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemIcon {
  position: relative;
  z-index: 5;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemIcon::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 0.13rem;
  height: 0.13rem;
  min-width: 12px;
  min-height: 12px;
  background: #0070ba;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemIcon::after {
  content: "点";
  color: transparent;
  line-height: 1.3;
  font-weight: 500;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemText {
  width: 100%;
  margin-left: 0.1rem;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemTitle {
  width: 100%;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemTitle .Title {
  color: #333;
  width: 100%;
  font-weight: 500;
  line-height: 1.3;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemRemark {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-top: 0.1rem;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemRemark p {
  color: #333;
  line-height: 1.5;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemButton {
  display: inline-block;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemButton:hover .ButtonBoard {
  background: #fff;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemButton:hover .ButtonIcon {
  background: #0070ba;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow2.png);
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemButton:hover .ButtonText {
  color: #0070ba;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.12rem 0.25rem;
  border-radius: 0.25rem;
  background: #0070ba;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border: 0.01rem solid #0070ba;
}
@media (max-width: 1920px) {
  .Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemButton .ButtonBoard {
    border-radius: 25px;
  }
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemButton .ButtonText {
  color: #fff;
  line-height: 1.1;
  white-space: nowrap;
  padding: 0 0.05rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemButton .ButtonIcon {
  width: 0.26rem;
  border-radius: 50%;
  background: #fff;
  margin-left: 0.45rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/50% no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemImg {
  width: 67%;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemImg .Img {
  width: 100%;
  padding-top: 60%;
}
.Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemImg img {
  display: none;
}
@media (max-width: 1200px) {
  .Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemImg {
    width: 100%;
  }
}
@media (max-width: 750px) {
  .Case.CaseDetail .DetailInfo .InfoData .DataItem {
    width: 100%;
  }
  .Case.CaseDetail .DetailInfo .InfoData .DataItem .ItemButton {
    margin-bottom: 0.4rem;
  }
}
.Case.CaseDetail .DetailTable {
  width: 100%;
  margin-top: 0.4rem;
}
.Case.CaseDetail .DetailTable .Container {
  overflow: hidden;
}
.Case.CaseDetail .DetailTable .TableTabs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Case.CaseDetail .DetailTable .TableTab.In {
  border-color: #0070ba;
  background: #0070ba;
  color: #fff;
}
.Case.CaseDetail .DetailTable .TableTab {
  display: inline-block;
  width: 26.8%;
  color: #333;
  line-height: 1.3;
  font-weight: 500;
  margin-right: 2%;
  padding: 0.14rem 0;
  border-radius: 0.1rem;
  border: 0.01rem solid #dedede;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  white-space: nowrap;
}
.Case.CaseDetail .DetailTable .TableTab:hover {
  border-color: #0070ba;
  background: #0070ba;
  color: #fff;
}
.Case.CaseDetail .DetailTable .TableTab:last-of-type {
  margin-right: 0;
}
.Case.CaseDetail .DetailTable .TableTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.6rem;
}
.Case.CaseDetail .DetailTable .TableTitle::before {
  content: "";
  display: block;
  width: 0.04rem;
  min-width: 4px;
  height: 0.18rem;
  min-height: 18px;
  background: #0070ba;
}
.Case.CaseDetail .DetailTable .TableTitle .Title {
  color: #333;
  line-height: 1.3;
  font-weight: 500;
  margin-left: 0.1rem;
}
.Case.CaseDetail .DetailTable .TableContent {
  width: 100%;
}
.Case.CaseDetail .DetailTable .TableContent .Content {
  width: 100%;
  display: none;
}
.Case.CaseDetail .DetailTable .TableContent .Content.Show {
  display: block;
}
.Case.CaseDetail .DetailTable .TableContent .Table {
  width: 100%;
  margin-top: 0.3rem;
  overflow-x: auto;
}
.Case.CaseDetail .DetailTable .TableContent table {
  width: 100%;
  min-width: 960px;
  border: none;
  text-align: center;
}
.Case.CaseDetail .DetailTable .TableContent table thead {
  width: 100%;
}
.Case.CaseDetail .DetailTable .TableContent table thead td, .Case.CaseDetail .DetailTable .TableContent table thead th {
  padding: 0.18rem 0.1rem;
  color: #fff;
}
.Case.CaseDetail .DetailTable .TableContent table thead tr {
  background: #0070ba;
}
.Case.CaseDetail .DetailTable .TableContent table tbody {
  width: 100%;
}
.Case.CaseDetail .DetailTable .TableContent table tbody td {
  padding: 0.14rem 0.1rem;
  color: #333;
}
.Case.CaseDetail .DetailTable .TableContent table tbody tr:nth-child(odd) {
  background: #cee6fc;
}
.Case.CaseDetail .DetailTable .TableContent table tbody tr:nth-child(odd) {
  background: #ecf6ff;
}
.Case.CaseDetail .DetailTable .TableContent table tr {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Case.CaseDetail .DetailTable .TableContent table tr:last-child {
  border-bottom: 0.01rem solid #dedede;
}
.Case.CaseDetail .DetailTable .TableContent table td {
  line-height: 1.5;
  border: 0.01rem solid transparent;
  border-left-color: #dedede;
  border-bottom-color: #dedede;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Case.CaseDetail .DetailTable .TableContent table td:last-child {
  border-right-color: #dedede;
}
.Case.CaseDetail .DetailTable .TableContent table td:nth-child(1) {
  width: 23%;
}
.Case.CaseDetail .DetailTable .TableContent table td:nth-child(2) {
  width: 8%;
}
.Case.CaseDetail .DetailTable .TableContent table td:nth-child(3) {
  width: 8%;
}
.Case.CaseDetail .DetailTable .TableContent table td:nth-child(4) {
  width: 9%;
}
.Case.CaseDetail .DetailTable .TableContent table td:nth-child(5) {
  width: 10%;
}
.Case.CaseDetail .DetailTable .TableContent table td:nth-child(6) {
  width: 10%;
}
.Case.CaseDetail .DetailTable .TableContent table td:nth-child(7) {
  width: 8.5%;
}
.Case.CaseDetail .DetailTable .TableContent table td:nth-child(8) {
  width: 13.5%;
}
.Case.CaseDetail .DetailTable .TableContent table td:nth-child(9) {
  width: 10%;
}
@media (max-width: 750px) {
  .Case.CaseDetail .DetailTable .TableTabs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Case.CaseDetail .DetailTable .TableTab {
    width: 100%;
    margin-right: 0;
    margin-top: 10px;
  }
}
.Case.CaseDetail .DetailContact {
  width: 100%;
  margin-top: 0.56rem;
}
.Case.CaseDetail .DetailContact .Container {
  overflow: hidden;
}
.Case.CaseDetail .DetailContact .ContactTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Case.CaseDetail .DetailContact .ContactTitle::before {
  content: "";
  display: block;
  width: 0.04rem;
  height: 0.18rem;
  min-width: 4px;
  min-height: 18px;
  background: #0070ba;
  margin-right: 0.1rem;
}
.Case.CaseDetail .DetailContact .ContactTitle .Title {
  color: #333;
  line-height: 1.2;
  font-weight: 500;
}
.Case.CaseDetail .DetailContact .ContactForm {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.3rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Case.CaseDetail .DetailContact .ContactForm .FormInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.06rem;
  border: 0.01rem solid #dedede;
  margin-top: 1.5%;
  margin-right: 1.5%;
}
.Case.CaseDetail .DetailContact .ContactForm .FormInput .Icon {
  width: auto;
  margin-left: 0.2rem;
}
.Case.CaseDetail .DetailContact .ContactForm .FormInput .Icon .I {
  width: 0.14rem;
  min-width: 12px;
  height: 0.14rem;
  min-height: 12px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.Case.CaseDetail .DetailContact .ContactForm .FormInput .Icon img {
  display: none;
}
.Case.CaseDetail .DetailContact .ContactForm .FormInput .Input {
  width: 100%;
  height: 0.46rem;
  min-height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Case.CaseDetail .DetailContact .ContactForm .FormInput .Input input {
  border: none;
  width: 100%;
  padding-left: 0.1rem;
  padding-right: 0.2rem;
  height: 100%;
  background-color: transparent;
}
.Case.CaseDetail .DetailContact .ContactForm .FormInput .Input img {
  width: 20%;
  height: 100%;
}
.Case.CaseDetail .DetailContact .ContactForm .FormInput.P1 {
  width: 54.5%;
}
.Case.CaseDetail .DetailContact .ContactForm .FormInput.P2 {
  width: 32.5%;
}
.Case.CaseDetail .DetailContact .ContactForm .FormInput.P3 {
  width: 32.3333333333%;
}
.Case.CaseDetail .DetailContact .ContactForm .FormInput.MR0 {
  margin-right: 0;
}
.Case.CaseDetail .DetailContact .ContactForm .FormButtons {
  width: 10%;
  margin-top: 1.5%;
}
.Case.CaseDetail .DetailContact .ContactForm .FormButtons .Button {
  width: 100%;
  display: inline-block;
}
.Case.CaseDetail .DetailContact .ContactForm .FormButtons button {
  width: 100%;
  border: none;
  background: #0070ba;
  border-radius: 0.06rem;
  color: #fff;
  height: 0.46rem;
  min-height: 42px;
  cursor: pointer;
  line-height: 1.3;
}
@media (max-width: 900px) {
  .Case.CaseDetail .DetailContact .ContactForm .FormInput {
    margin-right: 0;
  }
  .Case.CaseDetail .DetailContact .ContactForm .FormInput.P1 {
    width: 100%;
  }
  .Case.CaseDetail .DetailContact .ContactForm .FormInput.P2 {
    width: 100%;
  }
  .Case.CaseDetail .DetailContact .ContactForm .FormInput.P3 {
    width: 100%;
  }
  .Case.CaseDetail .DetailContact .ContactForm .FormButtons {
    width: 100%;
  }
}
.Case.CaseDetail .DetailProcess {
  width: 100%;
  margin-top: 0.56rem;
}
.Case.CaseDetail .DetailProcess .Container {
  overflow: hidden;
}
.Case.CaseDetail .DetailProcess .ProcessTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Case.CaseDetail .DetailProcess .ProcessTitle::before {
  content: "";
  display: block;
  width: 0.04rem;
  height: 0.18rem;
  min-width: 4px;
  min-height: 18px;
  background: #0070ba;
  margin-right: 0.1rem;
}
.Case.CaseDetail .DetailProcess .ProcessTitle .Title {
  color: #333;
  line-height: 1.2;
  font-weight: 500;
}
.Case.CaseDetail .DetailProcess .ProcessContent {
  width: 100%;
  margin-top: 0.48rem;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper {
  width: 100%;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSwiper {
  width: 100%;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide.Active .SlideBoard {
  background: #0070ba;
  height: auto;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide.Active .SlideIcon {
  display: block;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.1rem 0;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide .SlideBoard {
  width: 75%;
  height: 60%;
  padding: 0.2rem 0.1rem;
  margin: 0 auto;
  background: #ebebec;
  border-radius: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide .SlideIcon {
  width: auto;
  position: relative;
  z-index: 5;
  display: none;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide .SlideIcon .Number {
  color: #fff;
  opacity: 0.3;
  font-style: italic;
  font-weight: 700;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide .SlideIcon .Icon {
  width: 42.5%;
  padding-top: 47.5%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  bottom: 10%;
  z-index: 5;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide .SlideIcon .Icon img {
  display: none;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide .SlideText {
  width: 100%;
  text-align: center;
  color: #999;
  margin-top: 0.1rem;
  line-height: 1.3;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSwiper {
  width: 100%;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide.Active .SlidePattern .Icon {
  border-color: #0070ba;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide.Active .SlidePattern .Icon .I {
  background: #fff;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide.Active .SlideText .Number {
  display: none;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide.Active .SlideText .Icon::after {
  height: 100%;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide.Arrive .SlidePattern .Line::after {
  width: 100%;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlideBoard {
  width: 100%;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlidePattern {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlidePattern .Line {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 4;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 0.02rem;
  min-height: 2px;
  background: #ebebec;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlidePattern .Line::after {
  content: "";
  display: block;
  width: 0%;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  height: 100%;
  background: #0070ba;
  -webkit-transition: all 0s;
  transition: all 0s;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlidePattern .Icon {
  width: 0.16rem;
  min-width: 16px;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border: 0.04rem solid #ebebec;
  position: relative;
  z-index: 5;
  margin: 0 auto;
  transition: all 0.5s;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlidePattern .Icon .I {
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: #fff;
  transition: all 0.5s;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlideText {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlideText .Number {
  color: #999;
  width: 100%;
  text-align: center;
  padding: 0.1rem 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlideText .Icon {
  width: 0.88rem;
  height: 1.2rem;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
.Case.CaseDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlideText .Icon::after {
  content: "";
  display: block;
  -webkit-transition: all 2s;
  transition: all 2s;
  width: 100%;
  height: 0;
  background: url(../images/Home28.png) center/cover no-repeat;
}

/* 资料 */
.News.NewsCrumb .Container {
  width: 16.4rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .News.NewsCrumb .Container {
    width: 100%;
    padding: 0 20px;
  }
}

.News.NewsContent {
  width: 100%;
}
.News.NewsContent .Container {
  width: 16.4rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .News.NewsContent .Container {
    width: 100%;
    padding: 0 20px;
  }
}

.News.NewsList {
  width: 100%;
  padding-bottom: 1rem;
  overflow: hidden;
}

.News.NewsItem {
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
          box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
  margin-top: 0.3rem;
}
.News.NewsItem .ItemBoard {
  width: 100%;
  padding: 0.4rem 0.6rem;
}
.News.NewsItem .ItemTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.News.NewsItem .ItemTitle .Title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.News.NewsItem .ItemTitle .Title::before {
  content: "";
  display: block;
  width: 0.04rem;
  height: 0.18rem;
  min-width: 4px;
  min-height: 18px;
  background: #0070ba;
  margin-right: 0.1rem;
}
.News.NewsItem .ItemTitle .Title .Text {
  color: #333;
  line-height: 1.2;
  font-weight: 500;
}
.News.NewsItem .ItemTitle .Button {
  display: block;
  width: 0.29rem;
  min-width: 24px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsItem .ItemTitle .Button:hover {
  -webkit-transform: translateX(0.1rem);
          transform: translateX(0.1rem);
}
.News.NewsItem .ItemTitle .Button::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 37.9310344828%;
  background: url(../images/to1.png) center/cover no-repeat;
}
.News.NewsItem .ItemContent {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.3rem;
}
.News.NewsItem .ItemImg {
  width: 31.5%;
}
.News.NewsItem .ItemImg .Img {
  width: 100%;
  padding-top: 57.2916666667%;
  height: 100%;
}
.News.NewsItem .ItemImg img {
  display: none;
}
.News.NewsItem .ItemData {
  width: 69.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.News.NewsItem .ItemData .DatumInfo {
  width: 50%;
  padding-left: 1rem;
}
.News.NewsItem .ItemData .DatumInfo .InfoTitle {
  width: 100%;
  color: #333;
  line-height: 1.3;
  font-weight: 500;
}
.News.NewsItem .ItemData .DatumInfo .InfoContent {
  width: 100%;
}
.News.NewsItem .ItemData .DatumInfo .InfoList {
  width: 100%;
}
.News.NewsItem .ItemData .DatumInfo .InfoItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.2rem;
}
.News.NewsItem .ItemData .DatumInfo .InfoItem:hover .ItemName {
  color: #0070ba;
}
.News.NewsItem .ItemData .DatumInfo .InfoItem .ItemName {
  color: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 1.3;
}
.News.NewsItem .ItemData .DatumInfo .InfoItem .ItemTime {
  color: #999;
  line-height: 1.3;
  white-space: nowrap;
  margin-left: 0.1rem;
}
@media (max-width: 900px) {
  .News.NewsItem .ItemContent {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .News.NewsItem .ItemImg {
    width: 100%;
  }
  .News.NewsItem .ItemData {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .News.NewsItem .ItemData .DatumInfo {
    margin-top: 20px;
    width: 100%;
    padding: 0;
  }
  .News.NewsItem .ItemData .DatumInfo .InfoList > :nth-child(3) ~ * {
    display: none;
  }
}

.News.NewsDetail {
  width: 100%;
  padding-bottom: 1rem;
}
.News.NewsDetail .DetailArticle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 0.56rem;
  border-bottom: 0.01rem solid #d1d1d1;
  border-top: 0.01rem solid transparent;
}
.News.NewsDetail .DetailArticle .ArticleMain {
  width: 68.3%;
}
.News.NewsDetail .DetailArticle .ArticleTitle {
  width: 100%;
}
.News.NewsDetail .DetailArticle .ArticleTitle .Title {
  width: 100%;
  color: #000;
  line-height: 1.3;
  font-weight: 700;
}
.News.NewsDetail .DetailArticle .ArticleTitle .Infos {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.48rem;
}
.News.NewsDetail .DetailArticle .ArticleTitle .Info {
  color: #999;
  line-height: 1.4;
}
.News.NewsDetail .DetailArticle .ArticleTitle .sign {
  width: 0.01rem;
  height: 0.2rem;
  min-width: 1px;
  min-height: 20px;
  background: #d1d1d1;
  margin: 0 0.48rem;
}
.News.NewsDetail .DetailArticle .ArticleContent {
  width: 100%;
  padding: 0.32rem 0;
  margin: 0.1rem 0;
  border-top: 0.01rem solid #d1d1d1;
  border-bottom: 0.01rem solid transparent;
}
.News.NewsDetail .DetailArticle .ArticleContent .Table {
  width: 100%;
  margin-top: 0.3rem;
  overflow-x: auto;
}
.News.NewsDetail .DetailArticle .ArticleContent table {
  width: 100%;
  min-width: 960px;
  border: none;
  text-align: center;
}
.News.NewsDetail .DetailArticle .ArticleContent table thead {
  width: 100%;
}
.News.NewsDetail .DetailArticle .ArticleContent table thead td {
  padding: 0.18rem 0.1rem;
  color: #fff;
}
.News.NewsDetail .DetailArticle .ArticleContent table thead tr {
  background: #0070ba;
}
.News.NewsDetail .DetailArticle .ArticleContent table tbody {
  width: 100%;
}
.News.NewsDetail .DetailArticle .ArticleContent table tbody td {
  padding: 0.14rem 0.1rem;
  color: #333;
}
.News.NewsDetail .DetailArticle .ArticleContent table tbody tr:nth-child(odd) {
  background: #cee6fc;
}
.News.NewsDetail .DetailArticle .ArticleContent table tbody tr:nth-child(odd) {
  background: #ecf6ff;
}
.News.NewsDetail .DetailArticle .ArticleContent table tr {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.News.NewsDetail .DetailArticle .ArticleContent table tr:last-child {
  border-bottom: 0.01rem solid #dedede;
}
.News.NewsDetail .DetailArticle .ArticleContent table td {
  line-height: 1.5;
  border: 0.01rem solid transparent;
  border-left-color: #dedede;
  border-bottom-color: #dedede;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.News.NewsDetail .DetailArticle .ArticleContent table td:last-child {
  border-right-color: #dedede;
}
.News.NewsDetail .DetailArticle .ArticleContent table td:nth-child(1) {
  width: 42%;
}
.News.NewsDetail .DetailArticle .ArticleContent table td:nth-child(2) {
  width: 32%;
}
.News.NewsDetail .DetailArticle .ArticleContent table td:nth-child(3) {
  width: 28%;
}
.News.NewsDetail .DetailArticle .ArticleContent img {
  display: block;
  margin: 0 auto;
}
.News.NewsDetail .DetailArticle .ArticleContent a {
  color: #0070ba;
  text-decoration: underline;
}
.News.NewsDetail .DetailArticle .ArticleControl {
  width: 100%;
}
.News.NewsDetail .DetailArticle .ArticleButtons {
  width: 100%;
}
.News.NewsDetail .DetailArticle .ArticleButtons .PrevButton, .News.NewsDetail .DetailArticle .ArticleButtons .NextButton {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.1rem 0;
}
.News.NewsDetail .DetailArticle .ArticleButtons .PrevButton .Button, .News.NewsDetail .DetailArticle .ArticleButtons .NextButton .Button {
  color: #fff;
  line-height: 1.2;
  padding: 0.16rem 0.42rem;
  background: #0070ba;
  border-radius: 0.1rem;
}
.News.NewsDetail .DetailArticle .ArticleButtons .PrevButton .Text, .News.NewsDetail .DetailArticle .ArticleButtons .NextButton .Text {
  color: #999;
  line-height: 1.3;
  padding: 0 0.2rem;
}
.News.NewsDetail .DetailArticle .ArticleShare {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.3rem;
}
.News.NewsDetail .DetailArticle .ArticleShare .ShareText {
  width: auto;
  color: #999;
  white-space: nowrap;
  line-height: 1.2;
}
.News.NewsDetail .DetailArticle .ArticleShare .ShareLinks {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.News.NewsDetail .DetailArticle .ArticleShare .ShareLinks .Link {
  display: block;
  width: 0.4rem;
  min-width: 36px;
  height: 0.4rem;
  min-height: 36px;
  position: relative;
  z-index: 5;
  background: rgba(153, 153, 153, 0.6);
  border-radius: 50%;
  margin-left: 0.1rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsDetail .DetailArticle .ArticleShare .ShareLinks .Link:hover {
  background: #fff;
  -webkit-box-shadow: 0 0.02rem 0.2rem 0 rgba(0, 72, 119, 0.1);
          box-shadow: 0 0.02rem 0.2rem 0 rgba(0, 72, 119, 0.1);
}
.News.NewsDetail .DetailArticle .ArticleShare .ShareLinks .Link:hover .C {
  opacity: 1;
}
.News.NewsDetail .DetailArticle .ArticleShare .ShareLinks .Link:hover .D {
  opacity: 0;
}
.News.NewsDetail .DetailArticle .ArticleShare .ShareLinks .Link .C, .News.NewsDetail .DetailArticle .ArticleShare .ShareLinks .Link .D {
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 5;
  left: 0;
  top: 0;
}
.News.NewsDetail .DetailArticle .ArticleShare .ShareLinks .Link .C {
  opacity: 0;
}
.News.NewsDetail .DetailArticle .ArticleShare .ShareLinks .Link .D {
  opacity: 1;
}
.News.NewsDetail .DetailArticle .ArticleLabel {
  width: 100%;
  margin-top: 0.3rem;
}
.News.NewsDetail .DetailArticle .ArticleLabel .LabelText {
  width: auto;
  color: #999;
  white-space: nowrap;
  line-height: 1.2;
}
.News.NewsDetail .DetailArticle .ArticleAside {
  width: 24.4%;
}
.News.NewsDetail .DetailArticle .ArticleOther {
  width: 100%;
}
.News.NewsDetail .DetailArticle .ArticleOther .OtherList {
  width: 100%;
}
.News.NewsDetail .DetailArticle .ArticleOther .OtherItem {
  width: 100%;
  display: block;
  margin-top: 0.4rem;
}
.News.NewsDetail .DetailArticle .ArticleOther .OtherItem:first-child {
  margin-top: 0;
}
.News.NewsDetail .DetailArticle .ArticleOther .OtherItem:hover .ItemImg .Img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.News.NewsDetail .DetailArticle .ArticleOther .OtherItem .ItemImg {
  width: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
}
.News.NewsDetail .DetailArticle .ArticleOther .OtherItem .ItemImg .Img {
  width: 100%;
  padding-top: 127.5%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsDetail .DetailArticle .ArticleOther .OtherItem .ItemImg img {
  display: none;
}
@media (max-width: 900px) {
  .News.NewsDetail .DetailArticle .ArticleTitle .Infos {
    margin-top: 0.32rem;
  }
  .News.NewsDetail .DetailArticle .ArticleButtons .PrevButton .Text, .News.NewsDetail .DetailArticle .ArticleButtons .NextButton .Text {
    width: 100%;
  }
}
@media (max-width: 750px) {
  .News.NewsDetail .DetailArticle {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .News.NewsDetail .DetailArticle .ArticleTitle .Infos {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .News.NewsDetail .DetailArticle .ArticleTitle .Info {
    width: 100%;
    line-height: 1.5;
  }
  .News.NewsDetail .DetailArticle .ArticleTitle .sign {
    display: none;
  }
  .News.NewsDetail .DetailArticle .ArticleMain {
    width: 100%;
  }
  .News.NewsDetail .DetailArticle .ArticleButtons .PrevButton, .News.NewsDetail .DetailArticle .ArticleButtons .NextButton {
    width: 100%;
  }
  .News.NewsDetail .DetailArticle .ArticleButtons .NextButton {
    margin-top: 10px;
  }
  .News.NewsDetail .DetailArticle .ArticleAside {
    width: 100%;
    margin-top: 20px;
  }
  .News.NewsDetail .DetailArticle .ArticleOther .OtherList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .News.NewsDetail .DetailArticle .ArticleOther .OtherItem {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    margin-top: 0;
  }
  .News.NewsDetail .DetailArticle .ArticleOther .OtherItem:nth-child(3n) {
    margin-right: 0;
  }
}
.News.NewsDetail .DetailContact {
  width: 100%;
  margin-top: 0.56rem;
  overflow: hidden;
}
.News.NewsDetail .DetailContact .ContactTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.News.NewsDetail .DetailContact .ContactTitle::before {
  content: "";
  display: block;
  width: 0.04rem;
  height: 0.18rem;
  min-width: 4px;
  min-height: 18px;
  background: #0070ba;
  margin-right: 0.1rem;
}
.News.NewsDetail .DetailContact .ContactTitle .Title {
  color: #333;
  line-height: 1.2;
  font-weight: 500;
}
.News.NewsDetail .DetailContact .ContactForm {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.3rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.News.NewsDetail .DetailContact .ContactForm .FormInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.06rem;
  border: 0.01rem solid #dedede;
  margin-top: 1.5%;
  margin-right: 1.5%;
}
.News.NewsDetail .DetailContact .ContactForm .FormInput .Icon {
  width: auto;
  margin-left: 0.2rem;
}
.News.NewsDetail .DetailContact .ContactForm .FormInput .Icon .I {
  width: 0.14rem;
  min-width: 12px;
  height: 0.14rem;
  min-height: 12px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.News.NewsDetail .DetailContact .ContactForm .FormInput .Icon img {
  display: none;
}
.News.NewsDetail .DetailContact .ContactForm .FormInput .Input {
  width: 100%;
  height: 0.46rem;
  min-height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.News.NewsDetail .DetailContact .ContactForm .FormInput .Input input {
  border: none;
  width: 100%;
  padding-left: 0.1rem;
  padding-right: 0.2rem;
  height: 100%;
  background-color: transparent;
}
.News.NewsDetail .DetailContact .ContactForm .FormInput .Input img {
  width: 20%;
  height: 100%;
}
.News.NewsDetail .DetailContact .ContactForm .FormInput.P1 {
  width: 54.5%;
}
.News.NewsDetail .DetailContact .ContactForm .FormInput.P2 {
  width: 32.5%;
}
.News.NewsDetail .DetailContact .ContactForm .FormInput.P3 {
  width: 32.3333333333%;
}
.News.NewsDetail .DetailContact .ContactForm .FormInput.MR0 {
  margin-right: 0;
}
.News.NewsDetail .DetailContact .ContactForm .FormButtons {
  width: 10%;
  margin-top: 1.5%;
}
.News.NewsDetail .DetailContact .ContactForm .FormButtons .Button {
  width: 100%;
  display: inline-block;
}
.News.NewsDetail .DetailContact .ContactForm .FormButtons button {
  width: 100%;
  border: none;
  background: #0070ba;
  border-radius: 0.06rem;
  color: #fff;
  height: 0.46rem;
  min-height: 42px;
  cursor: pointer;
  line-height: 1.3;
}
@media (max-width: 900px) {
  .News.NewsDetail .DetailContact .ContactForm .FormInput {
    margin-right: 0;
  }
  .News.NewsDetail .DetailContact .ContactForm .FormInput.P1 {
    width: 100%;
  }
  .News.NewsDetail .DetailContact .ContactForm .FormInput.P2 {
    width: 100%;
  }
  .News.NewsDetail .DetailContact .ContactForm .FormInput.P3 {
    width: 100%;
  }
  .News.NewsDetail .DetailContact .ContactForm .FormButtons {
    width: 100%;
  }
}
.News.NewsDetail .DetailAbout {
  width: 100%;
  margin-top: 0.56rem;
  overflow: hidden;
}
.News.NewsDetail .DetailAbout .AboutTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.News.NewsDetail .DetailAbout .AboutTitle::before {
  content: "";
  display: block;
  width: 0.04rem;
  height: 0.18rem;
  min-width: 4px;
  min-height: 18px;
  background: #0070ba;
  margin-right: 0.1rem;
}
.News.NewsDetail .DetailAbout .AboutTitle .Title {
  color: #333;
  line-height: 1.2;
  font-weight: 500;
}
.News.NewsDetail .DetailAbout .AboutContent {
  width: 100%;
  margin-top: 0.48rem;
}
.News.NewsDetail .DetailAbout .AboutSwiper {
  width: 100%;
}
.News.NewsDetail .DetailAbout .AboutSlide:hover .SlideImg .Img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.News.NewsDetail .DetailAbout .AboutSlide:hover .SlideTitle {
  color: #0070ba;
}
.News.NewsDetail .DetailAbout .AboutSlide .SlideBoard {
  display: block;
  width: 100%;
}
.News.NewsDetail .DetailAbout .AboutSlide .SlideImg {
  width: 100%;
  border-radius: 0.06rem;
  overflow: hidden;
}
.News.NewsDetail .DetailAbout .AboutSlide .SlideImg .Img {
  width: 100%;
  padding-top: 55.4%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsDetail .DetailAbout .AboutSlide .SlideImg img {
  display: none;
}
.News.NewsDetail .DetailAbout .AboutSlide .SlideText {
  width: 100%;
  margin-top: 0.1rem;
}
.News.NewsDetail .DetailAbout .AboutSlide .SlideTitle {
  color: #333;
  line-height: 1.3;
  width: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsDetail .DetailAbout .AboutSlide .SlideTime {
  width: 100%;
  color: #999;
  line-height: 1.3;
  margin-top: 0.1rem;
}

.News.NewsCard {
  width: 100%;
  padding-bottom: 1rem;
}
.News.NewsCard .CardList {
  width: 100%;
}
.News.NewsCard .CardItem.Open .ItemTitle .Button .I::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.News.NewsCard .CardItem {
  width: 100%;
  background-color: #fff;
  padding: 0.56rem 0.64rem;
  margin-top: 0.2rem;
  -webkit-box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
          box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
}
.News.NewsCard .CardItem:first-child {
  margin-top: 0;
}
.News.NewsCard .CardItem .ItemTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.News.NewsCard .CardItem .ItemTitle .Button {
  cursor: pointer;
}
.News.NewsCard .CardItem .ItemTitle .Button .I {
  width: 0.2rem;
  height: 0.2rem;
  min-width: 16px;
  min-height: 16px;
  border: solid 0.01rem #d1d1d1;
  border-radius: 50%;
  position: relative;
  z-index: 5;
}
.News.NewsCard .CardItem .ItemTitle .Button .I::before, .News.NewsCard .CardItem .ItemTitle .Button .I::after {
  content: "";
  display: block;
  position: absolute;
  width: 5%;
  height: 50%;
  background: #333;
  left: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  top: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.News.NewsCard .CardItem .ItemTitle .Button .I::before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.News.NewsCard .CardItem .ItemTitle .Title {
  color: #333;
  line-height: 1.5;
  margin-left: 0.16rem;
}
.News.NewsCard .CardItem .ItemContent {
  width: 100%;
  display: none;
  margin-top: 0.28rem;
}
.News.NewsCard .CardItem .ItemText {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.News.NewsCard .CardItem .ItemText .Icon {
  width: auto;
}
.News.NewsCard .CardItem .ItemText .Icon::before {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  min-width: 16px;
  display: block;
  border: solid 0.01rem transparent;
  min-height: 16px;
}
.News.NewsCard .CardItem .ItemText .Text {
  width: 100%;
  color: #333;
  margin-left: 0.16rem;
  line-height: 2;
}
.News.NewsCard .CardItem .ItemText .Text p {
  color: #333;
  line-height: 2;
}

/* 定制 */
.Custom.CustomCrumb .Container {
  width: 16.4rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .Custom.CustomCrumb .Container {
    width: 100%;
    padding: 0 20px;
  }
}

.Custom.CustomContent {
  width: 100%;
  padding-bottom: 1rem;
}
.Custom.CustomContent .Container {
  width: 16.4rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .Custom.CustomContent .Container {
    width: 100%;
    padding: 0 20px;
  }
}

.Custom.CustomBanner {
  width: 100%;
}
.Custom.CustomBanner .BannerImg {
  width: 100%;
}
.Custom.CustomBanner .BannerImg .Img {
  width: 100%;
  padding-top: 34.7395833333%;
}
.Custom.CustomBanner .BannerImg img {
  display: none;
}

.Custom.CustomCase {
  width: 100%;
  padding: 1.1rem 0 1rem;
}
.Custom.CustomCase .CaseButtons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Custom.CustomCase .CaseButton.In {
  border-color: #0070ba;
  background: #0070ba;
  color: #fff;
}
.Custom.CustomCase .CaseButton {
  color: #333;
  line-height: 1.3;
  font-weight: 500;
  padding: 0.14rem 1rem;
  border-radius: 0.1rem;
  border: 0.01rem solid #dedede;
  margin: 0 0.05rem;
  white-space: nowrap;
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Custom.CustomCase .CaseButton:hover {
  border-color: #0070ba;
  background: #0070ba;
  color: #fff;
}
.Custom.CustomCase .CaseTitle {
  width: 100%;
  margin-top: 0.56rem;
  color: #333;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
}
.Custom.CustomCase .CaseLists {
  width: 100%;
  margin-top: 0.5rem;
}
.Custom.CustomCase .CaseList.Show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Custom.CustomCase .CaseList {
  width: 100%;
  display: none;
}
.Custom.CustomCase .CaseItem {
  width: calc((100% - 0.8rem) / 2);
  margin-right: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.6rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f7f8fa;
  border-radius: 0.1rem;
}
.Custom.CustomCase .CaseItem:nth-child(2n) {
  margin-right: 0;
}
.Custom.CustomCase .CaseItem .ItemBoard {
  width: 40%;
}
.Custom.CustomCase .CaseItem .ItemIcon {
  width: 0.72rem;
  margin: 0 auto;
}
.Custom.CustomCase .CaseItem .ItemIcon .Icon {
  width: 100%;
  padding-top: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.Custom.CustomCase .CaseItem .ItemIcon img {
  display: none;
}
.Custom.CustomCase .CaseItem .ItemTitle {
  width: 100%;
  color: #333;
  font-weight: 700;
  text-align: center;
  margin-top: 0.28rem;
  line-height: 1.3;
}
.Custom.CustomCase .CaseItem .ItemInfo {
  width: 50%;
  color: #666;
  line-height: 2.5;
}
.Custom.CustomCase .CaseItem .ItemInfo p {
  color: #666;
  line-height: 2.5;
}
@media (max-width: 1200px) {
  .Custom.CustomCase .CaseList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Custom.CustomCase .CaseItem {
    width: 100%;
    margin-right: 0;
    margin-top: 10px;
  }
}
@media (max-width: 600px) {
  .Custom.CustomCase .CaseButton {
    width: calc((100% - 0.2rem) / 2);
    text-align: center;
    padding: 0.14rem 0;
  }
  .Custom.CustomCase .CaseItem {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Custom.CustomCase .CaseItem .ItemBoard {
    width: 100%;
  }
  .Custom.CustomCase .CaseItem .ItemInfo {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
}

.Custom.CustomContact {
  width: 100%;
}
.Custom.CustomContact .ContactTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Custom.CustomContact .ContactTitle::before {
  content: "";
  display: block;
  width: 0.04rem;
  height: 0.18rem;
  min-width: 4px;
  min-height: 18px;
  background: #0070ba;
  margin-right: 0.1rem;
}
.Custom.CustomContact .ContactTitle .Title {
  color: #333;
  line-height: 1.2;
  font-weight: 500;
}
.Custom.CustomContact .ContactForm {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.3rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Custom.CustomContact .ContactForm .FormInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.06rem;
  border: 0.01rem solid #dedede;
  margin-top: 1.5%;
  margin-right: 1.5%;
}
.Custom.CustomContact .ContactForm .FormInput .Icon {
  width: auto;
  margin-left: 0.2rem;
}
.Custom.CustomContact .ContactForm .FormInput .Icon .I {
  width: 0.14rem;
  min-width: 12px;
  height: 0.14rem;
  min-height: 12px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.Custom.CustomContact .ContactForm .FormInput .Icon img {
  display: none;
}
.Custom.CustomContact .ContactForm .FormInput .Input {
  width: 100%;
  height: 0.46rem;
  min-height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Custom.CustomContact .ContactForm .FormInput .Input input {
  border: none;
  width: 100%;
  padding-left: 0.1rem;
  padding-right: 0.2rem;
  height: 100%;
  background-color: transparent;
}
.Custom.CustomContact .ContactForm .FormInput .Input img {
  width: 20%;
  height: 100%;
}
.Custom.CustomContact .ContactForm .FormInput.P1 {
  width: 54.5%;
}
.Custom.CustomContact .ContactForm .FormInput.P2 {
  width: 32.5%;
}
.Custom.CustomContact .ContactForm .FormInput.P3 {
  width: 32.3333333333%;
}
.Custom.CustomContact .ContactForm .FormInput.MR0 {
  margin-right: 0;
}
.Custom.CustomContact .ContactForm .FormButtons {
  width: 10%;
  margin-top: 1.5%;
}
.Custom.CustomContact .ContactForm .FormButtons .Button {
  width: 100%;
  display: inline-block;
}
.Custom.CustomContact .ContactForm .FormButtons button {
  width: 100%;
  border: none;
  background: #0070ba;
  border-radius: 0.06rem;
  color: #fff;
  height: 0.46rem;
  min-height: 42px;
  cursor: pointer;
  line-height: 1.3;
}
@media (max-width: 900px) {
  .Custom.CustomContact .ContactForm .FormInput {
    margin-right: 0;
  }
  .Custom.CustomContact .ContactForm .FormInput.P1 {
    width: 100%;
  }
  .Custom.CustomContact .ContactForm .FormInput.P2 {
    width: 100%;
  }
  .Custom.CustomContact .ContactForm .FormInput.P3 {
    width: 100%;
  }
  .Custom.CustomContact .ContactForm .FormButtons {
    width: 100%;
  }
}

/* 联系我们 */
.Contact.ContactCrumb .Container {
  width: 16.4rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .Contact.ContactCrumb .Container {
    width: 100%;
    padding: 0 20px;
  }
}

.Contact.ContactContent {
  width: 100%;
}
.Contact.ContactContent .Container {
  width: 16.4rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .Contact.ContactContent .Container {
    width: 100%;
    padding: 0 20px;
  }
}

.Contact.ContactInfo {
  width: 100%;
}
.Contact.ContactInfo .Container {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
          box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
  padding: 0.8rem 1.4rem;
}
.Contact.ContactInfo .InfoTitle {
  width: 100%;
  text-align: center;
}
.Contact.ContactInfo .InfoTitle .Title {
  color: #333;
  line-height: 1.2;
  font-weight: 500;
}
.Contact.ContactInfo .InfoTitle .Remark {
  width: 100%;
  color: #999;
  margin-top: 0.1rem;
  line-height: 1.3;
}
.Contact.ContactInfo .InfoForm {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Contact.ContactInfo .InfoForm .FormInput.Required .Text::before {
  content: "* ";
  color: #ff0000;
  line-height: 1.3;
}
.Contact.ContactInfo .InfoForm .FormInput.Code .Input {
  width: 50%;
}
.Contact.ContactInfo .InfoForm .FormInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 0.01rem solid transparent;
  border-bottom: 0.01rem solid #d1d1d1;
  margin-right: 3%;
  margin-top: 3%;
}
.Contact.ContactInfo .InfoForm .FormInput .Text {
  color: #000;
  white-space: nowrap;
  line-height: 1.3;
}
.Contact.ContactInfo .InfoForm .FormInput .Input {
  width: 100%;
  height: 0.4rem;
  min-height: 36px;
  margin-left: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Contact.ContactInfo .InfoForm .FormInput .Input input {
  width: 100%;
  line-height: 1.3;
  height: 100%;
  border: none;
  background: transparent;
}
.Contact.ContactInfo .InfoForm .FormInput .Input img {
  width: 1.5rem;
  height: 100%;
  min-width: 80px;
}
.Contact.ContactInfo .InfoForm .FormInput.MR0 {
  margin-right: 0;
}
.Contact.ContactInfo .InfoForm .FormInput.P1 {
  width: 100%;
}
.Contact.ContactInfo .InfoForm .FormInput.P2 {
  width: 47%;
}
.Contact.ContactInfo .InfoForm .FormInput.P3 {
  width: 30.3333333333%;
}
.Contact.ContactInfo .InfoForm .FormButtons {
  width: 100%;
  margin-top: 3%;
  text-align: center;
}
.Contact.ContactInfo .InfoForm .FormButtons .Button {
  display: inline-block;
}
.Contact.ContactInfo .InfoForm .FormButtons button {
  width: 100%;
  border: none;
  background: #0070ba;
  border-radius: 0.06rem;
  color: #fff;
  padding: 0 0.64rem;
  height: 0.46rem;
  min-height: 42px;
  cursor: pointer;
  line-height: 1.3;
}
@media (max-width: 1200px) {
  .Contact.ContactInfo .Container {
    padding: 30px 50px;
  }
}
@media (max-width: 750px) {
  .Contact.ContactInfo .Container {
    padding: 20px;
  }
  .Contact.ContactInfo .InfoForm .FormInput {
    margin-right: 0;
  }
  .Contact.ContactInfo .InfoForm .FormInput.P2 {
    width: 100%;
  }
  .Contact.ContactInfo .InfoForm .FormInput.P3 {
    width: 100%;
  }
  .Contact.ContactInfo .InfoForm .FormInput.Code .Input {
    width: 100%;
  }
  .Contact.ContactInfo .FormButtons .Button {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .Contact.ContactInfo .Container {
    padding: 10px;
  }
}

.Contact.ContactAddress {
  width: 100%;
}
.Contact.ContactAddress .AddressInfo {
  width: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.Contact.ContactAddress .AddressInfo .InfoMap {
  width: 100%;
  padding: 0 1.4rem;
}
.Contact.ContactAddress .AddressInfo .InfoMap .Board {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Contact.ContactAddress .AddressInfo .InfoMap .Map {
  width: 100%;
}
.Contact.ContactAddress .AddressInfo .InfoMap .Map img {
  width: 100%;
  height: auto;
}
.Contact.ContactAddress .AddressInfo .InfoMap .Position {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  top: 49.4%;
  right: 21%;
  z-index: 5;
}
.Contact.ContactAddress .AddressInfo .InfoMap .Position .Icon {
  width: 0.22rem;
  height: 0.22rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 0, 0, 0.1);
  border-radius: 50%;
}
.Contact.ContactAddress .AddressInfo .InfoMap .Position .Icon .I {
  width: 55%;
  height: 55%;
  background: transparent;
  border-radius: 50%;
  border: 0.06rem solid #ff0000;
}
.Contact.ContactAddress .AddressInfo .InfoMap .Position .Remark {
  color: #0070ba;
  line-height: 1.2;
}
.Contact.ContactAddress .AddressInfo .InfoText {
  position: absolute;
  right: 1.4rem;
  bottom: 20%;
  z-index: 5;
}
.Contact.ContactAddress .AddressInfo .InfoText .Text {
  width: 2.7rem;
  min-width: 240px;
  background: #0070ba;
  border-radius: 0.1rem;
  padding: 0.3rem;
}
.Contact.ContactAddress .AddressInfo .InfoText .Text .Title {
  width: 100%;
  color: #fff;
  line-height: 1.3;
}
.Contact.ContactAddress .AddressInfo .InfoText .Text .Content {
  width: 100%;
}
.Contact.ContactAddress .AddressInfo .InfoText .Text .Info {
  width: 100%;
  margin-top: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Contact.ContactAddress .AddressInfo .InfoText .Text .Info .I {
  width: 0.16rem;
  height: 0.16rem;
  min-width: 12px;
  min-height: 12px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.Contact.ContactAddress .AddressInfo .InfoText .Text .Info img {
  display: none;
}
.Contact.ContactAddress .AddressInfo .InfoText .Text .Info .R {
  width: 100%;
  color: #fff;
  margin-left: 0.05rem;
  line-height: 1.5;
}
.Contact.ContactAddress .AddressInfo .InfoText .Text .Info .R p {
  color: #fff;
  line-height: 1.5;
}
@media (max-width: 1500px) {
  .Contact.ContactAddress .AddressInfo .InfoText {
    right: auto;
    left: 1.4rem;
  }
}
@media (max-width: 750px) {
  .Contact.ContactAddress .AddressInfo .InfoText {
    position: static;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 10px;
    padding: 0 50px;
  }
}
@media (max-width: 500px) {
  .Contact.ContactAddress .AddressInfo .InfoText {
    padding: 10px;
  }
  .Contact.ContactAddress .AddressInfo .InfoText .Text {
    width: 100%;
    min-width: 0;
  }
}
.Contact.ContactAddress .AddressDetail {
  width: 100%;
}
.Contact.ContactAddress .AddressDetail .DetailMap {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Contact.ContactAddress .AddressDetail .DetailMap .Map {
  width: 100%;
}
.Contact.ContactAddress .AddressDetail .DetailMap img {
  width: 100%;
  height: auto;
}
.Contact.ContactAddress .AddressDetail .DetailMap .Seat {
  width: 0.47rem;
  position: absolute;
  bottom: 33.4%;
  z-index: 5;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Contact.ContactAddress .AddressDetail .DetailMap .Seat::after {
  content: "";
  width: 100%;
  display: block;
  padding-top: 121.2765957447%;
  background: url(../images/Contact6.png) center/cover no-repeat;
}

/* 产品 */
.Goods.GoodsCrumb .Container {
  width: 16.4rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .Goods.GoodsCrumb .Container {
    width: 100%;
    padding: 0 20px;
  }
}

.Goods.GoodsContent {
  width: 100%;
}
.Goods.GoodsContent .Container {
  width: 16.4rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .Goods.GoodsContent .Container {
    width: 100%;
    padding: 0 20px;
  }
}

.Goods.GoodsFilter {
  width: 100%;
}
.Goods.GoodsFilter .FilterList {
  width: 100%;
}
.Goods.GoodsFilter .FilterItem.First {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Goods.GoodsFilter .FilterItem.First .ItemTitle {
  color: #111;
  line-height: 1.2;
  white-space: nowrap;
  padding: 0.24rem 0;
}
.Goods.GoodsFilter .FilterItem.First .ItemOptions {
  width: 100%;
  margin-left: 2%;
}
.Goods.GoodsFilter .FilterItem.First .ItemOptions .Options {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Goods.GoodsFilter .FilterItem.First .ItemOptions .Option.In {
  background: #0070ba;
  color: #fff;
}
.Goods.GoodsFilter .FilterItem.First .ItemOptions .Option {
  width: 1.2rem;
  min-width: 90px;
  margin-right: 0.3rem;
  color: #111;
  cursor: pointer;
  line-height: 1.2;
  padding: 0.24rem 0;
  white-space: nowrap;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0.1rem;
  margin-bottom: 0.3rem;
}
.Goods.GoodsFilter .FilterItem.First .ItemOptions .Option:hover {
  background: #0070ba;
  color: #fff;
}
.Goods.GoodsFilter .FilterItem.Last {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Goods.GoodsFilter .FilterItem.Last .ItemTitle {
  color: #111;
  line-height: 1.2;
  padding: 0.24rem 0;
  white-space: nowrap;
}
.Goods.GoodsFilter .FilterItem.Last .ItemOptions {
  width: 100%;
  margin-left: 2%;
}
.Goods.GoodsFilter .FilterItem.Last .ItemOptions .Options {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Goods.GoodsFilter .FilterItem.Last .ItemOptions .Option.In {
  background: #0070ba;
  color: #fff;
}
.Goods.GoodsFilter .FilterItem.Last .ItemOptions .Sign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.24rem;
}
.Goods.GoodsFilter .FilterItem.Last .ItemOptions .Sign::after {
  content: "";
  display: block;
  width: 0.01rem;
  min-width: 1px;
  height: 0.2rem;
  min-height: 16px;
  background: #dedede;
}
.Goods.GoodsFilter .FilterItem.Last .ItemOptions .Option {
  width: auto;
  color: #111;
  white-space: nowrap;
  cursor: pointer;
  line-height: 1.2;
  padding: 0.24rem 0.1rem;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0.1rem;
}
.Goods.GoodsFilter .FilterItem.Last .ItemOptions .Option:hover {
  color: #0070ba;
}
@media (max-width: 750px) {
  .Goods.GoodsFilter .FilterItem.First, .Goods.GoodsFilter .FilterItem.Last {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Goods.GoodsFilter .FilterItem.First .ItemOptions, .Goods.GoodsFilter .FilterItem.Last .ItemOptions {
    margin-left: 0;
  }
  .Goods.GoodsFilter .FilterItem.First .ItemOptions .Option, .Goods.GoodsFilter .FilterItem.Last .ItemOptions .Option {
    width: 20%;
    margin-right: 0;
  }
}
@media (max-width: 650px) {
  .Goods.GoodsFilter .FilterItem.First .ItemOptions .Option, .Goods.GoodsFilter .FilterItem.Last .ItemOptions .Option {
    width: 25%;
  }
}
@media (max-width: 550px) {
  .Goods.GoodsFilter .FilterItem.First .ItemOptions .Sign, .Goods.GoodsFilter .FilterItem.Last .ItemOptions .Sign {
    display: none;
  }
  .Goods.GoodsFilter .FilterItem.First .ItemOptions .Option, .Goods.GoodsFilter .FilterItem.Last .ItemOptions .Option {
    width: 33.3333333333%;
  }
}

.Goods.GoodsList.I {
  width: 100%;
  margin-top: 0.5rem;
}
.Goods.GoodsList.I .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.Goods.GoodsItem.I {
  width: 24%;
  background-color: #fff;
  -webkit-box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
          box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
  border-radius: 0.16rem;
  margin-right: 1.3333333333%;
  margin-bottom: 1.3333333333%;
}
.Goods.GoodsItem.I:nth-child(4n) {
  margin-right: 0;
}
.Goods.GoodsItem.I:hover .ItemButtons {
  height: auto;
}
.Goods.GoodsItem.I:hover .ItemBoard {
  background: #0070ba;
}
.Goods.GoodsItem.I:hover .ItemText {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.Goods.GoodsItem.I:hover .ItemTitle .Title {
  color: #fff;
}
.Goods.GoodsItem.I:hover .ItemRemark {
  color: #fff;
}
.Goods.GoodsItem.I:hover .ItemRemark p {
  color: #fff;
}
.Goods.GoodsItem.I:hover .ItemButtons {
  opacity: 1;
}
.Goods.GoodsItem.I .ItemImg {
  width: 100%;
  padding: 0.2rem 0;
}
.Goods.GoodsItem.I .ItemImg .Img {
  width: 52.25%;
  padding-top: 90.75%;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
.Goods.GoodsItem.I .ItemImg img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.Goods.GoodsItem.I .ItemBoard {
  width: 100%;
  background: #fff;
  border-radius: 0.16rem;
  padding: 0.4rem 0.5rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsItem.I .ItemText {
  width: 100%;
  -webkit-transform: translateY(30%);
          transform: translateY(30%);
}
.Goods.GoodsItem.I .ItemTitle {
  width: 100%;
}
.Goods.GoodsItem.I .ItemTitle .Title {
  color: #111;
  line-height: 1.4;
}
.Goods.GoodsItem.I .ItemRemark {
  width: 100%;
  margin-top: 0.1rem;
  color: #999;
  line-height: 1.7;
}
.Goods.GoodsItem.I .ItemRemark p {
  color: #999;
  line-height: 1.7;
}
.Goods.GoodsItem.I .ItemButtons {
  width: 100%;
  margin-top: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsItem.I .ItemButtons .Button {
  width: 48%;
  border-radius: 0.1rem;
  border: 0.01rem solid #dedede;
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 0.14rem 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsItem.I .ItemButtons .Button:hover {
  color: #0070ba;
  background: #fff;
}
@media (max-width: 1200px) {
  .Goods.GoodsItem.I {
    width: 32%;
  }
  .Goods.GoodsItem.I:nth-child(3n) {
    margin-right: 0;
  }
  .Goods.GoodsItem.I:nth-child(4n) {
    margin-right: 1.3333333333%;
  }
}
@media (max-width: 900px) {
  .Goods.GoodsItem.I {
    width: 48%;
  }
  .Goods.GoodsItem.I:nth-child(2n) {
    margin-right: 0;
  }
  .Goods.GoodsItem.I:nth-child(3n) {
    margin-right: 1.3333333333%;
  }
}
@media (max-width: 550px) {
  .Goods.GoodsItem.I .ItemRemark {
    display: none !important;
  }
  .Goods.GoodsItem.I .ItemText {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .Goods.GoodsItem.I .ItemButtons {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    opacity: 1;
    margin-top: 10px;
  }
  .Goods.GoodsItem.I .ItemButtons .Button {
    width: 100%;
    border-color: #0070ba;
    background: #0070ba;
  }
  .Goods.GoodsItem.I .ItemButtons .Button:last-child {
    display: none;
  }
  .Goods.GoodsItem.I:hover .ItemBoard {
    background: #fff;
  }
  .Goods.GoodsItem.I:hover .ItemRemark {
    display: none !important;
  }
  .Goods.GoodsItem.I:hover .ItemTitle .Title {
    color: #111;
  }
}

.Goods.GoodsPager {
  margin-top: 0.48rem;
  padding-bottom: 1rem;
}

.Goods.GoodsData {
  margin-bottom: 0.7rem;
}
.Goods.GoodsData .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1200px) {
  .Goods.GoodsData .Container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.Goods.GoodsShow {
  width: 30%;
  border-radius: 0.16rem;
  overflow: hidden;
}
.Goods.GoodsShow .ShowImg {
  width: 100%;
  height: 100%;
}
.Goods.GoodsShow .ShowImg .Img {
  width: 100%;
  padding-top: 196.5794768612%;
  height: 100%;
}
.Goods.GoodsShow .ShowImg img {
  display: none;
}
@media (max-width: 1200px) {
  .Goods.GoodsShow {
    width: 100%;
  }
  .Goods.GoodsShow .ShowImg .Img {
    padding-top: 122.5%;
  }
}

.Goods.GoodsList.II {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
@media (max-width: 1200px) {
  .Goods.GoodsList.II {
    width: 100%;
  }
}

.Goods.GoodsItem.II {
  width: 31.6333333333%;
  margin-left: 1.7%;
  margin-bottom: 1.7%;
  background-color: #fff;
  -webkit-box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
          box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
  border-radius: 0.16rem;
}
.Goods.GoodsItem.II:nth-last-of-type(-n+3) {
  margin-bottom: 0;
}
.Goods.GoodsItem.II:hover .ItemButtons {
  height: auto;
}
.Goods.GoodsItem.II:hover .ItemBoard {
  background: #0070ba;
}
.Goods.GoodsItem.II:hover .ItemText {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.Goods.GoodsItem.II:hover .ItemTitle .Title {
  color: #fff;
}
.Goods.GoodsItem.II:hover .ItemRemark {
  color: #fff;
}
.Goods.GoodsItem.II:hover .ItemRemark p {
  color: #fff;
}
.Goods.GoodsItem.II:hover .ItemButtons {
  opacity: 1;
}
.Goods.GoodsItem.II .ItemImg {
  width: 100%;
  padding: 0.1rem 0;
}
.Goods.GoodsItem.II .ItemImg .Img {
  width: 48%;
  padding-top: 90.75%;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
.Goods.GoodsItem.II .ItemImg img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.Goods.GoodsItem.II .ItemBoard {
  width: 100%;
  background: #fff;
  border-radius: 0.16rem;
  padding: 0.2rem 0.25rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsItem.II .ItemText {
  width: 100%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
.Goods.GoodsItem.II .ItemTitle {
  width: 100%;
}
.Goods.GoodsItem.II .ItemTitle .Title {
  color: #111;
  line-height: 1.4;
}
.Goods.GoodsItem.II .ItemRemark {
  width: 100%;
  margin-top: 0.1rem;
  color: #999;
  line-height: 1.7;
}
.Goods.GoodsItem.II .ItemRemark p {
  color: #999;
  line-height: 1.7;
}
.Goods.GoodsItem.II .ItemButtons {
  width: 100%;
  margin-top: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsItem.II .ItemButtons .Button {
  width: 48%;
  border-radius: 0.1rem;
  border: 0.01rem solid #dedede;
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 0.14rem 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsItem.II .ItemButtons .Button:hover {
  color: #0070ba;
  background: #fff;
}
@media (max-width: 1200px) {
  .Goods.GoodsItem.II {
    width: 32.2%;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 1.7%;
    margin-right: 1.7%;
  }
  .Goods.GoodsItem.II:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 900px) {
  .Goods.GoodsItem.II {
    width: 49.15%;
  }
  .Goods.GoodsItem.II:nth-child(3n) {
    margin-right: 1.7%;
  }
  .Goods.GoodsItem.II:nth-child(2n) {
    margin-right: 0;
  }
}
.Goods.GoodsCase {
  width: 100%;
  padding: 0.8rem 0 1rem;
  background: #f7f8fa;
}
.Goods.GoodsCase .CaseTitle {
  color: #333;
  width: 100%;
  text-align: center;
  font-weight: 500;
  line-height: 1.3;
}
.Goods.GoodsCase .CaseContent {
  margin-top: 0.48rem;
  width: 100%;
  padding: 0 1.4rem;
}
@media (max-width: 1200px) {
  .Goods.GoodsCase .CaseContent {
    padding: 0 10px;
  }
}
.Goods.GoodsCase .CaseSwiper {
  width: 100%;
}
.Goods.GoodsCase .CaseSlide.swiper-slide-active {
  opacity: 1;
}
.Goods.GoodsCase .CaseSlide.swiper-slide-active .SlideText {
  opacity: 1;
}
.Goods.GoodsCase .CaseSlide {
  width: 6rem;
  opacity: 0.4;
  overflow: hidden;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.Goods.GoodsCase .CaseSlide .SlideBoard {
  position: relative;
  z-index: 5;
  width: 100%;
}
.Goods.GoodsCase .CaseSlide .SlideImg {
  width: 100%;
}
.Goods.GoodsCase .CaseSlide .SlideImg .Img {
  width: 100%;
}
.Goods.GoodsCase .CaseSlide .SlideImg img {
  width: 100%;
  height: auto;
}
.Goods.GoodsCase .CaseSlide .SlideText {
  position: absolute;
  left: 0;
  z-index: 5;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsCase .CaseSlide .SlideTitle {
  width: 100%;
  color: #fff;
  line-height: 1.3;
}
.Goods.GoodsCase .CaseSlide .SlideButton {
  display: inline-block;
  border-radius: 0.06rem;
  border: 0.01rem solid #fff;
  margin-top: 0.14rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsCase .CaseSlide .SlideButton:hover {
  background: #fff;
}
.Goods.GoodsCase .CaseSlide .SlideButton:hover .Text {
  color: #0070ba;
}
.Goods.GoodsCase .CaseSlide .SlideButton .Text {
  color: #fff;
  padding: 0.1rem 0.2rem;
  line-height: 1.2;
  white-space: nowrap;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.Goods.GoodsCrumb#Crumb.Fixed {
  position: static;
}

.Goods.GoodsDetail {
  width: 100%;
}
.Goods.GoodsDetail .DetailInfo {
  width: 100%;
  background: #f5f5f5;
}
.Goods.GoodsDetail .DetailInfo .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Goods.GoodsDetail .DetailInfo .InfoImg {
  width: 45%;
}
.Goods.GoodsDetail .DetailInfo .InfoImg .Img {
  width: 100%;
  padding-top: 77.3333333333%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
}
.Goods.GoodsDetail .DetailInfo .InfoImg img {
  display: none;
}
.Goods.GoodsDetail .DetailInfo .InfoText {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.2rem 0;
}
.Goods.GoodsDetail .DetailInfo .InfoTitle {
  width: 100%;
  color: #000;
  line-height: 1.3;
  font-weight: 500;
}
.Goods.GoodsDetail .DetailInfo .InfoRemark {
  width: 100%;
  margin-top: 0.18rem;
  color: #000;
  line-height: 1.5;
}
.Goods.GoodsDetail .DetailInfo .InfoRemark p {
  color: #000;
  line-height: 1.5;
}
@media (max-width: 1200px) {
  .Goods.GoodsDetail .DetailInfo .InfoImg {
    width: 48%;
  }
  .Goods.GoodsDetail .DetailInfo .InfoText {
    width: 48%;
  }
}
@media (max-width: 900px) {
  .Goods.GoodsDetail .DetailInfo .Container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Goods.GoodsDetail .DetailInfo .InfoImg {
    width: 100%;
  }
  .Goods.GoodsDetail .DetailInfo .InfoText {
    width: 100%;
  }
}
.Goods.GoodsDetail .DetailArticle {
  width: 100%;
  padding-top: 0.48rem;
}
.Goods.GoodsDetail .DetailArticle .ArticleInfo {
  width: 100%;
  margin-top: 0.48rem;
}
.Goods.GoodsDetail .DetailArticle .ArticleInfo:first-of-type {
  margin-top: 0;
}
.Goods.GoodsDetail .DetailArticle .ArticleInfo .InfoTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Goods.GoodsDetail .DetailArticle .ArticleInfo .InfoTitle::before {
  content: "";
  display: block;
  width: 0.04rem;
  min-width: 4px;
  height: 0.18rem;
  min-height: 18px;
  background: #0070ba;
}
.Goods.GoodsDetail .DetailArticle .ArticleInfo .InfoTitle .Title {
  color: #333;
  line-height: 1.3;
  font-weight: 500;
  margin-left: 0.1rem;
}
.Goods.GoodsDetail .DetailArticle .ArticleInfo .InfoContent {
  width: 100%;
  margin-top: 0.32rem;
}
.Goods.GoodsDetail .DetailArticle .ArticleInfo .InfoRemark {
  width: 100%;
  color: #333;
  line-height: 1.6;
}
.Goods.GoodsDetail .DetailArticle .ArticleInfo .InfoRemark p {
  color: #333;
  line-height: 1.6;
}
.Goods.GoodsDetail .DetailArticle .ArticleInfo .InfoData {
  width: 100%;
}
.Goods.GoodsDetail .DetailArticle .ArticleInfo .InfoData .Data {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Goods.GoodsDetail .DetailArticle .ArticleInfo .InfoData .Icon {
  position: relative;
  z-index: 5;
}
.Goods.GoodsDetail .DetailArticle .ArticleInfo .InfoData .Icon::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 0.13rem;
  height: 0.13rem;
  min-width: 12px;
  min-height: 12px;
  background: #0070ba;
}
.Goods.GoodsDetail .DetailArticle .ArticleInfo .InfoData .Icon::after {
  content: "点";
  color: transparent;
  line-height: 1.5;
  font-weight: 500;
}
.Goods.GoodsDetail .DetailArticle .ArticleInfo .InfoData .Text {
  color: #333;
  margin-left: 0.1rem;
  line-height: 1.5;
  width: 100%;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable {
  width: 100%;
  margin-top: 0.48rem;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableTabs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableTab.In {
  border-color: #0070ba;
  background: #0070ba;
  color: #fff;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableTab {
  display: inline-block;
  width: 26.8%;
  color: #333;
  line-height: 1.3;
  font-weight: 500;
  margin-right: 2%;
  padding: 0.14rem 0;
  border-radius: 0.1rem;
  border: 0.01rem solid #dedede;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  white-space: nowrap;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableTab:hover {
  border-color: #0070ba;
  background: #0070ba;
  color: #fff;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableTab:last-of-type {
  margin-right: 0;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableTitle::before {
  content: "";
  display: block;
  width: 0.04rem;
  min-width: 4px;
  height: 0.18rem;
  min-height: 18px;
  background: #0070ba;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableTitle .Title {
  color: #333;
  line-height: 1.3;
  font-weight: 500;
  margin-left: 0.1rem;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent {
  width: 100%;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent .Table {
  width: 100%;
  margin-top: 0.3rem;
  overflow-x: auto;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table {
  width: 100%;
  min-width: 960px;
  border: none;
  text-align: center;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table thead {
  width: 100%;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table thead td {
  padding: 0.18rem 0.1rem;
  color: #fff;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table thead tr {
  background: #0070ba;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table tbody {
  width: 100%;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table tbody td {
  padding: 0.14rem 0.1rem;
  color: #333;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table tbody tr:nth-child(odd) {
  background: #cee6fc;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table tbody tr:nth-child(odd) {
  background: #ecf6ff;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table tr {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table td {
  line-height: 1.5;
  border: 0.01rem solid transparent;
  border-left-color: #dedede;
  border-bottom-color: #dedede;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table td:last-child {
  border-right-color: #dedede;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table td:nth-child(1) {
  width: 23%;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table td:nth-child(2) {
  width: 8%;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table td:nth-child(3) {
  width: 8%;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table td:nth-child(4) {
  width: 9%;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table td:nth-child(5) {
  width: 10%;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table td:nth-child(6) {
  width: 10%;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table td:nth-child(7) {
  width: 8.5%;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table td:nth-child(8) {
  width: 13.5%;
}
.Goods.GoodsDetail .DetailArticle .ArticleTable .TableContent table td:nth-child(9) {
  width: 10%;
}
@media (max-width: 750px) {
  .Goods.GoodsDetail .DetailArticle .ArticleTable .TableTabs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Goods.GoodsDetail .DetailArticle .ArticleTable .TableTab {
    width: 100%;
    margin-right: 0;
    margin-top: 10px;
  }
}
.Goods.GoodsDetail .DetailContact {
  width: 100%;
  margin-top: 0.48rem;
}
.Goods.GoodsDetail .DetailContact .ContactTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Goods.GoodsDetail .DetailContact .ContactTitle::before {
  content: "";
  display: block;
  width: 0.04rem;
  height: 0.18rem;
  min-width: 4px;
  min-height: 18px;
  background: #0070ba;
  margin-right: 0.1rem;
}
.Goods.GoodsDetail .DetailContact .ContactTitle .Title {
  color: #333;
  line-height: 1.2;
  font-weight: 500;
}
.Goods.GoodsDetail .DetailContact .ContactForm {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.3rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Goods.GoodsDetail .DetailContact .ContactForm .FormInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.06rem;
  border: 0.01rem solid #dedede;
  margin-top: 1.5%;
  margin-right: 1.5%;
}
.Goods.GoodsDetail .DetailContact .ContactForm .FormInput .Icon {
  width: auto;
  margin-left: 0.2rem;
}
.Goods.GoodsDetail .DetailContact .ContactForm .FormInput .Icon .I {
  width: 0.14rem;
  min-width: 12px;
  height: 0.14rem;
  min-height: 12px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.Goods.GoodsDetail .DetailContact .ContactForm .FormInput .Icon img {
  display: none;
}
.Goods.GoodsDetail .DetailContact .ContactForm .FormInput .Input {
  width: 100%;
  height: 0.46rem;
  min-height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Goods.GoodsDetail .DetailContact .ContactForm .FormInput .Input input {
  border: none;
  width: 100%;
  padding-left: 0.1rem;
  padding-right: 0.2rem;
  height: 100%;
  background-color: transparent;
}
.Goods.GoodsDetail .DetailContact .ContactForm .FormInput .Input img {
  width: 20%;
  height: 100%;
}
.Goods.GoodsDetail .DetailContact .ContactForm .FormInput.P1 {
  width: 54.5%;
}
.Goods.GoodsDetail .DetailContact .ContactForm .FormInput.P2 {
  width: 32.5%;
}
.Goods.GoodsDetail .DetailContact .ContactForm .FormInput.P3 {
  width: 32.3333333333%;
}
.Goods.GoodsDetail .DetailContact .ContactForm .FormInput.MR0 {
  margin-right: 0;
}
.Goods.GoodsDetail .DetailContact .ContactForm .FormButtons {
  width: 10%;
  margin-top: 1.5%;
}
.Goods.GoodsDetail .DetailContact .ContactForm .FormButtons .Button {
  width: 100%;
  display: inline-block;
}
.Goods.GoodsDetail .DetailContact .ContactForm .FormButtons button {
  width: 100%;
  border: none;
  background: #0070ba;
  border-radius: 0.06rem;
  color: #fff;
  height: 0.46rem;
  min-height: 42px;
  cursor: pointer;
  line-height: 1.3;
}
@media (max-width: 900px) {
  .Goods.GoodsDetail .DetailContact .ContactForm .FormInput {
    margin-right: 0;
  }
  .Goods.GoodsDetail .DetailContact .ContactForm .FormInput.P1 {
    width: 100%;
  }
  .Goods.GoodsDetail .DetailContact .ContactForm .FormInput.P2 {
    width: 100%;
  }
  .Goods.GoodsDetail .DetailContact .ContactForm .FormInput.P3 {
    width: 100%;
  }
  .Goods.GoodsDetail .DetailContact .ContactForm .FormButtons {
    width: 100%;
  }
}
.Goods.GoodsDetail .DetailProcess {
  width: 100%;
  margin-top: 0.48rem;
}
.Goods.GoodsDetail .DetailProcess .ProcessTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Goods.GoodsDetail .DetailProcess .ProcessTitle::before {
  content: "";
  display: block;
  width: 0.04rem;
  height: 0.18rem;
  min-width: 4px;
  min-height: 18px;
  background: #0070ba;
  margin-right: 0.1rem;
}
.Goods.GoodsDetail .DetailProcess .ProcessTitle .Title {
  color: #333;
  line-height: 1.2;
  font-weight: 500;
}
.Goods.GoodsDetail .DetailProcess .ProcessContent {
  width: 100%;
  margin-top: 0.48rem;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper {
  width: 100%;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSwiper {
  width: 100%;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide.Active .SlideBoard {
  background: #0070ba;
  height: auto;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide.Active .SlideIcon {
  display: block;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.1rem 0;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide .SlideBoard {
  width: 75%;
  height: 60%;
  padding: 0.2rem 0.1rem;
  margin: 0 auto;
  background: #ebebec;
  border-radius: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide .SlideIcon {
  width: auto;
  position: relative;
  z-index: 5;
  display: none;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide .SlideIcon .Number {
  color: #fff;
  opacity: 0.3;
  font-style: italic;
  font-weight: 700;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide .SlideIcon .Icon {
  width: 42.5%;
  padding-top: 47.5%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  bottom: 10%;
  z-index: 5;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide .SlideIcon .Icon img {
  display: none;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonTextSlide .SlideText {
  width: 100%;
  text-align: center;
  color: #999;
  margin-top: 0.1rem;
  line-height: 1.3;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSwiper {
  width: 100%;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide.Active .SlidePattern .Icon {
  border-color: #0070ba;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide.Active .SlidePattern .Icon .I {
  background: #fff;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide.Active .SlideText .Number {
  display: none;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide.Active .SlideText .Icon::after {
  height: 100%;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide.Arrive .SlidePattern .Line::after {
  width: 100%;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlideBoard {
  width: 100%;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlidePattern {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlidePattern .Line {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 4;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 0.02rem;
  min-height: 2px;
  background: #ebebec;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlidePattern .Line::after {
  content: "";
  display: block;
  width: 0%;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  height: 100%;
  background: #0070ba;
  -webkit-transition: all 0s;
  transition: all 0s;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlidePattern .Icon {
  width: 0.16rem;
  min-width: 16px;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border: 0.04rem solid #ebebec;
  position: relative;
  z-index: 5;
  margin: 0 auto;
  transition: all 0.5s;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlidePattern .Icon .I {
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: #fff;
  transition: all 0.5s;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlideText {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlideText .Number {
  color: #999;
  width: 100%;
  text-align: center;
  padding: 0.1rem 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlideText .Icon {
  width: 0.88rem;
  height: 1.2rem;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
.Goods.GoodsDetail .DetailProcess .ProcessButtonSwiper .ButtonIconSlide .SlideText .Icon::after {
  content: "";
  display: block;
  -webkit-transition: all 2s;
  transition: all 2s;
  width: 100%;
  height: 0;
  background: url(../images/Home28.png) center/cover no-repeat;
}
.Goods.GoodsDetail .DetailAbout {
  margin-top: 0.48rem;
  width: 100%;
}
.Goods.GoodsDetail .DetailAbout .AboutTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Goods.GoodsDetail .DetailAbout .AboutTitle::before {
  content: "";
  display: block;
  width: 0.04rem;
  height: 0.18rem;
  min-width: 4px;
  min-height: 18px;
  background: #0070ba;
  margin-right: 0.1rem;
}
.Goods.GoodsDetail .DetailAbout .AboutTitle .Title {
  color: #333;
  line-height: 1.2;
  font-weight: 500;
}
.Goods.GoodsDetail .DetailAbout .AboutSwiper {
  margin-top: 0.32rem;
  width: 100%;
  -webkit-box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.05);
          box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.05);
}
.Goods.GoodsDetail .DetailAbout .AboutSlide .SlideGoods {
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0.02rem 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
          box-shadow: 0.02rem 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
  border-radius: 0.16rem;
}
.Goods.GoodsDetail .DetailAbout .AboutSlide:hover .SlideButtons {
  height: auto;
}
.Goods.GoodsDetail .DetailAbout .AboutSlide:hover .SlideBoard {
  background: #0070ba;
}
.Goods.GoodsDetail .DetailAbout .AboutSlide:hover .SlideText {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.Goods.GoodsDetail .DetailAbout .AboutSlide:hover .SlideTitle .Title {
  color: #fff;
}
.Goods.GoodsDetail .DetailAbout .AboutSlide:hover .SlideRemark {
  color: #fff;
}
.Goods.GoodsDetail .DetailAbout .AboutSlide:hover .SlideRemark p {
  color: #fff;
}
.Goods.GoodsDetail .DetailAbout .AboutSlide:hover .SlideButtons {
  opacity: 1;
}
.Goods.GoodsDetail .DetailAbout .AboutSlide .SlideImg {
  width: 100%;
  padding: 0.2rem 0;
}
.Goods.GoodsDetail .DetailAbout .AboutSlide .SlideImg .Img {
  width: 52.25%;
  padding-top: 90.75%;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
.Goods.GoodsDetail .DetailAbout .AboutSlide .SlideImg img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.Goods.GoodsDetail .DetailAbout .AboutSlide .SlideBoard {
  width: 100%;
  background: #fff;
  border-radius: 0.16rem;
  padding: 0.4rem 0.5rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsDetail .DetailAbout .AboutSlide .SlideText {
  width: 100%;
  -webkit-transform: translateY(30%);
          transform: translateY(30%);
}
.Goods.GoodsDetail .DetailAbout .AboutSlide .SlideTitle {
  width: 100%;
}
.Goods.GoodsDetail .DetailAbout .AboutSlide .SlideTitle .Title {
  color: #111;
  line-height: 1.4;
}
.Goods.GoodsDetail .DetailAbout .AboutSlide .SlideRemark {
  width: 100%;
  margin-top: 0.1rem;
  color: #999;
  line-height: 1.7;
}
.Goods.GoodsDetail .DetailAbout .AboutSlide .SlideRemark p {
  color: #999;
  line-height: 1.7;
}
.Goods.GoodsDetail .DetailAbout .AboutSlide .SlideButtons {
  width: 100%;
  margin-top: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsDetail .DetailAbout .AboutSlide .SlideButtons .Button {
  width: 48%;
  border-radius: 0.1rem;
  border: 0.01rem solid #dedede;
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 0.14rem 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsDetail .DetailAbout .AboutSlide .SlideButtons .Button:hover {
  color: #0070ba;
  background: #fff;
}
.Goods.GoodsDetail .DetailCase {
  width: 100%;
  padding-bottom: 0.6rem;
  margin-top: 0.56rem;
}
.Goods.GoodsDetail .DetailCase .CaseTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Goods.GoodsDetail .DetailCase .CaseTitle::before {
  content: "";
  display: block;
  width: 0.04rem;
  height: 0.18rem;
  min-width: 4px;
  min-height: 18px;
  background: #0070ba;
  margin-right: 0.1rem;
}
.Goods.GoodsDetail .DetailCase .CaseTitle .Title {
  color: #333;
  line-height: 1.2;
  font-weight: 500;
}
.Goods.GoodsDetail .DetailCase .CaseSwiper {
  margin-top: 0.32rem;
  width: 100%;
}
.Goods.GoodsDetail .DetailCase .CaseSlide {
  display: block;
}
.Goods.GoodsDetail .DetailCase .CaseSlide .SlideImg {
  width: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
}
.Goods.GoodsDetail .DetailCase .CaseSlide .SlideImg .Img {
  width: 100%;
  padding-top: 56.6037735849%;
}
.Goods.GoodsDetail .DetailCase .CaseSlide .SlideImg img {
  display: none;
}
.Goods.GoodsDetail .DetailCase .CaseSwiperPagination {
  width: 100%;
  text-align: center;
  margin-top: 0.4rem;
}
.Goods.GoodsDetail .DetailCase .CaseSwiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  width: 100%;
}
.Goods.GoodsDetail .DetailCase .CaseSwiperPagination .swiper-pagination-bullet {
  width: 0.2rem;
  height: 0.06rem;
  min-width: 20px;
  min-height: 6px;
  position: relative;
  z-index: 5;
  border-radius: 0.03rem;
  overflow: hidden;
  margin-right: 0.1rem;
}
.Goods.GoodsDetail .DetailCase .CaseSwiperPagination .swiper-pagination-bullet:last-of-type {
  margin-right: 0;
}
@media (max-width: 1920px) {
  .Goods.GoodsDetail .DetailCase .CaseSwiperPagination .swiper-pagination-bullet {
    border-radius: 3px;
  }
}
.Goods.GoodsDetail .DetailCase .CaseSwiperPagination .swiper-pagination-bullet::before, .Goods.GoodsDetail .DetailCase .CaseSwiperPagination .swiper-pagination-bullet::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.Goods.GoodsDetail .DetailCase .CaseSwiperPagination .swiper-pagination-bullet::before {
  width: 0;
  background: #0070ba;
  z-index: 5;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.Goods.GoodsDetail .DetailCase .CaseSwiperPagination .swiper-pagination-bullet::after {
  background: rgba(255, 255, 255, 0.6);
  z-index: 4;
}

/* 公司 */
.About.AboutCrumb .Container {
  width: 16.4rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .About.AboutCrumb .Container {
    width: 100%;
    padding: 0 20px;
  }
}

.About.AboutContent {
  width: 100%;
}
.About.AboutContent .Container {
  width: 16.4rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .About.AboutContent .Container {
    width: 100%;
    padding: 0 20px;
  }
}

.About.AboutBoard {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .About.AboutBoard {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.About.AboutTabs {
  width: 17%;
  padding: 0 0.2rem;
}
.About.AboutTabs .TabList {
  width: 100%;
  padding: 0.4rem 0;
  background: #ffffff;
  -webkit-box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
          box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
}
.About.AboutTabs .TabItem.In {
  background: #0070ba;
  border-radius: 0.1rem;
}
.About.AboutTabs .TabItem.In .ItemText {
  color: #fff;
}
.About.AboutTabs .TabItem {
  width: calc(100% + 0.4rem);
  display: block;
  padding: 0.16rem;
  text-align: center;
  margin-top: 0.26rem;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.About.AboutTabs .TabItem:hover {
  background: #0070ba;
  border-radius: 0.1rem;
}
.About.AboutTabs .TabItem:hover .ItemText {
  color: #fff;
}
.About.AboutTabs .TabItem:first-of-type {
  margin-top: 0;
}
.About.AboutTabs .TabItem .ItemText {
  color: #999;
  line-height: 1.4;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1200px) {
  .About.AboutTabs {
    width: 100%;
    padding: 0;
  }
  .About.AboutTabs .TabItem {
    width: 100%;
    margin-top: 0;
    width: 33.3333333333%;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  .About.AboutTabs .TabList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
  }
}
@media (max-width: 600px) {
  .About.AboutTabs .TabItem {
    width: 50%;
  }
}

.About.AboutCard {
  width: 79.2%;
  padding-bottom: 1rem;
}
.About.AboutCard .AboutInfo {
  width: 100%;
}
.About.AboutCard .AboutInfo .InfoTitle {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.4;
}
.About.AboutCard .AboutInfo .InfoContent {
  width: 100%;
  margin-top: 0.4rem;
}
.About.AboutCard .AboutInfo .InfoText {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.About.AboutCard .AboutInfo .InfoVideo {
  width: 30.5%;
}
.About.AboutCard .AboutInfo .InfoVideo .VideoCover {
  width: 100%;
  padding-top: 144.25%;
  height: 100%;
  position: relative;
  z-index: 5;
  border-radius: 0.1rem;
}
.About.AboutCard .AboutInfo .InfoVideo .VideoPlay {
  width: 0.76rem;
  height: 0.76rem;
  left: 50%;
  top: 50%;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  z-index: 5;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.About.AboutCard .AboutInfo .InfoVideo .VideoPlay::after {
  content: "";
  display: block;
  border-left: 0.18rem solid #0070ba;
  border-top: 0.11rem solid transparent;
  border-bottom: 0.11rem solid transparent;
}
.About.AboutCard .AboutInfo .InfoRemark {
  width: 66.5%;
  color: #000;
  line-height: 1.5;
}
.About.AboutCard .AboutInfo .InfoRemark p {
  color: #000;
  line-height: 1.5;
}
.About.AboutCard .AboutInfo .InfoData {
  width: 100%;
  margin-top: 0.36rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.About.AboutCard .AboutInfo .InfoData .DataList.I {
  width: 66.5%;
}
.About.AboutCard .AboutInfo .InfoData .DataItem.I {
  width: 100%;
  margin-top: 0.36rem;
}
.About.AboutCard .AboutInfo .InfoData .DataItem.I:first-of-type {
  margin-top: 0;
}
.About.AboutCard .AboutInfo .InfoData .DataItem.I .ItemTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.About.AboutCard .AboutInfo .InfoData .DataItem.I .ItemTitle .Icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.About.AboutCard .AboutInfo .InfoData .DataItem.I .ItemTitle .Icon img {
  display: none;
}
.About.AboutCard .AboutInfo .InfoData .DataItem.I .ItemTitle .Icon::after {
  content: "";
  display: block;
  width: 0.24rem;
  height: 0.24rem;
  min-width: 20px;
  min-height: 20px;
}
.About.AboutCard .AboutInfo .InfoData .DataItem.I .ItemTitle .Title {
  width: auto;
  color: #000;
  line-height: 1.3;
  font-weight: 500;
  margin-left: 0.1rem;
}
.About.AboutCard .AboutInfo .InfoData .DataItem.I .ItemContent {
  width: 100%;
  margin-top: 0.14rem;
  color: #000;
  line-height: 1.5;
}
.About.AboutCard .AboutInfo .InfoData .DataItem.I .ItemContent p {
  color: #000;
  line-height: 1.5;
}
.About.AboutCard .AboutInfo .InfoData .DataList.II {
  width: 30.5%;
  background-color: #0070ba;
  border-radius: 0.1rem;
  padding: 0 0.6rem;
}
.About.AboutCard .AboutInfo .InfoData .DataItem.II {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.4rem 0;
  height: 25%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 0.01rem solid transparent;
  border-bottom: 0.01rem solid rgba(255, 255, 255, 0.6);
}
.About.AboutCard .AboutInfo .InfoData .DataItem.II:first-of-type {
  border-top-color: transparent;
}
.About.AboutCard .AboutInfo .InfoData .DataItem.II .ItemNumber {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.About.AboutCard .AboutInfo .InfoData .DataItem.II .ItemNumber .Number, .About.AboutCard .AboutInfo .InfoData .DataItem.II .ItemNumber .Text {
  color: #fff;
  font-weight: 700;
}
.About.AboutCard .AboutInfo .InfoData .DataItem.II .ItemContent {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.About.AboutCard .AboutInfo .InfoData .DataItem.II .ItemIcon {
  width: auto;
}
.About.AboutCard .AboutInfo .InfoData .DataItem.II .ItemIcon img {
  display: none;
}
.About.AboutCard .AboutInfo .InfoData .DataItem.II .ItemIcon .Icon {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.About.AboutCard .AboutInfo .InfoData .DataItem.II .ItemIcon .Icon::after {
  width: 0.4rem;
  height: 0.4rem;
  min-width: 36px;
  min-height: 36px;
  display: block;
  content: "";
}
.About.AboutCard .AboutInfo .InfoData .DataItem.II .ItemText {
  width: 100%;
  margin-left: 0.1rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 900px) {
  .About.AboutCard .AboutInfo .InfoText {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .About.AboutCard .AboutInfo .InfoVideo {
    width: 100%;
  }
  .About.AboutCard .AboutInfo .InfoRemark {
    width: 100%;
    margin-top: 20px;
  }
  .About.AboutCard .AboutInfo .InfoData {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .About.AboutCard .AboutInfo .InfoData .DataList.I {
    width: 100%;
  }
  .About.AboutCard .AboutInfo .InfoData .DataList.II {
    width: 100%;
    margin-top: 20px;
  }
  .About.AboutCard .AboutInfo .InfoData .DataList.II .ItemContent {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .About.AboutCard .AboutInfo .InfoData .DataList.II .ItemIcon {
    margin-right: 10px;
  }
}
@media (max-width: 500px) {
  .About.AboutCard .AboutInfo .InfoTitle {
    font-size: 16.5833333333px;
  }
}
.About.AboutCard .AboutCulture {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  border-radius: 0.2rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
          box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
}
.About.AboutCard .AboutCulture .CultureLogo {
  width: 44%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.About.AboutCard .AboutCulture .CultureLogo .Logo {
  width: 60%;
  margin: 0 auto;
}
.About.AboutCard .AboutCulture .CultureLogo .Logo img {
  width: 100%;
  height: auto;
}
.About.AboutCard .AboutCulture .CultureData {
  width: 56%;
}
.About.AboutCard .AboutCulture .CultureData .DataList {
  background: rgba(3, 46, 87, 0.8);
  width: 100%;
  padding: 1rem 0;
}
.About.AboutCard .AboutCulture .CultureData .DataItem {
  width: 100%;
  padding: 0 1rem;
  margin-top: 0.6rem;
  position: relative;
  z-index: 5;
}
.About.AboutCard .AboutCulture .CultureData .DataItem:first-of-type {
  margin-top: 0;
}
.About.AboutCard .AboutCulture .CultureData .DataItem .ItemIcon {
  width: 0.8rem;
  min-width: 50px;
  height: 0.8rem;
  min-height: 50px;
  border: solid 0.01rem #0070ba;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5;
}
.About.AboutCard .AboutCulture .CultureData .DataItem .ItemIcon .Icon {
  width: 82.5%;
  height: 82.5%;
  border: dashed 0.01rem #0070ba;
  border-radius: 50%;
}
.About.AboutCard .AboutCulture .CultureData .DataItem .ItemIcon img {
  width: 100%;
  height: 100%;
}
.About.AboutCard .AboutCulture .CultureData .DataItem .ItemText {
  width: 100%;
}
.About.AboutCard .AboutCulture .CultureData .DataItem .ItemTitle {
  width: 100%;
  color: #fff;
  line-height: 1.3;
}
.About.AboutCard .AboutCulture .CultureData .DataItem .ItemRemark {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-top: 0.1rem;
}
.About.AboutCard .AboutCulture .CultureData .DataItem .ItemRemark p {
  color: #fff;
  line-height: 1.5;
}
@media (max-width: 750px) {
  .About.AboutCard .AboutCulture {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .About.AboutCard .AboutCulture .CultureLogo {
    width: 100%;
    padding: 50px 0;
  }
  .About.AboutCard .AboutCulture .CultureData {
    width: 100%;
  }
  .About.AboutCard .AboutCulture .CultureData .DataItem .ItemIcon {
    position: static;
    -webkit-transform: none;
            transform: none;
  }
  .About.AboutCard .AboutCulture .CultureData .DataItem .ItemText {
    margin-top: 20px;
  }
}
.About.AboutCard .AboutQuality {
  width: 100%;
}
.About.AboutCard .AboutQuality .QualityTable {
  width: 100%;
}
.About.AboutCard .AboutQuality .QualityTable .Table {
  width: 100%;
  overflow-x: auto;
}
.About.AboutCard .AboutQuality .QualityTable table {
  width: 100%;
  min-width: 960px;
  border: solid 0.01rem #ccc;
  text-align: center;
}
.About.AboutCard .AboutQuality .QualityTable table thead {
  width: 100%;
}
.About.AboutCard .AboutQuality .QualityTable table tbody {
  width: 100%;
}
.About.AboutCard .AboutQuality .QualityTable table tr {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.About.AboutCard .AboutQuality .QualityTable table td {
  border: solid 0.01rem #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.2rem 0.1rem;
  color: #000;
  line-height: 1.5;
}
.About.AboutCard .AboutQuality .QualityTable table td img {
  width: 100%;
  height: auto;
}
.About.AboutCard .AboutQuality .QualityTable table td:nth-child(1) {
  width: 19.5%;
}
.About.AboutCard .AboutQuality .QualityTable table td:nth-child(2) {
  width: 20%;
}
.About.AboutCard .AboutQuality .QualityTable table td:nth-child(3) {
  width: 20.2%;
}
.About.AboutCard .AboutQuality .QualityTable table td:nth-child(4) {
  width: 25.3%;
}
.About.AboutCard .AboutQuality .QualityTable table td:nth-child(5) {
  width: 15%;
}
.About.AboutCard .AboutMilestone {
  width: 100%;
  background-color: #fff;
  border-radius: 0.2rem;
  padding: 0.4rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
          box-shadow: 0 0.02rem 0.4rem 0 rgba(0, 72, 119, 0.1);
}
.About.AboutCard .AboutMilestone .MilestoneSwiper {
  width: 100%;
}
.About.AboutCard .AboutMilestone .MilestoneImgSwiper {
  width: 77.44%;
  margin: 0 auto;
}
.About.AboutCard .AboutMilestone .MilestoneImgSlide .SlideBoard {
  width: 100%;
}
.About.AboutCard .AboutMilestone .MilestoneImgSlide .SlideImg {
  width: 100%;
}
.About.AboutCard .AboutMilestone .MilestoneImgSlide .SlideImg .Img {
  width: 100%;
}
.About.AboutCard .AboutMilestone .MilestoneImgSlide .SlideImg img {
  width: 100%;
  border-radius: 0.1rem;
  height: auto;
}
.About.AboutCard .AboutMilestone .MilestoneImgSlide .SlideText {
  color: #000;
  line-height: 1.5;
  width: 100%;
  margin-top: 0.1rem;
}
.About.AboutCard .AboutMilestone .MilestoneButtonSwiper {
  width: 100%;
  margin-top: 0.4rem;
}
.About.AboutCard .AboutMilestone .MilestoneButtonSlide.Arrive .SlidePattern .Line::after {
  width: 100%;
}
.About.AboutCard .AboutMilestone .MilestoneButtonSlide.Active .SlideNumber .Number {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}
.About.AboutCard .AboutMilestone .MilestoneButtonSlide.Active .SlidePattern .Icon {
  border-color: #0070ba;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.About.AboutCard .AboutMilestone .MilestoneButtonSlide.Active .SlidePattern .Icon .I {
  background: #fff;
}
.About.AboutCard .AboutMilestone .MilestoneButtonSlide {
  padding: 0.2rem 0;
}
.About.AboutCard .AboutMilestone .MilestoneButtonSlide .SlideBoard {
  width: 100%;
}
.About.AboutCard .AboutMilestone .MilestoneButtonSlide .SlideText {
  cursor: pointer;
  width: 100%;
  text-align: center;
}
.About.AboutCard .AboutMilestone .MilestoneButtonSlide .SlideNumber {
  width: auto;
  display: inline-block;
  border: solid 0.1rem transparent;
  padding: 0.05rem;
  border-radius: 0.2rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About.AboutCard .AboutMilestone .MilestoneButtonSlide .SlideNumber .Number {
  color: #dfdfdf;
  width: auto;
  padding: 0.18rem 0.46rem;
  font-weight: 700;
  border-radius: 0.1rem;
  border: solid 0.01rem transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About.AboutCard .AboutMilestone .MilestoneButtonSlide .SlidePattern {
  width: 100%;
  position: relative;
  z-index: 5;
  margin-top: 0.3rem;
}
.About.AboutCard .AboutMilestone .MilestoneButtonSlide .SlidePattern .Line {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 4;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 0.02rem;
  min-height: 2px;
  background: #ebebec;
}
.About.AboutCard .AboutMilestone .MilestoneButtonSlide .SlidePattern .Line::after {
  content: "";
  display: block;
  width: 0%;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  height: 100%;
  background: #0070ba;
  -webkit-transition: all 0s;
  transition: all 0s;
}
.About.AboutCard .AboutMilestone .MilestoneButtonSlide .SlidePattern .Icon {
  width: 0.2rem;
  min-width: 18px;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border: 0.05rem solid #ebebec;
  position: relative;
  z-index: 5;
  margin: 0 auto;
  transition: all 0.5s;
}
.About.AboutCard .AboutMilestone .MilestoneButtonSlide .SlidePattern .Icon .I {
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: #fff;
  transition: all 0.5s;
}
@media (max-width: 750px) {
  .About.AboutCard .AboutMilestone .MilestoneImgSwiper {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .About.AboutCard {
    width: 100%;
    margin-top: 20px;
  }
}

/* Q & A */
.Answer.AnswerCrumb .Container {
  width: 16.4rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .Answer.AnswerCrumb .Container {
    width: 100%;
    padding: 0 20px;
  }
}

.Answer.AnswerContent {
  width: 100%;
}
.Answer.AnswerContent .Container {
  width: 16.4rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .Answer.AnswerContent .Container {
    width: 100%;
    padding: 0 20px;
  }
}

.Answer.AnswerBoard {
  width: 100%;
}

.Answer.AnswerList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.Answer.AnswerItem {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  display: block;
  background: #fff;
  -webkit-box-shadow: 0 0 0.12rem 0 rgba(0, 112, 186, 0.15);
          box-shadow: 0 0 0.12rem 0 rgba(0, 112, 186, 0.15);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 900px) {
  .Answer.AnswerItem {
    width: 49%;
  }
  .Answer.AnswerItem:nth-child(3n) {
    margin-right: 2%;
  }
  .Answer.AnswerItem:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 600px) {
  .Answer.AnswerItem {
    width: 100%;
    margin-right: 0;
  }
  .Answer.AnswerItem:nth-child(3n) {
    margin-right: 0;
  }
}
.Answer.AnswerItem:nth-child(3n) {
  margin-right: 0;
}
.Answer.AnswerItem:hover {
  background: rgba(0, 112, 186, 0.75);
}
.Answer.AnswerItem:hover .ItemImg .Img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.Answer.AnswerItem:hover .ItemTime .M {
  color: #fff;
}
.Answer.AnswerItem:hover .ItemTime .Y {
  color: #fff;
}
.Answer.AnswerItem:hover .ItemTitle {
  color: #fff;
}
.Answer.AnswerItem:hover .ItemRemark {
  color: #fff;
}
.Answer.AnswerItem:hover .ItemRemark p {
  color: #fff;
}
.Answer.AnswerItem:hover .ItemButton .Text {
  color: #0070ba;
  background: #fff;
}
.Answer.AnswerItem .ItemBoard {
  width: 100%;
  padding: 0.72rem 0;
  padding-left: 0.4rem;
}
.Answer.AnswerItem .ItemImg {
  width: 100%;
  overflow: hidden;
}
.Answer.AnswerItem .ItemImg .Img {
  width: 100%;
  padding-top: 53.5%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Answer.AnswerItem .ItemImg img {
  display: none;
}
.Answer.AnswerItem .ItemText {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 0.6rem;
  padding-right: 0.4rem;
}
.Answer.AnswerItem .ItemTime {
  width: auto;
  text-align: center;
  padding: 0.1rem;
  border: 0.01rem solid rgba(0, 0, 0, 0.1);
  border-radius: 0.04rem;
}
.Answer.AnswerItem .ItemTime .M {
  color: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-weight: 500;
}
.Answer.AnswerItem .ItemTime .Y {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #333;
}
.Answer.AnswerItem .ItemInfo {
  margin-left: 0.3rem;
  width: 100%;
}
.Answer.AnswerItem .ItemTitle {
  width: 100%;
  color: #333;
  font-weight: 500;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 1.3;
}
.Answer.AnswerItem .ItemRemark {
  width: 100%;
  color: #999;
  line-height: 1.5;
  padding-top: 0.15rem;
  border-top: 0.01rem solid rgba(0, 0, 0, 0.1);
  margin-top: 0.06rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Answer.AnswerItem .ItemRemark p {
  color: #999;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 1.5;
}
.Answer.AnswerItem .ItemButtons {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  padding-right: 0.4rem;
  display: none;
}
.Answer.AnswerItem .ItemButton {
  display: inline-block;
}
.Answer.AnswerItem .ItemButton .Text {
  width: auto;
  padding: 0.08rem 0.2rem;
  color: #999;
  border-radius: 0.25rem;
  white-space: nowrap;
  border: 0.01rem solid #999;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1920px) {
  .Answer.AnswerItem .ItemButton .Text {
    border-radius: 25px;
  }
}