@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;
}
.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 .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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home.HomeBanner .BannerSwiperPagination .Buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Home.HomeBanner .BannerSwiperPagination .Button {
  width: 0.24rem;
  margin-right: 0.1rem;
  height: 0.24rem;
  min-width: 18px;
  min-height: 18px;
  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;
  opacity: 0.3;
}
.Home.HomeBanner .BannerSwiperPagination .Button:last-child {
  margin-right: 0;
}
.Home.HomeBanner .BannerSwiperPagination .Button::after {
  content: "";
  display: block;
  width: 25%;
  height: 25%;
  border-radius: 50%;
  background: #fff;
}
.Home.HomeBanner .BannerSwiperPagination .Button.swiper-pagination-bullet-active {
  opacity: 1;
  border-color: #fff;
}
.Home.HomeBanner .BannerSwiperPagination .Pagination {
  color: #fff;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.Home.HomeBanner .BannerSwiperPagination .Pagination .Sign {
  margin: 0 0.1rem;
}
@media (max-width: 1200px) {
  .Home.HomeBanner .BannerSwiperPagination {
    padding: 0 10px;
  }
}

.Home.HomeCase {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.1rem 0 1.2rem;
}
.Home.HomeCase .CaseInfo {
  width: 100%;
}
.Home.HomeCase .CaseInfo .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  overflow-x: hidden;
}
.Home.HomeCase .CaseTitle .Title {
  color: #222;
}
.Home.HomeCase .CaseTitle .Title .CH {
  line-height: 1.1;
  white-space: nowrap;
  font-weight: 700;
  letter-spacing: 0.04 rem;
}
.Home.HomeCase .CaseTitle .Title .EN {
  line-height: 1.3;
  white-space: nowrap;
  margin-top: 0.18rem;
  letter-spacing: 0.02rem;
}
.Home.HomeCase .CaseButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Home.HomeCase .CaseButtons .PrevButton, .Home.HomeCase .CaseButtons .NextButton {
  width: 0.5rem;
  min-width: 36px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeCase .CaseButtons .PrevButton:hover, .Home.HomeCase .CaseButtons .NextButton:hover {
  background: #0a51a1;
}
.Home.HomeCase .CaseButtons .PrevButton:hover::after, .Home.HomeCase .CaseButtons .NextButton:hover::after {
  background-image: url(../images/arrow2.png);
}
.Home.HomeCase .CaseButtons .PrevButton::after, .Home.HomeCase .CaseButtons .NextButton::after {
  content: "";
  width: 100%;
  display: block;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/50% no-repeat;
}
.Home.HomeCase .CaseButtons .NextButton {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  margin-left: 0.1rem;
}
.Home.HomeCase .CaseSwiper {
  width: 100%;
  margin-top: 0.48rem;
}
.Home.HomeCase .CaseSlide {
  position: relative;
  z-index: 5;
}
.Home.HomeCase .CaseSlide .SlideImg {
  width: 100%;
  padding-top: 48.9444878812%;
  position: relative;
  z-index: 5;
}
.Home.HomeCase .CaseSlide .SlideImg img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.Home.HomeCase .CaseSlide .SlideText {
  width: 41.5%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
  padding: 0.48rem 0.5rem;
  border-top-left-radius: 0.32rem;
  background: rgba(255, 255, 255, 0.82);
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
  opacity: 0;
}
.Home.HomeCase .CaseSlide .SlideText:hover {
  background: #fff;
}
.Home.HomeCase .CaseSlide .SlideText:hover .SlideTitle {
  color: #0a51a1;
}
.Home.HomeCase .CaseSlide .SlideText:hover .SlideButton {
  background-image: url(../images/Home5.png);
}
.Home.HomeCase .CaseSlide .SlideTitle {
  width: 100%;
  color: #222;
  line-height: 1.2;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-weight: 700;
}
.Home.HomeCase .CaseSlide .SlideRemark {
  width: 100%;
  color: #444;
  line-height: 1.5;
  margin-top: 0.3rem;
}
.Home.HomeCase .CaseSlide .SlideRemark p {
  color: #444;
  line-height: 1.5;
}
.Home.HomeCase .CaseSlide .SlideButton {
  width: 0.41rem;
  height: 0.06rem;
  background: url(../images/Home4.png) center/contain no-repeat;
  margin-top: 0.36rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeCase .CaseSlide.swiper-slide-active .SlideText {
  opacity: 1;
}
@media (max-width: 900px) {
  .Home.HomeCase .CaseSlide .SlideText {
    width: 50%;
    padding: 20px;
  }
}

.Home.HomeAbout {
  width: 100%;
  padding: 1.3rem 0 1.4rem;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
}
.Home.HomeAbout .Container {
  overflow-x: hidden;
}
.Home.HomeAbout .AboutInfo {
  width: 50%;
}
.Home.HomeAbout .AboutTitle {
  width: 100%;
}
.Home.HomeAbout .AboutTitle .Title {
  color: #222;
}
.Home.HomeAbout .AboutTitle .Title .CH {
  line-height: 1.1;
  white-space: nowrap;
  font-weight: 700;
  letter-spacing: 0.04 rem;
}
.Home.HomeAbout .AboutTitle .Title .EN {
  line-height: 1.3;
  white-space: nowrap;
  margin-top: 0.18rem;
  letter-spacing: 0.02rem;
}
.Home.HomeAbout .AboutRemark {
  width: 100%;
  margin-top: 0.56rem;
  color: rgba(0, 0, 0, 0.95);
  line-height: 1.6;
}
.Home.HomeAbout .AboutRemark p {
  color: rgba(0, 0, 0, 0.95);
  line-height: 1.6;
}
.Home.HomeAbout .AboutData {
  width: 100%;
  margin-top: 0.48rem;
}
.Home.HomeAbout .AboutData .DataList {
  align-items: flex-start;
  gap: .1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home.HomeAbout .AboutData .DataItem {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.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: #0a51a1;
  font-weight: 700;
  line-height: 1;
}
.Home.HomeAbout .AboutData .DataItem .ItemNumber .Text {
  color: #000;
  line-height: 1.2;
  white-space: nowrap;
}
.Home.HomeAbout .AboutData .DataItem .ItemRemark {
  width: 100%;
  margin-top: 0.2rem;
  color: #000;
  text-align: center;
}
.Home.HomeAbout .AboutButton {
  display: inline-block;
  margin-top: 1rem;
}
.Home.HomeAbout .AboutButton:hover .ButtonBoard {
  background: #f3f8fe;
}
.Home.HomeAbout .AboutButton:hover .ButtonIcon {
  background: #fff;
}
.Home.HomeAbout .AboutButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow3.png);
}
.Home.HomeAbout .AboutButton:hover .ButtonText {
  color: #666;
}
.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.1rem;
  border-radius: 0.27rem;
  background: #0a51a1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeAbout .AboutButton .ButtonText {
  color: #fff;
  line-height: 1.1;
  white-space: nowrap;
  padding: 0 0.1rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeAbout .AboutButton .ButtonIcon {
  width: 0.36rem;
  border-radius: 50%;
  background: rgba(140, 194, 255, 0.2);
  margin-left: 0.3rem;
  -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/arrow2.png) center/50% no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1200px) {
  .Home.HomeAbout {
    background-position: center;
  }
  .Home.HomeAbout .AboutData .DataList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Home.HomeAbout .AboutData .DataItem {
    width: 50%;
    padding: 10px 0;
  }
  .Home.HomeAbout .AboutData .DataItem .ItemRemark {
    text-align: left;
  }
}
@media (max-width: 750px) {
  .Home.HomeAbout .AboutInfo {
    width: 100%;
  }
  .Home.HomeAbout .AboutData .DataItem {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.Home.HomeNews {
  width: 100%;
  background: url(../images/Home7.jpg) center/cover no-repeat;
  padding: 1.2rem 0;
}
.Home.HomeNews .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow-x: hidden;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home.HomeNews .NewsInfo {
  width: 100%;
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.Home.HomeNews .NewsTitle .Title {
  color: #222;
}
.Home.HomeNews .NewsTitle .Title .CH {
  line-height: 1.1;
  white-space: nowrap;
  font-weight: 700;
  letter-spacing: 0.04 rem;
}
.Home.HomeNews .NewsTitle .Title .EN {
  line-height: 1.3;
  white-space: nowrap;
  margin-top: 0.18rem;
  letter-spacing: 0.02rem;
}
.Home.HomeNews .NewsButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Home.HomeNews .NewsButtons .NewsButton {
  display: inline-block;
  margin-top: 1rem;
}
.Home.HomeNews .NewsButtons .NewsButton:hover .ButtonBoard {
  background: #f3f8fe;
}
.Home.HomeNews .NewsButtons .NewsButton:hover .ButtonIcon {
  background: #fff;
}
.Home.HomeNews .NewsButtons .NewsButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow3.png);
}
.Home.HomeNews .NewsButtons .NewsButton:hover .ButtonText {
  color: #666;
}
.Home.HomeNews .NewsButtons .NewsButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.1rem;
  border-radius: 0.27rem;
  background: #0a51a1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeNews .NewsButtons .NewsButton .ButtonText {
  color: #fff;
  line-height: 1.1;
  white-space: nowrap;
  padding: 0 0.1rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeNews .NewsButtons .NewsButton .ButtonIcon {
  width: 0.36rem;
  border-radius: 50%;
  background: rgba(140, 194, 255, 0.2);
  margin-left: 0.3rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeNews .NewsButtons .NewsButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow2.png) center/50% no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeNews .NewsSwiper {
  width: 48.5%;
  margin-top: 0.48rem;
}
.Home.HomeNews .NewsImgSwiper {
  width: 100%;
}
.Home.HomeNews .NewsImgSlide {
  position: relative;
  z-index: 5;
}
.Home.HomeNews .NewsImgSlide .SlideBg {
  position: relative;
  z-index: 4;
}
.Home.HomeNews .NewsImgSlide .SlideImg {
  width: 100%;
  padding-top: 56.3636363636%;
  position: relative;
  z-index: 5;
}
.Home.HomeNews .NewsImgSlide .SlideImg img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.Home.HomeNews .NewsImgSlide .SlideMask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  padding: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  height: 100%;
  background: url(../images/Home9.png) bottom center/contain no-repeat;
}
.Home.HomeNews .NewsImgSlide .SlideTime {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Home.HomeNews .NewsImgSlide .SlideTime::before {
  content: "";
  width: 0.15rem;
  min-width: 15px;
  height: 0.15rem;
  min-height: 15px;
  background: url(../images/date1.png) center/contain no-repeat;
}
.Home.HomeNews .NewsImgSlide .SlideTime .Time {
  color: #fff;
  line-height: 1.2;
  margin-left: 0.1rem;
}
.Home.HomeNews .NewsTextSwiper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 0.01rem solid transparent;
  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.08);
}
.Home.HomeNews .NewsTextSwiper .swiper-pagination {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Home.HomeNews .NewsTextSwiper .swiper-pagination-bullet {
  background: #b4bec8;
  opacity: 1;
  margin: 0 0.08rem;
}
.Home.HomeNews .NewsTextSwiper .swiper-pagination-bullet-active {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  background: #0a51a1;
}
.Home.HomeNews .NewsTextSlide {
  padding: 0.36rem 0;
}
.Home.HomeNews .NewsTextSlide .SlideText {
  width: 100%;
}
.Home.HomeNews .NewsTextSlide .SlideText .Text {
  font-weight: 700;
  color: #222;
  line-height: 1.1;
}
.Home.HomeNews .NewsList {
  width: 48.5%;
  margin-top: 0.48rem;
}
.Home.HomeNews .NewsItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 0.01rem solid transparent;
  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.08);
}
.Home.HomeNews .NewsItem:hover {
  border-bottom-color: transparent;
}
.Home.HomeNews .NewsItem:hover .ItemImg {
  width: 39%;
}
.Home.HomeNews .NewsItem:hover .ItemText {
  width: 71%;
  background: #fff;
  padding: 0.4rem;
}
.Home.HomeNews .NewsItem .ItemImg {
  width: 0%;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeNews .NewsItem .ItemImg .Img {
  width: 100%;
  padding-top: 56.3333333333%;
}
.Home.HomeNews .NewsItem .ItemImg img {
  display: none;
}
.Home.HomeNews .NewsItem .ItemText {
  width: 100%;
  padding: 0.3rem 0;
  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;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeNews .NewsItem .ItemTitle {
  width: 100%;
  color: #222;
  line-height: 1.2;
  font-weight: 700;
}
.Home.HomeNews .NewsItem .ItemTime {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.15rem;
}
.Home.HomeNews .NewsItem .ItemTime::before {
  content: "";
  width: 0.15rem;
  min-width: 15px;
  height: 0.15rem;
  min-height: 15px;
  background: url(../images/date2.png) center/contain no-repeat;
}
.Home.HomeNews .NewsItem .ItemTime .Time {
  color: #666;
  line-height: 1.2;
  margin-left: 0.1rem;
}
@media (max-width: 900px) {
  .Home.HomeNews .Container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Home.HomeNews .NewsSwiper {
    width: 100%;
  }
  .Home.HomeNews .NewsTextSwiper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden;
  }
  .Home.HomeNews .NewsTextSwiper .swiper-pagination {
    padding-bottom: 20px;
  }
  .Home.HomeNews .NewsList {
    width: 100%;
    margin-top: 0;
  }
}

.Home.HomeGoods {
  width: 100%;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
}
.Home.HomeGoods .GoodsMain {
  width: 50%;
  background: #fff;
  padding: 1.2rem 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 5;
}
.Home.HomeGoods .GoodsMain::after {
  content: "";
  width: 1rem;
  display: block;
  height: 1rem;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(15%, -50%);
          transform: translate(15%, -50%);
  z-index: 5;
}
.Home.HomeGoods .GoodsInfo {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home.HomeGoods .GoodsTitle {
  margin-right: 0.4rem;
}
.Home.HomeGoods .GoodsTitle .Title {
  color: #222;
}
.Home.HomeGoods .GoodsTitle .Title .CH {
  line-height: 1.1;
  white-space: nowrap;
  font-weight: 700;
  letter-spacing: 0.04 rem;
}
.Home.HomeGoods .GoodsTitle .Title .EN {
  line-height: 1.3;
  white-space: nowrap;
  margin-top: 0.18rem;
  letter-spacing: 0.02rem;
}
.Home.HomeGoods .GoodsSwiperPagination {
  width: 100%;
}
.Home.HomeGoods .GoodsSwiperPagination .Pagination {
  color: #222;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.Home.HomeGoods .GoodsSwiperPagination .Pagination .Sign {
  margin: 0 0.1rem;
}
.Home.HomeGoods .GoodsSwiperPagination .Pagination .Cur {
  color: #0a51a1;
}
.Home.HomeGoods .GoodsImgSwiper {
  width: 100%;
  overflow: hidden;
  /* padding-top: 2rem; */
}
.Home.HomeGoods .GoodsImgSwiper .swiper-container {
  height: 100%;
}
.Home.HomeGoods .GoodsImgSilde {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* -webkit-box-align: center;
  -ms-flex-align: center; */
  align-items: flex-end;
}
.Home.HomeGoods .GoodsImgSilde .SlideImg {
  width: 100%;
}
.Home.HomeGoods .GoodsImgSilde .SlideImg .Img {
  width: 100%;
  padding-top: 150%;
  position: relative;
  z-index: 5;
}
.Home.HomeGoods .GoodsImgSilde .SlideImg .Img img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  z-index: 5;
}
.Home.HomeGoods .GoodsAside {
  width: 50%;
  padding: 1.2rem 1.6rem;
}
.Home.HomeGoods .GoodsInfoSwiper {
  width: 100%;
}
.Home.HomeGoods .GoodsInfoSilde .SlideTitle {
  width: 100%;
  color: #222;
  line-height: 1.1;
  padding-bottom: 0.3rem;
  font-weight: 700;
  border-bottom: 0.01rem solid rgba(10, 81, 161, 0.12);
}
.Home.HomeGoods .GoodsInfoSilde .SlideRemark {
  width: 100%;
  margin-top: 0.6rem;
  color: #222;
  line-height: 1.8;
}
.Home.HomeGoods .GoodsInfoSilde .SlideRemark p {
  color: #222;
  line-height: 1.8;
}
.Home.HomeGoods .GoodsInfoSilde .SlideRemark p::before {
  content: "·";
  color: #222;
  margin-right: 0.1rem;
}
.Home.HomeGoods .GoodsInfoSilde .SlideButton {
  display: inline-block;
  margin-top: 0.5rem;
}
.Home.HomeGoods .GoodsInfoSilde .SlideButton:hover .ButtonBoard {
  background: #f3f8fe;
}
.Home.HomeGoods .GoodsInfoSilde .SlideButton:hover .ButtonIcon {
  background: #fff;
}
.Home.HomeGoods .GoodsInfoSilde .SlideButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow3.png);
}
.Home.HomeGoods .GoodsInfoSilde .SlideButton:hover .ButtonText {
  color: #666;
}
.Home.HomeGoods .GoodsInfoSilde .SlideButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.1rem;
  border-radius: 0.27rem;
  background: #0a51a1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeGoods .GoodsInfoSilde .SlideButton .ButtonText {
  color: #fff;
  line-height: 1.1;
  white-space: nowrap;
  padding: 0 0.1rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeGoods .GoodsInfoSilde .SlideButton .ButtonIcon {
  width: 0.36rem;
  border-radius: 50%;
  background: rgba(140, 194, 255, 0.2);
  margin-left: 0.3rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeGoods .GoodsInfoSilde .SlideButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow2.png) center/50% no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeGoods .GoodsButtonSwiper {
  width: 100%;
  margin-top: 1rem;
}
.Home.HomeGoods .GoodsButtonSilde .SlideImg {
  width: 50%;
  margin: 0 auto;
  opacity: 0.5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeGoods .GoodsButtonSilde .SlideImg .Img {
  width: 100%;
  padding-top: 175%;
  cursor: pointer;
  position: relative;
  z-index: 5;
}
.Home.HomeGoods .GoodsButtonSilde .SlideImg img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  z-index: 5;
}
.Home.HomeGoods .GoodsButtonSilde.Active .SlideImg {
  opacity: 1;
}
@media (max-width: 900px) {
  .Home.HomeGoods {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Home.HomeGoods .GoodsMain {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px;
  }
  .Home.HomeGoods .GoodsMain::after {
    display: none;
  }
  .Home.HomeGoods .GoodsInfo {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .Home.HomeGoods .GoodsSwiperPagination {
    width: auto;
  }
  .Home.HomeGoods .GoodsImgSwiper {
    margin-top: 20px;
  }
  .Home.HomeGoods .GoodsImgSilde .SlideImg {
    width: 200px;
    margin: 0 auto;
  }
  .Home.HomeGoods .GoodsAside {
    width: 100%;
    padding: 30px;
  }
}

/* 产品中心 */
@media (max-width: 400px) {
  .Goods.GoodsCrumb#Crumb .CrumbTabs {
    width: 100%;
  }
  .Goods.GoodsCrumb#Crumb .CrumbTabs .Tab {
    width: 33.3333333333%;
    text-align: center;
    margin-right: 0;
  }
}

.Goods.GoodsContent {
  width: 100%;
  background: #eff6fe;
  padding: 1.1rem 0 0.8rem;
}
.Goods.GoodsContent .GoodsList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Goods.GoodsContent .GoodsItem {
  width: 48.75%;
  margin-right: 2.5%;
  margin-bottom: 2.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  overflow-x: hidden;
}
.Goods.GoodsContent .GoodsItem:nth-child(2n) {
  margin-right: 0;
}
.Goods.GoodsContent .GoodsItem:hover .ItemImg .Img .I {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.Goods.GoodsContent .GoodsItem:hover .ItemTitle .Title {
  color: #0a51a1;
}
.Goods.GoodsContent .GoodsItem .ItemImg {
  width: 44%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.7rem 0.6rem;
  padding-right: 0.3rem;
}
.Goods.GoodsContent .GoodsItem .ItemImg .Img {
  width: 1.76rem;
}
.Goods.GoodsContent .GoodsItem .ItemImg .Img .I {
  width: 100%;
  padding-top: 177.8409090909%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsContent .GoodsItem .ItemImg img {
  display: none;
}
.Goods.GoodsContent .GoodsItem .ItemText {
  width: 56%;
  padding: 0.8rem 0.6rem;
  padding-left: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Goods.GoodsContent .GoodsItem .ItemInfo {
  width: 100%;
  display: block;
}
.Goods.GoodsContent .GoodsItem .ItemTitle {
  width: 100%;
  padding-bottom: 0.3rem;
  border-bottom: 0.01rem solid rgba(10, 81, 161, 0.12);
}
.Goods.GoodsContent .GoodsItem .ItemTitle .Title {
  width: 100%;
  color: #222;
  font-weight: 700;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 1.3;
}
.Goods.GoodsContent .GoodsItem .ItemRemark {
  width: 100%;
  margin-top: 0.28rem;
  color: #666;
  line-height: 1.8;
}
.Goods.GoodsContent .GoodsItem .ItemRemark p {
  color: #666;
  line-height: 1.8;
}
.Goods.GoodsContent .GoodsItem .ItemRemark p::before {
  content: "·";
  color: #666;
  margin-right: 0.1rem;
}
.Goods.GoodsContent .GoodsItem .ItemButton {
  display: inline-block;
  margin-top: 0.4rem;
}
.Goods.GoodsContent .GoodsItem .ItemButton:hover .ButtonBoard {
  background: #0a51a1;
}
.Goods.GoodsContent .GoodsItem .ItemButton:hover .ButtonIcon {
  background: rgba(140, 194, 255, 0.2);
}
.Goods.GoodsContent .GoodsItem .ItemButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow2.png);
}
.Goods.GoodsContent .GoodsItem .ItemButton:hover .ButtonText {
  color: #fff;
}
.Goods.GoodsContent .GoodsItem .ItemButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.1rem;
  border-radius: 0.27rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: #f3f8fe;
}
.Goods.GoodsContent .GoodsItem .ItemButton .ButtonText {
  line-height: 1.1;
  white-space: nowrap;
  padding: 0 0.1rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #666;
}
.Goods.GoodsContent .GoodsItem .ItemButton .ButtonIcon {
  width: 0.36rem;
  border-radius: 50%;
  background: #fff;
  margin-left: 0.3rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsContent .GoodsItem .ItemButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow3.png) center/50% no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsContent .GoodsPager {
  margin-top: 0.4rem;
}
.Goods.GoodsContent .GoodsData {
  width: 100%;
}
.Goods.GoodsContent .GoodsData .DataList {
  width: 100%;
}
.Goods.GoodsContent .GoodsData .DataItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  margin-bottom: 0.3rem;
}
.Goods.GoodsContent .GoodsData .DataItem:last-child {
  margin-bottom: 0;
}
.Goods.GoodsContent .GoodsData .DataItem .ItemImg {
  width: 50%;
}
.Goods.GoodsContent .GoodsData .DataItem .ItemImg .Img {
  width: 100%;
  padding-top: 56.25%;
}
.Goods.GoodsContent .GoodsData .DataItem .ItemImg img {
  display: none;
}
.Goods.GoodsContent .GoodsData .DataItem .ItemText {
  width: 50%;
  padding: 0.6rem 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Goods.GoodsContent .GoodsData .DataItem .ItemInfo {
  width: 100%;
}
.Goods.GoodsContent .GoodsData .DataItem .ItemTitle {
  width: 100%;
  padding: 0.3rem 0;
  border-top: 0.01rem solid transparent;
  border-bottom: 0.01rem solid rgba(10, 81, 161, 0.12);
}
.Goods.GoodsContent .GoodsData .DataItem .ItemTitle .Title {
  width: 100%;
  color: #222;
  font-weight: 700;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 1.3;
}
.Goods.GoodsContent .GoodsData .DataItem .ItemRemark {
  width: 100%;
  margin-top: 0.28rem;
  color: #666;
  line-height: 1.8;
}
.Goods.GoodsContent .GoodsData .DataItem .ItemRemark p {
  color: #666;
  line-height: 1.8;
}
.Goods.GoodsContent .GoodsData .DataItem .ItemButton {
  display: inline-block;
  margin-top: 0.4rem;
}
.Goods.GoodsContent .GoodsData .DataItem .ItemButton:hover .ButtonBoard {
  background: #0a51a1;
}
.Goods.GoodsContent .GoodsData .DataItem .ItemButton:hover .ButtonIcon {
  background: rgba(140, 194, 255, 0.2);
}
.Goods.GoodsContent .GoodsData .DataItem .ItemButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow2.png);
}
.Goods.GoodsContent .GoodsData .DataItem .ItemButton:hover .ButtonText {
  color: #fff;
}
.Goods.GoodsContent .GoodsData .DataItem .ItemButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.1rem;
  border-radius: 0.27rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: #f3f8fe;
}
.Goods.GoodsContent .GoodsData .DataItem .ItemButton .ButtonText {
  line-height: 1.1;
  white-space: nowrap;
  padding: 0 0.1rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #666;
}
.Goods.GoodsContent .GoodsData .DataItem .ItemButton .ButtonIcon {
  width: 0.36rem;
  border-radius: 50%;
  background: #fff;
  margin-left: 0.3rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsContent .GoodsData .DataItem .ItemButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow3.png) center/50% no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 900px) {
  .Goods.GoodsContent .GoodsData .DataItem {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Goods.GoodsContent .GoodsData .DataItem .ItemImg {
    width: 100%;
  }
  .Goods.GoodsContent .GoodsData .DataItem .ItemText {
    width: 100%;
    padding: 20px;
  }
  .Goods.GoodsContent .GoodsData .DataItem .ItemTitle {
    padding-top: 0;
  }
}
@media (max-width: 750px) {
  .Goods.GoodsContent .GoodsItem {
    width: 100%;
    margin-right: 0;
  }
}
@media (max-width: 450px) {
  .Goods.GoodsContent .GoodsItem .ItemImg {
    padding: 20px 10px;
    padding-right: 10px;
  }
  .Goods.GoodsContent .GoodsItem .ItemText {
    padding: 20px 10px;
    padding-left: 10px;
  }
}

.Goods.GoodsDetail {
  width: 100%;
  background: #eff6fe;
}
.Goods.GoodsDetail .DetailInfo {
  width: 100%;
  padding-top: 1.1rem;
}
.Goods.GoodsDetail .DetailInfo .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-x: hidden;
}
.Goods.GoodsDetail .DetailInfo .InfoSwipers {
  width: 39.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Goods.GoodsDetail .DetailInfo .InfoImgSwiper {
  width: 79%;
}
.Goods.GoodsDetail .DetailInfo .InfoImgSlide .SlideImg {
  width: 100%;
  height: 6.1rem;
  background: #fff;
}
.Goods.GoodsDetail .DetailInfo .InfoImgSlide .I {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
  padding: 0.2rem 0;
}
.Goods.GoodsDetail .DetailInfo .InfoImgSlide img {
  width: auto;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsDetail .DetailInfo .InfoButtonSwiper {
  width: 17.8%;
  height: 6.1rem;
}
.Goods.GoodsDetail .DetailInfo .InfoButtonSwiper .swiper-container {
  height: 100%;
  width: 100%;
}
.Goods.GoodsDetail .DetailInfo .InfoButtonSilde.Active .SlideImg {
  border-color: #0a51a1;
}
.Goods.GoodsDetail .DetailInfo .InfoButtonSilde:hover .SlideImg {
  border-color: #0a51a1;
}
.Goods.GoodsDetail .DetailInfo .InfoButtonSilde .SlideImg {
  width: 100%;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border: solid 0.02rem transparent;
  background: #fff;
  position: relative;
  z-index: 5;
}
.Goods.GoodsDetail .DetailInfo .InfoButtonSilde .SlideImg img {
  width: auto;
  height: 80%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 1920px) {
  .Goods.GoodsDetail .DetailInfo .InfoButtonSilde .SlideImg {
    border-width: 2px;
  }
}
.Goods.GoodsDetail .DetailInfo .InfoText {
  width: 55.85%;
}
.Goods.GoodsDetail .DetailInfo .InfoTitle {
  width: 100%;
  padding-bottom: 0.3rem;
  border-bottom: 0.01rem solid rgba(10, 81, 161, 0.12);
}
.Goods.GoodsDetail .DetailInfo .InfoTitle .Title {
  width: 100%;
  color: #222;
  font-weight: 700;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 1.3;
}
.Goods.GoodsDetail .DetailInfo .InfoRemark {
  width: 100%;
  margin-top: 0.36rem;
  color: #666;
  line-height: 1.8;
}
.Goods.GoodsDetail .DetailInfo .InfoRemark p {
  color: #666;
  line-height: 1.8;
}
.Goods.GoodsDetail .DetailInfo .InfoRemark p::before {
  content: "·";
  color: #666;
  line-height: 1.8;
  margin-right: 0.1rem;
}
.Goods.GoodsDetail .DetailTrait {
  width: 100%;
  margin-top: 0.72rem;
  padding-bottom: 1rem;
}
.Goods.GoodsDetail .DetailTrait .Container {
  overflow-x: hidden;
}
.Goods.GoodsDetail .DetailTrait .TraitTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Goods.GoodsDetail .DetailTrait .TraitTitle::before {
  content: "";
  display: block;
  width: 0.04rem;
  min-width: 4px;
  height: 0.23rem;
  min-height: 23px;
  background: #0a51a1;
  margin-right: 0.1rem;
}
.Goods.GoodsDetail .DetailTrait .TraitTitle .Title {
  width: auto;
  color: #222;
  line-height: 1.3;
  font-weight: 700;
}
.Goods.GoodsDetail .DetailTrait .TraitData {
  width: 100%;
  margin-top: 0.38rem;
}
.Goods.GoodsDetail .DetailTrait .TraitData .DataList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Goods.GoodsDetail .DetailTrait .TraitData .DataItem {
  width: 23%;
  margin-right: 2%;
  padding: 0.42rem 0.4rem;
  background: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsDetail .DetailTrait .TraitData .DataItem:hover {
  border-radius: 0.2rem;
}
.Goods.GoodsDetail .DetailTrait .TraitData .DataItem:hover .ItemTitle {
  color: #0a51a1;
}
.Goods.GoodsDetail .DetailTrait .TraitData .DataItem:nth-child(4n) {
  margin-right: 0;
}
.Goods.GoodsDetail .DetailTrait .TraitData .DataItem .ItemIcon {
  width: 0.32rem;
  min-width: 20px;
}
.Goods.GoodsDetail .DetailTrait .TraitData .DataItem .ItemIcon .Icon {
  width: 100%;
  padding-top: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.Goods.GoodsDetail .DetailTrait .TraitData .DataItem .ItemIcon img {
  display: none;
}
.Goods.GoodsDetail .DetailTrait .TraitData .DataItem .ItemTitle {
  width: 100%;
  color: #222;
  line-height: 1.4;
  margin-top: 0.24rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-weight: 700;
}
.Goods.GoodsDetail .DetailTrait .TraitData .DataItem .ItemRemark {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.16rem;
}
.Goods.GoodsDetail .DetailTrait .TraitData .DataItem .ItemRemark p {
  color: #666;
  line-height: 1.5;
}
.Goods.GoodsDetail .DatailOther {
  width: 100%;
  padding: 1rem 0 1.1rem;
  background: #ebf4fe;
}
.Goods.GoodsDetail .DatailOther .Container {
  overflow-x: hidden;
}
.Goods.GoodsDetail .DatailOther .OtherTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Goods.GoodsDetail .DatailOther .OtherTitle::before {
  content: "";
  display: block;
  width: 0.04rem;
  min-width: 4px;
  height: 0.23rem;
  min-height: 23px;
  background: #0a51a1;
  margin-right: 0.1rem;
}
.Goods.GoodsDetail .DatailOther .OtherTitle .Title {
  width: auto;
  color: #222;
  line-height: 1.3;
  font-weight: 700;
}
.Goods.GoodsDetail .DatailOther .OtherSwiper {
  width: 100%;
  margin-top: 0.38rem;
}
.Goods.GoodsDetail .DatailOther .OtherSilde {
  background: #fff;
  display: block;
}
.Goods.GoodsDetail .DatailOther .OtherSilde:hover .SlideImg img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}
.Goods.GoodsDetail .DatailOther .OtherSilde:hover .SlideText {
  color: #0a51a1;
}
.Goods.GoodsDetail .DatailOther .OtherSilde:nth-child(5n) {
  margin-right: 0;
}
.Goods.GoodsDetail .DatailOther .OtherSilde .SlideImg {
  width: 100%;
  padding-top: 121.875%;
  position: relative;
  z-index: 5;
}
.Goods.GoodsDetail .DatailOther .OtherSilde .SlideImg img {
  width: auto;
  height: 80%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  z-index: 5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsDetail .DatailOther .OtherSilde .SlideText {
  width: 100%;
  padding: 0 0.1rem;
  padding-bottom: 0.4rem;
  text-align: center;
  color: #222;
  line-height: 1.3;
  font-weight: 700;
  -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 {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Goods.GoodsDetail .DetailInfo .InfoImgSwiper {
    width: 100%;
  }
  .Goods.GoodsDetail .DetailInfo .InfoImgSlide {
    background: #fff;
  }
  .Goods.GoodsDetail .DetailInfo .InfoImgSlide .SlideImg {
    width: 50%;
    margin: 0 auto;
    padding-top: 61%;
    position: relative;
    z-index: 5;
  }
  .Goods.GoodsDetail .DetailInfo .InfoImgSlide .SlideImg .I {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    padding: 40px 0;
  }
  .Goods.GoodsDetail .DetailInfo .InfoButtonSwiper {
    width: 100%;
    height: auto;
    margin-top: 2.5%;
  }
  .Goods.GoodsDetail .DetailInfo .InfoButtonSilde .SlideImg {
    height: 0;
    padding-top: 122.3214285714%;
  }
  .Goods.GoodsDetail .DetailInfo .InfoText {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 900px) {
  .Goods.GoodsDetail .DetailTrait .TraitData {
    margin-top: 0.16rem;
  }
  .Goods.GoodsDetail .DetailTrait .TraitData .DataItem {
    width: 49%;
    margin-top: 2%;
  }
  .Goods.GoodsDetail .DetailTrait .TraitData .DataItem:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 750px) {
  .Goods.GoodsDetail .DetailInfo .InfoImgSlide .SlideImg {
    width: 90%;
    padding-top: 109.8%;
  }
}
@media (max-width: 500px) {
  .Goods.GoodsDetail .DetailTrait .TraitData .DataItem {
    width: 100%;
    margin-right: 0;
    margin-top: 10px;
  }
}

/* 解决方案 */
@media (max-width: 960px) {
  .Case.CaseCrumb#Crumb .CrumbTabs {
    width: 100%;
  }
  .Case.CaseCrumb#Crumb .CrumbTabs .Tab {
    width: 50%;
    text-align: center;
    margin-right: 0;
  }
}

.Case.CaseContent {
  width: 100%;
  background: #f3f8fe;
  padding: 1rem 0 0.8rem;
}
.Case.CaseContent .CaseList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Case.CaseContent .CaseItem {
  display: block;
  width: 48.75%;
  margin-right: 2.5%;
  background: #fff;
  margin-bottom: 2.5%;
}
.Case.CaseContent .CaseItem:hover .ItemImg img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.Case.CaseContent .CaseItem:hover .ItemTitle .Title {
  color: #0a51a1;
}
.Case.CaseContent .CaseItem:nth-child(2n) {
  margin-right: 0;
}
.Case.CaseContent .CaseItem .ItemImg {
  width: 100%;
  overflow: hidden;
}
.Case.CaseContent .CaseItem .ItemImg img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Case.CaseContent .CaseItem .ItemText {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Case.CaseContent .CaseItem .ItemInfo {
  width: 100%;
  padding: 0.5rem;
  border-left: 0.01rem solid transparent;
  border-right: 0.01rem solid rgba(10, 81, 161, 0.08);
}
.Case.CaseContent .CaseItem .ItemTitle {
  width: 100%;
}
.Case.CaseContent .CaseItem .ItemTitle .Title {
  color: #222;
  line-height: 1.3;
  font-weight: 700;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Case.CaseContent .CaseItem .ItemRemark {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.24rem;
}
.Case.CaseContent .CaseItem .ItemRemark p {
  color: #666;
  line-height: 1.5;
}
.Case.CaseContent .CaseItem .ItemButton {
  width: auto;
  padding: 0.43rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Case.CaseContent .CaseItem .ItemButton .More {
  width: 0.54rem;
  min-width: 36px;
  height: 0.54rem;
  min-height: 36px;
  background: #f3f8fe;
  border-radius: 50%;
  position: relative;
  z-index: 5;
}
.Case.CaseContent .CaseItem .ItemButton .More:hover::after {
  background-image: url(../images/arrow2.png);
  background-color: #0a51a1;
}
.Case.CaseContent .CaseItem .ItemButton .More::after {
  content: "";
  display: block;
  width: 75%;
  height: 75%;
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: url(../images/arrow3.png) center/50% no-repeat;
  background-color: #fff;
}
.Case.CaseContent .CasePager {
  margin-top: 0.4rem;
}
@media (max-width: 750px) {
  .Case.CaseContent .CaseItem {
    width: 100%;
    margin-right: 0;
  }
}

.Case.CaseDetail {
  width: 100%;
}
.Case.CaseDetail .DetailInfo {
  width: 100%;
  background: url(../images/Case10.png) top center/cover no-repeat;
  padding: 1.1rem 0;
}
.Case.CaseDetail .DetailInfo .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
}
.Case.CaseDetail .DetailInfo .InfoImg {
  width: 50%;
}
.Case.CaseDetail .DetailInfo .InfoImg img {
  width: 100%;
}
.Case.CaseDetail .DetailInfo .InfoText {
  width: 50%;
  padding-left: 0.8rem;
}
.Case.CaseDetail .DetailInfo .InfoTitle {
  width: 100%;
  padding-bottom: 0.3rem;
  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.08);
}
.Case.CaseDetail .DetailInfo .InfoTitle .Title {
  width: 100%;
  color: #222;
  font-weight: 700;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 1.3;
}
.Case.CaseDetail .DetailInfo .InfoRemark {
  width: 100%;
  color: #222;
  line-height: 1.5;
  margin-top: 0.36rem;
}
.Case.CaseDetail .DetailInfo .InfoRemark p {
  color: #222;
  line-height: 1.5;
}
.Case.CaseDetail .DetailInfo .InfoGuide {
  width: 100%;
  margin-top: 0.6rem;
}
.Case.CaseDetail .DetailInfo .InfoGuide .GuideTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Case.CaseDetail .DetailInfo .InfoGuide .GuideTitle::before {
  content: "";
  display: block;
  margin-right: 0.1rem;
  width: 0.25rem;
  height: 0.25rem;
  min-width: 20px;
  min-height: 20px;
  background: url(../images/Case9.png) center/cover no-repeat;
}
.Case.CaseDetail .DetailInfo .InfoGuide .GuideTitle .Title {
  color: #222;
  line-height: 1.2;
}
.Case.CaseDetail .DetailInfo .InfoGuide .GuideRemark {
  width: 100%;
  margin-top: 0.24rem;
  color: #222;
  line-height: 1.8;
}
.Case.CaseDetail .DetailInfo .InfoGuide .GuideRemark p {
  color: #222;
  line-height: 1.8;
}
.Case.CaseDetail .DetailInfo .InfoGuide .GuideRemark p::before {
  content: "·";
  color: #222;
  line-height: 1.8;
  margin-right: 0.1rem;
}
.Case.CaseDetail .DatailOther {
  width: 100%;
  padding: 1rem 0 1.1rem;
  background: url(../images/Case11.jpg) top center/cover no-repeat;
}
.Case.CaseDetail .DatailOther .Container {
  overflow-x: hidden;
}
.Case.CaseDetail .DatailOther .OtherTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Case.CaseDetail .DatailOther .OtherTitle::before {
  content: "";
  display: block;
  width: 0.04rem;
  min-width: 4px;
  height: 0.23rem;
  min-height: 23px;
  background: #0a51a1;
  margin-right: 0.1rem;
}
.Case.CaseDetail .DatailOther .OtherTitle .Title {
  width: auto;
  color: #222;
  line-height: 1.3;
  font-weight: 700;
}
.Case.CaseDetail .DatailOther .OtherSwiper {
  width: 100%;
  margin-top: 0.38rem;
}
.Case.CaseDetail .DatailOther .OtherSilde {
  background: #fff;
  display: block;
}
.Case.CaseDetail .DatailOther .OtherSilde:hover .SlideImg img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}
.Case.CaseDetail .DatailOther .OtherSilde:hover .SlideText {
  color: #0a51a1;
}
.Case.CaseDetail .DatailOther .OtherSilde:nth-child(5n) {
  margin-right: 0;
}
.Case.CaseDetail .DatailOther .OtherSilde .SlideImg {
  width: 100%;
  padding-top: 51.2820512821%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.Case.CaseDetail .DatailOther .OtherSilde .SlideImg img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  z-index: 5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Case.CaseDetail .DatailOther .OtherSilde .SlideText {
  width: 100%;
  padding: 0.3rem 0.1rem;
  padding-bottom: 0.4rem;
  text-align: center;
  color: #222;
  line-height: 1.3;
  font-weight: 700;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1200px) {
  .Case.CaseDetail .DetailInfo .Container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Case.CaseDetail .DetailInfo .InfoImg {
    width: 100%;
  }
  .Case.CaseDetail .DetailInfo .InfoText {
    width: 100%;
    padding: 10px 0;
  }
}

/* 关于我们 */
.About.AboutContent {
  width: 100%;
}
.About.AboutContent .AboutInfo {
  width: 100%;
  padding: 1.1rem 0;
  background: url(../images/Case10.png) top center/cover no-repeat;
}
.About.AboutContent .AboutInfo .Container {
  overflow-x: hidden;
}
.About.AboutContent .AboutInfo .InfoTitle {
  width: 100%;
  text-align: center;
}
.About.AboutContent .AboutInfo .InfoTitle .Title {
  width: 100%;
  color: #111;
}
.About.AboutContent .AboutInfo .InfoTitle .Title .CH {
  line-height: 1.1;
  white-space: nowrap;
  font-weight: 700;
  letter-spacing: 0.06rem;
}
.About.AboutContent .AboutInfo .InfoTitle .Title .EN {
  line-height: 1.3;
  white-space: nowrap;
  margin-top: 0.18rem;
  letter-spacing: 0.02rem;
}
.About.AboutContent .AboutInfo .InfoContent {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.42rem;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-x: hidden;
}
.About.AboutContent .AboutInfo .InfoText {
  width: 60%;
}
.About.AboutContent .AboutInfo .InfoRemark {
  width: 100%;
  color: #444;
  line-height: 1.5;
}
.About.AboutContent .AboutInfo .InfoRemark p {
  color: #444;
  line-height: 1.5;
}
.About.AboutContent .AboutInfo .InfoImg {
  width: 35%;
}
.About.AboutContent .AboutInfo .InfoImg img {
  width: 100%;
  height: auto;
  border-radius: 0.16rem 0 0.16rem 0;
  overflow: hidden;
}
.About.AboutContent .AboutInfo .InfoData {
  width: 100%;
  margin-top: 0.6rem;
}
.About.AboutContent .AboutInfo .InfoData .DataList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.About.AboutContent .AboutInfo .InfoData .DataItem {
  width: 24%;
  margin-right: 1.3333333333%;
  position: relative;
  z-index: 5;
}
.About.AboutContent .AboutInfo .InfoData .DataItem:nth-child(4n) {
  margin-right: 0;
}
.About.AboutContent .AboutInfo .InfoData .DataItem .ItemImg {
  width: 100%;
  position: relative;
  z-index: 4;
}
.About.AboutContent .AboutInfo .InfoData .DataItem .ItemImg .Img {
  padding-top: 75.5844155844%;
  width: 100%;
}
.About.AboutContent .AboutInfo .InfoData .DataItem .ItemImg img {
  display: none;
}
.About.AboutContent .AboutInfo .InfoData .DataItem .ItemText {
  width: 100%;
  height: 100%;
  padding: 0.4rem;
  position: absolute;
  left: 0;
  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-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  top: 0;
  z-index: 5;
  background: url(../images/About7.png) bottom center/contain no-repeat;
}
.About.AboutContent .AboutInfo .InfoData .DataItem .ItemTitle {
  width: 100%;
  color: #fff;
  font-weight: 700;
  line-height: 1.3;
}
.About.AboutContent .AboutInfo .InfoData .DataItem .ItemRemark {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  opacity: 0.7;
  margin-top: 0.2rem;
}
.About.AboutContent .AboutInfo .InfoData .DataItem .ItemRemark p {
  color: #fff;
  line-height: 1.5;
}
@media (max-width: 900px) {
  .About.AboutContent .AboutInfo .InfoContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .About.AboutContent .AboutInfo .InfoText {
    width: 100%;
    margin-top: 10px;
  }
  .About.AboutContent .AboutInfo .InfoImg {
    width: 100%;
  }
  .About.AboutContent .AboutInfo .InfoData .DataItem {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .About.AboutContent .AboutInfo .InfoData .DataItem:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 550px) {
  .About.AboutContent .AboutInfo .InfoData .DataItem {
    width: 100%;
    margin-right: 0;
  }
}
.About.AboutContent .AboutHonor {
  width: 100%;
  padding: 1.1rem 1.3rem;
  background: url(../images/Case11.jpg) top center/cover no-repeat;
}
.About.AboutContent .AboutHonor .HonorTitle {
  width: 100%;
  text-align: center;
}
.About.AboutContent .AboutHonor .HonorTitle .Title {
  width: 100%;
  color: #111;
}
.About.AboutContent .AboutHonor .HonorTitle .Title .CH {
  line-height: 1.1;
  white-space: nowrap;
  font-weight: 700;
  letter-spacing: 0.06rem;
}
.About.AboutContent .AboutHonor .HonorTitle .Title .EN {
  line-height: 1.3;
  white-space: nowrap;
  margin-top: 0.18rem;
  letter-spacing: 0.02rem;
}
.About.AboutContent .AboutHonor .HonorContent {
  width: 100%;
  position: relative;
  z-index: 5;
  margin-top: 0.3rem;
}
.About.AboutContent .AboutHonor .HonorTabs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.About.AboutContent .AboutHonor .HonorTab.In {
  background: #0a51a1;
  color: #fff;
}
.About.AboutContent .AboutHonor .HonorTab {
  background: #fff;
  padding: 0.14rem 0.42rem;
  color: #666;
  line-height: 1.2;
  white-space: nowrap;
  display: inline-block;
  margin: 0 0.1rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.About.AboutContent .AboutHonor .HonorTab:hover {
  background: #0a51a1;
  color: #fff;
}
.About.AboutContent .AboutHonor .HonorSwiper.Show {
  display: block;
}
.About.AboutContent .AboutHonor .HonorSwiper {
  width: 100%;
  display: none;
}
.About.AboutContent .AboutHonor .HonorSwipers {
  width: 100%;
  margin-top: 0.3rem;
}
.About.AboutContent .AboutHonor .HonorImgSwiper {
  width: 100%;
  padding: 0 0.3rem;
}
.About.AboutContent .AboutHonor .HonorBase {
  width: 100%;
}
.About.AboutContent .AboutHonor .HonorBase .BaseImg {
  width: 100%;
  padding-top: 5.3892215569%;
  background: url(../images/About9.png) center/contain no-repeat;
}
.About.AboutContent .AboutHonor .HonorTextSwiper {
  width: 100%;
  padding: 0 0.3rem;
}
.About.AboutContent .AboutHonor .HonorSlide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
}
.About.AboutContent .AboutHonor .HonorSlide .SlideImg {
  width: 2.29rem;
  min-width: 180px;
  margin: 0 auto;
  cursor: pointer;
}
.About.AboutContent .AboutHonor .HonorSlide .SlideImg img {
  width: 100%;
  height: auto;
}
.About.AboutContent .AboutHonor .HonorSlide .SlideText {
  width: 100%;
  text-align: center;
  color: #444;
  line-height: 1.5;
}
.About.AboutContent .AboutHonor .HonorButtons {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 5;
}
.About.AboutContent .AboutHonor .HonorButtons .PrevButton, .About.AboutContent .AboutHonor .HonorButtons .NextButton {
  width: 0.5rem;
  min-width: 36px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About.AboutContent .AboutHonor .HonorButtons .PrevButton:hover, .About.AboutContent .AboutHonor .HonorButtons .NextButton:hover {
  background: #0a51a1;
}
.About.AboutContent .AboutHonor .HonorButtons .PrevButton:hover::after, .About.AboutContent .AboutHonor .HonorButtons .NextButton:hover::after {
  background-image: url(../images/arrow2.png);
}
.About.AboutContent .AboutHonor .HonorButtons .PrevButton::after, .About.AboutContent .AboutHonor .HonorButtons .NextButton::after {
  content: "";
  width: 100%;
  display: block;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/50% no-repeat;
}
.About.AboutContent .AboutHonor .HonorButtons .NextButton {
  -webkit-transform: translateX(100%) rotate(-180deg);
          transform: translateX(100%) rotate(-180deg);
  margin-left: 0.1rem;
}
.About.AboutContent .AboutHonor .HonorButtons .PrevButton {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
@media (max-width: 1200px) {
  .About.AboutContent .AboutHonor {
    padding: 1.1rem 10px;
  }
  .About.AboutContent .AboutHonor .HonorButtons .NextButton {
    -webkit-transform: translateX(0%) rotate(-180deg);
            transform: translateX(0%) rotate(-180deg);
  }
  .About.AboutContent .AboutHonor .HonorButtons .PrevButton {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

/* 新闻中心 */
.News.NewsSurround {
  width: 100%;
  background: url(../images/Case10.png) top center/cover no-repeat;
}

.News.NewsContent {
  width: 100%;
  padding: 1.1rem 0 0.8rem;
}
.News.NewsContent .NewsSwiper {
  width: 100%;
}
.News.NewsContent .NewsSwiper .swiper-pagination {
  position: static;
  text-align: center;
  margin-top: 0.3rem;
}
.News.NewsContent .NewsSwiper .swiper-pagination-bullet {
  background: #b4bec8;
  opacity: 1;
  margin: 0 0.1rem;
}
.News.NewsContent .NewsSwiper .swiper-pagination-bullet-active {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  background: #0a51a1;
}
.News.NewsContent .NewsSlide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
}
.News.NewsContent .NewsSlide .SlideImg {
  width: 41.6%;
}
.News.NewsContent .NewsSlide .SlideImg .Img {
  width: 100%;
  padding-top: 56.0902255639%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.News.NewsContent .NewsSlide .SlideImg img {
  display: none;
}
.News.NewsContent .NewsSlide .SlideText {
  width: 58.4%;
  padding: 0.7rem 0.9rem;
}
.News.NewsContent .NewsSlide .SlideTime {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.News.NewsContent .NewsSlide .SlideTime::before {
  content: "";
  width: 0.15rem;
  min-width: 15px;
  height: 0.15rem;
  min-height: 15px;
  background: url(../images/date2.png) center/contain no-repeat;
}
.News.NewsContent .NewsSlide .SlideTime .Time {
  color: #666;
  line-height: 1.2;
  margin-left: 0.06rem;
}
.News.NewsContent .NewsSlide .SlideTitle {
  color: #222;
  line-height: 1.3;
  width: 100%;
  font-weight: 700;
  margin-top: 0.24rem;
}
.News.NewsContent .NewsSlide .SlideRemark {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.18rem;
}
.News.NewsContent .NewsSlide .SlideRemark p {
  color: #666;
  line-height: 1.7;
}
.News.NewsContent .NewsSlide .SlideButton {
  display: inline-block;
  margin-top: 0.3rem;
}
.News.NewsContent .NewsSlide .SlideButton:hover .ButtonBoard {
  background: #f3f8fe;
}
.News.NewsContent .NewsSlide .SlideButton:hover .ButtonIcon {
  background: #fff;
}
.News.NewsContent .NewsSlide .SlideButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow3.png);
}
.News.NewsContent .NewsSlide .SlideButton:hover .ButtonText {
  color: #666;
}
.News.NewsContent .NewsSlide .SlideButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.1rem;
  border-radius: 0.27rem;
  background: #0a51a1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsContent .NewsSlide .SlideButton .ButtonText {
  color: #fff;
  line-height: 1.1;
  white-space: nowrap;
  padding: 0 0.1rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsContent .NewsSlide .SlideButton .ButtonIcon {
  width: 0.36rem;
  border-radius: 50%;
  background: rgba(140, 194, 255, 0.2);
  margin-left: 0.34rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsContent .NewsSlide .SlideButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow2.png) center/50% no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsContent .NewsList {
  width: 100%;
  overflow-x: hidden;
}
.News.NewsContent .NewsItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.4rem 0;
  border-top: 0.01rem solid transparent;
  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.08);
}
.News.NewsContent .NewsItem:hover .ItemTitle {
  color: #0a51a1;
}
.News.NewsContent .NewsItem:hover .ItemImg img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.News.NewsContent .NewsItem .ItemText {
  width: 100%;
  padding-right: 1rem;
}
.News.NewsContent .NewsItem .ItemTime {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.News.NewsContent .NewsItem .ItemTime::before {
  content: "";
  width: 0.15rem;
  min-width: 15px;
  height: 0.15rem;
  min-height: 15px;
  background: url(../images/date2.png) center/contain no-repeat;
}
.News.NewsContent .NewsItem .ItemTime .Time {
  color: #666;
  line-height: 1.2;
  margin-left: 0.06rem;
}
.News.NewsContent .NewsItem .ItemTitle {
  color: #222;
  line-height: 1.3;
  width: 100%;
  font-weight: 700;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 0.24rem;
}
.News.NewsContent .NewsItem .ItemRemark {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.18rem;
}
.News.NewsContent .NewsItem .ItemRemark p {
  color: #666;
  line-height: 1.7;
}
.News.NewsContent .NewsItem .ItemButton {
  width: auto;
  margin-top: 0.5rem;
}
.News.NewsContent .NewsItem .ItemButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.News.NewsContent .NewsItem .ItemButton .ButtonText {
  color: #0a51a1;
  line-height: 1.3;
}
.News.NewsContent .NewsItem .ItemButton .ButtonIcon {
  width: 0.18rem;
  min-width: 12px;
}
.News.NewsContent .NewsItem .ItemButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/cover no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.News.NewsContent .NewsItem .ItemImg {
  width: 4rem;
  min-width: 200px;
  overflow: hidden;
}
.News.NewsContent .NewsItem .ItemImg img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsContent .NewsPager {
  margin-top: 0.4rem;
}
@media (max-width: 1200px) {
  .News.NewsContent .NewsSlide .SlideImg {
    width: 46%;
  }
  .News.NewsContent .NewsSlide .SlideText {
    width: 54%;
    padding: 0.6rem 0.8rem;
  }
}
@media (max-width: 900px) {
  .News.NewsContent .NewsSlide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .News.NewsContent .NewsSlide .SlideImg {
    width: 100%;
  }
  .News.NewsContent .NewsSlide .SlideText {
    width: 100%;
    padding: 0.4rem;
  }
}
@media (max-width: 750px) {
  .News.NewsContent .NewsItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .News.NewsContent .NewsItem .ItemText {
    width: 100%;
    padding-right: 0;
    margin-top: 0.4rem;
  }
  .News.NewsContent .NewsItem .ItemImg {
    width: 100%;
  }
}

.News.NewsDetail {
  width: 100%;
}
.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 .DetailMain {
  width: 79%;
}
.News.NewsDetail .DetailInfo {
  width: 100%;
}
.News.NewsDetail .DetailInfo .InfoTitle {
  width: 100%;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.News.NewsDetail .DetailInfo .InfoTitle .Title {
  width: 100%;
  color: #333;
  line-height: 1.3;
  font-weight: 700;
}
.News.NewsDetail .DetailInfo .InfoTitle .Data {
  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 .Time {
  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 .InfoTitle .Return {
  width: auto;
  display: block;
  margin-top: 0.4rem;
}
.News.NewsDetail .DetailInfo .InfoTitle .Return .Button {
  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 .Return .Button:hover .ButtonText {
  color: #0a51a1;
}
.News.NewsDetail .DetailInfo .InfoTitle .Return .Button:hover .ButtonIcon::after {
  background-image: url(../images/News11.png);
}
.News.NewsDetail .DetailInfo .InfoTitle .Return .Button .ButtonText {
  color: #666;
  line-height: 1.2;
  width: auto;
  white-space: nowrap;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsDetail .DetailInfo .InfoTitle .Return .Button .ButtonIcon {
  width: 0.16rem;
  min-width: 16px;
  margin-left: 0.06rem;
}
.News.NewsDetail .DetailInfo .InfoTitle .Return .Button .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding-top: 100%;
  background: url(../images/News10.png) center/contain no-repeat;
}
.News.NewsDetail .DetailInfo .InfoContent {
  width: 100%;
  margin: 0.2rem 0 0.6rem;
  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;
}
.News.NewsDetail .DetailInfo .InfoButtons .Pages {
  width: auto;
}
.News.NewsDetail .DetailInfo .InfoButtons .Pages .PagePrev, .News.NewsDetail .DetailInfo .InfoButtons .Pages .PageNext {
  display: block;
  width: auto;
  color: #666;
  line-height: 1.4;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsDetail .DetailInfo .InfoButtons .Pages .PagePrev:hover, .News.NewsDetail .DetailInfo .InfoButtons .Pages .PageNext:hover {
  color: #0a51a1;
}
.News.NewsDetail .DetailInfo .InfoButtons .Widget {
  width: auto;
}
.News.NewsDetail .DetailInfo .InfoButtons .Widget .Button.Return {
  display: inline-block;
  padding: 0.16rem 0.58rem;
  color: #fff;
  background-color: #0a51a1;
  line-height: 1.5;
  border-radius: 0.28rem;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsDetail .DetailInfo .InfoButtons .Widget .Button.Return:hover {
  border-radius: 0;
}
@media (max-width: 1920px) {
  .News.NewsDetail .DetailInfo .InfoButtons .Widget .Button.Return {
    border-radius: 28px;
  }
}
.News.NewsDetail .DetailAside {
  width: 15%;
}
.News.NewsDetail .DetailHot {
  width: 100%;
}
.News.NewsDetail .DetailHot .HotList {
  width: 100%;
}
.News.NewsDetail .DetailHot .HotItem {
  width: 100%;
  margin-bottom: 0.2rem;
  display: block;
}
.News.NewsDetail .DetailHot .HotItem:last-of-type {
  margin-bottom: 0;
}
.News.NewsDetail .DetailHot .HotItem:hover .ItemImg .Img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.News.NewsDetail .DetailHot .HotItem:hover .ItemTitle {
  color: #0a51a1;
}
.News.NewsDetail .DetailHot .HotItem .ItemText {
  width: 100%;
  background: #fff;
  padding: 0.24rem;
}
.News.NewsDetail .DetailHot .HotItem .ItemImg {
  width: 100%;
  overflow: hidden;
}
.News.NewsDetail .DetailHot .HotItem .ItemImg .Img {
  width: 100%;
  padding-top: 64%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsDetail .DetailHot .HotItem .ItemImg img {
  display: none;
}
.News.NewsDetail .DetailHot .HotItem .ItemTitle {
  width: 100%;
  color: #222;
  line-height: 1.4;
  font-weight: 700;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsDetail .DetailHot .HotItem .ItemTime {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.2rem;
}
.News.NewsDetail .DetailHot .HotItem .ItemTime::before {
  content: "";
  width: 0.15rem;
  min-width: 15px;
  height: 0.15rem;
  min-height: 15px;
  background: url(../images/date2.png) center/contain no-repeat;
}
.News.NewsDetail .DetailHot .HotItem .ItemTime .Time {
  color: #666;
  line-height: 1.2;
  margin-left: 0.06rem;
}
@media (max-width: 1200px) {
  .News.NewsDetail .Container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .News.NewsDetail .DetailMain {
    width: 100%;
  }
  .News.NewsDetail .DetailAside {
    width: 100%;
    margin-top: 20px;
  }
  .News.NewsDetail .DetailHot .HotList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .News.NewsDetail .DetailHot .HotItem {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .News.NewsDetail .DetailHot .HotItem:nth-of-type(2n) {
    margin-right: 0;
  }
  .News.NewsDetail .DetailHot .HotItem .ItemText {
    padding: 10px 0;
  }
}
@media (max-width: 500px) {
  .News.NewsDetail .DetailInfo .InfoTitle .Data {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .News.NewsDetail .DetailInfo .InfoButtons {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .News.NewsDetail .DetailInfo .InfoButtons .Pages {
    width: 100%;
  }
  .News.NewsDetail .DetailInfo .InfoButtons .Widget {
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
  .News.NewsDetail .DetailHot .HotItem {
    width: 100%;
    margin-right: 0;
  }
}

/* 联系我们 */
.Contact.ContactContent {
  width: 100%;
}
.Contact.ContactContent .ContactWay {
  background: url(../images/Case10.png) top center/cover no-repeat;
  width: 100%;
  padding: 1rem 0 1.1rem;
}
.Contact.ContactContent .ContactWay .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-x: hidden;
}
.Contact.ContactContent .ContactWay .WayInfo {
  width: 28.75%;
  overflow-x: hidden;
}
.Contact.ContactContent .ContactWay .WayTitle {
  width: 100%;
}
.Contact.ContactContent .ContactWay .WayTitle .Title {
  width: 100%;
  color: #111;
}
.Contact.ContactContent .ContactWay .WayTitle .Title .CH {
  line-height: 1.1;
  white-space: nowrap;
  font-weight: 700;
  letter-spacing: 0.06rem;
}
.Contact.ContactContent .ContactWay .WayTitle .Title .EN {
  line-height: 1.3;
  white-space: nowrap;
  margin-top: 0.18rem;
  letter-spacing: 0.02rem;
}
.Contact.ContactContent .ContactWay .WayData {
  width: 100%;
  margin-top: 0.72rem;
}
.Contact.ContactContent .ContactWay .WayData .DataList {
  width: 100%;
}
.Contact.ContactContent .ContactWay .WayData .DataItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.3rem 0;
  border-top: 0.01rem solid #e3e9f4;
  border-bottom: 0.01rem solid #e3e9f4;
}
.Contact.ContactContent .ContactWay .WayData .DataItem:last-child {
  border-top-color: transparent;
}
.Contact.ContactContent .ContactWay .WayData .DataItem .ItemIcon {
  width: auto;
}
.Contact.ContactContent .ContactWay .WayData .DataItem .ItemIcon .Icon {
  width: 0.85rem;
  height: 0.85rem;
  min-width: 42px;
  min-height: 42px;
  background-color: #fff;
  border-radius: 50%;
}
.Contact.ContactContent .ContactWay .WayData .DataItem .ItemIcon img {
  display: none;
}
.Contact.ContactContent .ContactWay .WayData .DataItem .ItemText {
  width: 100%;
}
.Contact.ContactContent .ContactWay .WayData .DataItem .ItemText .Title {
  width: 100%;
  color: #666;
  line-height: 1.4;
}
.Contact.ContactContent .ContactWay .WayData .DataItem .ItemText .Content {
  width: 100%;
  color: #222;
  line-height: 1.4;
  margin-top: 0.1rem;
}
.Contact.ContactContent .ContactWay .WayMap {
  width: 62.5%;
  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;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
}
.Contact.ContactContent .ContactWay .WayMap .Site .SiteLogo {
  width: 1.8rem;
  background: #fff;
  padding: 0.16rem 0.26rem;
  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 .SiteLogo::before {
  content: "";
  width: 0;
  left: 0;
  display: block;
  border-top: 0.1rem solid #fff;
  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 .SiteLogo::before {
    border-top-width: 10px;
    border-left-width: 8px;
    border-right-width: 8px;
  }
}
.Contact.ContactContent .ContactWay .WayMap .Site .SiteLogo::after {
  content: "";
  width: 100%;
  padding-top: 25.4237288136%;
  display: block;
}
@media (max-width: 900px) {
  .Contact.ContactContent .ContactWay .Container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Contact.ContactContent .ContactWay .WayInfo {
    width: 100%;
  }
  .Contact.ContactContent .ContactWay .WayMap {
    width: 100%;
    margin-top: 20px;
  }
}
.Contact.ContactContent .ContactMsg {
  width: 100%;
  padding: 1rem 0 0.8rem;
  background: url(../images/Case11.jpg) top center/cover no-repeat;
}
.Contact.ContactContent .ContactMsg .MsgTitle {
  width: 100%;
  text-align: center;
}
.Contact.ContactContent .ContactMsg .MsgTitle .Title {
  width: 100%;
  color: #111;
}
.Contact.ContactContent .ContactMsg .MsgTitle .Title .CH {
  line-height: 1.1;
  white-space: nowrap;
  font-weight: 700;
  letter-spacing: 0.06rem;
}
.Contact.ContactContent .ContactMsg .MsgTitle .Title .EN {
  line-height: 1.3;
  white-space: nowrap;
  margin-top: 0.18rem;
  letter-spacing: 0.02rem;
}
.Contact.ContactContent .ContactMsg .MsgRemark {
  width: 100%;
  color: #666;
  line-height: 1.5;
  text-align: center;
  margin-top: 0.24rem;
}
.Contact.ContactContent .ContactMsg .MsgRemark p {
  color: #666;
  line-height: 1.5;
}
.Contact.ContactContent .ContactMsg .MsgForm {
  width: 100%;
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow-x: hidden;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormInput {
  width: 49%;
  margin-right: 2%;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormName, .Contact.ContactContent .ContactMsg .MsgForm .FormPhone, .Contact.ContactContent .ContactMsg .MsgForm .FormEmail, .Contact.ContactContent .ContactMsg .MsgForm .FormFirm {
  width: 100%;
  background-color: #fff;
  padding: 0.17rem 0.2rem;
  margin-bottom: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.55rem;
  min-height: 42px;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormName input, .Contact.ContactContent .ContactMsg .MsgForm .FormPhone input, .Contact.ContactContent .ContactMsg .MsgForm .FormEmail input, .Contact.ContactContent .ContactMsg .MsgForm .FormFirm input {
  width: 100%;
  height: 100%;
  border: 0;
  background-color: transparent;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormCode {
  width: 100%;
  background-color: #fff;
  padding: 0.17rem 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.55rem;
  min-height: 42px;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormCode input {
  width: 100%;
  height: 100%;
  border: 0;
  background-color: transparent;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormCode img {
  width: 1.14rem;
  height: auto;
  min-width: 80px;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormTextarea {
  width: 49%;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormRemark {
  width: 100%;
  height: 100%;
  background-color: #fff;
  margin-bottom: 0.2rem;
  padding: 0.17rem 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormRemark textarea {
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  line-height: 1.4;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButtons {
  width: 100%;
  margin-top: 0.4rem;
  text-align: center;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButtons .Button.Submit {
  padding: 0.18rem 0.72rem;
  color: #fff;
  border-radius: 0.27rem;
  background: #0a51a1;
  border: 0;
  cursor: pointer;
}
@media (max-width: 1920px) {
  .Contact.ContactContent .ContactMsg .MsgForm .FormButtons .Button.Submit {
    border-radius: 27px;
  }
}
@media (max-width: 900px) {
  .Contact.ContactContent .ContactMsg .MsgForm .FormInput {
    width: 100%;
    margin-right: 0;
  }
  .Contact.ContactContent .ContactMsg .MsgForm .FormTextarea {
    width: 100%;
    margin-top: 0.2rem;
  }
  .Contact.ContactContent .ContactMsg .MsgForm .FormRemark textarea {
    height: 2rem;
    min-height: 72px;
  }
}
.Contact.ContactContent .ContactJoin {
  width: 100%;
  padding: 1.1rem 0;
  background: #f1f8fe;
  text-align: center;
}
.Contact.ContactContent .ContactJoin .JoinTitle {
  width: 100%;
}
.Contact.ContactContent .ContactJoin .JoinTitle .Title {
  width: 100%;
  color: #111;
}
.Contact.ContactContent .ContactJoin .JoinTitle .Title .CH {
  line-height: 1.1;
  white-space: nowrap;
  font-weight: 700;
  letter-spacing: 0.06rem;
}
.Contact.ContactContent .ContactJoin .JoinTitle .Title .EN {
  line-height: 1.3;
  white-space: nowrap;
  margin-top: 0.18rem;
  letter-spacing: 0.02rem;
}
.Contact.ContactContent .ContactJoin .JoinRemark {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.24rem;
}
.Contact.ContactContent .ContactJoin .JoinRemark p {
  color: #666;
  line-height: 1.5;
}
.Contact.ContactContent .ContactJoin .JoinButton {
  display: inline-block;
  margin: 0 auto;
  width: auto;
  margin-top: 0.24rem;
}
.Contact.ContactContent .ContactJoin .JoinButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Contact.ContactContent .ContactJoin .JoinButton .ButtonText {
  color: #0a51a1;
  line-height: 1.3;
  font-weight: 700;
}
.Contact.ContactContent .ContactJoin .JoinButton .ButtonIcon {
  width: 0.2rem;
  min-width: 12px;
}
.Contact.ContactContent .ContactJoin .JoinButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/cover no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.Contact.ContactContent .ContactJoin .JoinInfo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.36rem;
  overflow-x: hidden;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoImg {
  width: 50%;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoImg .Img {
  width: 100%;
  padding-top: 62%;
  height: 100%;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoImg img {
  display: none;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoForm {
  width: 50%;
  background: #fff;
  padding: 0.8rem;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormPost, .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormAddress, .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormFile, .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormTips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormPost .Title, .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormAddress .Title, .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormFile .Title, .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormTips .Title {
  width: 15.6%;
  color: #222;
  line-height: 1.3;
  /* white-space: nowrap; */
  text-align: left;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormPost {
  width: 100%;
  margin-bottom: 0.2rem;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormPost .Box {
  width: 84.4%;
  background-color: #fff;
  border: 0.01rem solid #e9e9e9;
  padding: 0.17rem 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.55rem;
  min-height: 42px;
  margin-left: 0.1rem;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormPost .Box input {
  width: 100%;
  height: 100%;
  border: 0;
  background-color: transparent;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormAddress {
  margin-bottom: 0.2rem;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormAddress .Box {
  width: 84.4%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.55rem;
  min-height: 42px;
  margin-left: 0.1rem;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormAddress .Box .SelectBox {
  border-color: #e9e9e9;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormFile .FileInput {
  width: 84.4%;
  background-color: #fff;
  border: 0.01rem solid #e9e9e9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.55rem;
  min-height: 42px;
  margin-left: 0.1rem;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormFile .FileInput #uploadFile {
  display: none;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormFile .FileInput .Name {
  width: 100%;
  overflow: hidden;
  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 .JoinInfo .InfoForm .FormFile .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 .JoinInfo .InfoForm .FormTips {
  width: 100%;
  text-align: left;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormTips .Title {
  color: transparent;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormTips .Tips {
  width: 100%;
  color: #999;
  line-height: 1.1;
  padding: 0.2rem 0.1rem;
  margin-left: 0.1rem;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormButtons {
  width: 100%;
  margin-top: 0.2rem;
  text-align: left;
}
.Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormButtons .Button.Submit {
  padding: 0.18rem 0.54rem;
  color: #fff;
  border-radius: 0.27rem;
  background: #0a51a1;
  border: 0;
  cursor: pointer;
}
@media (max-width: 1920px) {
  .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormButtons .Button.Submit {
    border-radius: 27px;
  }
}
@media (max-width: 900px) {
  .Contact.ContactContent .ContactJoin .JoinInfo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Contact.ContactContent .ContactJoin .JoinInfo .InfoImg {
    width: 100%;
  }
  .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm {
    width: 100%;
    padding: 20px;
  }
}
@media (max-width: 550px) {
  .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormPost, .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormAddress, .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormFile, .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormTips {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormPost .Title, .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormAddress .Title, .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormFile .Title, .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormTips .Title {
    width: 100%;
    padding: 0.2rem 0;
  }
  .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormPost .Box, .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormAddress .Box {
    width: 100%;
    margin-left: 0;
  }
  .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormFile .FileInput {
    width: 100%;
    margin-left: 0;
  }
  .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormTips .Title {
    display: none;
  }
  .Contact.ContactContent .ContactJoin .JoinInfo .InfoForm .FormTips .Tips {
    width: 100%;
    margin-left: 0;
  }
}

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

.Search.SearchContent {
  width: 100%;
  padding: 0.3rem 0;
}
.Search.SearchContent .Container {
  overflow-x: hidden;
}
.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: #0a51a1;
}
.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: #0a51a1;
}
.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: #0a51a1;
  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;
}