@charset "UTF-8";
/* 主题色 */
/* 首页 */
.Home {
  width: 100%;
}
.Home .HomeBanner {
  width: 100%;
  overflow: hidden;
}
.Home .HomeBanner .BannerSwiper {
  width: 100%;
  -webkit-animation: zoom 1s ease;
          animation: zoom 1s ease;
  position: relative;
  z-index: 5;
}
.Home .HomeBanner .BannerSwiperPagination {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 5;
  padding: 0.2rem 0;
}
.Home .HomeBanner .BannerSwiperPagination .swiper-pagination-bullet {
  width: 0.1rem;
  min-width: 10px;
  height: 0.1rem;
  min-height: 10px;
  margin: 0 0.05rem;
}
.Home .HomeBanner .BannerSwiperPagination .swiper-pagination-bullet-active {
  background: #143eb6;
}
.Home .HomeBanner .BannerSlide {
  overflow: hidden;
}
.Home .HomeBanner .BannerSlide .SlideImg {
  width: 100%;
  padding-top: 39.0625%;
  display: block;
}
.Home .HomeGoods {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #fff;
}
.Home .HomeGoods .Container {
  width: 14rem;
  margin: 0 auto;
}
.Home .HomeGoods .GoodsTable {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home .HomeGoods .GoodsLeft {
  width: 35.5%;
}
.Home .HomeGoods .GoodsLeft .GoodsItem {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 5;
}
.Home .HomeGoods .GoodsLeft .GoodsItem:hover .ItemMask {
  top: 0;
}
.Home .HomeGoods .GoodsLeft .GoodsItem .ItemContent {
  width: 100%;
}
.Home .HomeGoods .GoodsLeft .GoodsItem .ItemImg {
  width: 100%;
  padding-top: 151.968503937%;
  position: relative;
  z-index: 3;
}
.Home .HomeGoods .GoodsLeft .GoodsItem .ItemName {
  width: 100%;
  padding: 0.4rem;
  color: #fff;
  line-height: 1, 1;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.Home .HomeGoods .GoodsLeft .GoodsItem .ItemMask {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  z-index: 4;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home .HomeGoods .GoodsLeft .GoodsItem .ItemRemark {
  color: #fff;
  line-height: 1.2;
  width: 100%;
  position: absolute;
  top: 10.3%;
  left: 0;
  z-index: 5;
  padding: 0 0.4rem;
}
.Home .HomeGoods .GoodsCenter {
  width: 32.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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home .HomeGoods .GoodsCenter .GoodsItem {
  width: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden;
  display: block;
}
.Home .HomeGoods .GoodsCenter .GoodsItem:hover .ItemMask {
  top: 0;
}
.Home .HomeGoods .GoodsCenter .GoodsItem .ItemContent {
  width: 100%;
  height: 100%;
}
.Home .HomeGoods .GoodsCenter .GoodsItem .ItemImg {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
}
.Home .HomeGoods .GoodsCenter .GoodsItem .ItemName {
  width: 100%;
  padding: 0.4rem;
  color: #fff;
  line-height: 1, 1;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.Home .HomeGoods .GoodsCenter .GoodsItem .ItemMask {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  z-index: 4;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding: 0.75rem 0.4rem;
}
.Home .HomeGoods .GoodsCenter .GoodsItem .ItemRemark {
  color: #fff;
  line-height: 1.2;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 5;
  padding: 0 0.4rem;
}
.Home .HomeGoods .GoodsCenter .GoodsItem:first-of-type {
  height: 66%;
}
.Home .HomeGoods .GoodsCenter .GoodsItem:first-of-type .ItemRemark {
  top: 15.6%;
}
.Home .HomeGoods .GoodsCenter .GoodsItem:last-of-type {
  height: 32%;
}
.Home .HomeGoods .GoodsCenter .GoodsItem:last-of-type .ItemRemark {
  top: 32.2%;
}
.Home .HomeGoods .GoodsRight {
  width: 29%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home .HomeGoods .GoodsRight .GoodsItem {
  width: 100%;
  height: 32%;
  position: relative;
  z-index: 5;
  overflow: hidden;
  display: block;
}
.Home .HomeGoods .GoodsRight .GoodsItem:hover .ItemMask {
  top: 0;
}
.Home .HomeGoods .GoodsRight .GoodsItem .ItemContent {
  width: 100%;
  height: 100%;
}
.Home .HomeGoods .GoodsRight .GoodsItem .ItemImg {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
}
.Home .HomeGoods .GoodsRight .GoodsItem .ItemName {
  width: 100%;
  padding: 0.4rem;
  color: #fff;
  line-height: 1, 1;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.Home .HomeGoods .GoodsRight .GoodsItem .ItemMask {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  z-index: 4;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding: 0.75rem 0.4rem;
}
.Home .HomeGoods .GoodsRight .GoodsItem .ItemRemark {
  color: #fff;
  line-height: 1.2;
  width: 100%;
  position: absolute;
  top: 32.2%;
  left: 0;
  z-index: 5;
  padding: 0 0.4rem;
}
@media (max-width: 1200px) {
  .Home .HomeGoods .Container {
    width: 100%;
    padding: 10px;
  }
}
@media (max-width: 700px) {
  .Home .HomeGoods .GoodsTable {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Home .HomeGoods .GoodsLeft {
    width: 49%;
  }
  .Home .HomeGoods .GoodsCenter {
    width: 49%;
  }
  .Home .HomeGoods .GoodsRight {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Home .HomeGoods .GoodsRight .GoodsItem {
    width: 49%;
    margin-top: 1.5%;
    height: auto;
  }
  .Home .HomeGoods .GoodsRight .GoodsItem .ItemContent {
    height: auto;
  }
  .Home .HomeGoods .GoodsRight .GoodsItem .ItemImg {
    height: auto;
    padding-top: 59.9033816425%;
  }
}
@media (max-width: 400px) {
  .Home .HomeGoods .GoodsTable {
    -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;
  }
  .Home .HomeGoods .GoodsLeft {
    width: 100%;
  }
  .Home .HomeGoods .GoodsCenter {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Home .HomeGoods .GoodsCenter .GoodsItem {
    width: 100%;
    height: auto;
  }
  .Home .HomeGoods .GoodsCenter .GoodsItem .ItemContent {
    height: auto;
  }
  .Home .HomeGoods .GoodsCenter .GoodsItem .ItemImg {
    height: auto;
  }
  .Home .HomeGoods .GoodsCenter .GoodsItem:first-of-type .ItemImg {
    padding-top: 111.3043478261%;
  }
  .Home .HomeGoods .GoodsCenter .GoodsItem:last-of-type .ItemImg {
    padding-top: 53.9130434783%;
  }
  .Home .HomeGoods .GoodsRight .GoodsItem {
    width: 100%;
    margin-top: 0;
  }
  .Home .HomeGoods .GoodsItem {
    margin-top: 1px !important;
  }
}
.Home .HomeProd {
  width: 100%;
}
.Home .HomeProd .ProdTitle {
  width: 100%;
  text-align: center;
  margin-bottom: 0.5rem;
  color: #333;
  font-weight: bold;
}
.Home .HomeProd .ProdSwiper {
  width: 100%;
  background-color: #e9e9e9;
  position: relative;
  z-index: 5;
}
.Home .HomeProd .ProdSlide {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem 2.6rem;
}
.Home .HomeProd .ProdSlide .SlideText {
  width: 60%;
  padding: 0.6rem 0;
}
.Home .HomeProd .ProdSlide .SlideTitle {
  width: 100%;
  color: #333;
  line-height: 1.3;
}
.Home .HomeProd .ProdSlide .SlideTitle p {
  color: #333;
  line-height: 1.3;
}
.Home .HomeProd .ProdSlide .SlideRemark {
  width: 100%;
  color: #333;
  line-height: 1.6;
  margin-top: 0.2rem;
}
.Home .HomeProd .ProdSlide .SlideRemark p {
  color: #333;
  line-height: 1.6;
}
.Home .HomeProd .ProdSlide .SlideButtons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Home .HomeProd .ProdSlide .SlideButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.16rem 0.4rem;
  margin-top: 0.8rem;
  border: 0.02rem solid #143eb6;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home .HomeProd .ProdSlide .SlideButton:hover {
  background-color: #143eb6;
}
.Home .HomeProd .ProdSlide .SlideButton:hover .ButtonText {
  color: #fff;
}
.Home .HomeProd .ProdSlide .SlideButton:hover::after {
  background-image: url(../images/more2.png);
}
.Home .HomeProd .ProdSlide .SlideButton::after {
  content: "";
  width: 0.12rem;
  height: 0.11rem;
  display: block;
  min-width: 12px;
  min-height: 11px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: url(../images/more1.png) center/cover no-repeat;
}
.Home .HomeProd .ProdSlide .SlideButton .ButtonText {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #143eb6;
  line-height: 1.4;
  margin-right: 0.08rem;
}
.Home .HomeProd .ProdSlide .SlideImg {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Home .HomeProd .ProdSlide .SlideImg .Img {
  width: 40%;
  position: relative;
  z-index: 5;
  -webkit-transform: translateY(-20%);
          transform: translateY(-20%);
}
.Home .HomeProd .ProdSlide .SlideImg .Img .I {
  width: 100%;
  padding-top: 216.814159292%;
}
.Home .HomeProd .ProdSlide .SlideImg .Background {
  width: 62.5%;
  position: absolute;
  z-index: 4;
}
.Home .HomeProd .ProdSlide .SlideImg .Background .C {
  width: 100%;
  padding-top: 100%;
  border: 0.04rem solid rgba(255, 255, 255, 0.3);
  position: relative;
  z-index: 2;
  border-radius: 50%;
}
.Home .HomeProd .ProdSlide .SlideImg .Background .CC {
  width: 64%;
  position: absolute;
  height: 64%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  z-index: 3;
  border: 0.04rem solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
}
.Home .HomeProd .ProdSlide .SlideImg .Background .CCC {
  width: 43%;
  height: 43%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  z-index: 4;
  background: url(../images/Home8.png) center/cover no-repeat;
}
.Home .HomeProd .ProdSwiperButtons {
  width: 100%;
  /*
  .Prev.swiper-button-disabled, .Next.swiper-button-disabled{
    opacity: .5;
    cursor: no-drop;

    &:hover{
      background-color: #fff;

      &::after{
        background-image: url(../images/right2.png);
      }
    }
  }
    */
}
.Home .HomeProd .ProdSwiperButtons .Prev, .Home .HomeProd .ProdSwiperButtons .Next {
  width: 0.6rem;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  z-index: 5;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home .HomeProd .ProdSwiperButtons .Prev:hover, .Home .HomeProd .ProdSwiperButtons .Next:hover {
  background-color: #143eb6;
}
.Home .HomeProd .ProdSwiperButtons .Prev:hover::after, .Home .HomeProd .ProdSwiperButtons .Next:hover::after {
  background-image: url(../images/right1.png);
}
.Home .HomeProd .ProdSwiperButtons .Prev::after, .Home .HomeProd .ProdSwiperButtons .Next::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/right2.png) center/cover no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home .HomeProd .ProdSwiperButtons .Prev {
  left: 1rem;
}
.Home .HomeProd .ProdSwiperButtons .Prev::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.Home .HomeProd .ProdSwiperButtons .Next {
  right: 1rem;
}
.Home .HomeProd .ProdCabinet {
  width: 100%;
  padding: 0.5rem 0;
}
.Home .HomeProd .ProdCabinet .Container {
  width: 14rem;
  margin: 0 auto;
}
.Home .HomeProd .ProdCabinet .CabinetList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Home .HomeProd .ProdCabinet .CabinetItem {
  width: 23.5%;
  margin-right: 2%;
  display: block;
  background-color: #f9f9f9;
  padding: 0.2rem 0 0.4rem;
}
.Home .HomeProd .ProdCabinet .CabinetItem:hover .ItemImg {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.Home .HomeProd .ProdCabinet .CabinetItem .ItemImg {
  width: 55%;
  margin: 0 auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home .HomeProd .ProdCabinet .CabinetItem .ItemImg .Img {
  width: 100%;
  padding-top: 122.2222222222%;
  background-size: contain;
}
.Home .HomeProd .ProdCabinet .CabinetItem .ItemName {
  color: #333;
  line-height: 1.25;
  width: 100%;
  text-align: center;
  margin: 0.2rem 0 0.1rem;
}
.Home .HomeProd .ProdCabinet .CabinetItem .ItemButton {
  width: 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;
}
.Home .HomeProd .ProdCabinet .CabinetItem .ItemButton .ButtonText {
  line-height: 1.8;
  color: #143eb6;
  display: block;
  margin-right: 0.08rem;
}
.Home .HomeProd .ProdCabinet .CabinetItem .ItemButton::after {
  content: "";
  width: 0.12rem;
  height: 0.11rem;
  display: block;
  min-width: 12px;
  min-height: 11px;
  background: url(../images/more1.png) center/cover no-repeat;
}
.Home .HomeProd .ProdCabinet .CabinetItem:last-of-type {
  margin-right: 0;
}
@media (max-width: 1200px) {
  .Home .HomeProd .ProdSlide {
    padding: 1.65rem 10px;
  }
  .Home .HomeProd .ProdSlide .SlideImg {
    width: 50%;
  }
  .Home .HomeProd .ProdSlide .SlideImg .Background {
    width: 80%;
  }
  .Home .HomeProd .ProdSwiperButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  .Home .HomeProd .ProdSwiperButtons .Prev, .Home .HomeProd .ProdSwiperButtons .Next {
    position: static;
    left: none;
    right: none;
    top: none;
    z-index: auto;
    margin: 0 20px;
  }
  .Home .HomeProd .ProdSwiperButtons .Prev::after, .Home .HomeProd .ProdSwiperButtons .Next::after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
    background: url(../images/right2.png) center/cover no-repeat;
  }
  .Home .HomeProd .ProdCabinet .Container {
    width: 100%;
    padding: 0 10px;
  }
}
@media (max-width: 750px) {
  .Home .HomeProd .ProdCabinet .CabinetList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Home .HomeProd .ProdCabinet .CabinetItem {
    width: 49%;
  }
  .Home .HomeProd .ProdCabinet .CabinetItem:nth-of-type(-n+2) {
    margin-bottom: 2%;
  }
  .Home .HomeProd .ProdCabinet .CabinetItem:last-of-type {
    margin-right: 2%;
  }
  .Home .HomeProd .ProdCabinet .CabinetItem:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (max-width: 700px) {
  .Home .HomeProd .ProdSlide {
    padding: 60px 10px;
  }
  .Home .HomeProd .ProdSlide .SlideText {
    width: 50%;
  }
  .Home .HomeProd .ProdSlide .SlideImg .Background {
    width: 90%;
  }
}
@media (max-width: 550px) {
  .Home .HomeProd .ProdSlide {
    padding-top: 100px;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .Home .HomeProd .ProdSlide .SlideText {
    width: 100%;
  }
  .Home .HomeProd .ProdSlide .SlideImg {
    width: 300px;
    margin: 0 auto;
  }
  .Home .HomeProd .ProdSlide .SlideImg .Background {
    width: 100%;
  }
}
.Home .HomeInfo {
  width: 100%;
}
.Home .HomeInfo .InfoTitle {
  width: 100%;
  text-align: center;
  margin-bottom: 0.5rem;
  color: #333;
  font-weight: bold;
}
.Home .HomeInfo .InfoContent {
  width: 100%;
  padding: 0.6rem 0;
  background: url(../images/Home15.jpg) center/cover no-repeat;
}
.Home .HomeInfo .InfoContent .Container {
  width: 14rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Home .HomeInfo .InfoContent .InfoText {
  width: 50%;
  padding: 0.6rem;
  background-color: #fff;
}
.Home .HomeInfo .InfoContent .InfoText .TextTitle {
  width: 100%;
  color: #333;
  line-height: 1.1;
  font-weight: bold;
  margin-bottom: 0.48rem;
}
.Home .HomeInfo .InfoContent .InfoText .TextRemark {
  width: 100%;
  line-height: 1.8;
  color: #666;
  max-height: 3rem;
  overflow-y: auto;
}
.Home .HomeInfo .InfoContent .InfoText .TextRemark::-webkit-scrollbar {
  width: 0.04rem;
  min-width: 2px;
  background-color: #f5f5f5;
}
.Home .HomeInfo .InfoContent .InfoText .TextRemark::-webkit-scrollbar-thumb {
  background-color: #143eb6;
  border-radius: 0.1rem;
}
.Home .HomeInfo .InfoContent .InfoText .TextRemark p {
  color: #666;
  line-height: 1.8;
}
.Home .HomeInfo .InfoContent .InfoText .TextButtons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Home .HomeInfo .InfoContent .InfoText .TextButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.16rem 0.4rem;
  margin-top: 0.8rem;
  border: 0.02rem solid #143eb6;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home .HomeInfo .InfoContent .InfoText .TextButton:hover {
  background-color: #143eb6;
}
.Home .HomeInfo .InfoContent .InfoText .TextButton:hover .ButtonText {
  color: #fff;
}
.Home .HomeInfo .InfoContent .InfoText .TextButton:hover::after {
  background-image: url(../images/more2.png);
}
.Home .HomeInfo .InfoContent .InfoText .TextButton::after {
  content: "";
  width: 0.12rem;
  height: 0.11rem;
  display: block;
  min-width: 12px;
  min-height: 11px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: url(../images/more1.png) center/cover no-repeat;
}
.Home .HomeInfo .InfoContent .InfoText .TextButton .ButtonText {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #143eb6;
  line-height: 1.4;
  margin-right: 0.08rem;
}
.Home .HomeInfo .InfoContent .InfoVideo {
  width: 50%;
  position: relative;
  z-index: 5;
}
.Home .HomeInfo .InfoContent .InfoVideo .VideoCover {
  width: 100%;
  height: 100%;
}
.Home .HomeInfo .InfoContent .InfoVideo .VideoButton {
  width: 0.64rem;
  min-width: 48px;
  height: 0.64rem;
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  border: 0.02rem solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 4;
  cursor: pointer;
}
.Home .HomeInfo .InfoContent .InfoVideo .VideoButton::after {
  content: "";
  display: block;
  -webkit-transform: translateX(15%);
          transform: translateX(15%);
  width: 0;
  height: 0;
  border-left: 0.21rem solid #fff;
  border-top: 0.12rem solid transparent;
  border-bottom: 0.12rem solid transparent;
}
@media (max-width: 1920px) {
  .Home .HomeInfo .InfoContent .InfoVideo .VideoButton::after {
    border-left-width: 14px;
    border-top-width: 8px;
    border-bottom-width: 8px;
  }
}
@media (max-width: 1200px) {
  .Home .HomeInfo .InfoContent .Container {
    width: 100%;
    padding: 0 10px;
  }
}
@media (max-width: 750px) {
  .Home .HomeInfo .InfoContent .Container {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .Home .HomeInfo .InfoContent .InfoText {
    width: 100%;
  }
  .Home .HomeInfo .InfoContent .InfoText .TextRemark {
    max-height: none;
  }
  .Home .HomeInfo .InfoContent .InfoText .TextRemark::-webkit-scrollbar {
    width: 0;
    min-width: 0;
    background-color: transparent;
  }
  .Home .HomeInfo .InfoContent .InfoText .TextRemark::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: none;
  }
  .Home .HomeInfo .InfoContent .InfoVideo {
    width: 100%;
  }
  .Home .HomeInfo .InfoContent .InfoVideo .VideoCover {
    padding-top: 74.2857142857%;
  }
}
.Home .HomeExhibit {
  width: 100%;
  padding: 0.6rem 0;
}
.Home .HomeExhibit .ExhibitTitle {
  width: 100%;
  text-align: center;
  margin-bottom: 0.5rem;
  color: #333;
  font-weight: bold;
}
.Home .HomeExhibit .ExhibitSwiper {
  width: 100%;
  margin-top: 0.16rem;
  position: relative;
  z-index: 5;
}
.Home .HomeExhibit .ExhibitSwiper .Container {
  width: 14rem;
  margin: 0 auto;
}
.Home .HomeExhibit .ExhibitSilde {
  width: 100%;
}
.Home .HomeExhibit .ExhibitSilde:hover .SlideImg .Img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.Home .HomeExhibit .ExhibitSilde:hover .SlideTitle {
  color: #143eb6;
}
.Home .HomeExhibit .ExhibitSilde .SlideImg {
  width: 100%;
  overflow: hidden;
}
.Home .HomeExhibit .ExhibitSilde .SlideImg .Img {
  width: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding-top: 73.3944954128%;
}
.Home .HomeExhibit .ExhibitSilde .SlideText {
  width: 100%;
}
.Home .HomeExhibit .ExhibitSilde .SlideTitle {
  width: 100%;
  line-height: 1.5;
  color: #000;
  font-weight: 400;
  margin-top: 0.2rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home .HomeExhibit .ExhibitSilde .SlideRemark {
  width: 100%;
  line-height: 1.4;
  color: #666;
  margin-top: 0.16rem;
}
.Home .HomeExhibit .ExhibitSwiperButtons {
  width: 100%;
}
.Home .HomeExhibit .ExhibitSwiperButtons .Prev, .Home .HomeExhibit .ExhibitSwiperButtons .Next {
  width: 0.6rem;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  z-index: 5;
  cursor: pointer;
  border: 0.02rem solid #666;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home .HomeExhibit .ExhibitSwiperButtons .Prev:hover, .Home .HomeExhibit .ExhibitSwiperButtons .Next:hover {
  background-color: #143eb6;
  border-color: #143eb6;
}
.Home .HomeExhibit .ExhibitSwiperButtons .Prev:hover::after, .Home .HomeExhibit .ExhibitSwiperButtons .Next:hover::after {
  background-image: url(../images/right1.png);
}
.Home .HomeExhibit .ExhibitSwiperButtons .Prev::after, .Home .HomeExhibit .ExhibitSwiperButtons .Next::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/right2.png) center/cover no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Home .HomeExhibit .ExhibitSwiperButtons .Prev.swiper-button-disabled, .Home .HomeExhibit .ExhibitSwiperButtons .Next.swiper-button-disabled {
  opacity: 0.5;
  cursor: no-drop;
}
.Home .HomeExhibit .ExhibitSwiperButtons .Prev.swiper-button-disabled:hover, .Home .HomeExhibit .ExhibitSwiperButtons .Next.swiper-button-disabled:hover {
  background-color: #fff;
}
.Home .HomeExhibit .ExhibitSwiperButtons .Prev.swiper-button-disabled:hover::after, .Home .HomeExhibit .ExhibitSwiperButtons .Next.swiper-button-disabled:hover::after {
  background-image: url(../images/right2.png);
}
.Home .HomeExhibit .ExhibitSwiperButtons .Prev {
  left: 1rem;
}
.Home .HomeExhibit .ExhibitSwiperButtons .Prev::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.Home .HomeExhibit .ExhibitSwiperButtons .Next {
  right: 1rem;
}
@media (max-width: 1200px) {
  .Home .HomeExhibit .ExhibitSwiper .Container {
    width: 100%;
    padding: 0 10px;
  }
  .Home .HomeExhibit .ExhibitSwiperButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
  }
  .Home .HomeExhibit .ExhibitSwiperButtons .Prev, .Home .HomeExhibit .ExhibitSwiperButtons .Next {
    position: static;
    left: none;
    right: none;
    top: none;
    z-index: auto;
    margin: 0 20px;
  }
  .Home .HomeExhibit .ExhibitSwiperButtons .Prev::after, .Home .HomeExhibit .ExhibitSwiperButtons .Next::after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
    background: url(../images/right2.png) center/cover no-repeat;
  }
}

/* 关于我们 */
.About {
  width: 100%;
}
.About .AboutBanner {
  width: 100%;
}
.About .AboutBanner .BannerImg {
  width: 100%;
  padding-top: 32.8125%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.About .AboutBanner .BannerImg .Img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  -webkit-animation: zoom 1s ease;
          animation: zoom 1s ease;
}
.About .AboutCrumb {
  width: 100%;
}
.About .AboutCrumb .Container {
  width: 14rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.About .AboutCrumb .CrumbTabs {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.About .AboutCrumb .CrumbTab.In {
  border-bottom-color: #143eb6;
}
.About .AboutCrumb .CrumbTab.In .Text {
  color: #143eb6;
}
.About .AboutCrumb .CrumbTab {
  width: auto;
  margin-right: 0.3rem;
  border-top: 0.03rem solid transparent;
  border-bottom: 0.03rem solid transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.About .AboutCrumb .CrumbTab:hover {
  border-bottom-color: #143eb6;
}
.About .AboutCrumb .CrumbTab:hover .Text {
  color: #143eb6;
}
.About .AboutCrumb .CrumbTab:last-of-type {
  margin-right: 0;
}
.About .AboutCrumb .CrumbTab .Text {
  color: #666;
  line-height: 1.6;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
}
.About .AboutCrumb .CrumbSeat {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.32rem 0;
}
.About .AboutCrumb .CrumbSeat .SeatIcon {
  width: 0.16rem;
  height: 0.17rem;
  margin-right: 0.12rem;
  min-width: 15px;
  min-height: 16px;
  background: url(../images/Crumb1.png) center/cover no-repeat;
}
.About .AboutCrumb .CrumbSeat .SeatLink, .About .AboutCrumb .CrumbSeat .SeatSign {
  display: inline-block;
  color: #444;
  line-height: 1.6;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About .AboutCrumb .CrumbSeat .SeatLink:hover {
  color: #143eb6;
}
.About .AboutCrumb .CrumbSeat .SeatSign {
  margin: 0 0.05rem;
  cursor: default;
}
@media (max-width: 1200px) {
  .About .AboutCrumb .Container {
    width: 100%;
    padding: 0 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .About .AboutCrumb .CrumbTab {
    padding: 10px 0;
  }
}
.About .AboutInfo {
  width: 100%;
  padding: 0.6rem 0;
}
.About .AboutInfo .Container {
  width: 14rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.About .AboutInfo .InfoText {
  width: 50%;
  padding-right: 6.5%;
}
.About .AboutInfo .InfoTitle {
  width: 100%;
  color: #333;
  line-height: 1.1;
  font-weight: bold;
}
.About .AboutInfo .InfoRemark {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.4rem;
}
.About .AboutInfo .InfoRemark p {
  color: #666;
  line-height: 1.5;
}
.About .AboutInfo .InfoImg {
  width: 50%;
}
.About .AboutInfo .InfoImg .Img {
  width: 100%;
  padding-top: 88.5714285714%;
  margin-bottom: 0.8rem;
}
.About .AboutInfo .InfoImg .Numbers {
  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;
}
.About .AboutInfo .InfoImg .Number {
  width: auto;
}
.About .AboutInfo .InfoImg .Number .NumberDigit {
  width: 100%;
  color: #143eb6;
  line-height: 1.1;
  font-weight: bold;
}
.About .AboutInfo .InfoImg .Number .NumberText {
  width: 100%;
  color: #666;
  line-height: 1.7;
}
@media (max-width: 1400px) {
  .About .AboutInfo .InfoImg .Number {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .About .AboutInfo .Container {
    width: 100%;
    padding: 0 10px;
  }
  .About .AboutInfo .InfoImg .Number {
    width: auto;
  }
}
@media (max-width: 900px) {
  .About .AboutInfo .Container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .About .AboutInfo .InfoText {
    width: 100%;
    padding-right: 0;
  }
  .About .AboutInfo .InfoImg {
    width: 100%;
    margin-top: 10px;
  }
}
@media (max-width: 500px) {
  .About .AboutInfo .InfoImg .Number {
    width: 100%;
    text-align: center;
  }
}
.About .AboutCulture {
  width: 100%;
  text-align: center;
  background-color: #f9f9f9;
  padding: 0.6rem 0;
}
.About .AboutCulture .Container {
  width: 14rem;
  margin: 0 auto;
}
.About .AboutCulture .CultureTitle {
  width: 100%;
  color: #333;
  font-weight: bold;
}
.About .AboutCulture .CultureRemark {
  width: 100%;
  margin-top: 0.2rem;
  color: #666;
  line-height: 1.6;
  padding: 0 18%;
}
.About .AboutCulture .CultureRemark p {
  color: #666;
  line-height: 1.6;
}
.About .AboutCulture .CultureList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
}
.About .AboutCulture .CultureItem {
  width: 25%;
  padding: 0.5rem 0.64rem;
  background-color: #fff;
  border: 0.02rem solid #f1f1f1;
  cursor: default;
}
.About .AboutCulture .CultureItem:hover .ItemIcon {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}
.About .AboutCulture .CultureItem:hover .ItemTitle {
  color: #143eb6;
}
.About .AboutCulture .CultureItem .ItemIcon {
  width: 1rem;
  border: 0.1rem solid #f9f9f9;
  border-radius: 50%;
  margin: 0 auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About .AboutCulture .CultureItem .ItemIcon .Icon {
  width: 100%;
  padding-top: 100%;
}
.About .AboutCulture .CultureItem .ItemTitle {
  width: 100%;
  margin-top: 0.28rem;
  color: #333;
  line-height: 1.2;
  font-weight: bold;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About .AboutCulture .CultureItem .ItemRemark {
  width: 100%;
  margin-top: 0.2rem;
  color: rgba(102, 102, 102, 0.8);
  line-height: 1.5;
}
@media (max-width: 1200px) {
  .About .AboutCulture .Container {
    width: 100%;
    padding: 0 10px;
  }
}
@media (max-width: 900px) {
  .About .AboutCulture .CultureRemark {
    padding: 0;
  }
  .About .AboutCulture .CultureItem {
    padding: 40px 20px;
  }
}
@media (max-width: 750px) {
  .About .AboutCulture .CultureList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .About .AboutCulture .CultureItem {
    width: 50%;
  }
}
.About .AboutGrow {
  width: 100%;
  text-align: center;
  padding: 0.6rem 0;
  /*

  .GrowImgs{
    width: 100%;
    margin-top: .5rem;
  }

  .GrowImg{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 2%;

    &>div:hover{
      .Img{
        transform: scale(1.1);
      }
    }

    &:first-of-type{
      margin-top: 0;
    }

    &:nth-of-type(even){
      flex-direction: row-reverse;
    }

    .LongImg{
      width: 66%;
      overflow: hidden;

      .Img{
        width: 100%;
        padding-top: calc(376 / 924 * 100%);
        transition: all .5s;
      }
    }

    .ShortImg{
      width: 32%;
      overflow: hidden;

      .Img{
        width: 100%;
        padding-top: calc(376 / 446 * 100%);
        transition: all .5s;
      }
    }
  }

  */
}
.About .AboutGrow .Container {
  width: 14rem;
  margin: 0 auto;
}
.About .AboutGrow .GrowTitle {
  width: 100%;
  color: #333;
  font-weight: bold;
}
.About .AboutGrow .GrowRemark {
  width: 100%;
  margin-top: 0.2rem;
  color: #666;
  line-height: 1.6;
  padding: 0 18%;
}
.About .AboutGrow .GrowRemark p {
  color: #666;
  line-height: 1.6;
}
.About .AboutGrow .GrowImg {
  width: 100%;
  margin-top: 0.5rem;
}
.About .AboutGrow .GrowImg img {
  width: 100%;
  height: auto;
}
.About .AboutGrow .GrowData {
  width: 100%;
  margin-top: 1rem;
}
.About .AboutGrow .GrowData .DataList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.About .AboutGrow .GrowData .DataItem {
  width: 23.5%;
  margin-right: 2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.About .AboutGrow .GrowData .DataItem:last-of-type {
  margin-right: 0;
}
.About .AboutGrow .GrowData .DataItem .ItemIcon {
  width: auto;
  margin-right: 0.4rem;
}
.About .AboutGrow .GrowData .DataItem .ItemIcon .Icon {
  width: 0.9rem;
}
.About .AboutGrow .GrowData .DataItem .ItemIcon .Icon .I {
  width: 100%;
  padding-top: 100%;
  background-size: contain;
}
.About .AboutGrow .GrowData .DataItem .ItemText {
  width: 100%;
}
.About .AboutGrow .GrowData .DataItem .ItemRemark {
  width: 100%;
  color: #333;
  line-height: 1.2;
}
.About .AboutGrow .GrowData .DataItem .ItemNumber {
  width: 100%;
  color: #333;
  line-height: 1.2;
  font-weight: bold;
}
@media (max-width: 1200px) {
  .About .AboutGrow .Container {
    width: 100%;
    padding: 0 10px;
  }
}
@media (max-width: 900px) {
  .About .AboutGrow .GrowRemark {
    padding: 0;
  }
}
@media (max-width: 750px) {
  .About .AboutGrow .GrowData .DataList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .About .AboutGrow .GrowData .DataItem {
    width: 49%;
    margin-top: 20px;
  }
  .About .AboutGrow .GrowData .DataItem:last-of-type {
    margin-right: 2%;
  }
  .About .AboutGrow .GrowData .DataItem:nth-of-type(2n) {
    margin-right: 0;
  }
}
.About .AboutMarket {
  width: 100%;
  text-align: center;
  background-color: #f9f9f9;
  padding: 0.6rem 0;
}
.About .AboutMarket .Container {
  width: 14rem;
  margin: 0 auto;
}
.About .AboutMarket .MarketTitle {
  width: 100%;
  color: #333;
  font-weight: bold;
}
.About .AboutMarket .MarketContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.6rem;
}
.About .AboutMarket .MarketText {
  width: 29.5%;
  margin-right: 1.5%;
  text-align: left;
}
.About .AboutMarket .MarketText .TextTitle {
  width: 100%;
  color: #333;
  font-weight: 500;
  line-height: 1.2;
}
.About .AboutMarket .MarketText .TextRemark {
  width: 100%;
  color: #666;
  line-height: 1.4;
  margin-top: 0.48rem;
}
.About .AboutMarket .MarketText .TextRemark p {
  color: #666;
  line-height: 1.4;
}
.About .AboutMarket .MarketText .TextData {
  width: 100%;
  margin-top: 0.7rem;
}
.About .AboutMarket .MarketText .TextData .DataList {
  width: 100%;
}
.About .AboutMarket .MarketText .TextData .DataItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.48rem;
}
.About .AboutMarket .MarketText .TextData .DataItem:last-of-type {
  margin-bottom: 0;
}
.About .AboutMarket .MarketText .TextData .DataItem .ItemIcon {
  width: auto;
  margin-right: 0.2rem;
}
.About .AboutMarket .MarketText .TextData .DataItem .ItemIcon .Icon {
  width: 0.62rem;
  min-width: 50px;
  border-radius: 50%;
  background-color: #fff;
}
.About .AboutMarket .MarketText .TextData .DataItem .ItemIcon .Icon .I {
  width: 100%;
  padding-top: 100%;
}
.About .AboutMarket .MarketText .TextData .DataItem .ItemText {
  width: 100%;
}
.About .AboutMarket .MarketText .TextData .DataItem .ItemNumber {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.3;
}
.About .AboutMarket .MarketText .TextData .DataItem .ItemRemark {
  width: 100%;
  color: #333;
  line-height: 1.4;
}
.About .AboutMarket .MarketMap {
  width: 69%;
  position: relative;
  z-index: 5;
}
.About .AboutMarket .MarketMap .MapView {
  width: 100%;
  height: 6rem;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
.About .AboutMarket .MarketMap .MapPart {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 5;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
}
.About .AboutMarket .MarketMap .MapCover {
  width: 100%;
}
.About .AboutMarket .MarketMap .MapCover .Cover {
  width: 100%;
  padding-top: 100%;
  background-size: contain;
}
.About .AboutMarket .MarketMap .MapSite {
  position: absolute;
  z-index: 4;
  width: 0.08rem;
  height: 0.08rem;
  min-width: 8px;
  min-height: 8px;
  background-color: #fff;
  border: 0.02rem solid #143eb6;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 1200px) {
  .About .AboutMarket .Container {
    width: 100%;
    padding: 0 10px;
  }
  .About .AboutMarket .MarketMap .MapView {
    width: 75%;
    margin: 0 auto;
  }
}
@media (max-width: 900px) {
  .About .AboutMarket .MarketContent {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .About .AboutMarket .MarketText {
    width: 100%;
  }
  .About .AboutMarket .MarketText .TextData .DataList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
  }
  .About .AboutMarket .MarketMap {
    width: 100%;
  }
  .About .AboutMarket .MarketMap .MapView {
    height: 400px;
  }
}
@media (max-width: 600px) {
  .About .AboutMarket .MarketMap .MapView {
    width: 100%;
  }
}
.About .AboutHonor {
  width: 100%;
  text-align: center;
  background: url(../images/About18.jpg) center/cover no-repeat;
  padding: 0.6rem 0;
  position: relative;
  z-index: 5;
}
.About .AboutHonor .Container {
  width: 14rem;
  margin: 0 auto;
}
.About .AboutHonor .HonorTitle {
  width: 100%;
  color: #333;
  font-weight: bold;
}
.About .AboutHonor .HonorRemark {
  width: 100%;
  margin-top: 0.2rem;
  color: #666;
  line-height: 1.6;
  padding: 0 18%;
}
.About .AboutHonor .HonorRemark p {
  color: #666;
  line-height: 1.6;
}
.About .AboutHonor .HonorSwiper {
  width: 100%;
  margin-top: 0.5rem;
}
.About .AboutHonor .HonorSilde {
  width: 100%;
}
.About .AboutHonor .HonorSilde .SlideImg {
  width: 73%;
  margin: 0 auto;
}
.About .AboutHonor .HonorSilde .SlideImg .Img {
  width: 100%;
  padding-top: 135.4166666667%;
}
.About .AboutHonor .HonorSilde .SildeBase {
  width: 100%;
}
.About .AboutHonor .HonorSilde .SildeBase::after {
  content: "";
  display: block;
  background: url(../images/About19.png) center top/contain no-repeat;
  width: 100%;
  padding-top: 49.5412844037%;
}
.About .AboutHonor .HonorSwiperButtons {
  width: 100%;
}
.About .AboutHonor .HonorSwiperButtons .Prev, .About .AboutHonor .HonorSwiperButtons .Next {
  width: 0.6rem;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  z-index: 5;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About .AboutHonor .HonorSwiperButtons .Prev:hover, .About .AboutHonor .HonorSwiperButtons .Next:hover {
  background-color: #143eb6;
}
.About .AboutHonor .HonorSwiperButtons .Prev:hover::after, .About .AboutHonor .HonorSwiperButtons .Next:hover::after {
  background-image: url(../images/right1.png);
}
.About .AboutHonor .HonorSwiperButtons .Prev::after, .About .AboutHonor .HonorSwiperButtons .Next::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/right2.png) center/cover no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About .AboutHonor .HonorSwiperButtons .Prev.swiper-button-disabled, .About .AboutHonor .HonorSwiperButtons .Next.swiper-button-disabled {
  opacity: 0.5;
  cursor: no-drop;
}
.About .AboutHonor .HonorSwiperButtons .Prev.swiper-button-disabled:hover, .About .AboutHonor .HonorSwiperButtons .Next.swiper-button-disabled:hover {
  background-color: #fff;
}
.About .AboutHonor .HonorSwiperButtons .Prev.swiper-button-disabled:hover::after, .About .AboutHonor .HonorSwiperButtons .Next.swiper-button-disabled:hover::after {
  background-image: url(../images/right2.png);
}
.About .AboutHonor .HonorSwiperButtons .Prev {
  left: 1rem;
}
.About .AboutHonor .HonorSwiperButtons .Prev::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.About .AboutHonor .HonorSwiperButtons .Next {
  right: 1rem;
}
@media (max-width: 1200px) {
  .About .AboutHonor .Container {
    width: 100%;
    padding: 0 10px;
  }
  .About .AboutHonor .HonorSwiperButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
  }
  .About .AboutHonor .HonorSwiperButtons .Prev, .About .AboutHonor .HonorSwiperButtons .Next {
    position: static;
    left: none;
    right: none;
    top: none;
    z-index: auto;
    margin: 0 20px;
  }
  .About .AboutHonor .HonorSwiperButtons .Prev::after, .About .AboutHonor .HonorSwiperButtons .Next::after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
    background: url(../images/right2.png) center/cover no-repeat;
  }
}
@media (max-width: 900px) {
  .About .AboutHonor .HonorRemark {
    padding: 0;
  }
}
.About .AboutForte {
  width: 100%;
  text-align: left;
  padding: 0.6rem 0;
  background-color: #f9f9f9;
}
.About .AboutForte .Container {
  width: 14rem;
  margin: 0 auto;
}
.About .AboutForte .ForteTitle {
  width: 100%;
  color: #333;
  font-weight: bold;
}
.About .AboutForte .ForteRemark {
  width: 100%;
  margin-top: 0.2rem;
  color: #666;
  line-height: 1.6;
}
.About .AboutForte .ForteRemark p {
  color: #666;
  line-height: 1.6;
}
@media (max-width: 1200px) {
  .About .AboutForte .Container {
    width: 100%;
    padding: 0 10px;
  }
}
@media (max-width: 900px) {
  .About .AboutForte .ForteRemark {
    padding: 0;
  }
}
.About .AboutEnsure {
  width: 100%;
  text-align: center;
  background-color: #fff;
  padding: 0.6rem 0;
}
.About .AboutEnsure .Container {
  width: 14rem;
  margin: 0 auto;
}
.About .AboutEnsure .EnsureTitle {
  width: 100%;
  color: #333;
  font-weight: bold;
}
.About .AboutEnsure .EnsureRemark {
  width: 100%;
  margin-top: 0.2rem;
  color: #666;
  line-height: 1.6;
  padding: 0 18%;
}
.About .AboutEnsure .EnsureRemark p {
  color: #666;
  line-height: 1.6;
}
.About .AboutEnsure .EnsureList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
}
.About .AboutEnsure .EnsureItem {
  width: 25%;
  padding: 0.5rem 0.3rem;
  background-color: #fff;
  border: 0.02rem solid #f1f1f1;
  cursor: default;
}
.About .AboutEnsure .EnsureItem:hover .ItemIcon {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}
.About .AboutEnsure .EnsureItem:hover .ItemTitle {
  color: #143eb6;
}
.About .AboutEnsure .EnsureItem .ItemIcon {
  width: 1rem;
  border: 0.1rem solid #f9f9f9;
  border-radius: 50%;
  margin: 0 auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About .AboutEnsure .EnsureItem .ItemIcon .Icon {
  width: 100%;
  padding-top: 100%;
}
.About .AboutEnsure .EnsureItem .ItemTitle {
  width: 100%;
  margin-top: 0.28rem;
  color: #333;
  line-height: 1.2;
  font-weight: bold;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About .AboutEnsure .EnsureItem .ItemRemark {
  width: 100%;
  margin-top: 0.2rem;
  color: rgba(102, 102, 102, 0.8);
  line-height: 1.5;
}
.About .AboutEnsure .EnsureItem .ItemRemark p {
  color: rgba(102, 102, 102, 0.8);
  line-height: 1.5;
}
@media (max-width: 1200px) {
  .About .AboutEnsure .Container {
    width: 100%;
    padding: 0 10px;
  }
}
@media (max-width: 900px) {
  .About .AboutEnsure .EnsureRemark {
    padding: 0;
  }
  .About .AboutEnsure .EnsureList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .About .AboutEnsure .EnsureItem {
    width: 50%;
  }
}
@media (max-width: 500px) {
  .About .AboutEnsure .EnsureItem {
    width: 100%;
  }
}
.About .AboutService {
  width: 100%;
  text-align: center;
  background: url(../images/About28.jpg) center/cover no-repeat;
  padding: 0.6rem 0;
}
.About .AboutService .Container {
  width: 14rem;
  margin: 0 auto;
}
.About .AboutService .ServiceTitle {
  width: 100%;
  color: #fff;
  font-weight: bold;
}
.About .AboutService .ServiceRemark {
  width: 100%;
  margin-top: 0.2rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
  padding: 0 18%;
}
.About .AboutService .ServiceRemark p {
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
}
.About .AboutService .ServiceList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
}
.About .AboutService .ServiceItem {
  width: 32%;
  padding: 0.5rem 0.3rem;
  margin-right: 2%;
  background-color: #fff;
  cursor: default;
}
.About .AboutService .ServiceItem:last-of-type {
  margin-right: 0;
}
.About .AboutService .ServiceItem:hover .ItemIcon {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.About .AboutService .ServiceItem:hover .ItemTitle {
  color: #143eb6;
}
.About .AboutService .ServiceItem .ItemIcon {
  width: 1rem;
  margin: 0 auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About .AboutService .ServiceItem .ItemIcon .Icon {
  width: 100%;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.About .AboutService .ServiceItem .ItemTitle {
  width: 100%;
  margin-top: 0.28rem;
  color: #000;
  line-height: 1.2;
  font-weight: bold;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About .AboutService .ServiceItem .ItemRemark {
  width: 100%;
  margin-top: 0.2rem;
  color: rgba(102, 102, 102, 0.8);
  line-height: 1.5;
}
.About .AboutService .ServiceItem .ItemRemark p {
  color: rgba(102, 102, 102, 0.8);
  line-height: 1.5;
}
@media (max-width: 1200px) {
  .About .AboutService .Container {
    width: 100%;
    padding: 0 10px;
  }
}
@media (max-width: 900px) {
  .About .AboutService .ServiceRemark {
    padding: 0;
  }
}
@media (max-width: 550px) {
  .About .AboutService .ServiceList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .About .AboutService .ServiceItem {
    width: 100%;
    margin-right: 0;
    margin-top: 10px;
  }
}
.About .AboutCore {
  width: 100%;
  text-align: center;
  background-color: #f9f9f9;
  padding: 0.6rem 0;
}
.About .AboutCore .Container {
  width: 14rem;
  margin: 0 auto;
}
.About .AboutCore .CoreTitle {
  width: 100%;
  color: #333;
  font-weight: bold;
}
.About .AboutCore .CoreRemark {
  width: 100%;
  margin-top: 0.2rem;
  color: #666;
  line-height: 1.6;
  padding: 0 18%;
}
.About .AboutCore .CoreRemark p {
  color: #666;
  line-height: 1.6;
}
.About .AboutCore .CoreList {
  width: 100%;
  text-align: left;
  margin-top: 0.48rem;
}
.About .AboutCore .CoreItemI {
  width: 100%;
  margin-top: 0.8rem;
}
.About .AboutCore .CoreItemI:first-of-type {
  margin-top: 0;
}
.About .AboutCore .CoreItemI .ItemITitle {
  width: 100%;
  color: #333;
  line-height: 1.4;
  font-weight: bold;
}
.About .AboutCore .CoreItemI .ItemIContent {
  width: 100%;
  margin-top: 0.36rem;
  background-color: #fff;
  border-top: 0.04rem solid #143eb6;
}
.About .AboutCore .CoreItemI .ItemIList {
  width: 100%;
}
.About .AboutCore .CoreItemII {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.4rem;
}
.About .AboutCore .CoreItemII .ItemIIIcon {
  width: auto;
  margin-right: 0.4rem;
}
.About .AboutCore .CoreItemII .ItemIIIcon .Icon {
  width: 0.54rem;
  min-width: 30px;
}
.About .AboutCore .CoreItemII .ItemIIIcon .Icon .I {
  width: 100%;
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.About .AboutCore .CoreItemII .ItemIIText {
  width: 100%;
}
.About .AboutCore .CoreItemII .ItemIITitle {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.2;
}
.About .AboutCore .CoreItemII .ItemIIRemark {
  width: 100%;
  color: rgba(153, 153, 153, 0.8);
  margin-top: 0.16rem;
  line-height: 1.25;
}
.About .AboutCore .CoreItemII .ItemIIRemark p {
  color: rgba(153, 153, 153, 0.8);
  line-height: 1.25;
}
@media (max-width: 1200px) {
  .About .AboutCore .Container {
    width: 100%;
    padding: 0 10px;
  }
}
@media (max-width: 900px) {
  .About .AboutCore .CoreRemark {
    padding: 0;
  }
}
.About .AboutCase {
  width: 100%;
  text-align: center;
  background: url(../images/About40.jpg) center/cover no-repeat;
  padding-top: 0.6rem;
}
.About .AboutCase .Container {
  width: 100%;
  padding: 0 2.6rem;
  margin: 0 auto;
  background: url(../images/About48.png) center bottom/contain no-repeat;
}
.About .AboutCase .CaseTitle {
  width: 100%;
  color: #333;
  font-weight: bold;
}
.About .AboutCase .CaseRemark {
  width: 100%;
  margin-top: 0.2rem;
  color: #666;
  line-height: 1.6;
  padding: 0 18%;
}
.About .AboutCase .CaseRemark p {
  color: #666;
  line-height: 1.6;
}
.About .AboutCase .CaseList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.48rem;
  padding-bottom: 1.4rem;
}
.About .AboutCase .CaseItem {
  width: 14%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border-radius: 0.1rem;
  border: solid 0.01rem #cdcdcd;
  padding: 0.3rem 0.2rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.About .AboutCase .CaseItem:nth-of-type(odd) {
  -webkit-transform: translateY(20%) rotateY(20deg) rotateX(-20deg) rotateZ(-7deg);
          transform: translateY(20%) rotateY(20deg) rotateX(-20deg) rotateZ(-7deg);
}
.About .AboutCase .CaseItem:nth-of-type(odd):hover {
  -webkit-transform: translateY(20%) rotateY(0deg) rotateX(0deg) rotateZ(0deg);
          transform: translateY(20%) rotateY(0deg) rotateX(0deg) rotateZ(0deg);
}
.About .AboutCase .CaseItem:nth-of-type(even) {
  -webkit-transform: rotateY(20deg) rotateX(-20deg) rotateZ(-7deg);
          transform: rotateY(20deg) rotateX(-20deg) rotateZ(-7deg);
}
.About .AboutCase .CaseItem:nth-of-type(even):hover {
  -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
          transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
}
.About .AboutCase .CaseItem:last-of-type {
  margin-right: 0;
}
.About .AboutCase .CaseItem .ItemIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 5;
}
.About .AboutCase .CaseItem .ItemIcon .Border {
  position: absolute;
  z-index: 4;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: solid 0.03rem;
  border-radius: 50%;
  background-clip: padding-box;
}
.About .AboutCase .CaseItem .ItemIcon .Border::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  margin: -0.04rem;
  border-radius: inherit; /*important*/
  background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), color-stop(67%, #e1e6e9), to(#c3ccd2));
  background: linear-gradient(0deg, #ffffff 0%, #e1e6e9 67%, #c3ccd2 100%);
}
.About .AboutCase .CaseItem .ItemIcon .Icon {
  width: auto;
  background-color: #fff;
  position: relative;
  z-index: 5;
  border-radius: 50%;
}
.About .AboutCase .CaseItem .ItemIcon .Icon .C {
  width: auto;
  border: solid 0.03rem rgba(20, 62, 182, 0.73);
  border-radius: 50%;
  margin: 0.12rem;
  background-color: #fff;
}
.About .AboutCase .CaseItem .ItemIcon .Icon .C .I {
  width: 0.5rem;
  height: 0.5rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0.2rem;
}
.About .AboutCase .CaseItem .ItemText {
  width: 100%;
  text-align: center;
  color: #000;
  line-height: 1.3;
  margin-top: 0.4rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (max-width: 1200px) {
  .About .AboutCase .Container {
    width: 100%;
    padding: 0 10px;
  }
  .About .AboutCase .CaseItem:nth-of-type(odd) {
    -webkit-transform: translateY(25%) rotateY(30deg) rotateX(-20deg) rotateZ(-10deg);
            transform: translateY(25%) rotateY(30deg) rotateX(-20deg) rotateZ(-10deg);
  }
  .About .AboutCase .CaseItem:nth-of-type(even) {
    -webkit-transform: rotateY(30deg) rotateX(-20deg) rotateZ(-10deg);
            transform: rotateY(30deg) rotateX(-20deg) rotateZ(-10deg);
  }
}
@media (max-width: 900px) {
  .About .AboutCase .CaseRemark {
    padding: 0;
  }
}
@media (max-width: 750px) {
  .About .AboutCase .CaseList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 20px;
  }
  .About .AboutCase .CaseItem {
    width: 49%;
    margin-right: 2%;
    margin-top: 2%;
    padding: 40px 20px;
  }
  .About .AboutCase .CaseItem:nth-of-type(2n) {
    margin-right: 0;
  }
  .About .AboutCase .CaseItem:nth-of-type(odd) {
    -webkit-transform: translateY(0%) rotateY(0deg) rotateX(0deg) rotateZ(0deg);
            transform: translateY(0%) rotateY(0deg) rotateX(0deg) rotateZ(0deg);
  }
  .About .AboutCase .CaseItem:nth-of-type(even) {
    -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
            transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
  }
}

/* 产品中心 */
.Goods {
  width: 100%;
}
.Goods .GoodsCrumb {
  width: 100%;
  background-color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods .GoodsCrumb .Container {
  width: 14rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Goods .GoodsCrumb .CrumbTabs {
  width: auto;
  overflow-x: auto;
  max-width: 80%;
  /* 自定义滚动条轨道 */
  /* 自定义滚动条的滑块 */
  /* 设置滚动条的宽度 */
}
.Goods .GoodsCrumb .CrumbTabs::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
.Goods .GoodsCrumb .CrumbTabs::-webkit-scrollbar-thumb {
  background-color: #143eb6;
  border-radius: 0.1rem;
}
.Goods .GoodsCrumb .CrumbTabs::-webkit-scrollbar {
  height: 0.04rem;
}
.Goods .GoodsCrumb .CrumbSwiper {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.05rem 0;
}
.Goods .GoodsCrumb .CrumbTab.In {
  border-bottom-color: #143eb6;
}
.Goods .GoodsCrumb .CrumbTab.In .Text {
  color: #143eb6;
}
.Goods .GoodsCrumb .CrumbTab {
  width: auto;
  margin-right: 0.3rem;
  border-top: 0.03rem solid transparent;
  border-bottom: 0.03rem solid transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
}
.Goods .GoodsCrumb .CrumbTab:hover {
  border-bottom-color: #143eb6;
}
.Goods .GoodsCrumb .CrumbTab:hover .Text {
  color: #143eb6;
}
.Goods .GoodsCrumb .CrumbTab:last-of-type {
  margin-right: 0;
}
.Goods .GoodsCrumb .CrumbTab .Text {
  color: #666;
  line-height: 1.6;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  white-space: nowrap;
}
.Goods .GoodsCrumb .CrumbSeat {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.32rem 0;
}
.Goods .GoodsCrumb .CrumbSeat .SeatIcon {
  width: 0.16rem;
  height: 0.17rem;
  margin-right: 0.12rem;
  min-width: 15px;
  min-height: 16px;
  background: url(../images/Crumb1.png) center/cover no-repeat;
}
.Goods .GoodsCrumb .CrumbSeat .SeatLink, .Goods .GoodsCrumb .CrumbSeat .SeatSign {
  display: inline-block;
  color: #444;
  line-height: 1.6;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods .GoodsCrumb .CrumbSeat .SeatLink:hover {
  color: #143eb6;
}
.Goods .GoodsCrumb .CrumbSeat .SeatSign {
  margin: 0 0.05rem;
  cursor: default;
}
@media (max-width: 1200px) {
  .Goods .GoodsCrumb .Container {
    width: 100%;
    padding: 0 10px;
  }
}
@media (max-width: 900px) {
  .Goods .GoodsCrumb .CrumbTabs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Goods .GoodsCrumb .CrumbTabs .CrumbTab {
    height: auto;
  }
}
@media (max-width: 750px) {
  .Goods .GoodsCrumb .CrumbTabs {
    width: 100%;
    max-width: none;
  }
}
.Goods .GoodsCrumb.Scroll {
  position: fixed;
  top: 0.9rem;
  left: 0;
  z-index: 9;
}
.Goods .GoodsInfo {
  width: 100%;
  background-color: #f9f9f9;
  padding: 1.2rem 0;
}
.Goods .GoodsInfo .Container {
  width: 14rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Goods .GoodsInfo .InfoTabs {
  width: 25%;
}
.Goods .GoodsInfo .InfoTabs .TabItemI {
  width: 100%;
  background-color: #fff;
  margin-bottom: 0.02rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods .GoodsInfo .InfoTabs .TabItemI:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 751px) {
  .Goods .GoodsInfo .InfoTabs .TabItemI:hover {
    background-color: #143eb6;
  }
  .Goods .GoodsInfo .InfoTabs .TabItemI:hover .ItemITitle .ITitle {
    color: #fff;
  }
  .Goods .GoodsInfo .InfoTabs .TabItemI:hover .ItemITitle .IButton::after {
    background-image: url(../images/right1.png);
  }
}
.Goods .GoodsInfo .InfoTabs .TabItemI .ItemITitle {
  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;
  padding: 0.15rem 0.3rem;
}
.Goods .GoodsInfo .InfoTabs .TabItemI .ItemITitle .ITitle {
  width: auto;
  color: #000;
  line-height: 1.4;
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods .GoodsInfo .InfoTabs .TabItemI .ItemITitle .IButton {
  width: auto;
  cursor: pointer;
  margin-left: 0.1rem;
}
.Goods .GoodsInfo .InfoTabs .TabItemI .ItemITitle .IButton::after {
  content: "";
  display: block;
  width: 0.32rem;
  height: 0.32rem;
  min-width: 28px;
  min-height: 28px;
  background: url(../images/right3.png) center/cover no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods .GoodsInfo .InfoTabs .TabItemI .ItemIContent {
  width: 100%;
  background-color: #edf3ff;
  display: none;
}
.Goods .GoodsInfo .InfoTabs .TabItemI .ItemIList {
  width: 100%;
  padding: 0.1rem 0;
}
.Goods .GoodsInfo .InfoTabs .TabItemI.In {
  background-color: #143eb6;
}
.Goods .GoodsInfo .InfoTabs .TabItemI.In .ItemITitle .ITitle {
  color: #fff;
}
.Goods .GoodsInfo .InfoTabs .TabItemI.In .ItemITitle .IButton::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background-image: url(../images/right1.png);
}
.Goods .GoodsInfo .InfoTabs .TabItemII {
  width: 100%;
}
@media (min-width: 751px) {
  .Goods .GoodsInfo .InfoTabs .TabItemII:hover .ItemIITitle .IITitle {
    color: #143eb6;
  }
  .Goods .GoodsInfo .InfoTabs .TabItemII:hover .ItemIITitle .IIButton::after {
    background-image: url(../images/right4.png);
  }
}
.Goods .GoodsInfo .InfoTabs .TabItemII .ItemIITitle {
  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;
  padding: 0.12rem 0.3rem;
}
.Goods .GoodsInfo .InfoTabs .TabItemII .ItemIITitle .IITitle {
  width: auto;
  color: #666;
  line-height: 1.4;
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods .GoodsInfo .InfoTabs .TabItemII .ItemIITitle .IIButton {
  width: auto;
  cursor: pointer;
  margin-left: 0.1rem;
}
.Goods .GoodsInfo .InfoTabs .TabItemII .ItemIITitle .IIButton::after {
  content: "";
  display: block;
  width: 0.32rem;
  height: 0.32rem;
  min-width: 28px;
  min-height: 28px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: url(../images/right3.png) center/cover no-repeat;
}
.Goods .GoodsInfo .InfoTabs .TabItemII .ItemIIContent {
  width: 100%;
  padding: 0.1rem 0.2rem;
  display: none;
}
.Goods .GoodsInfo .InfoTabs .TabItemII .ItemIIList {
  width: 100%;
  height: 1.8rem;
  overflow-y: auto;
}
.Goods .GoodsInfo .InfoTabs .TabItemII .ItemIIList::-webkit-scrollbar {
  width: 0.04rem;
  min-width: 2px;
  background-color: #f5f5f5;
}
.Goods .GoodsInfo .InfoTabs .TabItemII .ItemIIList::-webkit-scrollbar-thumb {
  background-color: #143eb6;
  border-radius: 0.1rem;
}
.Goods .GoodsInfo .InfoTabs .TabItemII.In .ItemIITitle .IITitle {
  color: #143eb6;
}
.Goods .GoodsInfo .InfoTabs .TabItemII.In .ItemIITitle .IIButton::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background-image: url(../images/right4.png);
}
.Goods .GoodsInfo .InfoTabs .TabItemIII {
  width: 100%;
}
.Goods .GoodsInfo .InfoTabs .TabItemIII:hover .ItemIIITitle .IIITitle {
  color: #143eb6;
}
.Goods .GoodsInfo .InfoTabs .TabItemIII .ItemIIITitle {
  width: 100%;
  padding: 0.12rem 0.12rem;
}
.Goods .GoodsInfo .InfoTabs .TabItemIII .ItemIIITitle .IIITitle {
  width: 100%;
  color: #666;
  line-height: 1.4;
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods .GoodsInfo .InfoTabs .TabItemIII.In .ItemIIITitle .IIITitle {
  color: #143eb6;
}
.Goods .GoodsInfo .InfoView {
  width: 72%;
}
.Goods .GoodsInfo .InfoTitle {
  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;
  padding: 0.1rem 0;
}
.Goods .GoodsInfo .InfoTitle .Title {
  width: auto;
  color: #000;
  font-weight: bold;
  line-height: 1.1;
}
.Goods .GoodsInfo .InfoTitle .Menu {
  width: auto;
  display: none;
}
.Goods .GoodsInfo .InfoTitle .Menu::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/Header4.png) center/75% no-repeat;
}
.Goods .GoodsInfo .InfoContent {
  width: 100%;
}
.Goods .GoodsInfo .InfoList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Goods .GoodsInfo .InfoItem {
  display: block;
  width: 32%;
  margin-right: 2%;
  padding: 0.3rem;
  background-color: #fff;
  margin-top: 2%;
}
.Goods .GoodsInfo .InfoItem:nth-of-type(3n) {
  margin-right: 0;
}
.Goods .GoodsInfo .InfoItem:hover .ItemImg .Img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.Goods .GoodsInfo .InfoItem:hover .ItemName {
  color: #143eb6;
}
.Goods .GoodsInfo .InfoItem .ItemImg {
  width: 62.5%;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}
.Goods .GoodsInfo .InfoItem .ItemImg .Img {
  width: 100%;
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods .GoodsInfo .InfoItem .ItemName {
  color: #000;
  font-weight: normal;
  width: 100%;
  line-height: 1.4;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Goods .GoodsInfo .InfoPager {
  width: 100%;
  margin-top: 0.6rem;
}
.Goods .GoodsInfo .InfoProd {
  width: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7% 4%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Goods .GoodsInfo .InfoProd .ProdText {
  width: 49%;
}
.Goods .GoodsInfo .InfoProd .ProdTitle {
  width: 100%;
}
.Goods .GoodsInfo .InfoProd .ProdTitle::after {
  content: "";
  width: 0.3rem;
  height: 0.04rem;
  min-width: 30px;
  min-height: 4px;
  display: block;
  background-color: #143eb6;
  margin: 0.5rem 0 0.54rem;
}
.Goods .GoodsInfo .InfoProd .ProdTitle .Name {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.2;
}
.Goods .GoodsInfo .InfoProd .ProdTitle .Msg {
  width: 100%;
  color: #000;
  line-height: 1.3;
  margin-top: 0.2rem;
}
.Goods .GoodsInfo .InfoProd .ProdRemark {
  width: 100%;
  color: #666;
  line-height: 1.6;
}
.Goods .GoodsInfo .InfoProd .ProdRemark p {
  color: #666;
  line-height: 1.6;
}
.Goods .GoodsInfo .InfoProd .ProdImg {
  width: 43%;
  background-color: #f9f9f9;
  padding: 0.4rem;
}
.Goods .GoodsInfo .InfoProd .ProdImg .Img {
  width: 100%;
  padding-top: 88.3720930233%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.Goods .GoodsInfo .InfoTable {
  width: 100%;
  margin-top: 0.6rem;
}
.Goods .GoodsInfo .InfoTable .TableTitle {
  width: 100%;
  color: #333;
  line-height: 1.3;
  font-weight: bold;
}
.Goods .GoodsInfo .InfoTable .TableContent {
  width: 100%;
  margin-top: 0.4rem;
}
.Goods .GoodsInfo .InfoTable .TableView {
  width: 100%;
}
.Goods .GoodsInfo .InfoTable .TableView .ViewTitle, .Goods .GoodsInfo .InfoTable .TableView .ViewContent {
  width: 100%;
}
.Goods .GoodsInfo .InfoTable .TableView .ViewTitle .RT, .Goods .GoodsInfo .InfoTable .TableView .ViewTitle .RC, .Goods .GoodsInfo .InfoTable .TableView .ViewContent .RT, .Goods .GoodsInfo .InfoTable .TableView .ViewContent .RC {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Goods .GoodsInfo .InfoTable .TableView .ViewTitle .RT > div:first-of-type, .Goods .GoodsInfo .InfoTable .TableView .ViewTitle .RC > div:first-of-type, .Goods .GoodsInfo .InfoTable .TableView .ViewContent .RT > div:first-of-type, .Goods .GoodsInfo .InfoTable .TableView .ViewContent .RC > div:first-of-type {
  width: 23%;
  color: #000;
  line-height: 1.4;
  padding: 0.2rem 0.3rem;
}
.Goods .GoodsInfo .InfoTable .TableView .ViewTitle .RT > div:last-of-type, .Goods .GoodsInfo .InfoTable .TableView .ViewTitle .RC > div:last-of-type, .Goods .GoodsInfo .InfoTable .TableView .ViewContent .RT > div:last-of-type, .Goods .GoodsInfo .InfoTable .TableView .ViewContent .RC > div:last-of-type {
  width: 77%;
  color: #000;
  line-height: 1.4;
  padding: 0.2rem 0.3rem;
  border-left: 0.01rem solid #f9f9f9;
}
.Goods .GoodsInfo .InfoTable .TableView .ViewTitle .RT {
  background-color: #eaeaea;
}
.Goods .GoodsInfo .InfoTable .TableView .ViewContent .RC {
  background-color: #fff;
  margin-top: 0.01rem;
}
.Goods .GoodsInfo .InfoVideo {
  width: 100%;
  margin-top: 0.6rem;
}
.Goods .GoodsInfo .InfoVideo .VideoTitle {
  width: 100%;
  color: #333;
  line-height: 1.3;
  font-weight: bold;
}
.Goods .GoodsInfo .InfoVideo .VideoContent {
  width: 100%;
  margin-top: 0.4rem;
  position: relative;
  z-index: 5;
}
.Goods .GoodsInfo .InfoVideo .VideoContent .VideoCover {
  width: 100%;
  padding-top: 46%;
}
.Goods .GoodsInfo .InfoVideo .VideoContent .VideoButton {
  width: 0.64rem;
  min-width: 48px;
  height: 0.64rem;
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  border: 0.02rem solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 4;
  cursor: pointer;
}
.Goods .GoodsInfo .InfoVideo .VideoContent .VideoButton::after {
  content: "";
  display: block;
  -webkit-transform: translateX(15%);
          transform: translateX(15%);
  width: 0;
  height: 0;
  border-left: 0.21rem solid #fff;
  border-top: 0.12rem solid transparent;
  border-bottom: 0.12rem solid transparent;
}
@media (max-width: 1920px) {
  .Goods .GoodsInfo .InfoVideo .VideoContent .VideoButton::after {
    border-left-width: 14px;
    border-top-width: 8px;
    border-bottom-width: 8px;
  }
}
.Goods .GoodsInfo .InfoDetail {
  width: 100%;
  margin-top: 0.6rem;
}
.Goods .GoodsInfo .InfoDetail .DetailTitle {
  width: 100%;
  color: #333;
  line-height: 1.3;
  font-weight: bold;
}
.Goods .GoodsInfo .InfoDetail .DetailContent {
  width: 100%;
  margin-top: 0.4rem;
}
.Goods .GoodsInfo .InfoDetail .DetailContent img {
  width: 100%;
  height: auto;
}
@media (max-width: 1200px) {
  .Goods .GoodsInfo .Container {
    width: 100%;
    padding: 0 10px;
  }
}
@media (max-width: 750px) {
  .Goods .GoodsInfo .Container {
    position: relative;
    z-index: 5;
  }
  .Goods .GoodsInfo .InfoTabs {
    display: none;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  .Goods .GoodsInfo .InfoTabs .TabItemI {
    margin-bottom: 0;
  }
  .Goods .GoodsInfo .InfoView {
    width: 100%;
  }
  .Goods .GoodsInfo .InfoTitle {
    padding: 10px 0;
  }
  .Goods .GoodsInfo .InfoTitle .Menu {
    display: block;
  }
}
@media (max-width: 600px) {
  .Goods .GoodsInfo .InfoItem {
    width: 49%;
  }
  .Goods .GoodsInfo .InfoItem:nth-of-type(3n) {
    margin-right: 2%;
  }
  .Goods .GoodsInfo .InfoItem:nth-of-type(2n) {
    margin-right: 0;
  }
  .Goods .GoodsInfo .InfoProd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 20px;
  }
  .Goods .GoodsInfo .InfoProd .ProdText {
    width: 100%;
  }
  .Goods .GoodsInfo .InfoProd .ProdImg {
    width: 100%;
    margin-bottom: 20px;
  }
}

/* 新闻 */
.News {
  width: 100%;
}
.News .NewsBanner {
  width: 100%;
}
.News .NewsBanner .BannerImg {
  width: 100%;
  padding-top: 32.8125%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.News .NewsBanner .BannerImg .Img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  -webkit-animation: zoom 1s ease;
          animation: zoom 1s ease;
}
.News .NewsCrumb {
  width: 100%;
  background-color: #f9f9f9;
}
.News .NewsCrumb .Container {
  width: 14rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.News .NewsCrumb .CrumbTabs {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.News .NewsCrumb .CrumbTab.In {
  border-bottom-color: #143eb6;
}
.News .NewsCrumb .CrumbTab.In .Text {
  color: #143eb6;
}
.News .NewsCrumb .CrumbTab {
  width: auto;
  margin-right: 0.3rem;
  border-top: 0.03rem solid transparent;
  border-bottom: 0.03rem solid transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.News .NewsCrumb .CrumbTab:hover {
  border-bottom-color: #143eb6;
}
.News .NewsCrumb .CrumbTab:hover .Text {
  color: #143eb6;
}
.News .NewsCrumb .CrumbTab:last-of-type {
  margin-right: 0;
}
.News .NewsCrumb .CrumbTab .Text {
  color: #666;
  line-height: 1.6;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
}
.News .NewsCrumb .CrumbSeat {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.32rem 0;
}
.News .NewsCrumb .CrumbSeat .SeatIcon {
  width: 0.16rem;
  height: 0.17rem;
  margin-right: 0.12rem;
  min-width: 15px;
  min-height: 16px;
  background: url(../images/Crumb1.png) center/cover no-repeat;
}
.News .NewsCrumb .CrumbSeat .SeatLink, .News .NewsCrumb .CrumbSeat .SeatSign {
  display: inline-block;
  color: #444;
  line-height: 1.6;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News .NewsCrumb .CrumbSeat .SeatLink:hover {
  color: #143eb6;
}
.News .NewsCrumb .CrumbSeat .SeatSign {
  margin: 0 0.05rem;
  cursor: default;
}
@media (max-width: 1200px) {
  .News .NewsCrumb .Container {
    width: 100%;
    padding: 0 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .News .NewsCrumb .CrumbTab {
    padding: 10px 0;
  }
}
.News .NewsInfo {
  width: 100%;
  background-color: #f9f9f9;
  padding-bottom: 1rem;
}
.News .NewsInfo .Container {
  width: 14rem;
  margin: 0 auto;
}
.News .NewsInfo .InfoList {
  width: 100o;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.News .NewsInfo .InfoItem {
  width: 32%;
  margin-right: 2%;
  margin-top: 2%;
  display: block;
}
.News .NewsInfo .InfoItem:hover .ItemImg .Img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.News .NewsInfo .InfoItem:hover .ItemTitle {
  color: #143eb6;
}
.News .NewsInfo .InfoItem:nth-of-type(3n) {
  margin-right: 0;
}
.News .NewsInfo .InfoItem .ItemImg {
  width: 100%;
  overflow: hidden;
}
.News .NewsInfo .InfoItem .ItemImg .Img {
  width: 100%;
  padding-top: 60.0441501104%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News .NewsInfo .InfoItem .ItemText {
  width: 100%;
  padding: 0.3rem;
  background-color: #fff;
}
.News .NewsInfo .InfoItem .ItemTitle {
  width: 100%;
  color: #000;
  line-height: 1.4;
  font-weight: bold;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News .NewsInfo .InfoItem .ItemRemark {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.16rem;
}
.News .NewsInfo .InfoItem .ItemRemark p {
  color: #666;
  line-height: 1.5;
}
.News .NewsInfo .InfoItem .ItemTime {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.16rem;
}
.News .NewsInfo .InfoItem .ItemTime .Time {
  color: #666;
  line-height: 1.2;
}
.News .NewsInfo .InfoItem .ItemTime .Button {
  width: auto;
}
.News .NewsInfo .InfoItem .ItemTime .Button::after {
  content: "";
  display: block;
  width: 0.36rem;
  min-width: 30px;
  height: 0.36rem;
  min-height: 30px;
  background: url(../images/right3.png) center/cover no-repeat;
}
.News .NewsInfo .InfoPager {
  width: 100%;
  margin-top: 0.8rem;
}
@media (max-width: 1200px) {
  .News .NewsInfo .Container {
    width: 100%;
    padding: 0 10px;
  }
}
@media (max-width: 900px) {
  .News .NewsInfo .InfoItem {
    width: 49%;
  }
  .News .NewsInfo .InfoItem:nth-of-type(3n) {
    margin-right: 2%;
  }
  .News .NewsInfo .InfoItem:nth-of-type(2n) {
    margin-right: 0;
  }
}
.News .NewsDetail {
  width: 100%;
  background-color: #f9f9f9;
  padding: 0.3rem 0 1rem;
  position: relative;
  z-index: 5;
}
.News .NewsDetail .Container {
  width: 14rem;
  margin: 0 auto;
}
.News .NewsDetail .DetailTitle {
  width: 100%;
  color: #131313;
  line-height: 1.2;
  font-weight: bold;
}
.News .NewsDetail .DetailTime {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.34rem;
}
.News .NewsDetail .DetailTime .Time {
  color: #666;
  line-height: 1.4;
}
.News .NewsDetail .DetailTime .Share {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.News .NewsDetail .DetailTime .Share .WB, .News .NewsDetail .DetailTime .Share .WX {
  width: 0.24rem;
  min-width: 20px;
  display: block;
  opacity: 0.5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.News .NewsDetail .DetailTime .Share .WB:hover, .News .NewsDetail .DetailTime .Share .WX:hover {
  opacity: 1;
}
.News .NewsDetail .DetailTime .Share .WB::after, .News .NewsDetail .DetailTime .Share .WX::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.News .NewsDetail .DetailTime .Share .WX {
  margin-left: 0.2rem;
}
.News .NewsDetail .DetailTime .Share .WB::after {
  background-image: url(../images/News7.png);
}
.News .NewsDetail .DetailTime .Share .WX::after {
  background-image: url(../images/News8.png);
}
.News .NewsDetail .DetailContent {
  margin-top: 0.32rem;
  width: 100%;
  border-top: 0.02rem solid #e8e8e8;
  border-bottom: 0.02rem solid transparent;
  padding: 0.36rem 0;
}
@media (max-width: 1200px) {
  .News .NewsDetail .Container {
    width: 100%;
    padding: 0 10px;
  }
}

/* 联系我们 */
.Contact {
  width: 100%;
}
.Contact .ContactBanner {
  width: 100%;
}
.Contact .ContactBanner .BannerImg {
  width: 100%;
  padding-top: 32.8125%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.Contact .ContactBanner .BannerImg .Img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  -webkit-animation: zoom 1s ease;
          animation: zoom 1s ease;
}
.Contact .ContactCrumb {
  width: 100%;
}
.Contact .ContactCrumb .Container {
  width: 14rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Contact .ContactCrumb .CrumbTabs {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Contact .ContactCrumb .CrumbTab.In {
  border-bottom-color: #143eb6;
}
.Contact .ContactCrumb .CrumbTab.In .Text {
  color: #143eb6;
}
.Contact .ContactCrumb .CrumbTab {
  width: auto;
  margin-right: 0.3rem;
  border-top: 0.03rem solid transparent;
  border-bottom: 0.03rem solid transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Contact .ContactCrumb .CrumbTab:hover {
  border-bottom-color: #143eb6;
}
.Contact .ContactCrumb .CrumbTab:hover .Text {
  color: #143eb6;
}
.Contact .ContactCrumb .CrumbTab:last-of-type {
  margin-right: 0;
}
.Contact .ContactCrumb .CrumbTab .Text {
  color: #666;
  line-height: 1.6;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
}
.Contact .ContactCrumb .CrumbSeat {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.32rem 0;
}
.Contact .ContactCrumb .CrumbSeat .SeatIcon {
  width: 0.16rem;
  height: 0.17rem;
  margin-right: 0.12rem;
  min-width: 15px;
  min-height: 16px;
  background: url(../images/Crumb1.png) center/cover no-repeat;
}
.Contact .ContactCrumb .CrumbSeat .SeatLink, .Contact .ContactCrumb .CrumbSeat .SeatSign {
  display: inline-block;
  color: #444;
  line-height: 1.6;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact .ContactCrumb .CrumbSeat .SeatLink:hover {
  color: #143eb6;
}
.Contact .ContactCrumb .CrumbSeat .SeatSign {
  margin: 0 0.05rem;
  cursor: default;
}
@media (max-width: 1200px) {
  .Contact .ContactCrumb .Container {
    width: 100%;
    padding: 0 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Contact .ContactCrumb .CrumbTab {
    padding: 10px 0;
  }
}
.Contact .ContactConsult {
  width: 100%;
  background-color: #fff;
  padding: 0.3rem 0 0.6rem;
}
.Contact .ContactConsult .Container {
  width: 14rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Contact .ContactConsult .ConsultWay {
  width: 39%;
  padding-bottom: 0.3rem;
}
.Contact .ContactConsult .ConsultWay .WayTitle {
  width: 100%;
  color: #333;
  font-weight: bold;
}
.Contact .ContactConsult .ConsultWay .WayRemark {
  width: 100%;
  margin-top: 0.2rem;
  color: #666;
  line-height: 1.6;
}
.Contact .ContactConsult .ConsultWay .WayRemark p {
  color: #666;
  line-height: 1.6;
}
.Contact .ContactConsult .ConsultWay .WayList {
  width: 100%;
  margin-top: 0.72rem;
}
.Contact .ContactConsult .ConsultWay .WayItem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.4rem;
}
.Contact .ContactConsult .ConsultWay .WayItem:last-of-type {
  margin-bottom: 0;
}
.Contact .ContactConsult .ConsultWay .WayItem .ItemIcon {
  width: auto;
  margin-right: 0.3rem;
}
.Contact .ContactConsult .ConsultWay .WayItem .ItemIcon .Icon {
  width: 0.6rem;
}
.Contact .ContactConsult .ConsultWay .WayItem .ItemIcon .Icon .I {
  width: 100%;
  padding-top: 100%;
  background-color: #f9f9f9;
  border-radius: 50%;
}
.Contact .ContactConsult .ConsultWay .WayItem .ItemText {
  width: 100%;
  color: #666;
  line-height: 1.3;
}
.Contact .ContactConsult .ConsultWay .WayItem .ItemLinks {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Contact .ContactConsult .ConsultWay .WayItem .ItemLinks a {
  display: block;
  width: 0.28rem;
  opacity: 0.5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  min-width: 20px;
  margin-right: 0.16rem;
  height: 0.28rem;
  min-height: 20px;
  position: relative;
  z-index: 5;
}
.Contact .ContactConsult .ConsultWay .WayItem .ItemLinks a img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.Contact .ContactConsult .ConsultWay .WayItem .ItemLinks a:last-of-type {
  margin-right: 0;
}
.Contact .ContactConsult .ConsultWay .WayItem .ItemLinks a:hover {
  opacity: 1;
}
.Contact .ContactConsult .ConsultInfo {
  width: 52%;
}
.Contact .ContactConsult .ConsultInfo .InfoTitle {
  width: 100%;
  color: #333;
  font-weight: bold;
}
.Contact .ContactConsult .ConsultInfo .InfoRemark {
  width: 100%;
  margin-top: 0.2rem;
  color: #666;
  line-height: 1.6;
}
.Contact .ContactConsult .ConsultInfo .InfoRemark p {
  color: #666;
  line-height: 1.6;
}
.Contact .ContactConsult .ConsultInfo .InfoForm {
  width: 100%;
  margin-top: 0.4rem;
}
.Contact .ContactConsult .ConsultInfo .InfoForm form {
  width: 100%;
}
.Contact .ContactConsult .ConsultInfo .InfoForm .Required::before {
  content: "*";
  color: #036cfa;
  display: inline-block;
  margin-right: 0.05rem;
}
.Contact .ContactConsult .ConsultInfo .InfoForm .FormName, .Contact .ContactConsult .ConsultInfo .InfoForm .FormPhone, .Contact .ContactConsult .ConsultInfo .InfoForm .FormEmail {
  width: 100%;
  border: solid 0.01rem #c0c0c0;
  background-color: #fff;
  padding: 0.17rem 0.2rem;
  margin-bottom: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Contact .ContactConsult .ConsultInfo .InfoForm .FormName input, .Contact .ContactConsult .ConsultInfo .InfoForm .FormPhone input, .Contact .ContactConsult .ConsultInfo .InfoForm .FormEmail input {
  width: 100%;
  border: 0;
  background-color: transparent;
}
.Contact .ContactConsult .ConsultInfo .InfoForm .FormRemark {
  border: solid 0.01rem #c0c0c0;
  background-color: #fff;
  margin-bottom: 0.3rem;
  padding: 0.17rem 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Contact .ContactConsult .ConsultInfo .InfoForm .FormRemark textarea {
  width: 100%;
  height: 1rem;
  min-height: 72px;
  border: none;
  background-color: transparent;
  line-height: 1.4;
}
.Contact .ContactConsult .ConsultInfo .InfoForm .FormButtons {
  width: 100%;
}
.Contact .ContactConsult .ConsultInfo .InfoForm .FormButtons .Button.Submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.12rem 0.42rem;
  border: 0.02rem solid #143eb6;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #143eb6;
  cursor: pointer;
}
.Contact .ContactConsult .ConsultInfo .InfoForm .FormButtons .Button.Submit::after {
  content: "";
  width: 0.12rem;
  height: 0.11rem;
  display: block;
  min-width: 12px;
  min-height: 11px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: url(../images/more2.png) center/cover no-repeat;
}
.Contact .ContactConsult .ConsultInfo .InfoForm .FormButtons .Button.Submit .ButtonText {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #fff;
  line-height: 1.4;
  margin-right: 0.1rem;
}
@media (max-width: 1200px) {
  .Contact .ContactConsult .Container {
    width: 100%;
    padding: 0 10px;
  }
}
@media (max-width: 750px) {
  .Contact .ContactConsult .Container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .Contact .ContactConsult .ConsultWay {
    width: 100%;
  }
  .Contact .ContactConsult .ConsultInfo {
    width: 100%;
  }
}
.Contact .Anchor {
  position: relative;
  z-index: 5;
}
.Contact .Anchor #faq {
  position: absolute;
  left: 0;
  top: -0.9rem;
  z-index: 5;
}
.Contact .ContactMatter {
  width: 100%;
  background-color: #f9f9f9;
  padding: 0.6rem 0;
}
.Contact .ContactMatter .Container {
  width: 14rem;
  margin: 0 auto;
}
.Contact .ContactMatter .MatterTitle {
  width: 100%;
  color: #333;
  font-weight: bold;
}
.Contact .ContactMatter .MatterContent {
  width: 100%;
  margin-top: 0.5rem;
}
.Contact .ContactMatter .MatterList {
  width: 100%;
}
.Contact .ContactMatter .MatterItemI.Open .ItemITItle .Button.Switch::after {
  content: "-";
}
.Contact .ContactMatter .MatterItemI {
  width: 100%;
  border-top: 0.01rem solid transparent;
  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.08);
}
.Contact .ContactMatter .MatterItemI:first-of-type {
  border-top-color: rgba(0, 0, 0, 0.08);
}
.Contact .ContactMatter .MatterItemI .ItemITItle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.36rem 0;
}
.Contact .ContactMatter .MatterItemI .ItemITItle .Title {
  color: #000;
  line-height: 1.2;
  font-weight: bold;
}
.Contact .ContactMatter .MatterItemI .ItemITItle .Buttons {
  width: 0.5rem;
}
.Contact .ContactMatter .MatterItemI .ItemITItle .Button.Switch {
  width: 100%;
  padding-top: 100%;
  position: relative;
  z-index: 5;
  cursor: pointer;
}
.Contact .ContactMatter .MatterItemI .ItemITItle .Button.Switch::after {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  content: "+";
  font-size: 0.48rem;
  display: block;
  color: #000;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact .ContactMatter .MatterItemI .ItemIContent {
  width: 100%;
}
.Contact .ContactMatter .MatterItemI .ItemIList {
  width: 100%;
  display: none;
}
.Contact .ContactMatter .MatterItemII {
  width: 100%;
}
.Contact .ContactMatter .MatterItemII .ItemIITitle {
  width: 100%;
  padding: 0.2rem 0.3rem;
  color: #000;
  line-height: 1.4;
}
.Contact .ContactMatter .MatterItemII .ItemIIContent {
  width: 100%;
  color: #999;
  line-height: 1.5;
  padding: 0.2rem 0.3rem;
  background-color: #fff;
}
.Contact .ContactMatter .MatterItemII .ItemIIContent p {
  color: #999;
  line-height: 1.75;
}
@media (max-width: 1200px) {
  .Contact .ContactMatter .Container {
    width: 100%;
    padding: 0 10px;
  }
}

@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes zoom {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}