@charset "UTF-8";
/* 主题色 */
/* 首页 */
.Home.HomeBanner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.Home.HomeBanner .BannerSwiper {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Home.HomeBanner .BannerSlide {
  overflow: hidden;
  position: relative;
  z-index: 4;
}
.Home.HomeBanner .BannerSlide .SlideImg {
  width: 100%;
  padding-top: 37.5%;
}
.Home.HomeBanner .BannerSlide .SlideImg img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.Home.HomeBanner .BannerSlide .SlideText {
  width: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 5;
  padding: 0 1rem;
}
.Home.HomeBanner .BannerSlide .SlideTitle {
  width: 100%;
}
.Home.HomeBanner .BannerSlide .SlideTitle .Title {
  width: 100%;
  color: #fff;
  line-height: 1.1;
}
.Home.HomeBanner .BannerSlide .SlideTitle::after {
  content: "";
  display: block;
  width: 0.36rem;
  height: 0.01rem;
  min-width: 36px;
  min-height: 1px;
  margin: 0.28rem 0;
  background: #fff;
}
.Home.HomeBanner .BannerSlide .SlideRemark {
  width: 100%;
  color: #fff;
  opacity: 0.5;
  line-height: 1.4;
}
.Home.HomeBanner .BannerSlide .SlideRemark p {
  color: #fff;
  line-height: 1.4;
}
.Home.HomeBanner .BannerSlide .SlideVideo {
  width: 100%;
  padding-top: 50%;
}
.Home.HomeBanner .BannerSlide .SlideVideo .Play.Show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Home.HomeBanner .BannerSlide .SlideVideo .Play {
  width: 1rem;
  height: 1rem;
  border: 0.01rem solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 4;
  background-color: transparent;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}
.Home.HomeBanner .BannerSlide .SlideVideo .Play::after {
  content: "";
  display: block;
  width: 0;
  left: 0;
  border-top: 0.13rem solid transparent;
  border-bottom: 0.13rem solid transparent;
  border-left: 0.16rem solid #fff;
}
.Home.HomeBanner .BannerSlide .SlideVideo .Video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  -o-object-fit: fill;
     object-fit: fill;
}
.Home.HomeBanner .BannerSwiperPagination {
  width: 100%;
  position: absolute;
  width: 100%;
  padding: 0 1rem;
  bottom: 0.3rem;
  z-index: 5;
  text-align: center;
}
.Home.HomeBanner .BannerSwiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  width: 100%;
}
.Home.HomeBanner .BannerSwiperPagination .swiper-pagination-bullet {
  width: 0.4rem;
  border-radius: 0;
  height: 0.02rem;
  min-width: 20px;
  min-height: 1px;
  position: relative;
  z-index: 5;
  overflow: hidden;
  margin-right: 0.1rem;
}
.Home.HomeBanner .BannerSwiperPagination .swiper-pagination-bullet:last-of-type {
  margin-right: 0;
}
.Home.HomeBanner .BannerSwiperPagination .swiper-pagination-bullet::before, .Home.HomeBanner .BannerSwiperPagination .swiper-pagination-bullet::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.Home.HomeBanner .BannerSwiperPagination .swiper-pagination-bullet::before {
  width: 0;
  background: #158ac3;
  z-index: 5;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.Home.HomeBanner .BannerSwiperPagination .swiper-pagination-bullet::after {
  background: rgba(255, 255, 255, 0.6);
  z-index: 4;
}
@media (max-width: 1200px) {
  .Home.HomeBanner .BannerSlide .SlideText {
    width: 100%;
    padding: 0 10px;
  }
  .Home.HomeBanner .BannerSwiperPagination {
    padding: 0 10px;
    bottom: 10px;
  }
}

.Home.HomeNews {
  width: 100%;
  padding: 0.7rem 0 0.8rem;
}
.Home.HomeNews .NewsTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.Home.HomeNews .NewsTitle .Title {
  width: auto;
}
.Home.HomeNews .NewsTitle .Title .EN {
  color: #666;
  line-height: 1.2;
}
.Home.HomeNews .NewsTitle .Title .CH {
  color: #333;
  line-height: 1.3;
  margin-top: 0.1rem;
  letter-spacing: 0.03rem;
}
.Home.HomeNews .NewsTitle .Title .CH span {
  color: #158ac3;
}
.Home.HomeNews .NewsContent {
  width: 100%;
  margin-top: 0.48rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.Home.HomeNews .NewsList {
  width: 68%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Home.HomeNews .NewsItem {
  width: 47%;
  margin-right: 3%;
}
.Home.HomeNews .NewsItem:hover .ItemImg .Img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.Home.HomeNews .NewsItem:hover .ItemTitle {
  color: #158ac3;
}
.Home.HomeNews .NewsItem .ItemImg {
  width: 100%;
  overflow: hidden;
}
.Home.HomeNews .NewsItem .ItemImg .Img {
  width: 100%;
  padding-top: 58.6956521739%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeNews .NewsItem .ItemImg img {
  display: none;
}
.Home.HomeNews .NewsItem .ItemText {
  width: 100%;
  padding: 0.4rem 0.3rem;
  background: #f7f7f7;
}
.Home.HomeNews .NewsItem .ItemTitle {
  width: 100%;
  color: #333;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeNews .NewsItem .ItemDate {
  margin-top: 0.16rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Home.HomeNews .NewsItem .ItemDate::before {
  width: 0.16rem;
  height: 0.16rem;
  min-width: 14px;
  min-height: 14px;
  background: url(../images/date1.png) center/contain no-repeat;
  content: "";
  display: block;
  margin-right: 0.08rem;
}
.Home.HomeNews .NewsItem .ItemDate .Date {
  width: auto;
  color: #666;
  line-height: 1.2;
}
.Home.HomeNews .NewsItem .ItemRemark {
  width: 100%;
  margin-top: 0.4rem;
  color: #666;
  line-height: 1.5;
}
.Home.HomeNews .NewsItem .ItemRemark p {
  color: #666;
  line-height: 1.5;
}
.Home.HomeNews .NewsMore {
  width: 32%;
  position: relative;
  z-index: 5;
}
.Home.HomeNews .NewsBoard {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  background: #f7f7f7;
  padding: 0.1rem 0;
}
.Home.HomeNews .NewsSwiper {
  width: 100%;
  height: 100%;
}
.Home.HomeNews .NewsSwiper .swiper-container {
  width: 100%;
  height: 100%;
}
.Home.HomeNews .NewsSwiper .swiper-scrollbar {
  width: 0.04rem;
  height: 100%;
  min-width: 4px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}
.Home.HomeNews .NewsSwiper .swiper-scrollbar-drag {
  background: #158ac3;
}
.Home.HomeNews .NewsSlide .SlideBoard {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.1rem 0.3rem;
}
.Home.HomeNews .NewsSlide .SlideTitle {
  width: 100%;
  color: #333;
  line-height: 1.3;
}
.Home.HomeNews .NewsSlide .SlideDate {
  width: 100%;
}
.Home.HomeNews .NewsSlide .SlideDate .Date {
  color: #999;
  line-height: 1.2;
  width: 100%;
  margin-top: 0.16rem;
}
@media (max-width: 900px) {
  .Home.HomeNews .NewsContent {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Home.HomeNews .NewsList {
    width: 100%;
  }
  .Home.HomeNews .NewsItem {
    width: 49%;
    margin-right: 2%;
  }
  .Home.HomeNews .NewsItem:nth-child(2n) {
    margin-right: 0;
  }
  .Home.HomeNews .NewsMore {
    width: 100%;
    margin-top: 2%;
  }
  .Home.HomeNews .NewsBoard {
    position: static;
    left: auto;
    top: auto;
    background: transparent;
    padding: 0;
  }
  .Home.HomeNews .NewsSwiper .swiper-scrollbar {
    display: none;
  }
  .Home.HomeNews .NewsSlide {
    background: #f7f7f7;
    padding: 20px 0;
  }
  .Home.HomeNews .NewsSlide .SlideBoard {
    padding: 0 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 500px) {
  .Home.HomeNews .NewsItem {
    width: 100%;
    margin-right: 0;
    margin-top: 10px;
  }
  .Home.HomeNews .NewsMore {
    margin-top: 10px;
  }
}

.Home.HomeGoods {
  width: 100%;
  padding: 0.8rem 0;
}
.Home.HomeGoods .Container {
  overflow: hidden;
}
.Home.HomeGoods .GoodsTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Home.HomeGoods .GoodsTitle .Title {
  width: auto;
}
.Home.HomeGoods .GoodsTitle .Title .EN {
  color: #666;
  line-height: 1.2;
}
.Home.HomeGoods .GoodsTitle .Title .CH {
  color: #333;
  line-height: 1.3;
  margin-top: 0.1rem;
  letter-spacing: 0.03rem;
}
.Home.HomeGoods .GoodsTitle .Title .CH span {
  color: #158ac3;
}
.Home.HomeGoods .GoodsTitle .Tabs {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.1rem;
}
.Home.HomeGoods .GoodsTitle .Tab.In {
  color: #158ac3;
  border-bottom-color: #158ac3;
}
.Home.HomeGoods .GoodsTitle .Tab {
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeGoods .GoodsTitle .Tab:hover {
  color: #158ac3;
  border-bottom-color: #158ac3;
}
.Home.HomeGoods .GoodsTitle .Tab, .Home.HomeGoods .GoodsTitle .Sign {
  color: #666;
  display: inline-block;
  padding: 0.1rem 0;
  border-top: 0.02rem solid transparent;
  border-bottom: 0.02rem solid transparent;
}
.Home.HomeGoods .GoodsTitle .Sign {
  margin: 0 0.4rem;
}
.Home.HomeGoods .GoodsContent {
  margin-top: 0.48rem;
  width: 100%;
}
.Home.HomeGoods .GoodsSwipers {
  width: 100%;
}
.Home.HomeGoods .GoodsSwiper.Show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Home.HomeGoods .GoodsSwiper {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
.Home.HomeGoods .GoodsInfoSwiper {
  width: 26.5%;
}
.Home.HomeGoods .GoodsInfoSlide.swiper-slide-active {
  opacity: 1 !important;
}
.Home.HomeGoods .GoodsInfoSlide {
  height: auto;
  opacity: 0 !important;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.Home.HomeGoods .GoodsInfoSlide .SlideBoard {
  width: 100%;
  height: 100%;
}
.Home.HomeGoods .GoodsInfoSlide .SlideTitle {
  width: 100%;
  color: #333;
  line-height: 1.3;
}
.Home.HomeGoods .GoodsInfoSlide .SlideRemark {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-top: 0.3rem;
}
.Home.HomeGoods .GoodsInfoSlide .SlideRemark p {
  color: #333;
  line-height: 1.5;
}
.Home.HomeGoods .GoodsInfoSlide .SlideButton#ThemeButton.Type2 {
  margin-top: 0.6rem;
}
.Home.HomeGoods .GoodsInfoSlide .SlideButton#ThemeButton.Type2 .ButtonIcon::after {
  background-image: url(../images/arrow4.png);
}
.Home.HomeGoods .GoodsInfoSlide .SlideButton#ThemeButton.Type2 .ButtonText {
  color: #158ac3;
}
.Home.HomeGoods .GoodsImgSwiper {
  width: 27%;
}
.Home.HomeGoods .GoodsImgSlide.swiper-slide-active {
  opacity: 1 !important;
}
.Home.HomeGoods .GoodsImgSlide {
  height: auto;
  opacity: 0 !important;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.Home.HomeGoods .GoodsImgSlide .SlideBoard {
  width: 100%;
  height: 10%;
}
.Home.HomeGoods .GoodsImgSlide .SlideImg {
  width: 100%;
}
.Home.HomeGoods .GoodsImgSlide .SlideImg .Img {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 100%;
}
.Home.HomeGoods .GoodsImgSlide .SlideImg img {
  display: none;
}
.Home.HomeGoods .GoodsButtonSwiper {
  width: 21%;
  padding: 0.2rem 0.3rem;
  background: #fff;
}
.Home.HomeGoods .GoodsButtonSwiper .ButtonTitle {
  width: 100%;
  color: #333;
  line-height: 1.3;
}
.Home.HomeGoods .GoodsButtonSwiper .ButtonContent {
  width: 100%;
  padding: 0.2rem 0;
  margin-top: 0.2rem;
  border-top: 0.01rem solid #f1f1f1;
  border-bottom: 0.01rem solid transparent;
}
.Home.HomeGoods .GoodsButtonSwiper .ButtonSwiper {
  width: 100%;
  height: 2rem;
  min-height: 200px;
}
.Home.HomeGoods .GoodsButtonSwiper .ButtonSwiper .swiper-container {
  width: 100%;
  height: 100%;
}
.Home.HomeGoods .GoodsButtonSwiper .ButtonSlide.Active .SlideBoard .SlideName {
  color: #158ac3;
}
.Home.HomeGoods .GoodsButtonSwiper .ButtonSlide.Active .SlideBoard::after {
  background-image: url(../images/turn2.png);
}
.Home.HomeGoods .GoodsButtonSwiper .ButtonSlide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Home.HomeGoods .GoodsButtonSwiper .ButtonSlide .SlideBoard {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home.HomeGoods .GoodsButtonSwiper .ButtonSlide .SlideBoard:hover .SlideName {
  color: #158ac3;
}
.Home.HomeGoods .GoodsButtonSwiper .ButtonSlide .SlideBoard:hover::after {
  background-image: url(../images/turn2.png);
}
.Home.HomeGoods .GoodsButtonSwiper .ButtonSlide .SlideBoard .SlideName {
  color: #999;
  line-height: 1.3;
  width: auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomeGoods .GoodsButtonSwiper .ButtonSlide .SlideBoard::after {
  content: "";
  display: block;
  width: 0.07rem;
  height: 0.11rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  min-width: 7px;
  min-height: 11px;
  background: url(../images/turn1.png) center/cover no-repeat;
  margin-left: 0.1rem;
}
@media (max-width: 900px) {
  .Home.HomeGoods .GoodsSwiper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Home.HomeGoods .GoodsInfoSwiper {
    width: 54%;
  }
  .Home.HomeGoods .GoodsImgSwiper {
    width: 40%;
  }
  .Home.HomeGoods .GoodsButtonSwiper {
    width: 100%;
  }
  .Home.HomeGoods .GoodsButtonSwiper .ButtonSwiper {
    height: auto;
    min-height: 0;
  }
  .Home.HomeGoods .GoodsButtonSwiper .ButtonSlide.Active .SlideBoard {
    border-color: #158ac3;
    background: #158ac3;
  }
  .Home.HomeGoods .GoodsButtonSwiper .ButtonSlide.Active .SlideBoard .SlideName {
    color: #fff;
  }
  .Home.HomeGoods .GoodsButtonSwiper .ButtonSlide.Active .SlideBoard::after {
    background-image: url(../images/turn3.png);
  }
  .Home.HomeGoods .GoodsButtonSwiper .ButtonSlide .SlideBoard {
    padding: 10px;
    border: 1px solid #999;
  }
  .Home.HomeGoods .GoodsButtonSwiper .ButtonSlide .SlideBoard:hover {
    border-color: #158ac3;
    background: #158ac3;
  }
  .Home.HomeGoods .GoodsButtonSwiper .ButtonSlide .SlideBoard:hover .SlideName {
    color: #fff;
  }
  .Home.HomeGoods .GoodsButtonSwiper .ButtonSlide .SlideBoard:hover::after {
    background-image: url(../images/turn3.png);
  }
}
@media (max-width: 500px) {
  .Home.HomeGoods .GoodsTitle .Title {
    width: 100%;
  }
  .Home.HomeGoods .GoodsTitle .Tabs {
    width: 100%;
    margin-top: 10px;
  }
  .Home.HomeGoods .GoodsTitle .Button {
    margin-top: 10px;
  }
  .Home.HomeGoods .GoodsInfoSwiper {
    width: 100%;
  }
  .Home.HomeGoods .GoodsImgSwiper {
    width: 100%;
    margin-top: 10px;
  }
  .Home.HomeGoods .GoodsImgSlide .SlideImg {
    width: 80%;
    margin: 0 auto;
  }
}

.Home.HomeAbout {
  width: 100%;
  padding: 0.8rem 0;
}
.Home.HomeAbout .Container {
  overflow: hidden;
}
.Home.HomeAbout .AboutBoard {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home.HomeAbout .AboutInfo {
  width: 69%;
  margin-top: 0.4rem;
}
.Home.HomeAbout .AboutTitle {
  width: 100%;
}
.Home.HomeAbout .AboutTitle .Title {
  width: 100%;
}
.Home.HomeAbout .AboutTitle .Title .EN {
  color: #666;
  line-height: 1.2;
}
.Home.HomeAbout .AboutTitle .Title .CH {
  color: #333;
  line-height: 1.3;
  margin-top: 0.1rem;
  letter-spacing: 0.03rem;
}
.Home.HomeAbout .AboutTitle .Title .CH span {
  color: #158ac3;
}
.Home.HomeAbout .AboutRemark {
  width: 100%;
  color: #666;
  line-height: 1.6;
  margin-top: 0.5rem;
}
.Home.HomeAbout .AboutRemark p {
  color: #666;
  line-height: 1.6;
}
.Home.HomeAbout .AboutButton {
  margin-top: 0.9rem;
}
.Home.HomeAbout .AboutData {
  width: 23%;
}
.Home.HomeAbout .AboutData .DataList {
  width: 100%;
  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.HomeAbout .AboutData .DataItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.4rem 0;
}
.Home.HomeAbout .AboutData .DataItem .ItemNumber {
  width: 100%;
  vertical-align: bottom;
  white-space: nowrap;
}
.Home.HomeAbout .AboutData .DataItem .ItemNumber .Number {
  color: #158ac3;
  display: inline-block;
}
.Home.HomeAbout .AboutData .DataItem .ItemNumber .Text {
  color: #158ac3;
  line-height: 1.2;
  display: inline-block;
}
.Home.HomeAbout .AboutData .DataItem .ItemRemark {
  width: 100%;
  margin-top: 0.16rem;
  white-space: nowrap;
  color: #333;
  line-height: 1.3;
}
@media (max-width: 900px) {
  .Home.HomeAbout .AboutBoard {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 72%;
  }
  .Home.HomeAbout .AboutInfo {
    width: 100%;
    margin-top: 0;
  }
  .Home.HomeAbout .AboutData {
    width: 100%;
    margin-top: 30px;
  }
  .Home.HomeAbout .AboutData .DataList {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 500px) {
  .Home.HomeAbout .AboutBoard {
    width: 100%;
  }
}

.Home.HomePart {
  width: 100%;
  padding: 0.8rem 0;
}
.Home.HomePart .Container {
  overflow: hidden;
}
.Home.HomePart .PartInfo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Home.HomePart .PartTitle {
  width: auto;
}
.Home.HomePart .PartTitle .Title {
  width: 100%;
}
.Home.HomePart .PartTitle .Title .EN {
  color: #666;
  line-height: 1.2;
}
.Home.HomePart .PartTitle .Title .CH {
  color: #333;
  line-height: 1.3;
  margin-top: 0.1rem;
  letter-spacing: 0.03rem;
}
.Home.HomePart .PartTitle .Title .CH span {
  color: #158ac3;
}
.Home.HomePart .PartButtons {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Home.HomePart .PartPrev, .Home.HomePart .PartNext {
  width: 0.5rem;
  min-width: 36px;
  height: 0.5rem;
  min-height: 36px;
  position: relative;
  z-index: 5;
  background: transparent;
  border: solid 0.01rem #333333;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.Home.HomePart .PartPrev:hover, .Home.HomePart .PartNext:hover {
  background: #158ac3;
  border-color: #158ac3;
}
.Home.HomePart .PartPrev:hover::after, .Home.HomePart .PartNext:hover::after {
  background-image: url(../images/arrow2.png);
}
.Home.HomePart .PartPrev::after, .Home.HomePart .PartNext::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/arrow3.png) center/37.5% auto no-repeat;
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: transparent;
}
.Home.HomePart .PartPrev {
  margin-right: 0.2rem;
}
.Home.HomePart .PartPrev::after {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.Home.HomePart .PartSwiper {
  width: 100%;
  margin-top: 0.4rem;
}
.Home.HomePart .PartSlide .SlideImg {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  border: solid 0.01rem #f3f3f3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home.HomePart .PartSlide .SlideImg:hover {
  -webkit-box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.1);
}
.Home.HomePart .PartSlide .SlideImg img {
  width: 100%;
  height: auto;
}

/* 产品中心 */
.Goods.GoodsContent {
  width: 100%;
  background: #f7f7f7;
}
.Goods.GoodsContent .GoodsList {
  width: 100%;
  padding-top: 0.7rem;
}
.Goods.GoodsContent .GoodsList .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
}
.Goods.GoodsContent .GoodsItem {
  width: 30.5%;
  display: block;
  margin-right: 4.25%;
  margin-bottom: 4.25%;
  position: relative;
  z-index: 5;
}
.Goods.GoodsContent .GoodsItem:nth-child(3n) {
  margin-right: 0;
}
.Goods.GoodsContent .GoodsItem::before, .Goods.GoodsContent .GoodsItem::after {
  content: "";
  display: block;
  height: 0.01rem;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  background: #d5d5d5;
}
.Goods.GoodsContent .GoodsItem::before {
  width: 100%;
  background: #d5d5d5;
}
.Goods.GoodsContent .GoodsItem::after {
  width: 0;
  background: #158ac3;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.Goods.GoodsContent .GoodsItem:hover .ItemImg .I {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
          transform: translate(-50%, -50%) scale(1.05);
}
.Goods.GoodsContent .GoodsItem:hover .ItemTitle {
  color: #158ac3;
}
.Goods.GoodsContent .GoodsItem:hover::after {
  width: 100%;
}
.Goods.GoodsContent .GoodsItem .ItemImg {
  width: 100%;
}
.Goods.GoodsContent .GoodsItem .ItemImg .Img {
  width: 100%;
  padding-top: 68.1818181818%;
  background: #fff;
  position: relative;
  z-index: 5;
}
.Goods.GoodsContent .GoodsItem .ItemImg .I {
  width: 56%;
  padding-top: 56%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsContent .GoodsItem .ItemImg img {
  display: none;
}
.Goods.GoodsContent .GoodsItem .ItemText {
  width: 100%;
  padding: 0.3rem 0;
}
.Goods.GoodsContent .GoodsItem .ItemTitle {
  width: 100%;
  color: #333;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsContent .GoodsItem .ItemRemark {
  width: 100%;
  line-height: 1.5;
  margin-top: 0.14rem;
  color: #666;
}
.Goods.GoodsContent .GoodsItem .ItemRemark p {
  color: #666;
  line-height: 1.5;
}
@media (max-width: 750px) {
  .Goods.GoodsContent .GoodsItem {
    width: 47.875%;
  }
  .Goods.GoodsContent .GoodsItem:nth-child(3n) {
    margin-right: 4.25%;
  }
  .Goods.GoodsContent .GoodsItem:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 450px) {
  .Goods.GoodsContent .GoodsItem {
    width: 100%;
  }
  .Goods.GoodsContent .GoodsItem:nth-child(3n) {
    margin-right: 0;
  }
}
.Goods.GoodsContent .GoodsPager {
  padding-bottom: 1rem;
}
.Goods.GoodsContent .GoodsDetail {
  width: 100%;
  overflow: hidden;
}
.Goods.GoodsContent .GoodsDetail .DetailInfo {
  width: 100%;
  background: #f7f7f7;
  padding: 0.7rem 0;
}
.Goods.GoodsContent .GoodsDetail .DetailInfo .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Goods.GoodsContent .GoodsDetail .DetailInfo .InfoText {
  width: 42%;
}
.Goods.GoodsContent .GoodsDetail .DetailInfo .InfoTitle {
  width: 100%;
  color: #333;
  line-height: 1.4;
  letter-spacing: 0.02rem;
}
.Goods.GoodsContent .GoodsDetail .DetailInfo .InfoRemark {
  width: 100%;
  color: #333;
  border-top: 0.01rem solid #d9d9d9;
  border-bottom: 0.01rem solid transparent;
  line-height: 1.75;
  margin-top: 0.32rem;
  padding: 0.36rem 0;
}
.Goods.GoodsContent .GoodsDetail .DetailInfo .InfoRemark p {
  color: #333;
  line-height: 1.75;
}
.Goods.GoodsContent .GoodsDetail .DetailInfo .InfoButton {
  margin-top: 0.4rem;
}
.Goods.GoodsContent .GoodsDetail .DetailInfo .InfoImg {
  width: 35%;
  margin-right: 0.6rem;
}
.Goods.GoodsContent .GoodsDetail .DetailInfo .InfoImg .Img {
  width: 100%;
  padding-top: 100%;
  position: relative;
  z-index: 5;
  background: url(../images/Goods5.png) center/cover no-repeat;
}
.Goods.GoodsContent .GoodsDetail .DetailInfo .InfoImg .I {
  width: 92%;
  height: 92%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.Goods.GoodsContent .GoodsDetail .DetailInfo .InfoImg img {
  display: none;
}
@media (max-width: 900px) {
  .Goods.GoodsContent .GoodsDetail .DetailInfo .Container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Goods.GoodsContent .GoodsDetail .DetailInfo .InfoText {
    width: 100%;
  }
  .Goods.GoodsContent .GoodsDetail .DetailInfo .InfoImg {
    width: 50%;
    margin: 0 auto;
    min-width: 320px;
    margin-top: 20px;
  }
}
@media (max-width: 750px) {
  .Goods.GoodsContent .GoodsDetail .DetailInfo {
    padding-top: 10px;
  }
}
@media (max-width: 400px) {
  .Goods.GoodsContent .GoodsDetail .DetailInfo .InfoImg {
    width: 100%;
    min-width: 0;
  }
}
.Goods.GoodsContent .GoodsDetail .DetailTrait {
  width: 100%;
  background: #fff;
  padding: 0.8rem 0;
}
.Goods.GoodsContent .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.GoodsContent .GoodsDetail .DetailTrait .TraitTitle::before {
  content: "";
  display: block;
  height: 0.34rem;
  width: 0.02rem;
  min-width: 1px;
  min-height: 17px;
  background: #158ac3;
  margin-right: 0.2rem;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitTitle .Title {
  width: auto;
  color: #333;
  line-height: 1.3;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitContent {
  width: 100%;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitRemark {
  width: 100%;
  margin-top: 0.2rem;
  color: #333;
  line-height: 1.75;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitRemark p {
  color: #333;
  line-height: 1.75;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitRemark img {
  width: 100%;
  height: auto;
  margin-top: 0.36rem;
  -webkit-box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.1);
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo {
  width: 100%;
  margin-top: 0.5rem;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoTitle {
  width: 100%;
  color: #158ac3;
  line-height: 1.3;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoContent {
  width: 100%;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem {
  width: 48.6%;
  margin-right: 2.8%;
  margin-top: 2.8%;
  position: relative;
  z-index: 5;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem:hover .ItemNumber {
  color: #fff;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem:hover .ItemBoard {
  background: rgba(21, 138, 195, 0.8);
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem:hover .ItemTitle::before {
  width: 0;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem:hover .ItemTitle .Title {
  color: #fff;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem:hover .ItemRemark {
  color: #fff;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem:hover .ItemRemark p {
  color: #fff;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem:nth-child(2n) {
  margin-right: 0;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem .ItemNumber {
  color: #158ac3;
  opacity: 0.1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 0.3rem;
  z-index: 4;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-weight: 700;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem .ItemBoard {
  width: 100%;
  padding: 0.3rem 0.4rem;
  padding-bottom: 0.5rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  height: 100%;
  background: #f7f7f7;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem .ItemTitle {
  padding: 0.2rem 0;
  width: 100%;
  position: relative;
  z-index: 5;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem .ItemTitle::before, .Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem .ItemTitle::after {
  content: "";
  display: block;
  height: 0.01rem;
  min-height: 1px;
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  left: 0;
  bottom: 0;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem .ItemTitle::before {
  width: 10%;
  background: #158ac3;
  z-index: 5;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem .ItemTitle::after {
  width: 100%;
  background: #e2e2e2;
  z-index: 4;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem .ItemTitle .Title {
  color: #333;
  line-height: 1.2;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem .ItemRemark {
  width: 100%;
  color: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 1.5;
  margin-top: 0.32rem;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem .ItemRemark p {
  color: #333;
  line-height: 1.5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 0.28rem;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoRemark {
  width: 100%;
  color: #333;
  line-height: 1.75;
  margin-top: 0.6rem;
}
.Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoRemark p {
  color: #333;
  line-height: 1.75;
}
@media (max-width: 750px) {
  .Goods.GoodsContent .GoodsDetail .DetailTrait .TraitInfo .InfoItem {
    width: 100%;
    margin-right: 0;
  }
}
.Goods.GoodsContent .GoodsDetail .DetailShip {
  width: 100%;
  padding: 0.8rem 0;
}
.Goods.GoodsContent .GoodsDetail .DetailShip .ShipInfo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Goods.GoodsContent .GoodsDetail .DetailShip .ShipInfo .InfoImg {
  width: 50%;
}
.Goods.GoodsContent .GoodsDetail .DetailShip .ShipInfo .InfoImg .Img {
  width: 100%;
  padding-top: 66.6666666667%;
  height: 100%;
}
.Goods.GoodsContent .GoodsDetail .DetailShip .ShipInfo .InfoImg img {
  display: none;
}
.Goods.GoodsContent .GoodsDetail .DetailShip .ShipInfo .InfoText {
  width: 50%;
  padding: 0.8rem;
  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;
  background: #158ac3;
}
.Goods.GoodsContent .GoodsDetail .DetailShip .ShipInfo .InfoTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Goods.GoodsContent .GoodsDetail .DetailShip .ShipInfo .InfoTitle::before {
  content: "";
  display: block;
  height: 0.34rem;
  width: 0.02rem;
  min-width: 1px;
  min-height: 17px;
  background: #fff;
  margin-right: 0.2rem;
}
.Goods.GoodsContent .GoodsDetail .DetailShip .ShipInfo .InfoTitle .Title {
  width: auto;
  color: #fff;
  line-height: 1.3;
}
.Goods.GoodsContent .GoodsDetail .DetailShip .ShipInfo .InfoRemark {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-top: 0.3rem;
}
.Goods.GoodsContent .GoodsDetail .DetailShip .ShipInfo .InfoRemark p {
  color: #fff;
  line-height: 1.5;
}
.Goods.GoodsContent .GoodsDetail .DetailShip .ShipImg {
  width: 100%;
}
.Goods.GoodsContent .GoodsDetail .DetailShip .ShipImg .Img {
  width: 100%;
  margin-top: 0.7rem;
}
.Goods.GoodsContent .GoodsDetail .DetailShip .ShipImg img {
  width: 100%;
}
@media (max-width: 750px) {
  .Goods.GoodsContent .GoodsDetail .DetailShip .ShipInfo {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Goods.GoodsContent .GoodsDetail .DetailShip .ShipInfo .InfoText {
    width: 100%;
  }
  .Goods.GoodsContent .GoodsDetail .DetailShip .ShipInfo .InfoImg {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .Goods.GoodsContent .GoodsDetail .DetailShip .ShipInfo .InfoText {
    padding: 20px;
  }
}
.Goods.GoodsContent .GoodsDetail .DetailPack {
  width: 100%;
  padding: 0.8rem 2.4rem 1rem;
  background: url(../images/Goods11.jpg) center top/contain no-repeat;
  background-color: #eef6fb;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackInfo {
  width: 100%;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackInfo .InfoTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackInfo .InfoTitle::before {
  content: "";
  display: block;
  height: 0.34rem;
  width: 0.02rem;
  min-width: 1px;
  min-height: 17px;
  background: #fff;
  margin-right: 0.2rem;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackInfo .InfoTitle .Title {
  width: auto;
  color: #fff;
  line-height: 1.3;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackInfo .InfoRemark {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-top: 0.24rem;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackInfo .InfoRemark p {
  color: #fff;
  line-height: 1.5;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackContent {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTabs {
  width: 36%;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab.In {
  width: 105%;
  background: #158ac3;
  border-top-color: #158ac3;
  border-bottom-color: #158ac3;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab.In .TabNumber .Number {
  color: #fff;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab.In .TabText {
  color: #fff;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab.In .TabText p {
  color: #fff;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab {
  width: 100%;
  height: 33.3333333333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  padding: 0.5rem 0.3rem;
  border-top: 0.01rem solid transparent;
  border-bottom: 0.01rem solid #f3f3f3;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab:first-of-type {
  border-radius: 0.1rem 0.1rem 0 0;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab:last-of-type {
  border-bottom-color: transparent;
  border-radius: 0 0 0.1rem 0.1rem;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab:hover {
  width: 105%;
  background: #158ac3;
  border-top-color: #158ac3;
  border-bottom-color: #158ac3;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab:hover .TabNumber .Number {
  color: #fff;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab:hover .TabText {
  color: #fff;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab:hover .TabText p {
  color: #fff;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab .TabNumber {
  margin-right: 0.05rem;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab .TabNumber .Text {
  position: relative;
  z-index: 5;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab .TabNumber .Text::after {
  content: "点";
  line-height: 1.3;
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: block;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab .TabNumber .Number {
  color: #333;
  line-height: 1.2;
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  left: 50%;
  top: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab .TabText {
  width: 100%;
  color: #333;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab .TabText p {
  color: #333;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab .TabButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackTab .TabButton::after {
  content: "";
  display: block;
  width: 0.3rem;
  min-width: 24px;
  height: 0.3rem;
  min-height: 24px;
  background: url(../images/arrow4.png) center/33% auto no-repeat;
  background-color: #f3f3f3;
  border-radius: 50%;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSwipers {
  width: 60.5%;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSwiper.Show {
  display: block;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSwiper {
  width: 100%;
  display: none;
  position: relative;
  z-index: 5;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSlide {
  height: auto;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSlide .SlideBoard {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
  border-radius: 0.1rem;
  overflow: hidden;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSlide .SlideImg {
  width: 100%;
  overflow: hidden;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSlide .SlideImg .Img {
  width: 100%;
  padding-top: 68.9655172414%;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSlide .SlideImg img {
  display: none;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSlide .SlideText {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.4rem 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 5;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSlide .SlideTitle {
  width: 100%;
  color: #fff;
  line-height: 1.3;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSlide .SlideRemark {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-top: 0.1rem;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSlide .SlideRemark p {
  color: #fff;
  line-height: 1.5;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSwiperControl {
  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;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 5;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSwiperControl .PrevButton, .Goods.GoodsContent .GoodsDetail .DetailPack .PackSwiperControl .NextButton {
  width: 0.19rem;
  height: 0.07rem;
  margin: 0.05rem;
  cursor: pointer;
  min-width: 19px;
  min-height: 7px;
  background: url(../images/arrow2.png) center/cover no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSwiperControl .PrevButton:hover, .Goods.GoodsContent .GoodsDetail .DetailPack .PackSwiperControl .NextButton:hover {
  background-image: url(../images/arrow4.png);
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSwiperControl .PrevButton {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSwiperControl .swiper-pagination {
  position: static;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSwiperControl .swiper-pagination-bullet {
  background: #fff;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  margin: 0.05rem;
  width: 0.08rem;
  height: 0.08rem;
  min-width: 8px;
  min-height: 8px;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackSwiperControl .swiper-pagination-bullet-active {
  background: #158ac3;
  -webkit-transform: scale(1);
          transform: scale(1);
  width: 0.08rem;
  height: 0.08rem;
  min-width: 8px;
  min-height: 8px;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackRemark {
  width: 100%;
  color: #333;
  line-height: 1.75;
  margin-top: 0.56rem;
}
.Goods.GoodsContent .GoodsDetail .DetailPack .PackRemark p {
  color: #333;
  line-height: 1.75;
}
@media (max-width: 1200px) {
  .Goods.GoodsContent .GoodsDetail .DetailPack {
    padding: 0.8rem 0 1rem;
  }
  .Goods.GoodsContent .GoodsDetail .DetailPack .PackInfo {
    padding: 0 10px;
  }
  .Goods.GoodsContent .GoodsDetail .DetailPack .PackContent {
    padding: 0 10px;
  }
  .Goods.GoodsContent .GoodsDetail .DetailPack .PackRemark {
    padding: 0 10px;
  }
}
@media (max-width: 900px) {
  .Goods.GoodsContent .GoodsDetail .DetailPack {
    background: none;
    padding-top: 0;
  }
  .Goods.GoodsContent .GoodsDetail .DetailPack .PackInfo {
    padding: 30px 10px;
    background: url(../images/Goods11.jpg) center/cover no-repeat;
  }
  .Goods.GoodsContent .GoodsDetail .DetailPack .PackContent {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 20px;
  }
  .Goods.GoodsContent .GoodsDetail .DetailPack .PackTabs {
    width: 100%;
  }
  .Goods.GoodsContent .GoodsDetail .DetailPack .PackTab.In {
    width: 100%;
  }
  .Goods.GoodsContent .GoodsDetail .DetailPack .PackTab {
    height: auto;
  }
  .Goods.GoodsContent .GoodsDetail .DetailPack .PackTab:hover {
    width: 100%;
  }
  .Goods.GoodsContent .GoodsDetail .DetailPack .PackSwipers {
    width: 100%;
    margin-top: 10px;
  }
}

/* 关于我们 */
.About.AboutContent {
  width: 100%;
}
.About.AboutContent .AboutInfo {
  width: 100%;
}
.About.AboutContent .AboutInfo .InfoBoard {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  margin-top: 0.6rem;
}
.About.AboutContent .AboutInfo .InfoText {
  width: 51.05%;
  padding: 0.7rem 1.4rem 0.8rem 2.4rem;
}
.About.AboutContent .AboutInfo .InfoTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.About.AboutContent .AboutInfo .InfoTitle .Title {
  width: auto;
}
.About.AboutContent .AboutInfo .InfoTitle .Title .EN {
  color: #666;
  line-height: 1.2;
}
.About.AboutContent .AboutInfo .InfoTitle .Title .CH {
  color: #333;
  line-height: 1.3;
  margin-top: 0.1rem;
  letter-spacing: 0.03rem;
}
.About.AboutContent .AboutInfo .InfoTitle .Title .CH span {
  color: #158ac3;
}
.About.AboutContent .AboutInfo .InfoRemark {
  width: 100%;
  color: #333;
  line-height: 1.75;
  margin-top: 0.36rem;
}
.About.AboutContent .AboutInfo .InfoRemark p {
  color: #333;
  line-height: 1.75;
}
.About.AboutContent .AboutInfo .InfoButton {
  display: inline-block;
  margin-top: 0.6rem;
}
.About.AboutContent .AboutInfo .InfoButton .ButtonText {
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  padding: 0.18rem 0.5rem;
  border-radius: 0.28rem;
  background: #158ac3;
}
@media (max-width: 1920px) {
  .About.AboutContent .AboutInfo .InfoButton .ButtonText {
    border-radius: 28px;
  }
}
.About.AboutContent .AboutInfo .InfoImg {
  width: 48.95%;
}
.About.AboutContent .AboutInfo .InfoImg .Img {
  width: 100%;
  padding-top: 73.4042553191%;
  height: 100%;
}
.About.AboutContent .AboutInfo .InfoImg img {
  display: none;
}
.About.AboutContent .AboutInfo .InfoOther {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.About.AboutContent .AboutInfo .InfoVideo {
  width: 10.5%;
  position: relative;
  z-index: 5;
}
.About.AboutContent .AboutInfo .InfoVideo .VideoCover {
  width: 100%;
  height: 100%;
}
.About.AboutContent .AboutInfo .InfoVideo .VideoCover .Cover {
  width: 100%;
  padding-top: 100%;
  height: 100%;
}
.About.AboutContent .AboutInfo .InfoVideo .VideoCover img {
  display: none;
}
.About.AboutContent .AboutInfo .InfoVideo .VideoPlay {
  width: 100%;
  padding-top: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  z-index: 5;
}
.About.AboutContent .AboutInfo .InfoVideo .VideoPlay .Play {
  width: 35%;
  padding-top: 35%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  z-index: 5;
  position: absolute;
  cursor: pointer;
  border: dashed 0.01rem #fff;
  border-radius: 50%;
}
.About.AboutContent .AboutInfo .InfoVideo .VideoPlay .Icon {
  width: 72%;
  height: 72%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  z-index: 5;
  background: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.About.AboutContent .AboutInfo .InfoVideo .VideoPlay .Icon::after {
  content: "";
  border-left: 0.1rem solid #158ac3;
  border-top: 0.09rem solid transparent;
  border-bottom: 0.09rem solid transparent;
  display: block;
}
@media (max-width: 1200px) {
  .About.AboutContent .AboutInfo .InfoVideo .VideoPlay .Icon::after {
    border-left-width: 8px;
    border-top-width: 7px;
    border-bottom-width: 7px;
  }
}
.About.AboutContent .AboutInfo .InfoData {
  width: 62.5%;
  background: #158ac3;
}
.About.AboutContent .AboutInfo .InfoData .DataList {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.About.AboutContent .AboutInfo .InfoData .DataItem {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.4rem 0.9rem;
}
.About.AboutContent .AboutInfo .InfoData .DataItem .ItemNumber {
  width: 100%;
  vertical-align: bottom;
  white-space: nowrap;
  text-align: center;
}
.About.AboutContent .AboutInfo .InfoData .DataItem .ItemNumber .Number {
  color: #fff;
  display: inline-block;
}
.About.AboutContent .AboutInfo .InfoData .DataItem .ItemNumber .Text {
  color: #fff;
  line-height: 1.2;
  display: inline-block;
}
.About.AboutContent .AboutInfo .InfoData .DataItem .ItemRemark {
  width: 100%;
  text-align: center;
  margin-top: 0.16rem;
  white-space: nowrap;
  color: #fff;
  line-height: 1.3;
}
@media (max-width: 1200px) {
  .About.AboutContent .AboutInfo .InfoText {
    width: 50%;
    padding-left: 10px;
    padding-right: 20px;
  }
  .About.AboutContent .AboutInfo .InfoImg {
    width: 50%;
  }
  .About.AboutContent .AboutInfo .InfoVideo {
    width: 20%;
  }
  .About.AboutContent .AboutInfo .InfoData {
    width: 80%;
  }
}
@media (max-width: 900px) {
  .About.AboutContent .AboutInfo .InfoBoard {
    margin-top: 0;
  }
  .About.AboutContent .AboutInfo .InfoText {
    width: 100%;
  }
  .About.AboutContent .AboutInfo .InfoImg {
    width: 100%;
  }
}
@media (max-width: 750px) {
  .About.AboutContent .AboutInfo .InfoOther {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .About.AboutContent .AboutInfo .InfoVideo {
    width: 100%;
  }
  .About.AboutContent .AboutInfo .InfoVideo .VideoPlay .Play {
    width: 75px;
    height: 75px;
    padding-top: 0;
  }
  .About.AboutContent .AboutInfo .InfoData {
    width: 100%;
  }
  .About.AboutContent .AboutInfo .InfoData .DataItem {
    width: 33.3333333333%;
    padding: 20px 10px;
  }
}
.About.AboutContent .AboutCulture {
  width: 100%;
  padding: 0.6rem 0 0.8rem;
  background: url(../images/About16.jpg) bottom center/cover no-repeat;
}
.About.AboutContent .AboutCulture .CultureTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.About.AboutContent .AboutCulture .CultureTitle .Title {
  width: auto;
}
.About.AboutContent .AboutCulture .CultureTitle .Title .EN {
  color: #666;
  line-height: 1.2;
}
.About.AboutContent .AboutCulture .CultureTitle .Title .CH {
  color: #333;
  line-height: 1.3;
  margin-top: 0.1rem;
  letter-spacing: 0.03rem;
}
.About.AboutContent .AboutCulture .CultureTitle .Title .CH span {
  color: #158ac3;
}
.About.AboutContent .AboutCulture .CultureContent {
  width: 100%;
  margin-top: 1rem;
}
.About.AboutContent .AboutCulture .CultureList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.About.AboutContent .AboutCulture .CultureItem {
  width: 33.3333333333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 5;
}
.About.AboutContent .AboutCulture .CultureItem:nth-child(1n) {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.About.AboutContent .AboutCulture .CultureItem:nth-child(1n) .ItemBoard {
  -webkit-animation: float-up-down 1.5s ease-in-out infinite;
          animation: float-up-down 1.5s ease-in-out infinite;
}
.About.AboutContent .AboutCulture .CultureItem:nth-child(2n) {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.About.AboutContent .AboutCulture .CultureItem:nth-child(2n) .ItemBoard {
  width: 70%;
  -webkit-animation: float-up-down 2s ease-in-out infinite;
          animation: float-up-down 2s ease-in-out infinite;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.About.AboutContent .AboutCulture .CultureItem:nth-child(3n) {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.About.AboutContent .AboutCulture .CultureItem:nth-child(3n) .ItemBoard {
  width: 75%;
  -webkit-transform: translateY(-30%);
          transform: translateY(-30%);
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-animation: float-up-down 2s ease-in-out infinite;
          animation: float-up-down 2s ease-in-out infinite;
}
.About.AboutContent .AboutCulture .CultureItem .ItemBoard {
  width: 100%;
  position: relative;
  z-index: 5;
}
.About.AboutContent .AboutCulture .CultureItem .ItemImg {
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.About.AboutContent .AboutCulture .CultureItem .ItemImg .Img {
  width: 100%;
  padding-top: 100%;
}
.About.AboutContent .AboutCulture .CultureItem .ItemImg img {
  display: none;
}
.About.AboutContent .AboutCulture .CultureItem .ItemText {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  text-align: center;
  padding: 12%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.About.AboutContent .AboutCulture .CultureItem .ItemTitle {
  width: 100%;
  color: #fff;
  line-height: 1.3;
}
.About.AboutContent .AboutCulture .CultureItem .ItemRemark {
  width: 100%;
  color: #fff;
  line-height: 2;
  margin-top: 0.2rem;
}
.About.AboutContent .AboutCulture .CultureItem .ItemRemark p {
  color: #fff;
  line-height: 1.5;
}
@media (max-width: 900px) {
  .About.AboutContent .AboutCulture .CultureContent {
    margin-top: 20px;
  }
  .About.AboutContent .AboutCulture .CultureList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .About.AboutContent .AboutCulture .CultureItem:nth-child(1n) {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .About.AboutContent .AboutCulture .CultureItem:nth-child(1n) .ItemBoard {
    -webkit-animation: none;
            animation: none;
  }
  .About.AboutContent .AboutCulture .CultureItem:nth-child(2n) {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .About.AboutContent .AboutCulture .CultureItem:nth-child(2n) .ItemBoard {
    width: 100%;
    -webkit-animation: none;
            animation: none;
  }
  .About.AboutContent .AboutCulture .CultureItem:nth-child(3n) {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .About.AboutContent .AboutCulture .CultureItem:nth-child(3n) .ItemBoard {
    width: 100%;
    -webkit-animation: none;
            animation: none;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .About.AboutContent .AboutCulture .CultureItem .ItemImg {
    border-radius: 0;
  }
  .About.AboutContent .AboutCulture .CultureItem .ItemText {
    padding: 10px;
    border-radius: 0;
  }
}
@media (max-width: 750px) {
  .About.AboutContent .AboutCulture .CultureItem {
    width: 100%;
  }
}
.About.AboutContent .AboutHistory {
  width: 100%;
  padding: 0.6rem 0 0.9rem;
}
.About.AboutContent .AboutHistory .HistoryTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.About.AboutContent .AboutHistory .HistoryTitle .Title {
  width: auto;
}
.About.AboutContent .AboutHistory .HistoryTitle .Title .EN {
  color: #666;
  line-height: 1.2;
}
.About.AboutContent .AboutHistory .HistoryTitle .Title .CH {
  color: #333;
  line-height: 1.3;
  margin-top: 0.1rem;
  letter-spacing: 0.03rem;
}
.About.AboutContent .AboutHistory .HistoryTitle .Title .CH span {
  color: #158ac3;
}
.About.AboutContent .AboutHistory .HistoryContent {
  width: 100%;
  margin-top: 0.4rem;
}
.About.AboutContent .AboutHistory .HistoryList {
  width: 100%;
  overflow: hidden;
}
.About.AboutContent .AboutHistory .HistoryItem {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.About.AboutContent .AboutHistory .HistoryItem:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.About.AboutContent .AboutHistory .HistoryItem .ItemImg {
  width: 44.5%;
}
.About.AboutContent .AboutHistory .HistoryItem .ItemImg .Img {
  width: 100%;
  padding-top: 71.875%;
}
.About.AboutContent .AboutHistory .HistoryItem .ItemImg img {
  display: none;
}
.About.AboutContent .AboutHistory .HistoryItem .ItemText {
  width: 44.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.About.AboutContent .AboutHistory .HistoryItem .ItemTitle {
  width: 100%;
  line-height: 1.3;
  color: #333;
}
.About.AboutContent .AboutHistory .HistoryItem .ItemRemark {
  width: 100%;
  line-height: 1.5;
  color: #333;
  margin-top: 0.2rem;
}
.About.AboutContent .AboutHistory .HistoryItem .ItemRemark p {
  color: #333;
  line-height: 1.5;
  margin-top: 0.3rem;
}
.About.AboutContent .AboutHistory .HistoryItem .ItemRemark p:first-child {
  margin-top: 0;
}
.About.AboutContent .AboutHistory .HistoryItem .ItemSign {
  width: 11%;
  padding: 0 0.48rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 5;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.About.AboutContent .AboutHistory .HistoryItem .ItemSign::before {
  top: 0;
}
.About.AboutContent .AboutHistory .HistoryItem .ItemSign::after {
  bottom: 0;
}
.About.AboutContent .AboutHistory .HistoryItem .ItemNumber {
  width: 100%;
  position: relative;
  z-index: 6;
}
.About.AboutContent .AboutHistory .HistoryItem .ItemNumber::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: #158ac3;
  border-radius: 50%;
}
@media (max-width: 1440px) {
  .About.AboutContent .AboutHistory .HistoryItem .ItemNumber .Number.s18 {
    font-size: calc(12px + 0.8333333333vw);
  }
}
.About.AboutContent .AboutHistory .HistoryItem .ItemNumber .Number {
  position: absolute;
  color: #fff;
  left: 50%;
  top: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.About.AboutContent .AboutHistory .HistoryItem .ItemLine {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
}
.About.AboutContent .AboutHistory .HistoryItem .ItemLine .Line {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.About.AboutContent .AboutHistory .HistoryItem .ItemLine .Line::before, .About.AboutContent .AboutHistory .HistoryItem .ItemLine .Line::after {
  content: "";
  display: block;
  width: 0.01rem;
  min-width: 1px;
  height: 50%;
  background: #158ac3;
}
@media (max-width: 900px) {
  .About.AboutContent .AboutHistory .HistoryItem {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    z-index: 5;
  }
  .About.AboutContent .AboutHistory .HistoryItem:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .About.AboutContent .AboutHistory .HistoryItem .ItemImg {
    width: 100%;
  }
  .About.AboutContent .AboutHistory .HistoryItem .ItemSign {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    padding: 10px;
    width: 12%;
    min-width: 60px;
  }
  .About.AboutContent .AboutHistory .HistoryItem .ItemLine {
    display: none;
  }
  .About.AboutContent .AboutHistory .HistoryItem .ItemText {
    width: 100%;
    padding: 10px 0;
  }
}
.About.AboutContent .AboutHonor {
  padding: 0.6rem 0 1rem;
  width: 100%;
}
.About.AboutContent .AboutHonor .HonorTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.About.AboutContent .AboutHonor .HonorTitle .Title {
  width: auto;
}
.About.AboutContent .AboutHonor .HonorTitle .Title .EN {
  color: #666;
  line-height: 1.2;
}
.About.AboutContent .AboutHonor .HonorTitle .Title .CH {
  color: #333;
  line-height: 1.3;
  margin-top: 0.1rem;
  letter-spacing: 0.03rem;
}
.About.AboutContent .AboutHonor .HonorTitle .Title .CH span {
  color: #158ac3;
}
.About.AboutContent .AboutHonor .HonorContent {
  width: 100%;
  margin-top: 0.28rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.About.AboutContent .AboutHonor .HonorControl {
  width: 34.5%;
  position: relative;
  z-index: 5;
  height: 6.45rem;
}
.About.AboutContent .AboutHonor .HonorControl .ControlBoard {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.About.AboutContent .AboutHonor .HonorButtonSwiper {
  width: 100%;
  height: 100%;
  padding-right: 0.2rem;
}
.About.AboutContent .AboutHonor .HonorButtonSwiper .swiper-container {
  width: 100%;
  height: 100%;
}
.About.AboutContent .AboutHonor .HonorButtonSwiper .swiper-scrollbar {
  width: 0.03rem;
  height: 100%;
  min-width: 3px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}
.About.AboutContent .AboutHonor .HonorButtonSwiper .swiper-scrollbar-drag {
  background: #158ac3;
}
.About.AboutContent .AboutHonor .HonorButtonSlide.Active .SlideText {
  border-bottom-color: #158ac3;
}
.About.AboutContent .AboutHonor .HonorButtonSlide.Active .SlideText .Icon {
  opacity: 1;
}
.About.AboutContent .AboutHonor .HonorButtonSlide.Active .SlideText .Text {
  color: #158ac3;
}
.About.AboutContent .AboutHonor .HonorButtonSlide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
}
.About.AboutContent .AboutHonor .HonorButtonSlide .SlideText {
  width: 100%;
  padding: 0.18rem 0;
  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 #f3f3f3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.About.AboutContent .AboutHonor .HonorButtonSlide .SlideText:hover {
  border-bottom-color: #158ac3;
}
.About.AboutContent .AboutHonor .HonorButtonSlide .SlideText:hover .Icon {
  opacity: 1;
}
.About.AboutContent .AboutHonor .HonorButtonSlide .SlideText:hover .Text {
  color: #158ac3;
}
.About.AboutContent .AboutHonor .HonorButtonSlide .SlideText .Text {
  color: #333;
  width: 100%;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About.AboutContent .AboutHonor .HonorButtonSlide .SlideText .Icon {
  margin-left: 0.1rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
.About.AboutContent .AboutHonor .HonorButtonSlide .SlideText .Icon::after {
  content: "";
  display: block;
  width: 0.17rem;
  height: 0.21rem;
  min-width: 17px;
  min-height: 21px;
  background: url(../images/About10.png) center/cover no-repeat;
}
.About.AboutContent .AboutHonor .HonorBoard {
  width: 63.5%;
}
.About.AboutContent .AboutHonor .HonorImgSwiper {
  width: 100%;
}
.About.AboutContent .AboutHonor .HonorImgSlide.swiper-slide-active {
  opacity: 1;
}
.About.AboutContent .AboutHonor .HonorImgSlide.swiper-slide-active .SlideText {
  opacity: 1;
}
.About.AboutContent .AboutHonor .HonorImgSlide.swiper-slide-prev, .About.AboutContent .AboutHonor .HonorImgSlide.swiper-slide-next {
  opacity: 0.2;
}
.About.AboutContent .AboutHonor .HonorImgSlide.Move {
  opacity: 0.2;
}
.About.AboutContent .AboutHonor .HonorImgSlide {
  height: auto;
  opacity: 0;
}
.About.AboutContent .AboutHonor .HonorImgSlide .SlideBoard {
  width: 100%;
  height: 100%;
  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;
}
.About.AboutContent .AboutHonor .HonorImgSlide .SlideImg {
  width: 100%;
  padding: 0.15rem;
}
.About.AboutContent .AboutHonor .HonorImgSlide .SlideImg .Img {
  -webkit-box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.2);
  width: 100%;
}
.About.AboutContent .AboutHonor .HonorImgSlide .SlideImg img {
  width: 100%;
}
@media (max-width: 550px) {
  .About.AboutContent .AboutHonor .HonorImgSlide .SlideImg .Img {
    padding: 10px;
  }
  .About.AboutContent .AboutHonor .HonorImgSlide .SlideImg img {
    aspect-ratio: 1;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.About.AboutContent .AboutHonor .HonorImgSlide .SlideText {
  width: 100%;
  color: #333;
  line-height: 1.4;
  padding: 0.2rem 0;
  text-align: center;
  opacity: 0;
  margin-top: 0.1rem;
}
@media (max-width: 750px) {
  .About.AboutContent .AboutHonor .HonorControl {
    display: none;
  }
  .About.AboutContent .AboutHonor .HonorBoard {
    width: 100%;
  }
}
.About.AboutContent .AboutHire {
  width: 100%;
  background: #fff;
  padding: 0.6rem 0;
}
.About.AboutContent .AboutHire .HireTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.About.AboutContent .AboutHire .HireTitle .Title {
  width: auto;
}
.About.AboutContent .AboutHire .HireTitle .Title .EN {
  color: #666;
  line-height: 1.2;
}
.About.AboutContent .AboutHire .HireTitle .Title .CH {
  color: #333;
  line-height: 1.3;
  margin-top: 0.1rem;
  letter-spacing: 0.03rem;
}
.About.AboutContent .AboutHire .HireTitle .Title .CH span {
  color: #158ac3;
}
.About.AboutContent .AboutHire .HireContent {
  width: 100%;
  margin-top: 0.36rem;
}
.About.AboutContent .AboutHire .HireList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
}
.About.AboutContent .AboutHire .HireItem {
  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;
  width: 31.25%;
  background: #f7f7f7;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding: 0.4rem;
  margin-right: 3.125%;
  margin-bottom: 3.125%;
}
.About.AboutContent .AboutHire .HireItem:hover {
  background: #fff;
  -webkit-box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.1);
}
.About.AboutContent .AboutHire .HireItem:nth-child(3n) {
  margin-right: 0;
}
.About.AboutContent .AboutHire .HireItem .ItemTitle {
  width: 100%;
}
.About.AboutContent .AboutHire .HireItem .ItemTitle .Title {
  color: #333;
  line-height: 1.3;
  letter-spacing: 0.02rem;
  width: 100%;
}
.About.AboutContent .AboutHire .HireItem .ItemTitle::after {
  content: "";
  display: block;
  width: 0.2rem;
  height: 0.02rem;
  min-width: 20px;
  min-height: 2px;
  background: #158ac3;
  margin: 0.18rem 0;
}
.About.AboutContent .AboutHire .HireItem .ItemContent {
  width: 100%;
}
.About.AboutContent .AboutHire .HireItem .ItemRemark {
  width: 100%;
  color: #666;
  line-height: 1.75;
}
.About.AboutContent .AboutHire .HireItem .ItemButtons {
  width: 100%;
  margin-top: 0.18rem;
}
.About.AboutContent .AboutHire .HireItem .ItemButtons .Button {
  width: 100%;
  text-align: center;
  color: #333;
  background: #fff;
  white-space: nowrap;
  line-height: 1.2;
  padding: 0.12rem 0;
  border-radius: 0.3rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.About.AboutContent .AboutHire .HireItem .ItemButtons .Button:hover {
  background: #158ac3;
  color: #fff;
}
@media (max-width: 1920px) {
  .About.AboutContent .AboutHire .HireItem .ItemButtons .Button {
    border-radius: 30px;
  }
}
@media (max-width: 900px) {
  .About.AboutContent .AboutHire .HireItem {
    width: 48.4375%;
  }
  .About.AboutContent .AboutHire .HireItem:nth-child(3n) {
    margin-right: 3.125%;
  }
  .About.AboutContent .AboutHire .HireItem:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 550px) {
  .About.AboutContent .AboutHire .HireItem {
    width: 100%;
    margin-right: 0;
  }
  .About.AboutContent .AboutHire .HireItem:nth-child(3n) {
    margin-right: 0;
  }
}

.About.AboutDialog {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  display: none;
}
.About.AboutDialog .AboutHire {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.About.AboutDialog .AboutHire .HireInfo {
  width: 52.5%;
}
.About.AboutDialog .AboutHire .HireInfo .InfoBoard {
  width: 100%;
  padding: 0.6rem;
  background: #fff;
  position: relative;
  z-index: 5;
}
.About.AboutDialog .AboutHire .HireInfo .InfoTitle {
  width: 100%;
}
.About.AboutDialog .AboutHire .HireInfo .InfoTitle .Title {
  width: 100%;
  color: #333;
  line-height: 1.3;
}
.About.AboutDialog .AboutHire .HireInfo .InfoTitle .Info {
  width: 100%;
  line-height: 1.5;
  margin-top: 0.16rem;
  color: #666;
}
.About.AboutDialog .AboutHire .HireInfo .InfoTitle .Info span {
  margin-right: 0.1rem;
}
.About.AboutDialog .AboutHire .HireInfo .InfoTitle .Info span:last-of-type {
  margin-right: 0;
}
.About.AboutDialog .AboutHire .HireInfo .InfoContent {
  width: 100%;
  margin-top: 0.5rem;
}
.About.AboutDialog .AboutHire .HireInfo .InfoContent .Remark {
  width: 100%;
  color: #666;
  line-height: 1.8;
}
.About.AboutDialog .AboutHire .HireInfo .InfoContent .Remark p {
  color: #666;
  line-height: 1.8;
}
.About.AboutDialog .AboutHire .HireInfo .InfoContent .Email {
  width: 100%;
}
.About.AboutDialog .AboutHire .HireInfo .InfoContent .Email .Text {
  width: 100%;
  color: #158ac3;
  line-height: 1.5;
}
.About.AboutDialog .AboutHire .HireInfo .InfoContent .Email .Button {
  margin-top: 0.24rem;
}
.About.AboutDialog .AboutHire .HireInfo .InfoClose {
  width: 0.3rem;
  min-width: 24px;
  height: 0.3rem;
  min-height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  z-index: 3;
  cursor: pointer;
}
.About.AboutDialog .AboutHire .HireInfo .InfoClose::before, .About.AboutDialog .AboutHire .HireInfo .InfoClose::after {
  width: 10%;
  background: #158ac3;
  height: 80%;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
}
.About.AboutDialog .AboutHire .HireInfo .InfoClose::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.About.AboutDialog .AboutHire .HireInfo .InfoClose::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
@media (max-width: 900px) {
  .About.AboutDialog .AboutHire {
    padding: 20px;
  }
  .About.AboutDialog .AboutHire .HireInfo {
    width: 100%;
  }
}

.About.AboutDialog.Show {
  display: block;
}

/* 应用案例 */
.Case.CaseContent {
  width: 100%;
}
.Case.CaseContent .CaseInfo {
  width: 100%;
  padding: 0.6rem 0 1rem;
}
.Case.CaseContent .CaseInfo .InfoRemark {
  width: 100%;
  color: #333;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}
.Case.CaseContent .CaseInfo .InfoRemark p {
  color: #333;
  line-height: 1.5;
}
.Case.CaseContent .CaseInfo .InfoList {
  width: 100%;
  margin-top: 0.5rem;
  overflow: hidden;
}
.Case.CaseContent .CaseInfo .InfoItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f7f7f7;
}
.Case.CaseContent .CaseInfo .InfoItem:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.Case.CaseContent .CaseInfo .InfoItem .ItemImg {
  width: 50%;
}
.Case.CaseContent .CaseInfo .InfoItem .ItemImg .Img {
  width: 100%;
  padding-top: 55.5555555556%;
  height: 100%;
}
.Case.CaseContent .CaseInfo .InfoItem .ItemImg img {
  display: none;
}
.Case.CaseContent .CaseInfo .InfoItem .ItemText {
  width: 50%;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Case.CaseContent .CaseInfo .InfoItem .ItemTitle {
  width: 100%;
  color: #333;
  line-height: 1.2;
}
.Case.CaseContent .CaseInfo .InfoItem .ItemRemark {
  width: 100%;
  color: #666;
  margin-top: 0.36rem;
  line-height: 1.5;
}
.Case.CaseContent .CaseInfo .InfoItem .ItemRemark p {
  color: #666;
  line-height: 1.5;
}
@media (max-width: 750px) {
  .Case.CaseContent .CaseInfo .InfoItem {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Case.CaseContent .CaseInfo .InfoItem:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .Case.CaseContent .CaseInfo .InfoItem .ItemImg {
    width: 100%;
  }
  .Case.CaseContent .CaseInfo .InfoItem .ItemText {
    width: 100%;
  }
}
@media (max-width: 350px) {
  .Case.CaseContent .CaseInfo .InfoItem .ItemText {
    padding: 20px;
  }
}

/* 新闻资讯 */
.News.NewsContent {
  width: 100%;
}
.News.NewsContent .NewsSwiper {
  width: 100%;
  padding: 0.6rem 0 0.5rem;
}
.News.NewsContent .NewsInfoSwiper {
  width: 100%;
}
.News.NewsContent .NewsInfoSlide .SlideBoard {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f7f7f7;
  overflow: hidden;
}
.News.NewsContent .NewsInfoSlide .SlideText {
  width: 44.5%;
  padding: 0.6rem;
  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;
}
.News.NewsContent .NewsInfoSlide .SlideImg {
  width: 55.5%;
}
.News.NewsContent .NewsInfoSlide .SlideImg .Img {
  width: 100%;
  padding-top: 52.5%;
  height: 100%;
}
.News.NewsContent .NewsInfoSlide .SlideImg img {
  display: none;
}
.News.NewsContent .NewsInfoSlide .SlideTime {
  width: 100%;
  color: #666;
  line-height: 1.2;
}
.News.NewsContent .NewsInfoSlide .SlideTitle {
  margin-top: 0.18rem;
  width: 100%;
  color: #333;
  line-height: 1.3;
}
.News.NewsContent .NewsInfoSlide .SlideRemark {
  width: 100%;
  margin-top: 0.28rem;
  color: #666;
  line-height: 1.5;
}
.News.NewsContent .NewsInfoSlide .SlideRemark p {
  color: #666;
  line-height: 1.5;
}
.News.NewsContent .NewsInfoSlide .SlideButton {
  margin-top: 0.5rem;
}
@media (max-width: 750px) {
  .News.NewsContent .NewsInfoSlide .SlideBoard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .News.NewsContent .NewsInfoSlide .SlideText {
    width: 100%;
  }
  .News.NewsContent .NewsInfoSlide .SlideImg {
    width: 100%;
  }
}
@media (max-width: 350px) {
  .News.NewsContent .NewsInfoSlide .SlideText {
    padding: 20px;
  }
}
.News.NewsContent .NewsList {
  width: 100%;
  overflow: hidden;
}
.News.NewsContent .NewsList .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.News.NewsContent .NewsItem {
  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;
  width: 23%;
  margin-right: 2.6666666667%;
  margin-bottom: 2.6666666667%;
}
.News.NewsContent .NewsItem:hover .ItemImg .Img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.News.NewsContent .NewsItem:hover .ItemTitle {
  color: #158ac3;
}
.News.NewsContent .NewsItem:nth-child(4n) {
  margin-right: 0;
}
.News.NewsContent .NewsItem .ItemInfo {
  width: 100%;
}
.News.NewsContent .NewsItem .ItemImg {
  width: 100%;
  overflow: hidden;
}
.News.NewsContent .NewsItem .ItemImg .Img {
  width: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding-top: 66.6666666667%;
}
.News.NewsContent .NewsItem .ItemImg img {
  display: none;
}
.News.NewsContent .NewsItem .ItemTitle {
  width: 100%;
  color: #333;
  line-height: 1.4;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 0.28rem;
}
.News.NewsContent .NewsItem .ItemTime {
  width: 100%;
  color: #666;
  margin-top: 0.3rem;
  line-height: 1.2;
}
@media (max-width: 900px) {
  .News.NewsContent .NewsItem {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .News.NewsContent .NewsItem:nth-child(4n) {
    margin-right: 2%;
  }
  .News.NewsContent .NewsItem:nth-child(3n) {
    margin-right: 0%;
  }
}
@media (max-width: 600px) {
  .News.NewsContent .NewsItem {
    width: 49%;
  }
  .News.NewsContent .NewsItem:nth-child(3n) {
    margin-right: 2%;
  }
  .News.NewsContent .NewsItem:nth-child(2n) {
    margin-right: 0%;
  }
}
@media (max-width: 400px) {
  .News.NewsContent .NewsItem {
    width: 100%;
    margin-right: 0;
  }
  .News.NewsContent .NewsItem:nth-child(3n) {
    margin-right: 0%;
  }
}
.News.NewsContent .NewsPager {
  padding-bottom: 1rem;
}
.News.NewsContent .NewsDetail {
  width: 100%;
  padding: 0.4rem 0 1.1rem;
}
.News.NewsContent .NewsDetail .Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}
.News.NewsContent .NewsDetail .DetailMain {
  width: 69.5%;
}
.News.NewsContent .NewsDetail .DetailInfo {
  width: 100%;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoTitle {
  width: 100%;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoTitle .Title {
  width: 100%;
  color: #333;
  line-height: 1.3;
  font-weight: 700;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoTitle .Data {
  width: 100%;
  margin-top: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 0.01rem solid #f3f3f3;
  border-bottom: 0.01rem solid transparent;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoTitle .Date {
  color: #666;
  line-height: 1.4;
  width: auto;
  margin-right: 0.36rem;
  padding: 0.2rem 0;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoTitle .View {
  color: #666;
  line-height: 1.4;
  width: auto;
  margin-right: 0.36rem;
  padding: 0.2rem 0;
}
.News.NewsContent .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;
  padding: 0.2rem 0;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoTitle .Share .ShareText {
  color: #666;
  line-height: 1.4;
  width: auto;
}
.News.NewsContent .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.NewsContent .NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link {
  display: block;
  margin-right: 0.2rem;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link:last-of-type {
  margin-right: 0;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link:hover .LinkIcon .D {
  opacity: 0;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link:hover .LinkIcon .H {
  opacity: 1;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link .LinkIcon {
  width: 0.22rem;
  min-width: 18px;
  position: relative;
  z-index: 5;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link .LinkIcon .D, .News.NewsContent .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.NewsContent .NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link .LinkIcon .D {
  opacity: 1;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link .LinkIcon .H {
  opacity: 0;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoTitle .Share .ShareLinks .Link .LinkIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoContent {
  width: 100%;
  padding: 0.6rem 0;
  border-top: 0.01rem solid #f3f3f3;
  border-bottom: 0.01rem solid #f3f3f3;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoContent p {
  color: #666;
  line-height: 1.7;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoContent img {
  width: 100%;
  height: auto;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoButtons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0.56rem;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoButtons .Pages {
  width: auto;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoButtons .Pages .PagePrev, .News.NewsContent .NewsDetail .DetailInfo .InfoButtons .Pages .PageNext {
  color: #333;
  line-height: 1.5;
  width: auto;
  padding: 0.05rem 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoButtons .Pages .PagePrev:hover, .News.NewsContent .NewsDetail .DetailInfo .InfoButtons .Pages .PageNext:hover {
  color: #158ac3;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoButtons .ReturnButton:hover .ButtonBoard {
  background: #158ac3;
  border-color: #158ac3;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoButtons .ReturnButton:hover .ButtonIcon::after {
  background-image: url(../images/return2.png);
}
.News.NewsContent .NewsDetail .DetailInfo .InfoButtons .ReturnButton:hover .ButtonText {
  color: #fff;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoButtons .ReturnButton .ButtonBoard {
  padding: 0.12rem 0.22rem;
  border-radius: 0.2rem;
  border: solid 0.01rem #333333;
}
@media (max-width: 1920px) {
  .News.NewsContent .NewsDetail .DetailInfo .InfoButtons .ReturnButton .ButtonBoard {
    border-radius: 20px;
  }
}
.News.NewsContent .NewsDetail .DetailInfo .InfoButtons .ReturnButton .ButtonText {
  color: #333;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoButtons .ReturnButton .ButtonIcon {
  margin-left: 0.24rem;
}
.News.NewsContent .NewsDetail .DetailInfo .InfoButtons .ReturnButton .ButtonIcon::after {
  background: url(../images/return1.png) center/contain no-repeat;
}
.News.NewsContent .NewsDetail .DetailAside {
  width: 23%;
}
.News.NewsContent .NewsDetail .DetailOther {
  width: 100%;
}
.News.NewsContent .NewsDetail .DetailOther .OtherList {
  width: 100%;
}
.News.NewsContent .NewsDetail .DetailOther .OtherItem {
  display: block;
  margin-bottom: 0.4rem;
  width: 100%;
}
.News.NewsContent .NewsDetail .DetailOther .OtherItem:hover .ItemImg .Img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.News.NewsContent .NewsDetail .DetailOther .OtherItem:hover .ItemTitle {
  color: #158ac3;
}
.News.NewsContent .NewsDetail .DetailOther .OtherItem .ItemInfo {
  width: 100%;
}
.News.NewsContent .NewsDetail .DetailOther .OtherItem .ItemImg {
  width: 100%;
  overflow: hidden;
}
.News.NewsContent .NewsDetail .DetailOther .OtherItem .ItemImg .Img {
  width: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding-top: 66.6666666667%;
}
.News.NewsContent .NewsDetail .DetailOther .OtherItem .ItemImg img {
  display: none;
}
.News.NewsContent .NewsDetail .DetailOther .OtherItem .ItemTitle {
  width: 100%;
  color: #333;
  line-height: 1.4;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 0.28rem;
}
.News.NewsContent .NewsDetail .DetailOther .OtherItem .ItemTime {
  width: 100%;
  color: #666;
  margin-top: 0.3rem;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .News.NewsContent .NewsDetail .Container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .News.NewsContent .NewsDetail .DetailMain {
    width: 100%;
  }
  .News.NewsContent .NewsDetail .DetailAside {
    width: 100%;
    margin-top: 20px;
  }
  .News.NewsContent .NewsDetail .DetailOther .OtherList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .News.NewsContent .NewsDetail .DetailOther .OtherItem {
    width: 32.5%;
    margin-right: 1.25%;
  }
  .News.NewsContent .NewsDetail .DetailOther .OtherItem:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 750px) {
  .News.NewsContent .NewsDetail .DetailInfo .InfoButtons {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .News.NewsContent .NewsDetail .DetailInfo .InfoButtons .Pages {
    width: 100%;
  }
  .News.NewsContent .NewsDetail .DetailInfo .InfoButtons .ReturnButton {
    margin-top: 20px;
  }
}
@media (max-width: 550px) {
  .News.NewsContent .NewsDetail .DetailOther .OtherItem {
    width: 100%;
    margin-right: 0;
  }
}

/* 联系我们 */
.Contact.ContactContent {
  width: 100%;
}
.Contact.ContactContent .ContactWay {
  width: 100%;
  padding: 0.6rem 0 0.8rem;
  background: #f7f7f7;
}
.Contact.ContactContent .ContactWay .WayInfo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoAside {
  width: 40%;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoTitle .Title {
  width: auto;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoTitle .Title .EN {
  color: #666;
  line-height: 1.2;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoTitle .Title .CH {
  color: #333;
  line-height: 1.3;
  margin-top: 0.1rem;
  letter-spacing: 0.03rem;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoTitle .Title .CH span {
  color: #158ac3;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData {
  width: 100%;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataList {
  width: 100%;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.7rem;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataItem .ItemIcon {
  width: auto;
  margin-right: 0.18rem;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataItem .ItemIcon .Icon {
  width: 0.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataItem .ItemIcon .Icon img {
  display: none;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataItem .ItemIcon .Icon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataItem .ItemText {
  width: 100%;
  color: #333;
  line-height: 1.5;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoData .DataItem .ItemText p {
  color: #333;
  line-height: 1.5;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoMain {
  width: 55.5%;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoAddress {
  width: 100%;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoAddress .Address {
  width: 100%;
}
.Contact.ContactContent .ContactWay .WayInfo .InfoAddress .Address img {
  width: 100%;
  height: auto;
}
@media (max-width: 900px) {
  .Contact.ContactContent .ContactWay .WayInfo {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Contact.ContactContent .ContactWay .WayInfo .InfoAside {
    width: 100%;
  }
  .Contact.ContactContent .ContactWay .WayInfo .InfoMain {
    width: 100%;
    margin-top: 20px;
  }
}
.Contact.ContactContent .ContactWay .WayFirm {
  width: 100%;
  margin-top: 0.5rem;
}
.Contact.ContactContent .ContactWay .WayFirm .FirmList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Contact.ContactContent .ContactWay .WayFirm .FirmItem {
  width: 30.5%;
  margin-bottom: 4.25%;
  margin-right: 4.25%;
}
.Contact.ContactContent .ContactWay .WayFirm .FirmItem:nth-child(3n) {
  margin-right: 0;
}
.Contact.ContactContent .ContactWay .WayFirm .FirmItem .ItemImg {
  width: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.Contact.ContactContent .ContactWay .WayFirm .FirmItem .ItemImg .Img {
  width: 100%;
  padding-top: 68.1818181818%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact.ContactContent .ContactWay .WayFirm .FirmItem .ItemImg img {
  display: none;
}
.Contact.ContactContent .ContactWay .WayFirm .FirmItem .ItemImg .Tag {
  color: #fff;
  background: #158ac3;
  line-height: 1.2;
  white-space: nowrap;
  padding: 0.12rem 0.22rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.Contact.ContactContent .ContactWay .WayFirm .FirmItem .ItemText {
  width: 100%;
}
.Contact.ContactContent .ContactWay .WayFirm .FirmItem .ItemTabs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 0.01rem solid transparent;
  border-bottom: 0.01rem solid #e8e8e8;
}
.Contact.ContactContent .ContactWay .WayFirm .FirmItem .ItemTabs .Tab.In {
  color: #158ac3;
  border-bottom-color: #158ac3;
}
.Contact.ContactContent .ContactWay .WayFirm .FirmItem .ItemTabs .Tab {
  color: #666;
  padding: 0.12rem 0;
  margin-right: 0.4rem;
  white-space: nowrap;
  line-height: 1.4;
  width: auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-top: 0.02rem solid transparent;
  border-bottom: 0.02rem solid transparent;
  cursor: pointer;
}
.Contact.ContactContent .ContactWay .WayFirm .FirmItem .ItemTabs .Tab:hover {
  color: #158ac3;
  border-bottom-color: #158ac3;
}
.Contact.ContactContent .ContactWay .WayFirm .FirmItem .ItemTabs .Tab:last-child {
  margin-right: 0;
}
.Contact.ContactContent .ContactWay .WayFirm .FirmItem .ItemCards {
  width: 100%;
  margin-top: 0.28rem;
}
.Contact.ContactContent .ContactWay .WayFirm .FirmItem .ItemCards .Card.Show {
  display: block;
}
.Contact.ContactContent .ContactWay .WayFirm .FirmItem .ItemCards .Card {
  width: 100%;
  color: #333;
  line-height: 1.75;
  display: none;
}
.Contact.ContactContent .ContactWay .WayFirm .FirmItem .ItemCards .Card p {
  color: #333;
  line-height: 1.75;
}
@media (max-width: 900px) {
  .Contact.ContactContent .ContactWay .WayFirm .FirmItem {
    width: 47.875%;
  }
  .Contact.ContactContent .ContactWay .WayFirm .FirmItem:nth-child(3n) {
    margin-right: 4.25%;
  }
  .Contact.ContactContent .ContactWay .WayFirm .FirmItem:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 550px) {
  .Contact.ContactContent .ContactWay .WayFirm .FirmItem {
    width: 100%;
    margin-right: 0;
  }
  .Contact.ContactContent .ContactWay .WayFirm .FirmItem:nth-child(3n) {
    margin-right: 0;
  }
}
.Contact.ContactContent .ContactMsg {
  width: 100%;
  padding: 0.8rem 0 0.9rem;
  background: #fff;
}
.Contact.ContactContent .ContactMsg .MsgTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Contact.ContactContent .ContactMsg .MsgTitle .Title {
  width: auto;
}
.Contact.ContactContent .ContactMsg .MsgTitle .Title .EN {
  color: #666;
  line-height: 1.2;
}
.Contact.ContactContent .ContactMsg .MsgTitle .Title .CH {
  color: #333;
  line-height: 1.3;
  margin-top: 0.1rem;
  letter-spacing: 0.03rem;
}
.Contact.ContactContent .ContactMsg .MsgTitle .Title .CH span {
  color: #158ac3;
}
.Contact.ContactContent .ContactMsg .Msgcontent {
  width: 100%;
}
.Contact.ContactContent .ContactMsg .MsgForm {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0.36rem;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormInput {
  width: 47%;
  margin-right: 6%;
  margin-bottom: 0.3rem;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormInput:nth-child(2n) {
  margin-right: 0;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormInput .Title {
  width: 100%;
  color: #333;
  line-height: 1.3;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormInput .Content {
  width: 100%;
  border: 0.01rem solid #f3f3f3;
  margin-top: 0.2rem;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormInput .Content input {
  width: 100%;
  height: 0.6rem;
  min-height: 48px;
  border: none;
  padding: 0 0.2rem;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormInput .Content .Box {
  width: 100%;
  height: 0.6rem;
  min-height: 48px;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormInput .Content .Box .SelectBox {
  border: none;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormText {
  width: 100%;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormText .Title {
  width: 100%;
  color: #333;
  line-height: 1.3;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormText .Content {
  width: 100%;
  border: 0.01rem solid #f3f3f3;
  margin-top: 0.2rem;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormText .Content textarea {
  width: 100%;
  height: 1.6rem;
  min-height: 120px;
  border: none;
  padding: 0.2rem;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButtons {
  width: 100%;
  margin-top: 0.36rem;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButton {
  display: inline-block;
  border: none;
  background: transparent;
  margin-top: 0.4rem;
  cursor: pointer;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButton:hover .ButtonBoard {
  border-color: #158ac3;
  background: #158ac3;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButton:hover .ButtonIcon::after {
  background-image: url(../images/arrow2.png);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButton:hover .ButtonText {
  color: #fff;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButton .ButtonBoard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
  background: transparent;
  border: 0.01rem solid #ccc;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1920px) {
  .Contact.ContactContent .ContactMsg .MsgForm .FormButton .ButtonBoard {
    border-radius: 30px;
  }
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButton .ButtonText {
  color: #158ac3;
  line-height: 1.1;
  white-space: nowrap;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButton .ButtonIcon {
  width: 0.11rem;
  min-width: 10px;
  margin-left: 0.26rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact.ContactContent .ContactMsg .MsgForm .FormButton .ButtonIcon::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/arrow1.png) center/contain no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact.ContactContent .ContactMsg .MsgForm .Required.FormInput .Title::after {
  content: " *";
  color: #ff0000;
  display: inline;
}
@media (max-width: 900px) {
  .Contact.ContactContent .ContactMsg .MsgForm .FormInput {
    width: 100%;
    margin-right: 0;
  }
}

/* 搜索页 */
.Search.SearchContent {
  width: 100%;
  padding: 0.3rem 0;
}
.Search.SearchContent .Container {
  overflow-x: hidden;
}
.Search.SearchContent .Container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Search.SearchContent .SearchBoard {
  width: 100%;
}
.Search.SearchContent .SearchTips {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Search.SearchContent .SearchTips .Title {
  color: #666;
  line-height: 1.5;
}
.Search.SearchContent .SearchTips .Title .Key {
  color: red;
}
.Search.SearchContent .SearchTips .Content {
  color: #666;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Search.SearchContent .SearchTips .Content .Text {
  margin-right: 0.1rem;
}
.Search.SearchContent .SearchTips .Content .Number, .Search.SearchContent .SearchTips .Content .Other {
  color: #158ac3;
}
.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: #158ac3;
}
.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: #158ac3;
  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;
}