@charset "UTF-8";
/* 主题色 */
/* 首页 */
.Home.HomeBanner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 5;
  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: #000;
}
.Home.HomeBanner .BannerSwiper {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Home.HomeBanner .BannerSlide {
  overflow: hidden;
  position: relative;
  z-index: 5;
}
.Home.HomeBanner .BannerSlide .SlideImg {
  width: 100%;
  padding-top: 50%;
  position: relative;
  z-index: 4;
}
.Home.HomeBanner .BannerSlide .SlideImg img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.Home.HomeBanner .BannerSlide .SlideText {
  width: 100%;
  padding: 0 1.6rem;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 5;
}
.Home.HomeBanner .BannerSlide .SlideText .Title {
  color: #fff;
  line-height: 1.3;
}
.Home.HomeBanner .BannerSlide .SlideText .Content {
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
  margin-top: 0.1rem;
}
.Home.HomeBanner .BannerSlide .SlideVideo {
  width: 100%;
  padding-top: 50%;
  position: relative;
  z-index: 4;
}
.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%;
  padding: 0 1.6rem;
  position: absolute;
  left: 0;
  bottom: 5%;
  z-index: 5;
  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.HomeBanner .BannerSwiperPagination .Buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Home.HomeBanner .BannerSwiperPagination .Button {
  width: 0.16rem;
  margin-right: 0.1rem;
  height: 0.16rem;
  min-width: 16px;
  min-height: 16px;
  border: 0.02rem solid transparent;
  background: transparent;
  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;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeBanner .BannerSwiperPagination .Button:last-child {
  margin-right: 0;
}
.Home.HomeBanner .BannerSwiperPagination .Button::after {
  content: "";
  display: block;
  width: 37.5%;
  height: 37.5%;
  border-radius: 50%;
  background: #fff;
}
.Home.HomeBanner .BannerSwiperPagination .Button.swiper-pagination-bullet-active {
  border-color: #fff;
}
@media (max-width: 1200px) {
  .Home.HomeBanner .BannerSlide .SlideText {
    padding: 0 10px;
  }
}

.Home.HomeAbout {
  width: 100%;
  padding: 1rem 0;
  background: url(../images/Home3.png) top left/42.8% auto no-repeat;
}
.Home.HomeAbout .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home.HomeAbout .Container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Home.HomeAbout .AboutText {
  width: 42%;
}
.Home.HomeAbout .AboutTitle {
  width: 100%;
}
.Home.HomeAbout .AboutTitle .Title {
  width: 100%;
}
.Home.HomeAbout .AboutTitle .EN {
  width: 100%;
  color: #e62129;
  line-height: 1.3;
}
.Home.HomeAbout .AboutTitle .CH {
  width: 100%;
  color: #222;
  line-height: 1.2;
  font-weight: 700;
  margin-top: 0.05rem;
}
.Home.HomeAbout .AboutRemark {
  width: 100%;
  color: #333;
  line-height: 1.7;
  margin-top: 0.36rem;
}
.Home.HomeAbout .AboutRemark p {
  color: #333;
  line-height: 1.7;
}
.Home.HomeAbout .AboutData {
  width: 100%;
}
.Home.HomeAbout .AboutData .DataList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Home.HomeAbout .AboutData .DataItem {
  width: 50%;
  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;
  margin-top: 0.48rem;
}
.Home.HomeAbout .AboutData .DataItem .ItemNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.Home.HomeAbout .AboutData .DataItem .ItemNumber .Number {
  color: #e62129;
  font-weight: 700;
  letter-spacing: 0.01rem;
}
.Home.HomeAbout .AboutData .DataItem .ItemNumber .Text {
  color: #222;
  line-height: 1.2;
  white-space: nowrap;
}
.Home.HomeAbout .AboutData .DataItem .ItemRemark {
  width: 100%;
  margin-top: 0.1rem;
  color: #333;
}
.Home.HomeAbout .AboutButton {
  display: inline-block;
  margin-top: 0.5rem;
}
.Home.HomeAbout .AboutButton:hover .ButtonBoard {
  border-color: #e62129;
  background: #e62129;
}
.Home.HomeAbout .AboutButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow2.png);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Home.HomeAbout .AboutButton:hover .ButtonText {
  color: #fff;
}
.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.2rem 0.5rem;
  border-radius: 0.3rem;
  background: transparent;
  border: 0.01rem solid #ccc;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1920px) {
  .Home.HomeAbout .AboutButton .ButtonBoard {
    border-radius: 30px;
  }
}
.Home.HomeAbout .AboutButton .ButtonText {
  color: #e62129;
  line-height: 1.1;
  white-space: nowrap;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeAbout .AboutButton .ButtonIcon {
  width: 0.11rem;
  min-width: 10px;
  margin-left: 0.26rem;
  -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/contain no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeAbout .AboutImg {
  width: 51.25%;
  overflow: hidden;
  border-radius: 0.2rem;
}
.Home.HomeAbout .AboutImg:hover .Img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.Home.HomeAbout .AboutImg .Img {
  width: 100%;
  padding-top: 85.3658536585%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeAbout .AboutImg img {
  display: none;
}
@media (max-width: 900px) {
  .Home.HomeAbout .Container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Home.HomeAbout .AboutText {
    width: 100%;
  }
  .Home.HomeAbout .AboutImg {
    width: 100%;
    margin-top: 20px;
  }
  .Home.HomeAbout .AboutImg .Img {
    height: auto;
  }
}

.Home.HomeGoods {
  width: 100%;
  position: relative;
  z-index: 5;
  overflow-x: hidden;
}
.Home.HomeGoods::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Home.HomeGoods .GoodsTitle {
  width: 100%;
  position: absolute;
  left: 0;
  top: 1rem;
  z-index: 5;
}
.Home.HomeGoods .GoodsTitle .Title {
  width: 100%;
  padding: 0 1.6rem;
}
.Home.HomeGoods .GoodsTitle .EN {
  width: 100%;
  color: #fff;
  line-height: 1.3;
}
.Home.HomeGoods .GoodsTitle .CH {
  width: 100%;
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
  margin-top: 0.05rem;
}
.Home.HomeGoods .GoodsSwiper {
  width: 100%;
}
.Home.HomeGoods .GoodsInfoSwiper {
  width: 100%;
  background: #f7f7f7;
}
.Home.HomeGoods .GoodsInfoSlide {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Home.HomeGoods .GoodsInfoSlide .SlideImg {
  width: 63.85%;
}
.Home.HomeGoods .GoodsInfoSlide .SlideImg .Img {
  width: 100%;
  height: 100%;
  padding-top: 73.4094616639%;
}
.Home.HomeGoods .GoodsInfoSlide .SlideImg img {
  display: none;
}
.Home.HomeGoods .GoodsInfoSlide .SlideInfo {
  width: 35.15%;
  padding-top: 1rem;
  padding-left: 0.8rem;
  padding-right: 1.6rem;
  padding-bottom: 2.5rem;
  text-align: center;
}
.Home.HomeGoods .GoodsInfoSlide .SlideInfo .InfoImg {
  width: 51%;
  margin: 0 auto;
}
.Home.HomeGoods .GoodsInfoSlide .SlideInfo .InfoImg .Img {
  width: 100%;
  padding-top: 139.5555555556%;
  position: relative;
  z-index: 5;
}
.Home.HomeGoods .GoodsInfoSlide .SlideInfo .InfoImg img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.Home.HomeGoods .GoodsInfoSlide .SlideInfo .InfoTitle {
  width: 100%;
  color: #222;
  line-height: 1.3;
  font-weight: 700;
  margin-top: 0.32rem;
}
.Home.HomeGoods .GoodsInfoSlide .SlideInfo .InfoRemark {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.16rem;
}
.Home.HomeGoods .GoodsInfoSlide .SlideInfo .InfoRemark p {
  color: #666;
  line-height: 1.5;
}
.Home.HomeGoods .GoodsInfoSlide .SlideInfo .InfoButton {
  display: inline-block;
  margin-top: 0.32rem;
}
.Home.HomeGoods .GoodsInfoSlide .SlideInfo .InfoButton:hover .ButtonBoard {
  border-color: #e62129;
  background: #e62129;
}
.Home.HomeGoods .GoodsInfoSlide .SlideInfo .InfoButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow2.png);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Home.HomeGoods .GoodsInfoSlide .SlideInfo .InfoButton:hover .ButtonText {
  color: #fff;
}
.Home.HomeGoods .GoodsInfoSlide .SlideInfo .InfoButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.14rem 0.32rem;
  border-radius: 0.25rem;
  background: transparent;
  border: 0.01rem solid #ccc;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1920px) {
  .Home.HomeGoods .GoodsInfoSlide .SlideInfo .InfoButton .ButtonBoard {
    border-radius: 25px;
  }
}
.Home.HomeGoods .GoodsInfoSlide .SlideInfo .InfoButton .ButtonText {
  color: #e62129;
  line-height: 1.1;
  white-space: nowrap;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeGoods .GoodsInfoSlide .SlideInfo .InfoButton .ButtonIcon {
  width: 0.11rem;
  min-width: 10px;
  margin-left: 0.26rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeGoods .GoodsInfoSlide .SlideInfo .InfoButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/contain no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeGoods .GoodsButtonSwiper {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0.5rem;
  z-index: 5;
  padding: 0 1.6rem;
}
.Home.HomeGoods .GoodsButtonSlide.Active {
  border-color: #e62129;
}
.Home.HomeGoods .GoodsButtonSlide.Active:first-of-type {
  border-left-color: #e62129;
}
.Home.HomeGoods .GoodsBullets {
  width: 100%;
  display: none;
  margin-top: 10px;
}
.Home.HomeGoods .GoodsBullets .swiper-pagination {
  position: static;
}
.Home.HomeGoods .GoodsBullets .swiper-pagination-bullet {
  margin: 0 2px;
}
.Home.HomeGoods .GoodsBullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #e62129;
}
.Home.HomeGoods .GoodsButtonSlide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem 0.3rem;
  background: #fff;
  border: 0.02rem solid transparent;
  border-left-color: #f3f3f3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.Home.HomeGoods .GoodsButtonSlide:hover {
  border-color: #e62129;
}
.Home.HomeGoods .GoodsButtonSlide:hover:first-of-type {
  border-left-color: #e62129;
}
.Home.HomeGoods .GoodsButtonSlide:first-of-type {
  border-left-color: transparent;
}
.Home.HomeGoods .GoodsButtonSlide .SlideText {
  width: 100%;
}
.Home.HomeGoods .GoodsButtonSlide .SlideTltle {
  width: 100%;
}
.Home.HomeGoods .GoodsButtonSlide .SlideTltle .Title {
  width: 100%;
}
.Home.HomeGoods .GoodsButtonSlide .SlideTltle .Title .CH {
  color: #222;
  font-weight: 700;
  line-height: 1.4;
}
.Home.HomeGoods .GoodsButtonSlide .SlideTltle .Title .EN {
  color: #999;
  line-height: 1.5;
}
.Home.HomeGoods .GoodsButtonSlide .SlideImg {
  width: auto;
}
.Home.HomeGoods .GoodsButtonSlide .SlideImg .Img {
  width: 1.4rem;
  height: 1.4rem;
  background: #f3f3f3;
  border-radius: 0.06rem;
  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 .GoodsButtonSlide .SlideImg .I {
  width: 44.2%;
  padding-top: 61.3096774194%;
  position: relative;
  z-index: 5;
}
.Home.HomeGoods .GoodsButtonSlide .SlideImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
@media (max-width: 1200px) {
  .Home.HomeGoods .GoodsTitle .Title {
    padding: 0 10px;
  }
  .Home.HomeGoods .GoodsButtonSwiper {
    padding: 0 10px;
  }
  .Home.HomeGoods .GoodsInfoSlide .SlideInfo {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 900px) {
  .Home.HomeGoods .GoodsTitle {
    top: 20px;
  }
  .Home.HomeGoods .GoodsBullets {
    display: block;
  }
  .Home.HomeGoods .GoodsInfoSlide .SlideInfo {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .Home.HomeGoods .GoodsButtonSwiper {
    display: none;
  }
}
@media (max-width: 750px) {
  .Home.HomeGoods .GoodsInfoSlide .SlideImg {
    width: 56%;
  }
  .Home.HomeGoods .GoodsInfoSlide .SlideInfo {
    width: 44%;
  }
}

.Home.HomeCase {
  width: 100%;
  padding: 1rem 0;
}
.Home.HomeCase .CaseTitle {
  width: 100%;
  text-align: center;
}
.Home.HomeCase .CaseTitle .Title {
  width: 100%;
}
.Home.HomeCase .CaseTitle .EN {
  width: 100%;
  color: #e62129;
  line-height: 1.3;
}
.Home.HomeCase .CaseTitle .CH {
  width: 100%;
  color: #222;
  line-height: 1.2;
  font-weight: 700;
  margin-top: 0.05rem;
}
.Home.HomeCase .CaseSwiper {
  width: 100%;
  margin-top: 0.6rem;
  position: relative;
  z-index: 5;
}
.Home.HomeCase .CaseSwiper .swiper-pagination {
  display: none;
  width: 100%;
  position: static;
  margin-top: 10px;
}
.Home.HomeCase .CaseSwiper .swiper-pagination-bullet {
  margin: 0 2px;
}
.Home.HomeCase .CaseSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #e62129;
}
.Home.HomeCase .CaseSlide.swiper-slide-active .SlideLayout {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.Home.HomeCase .CaseSlide.swiper-slide-active .SlideText {
  opacity: 1;
}
.Home.HomeCase .CaseSlide .SlideLayout {
  width: 100%;
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.Home.HomeCase .CaseSlide .SlideImg {
  width: 100%;
}
.Home.HomeCase .CaseSlide .SlideImg .Img {
  border-radius: 0.1rem;
  overflow: hidden;
  width: 100%;
}
.Home.HomeCase .CaseSlide .SlideImg img {
  width: 100%;
  height: auto;
}
.Home.HomeCase .CaseSlide .SlideText {
  width: 100%;
  text-align: center;
  opacity: 0;
}
.Home.HomeCase .CaseSlide .SlideTitle {
  color: #222;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 0.36rem;
}
.Home.HomeCase .CaseSlide .SlideRemark {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.24rem;
}
.Home.HomeCase .CaseSlide .SlideRemark p {
  color: #666;
  line-height: 1.5;
}
.Home.HomeCase .CaseSwiperButtons {
  width: 12.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
}
.Home.HomeCase .CaseSwiperButtons .PrevButton, .Home.HomeCase .CaseSwiperButtons .NextButton {
  width: 0.6rem;
  min-width: 40px;
  display: block;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  border: solid 0.02rem #ededed;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeCase .CaseSwiperButtons .PrevButton:hover, .Home.HomeCase .CaseSwiperButtons .NextButton:hover {
  border-color: #e62129;
}
.Home.HomeCase .CaseSwiperButtons .PrevButton:hover::after, .Home.HomeCase .CaseSwiperButtons .NextButton:hover::after {
  background-image: url(../images/arrow2.png);
  background-color: #e62129;
}
.Home.HomeCase .CaseSwiperButtons .PrevButton::after, .Home.HomeCase .CaseSwiperButtons .NextButton::after {
  content: "";
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow3.png) center/17.5% no-repeat;
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 50%;
}
.Home.HomeCase .CaseSwiperButtons .PrevButton::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.Home.HomeCase .CaseSwiperButtons .NextButton:hover::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Home.HomeCase .CaseSwiperButtons .PrevButton:hover::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
@media (max-width: 1200px) {
  .Home.HomeCase {
    padding: 1rem 10px;
  }
  .Home.HomeCase .CaseSwiper .swiper-pagination {
    display: none;
  }
  .Home.HomeCase .CaseSwiperButtons {
    width: 100%;
    padding: 0 10px;
  }
}

.Home.HomeNews {
  width: 100%;
  background: #f7f7f7;
  padding: 1rem 0;
}
.Home.HomeNews .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-x: hidden;
}
.Home.HomeNews .Container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Home.HomeNews .NewsTitle {
  width: auto;
}
.Home.HomeNews .NewsTitle .Title {
  width: 100%;
}
.Home.HomeNews .NewsTitle .EN {
  width: 100%;
  color: #e62129;
  line-height: 1.3;
}
.Home.HomeNews .NewsTitle .CH {
  width: 100%;
  color: #222;
  line-height: 1.2;
  font-weight: 700;
  margin-top: 0.05rem;
}
.Home.HomeNews .NewsButtons {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Home.HomeNews .NewsButton {
  display: inline-block;
}
.Home.HomeNews .NewsButton:hover .ButtonBoard {
  border-color: #e62129;
  background: #e62129;
}
.Home.HomeNews .NewsButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow2.png);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Home.HomeNews .NewsButton:hover .ButtonText {
  color: #fff;
}
.Home.HomeNews .NewsButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
  background: transparent;
  border: 0.01rem solid #ccc;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1920px) {
  .Home.HomeNews .NewsButton .ButtonBoard {
    border-radius: 30px;
  }
}
.Home.HomeNews .NewsButton .ButtonText {
  color: #e62129;
  line-height: 1.1;
  white-space: nowrap;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeNews .NewsButton .ButtonIcon {
  width: 0.11rem;
  min-width: 10px;
  margin-left: 0.26rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeNews .NewsButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/contain no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeNews .NewsList {
  width: 100%;
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Home.HomeNews .NewsItem {
  border-radius: 0.1rem;
  overflow: hidden;
  display: block;
  margin-top: 1.25%;
}
.Home.HomeNews .NewsItem:nth-child(5n+1) {
  width: 66.25%;
  margin-right: 1.25%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.Home.HomeNews .NewsItem:nth-child(5n+1):hover .ItemImg {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.Home.HomeNews .NewsItem:nth-child(5n+1) .ItemImg {
  width: 100%;
  padding-top: 39.6226415094%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeNews .NewsItem:nth-child(5n+1) .ItemImg img {
  display: none;
}
.Home.HomeNews .NewsItem:nth-child(5n+1) .ItemText {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  padding: 0.5rem;
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: url(../images/Home9.png) bottom center/contain no-repeat;
}
.Home.HomeNews .NewsItem:nth-child(5n+1) .ItemTime {
  width: 100%;
  color: #fff;
  line-height: 1.2;
}
.Home.HomeNews .NewsItem:nth-child(5n+1) .ItemTitle {
  width: 100%;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 0.2rem;
}
.Home.HomeNews .NewsItem:nth-child(5n+2) {
  width: 32.5%;
  background: url(../images/Home8.png) top right/49.6% auto no-repeat;
  background-color: #e62129;
}
.Home.HomeNews .NewsItem:nth-child(5n+2):hover .ItemButton .ButtonIcon {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Home.HomeNews .NewsItem:nth-child(5n+2) .ItemText {
  width: 100%;
  padding: 0.5rem 0.6rem;
}
.Home.HomeNews .NewsItem:nth-child(5n+2) .ItemTime {
  width: 100%;
  color: #fff;
  line-height: 1.2;
}
.Home.HomeNews .NewsItem:nth-child(5n+2) .ItemTitle {
  width: 100%;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 0.22rem;
}
.Home.HomeNews .NewsItem:nth-child(5n+2) .ItemRemark {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-top: 0.36rem;
}
.Home.HomeNews .NewsItem:nth-child(5n+2) .ItemRemark p {
  color: #fff;
  line-height: 1.5;
}
.Home.HomeNews .NewsItem:nth-child(5n+2) .ItemButton {
  display: inline-block;
  margin-top: 1rem;
}
.Home.HomeNews .NewsItem:nth-child(5n+2) .ItemButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Home.HomeNews .NewsItem:nth-child(5n+2) .ItemButton .ButtonText {
  color: #fff;
  line-height: 1.2;
}
.Home.HomeNews .NewsItem:nth-child(5n+2) .ItemButton .ButtonIcon {
  width: 0.11rem;
  min-width: 10px;
  margin-left: 0.1rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeNews .NewsItem:nth-child(5n+2) .ItemButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow2.png) center/contain no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeNews .NewsItem:nth-child(5n+3), .Home.HomeNews .NewsItem:nth-child(5n+4), .Home.HomeNews .NewsItem:nth-child(5n+5) {
  width: 32.5%;
  background: #fff;
  margin-right: 1.25%;
}
.Home.HomeNews .NewsItem:nth-child(5n+3):hover .ItemTitle, .Home.HomeNews .NewsItem:nth-child(5n+4):hover .ItemTitle, .Home.HomeNews .NewsItem:nth-child(5n+5):hover .ItemTitle {
  color: #e62129;
}
.Home.HomeNews .NewsItem:nth-child(5n+3):hover .ItemButton .ButtonIcon, .Home.HomeNews .NewsItem:nth-child(5n+4):hover .ItemButton .ButtonIcon, .Home.HomeNews .NewsItem:nth-child(5n+5):hover .ItemButton .ButtonIcon {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Home.HomeNews .NewsItem:nth-child(5n+3) .ItemText, .Home.HomeNews .NewsItem:nth-child(5n+4) .ItemText, .Home.HomeNews .NewsItem:nth-child(5n+5) .ItemText {
  width: 100%;
  padding: 0.5rem 0.6rem;
}
.Home.HomeNews .NewsItem:nth-child(5n+3) .ItemTime, .Home.HomeNews .NewsItem:nth-child(5n+4) .ItemTime, .Home.HomeNews .NewsItem:nth-child(5n+5) .ItemTime {
  width: 100%;
  color: #666;
  line-height: 1.2;
}
.Home.HomeNews .NewsItem:nth-child(5n+3) .ItemTitle, .Home.HomeNews .NewsItem:nth-child(5n+4) .ItemTitle, .Home.HomeNews .NewsItem:nth-child(5n+5) .ItemTitle {
  width: 100%;
  color: #333;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 0.22rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeNews .NewsItem:nth-child(5n+3) .ItemButton, .Home.HomeNews .NewsItem:nth-child(5n+4) .ItemButton, .Home.HomeNews .NewsItem:nth-child(5n+5) .ItemButton {
  display: inline-block;
  margin-top: 0.5rem;
}
.Home.HomeNews .NewsItem:nth-child(5n+3) .ItemButton .ButtonBoard, .Home.HomeNews .NewsItem:nth-child(5n+4) .ItemButton .ButtonBoard, .Home.HomeNews .NewsItem:nth-child(5n+5) .ItemButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Home.HomeNews .NewsItem:nth-child(5n+3) .ItemButton .ButtonText, .Home.HomeNews .NewsItem:nth-child(5n+4) .ItemButton .ButtonText, .Home.HomeNews .NewsItem:nth-child(5n+5) .ItemButton .ButtonText {
  color: #e62129;
  line-height: 1.2;
}
.Home.HomeNews .NewsItem:nth-child(5n+3) .ItemButton .ButtonIcon, .Home.HomeNews .NewsItem:nth-child(5n+4) .ItemButton .ButtonIcon, .Home.HomeNews .NewsItem:nth-child(5n+5) .ItemButton .ButtonIcon {
  width: 0.11rem;
  min-width: 10px;
  margin-left: 0.1rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeNews .NewsItem:nth-child(5n+3) .ItemButton .ButtonIcon::after, .Home.HomeNews .NewsItem:nth-child(5n+4) .ItemButton .ButtonIcon::after, .Home.HomeNews .NewsItem:nth-child(5n+5) .ItemButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/contain no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeNews .NewsItem:nth-child(5n+5) {
  margin-right: 0;
}
@media (max-width: 1200px) {
  .Home.HomeNews .NewsItem:nth-child(5n+1) .ItemText {
    padding: 20px 10px;
  }
  .Home.HomeNews .NewsItem:nth-child(5n+2) .ItemText {
    padding: 20px 10px;
  }
  .Home.HomeNews .NewsItem:nth-child(5n+3) .ItemText, .Home.HomeNews .NewsItem:nth-child(5n+4) .ItemText, .Home.HomeNews .NewsItem:nth-child(5n+5) .ItemText {
    padding: 20px 10px;
  }
}
@media (max-width: 600px) {
  .Home.HomeNews .NewsItem:nth-child(5n+1) {
    width: 100%;
    margin-right: 0;
  }
  .Home.HomeNews .NewsItem:nth-child(5n+1) .ItemImg {
    padding-top: 39.6226415094%;
  }
  .Home.HomeNews .NewsItem:nth-child(5n+2) {
    width: 100%;
  }
  .Home.HomeNews .NewsItem:nth-child(5n+3), .Home.HomeNews .NewsItem:nth-child(5n+4), .Home.HomeNews .NewsItem:nth-child(5n+5) {
    width: 100%;
    margin-right: 0;
  }
}

/* 产品中心 */
.Goods.GoodsContent {
  width: 100%;
  background: #f7f7f7;
  padding: 0.8rem 0 1.3rem;
}
.Goods.GoodsContent .GoodsList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Goods.GoodsContent .GoodsItem {
  width: 32.5%;
  display: block;
  margin-right: 1.25%;
  padding: 0.4rem 0;
  text-align: center;
  background: #fff;
  margin-bottom: 0.4rem;
}
.Goods.GoodsContent .GoodsItem:hover .ItemImg .Img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.Goods.GoodsContent .GoodsItem:hover .ItemTitle {
  color: #e62129;
}
.Goods.GoodsContent .GoodsItem:hover .ItemFoot{
  color: #e62129;
}
.Goods.GoodsContent .GoodsItem:hover .ItemButton::after {
  background-color: #e62129;
  border-color: #e62129;
  background-image: url(../images/arrow2.png);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Goods.GoodsContent .GoodsItem:nth-child(3n) {
  margin-right: 0;
}
.Goods.GoodsContent .GoodsItem .ItemImg {
  width: 41.5%;
  margin: 0 auto;
}
.Goods.GoodsContent .GoodsItem .ItemImg .Img {
  width: 100%;
  padding-top: 138.4259259259%;
  position: relative;
  z-index: 5;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
}
.Goods.GoodsContent .GoodsItem .ItemImg img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
}
.Goods.GoodsContent .GoodsItem .ItemText {
  padding: 0 0.2rem;
  width: 100%;
  margin-top: 0.56rem;
}
.Goods.GoodsContent .GoodsItem .ItemTitle {
  width: 100%;
  color: #333;
  line-height: 1.4;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
  font-weight: 700;
}
.Goods.GoodsContent .GoodsItem .ItemFoot{
  margin-top: 0.36rem;
  display: flex; align-items: center; justify-content: center;
}
.Goods.GoodsContent .GoodsItem .ItemButton {
  width: 0.7rem;
  cursor: pointer;
  /* margin: 0 auto; */
  /* margin-top: 0.36rem; */
  margin-left: .2rem;
}
.Goods.GoodsContent .GoodsItem .ItemButton::after {
  content: "";
  width: 100%;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
  padding-top: 100%;
  display: block;
  border-radius: 50%;
  border: 0.01rem solid #ccc;
  background: url(../images/arrow1.png) center/17.5% no-repeat;
}
.Goods.GoodsContent .GoodsPager {
  margin-top: 0.2rem;
}
@media (max-width: 750px) {
  .Goods.GoodsContent .GoodsItem {
    width: 49.375%;
  }
  .Goods.GoodsContent .GoodsItem:nth-child(3n) {
    margin-right: 1.25%;
  }
  .Goods.GoodsContent .GoodsItem:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 500px) {
  .Goods.GoodsContent .GoodsItem {
    width: 100%;
    margin-right: 0;
  }
  .Goods.GoodsContent .GoodsItem:nth-child(3n) {
    margin-right: 0;
  }
}

.Goods.GoodsDetail {
  background: #f7f7f7;
}
.Goods.GoodsDetail .DetailInfo {
  width: 100%;
  padding: 1rem 0;
}
.Goods.GoodsDetail .DetailInfo .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Goods.GoodsDetail .DetailInfo .Container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Goods.GoodsDetail .DetailInfo .InfoSwipers {
  width: 50%;
  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;
}
.Goods.GoodsDetail .DetailInfo .InfoImgSwiper {
  width: 80%;
}
.Goods.GoodsDetail .DetailInfo .InfoImgSlide .SlideImg {
  width: 100%;
  padding-top: 100%;
  position: relative;
  z-index: 5;
}
.Goods.GoodsDetail .DetailInfo .InfoImgSlide .SlideImg img {
  width: auto;
  height: 57.34%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.Goods.GoodsDetail .DetailInfo .InfoButtonSwiper {
  width: 12.5%;
  height: 3.4rem;
}
.Goods.GoodsDetail .DetailInfo .InfoButtonSwiper .swiper-container {
  height: 100%;
  width: 100%;
}
.Goods.GoodsDetail .DetailInfo .InfoButtonSilde.Active .SlideImg {
  border-color: #e62129;
}
.Goods.GoodsDetail .DetailInfo .InfoButtonSilde .SlideImg {
  cursor: pointer;
  width: 100%;
  border: 0.02rem solid #fff;
  background: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsDetail .DetailInfo .InfoButtonSilde .SlideImg:hover {
  border-color: #e62129;
}
.Goods.GoodsDetail .DetailInfo .InfoButtonSilde .SlideImg .Img {
  width: 100%;
  padding-top: 100%;
  position: relative;
  z-index: 5;
}
.Goods.GoodsDetail .DetailInfo .InfoButtonSilde .SlideImg img {
  width: auto;
  height: 75%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.Goods.GoodsDetail .DetailInfo .InfoText {
  width: 40%;
}
.Goods.GoodsDetail .DetailInfo .InfoTitle {
  width: 100%;
  padding-bottom: 0.32rem;
  border-bottom: 0.01rem solid #ccc;
}
.Goods.GoodsDetail .DetailInfo .InfoTitle .Title {
  width: 100%;
  color: #333;
  font-weight: 700;
  line-height: 1.3;
}
.Goods.GoodsDetail .DetailInfo .InfoRemark {
  width: 100%;
  margin-top: 0.48rem;
  color: #333;
  line-height: 1.75;
}
.Goods.GoodsDetail .DetailInfo .InfoRemark p {
  color: #333;
  line-height: 1.75;
}
.Goods.GoodsDetail .DetailInfo .InfoButton {
  display: inline-block;
  margin-top: 0.5rem;
}
.Goods.GoodsDetail .DetailInfo .InfoButton:hover .ButtonBoard {
  border-color: #e62129;
  background: #e62129;
}
.Goods.GoodsDetail .DetailInfo .InfoButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow2.png);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Goods.GoodsDetail .DetailInfo .InfoButton:hover .ButtonText {
  color: #fff;
}
.Goods.GoodsDetail .DetailInfo .InfoButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
  background: transparent;
  border: 0.01rem solid #ccc;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1920px) {
  .Goods.GoodsDetail .DetailInfo .InfoButton .ButtonBoard {
    border-radius: 30px;
  }
}
.Goods.GoodsDetail .DetailInfo .InfoButton .ButtonText {
  color: #e62129;
  line-height: 1.1;
  white-space: nowrap;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsDetail .DetailInfo .InfoButton .ButtonIcon {
  width: 0.11rem;
  min-width: 10px;
  margin-left: 0.26rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsDetail .DetailInfo .InfoButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/contain no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1200px) {
  .Goods.GoodsDetail .DetailInfo .Container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Goods.GoodsDetail .DetailInfo .InfoSwipers {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .Goods.GoodsDetail .DetailInfo .InfoImgSwipers {
    width: 100%;
  }
  .Goods.GoodsDetail .DetailInfo .InfoButtonSwiper {
    width: 100%;
    height: auto;
  }
  .Goods.GoodsDetail .DetailInfo .InfoText {
    width: 100%;
  }
  .Goods.GoodsDetail .DetailInfo .InfoButtonSilde .SlideImg {
    border-radius: 0;
  }
}
.Goods.GoodsDetail .DetailParam {
  width: 100%;
  background: #fff;
  padding: 1rem 0 0.8rem;
}
.Goods.GoodsDetail .DetailParam .ParamTitle {
  width: 100%;
  overflow-x: hidden;
}
.Goods.GoodsDetail .DetailParam .ParamTitle::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Goods.GoodsDetail .DetailParam .ParamTitle .Title {
  color: #333;
  line-height: 1.3;
  font-weight: 700;
}
.Goods.GoodsDetail .DetailParam .ParamTable {
  width: 100%;
  margin-top: 0.5rem;
}
.Goods.GoodsDetail .DetailParam .ParamTable .Table {
  overflow-x: hidden;
  width: 100%;
}
.Goods.GoodsDetail .DetailParam .ParamTable .Table::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Goods.GoodsDetail .DetailParam .ParamTable .Table .TableInfo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Goods.GoodsDetail .DetailParam .ParamTable .Table .TableInfo .Title {
  width: 25%;
  color: #333;
  line-height: 1.4;
  padding: 0.2rem 0.3rem;
  background: #f7f7f7;
  border: solid 0.01rem #f3f3f3;
}
.Goods.GoodsDetail .DetailParam .ParamTable .Table .TableInfo .Content {
  width: 75%;
  color: #666;
  line-height: 1.4;
  padding: 0.2rem 0.3rem;
  border: solid 0.01rem #f3f3f3;
}
.Goods.GoodsDetail .DetailArea {
  width: 100%;
  padding-bottom: 1rem;
  background: #fff;
}
.Goods.GoodsDetail .DetailArea .AreaTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-x: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Goods.GoodsDetail .DetailArea .AreaTitle::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Goods.GoodsDetail .DetailArea .AreaTitle .Title {
  color: #333;
  line-height: 1.3;
  font-weight: 700;
}
.Goods.GoodsDetail .DetailArea .AreaTitle .Buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Goods.GoodsDetail .DetailArea .AreaTitle .Buttons .PrevButton, .Goods.GoodsDetail .DetailArea .AreaTitle .Buttons .NextButton {
  width: 0.6rem;
  min-width: 40px;
  display: block;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  border: solid 0.02rem #ededed;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsDetail .DetailArea .AreaTitle .Buttons .PrevButton:hover, .Goods.GoodsDetail .DetailArea .AreaTitle .Buttons .NextButton:hover {
  border-color: #e62129;
}
.Goods.GoodsDetail .DetailArea .AreaTitle .Buttons .PrevButton:hover::after, .Goods.GoodsDetail .DetailArea .AreaTitle .Buttons .NextButton:hover::after {
  background-image: url(../images/arrow2.png);
  background-color: #e62129;
}
.Goods.GoodsDetail .DetailArea .AreaTitle .Buttons .PrevButton::after, .Goods.GoodsDetail .DetailArea .AreaTitle .Buttons .NextButton::after {
  content: "";
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow3.png) center/17.5% no-repeat;
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Goods.GoodsDetail .DetailArea .AreaTitle .Buttons .PrevButton {
  margin-right: 0.2rem;
}
.Goods.GoodsDetail .DetailArea .AreaTitle .Buttons .PrevButton::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.Goods.GoodsDetail .DetailArea .AreaSwiper {
  width: 100%;
  margin-top: 0.2rem;
}
.Goods.GoodsDetail .DetailArea .AreaItem {
  display: block;
  width: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
}
.Goods.GoodsDetail .DetailArea .AreaItem:hover .ItemImg .Img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.Goods.GoodsDetail .DetailArea .AreaItem:hover .ItemText {
  color: #fff;
  background: #e62129;
}
.Goods.GoodsDetail .DetailArea .AreaItem .ItemImg {
  width: 100%;
  overflow: hidden;
}
.Goods.GoodsDetail .DetailArea .AreaItem .ItemImg .Img {
  width: 100%;
  padding-top: 61.5384615385%;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
}
.Goods.GoodsDetail .DetailArea .AreaItem .ItemImg img {
  display: none;
}
.Goods.GoodsDetail .DetailArea .AreaItem .ItemText {
  width: 100%;
  color: #333;
  font-weight: 700;
  line-height: 1.3;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
  padding: 0.24rem 0.2rem;
  text-align: center;
  background: #f7f7f7;
}
.Goods.GoodsDetail .DetailAbout {
  width: 100%;
  padding: 0.8rem 0 0.5rem;
}
.Goods.GoodsDetail .DetailAbout .AboutTitle {
  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;
  overflow-x: hidden;
}
.Goods.GoodsDetail .DetailAbout .AboutTitle::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Goods.GoodsDetail .DetailAbout .AboutTitle .Title {
  color: #333;
  line-height: 1.3;
  font-weight: 700;
}
.Goods.GoodsDetail .DetailAbout .AboutTitle .Buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Goods.GoodsDetail .DetailAbout .AboutTitle .Buttons .PrevButton, .Goods.GoodsDetail .DetailAbout .AboutTitle .Buttons .NextButton {
  width: 0.6rem;
  min-width: 40px;
  display: block;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  border: solid 0.02rem #ededed;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsDetail .DetailAbout .AboutTitle .Buttons .PrevButton:hover, .Goods.GoodsDetail .DetailAbout .AboutTitle .Buttons .NextButton:hover {
  border-color: #e62129;
}
.Goods.GoodsDetail .DetailAbout .AboutTitle .Buttons .PrevButton:hover::after, .Goods.GoodsDetail .DetailAbout .AboutTitle .Buttons .NextButton:hover::after {
  background-image: url(../images/arrow2.png);
  background-color: #e62129;
}
.Goods.GoodsDetail .DetailAbout .AboutTitle .Buttons .PrevButton::after, .Goods.GoodsDetail .DetailAbout .AboutTitle .Buttons .NextButton::after {
  content: "";
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow3.png) center/17.5% no-repeat;
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Goods.GoodsDetail .DetailAbout .AboutTitle .Buttons .PrevButton {
  margin-right: 0.2rem;
}
.Goods.GoodsDetail .DetailAbout .AboutTitle .Buttons .PrevButton::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.Goods.GoodsDetail .DetailAbout .AboutSwiper {
  width: 100%;
  margin-top: 0.5rem;
}
.Goods.GoodsDetail .DetailAbout .AboutItem {
  width: 100%;
  display: block;
  padding: 0.4rem 0;
  text-align: center;
  background: #fff;
}
.Goods.GoodsDetail .DetailAbout .AboutItem:hover .ItemImg .Img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.Goods.GoodsDetail .DetailAbout .AboutItem:hover .ItemTitle {
  color: #e62129;
}
.Goods.GoodsDetail .DetailAbout .AboutItem:hover .ItemButton::after {
  background-color: #e62129;
  border-color: #e62129;
  background-image: url(../images/arrow2.png);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Goods.GoodsDetail .DetailAbout .AboutItem .ItemImg {
  width: 41.5%;
  margin: 0 auto;
}
.Goods.GoodsDetail .DetailAbout .AboutItem .ItemImg .Img {
  width: 100%;
  padding-top: 138.4259259259%;
  position: relative;
  z-index: 5;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
}
.Goods.GoodsDetail .DetailAbout .AboutItem .ItemImg img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
}
.Goods.GoodsDetail .DetailAbout .AboutItem .ItemText {
  padding: 0 0.2rem;
  width: 100%;
  margin-top: 0.56rem;
}
.Goods.GoodsDetail .DetailAbout .AboutItem .ItemTitle {
  width: 100%;
  color: #333;
  line-height: 1.4;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
  font-weight: 700;
}
.Goods.GoodsDetail .DetailAbout .AboutItem .ItemButton {
  width: 0.7rem;
  cursor: pointer;
  margin: 0 auto;
  margin-top: 0.36rem;
}
.Goods.GoodsDetail .DetailAbout .AboutItem .ItemButton::after {
  content: "";
  width: 100%;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
  padding-top: 100%;
  display: block;
  border-radius: 50%;
  border: 0.01rem solid #ccc;
  background: url(../images/arrow1.png) center/17.5% no-repeat;
}

/* 解决方案 */
.Case.CaseContent {
  width: 100%;
  padding: 0.8rem 0 1.1rem;
}
.Case.CaseContent .CaseList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Case.CaseContent .CaseItem {
  width: 48.75%;
  margin-right: 2.5%;
  margin-bottom: 2.5%;
  display: block;
  border-radius: 0.1rem;
  overflow: hidden;
}
.Case.CaseContent .CaseItem:hover .ItemImg .Img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.Case.CaseContent .CaseItem:hover .ItemText {
  color: #fff;
  background: #e62129;
}
.Case.CaseContent .CaseItem:nth-child(2n) {
  margin-right: 0;
}
.Case.CaseContent .CaseItem .ItemImg {
  width: 100%;
  overflow: hidden;
}
.Case.CaseContent .CaseItem .ItemImg .Img {
  width: 100%;
  padding-top: 48.7179487179%;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
}
.Case.CaseContent .CaseItem .ItemImg img {
  display: none;
}
.Case.CaseContent .CaseItem .ItemText {
  width: 100%;
  color: #333;
  font-weight: 700;
  line-height: 1.3;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
  padding: 0.24rem 0.2rem;
  text-align: center;
  background: #f7f7f7;
}
.Case.CaseContent .CasePager {
  margin-top: 0.2rem;
}
.Case.CaseContent .CasePager #Pager .Page .PageButton {
  background: #f7f7f7;
}

.Case.CaseDetail {
  width: 100%;
  padding: 0.4rem 0 1.1rem;
}
.Case.CaseDetail .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-x: hidden;
}
.Case.CaseDetail .Container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Case.CaseDetail .DetailMain {
  width: 75%;
}
.Case.CaseDetail .DetailInfo {
  width: 100%;
}
.Case.CaseDetail .DetailInfo .InfoTitle {
  width: 100%;
}
.Case.CaseDetail .DetailInfo .InfoTitle .Title {
  width: 100%;
  color: #333;
  line-height: 1.3;
  font-weight: 700;
}
.Case.CaseDetail .DetailInfo .InfoTitle .Data {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Case.CaseDetail .DetailInfo .InfoTitle .Date {
  color: #666;
  line-height: 1.4;
  width: auto;
  margin-right: 0.36rem;
  margin-top: 0.4rem;
}
.Case.CaseDetail .DetailInfo .InfoTitle .View {
  color: #666;
  line-height: 1.4;
  width: auto;
  margin-right: 0.36rem;
  margin-top: 0.4rem;
}
.Case.CaseDetail .DetailInfo .InfoTitle .Share {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.4rem;
}
.Case.CaseDetail .DetailInfo .InfoTitle .Share .ShareText {
  color: #666;
  line-height: 1.4;
  width: auto;
}
.Case.CaseDetail .DetailInfo .InfoTitle .Share .ShareLinks {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Case.CaseDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link {
  display: block;
  margin-right: 0.2rem;
}
.Case.CaseDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link:last-of-type {
  margin-right: 0;
}
.Case.CaseDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link:hover .LinkIcon .D {
  opacity: 0;
}
.Case.CaseDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link:hover .LinkIcon .H {
  opacity: 1;
}
.Case.CaseDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link .LinkIcon {
  width: 0.22rem;
  min-width: 18px;
  position: relative;
  z-index: 5;
}
.Case.CaseDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link .LinkIcon .D, .Case.CaseDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link .LinkIcon .H {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.Case.CaseDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link .LinkIcon .D {
  opacity: 1;
}
.Case.CaseDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link .LinkIcon .H {
  opacity: 0;
}
.Case.CaseDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link .LinkIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.Case.CaseDetail .DetailInfo .InfoContent {
  width: 100%;
  margin: 0.6rem 0;
  padding: 0.6rem 0;
  border-top: 0.01rem solid rgba(0, 0, 0, 0.08);
  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.08);
  line-height: 1.5;
  color: #444;
}
.Case.CaseDetail .DetailInfo .InfoContent p {
  line-height: 1.5;
  color: #444;
}
.Case.CaseDetail .DetailInfo .InfoButtons {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Case.CaseDetail .DetailInfo .InfoButtons .Pages {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
}
.Case.CaseDetail .DetailInfo .InfoButtons .Pages .PagePrev, .Case.CaseDetail .DetailInfo .InfoButtons .Pages .PageNext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Case.CaseDetail .DetailInfo .InfoButtons .Pages .PagePrev:hover .Text, .Case.CaseDetail .DetailInfo .InfoButtons .Pages .PageNext:hover .Text {
  color: #e62129;
}
.Case.CaseDetail .DetailInfo .InfoButtons .Pages .PagePrev:hover .Icon::after, .Case.CaseDetail .DetailInfo .InfoButtons .Pages .PageNext:hover .Icon::after {
  background-image: url(../images/arrow1.png);
}
.Case.CaseDetail .DetailInfo .InfoButtons .Pages .PagePrev .Text, .Case.CaseDetail .DetailInfo .InfoButtons .Pages .PageNext .Text {
  color: #333;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Case.CaseDetail .DetailInfo .InfoButtons .Pages .PagePrev .Icon, .Case.CaseDetail .DetailInfo .InfoButtons .Pages .PageNext .Icon {
  width: 0.11rem;
  min-width: 10px;
}
.Case.CaseDetail .DetailInfo .InfoButtons .Pages .PagePrev .Icon::after, .Case.CaseDetail .DetailInfo .InfoButtons .Pages .PageNext .Icon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow3.png) center/contain no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Case.CaseDetail .DetailInfo .InfoButtons .Pages .PagePrev .Icon {
  margin-right: 0.11rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.Case.CaseDetail .DetailInfo .InfoButtons .Pages .PageNext .Icon {
  margin-left: 0.11rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Case.CaseDetail .DetailInfo .InfoButtons .Pages .PageSign {
  margin: 0 0.4rem;
}
.Case.CaseDetail .DetailInfo .InfoButtons .Pages .PageSign .Text {
  color: #ccc;
  line-height: 1.3;
}
.Case.CaseDetail .DetailInfo .InfoButtons .ReturnButton {
  display: inline-block;
  margin-left: 0.2rem;
}
.Case.CaseDetail .DetailInfo .InfoButtons .ReturnButton:hover .ButtonBoard {
  border-color: #e62129;
  background: #e62129;
}
.Case.CaseDetail .DetailInfo .InfoButtons .ReturnButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow2.png);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Case.CaseDetail .DetailInfo .InfoButtons .ReturnButton:hover .ButtonText {
  color: #fff;
}
.Case.CaseDetail .DetailInfo .InfoButtons .ReturnButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
  background: transparent;
  border: 0.01rem solid #ccc;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1920px) {
  .Case.CaseDetail .DetailInfo .InfoButtons .ReturnButton .ButtonBoard {
    border-radius: 30px;
  }
}
.Case.CaseDetail .DetailInfo .InfoButtons .ReturnButton .ButtonText {
  color: #e62129;
  line-height: 1.1;
  white-space: nowrap;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Case.CaseDetail .DetailInfo .InfoButtons .ReturnButton .ButtonIcon {
  width: 0.11rem;
  min-width: 10px;
  margin-left: 0.26rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Case.CaseDetail .DetailInfo .InfoButtons .ReturnButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/contain no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Case.CaseDetail .DetailAside {
  width: 20%;
}
.Case.CaseDetail .DetailOther {
  width: 100%;
}
.Case.CaseDetail .DetailOther .OtherTitle {
  width: 100%;
}
.Case.CaseDetail .DetailOther .OtherTitle .Title {
  width: 100%;
  color: #333;
  font-weight: 700;
  line-height: 1.3;
}
.Case.CaseDetail .DetailOther .OtherList {
  width: 100%;
}
.Case.CaseDetail .DetailOther .OtherItem {
  width: 100%;
  margin-top: 0.3rem;
  display: block;
}
.Case.CaseDetail .DetailOther .OtherItem:hover .ItemTitle {
  color: #e62129;
}
.Case.CaseDetail .DetailOther .OtherItem:hover .ItemImg .Img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.Case.CaseDetail .DetailOther .OtherItem .ItemImg {
  width: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
}
.Case.CaseDetail .DetailOther .OtherItem .ItemImg .Img {
  width: 100%;
  padding-top: 56.25%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Case.CaseDetail .DetailOther .OtherItem .ItemImg img {
  display: none;
}
.Case.CaseDetail .DetailOther .OtherItem .ItemText {
  width: 100%;
  margin-top: 0.2rem;
}
.Case.CaseDetail .DetailOther .OtherItem .ItemTitle {
  width: 100%;
  color: #333;
  line-height: 1.3;
  font-weight: 700;
}
.Case.CaseDetail .DetailProd {
  width: 100%;
  margin-top: 0.6rem;
}
.Case.CaseDetail .DetailProd .ProdTitle {
  width: 100%;
}
.Case.CaseDetail .DetailProd .ProdTitle .Title {
  width: 100%;
  color: #333;
  font-weight: 700;
  line-height: 1.3;
}
.Case.CaseDetail .DetailProd .ProdList {
  width: 100%;
}
.Case.CaseDetail .DetailProd .ProdItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem 0;
  border-top: 0.01rem solid #f3f3f3;
  border-bottom: 0.01rem solid #f3f3f3;
}
.Case.CaseDetail .DetailProd .ProdItem:hover .ItemTitle {
  color: #e62129;
}
.Case.CaseDetail .DetailProd .ProdItem:hover .ItemImg .Img {
  border-color: #e62129;
}
.Case.CaseDetail .DetailProd .ProdItem:first-of-type {
  border-top-color: transparent;
}
.Case.CaseDetail .DetailProd .ProdItem .ItemImg {
  width: auto;
}
.Case.CaseDetail .DetailProd .ProdItem .ItemImg .Img {
  width: 1rem;
  height: 1rem;
  position: relative;
  z-index: 5;
  border-radius: 0.1rem;
  overflow: hidden;
  border: 0.01rem solid #ccc;
  background: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Case.CaseDetail .DetailProd .ProdItem .ItemImg img {
  width: 49%;
  height: 68%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
}
.Case.CaseDetail .DetailProd .ProdItem .ItemText {
  width: 100%;
  margin-left: 0.3rem;
}
.Case.CaseDetail .DetailProd .ProdItem .ItemTitle {
  width: 100%;
  color: #333;
  line-height: 1.3;
}
@media (max-width: 900px) {
  .Case.CaseDetail .Container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Case.CaseDetail .DetailMain {
    width: 100%;
  }
  .Case.CaseDetail .DetailAside {
    width: 100%;
    margin-top: 20px;
  }
  .Case.CaseDetail .DetailOther .OtherList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Case.CaseDetail .DetailOther .OtherItem {
    width: 32.5%;
    margin-right: 1.25%;
  }
  .Case.CaseDetail .DetailOther .OtherItem:nth-child(3n) {
    margin-right: 0;
  }
  .Case.CaseDetail .DetailProd .ProdItem .ItemImg .Img {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 500px) {
  .Case.CaseDetail .DetailOther .OtherItem {
    width: 100%;
    margin-right: 0;
  }
}

/* 新闻中心 */
.News.NewsContent {
  width: 100%;
  padding: 1rem 0 1.2rem;
  background: #f7f7f7;
}
.News.NewsContent .NewsList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.News.NewsContent .NewsItem {
  border-radius: 0.1rem;
  overflow: hidden;
  display: block;
  margin-top: 1.25%;
}
.News.NewsContent .NewsItem:nth-child(1) {
  width: 66.25%;
  margin-right: 1.25%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.News.NewsContent .NewsItem:nth-child(1):hover .ItemImg {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.News.NewsContent .NewsItem:nth-child(1) .ItemImg {
  width: 100%;
  height: 100%;
  padding-top: 52.8301886792%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsContent .NewsItem:nth-child(1) .ItemImg img {
  display: none;
}
.News.NewsContent .NewsItem:nth-child(1) .ItemText {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  padding: 0.5rem;
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: url(../images/Home9.png) bottom center/contain no-repeat;
}
.News.NewsContent .NewsItem:nth-child(1) .ItemInfo {
  width: 100%;
  height: 100%;
}
.News.NewsContent .NewsItem:nth-child(1) .ItemTime {
  width: 100%;
  color: #fff;
  line-height: 1.2;
}
.News.NewsContent .NewsItem:nth-child(1) .ItemTitle {
  width: 100%;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 0.2rem;
}
.News.NewsContent .NewsItem:nth-child(2) {
  width: 32.5%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.News.NewsContent .NewsItem:nth-child(2):hover .ItemImg {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.News.NewsContent .NewsItem:nth-child(2) .ItemImg {
  width: 100%;
  height: 100%;
  padding-top: 107.6923076923%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsContent .NewsItem:nth-child(2) .ItemImg img {
  display: none;
}
.News.NewsContent .NewsItem:nth-child(2) .ItemText {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  padding: 0.5rem 0.3rem;
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
  background: url(../images/Home9.png) bottom center/contain no-repeat;
}
.News.NewsContent .NewsItem:nth-child(2) .ItemInfo {
  width: 100%;
  height: 100%;
}
.News.NewsContent .NewsItem:nth-child(2) .ItemTime {
  width: 100%;
  color: #fff;
  line-height: 1.2;
}
.News.NewsContent .NewsItem:nth-child(2) .ItemTitle {
  width: 100%;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 0.2rem;
}
.News.NewsContent .NewsItem:nth-child(n+3) {
  width: 32.5%;
  margin-right: 1.25%;
  margin-bottom: 1.25%;
  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;
  background: #fff;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
}
.News.NewsContent .NewsItem:nth-child(n+3):hover {
  background: #e62129;
}
.News.NewsContent .NewsItem:nth-child(n+3):hover .ItemTime {
  color: #fff;
}
.News.NewsContent .NewsItem:nth-child(n+3):hover .ItemTitle {
  color: #fff;
}
.News.NewsContent .NewsItem:nth-child(n+3):hover .ItemButton .ButtonText {
  color: #fff;
}
.News.NewsContent .NewsItem:nth-child(n+3):hover .ItemButton .ButtonIcon::after {
  background-image: url(../images/arrow2.png);
}
.News.NewsContent .NewsItem:nth-child(n+3) .ItemInfo {
  width: 100%;
}
.News.NewsContent .NewsItem:nth-child(n+3) .ItemImg {
  width: 100%;
  padding-top: 53.8461538462%;
}
.News.NewsContent .NewsItem:nth-child(n+3) .ItemImg img {
  display: none;
}
.News.NewsContent .NewsItem:nth-child(n+3) .ItemText {
  width: 100%;
  padding: 0.3rem 0.4rem;
}
.News.NewsContent .NewsItem:nth-child(n+3) .ItemTime {
  width: 100%;
  color: #666;
  line-height: 1.2;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
}
.News.NewsContent .NewsItem:nth-child(n+3) .ItemTitle {
  width: 100%;
  color: #333;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 0.22rem;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
}
.News.NewsContent .NewsItem:nth-child(n+3) .ItemButtons {
  width: 100%;
  padding: 0.3rem 0.4rem;
  padding-top: 0;
}
.News.NewsContent .NewsItem:nth-child(n+3) .ItemButton {
  display: inline-block;
}
.News.NewsContent .NewsItem:nth-child(n+3) .ItemButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.News.NewsContent .NewsItem:nth-child(n+3) .ItemButton .ButtonText {
  color: #e62129;
  line-height: 1.2;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
}
.News.NewsContent .NewsItem:nth-child(n+3) .ItemButton .ButtonIcon {
  width: 0.11rem;
  min-width: 10px;
  margin-left: 0.1rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsContent .NewsItem:nth-child(n+3) .ItemButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/contain no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsContent .NewsItem:nth-child(3n+2) {
  margin-right: 0;
}
.News.NewsContent .NewsPager {
  margin-top: 0.4rem;
}
@media (max-width: 900px) {
  .News.NewsContent .NewsItem:nth-child(n+3) {
    width: 49.375%;
  }
  .News.NewsContent .NewsItem:nth-child(3n+2) {
    margin-right: 1.25%;
  }
  .News.NewsContent .NewsItem:nth-child(2n+2) {
    margin-right: 0;
  }
}
@media (max-width: 750px) {
  .News.NewsContent .NewsItem:nth-child(1) {
    width: 100%;
    margin-right: 0;
  }
  .News.NewsContent .NewsItem:nth-child(1) .ItemImg {
    padding-top: 52.8301886792%;
  }
  .News.NewsContent .NewsItem:nth-child(2) {
    width: 100%;
  }
  .News.NewsContent .NewsItem:nth-child(n+3) {
    width: 100%;
    margin-right: 0;
  }
  .News.NewsContent .NewsItem:nth-child(3n+2) {
    margin-right: 0;
  }
}

.News.NewsDetail {
  width: 100%;
  background: #f7f7f7;
  padding: 0.4rem 0 1.1rem;
}
.News.NewsDetail .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-x: hidden;
}
.News.NewsDetail .Container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.News.NewsDetail .DetailMain {
  width: 75%;
}
.News.NewsDetail .DetailInfo {
  width: 100%;
}
.News.NewsDetail .DetailInfo .InfoTitle {
  width: 100%;
}
.News.NewsDetail .DetailInfo .InfoTitle .Title {
  width: 100%;
  color: #333;
  line-height: 1.3;
  font-weight: 700;
}
.News.NewsDetail .DetailInfo .InfoTitle .Data {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.News.NewsDetail .DetailInfo .InfoTitle .Date {
  color: #666;
  line-height: 1.4;
  width: auto;
  margin-right: 0.36rem;
  margin-top: 0.4rem;
}
.News.NewsDetail .DetailInfo .InfoTitle .View {
  color: #666;
  line-height: 1.4;
  width: auto;
  margin-right: 0.36rem;
  margin-top: 0.4rem;
}
.News.NewsDetail .DetailInfo .InfoTitle .Share {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.4rem;
}
.News.NewsDetail .DetailInfo .InfoTitle .Share .ShareText {
  color: #666;
  line-height: 1.4;
  width: auto;
}
.News.NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.News.NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link {
  display: block;
  margin-right: 0.2rem;
}
.News.NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link:last-of-type {
  margin-right: 0;
}
.News.NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link:hover .LinkIcon .D {
  opacity: 0;
}
.News.NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link:hover .LinkIcon .H {
  opacity: 1;
}
.News.NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link .LinkIcon {
  width: 0.22rem;
  min-width: 18px;
  position: relative;
  z-index: 5;
}
.News.NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link .LinkIcon .D, .News.NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link .LinkIcon .H {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.News.NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link .LinkIcon .D {
  opacity: 1;
}
.News.NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link .LinkIcon .H {
  opacity: 0;
}
.News.NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link .LinkIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.News.NewsDetail .DetailInfo .InfoContent {
  width: 100%;
  margin: 0.6rem 0;
  padding: 0.6rem 0;
  border-top: 0.01rem solid rgba(0, 0, 0, 0.08);
  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.08);
}
.News.NewsDetail .DetailInfo .InfoButtons {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.News.NewsDetail .DetailInfo .InfoButtons .Pages {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
}
.News.NewsDetail .DetailInfo .InfoButtons .Pages .PagePrev, .News.NewsDetail .DetailInfo .InfoButtons .Pages .PageNext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.News.NewsDetail .DetailInfo .InfoButtons .Pages .PagePrev:hover .Text, .News.NewsDetail .DetailInfo .InfoButtons .Pages .PageNext:hover .Text {
  color: #e62129;
}
.News.NewsDetail .DetailInfo .InfoButtons .Pages .PagePrev:hover .Icon::after, .News.NewsDetail .DetailInfo .InfoButtons .Pages .PageNext:hover .Icon::after {
  background-image: url(../images/arrow1.png);
}
.News.NewsDetail .DetailInfo .InfoButtons .Pages .PagePrev .Text, .News.NewsDetail .DetailInfo .InfoButtons .Pages .PageNext .Text {
  color: #333;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsDetail .DetailInfo .InfoButtons .Pages .PagePrev .Icon, .News.NewsDetail .DetailInfo .InfoButtons .Pages .PageNext .Icon {
  width: 0.11rem;
  min-width: 10px;
}
.News.NewsDetail .DetailInfo .InfoButtons .Pages .PagePrev .Icon::after, .News.NewsDetail .DetailInfo .InfoButtons .Pages .PageNext .Icon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow3.png) center/contain no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsDetail .DetailInfo .InfoButtons .Pages .PagePrev .Icon {
  margin-right: 0.11rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.News.NewsDetail .DetailInfo .InfoButtons .Pages .PageNext .Icon {
  margin-left: 0.11rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.News.NewsDetail .DetailInfo .InfoButtons .Pages .PageSign {
  margin: 0 0.4rem;
}
.News.NewsDetail .DetailInfo .InfoButtons .Pages .PageSign .Text {
  color: #ccc;
  line-height: 1.3;
}
.News.NewsDetail .DetailInfo .InfoButtons .ReturnButton {
  display: inline-block;
  margin-left: 0.2rem;
}
.News.NewsDetail .DetailInfo .InfoButtons .ReturnButton:hover .ButtonBoard {
  border-color: #e62129;
  background: #e62129;
}
.News.NewsDetail .DetailInfo .InfoButtons .ReturnButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow2.png);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.News.NewsDetail .DetailInfo .InfoButtons .ReturnButton:hover .ButtonText {
  color: #fff;
}
.News.NewsDetail .DetailInfo .InfoButtons .ReturnButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
  background: transparent;
  border: 0.01rem solid #ccc;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1920px) {
  .News.NewsDetail .DetailInfo .InfoButtons .ReturnButton .ButtonBoard {
    border-radius: 30px;
  }
}
.News.NewsDetail .DetailInfo .InfoButtons .ReturnButton .ButtonText {
  color: #e62129;
  line-height: 1.1;
  white-space: nowrap;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsDetail .DetailInfo .InfoButtons .ReturnButton .ButtonIcon {
  width: 0.11rem;
  min-width: 10px;
  margin-left: 0.26rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsDetail .DetailInfo .InfoButtons .ReturnButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/contain no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsDetail .DetailAside {
  width: 20%;
}
.News.NewsDetail .DetailOther {
  width: 100%;
}
.News.NewsDetail .DetailOther .OtherTitle {
  width: 100%;
}
.News.NewsDetail .DetailOther .OtherTitle .Title {
  width: 100%;
  color: #333;
  font-weight: 700;
  line-height: 1.3;
}
.News.NewsDetail .DetailOther .OtherList {
  width: 100%;
  margin-top: 0.1rem;
}
.News.NewsDetail .DetailOther .OtherItem {
  margin-top: 0.2rem;
  width: 100%;
  display: block;
  background: #fff;
  overflow: hidden;
  border-radius: 0.1rem;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
}
.News.NewsDetail .DetailOther .OtherItem:hover {
  background: #e62129;
}
.News.NewsDetail .DetailOther .OtherItem:hover .ItemText {
  background-image: url(../images/Home8.png);
}
.News.NewsDetail .DetailOther .OtherItem:hover .ItemTime {
  color: #fff;
}
.News.NewsDetail .DetailOther .OtherItem:hover .ItemTitle {
  color: #fff;
}
.News.NewsDetail .DetailOther .OtherItem:hover .ItemButton .ButtonText {
  color: #fff;
}
.News.NewsDetail .DetailOther .OtherItem:hover .ItemButton .ButtonIcon {
  background-image: url(../images/arrow2.png);
}
.News.NewsDetail .DetailOther .OtherItem .ItemText {
  width: 100%;
  background-position: top right;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
  background-repeat: no-repeat;
  background-size: 49.6%;
  padding: 0.4rem 0.2rem;
}
.News.NewsDetail .DetailOther .OtherItem .ItemTime {
  width: 100%;
  color: #666;
  line-height: 1.3;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
}
.News.NewsDetail .DetailOther .OtherItem .ItemTitle {
  width: 100%;
  color: #333;
  line-height: 1.4;
  margin-top: 0.16rem;
  font-weight: 700;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
}
.News.NewsDetail .DetailOther .OtherItem .ItemButton {
  display: inline-block;
  margin-top: 0.36rem;
}
.News.NewsDetail .DetailOther .OtherItem .ItemButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.News.NewsDetail .DetailOther .OtherItem .ItemButton .ButtonText {
  color: #e62129;
  line-height: 1.2;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
}
.News.NewsDetail .DetailOther .OtherItem .ItemButton .ButtonIcon {
  width: 0.11rem;
  min-width: 10px;
  margin-left: 0.1rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsDetail .DetailOther .OtherItem .ItemButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/contain no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 900px) {
  .News.NewsDetail .Container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .News.NewsDetail .DetailMain {
    width: 100%;
  }
  .News.NewsDetail .DetailAside {
    width: 100%;
    margin-top: 20px;
  }
  .News.NewsDetail .DetailOther .OtherList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .News.NewsDetail .DetailOther .OtherItem {
    width: 32.5%;
    margin-right: 1.25%;
  }
  .News.NewsDetail .DetailOther .OtherItem:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 500px) {
  .News.NewsDetail .DetailOther .OtherItem {
    width: 100%;
    margin-right: 0;
  }
}

/* 联系我们 */
.Contact.ContactContent {
  width: 100%;
}
.Contact.ContactContent .ContactWay {
  width: 100%;
  padding: 1rem 0;
}
.Contact.ContactContent .ContactWay .WayBoard {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Contact.ContactContent .ContactWay .WayMap {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Contact.ContactContent .ContactWay .WayMap .Map {
  width: 100%;
}
.Contact.ContactContent .ContactWay .WayMap .Map img {
  width: 100%;
  height: auto;
}
.Contact.ContactContent .ContactWay .WayMap .Site {
  width: auto;
  position: absolute;
  bottom: 58%;
  right: 20.5%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
}
.Contact.ContactContent .ContactWay .WayMap .Site .Logo {
  width: 2.27rem;
  background: #e62129;
  padding: 0.14rem;
  border-radius: 0.1rem;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 5;
  -webkit-transform: translate(-50%, -110%);
          transform: translate(-50%, -110%);
}
.Contact.ContactContent .ContactWay .WayMap .Site .Logo::before {
  content: "";
  width: 0;
  left: 0;
  display: block;
  border-top: 0.1rem solid #e62129;
  border-left: 0.08rem solid transparent;
  border-right: 0.08rem solid transparent;
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 5;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 1920px) {
  .Contact.ContactContent .ContactWay .WayMap .Site .Logo::before {
    border-top-width: 10px;
    border-left-width: 8px;
    border-right-width: 8px;
  }
}
.Contact.ContactContent .ContactWay .WayMap .Site .Logo::after {
  content: "";
  width: 100%;
  padding-top: 20.6030150754%;
  display: block;
  background: url(../images/Contact5.png) center/contain no-repeat;
}
.Contact.ContactContent .ContactWay .WayInfo {
  width: 100%;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1rem;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoBoard {
  width: 28.6%;
  height: 100%;
  background: #fff;
  padding: 0.5rem;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoTitle {
  width: 100%;
  color: #222;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData {
  width: 100%;
  margin-top: 0.2rem;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataList {
  width: 100%;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataItem {
  width: 100%;
  padding-bottom: 0.3rem;
  border-bottom: 0.01rem solid #f3f3f3;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataItem:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataItem .ItemIcon {
  width: 0.55rem;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataItem .ItemIcon .Icon {
  width: 100%;
  padding-top: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataItem .ItemIcon img {
  display: none;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataItem .ItemText {
  width: 100%;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataItem .ItemTitle {
  width: 100%;
  color: #333;
  opacity: 0.7;
  line-height: 1.4;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataItem .ItemContent {
  width: 100%;
  color: #333;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 0.1rem;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataItem .ItemContent p {
  color: #333;
  line-height: 1.4;
}
@media (max-width: 900px) {
  .Contact.ContactContent .ContactWay .WayBoard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .Contact.ContactContent .ContactWay .WayInfo {
    width: 100%;
    position: static;
    -webkit-transform: none;
            transform: none;
    padding: 0;
  }
  .Contact.ContactContent .ContactWay .WayInfo .InfoBoard {
    width: 100%;
    padding: 10px 0;
  }
}
.Contact.ContactContent .ContactMsg {
  width: 100%;
  padding: 1rem 0;
  background: url(../images/Contact6.jpg) top center/100% auto no-repeat;
}
.Contact.ContactContent .ContactMsg .MsgTitle {
  width: 100%;
  color: #fff;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
}
.Contact.ContactContent .ContactMsg .MsgRemark {
  width: 100%;
  color: #fff;
  line-height: 1.8;
  text-align: center;
  margin-top: 0.3rem;
}
.Contact.ContactContent .ContactMsg .MsgRemark p {
  color: #fff;
  line-height: 1.8;
}
.Contact.ContactContent .ContactMsg .MsgForm {
  width: 100%;
  background: #fff;
  padding: 0.8rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1rem;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormInput {
  width: 47%;
  margin-right: 6%;
  margin-bottom: 0.3rem;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormInput:nth-child(2n) {
  margin-right: 0;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormInput .Title {
  width: 100%;
  color: #333;
  line-height: 1.3;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormInput .Content {
  width: 100%;
  border: 0.01rem solid #e5e5e5;
  margin-top: 0.2rem;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormInput .Content input {
  width: 100%;
  height: 0.6rem;
  min-height: 48px;
  border: none;
  padding: 0 0.2rem;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormInput .Content .Box {
  width: 100%;
  height: 0.6rem;
  min-height: 48px;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormInput .Content .Box .SelectBox {
  border: none;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormText {
  width: 100%;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormText .Title {
  width: 100%;
  color: #333;
  line-height: 1.3;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormText .Content {
  width: 100%;
  border: 0.01rem solid #e5e5e5;
  margin-top: 0.2rem;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormText .Content textarea {
  width: 100%;
  height: 1.6rem;
  min-height: 120px;
  border: none;
  padding: 0.2rem;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButtons {
  width: 100%;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButton {
  display: inline-block;
  border: none;
  background: transparent;
  margin-top: 0.4rem;
  cursor: pointer;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButton:hover .ButtonBoard {
  border-color: #e62129;
  background: #e62129;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow2.png);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButton:hover .ButtonText {
  color: #fff;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
  background: transparent;
  border: 0.01rem solid #ccc;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1920px) {
  .Contact.ContactContent .ContactMsg .MsgForm .FormButton .ButtonBoard {
    border-radius: 30px;
  }
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButton .ButtonText {
  color: #e62129;
  line-height: 1.1;
  white-space: nowrap;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButton .ButtonIcon {
  width: 0.11rem;
  min-width: 10px;
  margin-left: 0.26rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/contain no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact.ContactContent .ContactMsg .MsgForm .Required.FormInput .Title::after {
  content: "*";
  color: #e62129;
  display: inline;
}
@media (max-width: 900px) {
  .Contact.ContactContent .ContactMsg .MsgForm .FormInput {
    width: 100%;
    margin-right: 0;
  }
}
@media (max-width: 500px) {
  .Contact.ContactContent .ContactMsg {
    background-size: cover;
  }
  .Contact.ContactContent .ContactMsg .MsgForm {
    padding: 10px 20px;
  }
}
.Contact.ContactContent .ContactJoin {
  width: 100%;
  padding: 1.5rem 0 1.4rem;
  background: url(../images/Contact7.jpg) center/cover no-repeat;
}
.Contact.ContactContent .ContactJoin .JoinBorad {
  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;
  overflow-x: hidden;
}
.Contact.ContactContent .ContactJoin .JoinBorad::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Contact.ContactContent .ContactJoin .JoinInfo {
  width: 30%;
}
.Contact.ContactContent .ContactJoin .JoinTitle {
  width: 100%;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}
.Contact.ContactContent .ContactJoin .JoinForm {
  width: 37.5%;
  background: #fff;
  padding: 0.7rem 0.4rem;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormInput {
  width: 100%;
  margin-bottom: 0.3rem;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormInput:nth-child(2n) {
  margin-right: 0;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormInput .Title {
  width: 100%;
  color: #333;
  line-height: 1.3;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormInput .Content {
  width: 100%;
  border: 0.01rem solid #e5e5e5;
  margin-top: 0.2rem;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormInput .Content input {
  width: 100%;
  height: 0.6rem;
  min-height: 48px;
  border: none;
  padding: 0 0.2rem;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormInput .Content .Box {
  width: 100%;
  height: 0.6rem;
  min-height: 48px;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormInput .Content .Box .SelectBox {
  border: none;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormInput .Content .FileInput {
  width: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.55rem;
  min-height: 42px;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormInput .Content .FileInput #uploadFile {
  display: none;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormInput .Content .FileInput .Name {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.2rem;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormInput .Content .FileInput .Button {
  white-space: nowrap;
  padding: 0.18rem 0.28rem;
  color: #666;
  line-height: 1.1;
  background: #e9ecee;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormInput .Text {
  width: 100%;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormInput .Text .Tips {
  width: 100%;
  color: #666;
  line-height: 1.4;
  margin-top: 0.16rem;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormText {
  width: 100%;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormText .Title {
  width: 100%;
  color: #333;
  line-height: 1.3;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormText .Content {
  width: 100%;
  border: 0.01rem solid #e5e5e5;
  margin-top: 0.2rem;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormText .Content textarea {
  width: 100%;
  height: 1.6rem;
  min-height: 120px;
  border: none;
  padding: 0.2rem;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormButtons {
  width: 100%;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormButton {
  display: inline-block;
  border: none;
  background: transparent;
  margin-top: 0.4rem;
  cursor: pointer;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormButton:hover .ButtonBoard {
  border-color: #e62129;
  background: #e62129;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow2.png);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Contact.ContactContent .ContactJoin .JoinForm .FormButton:hover .ButtonText {
  color: #fff;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
  background: transparent;
  border: 0.01rem solid #ccc;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1920px) {
  .Contact.ContactContent .ContactJoin .JoinForm .FormButton .ButtonBoard {
    border-radius: 30px;
  }
}
.Contact.ContactContent .ContactJoin .JoinForm .FormButton .ButtonText {
  color: #e62129;
  line-height: 1.1;
  white-space: nowrap;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormButton .ButtonIcon {
  width: 0.11rem;
  min-width: 10px;
  margin-left: 0.26rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact.ContactContent .ContactJoin .JoinForm .FormButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/contain no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact.ContactContent .ContactJoin .JoinRemark {
  width: 100%;
  margin-top: 0.6rem;
}
.Contact.ContactContent .ContactJoin .JoinRemark .Title {
  width: 100%;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
}
.Contact.ContactContent .ContactJoin .JoinRemark .Content {
  width: 100%;
  color: #fff;
  line-height: 1.7;
  margin-top: 0.2rem;
}
.Contact.ContactContent .ContactJoin .JoinRemark .Content p {
  color: #fff;
  line-height: 1.7;
}
.Contact.ContactContent .ContactJoin .JoinButtons {
  width: 100%;
  margin-top: 0.7rem;
}
.Contact.ContactContent .ContactJoin .JoinButton {
  display: inline-block;
  cursor: pointer;
}
.Contact.ContactContent .ContactJoin .JoinButton:hover .ButtonBoard {
  border-color: #e62129;
  background: #e62129;
}
.Contact.ContactContent .ContactJoin .JoinButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow2.png);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Contact.ContactContent .ContactJoin .JoinButton:hover .ButtonText {
  color: #fff;
}
.Contact.ContactContent .ContactJoin .JoinButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
  background: transparent;
  border: 0.01rem solid #ccc;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1920px) {
  .Contact.ContactContent .ContactJoin .JoinButton .ButtonBoard {
    border-radius: 30px;
  }
}
.Contact.ContactContent .ContactJoin .JoinButton .ButtonText {
  color: #fff;
  line-height: 1.1;
  white-space: nowrap;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact.ContactContent .ContactJoin .JoinButton .ButtonIcon {
  width: 0.11rem;
  min-width: 10px;
  margin-left: 0.26rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact.ContactContent .ContactJoin .JoinButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow2.png) center/contain no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 900px) {
  .Contact.ContactContent .ContactJoin .JoinBorad {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Contact.ContactContent .ContactJoin .JoinInfo {
    width: 100%;
  }
  .Contact.ContactContent .ContactJoin .JoinForm {
    width: 100%;
    margin-top: 20px;
  }
}

/* 测试中心 */
.Test.TestContent {
  width: 100%;
}
.Test.TestContent .TestInfo {
  width: 100%;
  padding: 1rem 0;
}
.Test.TestContent .TestInfo .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: hidden;
}
.Test.TestContent .TestInfo .Container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Test.TestContent .TestInfo .InfoImg {
  width: 50%;
  border-radius: 0.1rem;
  overflow: hidden;
}
.Test.TestContent .TestInfo .InfoImg .Img {
  width: 100%;
  padding-top: 75%;
  height: 100%;
}
.Test.TestContent .TestInfo .InfoImg img {
  display: none;
}
.Test.TestContent .TestInfo .InfoText {
  width: 50%;
  padding-left: 0.9rem;
}
.Test.TestContent .TestInfo .InfoTitle {
  width: 100%;
  font-weight: 700;
  color: #222;
  line-height: 1.2;
}
.Test.TestContent .TestInfo .InfoRemark {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-top: 0.5rem;
}
.Test.TestContent .TestInfo .InfoRemark p {
  color: #333;
  line-height: 1.5;
}
@media (max-width: 1200px) {
  .Test.TestContent .TestInfo .Container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Test.TestContent .TestInfo .InfoImg {
    width: 100%;
  }
  .Test.TestContent .TestInfo .InfoText {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
}
.Test.TestContent .TestPower {
  width: 100%;
  padding: 1.1rem 0 1rem;
  background: url(../images/Test3.jpg) center/cover no-repeat;
}
.Test.TestContent .TestPower .PowerTitle {
  color: #222;
  line-height: 1.3;
  width: 100%;
  font-weight: 700;
  text-align: center;
}
.Test.TestContent .TestPower .PowerTabs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Test.TestContent .TestPower .PowerTab.In .Text {
  border-bottom-color: #e62129;
  color: #333;
}
.Test.TestContent .TestPower .PowerTab {
  width: auto;
  display: inline-block;
  margin-right: 0.8rem;
  display: block;
  cursor: pointer;
}
.Test.TestContent .TestPower .PowerTab:last-of-type {
  margin-right: 0;
}
.Test.TestContent .TestPower .PowerTab:hover .Text {
  border-bottom-color: #e62129;
  color: #333;
}
.Test.TestContent .TestPower .PowerTab .Text {
  color: #999;
  line-height: 1.3;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
  border-top: 0.04rem solid transparent;
  border-bottom: 0.04rem solid transparent;
  padding: 0.15rem 0;
}
.Test.TestContent .TestPower .PowerSwipers {
  width: 100%;
  padding-left: 1.6rem;
  margin-top: 0.5rem;
  overflow-x: hidden;
}
.Test.TestContent .TestPower .PowerSwipers::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Test.TestContent .TestPower .PowerSwiper {
  width: 100%;
  display: none;
}
.Test.TestContent .TestPower .PowerSwiper.Show {
  display: block;
}
.Test.TestContent .TestPower .PowerSlide {
  background: #fff;
  padding: 0.36rem;
  height: auto;
}
.Test.TestContent .TestPower .PowerSlide:hover .SlideTitle .Title {
  color: #e62129;
}
.Test.TestContent .TestPower .PowerSlide .SlideInfo {
  height: 100%;
  width: 100%;
}
.Test.TestContent .TestPower .PowerSlide .SlideImg {
  width: 54.5%;
  margin: 0 auto;
}
.Test.TestContent .TestPower .PowerSlide .SlideImg .Img {
  width: 100%;
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.Test.TestContent .TestPower .PowerSlide .SlideImg img {
  display: none;
}
.Test.TestContent .TestPower .PowerSlide .SlideText {
  width: 100%;
  margin-top: 0.3rem;
}
.Test.TestContent .TestPower .PowerSlide .SlideTitle {
  width: 100%;
  margin-top: 0.2rem;
}
.Test.TestContent .TestPower .PowerSlide .SlideTitle::after {
  content: "";
  display: block;
  width: 0.3rem;
  height: 0.03rem;
  min-width: 20px;
  min-height: 2px;
  background: #e62129;
  margin: 0.18rem 0;
}
.Test.TestContent .TestPower .PowerSlide .SlideTitle .Title {
  width: 100%;
  color: #333;
  font-weight: 700;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 1.3;
}
.Test.TestContent .TestPower .PowerSlide .SlideRemark {
  width: 100%;
  line-height: 1.5;
  color: #333;
}
.Test.TestContent .TestPower .PowerSlide .SlideRemark p {
  line-height: 1.5;
  color: #333;
}
.Test.TestContent .TestPower .PowerSwiperControl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.6rem;
  overflow-x: hidden;
}
.Test.TestContent .TestPower .PowerSwiperControl::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Test.TestContent .TestPower .PowerSwiperControl .Pagination {
  width: auto;
}
.Test.TestContent .TestPower .PowerSwiperControl .Pagination .swiper-pagination {
  width: 5rem;
  height: 0.04rem;
}
.Test.TestContent .TestPower .PowerSwiperControl .Pagination .swiper-pagination-progress {
  position: static;
}
.Test.TestContent .TestPower .PowerSwiperControl .Pagination .swiper-pagination-progress .swiper-pagination-progressbar {
  background: #e62129;
}
.Test.TestContent .TestPower .PowerSwiperControl .Buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Test.TestContent .TestPower .PowerSwiperControl .Buttons .PrevButton, .Test.TestContent .TestPower .PowerSwiperControl .Buttons .NextButton {
  width: 0.6rem;
  min-width: 40px;
  display: block;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  border: solid 0.02rem #ededed;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Test.TestContent .TestPower .PowerSwiperControl .Buttons .PrevButton:hover, .Test.TestContent .TestPower .PowerSwiperControl .Buttons .NextButton:hover {
  border-color: #e62129;
}
.Test.TestContent .TestPower .PowerSwiperControl .Buttons .PrevButton:hover::after, .Test.TestContent .TestPower .PowerSwiperControl .Buttons .NextButton:hover::after {
  background-image: url(../images/arrow2.png);
  background-color: #e62129;
}
.Test.TestContent .TestPower .PowerSwiperControl .Buttons .PrevButton::after, .Test.TestContent .TestPower .PowerSwiperControl .Buttons .NextButton::after {
  content: "";
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow3.png) center/17.5% no-repeat;
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Test.TestContent .TestPower .PowerSwiperControl .Buttons .PrevButton {
  margin-right: 0.2rem;
}
.Test.TestContent .TestPower .PowerSwiperControl .Buttons .PrevButton::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
@media (max-width: 1200px) {
  .Test.TestContent .TestPower .PowerTab {
    margin-right: 10px;
  }
  .Test.TestContent .TestPower .PowerSwipers {
    padding: 0 10px;
  }
  .Test.TestContent .TestPower .PowerSwiperControl {
    padding-left: 0;
    padding: 0 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Test.TestContent .TestPower .PowerSwiperControl .Pagination {
    width: 100%;
    display: none;
  }
  .Test.TestContent .TestPower .PowerSwiperControl .Pagination .swiper-pagination {
    width: 100%;
    height: 3px;
  }
  .Test.TestContent .TestPower .PowerSwiperControl .Buttons {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.Test.TestContent .TestVideo {
  width: 100%;
  padding: 1rem 0;
}
.Test.TestContent .TestVideo .VideoTitle {
  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;
  padding: 0 1.6rem;
  overflow-x: hidden;
}
.Test.TestContent .TestVideo .VideoTitle::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Test.TestContent .TestVideo .VideoTitle .Title {
  color: #222;
  line-height: 1.3;
  width: auto;
  font-weight: 700;
}
.Test.TestContent .TestVideo .VideoTitle .Tips {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.Test.TestContent .TestVideo .VideoTitle .Tips::before {
  content: "";
  display: block;
  width: 0.16rem;
  height: 0.16rem;
  min-width: 16px;
  min-height: 16px;
  background: url(../images/Test8.png) center/contain no-repeat;
}
.Test.TestContent .TestVideo .VideoTitle .Tips .TipsText {
  color: #e62129;
  margin-left: 0.07rem;
  line-height: 1.3;
}
.Test.TestContent .TestVideo .VideoSwiper {
  width: 100%;
  margin-top: 0.6rem;
  position: relative;
  z-index: 5;
}
.Test.TestContent .TestVideo .VideoSwiper .swiper-pagination {
  position: absolute;
  bottom: 0.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5;
}
.Test.TestContent .TestVideo .VideoSwiper .swiper-pagination-bullet {
  width: 0.18rem;
  height: 0.02rem;
  min-width: 9px;
  min-height: 1px;
  background: #fff;
  margin: 0.03rem;
}
.Test.TestContent .TestVideo .VideoSwiper .swiper-pagination-bullet-active {
  background: #fff;
}
.Test.TestContent .TestVideo .VideoSlide.swiper-slide-active {
  opacity: 1;
}
.Test.TestContent .TestVideo .VideoSlide {
  opacity: 0.7;
  -webkit-transition: all 0.55s;
  transition: all 0.55s;
}
.Test.TestContent .TestVideo .VideoSlide .SlideVideo {
  width: 100%;
  border-radius: 0.2rem;
  padding-top: 50%;
  position: relative;
  z-index: 4;
}
.Test.TestContent .TestVideo .VideoSlide .SlideVideo .Play.Show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Test.TestContent .TestVideo .VideoSlide .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;
  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;
  background: #fff;
}
.Test.TestContent .TestVideo .VideoSlide .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 #e62129;
}
.Test.TestContent .TestVideo .VideoSlide .SlideVideo .Video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  -o-object-fit: fill;
     object-fit: fill;
}
.Test.TestContent .TestVideo .VideoSwiperButtons {
  width: 100%;
}
.Test.TestContent .TestVideo .VideoSwiperButtons .PrevButton, .Test.TestContent .TestVideo .VideoSwiperButtons .NextButton {
  width: 0.6rem;
  min-width: 40px;
  display: block;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  border: solid 0.02rem #ededed;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 5;
}
.Test.TestContent .TestVideo .VideoSwiperButtons .PrevButton:hover, .Test.TestContent .TestVideo .VideoSwiperButtons .NextButton:hover {
  border-color: #e62129;
}
.Test.TestContent .TestVideo .VideoSwiperButtons .PrevButton:hover::after, .Test.TestContent .TestVideo .VideoSwiperButtons .NextButton:hover::after {
  background-image: url(../images/arrow2.png);
  background-color: #e62129;
}
.Test.TestContent .TestVideo .VideoSwiperButtons .PrevButton::after, .Test.TestContent .TestVideo .VideoSwiperButtons .NextButton::after {
  content: "";
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow3.png) center/17.5% no-repeat;
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 50%;
}
.Test.TestContent .TestVideo .VideoSwiperButtons .PrevButton {
  left: 1.6rem;
}
.Test.TestContent .TestVideo .VideoSwiperButtons .NextButton {
  right: 1.6rem;
}
.Test.TestContent .TestVideo .VideoSwiperButtons .PrevButton::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.Test.TestContent .TestVideo .VideoSwiperButtons .NextButton::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media (max-width: 1200px) {
  .Test.TestContent .TestVideo .VideoTitle {
    padding: 0 10px;
  }
  .Test.TestContent .TestVideo .VideoSwiperButtons .PrevButton {
    left: 10px;
  }
  .Test.TestContent .TestVideo .VideoSwiperButtons .NextButton {
    right: 10px;
  }
}

.Test.TestVideoDialog {
  position: fixed;
  display: none;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 20;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Test.TestVideoDialog .VideoBoard {
  width: 12rem;
  background: #fff;
}
.Test.TestVideoDialog .VideoTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f7f7f7;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.36rem 0.6rem;
}
.Test.TestVideoDialog .VideoTitle .Title {
  color: #333;
  font-weight: 700;
  line-height: 1.3;
}
.Test.TestVideoDialog .VideoTitle .Close {
  width: 0.22rem;
  min-width: 20px;
  height: 0.22rem;
  min-height: 20px;
  position: relative;
  z-index: 5;
  cursor: pointer;
}
.Test.TestVideoDialog .VideoTitle .Close::before, .Test.TestVideoDialog .VideoTitle .Close::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.02rem;
  min-width: 2px;
  background: #666;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
}
.Test.TestVideoDialog .VideoTitle .Close::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.Test.TestVideoDialog .VideoTitle .Close::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.Test.TestVideoDialog .VideoContent {
  padding: 0.6rem 0.3rem;
  width: 100%;
}
.Test.TestVideoDialog .VideoContent .Content {
  width: 100%;
  height: 50vh;
  padding: 0 0.3rem;
  overflow-y: auto;
  /* 修改垂直滚动条 */
  /* 修改滚动条轨道背景色 */
  /* 修改滚动条滑块颜色 */
}
@media (min-width: 1921px) {
  .Test.TestVideoDialog .VideoContent .Content strong {
    font-size: 1.25vw;
  }
  .Test.TestVideoDialog .VideoContent .Content p {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 1920px) and (min-width: 551px) {
  .Test.TestVideoDialog .VideoContent .Content strong {
    font-size: calc(12px + 0.625vw);
  }
  .Test.TestVideoDialog .VideoContent .Content p {
    font-size: calc(12px + 0.2083333333vw);
  }
}
@media (max-width: 550px) {
  .Test.TestVideoDialog .VideoContent .Content strong {
    font-size: 15.4375px;
  }
  .Test.TestVideoDialog .VideoContent .Content p {
    font-size: 13.1458333333px;
  }
}
.Test.TestVideoDialog .VideoContent .Content strong {
  line-height: 1.5;
  color: #333;
}
.Test.TestVideoDialog .VideoContent .Content p {
  color: #666;
  line-height: 1.8;
}
.Test.TestVideoDialog .VideoContent .Content::-webkit-scrollbar {
  width: 0.04rem;
  min-width: 4px;
}
.Test.TestVideoDialog .VideoContent .Content::-webkit-scrollbar-track {
  background: #ccc;
}
.Test.TestVideoDialog .VideoContent .Content::-webkit-scrollbar-thumb {
  background-color: #e62129;
}
@media (max-width: 750px) {
  .Test.TestVideoDialog {
    padding: 10px;
  }
  .Test.TestVideoDialog .VideoBoard {
    width: 100%;
  }
}

.Test.TestVideoDialog.Open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* 关于我们 */
.About.AboutContent {
  width: 100%;
}
.About.AboutContent .AboutInfo {
  width: 100%;
  padding: 1rem 0;
  background: url(../images/Home3.png) top left/42.8% auto no-repeat;
}
.About.AboutContent .AboutInfo .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow-x: hidden;
}
.About.AboutContent .AboutInfo .Container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.About.AboutContent .AboutInfo .InfoText {
  width: 42%;
}
.About.AboutContent .AboutInfo .InfoTitle {
  width: 100%;
}
.About.AboutContent .AboutInfo .InfoTitle .Title {
  width: 100%;
}
.About.AboutContent .AboutInfo .InfoTitle .CH {
  width: 100%;
  color: #222;
  line-height: 1.2;
  font-weight: 700;
}
.About.AboutContent .AboutInfo .InfoRemark {
  width: 100%;
  color: #333;
  line-height: 1.7;
  margin-top: 0.36rem;
}
.About.AboutContent .AboutInfo .InfoRemark p {
  color: #333;
  line-height: 1.7;
}
.About.AboutContent .AboutInfo .InfoImg {
  width: 51.25%;
}
.About.AboutContent .AboutInfo .InfoImg .Img {
  width: 100%;
  padding-top: 85.3658536585%;
  border-radius: 0.2rem;
}
.About.AboutContent .AboutInfo .InfoImg img {
  display: none;
}
.About.AboutContent .AboutInfo .InfoData {
  width: 100%;
  margin-top: 0.4rem;
}
.About.AboutContent .AboutInfo .InfoData .DataList {
  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;
}
.About.AboutContent .AboutInfo .InfoData .DataItem {
  width: auto;
  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;
  padding: 0.2rem 0;
}
.About.AboutContent .AboutInfo .InfoData .DataItem .ItemNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.About.AboutContent .AboutInfo .InfoData .DataItem .ItemNumber .Number {
  color: #e62129;
  font-weight: 700;
  letter-spacing: 0.01rem;
}
.About.AboutContent .AboutInfo .InfoData .DataItem .ItemNumber .Text {
  color: #222;
  line-height: 1.2;
  white-space: nowrap;
}
.About.AboutContent .AboutInfo .InfoData .DataItem .ItemRemark {
  width: 100%;
  margin-top: 0.1rem;
  color: #333;
}
@media (max-width: 1200px) {
  .About.AboutContent .AboutInfo .Container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .About.AboutContent .AboutInfo .InfoText {
    width: 100%;
  }
  .About.AboutContent .AboutInfo .InfoImg {
    width: 100%;
    margin-top: 20px;
  }
  .About.AboutContent .AboutInfo .InfoData {
    width: 100%;
  }
  .About.AboutContent .AboutInfo .InfoData .DataList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .About.AboutContent .AboutInfo .InfoData .DataItem {
    width: 50%;
  }
}
.About.AboutContent .AboutHonor {
  width: 100%;
  padding: 1rem 0 0.8rem;
  background: url(../images/About3.jpg) center/cover no-repeat;
}
.About.AboutContent .AboutHonor .HonorTitle {
  width: 100%;
}
.About.AboutContent .AboutHonor .HonorTitle .Title {
  width: 100%;
  color: #222;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
.About.AboutContent .AboutHonor .HonorContent {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.6rem;
  overflow-x: hidden;
}
.About.AboutContent .AboutHonor .HonorContent::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.About.AboutContent .AboutHonor .HonorSwitch {
  width: 15%;
  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;
}
.About.AboutContent .AboutHonor .HonorTabs {
  width: 100%;
}
.About.AboutContent .AboutHonor .HonorTab.In {
  background: #e62129;
}
.About.AboutContent .AboutHonor .HonorTab.In .TabIcon img.D {
  opacity: 0;
}
.About.AboutContent .AboutHonor .HonorTab.In .TabIcon img.H {
  opacity: 1;
}
.About.AboutContent .AboutHonor .HonorTab.In .TabText {
  color: #fff;
}
.About.AboutContent .AboutHonor .HonorTab {
  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;
  width: 100%;
  padding: 0.32rem 0.2rem;
  background: #fff;
  border-radius: 0.1rem;
  margin-top: 0.2rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.About.AboutContent .AboutHonor .HonorTab:first-of-type {
  margin-top: 0;
}
.About.AboutContent .AboutHonor .HonorTab:hover {
  background: #e62129;
}
.About.AboutContent .AboutHonor .HonorTab:hover .TabIcon img.D {
  opacity: 0;
}
.About.AboutContent .AboutHonor .HonorTab:hover .TabIcon img.H {
  opacity: 1;
}
.About.AboutContent .AboutHonor .HonorTab:hover .TabText {
  color: #fff;
}
.About.AboutContent .AboutHonor .HonorTab .TabIcon {
  width: auto;
  margin-right: 0.2rem;
}
.About.AboutContent .AboutHonor .HonorTab .TabIcon .Icon {
  width: 0.31rem;
  height: 0.35rem;
  position: relative;
  z-index: 5;
}
.About.AboutContent .AboutHonor .HonorTab .TabIcon img {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About.AboutContent .AboutHonor .HonorTab .TabIcon img.D {
  opacity: 1;
}
.About.AboutContent .AboutHonor .HonorTab .TabText {
  display: block;
  white-space: nowrap;
  color: #333;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-weight: 700;
}
.About.AboutContent .AboutHonor .HonorButtons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.4rem;
}
.About.AboutContent .AboutHonor .HonorButtons .PrevButton, .About.AboutContent .AboutHonor .HonorButtons .NextButton {
  width: 0.6rem;
  min-width: 40px;
  display: block;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  border: solid 0.02rem #ededed;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About.AboutContent .AboutHonor .HonorButtons .PrevButton:hover, .About.AboutContent .AboutHonor .HonorButtons .NextButton:hover {
  border-color: #e62129;
}
.About.AboutContent .AboutHonor .HonorButtons .PrevButton:hover::after, .About.AboutContent .AboutHonor .HonorButtons .NextButton:hover::after {
  background-image: url(../images/arrow2.png);
  background-color: #e62129;
}
.About.AboutContent .AboutHonor .HonorButtons .PrevButton::after, .About.AboutContent .AboutHonor .HonorButtons .NextButton::after {
  content: "";
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow3.png) center/17.5% no-repeat;
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.About.AboutContent .AboutHonor .HonorButtons .PrevButton {
  margin-right: 0.2rem;
}
.About.AboutContent .AboutHonor .HonorButtons .PrevButton::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.About.AboutContent .AboutHonor .HonorControl {
  width: 33.75%;
}
.About.AboutContent .AboutHonor .HonorButtonSwipers {
  width: 100%;
  height: 5.5rem;
}
.About.AboutContent .AboutHonor .HonorButtonSwiper {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 5;
  display: none;
}
.About.AboutContent .AboutHonor .HonorButtonSwiper .swiper-container {
  height: 100%;
}
.About.AboutContent .AboutHonor .HonorButtonSwiper .swiper-scrollbar {
  width: 0.04rem;
  height: 100%;
  min-width: 4px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}
.About.AboutContent .AboutHonor .HonorButtonSwiper .swiper-scrollbar-drag {
  background: #e62129;
}
.About.AboutContent .AboutHonor .HonorButtonSwiper.Show {
  display: block;
}
.About.AboutContent .AboutHonor .HonorButtonSlide {
  display: block;
  cursor: pointer;
}
.About.AboutContent .AboutHonor .HonorButtonSlide:hover .SlideText::before {
  width: 0.2rem;
  min-width: 20px;
  margin-right: 0.1rem;
}
.About.AboutContent .AboutHonor .HonorButtonSlide:hover .SlideText .Text {
  color: #e62129;
  font-weight: 700;
}
.About.AboutContent .AboutHonor .HonorButtonSlide .SlideText {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.About.AboutContent .AboutHonor .HonorButtonSlide .SlideText::before {
  content: "";
  height: 0.01rem;
  min-height: 1px;
  background: #e62129;
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 0;
  min-width: 0;
  margin-right: 0;
}
.About.AboutContent .AboutHonor .HonorButtonSlide .SlideText .Text {
  width: 100%;
  color: #666;
  line-height: 1.4;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About.AboutContent .AboutHonor .HonorButtonSlide.Active .SlideText::before {
  width: 0.2rem;
  min-width: 20px;
  margin-right: 0.1rem;
}
.About.AboutContent .AboutHonor .HonorButtonSlide.Active .SlideText .Text {
  color: #e62129;
  font-weight: 700;
}
.About.AboutContent .AboutHonor .HonorBoard {
  width: 37.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.About.AboutContent .AboutHonor .HonorImgSwipers {
  width: 100%;
}
.About.AboutContent .AboutHonor .HonorImgSwiper.Show {
  display: block;
}
.About.AboutContent .AboutHonor .HonorImgSwiper {
  width: 100%;
  display: none;
}
.About.AboutContent .AboutHonor .HonorImgSwiper .ImgSwiper {
  width: 82%;
  margin: 0 auto;
}
.About.AboutContent .AboutHonor .HonorImgSwiper .ImgSlide .SlideImg {
  width: 100%;
}
.About.AboutContent .AboutHonor .HonorImgSwiper .ImgSlide .SlideImg .Img {
  width: 100%;
  padding-top: 68.9795918367%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.About.AboutContent .AboutHonor .HonorImgSwiper .ImgSlide .SlideImg img {
  display: none;
}
.About.AboutContent .AboutHonor .HonorImgSwiper .ImgBase {
  width: 100%;
  padding-top: 24.6688741722%;
  background: url(../images/About9.png) center/contain no-repeat;
}
@media (max-width: 900px) {
  .About.AboutContent .AboutHonor .HonorContent {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .About.AboutContent .AboutHonor .HonorSwitch {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .About.AboutContent .AboutHonor .HonorTabs {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .About.AboutContent .AboutHonor .HonorTab {
    margin-top: 0;
    margin-left: 10px;
  }
  .About.AboutContent .AboutHonor .HonorTab:first-of-type {
    margin-left: 0;
  }
  .About.AboutContent .AboutHonor .HonorButtons {
    width: auto;
  }
  .About.AboutContent .AboutHonor .HonorControl {
    width: 42%;
  }
  .About.AboutContent .AboutHonor .HonorBoard {
    width: 50%;
  }
}
@media (max-width: 750px) {
  .About.AboutContent .AboutHonor .HonorControl {
    width: 100%;
  }
  .About.AboutContent .AboutHonor .HonorButtonSwipers {
    height: auto;
  }
  .About.AboutContent .AboutHonor .HonorButtonSwiper {
    height: auto;
  }
  .About.AboutContent .AboutHonor .HonorButtonSwiper .swiper-container {
    height: auto;
  }
  .About.AboutContent .AboutHonor .HonorButtonSwiper .swiper-scrollbar {
    display: none;
  }
  .About.AboutContent .AboutHonor .HonorButtonSlide .SlideText {
    padding: 10px 0;
  }
  .About.AboutContent .AboutHonor .HonorBoard {
    width: 100%;
    margin-top: 20px;
  }
}
.About.AboutContent .AboutYield {
  width: 100%;
  padding: 1rem 0 1.2rem;
  overflow-x: hidden;
}
.About.AboutContent .AboutYield::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.About.AboutContent .AboutYield .YieldTitle {
  color: #222;
  line-height: 1.3;
  width: 100%;
  font-weight: 700;
  text-align: center;
}
.About.AboutContent .AboutYield .YieldRemark {
  width: 100%;
  color: #333;
  text-align: center;
  line-height: 1.5;
  margin-top: 0.28rem;
  padding: 0 1.6rem;
}
.About.AboutContent .AboutYield .YieldRemark p {
  color: #333;
  line-height: 1.5;
}
.About.AboutContent .AboutYield .YieldSwiper {
  width: 100%;
  margin-top: 0.58rem;
  padding-left: 1.6rem;
}
.About.AboutContent .AboutYield .YieldSlide {
  position: relative;
  z-index: 5;
  border-radius: 0.1rem;
  overflow: hidden;
}
.About.AboutContent .AboutYield .YieldSlide .SlideImg {
  width: 100%;
}
.About.AboutContent .AboutYield .YieldSlide .SlideImg .Img {
  width: 100%;
  padding-top: 63.1578947368%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.About.AboutContent .AboutYield .YieldSlide .SlideImg img {
  display: none;
}
.About.AboutContent .AboutYield .YieldSlide .SlideText {
  width: 100%;
  height: 100%;
  padding: 0.3rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: url(../images/About12.png) bottom center/100% auto no-repeat;
}
.About.AboutContent .AboutYield .YieldSlide .SlideTitle {
  width: 100%;
  color: #fff;
  line-height: 1.3;
  text-align: center;
}
.About.AboutContent .AboutYield .YieldSwiperControl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.6rem;
  overflow-x: hidden;
}
.About.AboutContent .AboutYield .YieldSwiperControl::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.About.AboutContent .AboutYield .YieldSwiperControl .Pagination {
  width: auto;
}
.About.AboutContent .AboutYield .YieldSwiperControl .Pagination .swiper-pagination {
  width: 5rem;
  height: 0.04rem;
}
.About.AboutContent .AboutYield .YieldSwiperControl .Pagination .swiper-pagination-progress {
  position: static;
}
.About.AboutContent .AboutYield .YieldSwiperControl .Pagination .swiper-pagination-progress .swiper-pagination-progressbar {
  background: #e62129;
}
.About.AboutContent .AboutYield .YieldSwiperControl .Buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.About.AboutContent .AboutYield .YieldSwiperControl .Buttons .PrevButton, .About.AboutContent .AboutYield .YieldSwiperControl .Buttons .NextButton {
  width: 0.6rem;
  min-width: 40px;
  display: block;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  border: solid 0.02rem #ededed;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About.AboutContent .AboutYield .YieldSwiperControl .Buttons .PrevButton:hover, .About.AboutContent .AboutYield .YieldSwiperControl .Buttons .NextButton:hover {
  border-color: #e62129;
}
.About.AboutContent .AboutYield .YieldSwiperControl .Buttons .PrevButton:hover::after, .About.AboutContent .AboutYield .YieldSwiperControl .Buttons .NextButton:hover::after {
  background-image: url(../images/arrow2.png);
  background-color: #e62129;
}
.About.AboutContent .AboutYield .YieldSwiperControl .Buttons .PrevButton::after, .About.AboutContent .AboutYield .YieldSwiperControl .Buttons .NextButton::after {
  content: "";
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow3.png) center/17.5% no-repeat;
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.About.AboutContent .AboutYield .YieldSwiperControl .Buttons .PrevButton {
  margin-right: 0.2rem;
}
.About.AboutContent .AboutYield .YieldSwiperControl .Buttons .PrevButton::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
@media (max-width: 1200px) {
  .About.AboutContent .AboutYield .YieldSwiper {
    padding-left: 0;
    padding: 0 10px;
  }
  .About.AboutContent .AboutYield .YieldSwiperControl {
    padding-left: 0;
    padding: 0 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .About.AboutContent .AboutYield .YieldSwiperControl .Pagination {
    width: 100%;
    display: none;
  }
  .About.AboutContent .AboutYield .YieldSwiperControl .Pagination .swiper-pagination {
    width: 100%;
    height: 3px;
  }
  .About.AboutContent .AboutYield .YieldSwiperControl .Buttons {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 750px) {
  .About.AboutContent .AboutYield .YieldRemark {
    padding: 0 10px;
  }
}

/* 搜索页 */
.Search.SearchCrumb {
  margin-top: 0.82rem;
}

.Search.SearchContent {
  width: 100%;
  padding: 0.3rem 0;
}
.Search.SearchContent .Container {
  overflow-x: hidden;
}
.Search.SearchContent .Container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Search.SearchContent .SearchBoard {
  width: 100%;
}
.Search.SearchContent .SearchTips {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Search.SearchContent .SearchTips .Title {
  color: #666;
  line-height: 1.5;
}
.Search.SearchContent .SearchTips .Title .Key {
  color: red;
}
.Search.SearchContent .SearchTips .Content {
  color: #666;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Search.SearchContent .SearchTips .Content .Text {
  margin-right: 0.1rem;
}
.Search.SearchContent .SearchTips .Content .Number, .Search.SearchContent .SearchTips .Content .Other {
  color: #e62129;
}
.Search.SearchContent .SearchList {
  width: 100%;
  margin-top: 0.2rem;
}
.Search.SearchContent .SearchItem {
  width: 100%;
  display: block;
  background: #fff;
  cursor: pointer;
  margin-bottom: 0.35rem;
  padding: 0.3rem 0.25rem;
  border: solid 1px #dcdcdc;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Search.SearchContent .SearchItem:hover {
  background-color: #fff;
  border: 0.01rem solid #fff;
  -webkit-box-shadow: 0 0 0.45rem 0.01rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0.45rem 0.01rem rgba(0, 0, 0, 0.1);
}
.Search.SearchContent .SearchItem:hover .ItemTitle .Title {
  color: #e62129;
}
.Search.SearchContent .SearchItem .ItemTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Search.SearchContent .SearchItem .ItemTitle .Title {
  line-height: 1.5;
  font-weight: 700;
  color: #333;
}
.Search.SearchContent .SearchItem .ItemTitle .Title span {
  color: red;
}
.Search.SearchContent .SearchItem .ItemTitle .Tab {
  display: inline-block;
  padding: 0.1rem 0.16rem;
  color: #fff;
  background: #e62129;
  line-height: 1.2;
  margin-left: 0.1rem;
  white-space: nowrap;
}
.Search.SearchContent .SearchItem .ItemRemark {
  width: 100%;
  color: #888;
  line-height: 1.75;
  margin-top: 0.2rem;
}
.Search.SearchContent .SearchItem .ItemRemark p {
  color: #888;
  line-height: 1.75;
}