@charset "UTF-8";
/* 主题色 */
/* 首页 */
.Home {
  width: 100%;
}
.Home #FullPageBox .Screen1 .Banner {
  width: 100%;
  height: 100%;
}
.Home #FullPageBox .Screen1 .Banner .BannerSwiper {
  width: 100%;
  height: 100%;
}
.Home #FullPageBox .Screen1 .Banner .BannerSwiper .swiper-container {
  height: 100%;
}
.Home #FullPageBox .Screen1 .Banner .BannerSwiper .SwiperImg {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-position: center left;
  -o-background-size: cover;
     background-size: cover;
  background-repeat: no-repeat;
}
.Home #FullPageBox .Screen1 .Banner .BannerSwiper .SwiperText {
  width: 50%;
  padding: 0 1rem;
  text-align: right;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Home #FullPageBox .Screen1 .Banner .BannerSwiper .SwiperText .TextTitle {
  width: 100%;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}
.Home #FullPageBox .Screen1 .Banner .BannerSwiper .SwiperText .TextContent {
  width: 100%;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  margin: 0.2rem 0;
}
.Home #FullPageBox .Screen1 .Banner .BannerSwiper .SwiperText .TextButtons {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.Home #FullPageBox .Screen1 .Banner .BannerSwiper .SwiperText .TextButtons .More {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.18rem 0.55rem;
  border-radius: 0.5rem;
  border: 0.02rem solid #fff;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Home #FullPageBox .Screen1 .Banner .BannerSwiper .SwiperText .TextButtons .More:hover {
  background-color: #271578;
  border-color: #271578;
}
.Home #FullPageBox .Screen1 .Banner .BannerSwiper .SwiperText .TextButtons .More .MoreText {
  width: auto;
  color: #fff;
  line-height: 1.3;
}
.Home #FullPageBox .Screen1 .Banner .BannerSwiper .SwiperText .TextButtons .More .MoreIcon {
  width: 0.16rem;
  height: 0.16rem;
  min-width: 16px;
  min-height: 16px;
  margin-left: 0.26rem;
}
.Home #FullPageBox .Screen1 .Banner .BannerSwiperPagination {
  position: absolute;
  bottom: 0.2rem;
  right: 0;
  width: 100%;
  z-index: 5;
  text-align: right;
  padding: 0 1rem;
}
.Home #FullPageBox .Screen1 .Banner .BannerSwiperPagination .swiper-pagination-bullet {
  width: 0.4rem;
  height: 0.08rem;
  min-width: 20px;
  min-height: 2px;
  border-radius: 0;
  margin-right: 0.2rem;
  background: #fff;
}
.Home #FullPageBox .Screen1 .Banner .BannerSwiperPagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.Home #FullPageBox .Screen1 .Banner .BannerTips {
  width: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -10%);
     -moz-transform: translate(-50%, -10%);
      -ms-transform: translate(-50%, -10%);
       -o-transform: translate(-50%, -10%);
          transform: translate(-50%, -10%);
  bottom: 0;
  z-index: 5;
  cursor: pointer;
}
.Home #FullPageBox .Screen1 .Banner .BannerTips .Icon {
  width: 0.15rem;
  height: 0.3rem;
  padding: 0.03rem;
  border: 0.02rem solid #fff;
  border-radius: 0.25rem;
  margin: 0 auto;
  margin-bottom: 0.1rem;
  /* 定义向下浮动的动画 */
}
.Home #FullPageBox .Screen1 .Banner .BannerTips .Icon .Dot {
  display: block;
  width: 100%;
  padding-top: 100%;
  background-color: #fff;
  border-radius: 50%;
}
@-webkit-keyframes FloatDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(200%);
            transform: translateY(200%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-moz-keyframes FloatDown {
  0% {
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(200%);
         transform: translateY(200%);
  }
  100% {
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
}
@-o-keyframes FloatDown {
  0% {
    -o-transform: translateY(0);
       transform: translateY(0);
  }
  50% {
    -o-transform: translateY(200%);
       transform: translateY(200%);
  }
  100% {
    -o-transform: translateY(0);
       transform: translateY(0);
  }
}
@keyframes FloatDown {
  0% {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(200%);
       -moz-transform: translateY(200%);
         -o-transform: translateY(200%);
            transform: translateY(200%);
  }
  100% {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}
.Home #FullPageBox .Screen1 .Banner .BannerTips .Icon .FloatMove {
  -webkit-animation: FloatDown 2s infinite;
     -moz-animation: FloatDown 2s infinite;
       -o-animation: FloatDown 2s infinite;
          animation: FloatDown 2s infinite;
}
.Home #FullPageBox .Screen1 .Banner .BannerTips .Text {
  color: #fff;
  line-height: 1.4;
  opacity: 0.5;
}
@media (max-width: 1200px) {
  .Home #FullPageBox .Screen1 .Banner .BannerSwiper .SwiperText {
    width: 100%;
  }
  .Home #FullPageBox .Screen1 .Banner .BannerTips {
    display: none;
  }
}
@media (max-width: 600px) {
  .Home #FullPageBox .Screen1 .Banner .BannerSwiper .SwiperText {
    padding: 10px;
    text-align: center;
  }
  .Home #FullPageBox .Screen1 .Banner .BannerSwiper .SwiperText .TextButtons {
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .Home #FullPageBox .Screen1 .Banner .BannerSwiper .BannerSwiperPagination {
    padding: 0;
    text-align: center;
  }
}
.Home #FullPageBox .Screen2 .About {
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-image: url(../images/Home3.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  -o-background-size: 100% auto;
     background-size: 100% auto;
}
.Home #FullPageBox .Screen2 .About .Container {
  width: 17.2rem;
  height: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Home #FullPageBox .Screen2 .About .AboutMain {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home #FullPageBox .Screen2 .About .AboutText {
  width: 46%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Home #FullPageBox .Screen2 .About .AboutText .TextContent {
  width: 100%;
  color: #111;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.8rem;
}
.Home #FullPageBox .Screen2 .About .AboutText .TextContent .ThemeColor {
  color: #271578;
}
.Home #FullPageBox .Screen2 .About .AboutText .TextButtons {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.Home #FullPageBox .Screen2 .About .AboutText .TextButtons .More {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.18rem 0.55rem;
  border-radius: 0.5rem;
  border: 0.02rem solid #cccccc;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Home #FullPageBox .Screen2 .About .AboutText .TextButtons .More:hover {
  background-color: #271578;
  border-color: #271578;
}
.Home #FullPageBox .Screen2 .About .AboutText .TextButtons .More:hover .MoreText {
  color: #fff;
}
.Home #FullPageBox .Screen2 .About .AboutText .TextButtons .More:hover .MoreIcon {
  background-image: url(../images/leftBottom1.png);
}
.Home #FullPageBox .Screen2 .About .AboutText .TextButtons .More .MoreText {
  width: auto;
  color: #271578;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Home #FullPageBox .Screen2 .About .AboutText .TextButtons .More .MoreIcon {
  width: 0.16rem;
  height: 0.16rem;
  min-width: 16px;
  min-height: 16px;
  background-image: url(../images/leftBottom2.png);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  margin-left: 0.26rem;
}
.Home #FullPageBox .Screen2 .About .AboutVideo {
  width: 50%;
}
.Home #FullPageBox .Screen2 .About .AboutVideo .VideoFrame {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Home #FullPageBox .Screen2 .About .AboutVideo .VideoScreen {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Home #FullPageBox .Screen2 .About .AboutVideo .VideoScreen .Img {
  width: 100%;
  position: relative;
  z-index: 3;
}
.Home #FullPageBox .Screen2 .About .AboutVideo .VideoScreen .Img img {
  width: 100%;
  height: auto;
}
.Home #FullPageBox .Screen2 .About .AboutVideo .VideoScreen .Mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}
.Home #FullPageBox .Screen2 .About .AboutVideo .VideoButtons {
  width: auto;
}
.Home #FullPageBox .Screen2 .About .AboutVideo .VideoButtons .VideoPlay {
  width: 0.8rem;
  height: 0.8rem;
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
  border: 0.02rem solid #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
  cursor: pointer;
}
.Home #FullPageBox .Screen2 .About .AboutVideo .VideoButtons .VideoPlay::after {
  content: "";
  display: block;
  border-left: 0.16rem solid #fff;
  border-top: 0.1rem solid transparent;
  border-bottom: 0.1rem solid transparent;
}
.Home #FullPageBox .Screen2 .About .AboutFooter {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.8rem;
}
.Home #FullPageBox .Screen2 .About .AboutInfo {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home #FullPageBox .Screen2 .About .AboutInfo .InfoItem {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Home #FullPageBox .Screen2 .About .AboutInfo .InfoItem > div > div {
  height: auto;
  font-size: 0;
}
.Home #FullPageBox .Screen2 .About .AboutInfo .InfoItem > div > div .Number {
  color: #271578;
  font-weight: 700;
}
.Home #FullPageBox .Screen2 .About .AboutInfo .InfoItem > div > div .s18 {
  color: #271578;
}
.Home #FullPageBox .Screen2 .About .AboutInfo .InfoItem > div > div .s16 {
  color: #271578;
}
@media (max-width: 1200px) {
  .Home #FullPageBox .Screen2 .About .Container {
    width: 100%;
    padding: 10px;
  }
}
@media (max-width: 900px) {
  .Home #FullPageBox .Screen2 .About .AboutMain {
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .Home #FullPageBox .Screen2 .About .AboutMain .AboutText {
    width: 100%;
  }
  .Home #FullPageBox .Screen2 .About .AboutMain .AboutVideo {
    width: 100%;
    margin-bottom: 10px;
  }
  .Home #FullPageBox .Screen2 .About .AboutMain .AboutVideo .VideoButtons {
    width: auto;
  }
  .Home #FullPageBox .Screen2 .About .AboutMain .AboutVideo .VideoButtons .VideoPlay::after {
    border-left-width: 10px;
    border-top-width: 8px;
    border-bottom-width: 8px;
  }
}
@media (max-width: 750px) {
  .Home #FullPageBox .Screen2 .About .AboutFooter .AboutInfo {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .Home #FullPageBox .Screen2 .About .AboutFooter .AboutInfo .InfoItem {
/*    width: 50%;*/
    margin-bottom: 10px;
  }
  .Home #FullPageBox .Screen2 .About .AboutFooter .AboutInfo .InfoItem > div {
    width: 100%;
    text-align: center;
  }
}
.Home #FullPageBox .Screen3 .Produce {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(../images/Home41.png) center left/40% no-repeat;
  position: relative;
  z-index: 5;
}
.Home #FullPageBox .Screen3 .Produce .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.Home #FullPageBox .Screen3 .Produce .ProduceMain {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home #FullPageBox .Screen3 .Produce .ProduceText {
  width: 42%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Home #FullPageBox .Screen3 .Produce .ProduceText .TextContent {
  width: 100%;
  color: #111;
  line-height: 1.5;
  margin-bottom: 0.8rem;
  font-weight: 700;
}
.Home #FullPageBox .Screen3 .Produce .ProduceText .TextContent .ThemeColor {
  color: #271578;
}
.Home #FullPageBox .Screen3 .Produce .ProduceText .TextButtons {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.Home #FullPageBox .Screen3 .Produce .ProduceText .TextButtons .More {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.18rem 0.55rem;
  border-radius: 0.5rem;
  border: 0.02rem solid #cccccc;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Home #FullPageBox .Screen3 .Produce .ProduceText .TextButtons .More:hover {
  background-color: #271578;
  border-color: #271578;
}
.Home #FullPageBox .Screen3 .Produce .ProduceText .TextButtons .More:hover .MoreText {
  color: #fff;
}
.Home #FullPageBox .Screen3 .Produce .ProduceText .TextButtons .More:hover .MoreIcon {
  background-image: url(../images/leftBottom1.png);
}
.Home #FullPageBox .Screen3 .Produce .ProduceText .TextButtons .More .MoreText {
  width: auto;
  color: #271578;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Home #FullPageBox .Screen3 .Produce .ProduceText .TextButtons .More .MoreIcon {
  width: 0.16rem;
  height: 0.16rem;
  min-width: 16px;
  min-height: 16px;
  background-image: url(../images/leftBottom2.png);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  margin-left: 0.26rem;
}
.Home #FullPageBox .Screen3 .Produce .ProduceSwiper {
  width: 56%;
  position: relative;
  z-index: 5;
}
.Home #FullPageBox .Screen3 .Produce .ProduceSwiper .swiper-slide-active {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
.Home #FullPageBox .Screen3 .Produce .ProduceSwiper .swiper-slide {
  -webkit-transform: scale(0.9);
     -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
       -o-transform: scale(0.9);
          transform: scale(0.9);
}
.Home #FullPageBox .Screen3 .Produce .ProduceSwiper .ProduceItem {
  width: 75%;
  text-align: center;
}
.Home #FullPageBox .Screen3 .Produce .ProduceSwiper .ProduceItem:hover .ItemImg img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.Home #FullPageBox .Screen3 .Produce .ProduceSwiper .ProduceItem:hover .ItemTitle {
  font-size: 0.2rem;
}
.Home #FullPageBox .Screen3 .Produce .ProduceSwiper .ProduceItem:hover .ItemButtons .MoreIcon {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Home #FullPageBox .Screen3 .Produce .ProduceSwiper .ProduceItem .ItemImg {
  width: 100%;
  margin-bottom: 0.2rem;
  overflow: hidden;
  padding: 0.5rem;
}
.Home #FullPageBox .Screen3 .Produce .ProduceSwiper .ProduceItem .ItemImg img {
  width: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  height: auto;
}
.Home #FullPageBox .Screen3 .Produce .ProduceSwiper .ProduceItem .ItemText {
  width: 100%;
}
.Home #FullPageBox .Screen3 .Produce .ProduceSwiper .ProduceItem .ItemTitle {
  width: 100%;
  color: #333;
  margin-bottom: 0.16rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  font-weight: 700;
}
.Home #FullPageBox .Screen3 .Produce .ProduceSwiper .ProduceItem .ItemButtons {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Home #FullPageBox .Screen3 .Produce .ProduceSwiper .ProduceItem .ItemButtons .More {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-direction: row-reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Home #FullPageBox .Screen3 .Produce .ProduceSwiper .ProduceItem .ItemButtons .More .MoreText {
  width: auto;
  color: #271578;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Home #FullPageBox .Screen3 .Produce .ProduceSwiper .ProduceItem .ItemButtons .More .MoreIcon {
  width: 0.16rem;
  height: 0.16rem;
  min-width: 16px;
  min-height: 16px;
  background-image: url(../images/leftBottom2.png);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  margin-left: 0.1rem;
  -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
       -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.Home #FullPageBox .Screen3 .Produce .ProduceMask {
  width: 33.3%;
  height: 100%;
  background: url(../images/Home39.png) center right/auto no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4;
}
.Home #FullPageBox .Screen3 .Produce .ProduceSwiperNext {
  position: absolute;
  width: 0.3rem;
  min-width: 28px;
  height: 0.3rem;
  min-height: 28px;
  left: 50%;
  cursor: pointer;
  top: 50%;
  z-index: 5;
  background: url(../images/bottom2.png) center/50% no-repeat;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
     -moz-transform: translate(-50%, -50%) rotate(-90deg);
      -ms-transform: translate(-50%, -50%) rotate(-90deg);
       -o-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1200px) {
  .Home #FullPageBox .Screen3 .Produce .Container {
    width: 100%;
    padding: 10px;
  }
}
@media (max-width: 900px) {
  .Home #FullPageBox .Screen3 .Produce {
    -o-background-size: contain !important;
       background-size: contain !important;
  }
  .Home #FullPageBox .Screen3 .Produce .ProduceMask {
    display: none;
  }
  .Home #FullPageBox .Screen3 .Produce .ProduceMain {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Home #FullPageBox .Screen3 .Produce .ProduceText {
    width: 100%;
    margin-bottom: 20px;
  }
  .Home #FullPageBox .Screen3 .Produce .ProduceSwiper {
    width: 100%;
  }
}
.Home #FullPageBox .Screen4 .Case {
  width: 100%;
  height: 100%;
}
.Home #FullPageBox .Screen4 .Case .CaseSwiper {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
}
.Home #FullPageBox .Screen4 .Case .CaseSwiper .swiper-container {
  height: 100%;
}
.Home #FullPageBox .Screen4 .Case .CaseSwiper .swiper-slide {
  position: relative;
  z-index: 5;
}
.Home #FullPageBox .Screen4 .Case .CaseSwiper .SwiperImg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  overflow: hidden;
}
.Home #FullPageBox .Screen4 .Case .CaseSwiper .SwiperImgMask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0%;
  z-index: 4;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  background-image: url(../images/Home15.png);
}
.Home #FullPageBox .Screen4 .Case .CaseSwiper .SwiperText {
  width: 100%;
  padding: 0 1rem;
  text-align: center;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  top: 20%;
  left: 0;
  z-index: 5;
}
.Home #FullPageBox .Screen4 .Case .CaseSwiper .SwiperText .TextContent {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  font-weight: 700;
  margin: 0.2rem 0;
}
.Home #FullPageBox .Screen4 .Case .CaseSwiper .SwiperText .TextButtons {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Home #FullPageBox .Screen4 .Case .CaseSwiper .SwiperText .TextButtons .More {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.18rem 0.55rem;
  border-radius: 0.5rem;
  border: 0.02rem solid #fff;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Home #FullPageBox .Screen4 .Case .CaseSwiper .SwiperText .TextButtons .More:hover {
  background-color: #271578;
  border-color: #271578;
}
.Home #FullPageBox .Screen4 .Case .CaseSwiper .SwiperText .TextButtons .More .MoreText {
  width: auto;
  color: #fff;
  line-height: 1.3;
}
.Home #FullPageBox .Screen4 .Case .CaseSwiper .SwiperText .TextButtons .More .MoreIcon {
  width: 0.16rem;
  height: 0.16rem;
  min-width: 16px;
  min-height: 16px;
  margin-left: 0.26rem;
}
.Home #FullPageBox .Screen4 .Case .CaseSwiperPagination {
  width: 100%;
  position: absolute;
  left: 50%;
  bottom: 6%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Home #FullPageBox .Screen4 .Case .CaseSwiperPagination .SwiperPaginationBullet {
  width: auto;
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0 0.3rem;
}
.Home #FullPageBox .Screen4 .Case .CaseSwiperPagination .SwiperPaginationBullet .BulltIcon {
  width: 1rem;
  min-width: 50px;
  height: 1rem;
  min-height: 50px;
  overflow: hidden;
  border-radius: 50%;
  border: 0.04rem solid #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
.Home #FullPageBox .Screen4 .Case .CaseSwiperPagination .SwiperPaginationBullet .BulltIcon img {
  width: 100%;
  height: 100%;
}
.Home #FullPageBox .Screen4 .Case .CaseSwiperPagination .SwiperPaginationBullet .BulltText {
  width: auto;
  text-align: center;
  color: #fff;
  line-height: 1.2;
  margin-top: 0.2rem;
}
.Home #FullPageBox .Screen4 .Case .CaseSwiperPagination .SwiperPaginationBullet.SwiperPaginationBulletActive {
  opacity: 1;
}
@media (max-width: 1200px) {
  .Home #FullPageBox .Screen4 .Case .CaseSwiperPagination {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .Home #FullPageBox .Screen4 .Case .CaseSwiperPagination .SwiperPaginationBullet {
    width: 25%;
    margin: 0 0 20px;
  }
}
.Home #FullPageBox .Screen5 .RD {
  width: 100%;
  height: 100%;
  background: url(../images/Home5.jpg) center/cover no-repeat;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Home #FullPageBox .Screen5 .RD .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.Home #FullPageBox .Screen5 .RD .RDText {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Home #FullPageBox .Screen5 .RD .RDText .TextContent {
  width: 100%;
  color: #111;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.Home #FullPageBox .Screen5 .RD .RDText .TextContent .ThemeColor {
  color: #271578;
}
.Home #FullPageBox .Screen5 .RD .RDText .TextButtons {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.Home #FullPageBox .Screen5 .RD .RDText .TextButtons .More {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.18rem 0.55rem;
  border-radius: 0.5rem;
  border: 0.02rem solid #cccccc;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Home #FullPageBox .Screen5 .RD .RDText .TextButtons .More:hover {
  background-color: #271578;
  border-color: #271578;
}
.Home #FullPageBox .Screen5 .RD .RDText .TextButtons .More:hover .MoreText {
  color: #fff;
}
.Home #FullPageBox .Screen5 .RD .RDText .TextButtons .More:hover .MoreIcon {
  background-image: url(../images/leftBottom1.png);
}
.Home #FullPageBox .Screen5 .RD .RDText .TextButtons .More .MoreText {
  width: auto;
  color: #271578;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Home #FullPageBox .Screen5 .RD .RDText .TextButtons .More .MoreIcon {
  width: 0.16rem;
  height: 0.16rem;
  min-width: 16px;
  min-height: 16px;
  background-image: url(../images/leftBottom2.png);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  margin-left: 0.26rem;
}
@media (max-width: 1200px) {
  .Home #FullPageBox .Screen5 .RD .Container {
    width: 100%;
    padding: 10px;
    padding-bottom: 7rem;
  }
}
.Home #FullPageBox .Screen6 .Part {
  width: 100%;
  height: 100%;
  background: url(../images/Home16.jpg) center/cover no-repeat;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Home #FullPageBox .Screen6 .Part .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.Home #FullPageBox .Screen6 .Part .PartText {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.3rem;
}
.Home #FullPageBox .Screen6 .Part .PartText .TextContent {
  width: 100%;
  color: #111;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}
.Home #FullPageBox .Screen6 .Part .PartText .TextContent .ThemeColor {
  color: #271578;
}
.Home #FullPageBox .Screen6 .Part .PartList {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.Home #FullPageBox .Screen6 .Part .PartItem {
  width: 16.55%;
  margin-right: 0.12%;
  display: block;
  background-color: #fff;
  margin-bottom: 0.12%;
}
.Home #FullPageBox .Screen6 .Part .PartItem:nth-child(6n) {
  margin-right: 0;
}
@media (max-width: 1200px) {
  .Home #FullPageBox .Screen6 .Part .Container {
    width: 100%;
    padding: 10px;
  }
}
@media (max-width: 750px) {
  .Home #FullPageBox .Screen6 .Part .PartItem {
    width: 24.91%;
  }
  .Home #FullPageBox .Screen6 .Part .PartItem:nth-child(6n) {
    margin-right: 0.12%;
  }
  .Home #FullPageBox .Screen6 .Part .PartItem:nth-child(4n) {
    margin-right: 0;
  }
}
@media (max-width: 600px) {
  .Home #FullPageBox .Screen6 .Part .PartItem {
    width: 33.25%;
    margin-right: 0;
    margin-bottom: 0;
  }
}
.Home #FullPageBox .Screen7 .News {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Home #FullPageBox .Screen7 .News .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.Home #FullPageBox .Screen7 .News .NewsMain {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Home #FullPageBox .Screen7 .News .NewsText {
  width: 24%;
  text-align: left;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Home #FullPageBox .Screen7 .News .NewsText .TextContent {
  width: 100%;
  color: #111111;
  font-weight: 700;
  line-height: 1.5;
  margin: 0.2rem 0 0.5rem 0;
}
.Home #FullPageBox .Screen7 .News .NewsText .TextButtons {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.Home #FullPageBox .Screen7 .News .NewsText .TextButtons .NewsSwiperPrev, .Home #FullPageBox .Screen7 .News .NewsText .TextButtons .NewsSwiperNext {
  width: 0.8rem;
  height: 0.5rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.25rem;
  cursor: pointer;
  border: 0.01rem solid #ccc;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Home #FullPageBox .Screen7 .News .NewsText .TextButtons .NewsSwiperPrev:hover, .Home #FullPageBox .Screen7 .News .NewsText .TextButtons .NewsSwiperNext:hover {
  border-color: #271578;
  background-color: #271578;
}
.Home #FullPageBox .Screen7 .News .NewsText .TextButtons .NewsSwiperPrev:hover .Button, .Home #FullPageBox .Screen7 .News .NewsText .TextButtons .NewsSwiperNext:hover .Button {
  background-image: url(../images/leftBottom1.png);
}
.Home #FullPageBox .Screen7 .News .NewsText .TextButtons .NewsSwiperPrev .Button, .Home #FullPageBox .Screen7 .News .NewsText .TextButtons .NewsSwiperNext .Button {
  padding-left: 36%;
  height: 36%;
  background: url(../images/leftBottom3.png) center/cover no-repeat;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Home #FullPageBox .Screen7 .News .NewsText .TextButtons .NewsSwiperPrev {
  margin-right: 0.4rem;
}
.Home #FullPageBox .Screen7 .News .NewsText .TextButtons .NewsSwiperPrev .Button {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Home #FullPageBox .Screen7 .News .NewsText .TextButtons .NewsSwiperNext .Button {
  -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
       -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.Home #FullPageBox .Screen7 .News .NewsSwiper {
  width: 71%;
}
.Home #FullPageBox .Screen7 .News .NewsSwiper .NewsItem {
  width: 100%;
  display: block;
}
.Home #FullPageBox .Screen7 .News .NewsSwiper .NewsItem:hover .ItemImg .Img {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}
.Home #FullPageBox .Screen7 .News .NewsSwiper .NewsItem:hover .ItemTurn {
  background-color: #271578;
  border-color: #271578;
}
.Home #FullPageBox .Screen7 .News .NewsSwiper .NewsItem:hover .ItemTurn .TurnIcon {
  -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
       -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
  background-image: url(../images/leftBottom1.png);
}
.Home #FullPageBox .Screen7 .News .NewsSwiper .NewsItem .ItemImg {
  width: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.Home #FullPageBox .Screen7 .News .NewsSwiper .NewsItem .ItemImg .Img {
  width: 100%;
  position: relative;
  z-index: 4;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  height: 3rem;
}
.Home #FullPageBox .Screen7 .News .NewsSwiper .NewsItem .ItemImg .Img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Home #FullPageBox .Screen7 .News .NewsSwiper .NewsItem .ItemImg .Mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0;
  z-index: 5;
  background: url(../images/Home38.png) center/cover no-repeat;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Home #FullPageBox .Screen7 .News .NewsSwiper .NewsItem .ItemText {
  width: 100%;
  padding: 0.3rem;
  background-color: #f6f6f6;
}
.Home #FullPageBox .Screen7 .News .NewsSwiper .NewsItem .ItemTitle {
  width: 100%;
  color: #999;
  line-height: 1.3;
}
.Home #FullPageBox .Screen7 .News .NewsSwiper .NewsItem .ItemContent {
  width: 100%;
  color: #111;
  line-height: 1.4;
  margin: 0.24rem 0;
  font-weight: 700;
  height: 0.5rem;
  min-height: 50px;
}
.Home #FullPageBox .Screen7 .News .NewsSwiper .NewsItem .ItemControl {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Home #FullPageBox .Screen7 .News .NewsSwiper .NewsItem .ItemTime {
  width: auto;
  color: #999;
  line-height: 1.3;
}
.Home #FullPageBox .Screen7 .News .NewsSwiper .NewsItem .ItemTurn {
  width: 0.46rem;
  height: 0.46rem;
  display: block;
  border-radius: 50%;
  border: 0.01rem solid #999;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Home #FullPageBox .Screen7 .News .NewsSwiper .NewsItem .ItemTurn .TurnIcon {
  width: 50%;
  height: 50%;
  background-image: url(../images/leftBottom2.png);
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1500px) {
  .Home #FullPageBox .Screen7 .News .NewsMain {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Home #FullPageBox .Screen7 .News .NewsText {
    width: 100%;
    margin-bottom: 20px;
  }
  .Home #FullPageBox .Screen7 .News .NewsSwiper {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .Home #FullPageBox .Screen7 .News .Container {
    width: 100%;
    padding: 10px;
  }
  .Home #FullPageBox .Screen7 .News .NewsSwiper .NewsItem .ItemImg .Img{
    height: 5rem;
  }
}
/* 工程领域 */
.Project {
  width: 100%;
}
.Project .Banner {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Project .Banner .BannerImg {
  width: 100%;
  padding-top: 43.2291666667%;
  min-height: 400px;
}
.Project .Banner .BannerText {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 5;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 1rem;
}
.Project .Banner .TextTitle {
  width: 100%;
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.Project .Banner .TextContent {
  width: 100%;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
}

.Project .Navigation {
  width: 100%;
  font-size: 0;
  background-color: #f6f6f6;
}
.Project .Navigation .Tabs {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Project .Navigation .Tab {
  white-space: nowrap;
  display: block;
  padding: 0.28rem 0;
  border-top: 0.04rem solid transparent;
  border-bottom: 0.04rem solid transparent;
  margin-right: 0.3rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Project .Navigation .Tab:hover {
  border-bottom-color: #271578;
}
.Project .Navigation .Tab:hover .TabTitle {
  color: #271578;
  font-weight: 700;
}
.Project .Navigation .Tab:last-of-type {
  margin-right: 0;
}
.Project .Navigation .Tab .TabTitle {
  color: #000;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Project .Navigation .Tab.Select {
  font-weight: 700;
  border-bottom-color: #271578;
}
.Project .Navigation .Tab.Select .TabTitle {
  color: #271578;
}
.Project .Content {
  width: 100%;
  padding: 0.6rem 0 1.2rem;
}
.Project .Content .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.Project .Content .ProjectList {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 0.6rem;
}
.Project .Content .ProjectItem {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.Project .Content .ProjectItem:hover .ItemImg img {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}
.Project .Content .ProjectItem:hover .ItemText {
  color: #271578;
  font-weight: 700;
}
.Project .Content .ProjectItem:nth-of-type(4n) {
  margin-right: 0;
}
.Project .Content .ProjectItem .ItemImg {
  width: 100%;
  margin-bottom: 0.3rem;
  overflow: hidden;
  height: 2.5rem;
}
.Project .Content .ProjectItem .ItemImg img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  object-fit: cover;
object-position: center;
}
.Project .Content .ProjectItem .ItemText {
  width: 100%;
}
.Project .Content .ProjectItem .ItemText .Title {
  color: #111;
  line-height: 1.4;
  text-align: center;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Project .Content .ProjectItem .ItemText .Remark {
  display: none;
}
@media (max-width: 1200px) {
  .Project .Content .Container {
    width: 100%;
    padding: 10px;
  }
}
@media (max-width: 800px) {
  .Project .Navigation {
    overflow-x: scroll;
    padding: 0 20px;
  }
  .Project .Navigation .Tabs {
    /* width: 940px; */
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .Project .Navigation .Tab {
    /* width: 100px; */
    margin-right: 20px;
  }
}
@media (max-width: 750px) {
  .Project .Banner .BannerText {
    padding: 0 10px;
  }
  .Project .Content .ProjectItem {
    width: 32%;
    margin-right: 2%;
  }
  .Project .Content .ProjectItem:nth-of-type(4n) {
    margin-right: 2%;
  }
  .Project .Content .ProjectItem:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media (max-width: 550px) {
  .Project .Content .ProjectItem {
    width: 49%;
    margin-right: 2%;
  }
  .Project .Content .ProjectItem:nth-of-type(3n) {
    margin-right: 2%;
  }
  .Project .Content .ProjectItem:nth-of-type(2n) {
    margin-right: 0;
  }
}

/* 工程领域弹窗 */
.ProjectDialog {
  width: 100%;
  display: none;
}
.ProjectDialog .Mask {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.2);
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ProjectDialog .ProjectItemContent {
  width: 66%;
  position: relative;
  z-index: 5;
}
.ProjectDialog .ProjectItemContent .Img {
  width: 100%;
  padding-top: 60%;
}
.ProjectDialog .ProjectItemContent .Text {
  width: 100%;
  position: absolute;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  z-index: 4;
  padding: 0.3rem 0.36rem;
}
.ProjectDialog .ProjectItemContent .Text .Title {
  width: 100%;
  color: #fff;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.ProjectDialog .ProjectItemContent .Text .Remark {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}
.ProjectDialog .ProjectItemContent .Buttons {
  width: 100%;
}
.ProjectDialog .ProjectItemContent .Buttons .PrevButton, .ProjectDialog .ProjectItemContent .Buttons .NextButton {
  width: 0.2rem;
  padding: 0.1rem;
  min-width: 20px;
  position: absolute;
  top: 50%;
  z-index: 5;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.ProjectDialog .ProjectItemContent .Buttons .PrevButton:hover, .ProjectDialog .ProjectItemContent .Buttons .NextButton:hover {
  background-color: #271578;
}
.ProjectDialog .ProjectItemContent .Buttons .PrevButton::before, .ProjectDialog .ProjectItemContent .Buttons .NextButton::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/bottom3.png) center/cover no-repeat;
}
.ProjectDialog .ProjectItemContent .Buttons .PrevButton {
  left: 1%;
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ProjectDialog .ProjectItemContent .Buttons .NextButton {
  right: 1%;
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
@media (max-width: 1200px) {
  .ProjectDialog .ProjectItemContent {
    width: 88%;
  }
}
@media (max-width: 750px) {
  .ProjectDialog .ProjectItemContent .Text {
    position: static;
  }
}

.ProjectDialog.Open {
  display: block;
}

/* 工程领域详情页 */
.ProjectDetail {
  width: 100%;
  padding-top: 1rem;
  background-color: #fff;
}
.ProjectDetail .Crumbs {
  width: 100%;
  background-color: #f6f6f6;
  font-size: 0;
  padding: 0.32rem 0;
}
.ProjectDetail .Crumbs .Container {
  width: 17.2rem;
  margin: 0 auto;
  vertical-align: middle;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ProjectDetail .Crumbs .CrumbsIcon {
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  min-width: 16px;
  min-height: 16px;
  background: url(../images/index1.png) center/cover no-repeat;
  margin-right: 0.15rem;
}
.ProjectDetail .Crumbs .CrumbsLink {
  display: inline-block;
  color: #999;
  line-height: 1.2;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.ProjectDetail .Crumbs .CrumbsLink:hover {
  color: #666;
}
.ProjectDetail .Crumbs .CrumbsSign {
  display: inline-block;
  color: #999;
  line-height: 1.2;
  margin: 0 0.05rem;
}
.ProjectDetail .Info {
  width: 100%;
  padding: 0.8rem 0;
}
.ProjectDetail .Info .Container {
  width: 17.2rem;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.ProjectDetail .Info .InfoImg {
  width: 44%;
}
.ProjectDetail .Info .InfoImg .Img {
  width: 100%;
  padding-top: 75%;
}
.ProjectDetail .Info .InfoContent {
  width: 42.5%;
}
.ProjectDetail .Info .InfoText {
  width: 100%;
}
.ProjectDetail .Info .InfoText .TextTitle {
  color: #111;
  line-height: 1.2;
}
.ProjectDetail .Info .InfoText .TextLine {
  width: 100%;
  height: 0.01rem;
  background-color: #e5e5e5;
  margin: 0.16rem 0;
}
.ProjectDetail .Info .InfoText .TextContent {
  width: 100%;
  color: #444;
  line-height: 1.8;
}
.ProjectDetail .Navigation {
  width: 100%;
  font-size: 0;
  background-color: #ffffff;
  border: solid 0.01rem #e5e5e5;
}
.ProjectDetail .Navigation .Container {
  width: 17.2rem;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ProjectDetail .Navigation .Title {
  color: #111;
  line-height: 1.4;
  font-weight: 700;
}
.ProjectDetail .Navigation .Tabs {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ProjectDetail .Navigation .Tab {
  white-space: nowrap;
  display: block;
  padding: 0.28rem 0;
  border-top: 0.04rem solid transparent;
  border-bottom: 0.04rem solid transparent;
  margin-right: 0.3rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.ProjectDetail .Navigation .Tab:last-of-type {
  margin-right: 0;
}
.ProjectDetail .Navigation .Tab .TabTitle {
  color: #000;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.ProjectDetail .Navigation .Tab.Select {
  font-weight: 700;
  border-bottom-color: #271578;
}
.ProjectDetail .Navigation .Tab.Select .TabTitle {
  color: #271578;
}
.ProjectDetail .Detail {
  width: 100%;
  padding: 0.6rem 0 0.1rem;
  margin-bottom: 1rem;
}
.ProjectDetail .Detail .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.ProjectDetail .Detail .DetailList {
  width: 100%;
}
.ProjectDetail .Detail .DetailItem {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.ProjectDetail .Detail .DetailItem:nth-of-type(2n) {
  -webkit-flex-direction: row-reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.ProjectDetail .Detail .DetailItem:nth-of-type(2n) .ItemText {
  padding-left: 0;
  padding-right: 0.6rem;
}
.ProjectDetail .Detail .DetailItem .ItemImg {
  width: 50%;
  background-color: #eeeeee;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ProjectDetail .Detail .DetailItem .ItemImg .Img {
  width: 100%;
  padding-top: 72.2891566265%;
}
.ProjectDetail .Detail .DetailItem .ItemText {
  width: 50%;
  padding-left: 0.6rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ProjectDetail .Detail .DetailItem .ItemText .TextTitle {
  width: 100%;
  color: #333;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.3rem;
}
.ProjectDetail .Detail .DetailItem .ItemText .TextContent {
  width: 100%;
  color: #333;
  line-height: 1.8;
}
.ProjectDetail .Function {
  width: 100%;
  margin-bottom: 1rem;
}
.ProjectDetail .Function .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.ProjectDetail .Function .Title {
  width: 100%;
  color: #111;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.8rem;
}
.ProjectDetail .Function .Content {
  width: 100%;
}
.ProjectDetail .Function .Content .ContentTable {
  width: 100%;
}
.ProjectDetail .Function .Content .ContentTable .TableRow {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 0.01rem solid transparent;
  border-bottom: 0.01rem solid #eee;
  padding: 0.25rem 0;
}
.ProjectDetail .Function .Content .ContentTable .TableRow .RowTitle {
  width: 25%;
  color: #111;
  line-height: 1.4;
  font-weight: 700;
}
.ProjectDetail .Function .Content .ContentTable .TableRow .RowContent {
  width: 75%;
  color: #111;
  line-height: 1.4;
}
.ProjectDetail .Specs {
  width: 100%;
  margin-bottom: 1rem;
}
.ProjectDetail .Specs .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.ProjectDetail .Specs .Title {
  width: 100%;
  color: #111;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.5rem;
}
.ProjectDetail .Specs .Remark {
  width: 100%;
  color: #444;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 0.3rem;
}
.ProjectDetail .Specs .Content {
  width: 100%;
  font-size: 16px;
}
.ProjectDetail .Specs .Content img {
  width: 100%;
  height: auto;
}
.ProjectDetail .About {
  width: 100%;
}
.ProjectDetail .About .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.ProjectDetail .About .AboutTop {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.6rem;
}
.ProjectDetail .About .AboutTitle {
  width: auto;
  font-weight: 700;
  color: #111;
  line-height: 1.2;
}
.ProjectDetail .About .AboutButtons {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.ProjectDetail .About .AboutButtons .AboutSwiperPrev, .ProjectDetail .About .AboutButtons .AboutSwiperNext {
  width: 0.8rem;
  height: 0.5rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.25rem;
  cursor: pointer;
  border: 0.01rem solid #ccc;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.ProjectDetail .About .AboutButtons .AboutSwiperPrev:hover, .ProjectDetail .About .AboutButtons .AboutSwiperNext:hover {
  border-color: #271578;
  background-color: #271578;
}
.ProjectDetail .About .AboutButtons .AboutSwiperPrev:hover .Button, .ProjectDetail .About .AboutButtons .AboutSwiperNext:hover .Button {
  background-image: url(../images/leftBottom1.png);
}
.ProjectDetail .About .AboutButtons .AboutSwiperPrev .Button, .ProjectDetail .About .AboutButtons .AboutSwiperNext .Button {
  padding-left: 36%;
  height: 36%;
  background: url(../images/leftBottom3.png) center/cover no-repeat;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.ProjectDetail .About .AboutButtons .AboutSwiperPrev {
  margin-right: 0.4rem;
}
.ProjectDetail .About .AboutButtons .AboutSwiperPrev .Button {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ProjectDetail .About .AboutButtons .AboutSwiperNext .Button {
  -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
       -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.ProjectDetail .About .AboutMain {
  width: 100%;
}
.ProjectDetail .About .AboutSwiper .ProduceItem {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.ProjectDetail .About .AboutSwiper .ProduceItem:hover .ItemImg img {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}
.ProjectDetail .About .AboutSwiper .ProduceItem:hover .ItemText {
  color: #271578;
  font-weight: 700;
}
.ProjectDetail .About .AboutSwiper .ProduceItem:nth-of-type(4n) {
  margin-right: 0;
}
.ProjectDetail .About .AboutSwiper .ProduceItem .ItemImg {
  width: 100%;
  margin-bottom: 0.3rem;
  overflow: hidden;
}
.ProjectDetail .About .AboutSwiper .ProduceItem .ItemImg img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.ProjectDetail .About .AboutSwiper .ProduceItem .ItemText {
  width: 100%;
  color: #111;
  line-height: 1.4;
  text-align: center;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1200px) {
  .ProjectDetail .Info .Container, .ProjectDetail .Crumbs .Container, .ProjectDetail .Navigation .Container, .ProjectDetail .Detail .Container {
    width: 100%;
    padding: 10px;
  }
}
@media (max-width: 900px) {
  .ProjectDetail .Info .Container {
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .ProjectDetail .Info .InfoImg {
    width: 50%;
  }
  .ProjectDetail .Info .InfoContent {
    width: 50%;
    padding: 20px;
  }
}
@media (max-width: 750px) {
  .ProjectDetail .Crumbs .Container {
    display: block;
    vertical-align: middle;
  }
  .ProjectDetail .Crumbs .CrumbsIcon {
    display: none;
  }
  .ProjectDetail .Info .Container {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ProjectDetail .Info .InfoImg {
    width: 100%;
    margin-bottom: 20px;
  }
  .ProjectDetail .Info .InfoContent {
    width: 100%;
    padding: 0;
  }
  .ProjectDetail .Detail .DetailItem {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .ProjectDetail .Detail .DetailItem:nth-of-type(2n) {
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .ProjectDetail .Detail .DetailItem .ItemImg {
    width: 100%;
  }
  .ProjectDetail .Detail .DetailItem .ItemText {
    width: 100%;
    padding: 10px 0;
  }
}

/* 产品中心 */
.Produce {
  width: 100%;
}
.Produce .Banner {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Produce .Banner .BannerImg {
  width: 100%;
  padding-top: 43.2291666667%;
  min-height: 400px;
}
.Produce .Banner .BannerText {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 5;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 1rem;
}
.Produce .Banner .TextTitle {
  width: 100%;
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.Produce .Banner .TextContent {
  width: 100%;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
}
.Produce .Navigation {
  width: 100%;
  font-size: 0;
  background-color: #f6f6f6;
}
.Produce .Navigation .Tabs {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Produce .Navigation .Tab {
  white-space: nowrap;
  display: block;
  padding: 0.28rem 0;
  border-top: 0.04rem solid transparent;
  border-bottom: 0.04rem solid transparent;
  margin-right: 0.3rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Produce .Navigation .Tab:hover {
  border-bottom-color: #271578;
}
.Produce .Navigation .Tab:hover .TabTitle {
  color: #271578;
  font-weight: 700;
}
.Produce .Navigation .Tab:last-of-type {
  margin-right: 0;
}
.Produce .Navigation .Tab .TabTitle {
  color: #000;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Produce .Navigation .Tab.Select {
  font-weight: 700;
  border-bottom-color: #271578;
}
.Produce .Navigation .Tab.Select .TabTitle {
  color: #271578;
}
.Produce .Content {
  width: 100%;
  padding: 0.6rem 0 1.2rem;
}
.Produce .Content .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.Produce .Content .ProduceList {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 0.6rem;
}
.Produce .Content .ProduceItem {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.Produce .Content .ProduceItem:hover .ItemImg img {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}
.Produce .Content .ProduceItem:hover .ItemText {
  color: #271578;
  font-weight: 700;
}
.Produce .Content .ProduceItem:nth-of-type(4n) {
  margin-right: 0;
}
.Produce .Content .ProduceItem .ItemImg {
  width: 100%;
  margin-bottom: 0.3rem;
  overflow: hidden;
  padding: 0.4rem;
}
.Produce .Content .ProduceItem .ItemImg img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Produce .Content .ProduceItem .ItemText {
  width: 100%;
  color: #111;
  line-height: 1.4;
  text-align: center;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1200px) {
  .Produce .Content .Container {
    width: 100%;
    padding: 10px;
  }
}
@media (max-width: 800px) {
  .Produce .Navigation {
    overflow-x: scroll;
    padding: 0 20px;
  }
  .Produce .Navigation .Tabs {
    width: 940px;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .Produce .Navigation .Tab {
    width: 100px;
    margin-right: 20px;
  }
}
@media (max-width: 750px) {
  .Produce .Banner .BannerText {
    padding: 0 10px;
  }
  .Produce .Content .ProjectItem {
    width: 32%;
    margin-right: 2%;
  }
  .Produce .Content .ProjectItem:nth-of-type(4n) {
    margin-right: 2%;
  }
  .Produce .Content .ProjectItem:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media (max-width: 550px) {
  .Produce .Content .ProjectItem {
    width: 49%;
    margin-right: 2%;
  }
  .Produce .Content .ProjectItem:nth-of-type(3n) {
    margin-right: 2%;
  }
  .Produce .Content .ProjectItem:nth-of-type(2n) {
    margin-right: 0;
  }
}

/* 产品中心详情页 */
.ProduceDetail {
  width: 100%;
  padding-top: 1rem;
  background-color: #fff;
}
.ProduceDetail .Crumbs {
  width: 100%;
  background-color: #f6f6f6;
  font-size: 0;
  padding: 0.32rem 0;
}
.ProduceDetail .Crumbs .Container {
  width: 17.2rem;
  margin: 0 auto;
  vertical-align: middle;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ProduceDetail .Crumbs .CrumbsIcon {
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  min-width: 16px;
  min-height: 16px;
  background: url(../images/index1.png) center/cover no-repeat;
  margin-right: 0.15rem;
}
.ProduceDetail .Crumbs .CrumbsLink {
  display: inline-block;
  color: #999;
  line-height: 1.2;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.ProduceDetail .Crumbs .CrumbsLink:hover {
  color: #666;
}
.ProduceDetail .Crumbs .CrumbsSign {
  display: inline-block;
  color: #999;
  line-height: 1.2;
  margin: 0 0.05rem;
}
.ProduceDetail .Info {
  width: 100%;
  position: relative;
  z-index: 5;
  padding: 0.8rem 0;
}
.ProduceDetail .Info .Container {
  width: 17.2rem;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ProduceDetail .Info .InfoSwiper {
  width: 50%;
  height: 5.64rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ProduceDetail .Info .InfoSwiper .InfoSwiperCol {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ProduceDetail .Info .InfoSwiper .InfoSwiperCol .swiper-container {
  height: 80%;
}
.ProduceDetail .Info .InfoSwiper .InfoSwiperCol .swiper-slide {
  cursor: pointer;
}
.ProduceDetail .Info .InfoSwiper .InfoSwiperCol .swiper-slide .SlideImg {
  font-size: 0;
  width: 0.8rem;
  height: 0.6rem;
  border: solid 0.01rem #eeeeee;
  overflow: hidden;
  text-align: center;
}
.ProduceDetail .Info .InfoSwiper .InfoSwiperCol .swiper-slide .SlideImg img {
  width: auto;
  height: 100%;
}
.ProduceDetail .Info .InfoSwiper .InfoSwiperCol .SwiperSlideSelect .SlideImg {
  border: solid 0.01rem #004ea2;
}
.ProduceDetail .Info .InfoSwiper .InfoSwiperCol .InfoSwiperColPrev, .ProduceDetail .Info .InfoSwiper .InfoSwiperCol .InfoSwiperColNext {
  width: 0.26rem;
  height: 0.26rem;
  min-width: 26px;
  min-height: 26px;
  background: url(../images/bottom3.png) center/50% no-repeat;
  background-color: #dcdcdc;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.ProduceDetail .Info .InfoSwiper .InfoSwiperCol .InfoSwiperColPrev:hover, .ProduceDetail .Info .InfoSwiper .InfoSwiperCol .InfoSwiperColNext:hover {
  background-color: #271578;
}
.ProduceDetail .Info .InfoSwiper .InfoSwiperCol .InfoSwiperColPrev {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ProduceDetail .Info .InfoSwiper .InfoSwiperRow {
  width: 7.5rem;
  height: 100%;
  border: solid 0.01rem #eeeeee;
}
.ProduceDetail .Info .InfoSwiper .InfoSwiperRow .swiper-container {
  height: 100%;
}
.ProduceDetail .Info .InfoSwiper .InfoSwiperRow .swiper-slide {
  width: 100%;
  height: 100%;
  text-align: center;
}
.ProduceDetail .Info .InfoSwiper .InfoSwiperRow .swiper-slide img {
  width: auto;
  height: 100%;
}
.ProduceDetail .Info .InfoContent {
  width: 42.5%;
}
.ProduceDetail .Info .InfoText {
  width: 100%;
}
.ProduceDetail .Info .InfoText .TextTitle {
  color: #111;
  line-height: 1.2;
  font-weight: 700;
}
.ProduceDetail .Info .InfoText .TextLine {
  width: 100%;
  height: 0.01rem;
  background-color: #e5e5e5;
  margin: 0.16rem 0;
}
.ProduceDetail .Info .InfoText .TextContent {
  width: 100%;
  color: #444;
  line-height: 1.8;
}
.ProduceDetail .Navigation {
  width: 100%;
  font-size: 0;
  background-color: #ffffff;
  border: solid 0.01rem #e5e5e5;
}
.ProduceDetail .Navigation .Container {
  width: 17.2rem;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ProduceDetail .Navigation .Title {
  color: #111;
  line-height: 1.4;
  font-weight: 700;
}
.ProduceDetail .Navigation .Tabs {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ProduceDetail .Navigation .Tab {
  white-space: nowrap;
  display: block;
  padding: 0.28rem 0;
  border-top: 0.04rem solid transparent;
  border-bottom: 0.04rem solid transparent;
  margin-right: 0.3rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.ProduceDetail .Navigation .Tab:hover {
  border-bottom-color: #271578;
}
.ProduceDetail .Navigation .Tab:hover .TabTitle {
  color: #271578;
  font-weight: 700;
}
.ProduceDetail .Navigation .Tab:last-of-type {
  margin-right: 0;
}
.ProduceDetail .Navigation .Tab .TabTitle {
  color: #000;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.ProduceDetail .Navigation .Tab.Select {
  font-weight: 700;
  border-bottom-color: #271578;
}
.ProduceDetail .Navigation .Tab.Select .TabTitle {
  color: #271578;
}
.ProduceDetail .Detail {
  width: 100%;
  margin-top: 1rem;
}
.ProduceDetail .Detail .Container {
  width: 15.2rem;
  margin: 0 auto;
}
.ProduceDetail .Detail .DetailList {
  width: 100%;
}
.ProduceDetail .Detail .DetailItem {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.ProduceDetail .Detail .DetailItem:nth-of-type(2n) {
  -webkit-flex-direction: row-reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.ProduceDetail .Detail .DetailItem:nth-of-type(2n) .ItemText {
  padding-left: 0;
  padding-right: 0.6rem;
}
.ProduceDetail .Detail .DetailItem .ItemImg {
  width: 50%;
  background-color: #eeeeee;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ProduceDetail .Detail .DetailItem .ItemImg .Img {
  width: 100%;
  padding-top: 72.2891566265%;
}
.ProduceDetail .Detail .DetailItem .ItemText {
  width: 50%;
  padding-left: 0.6rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ProduceDetail .Detail .DetailItem .ItemText .TextTitle {
  width: 100%;
  color: #333;
  line-height: 1.2;
  font-weight: 700;
}
.ProduceDetail .Detail .DetailItem .ItemText .TextRemark {
  width: 100%;
  color: #333;
  line-height: 1.4;
  margin: 0.2rem 0 0.3rem;
}
.ProduceDetail .Detail .DetailItem .ItemText .TextContent {
  width: 100%;
  color: #333;
  line-height: 1.8;
}
.ProduceDetail .Function {
  width: 100%;
  margin-top: 1rem;
}
.ProduceDetail .Function .Container {
  width: 15.2rem;
  margin: 0 auto;
}
.ProduceDetail .Function .Title {
  width: 100%;
  color: #111;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.8rem;
}
.ProduceDetail .Function .Content {
  width: 100%;
}
.ProduceDetail .Function .Content .ContentTable {
  width: 100%;
}
.ProduceDetail .Function .Content .ContentTable .TableRow {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 0.01rem solid transparent;
  border-bottom: 0.01rem solid #eee;
  padding: 0.25rem 0;
}
.ProduceDetail .Function .Content .ContentTable .TableRow .RowTitle {
  width: 25%;
  color: #111;
  line-height: 1.4;
  font-weight: 700;
}
.ProduceDetail .Function .Content .ContentTable .TableRow .RowContent {
  width: 75%;
  color: #111;
  line-height: 1.4;
}
.ProduceDetail .Specs {
  width: 100%;
  margin-top: 1rem;
}
.ProduceDetail .Specs .Container {
  width: 15.2rem;
  margin: 0 auto;
}

/*.ProduceDetail .Specs .Container img{
  width: 100%;
}*/
.ProduceDetail .Specs .Title {
  width: 100%;
  color: #111;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.5rem;
}
.ProduceDetail .Specs .Remark {
  width: 100%;
  color: #444;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 0.3rem;
}
.ProduceDetail .Specs .Content {
  width: 100%;
  font-size: 16px;
}
.ProduceDetail .Specs .Content img {
  width: 100%;
  height: auto;
}
.ProduceDetail .About {
  width: 100%;
  margin-top: 1rem;
}
.ProduceDetail .About .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.ProduceDetail .About .AboutTop {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.6rem;
}
.ProduceDetail .About .AboutTitle {
  width: auto;
  font-weight: 700;
  color: #111;
  line-height: 1.2;
}
.ProduceDetail .About .AboutButtons {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.ProduceDetail .About .AboutButtons .AboutSwiperPrev, .ProduceDetail .About .AboutButtons .AboutSwiperNext {
  width: 0.8rem;
  height: 0.5rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.25rem;
  cursor: pointer;
  border: 0.01rem solid #ccc;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.ProduceDetail .About .AboutButtons .AboutSwiperPrev:hover, .ProduceDetail .About .AboutButtons .AboutSwiperNext:hover {
  border-color: #271578;
  background-color: #271578;
}
.ProduceDetail .About .AboutButtons .AboutSwiperPrev:hover .Button, .ProduceDetail .About .AboutButtons .AboutSwiperNext:hover .Button {
  background-image: url(../images/leftBottom1.png);
}
.ProduceDetail .About .AboutButtons .AboutSwiperPrev .Button, .ProduceDetail .About .AboutButtons .AboutSwiperNext .Button {
  padding-left: 36%;
  height: 36%;
  background: url(../images/leftBottom3.png) center/cover no-repeat;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.ProduceDetail .About .AboutButtons .AboutSwiperPrev {
  margin-right: 0.4rem;
}
.ProduceDetail .About .AboutButtons .AboutSwiperPrev .Button {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ProduceDetail .About .AboutButtons .AboutSwiperNext .Button {
  -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
       -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.ProduceDetail .About .AboutMain {
  width: 100%;
}
.ProduceDetail .About .AboutSwiper .ProduceItem {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.ProduceDetail .About .AboutSwiper .ProduceItem:hover .ItemImg img {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}
.ProduceDetail .About .AboutSwiper .ProduceItem:hover .ItemText {
  color: #271578;
  font-weight: 700;
}
.ProduceDetail .About .AboutSwiper .ProduceItem:nth-of-type(4n) {
  margin-right: 0;
}
.ProduceDetail .About .AboutSwiper .ProduceItem .ItemImg {
  width: 100%;
  margin-bottom: 0.3rem;
  overflow: hidden;
  padding: 0.5rem;
}
.ProduceDetail .About .AboutSwiper .ProduceItem .ItemImg img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.ProduceDetail .About .AboutSwiper .ProduceItem .ItemText {
  width: 100%;
  color: #111;
  line-height: 1.4;
  text-align: center;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1200px) {
  .ProduceDetail .Info .Container, .ProduceDetail .Crumbs .Container, .ProduceDetail .Navigation .Container, .ProduceDetail .Detail .Container, .ProduceDetail .Function .Container, .ProduceDetail .Specs .Container, .ProduceDetail .About .Container {
    width: 100%;
    padding: 10px;
  }
  .ProduceDetail .Info .InfoSwiper {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
}
@media (max-width: 900px) {
  .ProduceDetail .Info .Container {
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .ProduceDetail .Info .InfoSwiper {
    height: auto;
  }
  .ProduceDetail .Info .InfoSwiper .InfoSwiperCol {
    display: none;
  }
  .ProduceDetail .Info .InfoSwiper .InfoSwiperRow {
    width: 100%;
  }
  .ProduceDetail .Info .InfoContent {
    width: 50%;
    padding: 20px;
  }
}
@media (max-width: 750px) {
  .ProduceDetail .Crumbs .Container {
    display: block;
    vertical-align: middle;
  }
  .ProduceDetail .Crumbs .CrumbsIcon {
    display: none;
  }
  .ProduceDetail .Info .Container {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ProduceDetail .Info .InfoSwiper {
    width: 100%;
    margin-bottom: 20px;
  }
  .ProduceDetail .Info .InfoContent {
    width: 100%;
    padding: 0;
  }
  .ProduceDetail .Detail .DetailItem {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .ProduceDetail .Detail .DetailItem:nth-of-type(2n) {
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .ProduceDetail .Detail .DetailItem .ItemImg {
    width: 100%;
  }
  .ProduceDetail .Detail .DetailItem .ItemText {
    width: 100%;
    padding: 10px 0;
  }
  .ProduceDetail .Function .Content .ContentTable .TableRow .RowTitle {
    width: 45%;
  }
  .ProduceDetail .Function .Content .ContentTable .TableRow .RowContent {
    width: 55%;
  }
}
@media (max-width: 550px) {
  .ProduceDetail .Navigation .Container {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ProduceDetail .Navigation .Container .Title {
    width: 100%;
  }
  .ProduceDetail .Navigation .Container .Tabs {
    width: 100%;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

/* 新闻中心 */
.News {
  width: 100%;
}
.News .Banner {
  width: 100%;
  position: relative;
  z-index: 5;
}
.News .Banner .BannerImg {
  width: 100%;
  padding-top: 43.2291666667%;
  min-height: 400px;
}
.News .Banner .BannerText {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 5;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 1rem;
}
.News .Banner .TextTitle {
  width: 100%;
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.News .Banner .TextContent {
  width: 100%;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
}
.News .Navigation {
  width: 100%;
  font-size: 0;
  background-color: #f6f6f6;
}
.News .Navigation .Tabs {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.News .Navigation .Tab {
  white-space: nowrap;
  display: block;
  padding: 0.28rem 0;
  border-top: 0.04rem solid transparent;
  border-bottom: 0.04rem solid transparent;
  margin-right: 0.3rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.News .Navigation .Tab:hover {
  border-bottom-color: #271578;
}
.News .Navigation .Tab:hover .TabTitle {
  color: #271578;
  font-weight: 700;
}
.News .Navigation .Tab:last-of-type {
  margin-right: 0;
}
.News .Navigation .Tab .TabTitle {
  color: #000;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.News .Navigation .Tab.Select {
  font-weight: 700;
  border-bottom-color: #271578;
}
.News .Navigation .Tab.Select .TabTitle {
  color: #271578;
}
.News .Content {
  width: 100%;
  padding: 0.6rem 0 1.2rem;
}
.News .Content .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.News .Content .NewsList {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 0.6rem;
}
.News .Content .NewsItem {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.News .Content .NewsItem:nth-of-type(4n) {
  margin-right: 0;
}
.News .Content .NewsItem:hover .ItemImg .Img {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}
.News .Content .NewsItem:hover .ItemTurn {
  background-color: #271578;
  border-color: #271578;
}
.News .Content .NewsItem:hover .ItemTurn .TurnIcon {
  -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
       -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
  background-image: url(../images/leftBottom1.png);
}
.News .Content .NewsItem .ItemImg {
  width: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden;
  height: 3rem;
}
.News .Content .NewsItem .ItemImg .Img {
  width: 100%;
  position: relative;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 4;
  height: 100%;
  object-fit: cover;
    object-position: center;
}
.News .Content .NewsItem .ItemImg .Img Img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.News .Content .NewsItem .ItemImg .Mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0;
  z-index: 5;
  background: url(../images/Home38.png) center/cover no-repeat;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.News .Content .NewsItem .ItemText {
  width: 100%;
  padding: 0.3rem;
  background-color: #f6f6f6;
}
.News .Content .NewsItem .ItemTitle {
  width: 100%;
  color: #999;
  line-height: 1.3;
}
.News .Content .NewsItem .ItemContent {
  width: 100%;
  color: #111;
  line-height: 1.4;
  margin: 0.24rem 0;
  font-weight: 700;
  height: 2.9em;
}
.News .Content .NewsItem .ItemControl {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.News .Content .NewsItem .ItemTime {
  width: auto;
  color: #999;
  line-height: 1.3;
}
.News .Content .NewsItem .ItemTurn {
  width: 0.46rem;
  height: 0.46rem;
  display: block;
  border-radius: 50%;
  border: 0.01rem solid #999;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.News .Content .NewsItem .ItemTurn .TurnIcon {
  width: 50%;
  height: 50%;
  background-image: url(../images/leftBottom2.png);
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1200px) {
  .News .Content .Container {
    width: 100%;
    padding: 10px;
  }
}
@media (max-width: 800px) {
  .News .Navigation {
    overflow-x: scroll;
    padding: 0 20px;
  }
  .News .Navigation .Tabs {
    /* width: 940px; */
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .News .Navigation .Tab {
    /* width: 100px; */
    margin-right: 20px;
  }
}
@media (max-width: 750px) {
  .News .Banner .BannerText {
    padding: 0 10px;
  }
  .News .Content .NewsItem {
    width: 32%;
    margin-right: 2%;
  }
  .News .Content .NewsItem:nth-of-type(4n) {
    margin-right: 2%;
  }
  .News .Content .NewsItem:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media (max-width: 550px) {
  .News .Content .NewsItem {
    width: 49%;
    margin-right: 2%;
  }
  .News .Content .NewsItem:nth-of-type(3n) {
    margin-right: 2%;
  }
  .News .Content .NewsItem:nth-of-type(2n) {
    margin-right: 0;
  }
}

/* 新闻中心详情页 */
.NewsDetail {
  width: 100%;
}
.NewsDetail .Banner {
  width: 100%;
  position: relative;
  z-index: 5;
}
.NewsDetail .Banner .BannerImg {
  width: 100%;
  padding-top: 43.2291666667%;
  min-height: 400px;
}
.NewsDetail .Banner .BannerText {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 5;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 1rem;
}
.NewsDetail .Banner .TextTitle {
  width: 100%;
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.NewsDetail .Banner .TextContent {
  width: 100%;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
}
.NewsDetail .Content {
  width: 100%;
  padding-bottom: 1rem;
}
.NewsDetail .Content .Container {
  width: 12rem;
  margin: 0 auto;
}
.NewsDetail .Content .ContentTop {
  width: 100%;
  padding: 0.36rem 0;
}
.NewsDetail .Content .ContentTitle {
  width: 100%;
  font-weight: 700;
  line-height: 1.2;
  color: #333;
  margin-bottom: 0.3rem;
}
.NewsDetail .Content .ContentBar {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NewsDetail .Content .ContentInfo {
  color: #666;
  line-height: 1.4;
}
.NewsDetail .Content .ContentInfo span {
  margin-right: 0.2rem;
}
.NewsDetail .Content .ContentInfo span:last-of-type {
  margin-right: 0;
}
.NewsDetail .Content .ContentShare {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NewsDetail .Content .ContentShare .ShareText {
  color: #666;
  line-height: 1.4;
}
.NewsDetail .Content .ContentShare .ShareLinks {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.NewsDetail .Content .ContentShare .ShareLink {
  width: 0.24rem;
  height: 0.24rem;
  min-width: 16px;
  min-height: 16px;
  display: block;
  margin-left: 0.2rem;
  position: relative;
  z-index: 5;
}
.NewsDetail .Content .ContentShare .ShareLink:hover .LinkIconHover {
  opacity: 1;
}
.NewsDetail .Content .ContentShare .ShareLink:hover .LinkIcon {
  opacity: 0;
}
.NewsDetail .Content .ContentShare .ShareLink .LinkIconHover, .NewsDetail .Content .ContentShare .ShareLink .LinkIcon {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.NewsDetail .Content .ContentShare .ShareLink .LinkIconHover {
  opacity: 0;
}
.NewsDetail .Content .ContentShare .ShareLink .LinkIcon {
  opacity: 1;
}
.NewsDetail .Content .ContentMain {
  width: 100%;
  line-height: 1.8;
  padding: 0.36rem 0;
  border-top: 0.02rem dotted #dcdcdc;
  border-bottom: 0.02rem dotted #dcdcdc;
}
.NewsDetail .Content .ContentBottom {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.3rem 0 0.4rem;
}
.NewsDetail .Content .ContentPages {
  width: auto;
}
.NewsDetail .Content .ContentPages .PagePrev, .NewsDetail .Content .ContentPages .PageNext {
  display: block;
  color: #444;
  line-height: 1.5;
}
.NewsDetail .Content .ContentButtons {
  width: auto;
}
.NewsDetail .Content .ContentButtons .Return {
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #333;
  border-radius: 0.02rem;
  padding: 0.16rem 0.3rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.NewsDetail .Content .ContentButtons .Return:hover {
  background-color: #271578;
}
.NewsDetail .Content .ContentButtons .Return .ReturnIcon {
  width: 0.16rem;
  height: 0.16rem;
  min-width: 16px;
  min-height: 16px;
  background: url(../images/News17.png) center/cover no-repeat;
  margin-right: 0.2rem;
}
.NewsDetail .Content .ContentButtons .Return .ReturnText {
  color: #fff;
  line-height: 1.4;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .NewsDetail .Content .Container {
    width: 100%;
    padding: 10px;
  }
}
@media (max-width: 750px) {
  .NewsDetail .Banner .BannerText {
    padding: 0 10px;
  }
}
@media (max-width: 500px) {
  .NewsDetail .Content .ContentBar {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .NewsDetail .Content .ContentInfo {
    width: 100%;
    margin-bottom: 10px;
  }
  .NewsDetail .Content .ContentShare {
    width: 100%;
  }
  .NewsDetail .Content .ContentBottom {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .NewsDetail .Content .ContentPages {
    width: 100%;
    margin-bottom: 30px;
  }
  .NewsDetail .Content .ContentButtons {
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* 加入我们 */
.Join {
  width: 100%;
}
.Join .Banner {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Join .Banner .BannerImg {
  width: 100%;
  padding-top: 43.2291666667%;
  min-height: 400px;
}
.Join .Banner .BannerText {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 5;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 1rem;
}
.Join .Banner .TextTitle {
  width: 100%;
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.Join .Banner .TextContent {
  width: 100%;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
}
.Join .Info {
  width: 100%;
  padding: 1rem 0 0.8rem;
}
.Join .Info .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.Join .Info .InfoTop {
  margin-bottom: 1rem;
  width: 100%;
}
.Join .Info .InfoTitle {
  width: 100%;
  font-weight: 700;
  color: #333;
  line-height: 1.2;
  text-align: center;
}
.Join .Info .InfoMain {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Join .Info .InfoImg {
  width: 46%;
}
.Join .Info .InfoImg .Img {
  width: 100%;
  padding-top: 58.1098339719%;
}
.Join .Info .InfoText {
  width: 50%;
}
.Join .Info .InfoRemark {
  width: 100%;
  color: #333;
  line-height: 1.6;
  margin-bottom: 0.26rem;
}
.Join .Info .InfoWeals {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.Join .Info .InfoWeal {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 0.05rem;
  border: solid 0.01rem #999999;
  padding: 0.2rem;
}
.Join .Info .InfoWeal:nth-of-type(3n) {
  margin-right: 0;
}
.Join .Info .InfoWeal .WealText {
  width: auto;
  margin-right: 0.1rem;
}
.Join .Info .InfoWeal .WealTitle {
  width: 100%;
  color: #333;
  line-height: 1.4;
  font-weight: 700;
}
.Join .Info .InfoWeal .WealRemark {
  width: 100%;
  color: #666;
  line-height: 1.6;
}
.Join .Info .InfoWeal .WealIcon {
  width: auto;
}
.Join .Info .InfoWeal .WealIcon .Icon {
  width: 0.38rem;
  height: 0.38rem;
  min-width: 24px;
  min-height: 24px;
}
.Join .Recruit {
  width: 100%;
}
.Join .Recruit .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.Join .Recruit .RecruitTop {
  width: 100%;
  margin-bottom: 0.2rem;
}
.Join .Recruit .RecruitTitle {
  width: 100%;
  font-weight: 700;
  color: #333;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  text-align: center;
}
.Join .Recruit .RecruitSearch {
  width: 100%;
}
.Join .Recruit .RecruitSearch .SearchBoard {
  width: 100%;
  background-color: #333;
  padding: 0.3rem 0.64rem;
  font-size: 0;
}
.Join .Recruit .RecruitSearch .SearchFrame {
  width: 100%;
  height: 0.6rem;
  min-height: 42px;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.Join .Recruit .RecruitSearch .SearchInput {
  width: 89.5%;
  height: 100%;
  font-size: 0;
}
.Join .Recruit .RecruitSearch .SearchInput input {
  width: 100%;
  height: 100%;
  line-height: 1.2;
  border: 0.01rem solid #271578;
  padding: 0 0.1rem;
}
.Join .Recruit .RecruitSearch .SearchButton {
  width: 10.5%;
  border: none;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #271578;
}
.Join .Recruit .RecruitSearch .SearchButton .Icon {
  width: 0.26rem;
  margin-right: 0.14rem;
  height: 0.26rem;
  min-width: 20px;
  min-height: 20px;
  background: url(../images/search1.png) center/cover no-repeat;
}
.Join .Recruit .RecruitSearch .SearchButton .Text {
  color: #fff;
  line-height: 1.2;
}
.Join .Recruit .RecruitMain {
  width: 100%;
}
.Join .Recruit .RecruitInfo {
  width: 100%;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.2rem 0.4rem;
  background-color: #f8f8f8;
  margin-bottom: 0.2rem;
  border-radius: 0.02rem;
  border: solid 0.01rem #eeeeee;
}
.Join .Recruit .RecruitInfo .InfoTitle {
  width: auto;
  color: #333;
  line-height: 1.5;
}
.Join .Recruit .RecruitInfo .InfoNumber {
  width: auto;
}
.Join .Recruit .RecruitInfo .InfoNumber span {
  line-height: 1.4;
  color: #999;
}
.Join .Recruit .RecruitInfo .InfoNumber .num {
  color: #271578;
}
.Join .Recruit .RecruitBar {
  width: 100%;
  padding: 0.32rem 0.4rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
  background-color: #f5f5f5;
}
.Join .Recruit .RecruitList {
  width: 100%;
}
.Join .Recruit .RecruitItem {
  width: 100%;
}
.Join .Recruit .RecruitItem:nth-of-type(even) {
  background-color: #f5f5f5;
}
.Join .Recruit .RecruitItem .ItemTop {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.32rem 0.4rem;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #666;
}
.Join .Recruit .RecruitItem .ItemTop .Button {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.Join .Recruit .RecruitItem .ItemTop .Button .Down {
  width: 0.24rem;
  height: 0.24rem;
  min-width: 24px;
  min-height: 24px;
  background: url(../images/bottom1.png) center/50% no-repeat;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Join .Recruit .RecruitItem .ItemMain {
  width: 100%;
  padding: 0.4rem 0.3rem;
  border-top: 0.02rem solid #f5f5f5;
  border-bottom: 0.02rem solid transparent;
  display: none;
}
.Join .Recruit .RecruitItem .ItemLayout {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Join .Recruit .RecruitItem .ItemInfo {
  width: 100%;
  color: #666;
  display: none;
  line-height: 2;
  margin-bottom: 0.4rem;
}
.Join .Recruit .RecruitItem .ItemRemark, .Join .Recruit .RecruitItem .ItemNeed {
  width: 49%;
  margin-bottom: 0.4rem;
}
.Join .Recruit .RecruitItem .ItemRemark .Title, .Join .Recruit .RecruitItem .ItemNeed .Title {
  width: 100%;
  color: #271578;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.2rem;
}
.Join .Recruit .RecruitItem .ItemRemark .Remark, .Join .Recruit .RecruitItem .ItemNeed .Remark {
  width: 100%;
}
.Join .Recruit .RecruitItem .ItemRemark .Remark p, .Join .Recruit .RecruitItem .ItemNeed .Remark p {
  color: #666;
  line-height: 2;
}
.Join .Recruit .RecruitItem .ItemSend {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.Join .Recruit .RecruitItem .ItemSend .Text {
  color: #fff;
  background-color: #271578;
  color: #fff;
  padding: 0 0.26rem;
  white-space: nowrap;
  line-height: 1.2;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Join .Recruit .RecruitItem .ItemSend .Icon {
  width: 0.42rem;
  height: 0.42rem;
  min-width: 32px;
  min-height: 32px;
  background: url(../images/bottom3.png) center/46% no-repeat;
  background-color: #271578;
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-left: 0.02rem;
}
.Join .Recruit .RecruitPages {
  margin: 0.4rem 0 0.8rem;
}
.Join .Recruit .RecruitItem.Open .ItemTop .Button .Down {
  -webkit-transform: rotate(-180deg);
     -moz-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
       -o-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.Join .Recruit .RecruitBar .Work, .Join .Recruit .RecruitItem .ItemTop .Work {
  width: 27%;
}
.Join .Recruit .RecruitBar .Kind, .Join .Recruit .RecruitItem .ItemTop .Kind {
  width: 16%;
}
.Join .Recruit .RecruitBar .Area, .Join .Recruit .RecruitItem .ItemTop .Area {
  width: 16%;
}
.Join .Recruit .RecruitBar .People, .Join .Recruit .RecruitItem .ItemTop .People {
  width: 14%;
}
.Join .Recruit .RecruitBar .Time, .Join .Recruit .RecruitItem .ItemTop .Time {
  width: 20%;
}
.Join .Recruit .RecruitBar .Button, .Join .Recruit .RecruitItem .ItemTop .Button {
  width: 7%;
}
@media (max-width: 1200px) {
  .Join .Info .Container, .Join .Recruit .Container {
    width: 100%;
    padding: 10px;
  }
  .Join .Info .InfoMain {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Join .Info .InfoImg {
    width: 100%;
    margin-bottom: 20px;
  }
  .Join .Info .InfoText {
    width: 100%;
  }
  .Join .Recruit .RecruitSearch .SearchInput {
    width: 100%;
  }
  .Join .Recruit .RecruitSearch .SearchButton {
    width: 200px;
  }
  .Join .Recruit .RecruitBar .Work, .Join .Recruit .RecruitItem .ItemTop .Work {
    width: 54%;
  }
  .Join .Recruit .RecruitBar .Kind, .Join .Recruit .RecruitBar .Area, .Join .Recruit .RecruitBar .People, .Join .Recruit .RecruitItem .ItemTop .Kind, .Join .Recruit .RecruitItem .ItemTop .Area, .Join .Recruit .RecruitItem .ItemTop .People {
    display: none;
  }
  .Join .Recruit .RecruitBar .Time, .Join .Recruit .RecruitItem .ItemTop .Time {
    width: 39%;
  }
  .Join .Recruit .RecruitBar .Button, .Join .Recruit .RecruitItem .ItemTop .Button {
    width: 7%;
  }
  .Join .Recruit .RecruitItem .ItemInfo {
    display: block;
  }
}
@media (max-width: 750px) {
  .Join .Banner .BannerText {
    padding: 0 10px;
  }
  .Join .Recruit .RecruitItem .ItemRemark, .Join .Recruit .RecruitItem .ItemNeed {
    width: 100%;
  }
}
@media (max-width: 650px) {
  .Join .Info .InfoText {
    width: 100%;
  }
  .Join .Info .InfoWeal {
    width: 49%;
  }
  .Join .Info .InfoWeal:nth-of-type(3n) {
    margin-right: 2%;
  }
  .Join .Info .InfoWeal:nth-of-type(2n) {
    margin-right: 0;
  }
}

/* 联系我们 */
.Contact {
  width: 100%;
}
.Contact .Banner {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Contact .Banner .BannerImg {
  width: 100%;
  padding-top: 43.2291666667%;
  min-height: 400px;
}
.Contact .Banner .BannerText {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 5;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 1rem;
}
.Contact .Banner .TextTitle {
  width: 100%;
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.Contact .Banner .TextContent {
  width: 100%;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
}
.Contact .Navigation {
  width: 100%;
  font-size: 0;
  background-color: #f6f6f6;
}
.Contact .Navigation .Tabs {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Contact .Navigation .Tab {
  white-space: nowrap;
  display: block;
  padding: 0.28rem 0;
  border-top: 0.04rem solid transparent;
  border-bottom: 0.04rem solid transparent;
  margin-right: 0.3rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact .Navigation .Tab:hover {
  border-bottom-color: #271578;
}
.Contact .Navigation .Tab:hover .TabTitle {
  color: #271578;
  font-weight: 700;
}
.Contact .Navigation .Tab:last-of-type {
  margin-right: 0;
}
.Contact .Navigation .Tab .TabTitle {
  color: #000;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact .Navigation .Tab.Select {
  font-weight: 700;
  border-bottom-color: #271578;
}
.Contact .Navigation .Tab.Select .TabTitle {
  color: #271578;
}
.Contact .Area {
  width: 100%;
  padding-top: 1rem;
}
.Contact .Area .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.Contact .Area .AreaTop {
  width: 100%;
  margin-bottom: 0.5rem;
}
.Contact .Area .AreaTitle {
  width: 100%;
  font-weight: 700;
  color: #333;
  line-height: 1.4;
  text-align: center;
}
.Contact .Area .AreaMain {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.Contact .Area .AreaBox {
  width: 30%;
}
.Contact .Area .AreaBar {
  width: 100%;
  padding: 0.3rem;
  color: #fff;
  line-height: 1.2;
  background-color: #333;
}
.Contact .Area .AreaList {
  width: 100%;
  height: 5.2rem;
  overflow-y: scroll;
  /* 修改垂直滚动条 */
  /* 修改滚动条轨道背景色 */
  /* 修改滚动条滑块颜色 */
}
.Contact .Area .AreaList::-webkit-scrollbar {
  width: 0.05rem; /* 修改宽度 */
}
.Contact .Area .AreaList::-webkit-scrollbar-track {
  background-color: #eee;
}
.Contact .Area .AreaList::-webkit-scrollbar-thumb {
  background-color: #271578;
}
.Contact .Area .AreaItem {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.24rem;
  border-top: 0.01rem solid transparent;
  border-bottom: 0.01rem solid #efefef;
}
.Contact .Area .AreaItem:hover .ItemIcon {
  background-image: url(../images/Contact9.png);
  border-color: #271578;
  background-color: #271578;
}
.Contact .Area .AreaItem:hover .TextTitle {
  color: #271578;
}
.Contact .Area .AreaItem .ItemIcon {
  width: 0.5rem;
  height: 0.5rem;
  min-width: 32px;
  min-height: 32px;
  background: url(../images/Contact3.png) center/cover no-repeat;
  border-radius: 50%;
  border: 0.01rem solid #271578;
  margin-right: 0.2rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact .Area .AreaItem .ItemText {
  width: auto;
}
.Contact .Area .AreaItem .TextTitle {
  width: 100%;
  color: #333;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Contact .Area .AreaItem .TextInfo {
  width: 100%;
}
.Contact .Area .AreaItem .TextInfo .Name, .Contact .Area .AreaItem .TextInfo .Phone {
  width: 100%;
  margin-top: 0.05rem;
}
.Contact .Area .AreaItem .TextInfo .Name::before, .Contact .Area .AreaItem .TextInfo .Phone::before {
  content: "";
  width: 0.13rem;
  height: 0.13rem;
  min-width: 13px;
  min-height: 13px;
  margin-right: 0.1rem;
  display: inline-block;
}
.Contact .Area .AreaItem .TextInfo .Name span, .Contact .Area .AreaItem .TextInfo .Phone span {
  color: #333;
  line-height: 1.2;
}
.Contact .Area .AreaItem .TextInfo .Name::before {
  background: url(../images/Contact4.png) center/cover no-repeat;
}
.Contact .Area .AreaItem .TextInfo .Phone::before {
  background: url(../images/Contact5.png) center/cover no-repeat;
}
.Contact .Area .AreaMap {
  width: 70%;
  position: relative;
  z-index: 5;
}
.Contact .Area .AreaMap .Map {
  width: 100%;
  height: 100%;
}
.Contact .Area .AreaMap .Info {
  padding-left: 0.14rem;
  border-right: 0.04rem solid transparent;
  border-left: 0.04rem solid #271578;
  color: #333;
  line-height: 1.2;
  position: absolute;
  left: 0.4rem;
  top: 0.4rem;
  z-index: 4;
}
.Contact .Area .AreaMap .Info .Num {
  color: #271578;
  font-weight: 700;
}
.Contact .Area .AreaMap .Network {
  width: auto;
  font-size: 0;
}
.Contact .Area .AreaMap .Network .Sign {
  width: 0.32rem;
  min-width: 28px;
}
.Contact .Area .AreaMap .Network .Whole.Dot {
  position: absolute;
  bottom: 14%;
  right: 38%;
  z-index: 4;
}
.Contact .Area .AreaMap .Network .Part.Dot {
  position: absolute;
  bottom: 16%;
  right: 42%;
  z-index: 4;
}
.Contact .Way {
  width: 100%;
  padding: 1rem 0 1.5rem;
}
.Contact .Way .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.Contact .Way .WayTop {
  width: 100%;
  margin-bottom: 0.5rem;
}
.Contact .Way .WayTitle {
  width: 100%;
  font-weight: 700;
  color: #333;
  line-height: 1.4;
  text-align: center;
}
.Contact .Way .WayMain {
  width: 100%;
}
.Contact .Way .WayMap {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Contact .Way .WayMap .Map {
  width: 100%;
  padding-top: 34.8837209302%;
  min-height: 400px;
}
.Contact .Way .WayMap .Sign {
  position: absolute;
  padding: 0.3rem;
  left: 50%;
  top: 50%;
  z-index: 5;
  background-color: #fff;
  border-radius: 0.02rem;
  box-shadow: 0 0.03rem 0.1rem 0 rgba(0, 0, 0, 0.06);
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.Contact .Way .WayMap .Sign .Name {
  color: #333;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.05rem;
}
.Contact .Way .WayMap .Sign .Info {
  color: #333;
  line-height: 1.4;
}
.Contact .Way .WayMap .Sign::after {
  content: "";
  border-left: 0.08rem solid transparent;
  border-right: 0.08rem solid transparent;
  border-top: 0.1rem solid #fff;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 100%);
     -moz-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
       -o-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  z-index: 5;
}
@media (max-width: 1200px) {
  .Contact .Way .Container, .Contact .Area .Container {
    width: 100%;
    padding: 10px;
  }
}
@media (max-width: 900px) {
  .Contact .Area .AreaBox {
    width: 100%;
  }
  .Contact .Area .AreaMain {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Contact .Area .AreaItem .ItemIcon {
    display: none;
  }
  .Contact .Area .AreaMap {
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Contact .Area .AreaMap .Info {
    position: static;
    left: 0;
    margin: 20px 0;
    top: 0;
  }
  .Contact .Area .AreaMap .Map {
    padding-top: 48.3870967742%;
  }
}
@media (max-width: 800px) {
  .Contact .Navigation {
    overflow-x: scroll;
    padding: 0 20px;
  }
  .Contact .Navigation .Tabs {
    /* width: 940px; */
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .Contact .Navigation .Tab {
    /* width: 100px; */
    margin-right: 20px;
  }
}
@media (max-width: 750px) {
  .Contact .Banner .BannerText {
    padding: 0 10px;
  }
}

/* 创新研发 */
.Create {
  width: 100%;
}
.Create .Banner {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Create .Banner .BannerImg {
  width: 100%;
  padding-top: 43.2291666667%;
  min-height: 400px;
}
.Create .Banner .BannerText {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 5;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 1rem;
}
.Create .Banner .TextTitle {
  width: 100%;
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.Create .Banner .TextContent {
  width: 100%;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
}

.Create .Navigation.Fixed .Tabs{
  position: fixed;
  left: 0;
  z-index: 9;
  top: .96rem;
  width: 100%;
  background-color: #fff;
}

.Create .Anchor{
  position: absolute;
  left: 0;
  top: -1.92rem;
}

@media (max-width: 750px) {
  .Create .Navigation.Fixed .Tabs{
    top: calc(.4rem + 42px);
  }

  .Create .Anchor{
    top: calc(-.4rem - 42px - .96rem);
  }
}

.Create .Navigation {
  width: 100%;
  font-size: 0;
  background-color: #f6f6f6;
}
.Create .Navigation .Tabs {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Create .Navigation .Tab {
  white-space: nowrap;
  height: 0.96rem;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 0.04rem solid transparent;
  border-bottom: 0.04rem solid transparent;
  margin-right: 0.3rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Create .Navigation .Tab:hover {
  border-bottom-color: #271578;
}
.Create .Navigation .Tab:hover .TabTitle {
  color: #271578;
  font-weight: 700;
}
.Create .Navigation .Tab:last-of-type {
  margin-right: 0;
}
.Create .Navigation .Tab .TabTitle {
  color: #000;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Create .Navigation .Tab.Select {
  font-weight: 700;
  border-bottom-color: #271578;
}
.Create .Navigation .Tab.Select .TabTitle {
  color: #271578;
}
.Create .Ability {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Create .Ability .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.Create .Ability .AbilityMain {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.Create .Ability .AbilityImg.Whole {
  width: 68.6%;
}
.Create .Ability .AbilityImg.Whole .Img {
  width: 100%;
  padding-top: 50.8474576271%;
}
.Create .Ability .AbilityImg.Group {
  width: 31.4%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Create .Ability .AbilityImg.Group .Img {
  width: 100%;
  height: 50%;
}
.Create .Ability .AbilityImg.Whole .Img, .Create .Ability .AbilityImg.Group .Img {
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.Create .Ability .AbilityImg.Whole .Img:hover::after, .Create .Ability .AbilityImg.Group .Img:hover::after {
  top: 0%;
}
.Create .Ability .AbilityImg.Whole .Img::after, .Create .Ability .AbilityImg.Group .Img::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 5;
  width: 100%;
  height: 100%;
  background: url(../images/Create3.png) center/cover no-repeat;
}
.Create .Ability .AbilityFooter {
  width: 100%;
  background-color: #271578;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.4rem 0.8rem;
}
.Create .Ability .AbilityInfo {
  width: 32%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Create .Ability .AbilityTitle {
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
}
.Create .Ability .AbilityIcon {
  width: 1.5rem;
}
.Create .Ability .AbilityIcon img {
  width: 100%;
  height: auto;
}
.Create .Ability .AbilityText {
  width: 60%;
}
.Create .Ability .TextRemark {
  width: 100%;
  color: #fff;
  line-height: 1.6;
  margin-bottom: 0.2rem;
}
.Create .Ability .TextControl {
  width: 100%;
}
.Create .Ability .TextButtons {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Create .Ability .TextButton {
  display: inline-block;
  color: #271578;
  line-height: 1.2;
  padding: 0.12rem 0.3rem;
  background-color: #fff;
  border-radius: 0.24rem;
}
.Create .Ability .TextNumber {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Create .Ability .TextNumber .Number {
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
  margin-right: 0.1rem;
}
.Create .Ability .TextNumber .Font {
  width: auto;
  color: #fff;
  line-height: 1.5;
}
.Create .Ability .TextNumber .Font span {
  display: block;
}
.Create .Skill {
  width: 100%;
  padding: 1rem 0;
  position: relative;
  z-index: 5;
}
.Create .Skill .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.Create .Skill .SkillTop {
  width: 100%;
  margin-bottom: 0.5rem;
}
.Create .Skill .SkillTitle {
  width: 100%;
  font-weight: 700;
  color: #333;
  line-height: 1.4;
  text-align: center;
}
.Create .Skill .SkillMain {
  width: 100%;
}
.Create .Skill .SkillList {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 0.2rem;
}
.Create .Skill .SkillItem {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.Create .Skill .SkillItem:nth-of-type(4n) {
  margin-right: 0;
}
.Create .Skill .SkillItem .ItemImg {
  width: 100%;
  padding-top: 75%;
  position: relative;
  z-index: 5;
  border: 0.01rem solid #eee;
  cursor: pointer;
}
.Create .Skill .SkillItem .ItemImg img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
  width: auto;
  height: 80%;
}
.Create .Skill .SkillItem .ItemText {
  width: 100%;
  background-color: #eee;
  text-align: center;
  padding: 0.25rem;
}
.Create .Skill .SkillItem .ItemText .TextSlide {
  white-space: nowrap;
  overflow-x: scroll;
}
.Create .Skill .SkillItem .ItemText .TextSlide::-webkit-scrollbar {
  height: 0;
}
.Create .Break {
  width: 100%;
  background: url(../images/Create8.jpg) center/cover no-repeat;
  padding: 0.8rem 0;
  position: relative;
  z-index: 5;
}
.Create .Break .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.Create .Break .BreakTop {
  width: 100%;
  margin-bottom: 0.5rem;
}
.Create .Break .BreakTitle {
  width: 100%;
  font-weight: 700;
  color: #333;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 0.2rem;
}
.Create .Break .BreakRemark {
  width: 100%;
  color: #333;
  line-height: 1.4;
  text-align: center;
}
.Create .Break .BreakMain {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Create .Break .BreakImg {
  width: 40%;
}
.Create .Break .BreakImg .Img {
  width: 3.48rem;
  margin: 0 auto;
}
.Create .Break .BreakImg .Img img {
  width: 100%;
  height: auto;
}
.Create .Break .BreakImg .Text {
  width: 100%;
  text-align: center;
}
.Create .Break .BreakText {
  width: 50%;
}
.Create .Break .BreakText .TextTitle {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 0.24rem;
}
.Create .Break .BreakText .TextContent {
  width: 100%;
  line-height: 1.6;
  color: #333;
}
.Create .Break .BreakText .TextContent p::before {
  content: "";
  display: inline-block;
  width: 0.075rem;
  height: 0.075rem;
  min-width: 7.5px;
  min-height: 7.5px;
  background-color: #333;
  -webkit-transform: translateY(-30%) rotate(-45deg);
     -moz-transform: translateY(-30%) rotate(-45deg);
      -ms-transform: translateY(-30%) rotate(-45deg);
       -o-transform: translateY(-30%) rotate(-45deg);
          transform: translateY(-30%) rotate(-45deg);
  margin-right: 0.1rem;
}
@media (max-width: 1200px) {
  .Create .Ability .Container, .Create .Skill .Container, .Create .Break .Container {
    width: 100%;
    padding: 10px;
  }
  .Create .Break .BreakImg .Img {
    width: 75%;
  }
  .Create .Break .BreakText {
    width: 60%;
  }
}
@media (max-width: 950px) {
  .Create .Ability .AbilityMain {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Create .Ability .AbilityImg.Whole {
    width: 100%;
  }
  .Create .Ability .AbilityImg.Group {
    width: 100%;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .Create .Ability .AbilityImg.Group .Img {
    height: auto;
    padding-top: 27.7777777778%;
  }
  .Create .Ability .AbilityFooter {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Create .Ability .AbilityInfo {
    width: 100%;
    margin-bottom: 20px;
  }
  .Create .Ability .AbilityText {
    width: 100%;
  }
  .Create .Ability .TextButtons {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 20px;
  }
  .Create .Ability .TextButton {
    margin: 5px 0;
  }
  .Create .Ability .TextNumber {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 800px) {
  .Create .Navigation {
    overflow-x: scroll;
    padding: 0 20px;
  }
  .Create .Navigation .Tabs {
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .Create .Navigation .Tab {
    width: 100px;
    margin-right: 20px;
  }
  .Create .Skill .SkillItem {
    width: 32%;
  }
  .Create .Skill .SkillItem:nth-of-type(4n) {
    margin-right: 2%;
  }
  .Create .Skill .SkillItem:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media (max-width: 750px) {
  .Create .Banner .BannerText {
    padding: 0 10px;
  }
  .Create .Break .BreakMain {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Create .Break .BreakImg {
    width: 100%;
    margin-bottom: 20px;
  }
  .Create .Break .BreakImg .Img {
    width: 300px;
  }
  .Create .Break .BreakText {
    width: 100%;
  }
}
@media (max-width: 550px) {
  .Create .Skill .SkillItem {
    width: 49%;
  }
  .Create .Skill .SkillItem:nth-of-type(3n) {
    margin-right: 2%;
  }
  .Create .Skill .SkillItem:nth-of-type(2n) {
    margin-right: 0;
  }
}

/* 关于我们 */
.About {
  width: 100%;
}
.About .Banner {
  width: 100%;
  position: relative;
  z-index: 5;
}
.About .Banner .BannerImg {
  width: 100%;
  padding-top: 43.2291666667%;
  min-height: 400px;
}
.About .Banner .BannerText {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 5;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 1rem;
}
.About .Banner .TextTitle {
  width: 100%;
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.About .Banner .TextContent {
  width: 100%;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
}
.About .Navigation.Fixed .Tabs{
  position: fixed;
  left: 0;
  z-index: 9;
  top: .96rem;
  width: 100%;
  background-color: #fff;
}

.About .Anchor{
  position: absolute;
  left: 0;
  top: -1.92rem;
}

@media (max-width: 750px) {
  .About .Navigation.Fixed .Tabs{
    top: calc(.4rem + 42px);
  }

  .About .Anchor{
    top: calc(-.4rem - 42px - .96rem);
  }
}
.About .Navigation {
  width: 100%;
  font-size: 0;
  background-color: #f6f6f6;
}
.About .Navigation .Tabs {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.About .Navigation .Tab {
  white-space: nowrap;
  height: 0.96rem;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 0.04rem solid transparent;
  border-bottom: 0.04rem solid transparent;
  border-top: 0.04rem solid transparent;
  border-bottom: 0.04rem solid transparent;
  margin-right: 0.3rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.About .Navigation .Tab:hover {
  border-bottom-color: #271578;
}
.About .Navigation .Tab:hover .TabTitle {
  color: #271578;
  font-weight: 700;
}
.About .Navigation .Tab:last-of-type {
  margin-right: 0;
}
.About .Navigation .Tab .TabTitle {
  color: #000;
  line-height: 1.3;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.About .Navigation .Tab.Select {
  font-weight: 700;
  border-bottom-color: #271578;
}
.About .Navigation .Tab.Select .TabTitle {
  color: #271578;
}
.About .Info {
  width: 100%;
  padding: 1rem 0 0.8rem;
  background-image: url(../images/Home3.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  -o-background-size: 100% 50%;
     background-size: 100% 50%;
}
.About .Info .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.About .Info .InfoMain {
  width: 100%;
}
.About .Info .InfoTitle {
  width: 100%;
  color: #333;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  font-weight: 700;
}
.About .Info .InfoContent {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.About .Info .InfoText {
  width: 46.5%;
  color: #333;
  line-height: 1.8;
}
.About .Info .InfoImg {
  width: 46.5%;
}
.About .Info .InfoImg .Img {
  width: 100%;
  padding-top: 56.25%;
}
.About .Info .InfoFooter {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
}
.About .Info .InfoData {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.About .Info .InfoItem {
/*  width: 25%;*/
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.About .Info .InfoItem > div > div {
  height: auto;
  font-size: 0;
}
.About .Info .InfoItem > div > div .Number {
  color: #271578;
  font-weight: 700;
}
.About .Info .InfoItem > div > div .s18 {
  color: #271578;
}
.About .Info .InfoItem > div > div .s16 {
  color: #271578;
}
.About .History {
  position: relative;
  z-index: 5;
  width: 100%;
  padding: 1rem 0 1.8rem;
  background: url(../images//About2.jpg) center/cover no-repeat;
}
.About .History .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.About .History .HistoryTop {
  width: 100%;
  margin-bottom: 1.8rem;
}
.About .History .HistoryTitle {
  width: 100%;
  color: #333;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  text-align: center;
  font-weight: 700;
}
.About .History .HistoryMain {
  width: 100%;
}
.About .History .HistorySwiper {
  width: 100%;
  -webkit-transform: rotate(-5deg);
     -moz-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
       -o-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
.About .History .HistorySwiper .swiper-slide {
  padding-top: 0.3rem;
  padding-left: 0.3rem;
}
.About .History .HistoryItem {
  width: 100%;
  position: relative;
  z-index: 5;
  padding-left: 0.3rem;
  padding-bottom: 0.3rem;
  -webkit-transform: rotate(5deg);
     -moz-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
       -o-transform: rotate(5deg);
          transform: rotate(5deg);
}
.About .History .HistoryItem .ItemImg {
  width: 70%;
  margin-bottom: 0.2rem;
}
.About .History .HistoryItem .ItemImg img {
  width: 100%;
  height: auto;
}
.About .History .HistoryItem .ItemText {
  width: 100%;
}
.About .History .HistoryItem .ItemText .TextKey {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.1rem;
}
.About .History .HistoryItem .ItemText .TextKey .TextTitle {
  width: auto;
  color: #333;
  line-height: 1.4;
  font-weight: 700;
}
.About .History .HistoryItem .ItemText .TextKey .TextNumber {
  width: auto;
  font-size: 0;
}
.About .History .HistoryItem .ItemText .TextKey .TextNumber .Icon {
  width: 100%;
  width: 0.8rem;
  height: 0.6rem;
  min-width: 40px;
  min-height: 20px;
}
.About .History .HistoryItem .ItemText .TextKey .TextRemark {
  width: 100%;
  line-height: 1.6;
  color: #333;
  margin-top: 0.2rem;
}
.About .History .HistoryItem .ItemDesign {
  width: 0.08rem;
  min-width: 8px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  height: 100%;
}
.About .History .HistoryItem .ItemDesign .DesignDot {
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
  background-color: #ccc;
  position: relative;
  z-index: 5;
}
.About .History .HistoryItem .ItemDesign .DesignLine {
  width: 0.02rem;
  min-width: 2px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 4;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #ccc;
}
.About .Brand {
  width: 100%;
  padding-top: 52.0833333333%;
  min-height: 640px;
  position: relative;
  z-index: 5;
}
.About .Brand .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.About .Brand .BrandTitle {
  width: 100%;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  text-align: center;
  font-weight: 700;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  padding-top: 1rem;
}
.About .Brand .BrandSwiper {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.About .Brand .BrandSwiper .swiper-container {
  height: 100%;
}
.About .Brand .BrandSwiper .swiper-slide .BrandItem {
  border-left: 0.01rem solid transparent;
  border-right: 0.01rem solid rgba(255, 255, 255, 0.2);
}
.About .Brand .BrandSwiper .swiper-slide:last-of-type .BrandItem {
  border-right-color: transparent;
}
.About .Brand .BrandItem {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem;
}
.About .Brand .BrandItem:hover .ItemTitle {
  font-weight: 700;
}
.About .Brand .BrandItem:hover .ItemRemark {
  height: auto;
}
.About .Brand .BrandItem:hover .ItemRemark {
  height: 1rem;
}
.About .Brand .BrandItem .ItemIcon {
  width: 0.8rem;
  min-width: 50px;
  position: relative;
  z-index: 5;
  margin-bottom: 0.4rem;
}
.About .Brand .BrandItem .ItemIcon img {
  width: 100%;
  height: auto;
}
.About .Brand .BrandItem .ItemTitle {
  width: 100%;
  color: #fff;
  line-height: 1.4;
  position: relative;
  z-index: 5;
  font-weight: 700;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  height: 1rem;
  margin-bottom: 0.1rem;
}
.About .Brand .BrandItem .ItemRemark {
  width: 100%;
  color: #fff;
  line-height: 1.6;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 5;
  height: 0;
}
.About .Brand .BrandItem .ItemButtons {
  width: 100%;
  margin-top: 0.3rem;
  position: relative;
  z-index: 5;
}
.About .Brand .BrandItem .ItemButtons .Button {
  width: 0.25rem;
  height: 0.25rem;
  margin: 0 auto;
  min-width: 25px;
  min-height: 25px;
  background: url(../images/leftBottom1.png) center/cover no-repeat;
  -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
       -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.About .Brand .BrandItem .ItemMask {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  background: url(../images/About10.png) center/cover no-repeat;
  height: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.About .Honor {
  width: 100%;
  position: relative;
  z-index: 5;
  padding: 1rem 0 1.8rem;
  background: url(../images/About16.jpg) center/cover no-repeat;
}
.About .Honor .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.About .Honor .HonorTop {
  width: 100%;
  margin-bottom: 1.8rem;
}
.About .Honor .HonorTitle {
  width: 100%;
  color: #333;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  text-align: center;
  font-weight: 700;
}
.About .Honor .HonorMain {
  width: 100%;
}
.About .Honor .HonorSwiper {
  width: 100%;
  padding: 0 0.9rem;
  position: relative;
  z-index: 5;
}
.About .Honor .HonorSwiper .swiper-slide-active .HonorItem {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}
.About .Honor .HonorSwiper .swiper-slide {
  padding: 0.5rem 0;
}
.About .Honor .HonorSwiperButtons {
  width: 100%;
}
.About .Honor .HonorSwiperPrev, .About .Honor .HonorSwiperNext {
  width: 0.46rem;
  min-width: 36px;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 5;
}
.About .Honor .HonorSwiperPrev:hover, .About .Honor .HonorSwiperNext:hover {
  background-color: #271578;
}
.About .Honor .HonorSwiperPrev:hover::after, .About .Honor .HonorSwiperNext:hover::after {
  background-image: url(../images/leftBottom1.png);
}
.About .Honor .HonorSwiperPrev::after, .About .Honor .HonorSwiperNext::after {
  content: "";
  display: block;
  width: 100%;
  background: url(../images/leftBottom2.png) center/50% no-repeat;
  padding-top: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.About .Honor .HonorSwiperPrev {
  left: 0;
}
.About .Honor .HonorSwiperPrev::after {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.About .Honor .HonorSwiperNext {
  right: 0;
}
.About .Honor .HonorSwiperNext::after {
  -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
       -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.About .Honor .HonorItem {
  width: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0.8);
     -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}
.About .Honor .HonorItem .ItemImg {
  width: 100%;
  margin-bottom: 0.24rem;
}
.About .Honor .HonorItem .ItemImg .Img {
  width: 100%;
  padding-top: 67.7419354839%;
}
.About .Honor .HonorItem .ItemText {
  width: 100%;
  text-align: center;
  color: #111;
  line-height: 1.4;
}
.About .Course {
  width: 100%;
  padding: 1rem 0;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.About .Course .CourseTop {
  width: 100%;
}
.About .Course .CourseTitle {
  width: 100%;
  color: #333;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  text-align: center;
  font-weight: 700;
}
.About .Course .CourseMain {
  width: 100%;
}
.About .Course .CourseSwiper {
  width: auto;
  position: relative;
  z-index: 5;
  -webkit-transform: translateY(50%);
     -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
       -o-transform: translateY(50%);
          transform: translateY(50%);
}
.About .Course .CourseItem {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.About .Course .CourseItem .ItemImg {
  width: 3.6rem;
  margin-right: 0.24rem;
}
.About .Course .CourseItem .ItemImg .Img {
  width: 100%;
  padding-top: 56.3888888889%;
}
.About .Course .CourseItem .ItemText {
  width: 20%;
  font-size: 0.2rem;
}
.About .Course .CourseItem .ItemText .TextTime {
  width: 100%;
}
.About .Course .CourseItem .ItemText .TextTime span {
  color: #271578;
  line-height: 1.2;
}
.About .Course .CourseItem .ItemText .TextTime span:first-of-type {
  font-weight: 700;
}
.About .Course .CourseItem .ItemText .TextRemark {
  width: 100%;
  color: #333;
  line-height: 1.5;
}
.About .Course .CourseSwiperGroup {
  width: 100%;
  overflow: hidden !important;
}
.About .Course .CourseSwiperPoint {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
  z-index: 4;
}
.About .Course .CourseSwiperPoint::before {
  content: "";
  width: 100%;
  height: 0.12rem;
  background-color: #e5e5e5;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 4;
  -webkit-transform: translateY(112.5%);
     -moz-transform: translateY(112.5%);
      -ms-transform: translateY(112.5%);
       -o-transform: translateY(112.5%);
          transform: translateY(112.5%);
}
.About .Course .CourseSwiperPoint .SwiperPoint:nth-of-type(2) {
  opacity: 1;
}
.About .Course .CourseSwiperPoint .SwiperPoint.Offset {
  -webkit-transform: translateX(50%);
     -moz-transform: translateX(50%);
      -ms-transform: translateX(50%);
       -o-transform: translateX(50%);
          transform: translateX(50%);
}
.About .Course .CourseSwiperPoint .SwiperPoint {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.5;
  -o-transition: all 0.5;
  -moz-transition: all 0.5;
  transition: all 0.5;
  opacity: 0;
}
.About .Course .CourseSwiperPoint .SwiperPoint .Line {
  width: 0.12rem;
  height: 3.5rem;
  background-color: #271578;
  position: relative;
  z-index: 5;
}
.About .Course .CourseSwiperPoint .SwiperPoint .Point {
  width: 0.2rem;
  position: relative;
  z-index: 5;
}
.About .Course .CourseSwiperPoint .SwiperPoint .Point::before {
  content: "";
  width: 200%;
  padding-top: 100%;
  background-color: #271578;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  border-top-left-radius: 0.1rem;
}
.About .Course .CourseSwiperPoint .SwiperPoint .Point::after {
  content: "";
  width: 100%;
  padding-top: 200%;
  background-color: #271578;
  display: block;
  border-top-left-radius: 0.1rem;
}
.About .Course .CourseSwiperPagination {
  width: 100%;
  position: relative;
  z-index: 5;
}
.About .Course .CourseSwiperPagination .swiper-slide-active .SwiperPaginationBullet .BulletDot::after {
  background-color: #271578;
}
.About .Course .CourseSwiperPagination .swiper-slide-active .SwiperPaginationBullet .BulletYear {
  color: #271578;
  border-color: #271578;
}
.About .Course .CourseSwiperPagination .SwiperPaginationBullet {
  text-align: center;
}
.About .Course .CourseSwiperPagination .SwiperPaginationBullet .BulletDot {
  width: 100%;
  height: 0.16rem;
  position: relative;
  z-index: 5;
}
.About .Course .CourseSwiperPagination .SwiperPaginationBullet .BulletDot::after {
  content: "";
  width: 0.3rem;
  height: 100%;
  background-color: #e5e5e5;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 5;
  display: block;
}
.About .Course .CourseSwiperPagination .SwiperPaginationBullet .BulletYear {
  width: auto;
  display: inline-block;
  padding: 0.14rem 0.62rem;
  border-radius: 0.25rem;
  border: solid 0.02rem #999;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
  margin-top: 0.3rem;
}
.About .Course .CourseSwiperPagination .SwiperPaginationBullet .BulletYear:hover {
  color: #271578;
  border-color: #271578;
}
.About .Course .CourseSwiperButtons {
  width: auto;
}
.About .Course .CourseSwiperPrev, .About .Course .CourseSwiperNext {
  width: 0.46rem;
  min-width: 36px;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 5;
  border: solid 0.01rem #999;
}
.About .Course .CourseSwiperPrev:hover, .About .Course .CourseSwiperNext:hover {
  background-color: #271578;
  border-color: #271578;
}
.About .Course .CourseSwiperPrev:hover::after, .About .Course .CourseSwiperNext:hover::after {
  background-image: url(../images/leftBottom1.png);
}
.About .Course .CourseSwiperPrev::after, .About .Course .CourseSwiperNext::after {
  content: "";
  display: block;
  width: 100%;
  background: url(../images/leftBottom2.png) center/50% no-repeat;
  padding-top: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.About .Course .CourseSwiperPrev {
  left: 1rem;
}
.About .Course .CourseSwiperPrev::after {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.About .Course .CourseSwiperNext {
  right: 1rem;
}
.About .Course .CourseSwiperNext::after {
  -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
       -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
@media (max-width: 1600px) {
  .About .Course .CourseItem {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 300px;
    margin: 0 auto;
  }
  .About .Course .CourseItem .ItemImg {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .About .Course .CourseItem .ItemText {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .About .Info .Container, .About .History .Container, .About .Honor .Container {
    width: 100%;
    padding: 10px;
  }
  .About .Info .InfoText, .About .Info .InfoImg, .About .History .InfoText, .About .History .InfoImg, .About .Honor .InfoText, .About .Honor .InfoImg {
    width: 49%;
  }
  .About .Course .CourseSwiperPoint .SwiperPoint.Offset {
    -webkit-transform: translateX(0%);
       -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@media (max-width: 950px) {
  .About .Info .InfoContent {
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .About .Info .InfoText {
    margin-top: 20px;
  }
  .About .Info .InfoText, .About .Info .InfoImg {
    width: 100%;
  }
}
@media (max-width: 900px) {
  .About .Course .CourseSwiperPoint .SwiperPoint:nth-of-type(2) {
    opacity: 0;
  }
  .About .Course .CourseSwiperPoint .SwiperPoint:nth-of-type(1) {
    opacity: 1;
  }
  .About .Course .CourseSwiperPoint .SwiperPoint.Offset {
    -webkit-transform: translateX(50%);
       -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
         -o-transform: translateX(50%);
            transform: translateX(50%);
  }
}
@media (max-width: 800px) {
  .About .Navigation {
    overflow-x: scroll;
    padding: 0 20px;
  }
  .About .Navigation .Tabs {
    /* width: 940px; */
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .About .Navigation .Tab {
    /* width: 100px; */
    margin-right: 20px;
  }
}
@media (max-width: 750px) {
  .About .Banner .BannerText {
    padding: 0 10px;
  }
  .About .Info .InfoData {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .About .Info .InfoItem {
/*    width: 50%;*/
    margin-bottom: 10px;
  }
  .About .Info .InfoItem > div {
    width: 100%;
    text-align: center;
  }
  .About .History .HistorySwiper {
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
        -ms-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
  }
  .About .History .HistoryItem {
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
        -ms-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
  }
  .About .Course .CourseSwiperPoint .SwiperPoint.Offset {
    -webkit-transform: translateX(0%);
       -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@media (max-width: 550px) {
  .About .Honor .HonorItem {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  .About .Honor .HonorSwiper .swiper-slide {
    padding: 0.5rem;
  }
  .About .Honor .HonorSwiper .swiper-slide-active .HonorItem {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  .About .Course .CourseItem {
    width: 240px;
  }
  .About .Course .CourseSwiperPoint .SwiperPoint:first-of-type {
    opacity: 0;
  }
}

/* 搜索页 */
.Search {
  width: 100%;
}
.Search .Banner {
  width: 100%;
  position: relative;
  z-index: 5;
}
.Search .Banner .BannerImg {
  width: 100%;
  padding-top: 43.2291666667%;
  min-height: 400px;
}
.Search .Banner .BannerText {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 5;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 1rem;
}
.Search .Banner .TextTitle {
  width: 100%;
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.Search .Banner .TextContent {
  width: 100%;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
}
.Search .Result {
  width: 100%;
  padding: 0.5rem 0;
}
.Search .Result .Container {
  width: 17.2rem;
  margin: 0 auto;
}
.Search .Result .ResultTop {
  width: 100%;
  margin-bottom: 0.3rem;
}
.Search .Result .ResultText {
  width: 100%;
  color: #111;
  line-height: 1.4;
}
.Search .Result .ResultText .color {
  color: #271578;
}
.Search .Result .ResultList {
  width: 100%;
}
.Search .Result .ResultItem {
  width: 100%;
  display: block;
  padding: 0.3rem 0.2rem;
  border: 0.01rem solid #eee;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 0.3rem;
}
.Search .Result .ResultItem:hover {
  box-shadow: 0 0 0.2rem #eee;
}
.Search .Result .ResultItem:hover .ItemTitle .Text {
  color: #271578;
}
.Search .Result .ResultItem .ItemTitle {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Search .Result .ResultItem .ItemTitle .Text {
  width: 100%;
  color: #111;
  font-weight: 700;
  line-height: 1.4;
  margin-right: 0.1rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.Search .Result .ResultItem .ItemTitle .Tag {
  white-space: nowrap;
  display: inline-block;
  padding: 0.05rem 0.1rem;
  color: #fff;
  background-color: #271578;
  line-height: 1.5;
}
.Search .Result .ResultItem .ItemText {
  color: #666;
  line-height: 1.5;
  width: 100%;
  margin-top: 0.1rem;
}
@media (max-width: 1200px) {
  .Search .Result .Container {
    width: 100%;
    padding: 10px;
  }
}
@media (max-width: 750px) {
  .Search .Banner .BannerText {
    padding: 0 10px;
  }
}


.Screen6 .cy {
	width: 12.395%;
	margin-right: 0.12%;
	display: block;
	background-color: #fff;
	margin-bottom: 0.12%;
}
.Screen6 .sw{
display: flex;
flex-wrap: wrap;
}
.Screen6 .cy:nth-child(8n){
margin-right: 0;
}
@media (max-width:750px) {
.Screen6 .cy{
	width: 18.4%;
	margin-right: 2% !important;
	margin-bottom: 2%;
}
.Screen6 .cy:nth-child(5n){
margin-right: 0 !important;
}
}