.bigTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
}

.bigTitle .t1 {
  background-image: -webkit-linear-gradient(top, #de0303, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 1000;
  font-size: 300%;
}

.bigTitle .t2 {
  font-weight: 800;
  font-size: 250%;
  color: #333333;
  position: relative;
  top: -0.8em;
}

.banners {
  /*position: -webkit-sticky;*/
 /* position: sticky;
  top: 7em;*/ position: relative;
}

.banners .swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  bottom: 6%;
  z-index: 99;
}

.banners .swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: white;
}

.banners .swiper-pagination-bullets .bullet-active {
  background-color: white;
  opacity: 1;
}

.rexiao {
  padding-bottom: 2vw;
  background-color: white;
}

.rexiao .productlist {
  width: 100%;
  overflow: hidden;
}

.rexiao .productlist .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.rexiao .productlist .swiper-slide .list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.rexiao .productlist .swiper-slide .item {
  position: relative;
  cursor: pointer;
  width: 24%;
  height: 38vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white;
}

.rexiao .productlist .swiper-slide .item .rthumb {
  height: 95%;
}

.rexiao .productlist .swiper-slide .item .line2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 0.5em;
  width: 94%;
  height: 4.3vw;
}

.rexiao .productlist .swiper-slide .item .line2 .atitle {
  font-size: 150%;
  color: #333333;
}

.rexiao .productlist .swiper-slide .item .line2 .btitle {
  font-size: 90%;
  color: #666666;
}

.rexiao .productlist .swiper-slide .item .iconfont {
  font-size: 1em;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  text-align: center;
  color: #666666;
  border: 1px solid #e5e5e5;
  border-radius: 5em;
}

.rexiao .productlist .swiper-slide .item:hover .atitle {
  color: #de0303;
}

.rexiao .productlist .swiper-slide .item:hover .btitle {
  color: #de0303;
}

.rexiao .productlist .swiper-slide .item:hover .iconfont {
  color: #de0303;
  border-color: #ffa270;
}

.productLine {
  background-color: white;
}

.productLine .mainTitle {
  width: 100%;
  text-align: center;
  font-size: 170%;
}

.productLine .types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 67vw;
  margin-left: 17vw;
}

.productLine .types .item {
  width: 21vw;
  height: 24vw;
  margin-left: 1vw;
  margin-top: 1vw;
  background-color: #f2f3f8;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.productLine .types .item .atitle {
  font-size: 150%;
  font-weight: 700;
  color: #333333;
  margin-left: 2vw;
  margin-top: 2.5vw;
  z-index: 10; position: relative;
}

.productLine .types .item .btitle {
  color: #666666;
  margin-left: 2vw;
  margin-top: 0.5vw;
  z-index: 10;position: relative;
}

.productLine .types .item .iconfont {
  margin-left: 2vw;
  margin-top: 1.8vw;
  font-size: 1em;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  text-align: center;
  color: #666666;
  border: 1px solid #e5e5e5;
  border-radius: 5em;
  z-index: 10;position: relative;
}

.productLine .types .item .rthumb {
  position: absolute;
  width: 100%;
  bottom: 10%;
  overflow: visible;
  z-index: 1;
  background: none;
}

.productLine .types .item:nth-child(2) {
  width: 43vw;
}

.productLine .types .item:hover .atitle {
  color: #de0303;
}

.productLine .types .item:hover .btitle {
  color: #de0303;
}

.productLine .types .item:hover .iconfont {
  color: #de0303;
  border-color: #ffa270;
}

.productLine .types .item:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.bgline {
  background-image: url("../images/bgline1.png");
  padding: 0 13vw;
  height: 12vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bgline .it {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
}

.bgline .it img {
  margin-bottom: 20%;
  width: 5vw;
}

.bgline .it div:nth-child(2) {
  font-weight: 700;
  font-size: 105%;
}

.bgline .it div:nth-child(3) {
  opacity: 0.5;
}

.shili {
  position: relative;
  height: 53vw;
  background-image: url("../images/shilibg.jpg");
  background-size: 100% 100%;
}

.shili .bigTitle {
  background: none;
  padding-top: 5vw;
}

.shili .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 3vw;
  position: relative;
  height: 33.5vw;
}

.shili .card .left {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 31.5vw;
  background-color: white;
  position: relative;
}

.shili .card .left .line1 {
  width: 85%;
  margin-top: 8vw;
  margin-left: 7.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: 2em;
}

.shili .card .left .line1 .row1 {
  font-size: 190%;
  font-weight: 800;
}

.shili .card .left .line1 .row2 {
  color: #de0303;
  font-weight: 800;
  margin-left: 0.3em;
  margin-bottom: 0.3em;
}

.shili .card .left .line1 .row3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 1em;
}

.shili .card .left .line1 .row3 .row31 {
  font-size: 120%;
  font-weight: 800;
}

.shili .card .left .line1 .row3 .row32 {
  font-size: 80%;
  color: #999999;
  font-size: 70%;
  -webkit-transition: color 1s;
  transition: color 1s;
}

.shili .card .left .line1 .shuzi {
  width: 3vw;
  position: absolute;
  right: 0;
}

.shili .card .left .line2 {
  width: 85%;
  margin-left: 7.5%;
  margin-top: 2em;
}

.shili .card .right {
  width: calc(49vw + 1px);
}

.shili .pab {
  position: absolute;
  bottom: 8vw;
  left: 32vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(169, 169, 169, 0.43);
          box-shadow: 0px 0px 10px 0px rgba(169, 169, 169, 0.43);
}

.shili .pab .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 9vw;
  height: 6vw;
  padding: 1vw 0;
  background-color: white;
  color: #333333;
  -webkit-transition: color 1s;
  transition: color 1s;
  cursor: pointer;
}

.shili .pab .item .t1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.shili .pab .item .t1 .t11 {
  font-size: 190%;
  font-weight: 800;
}

.shili .pab .item .t1 .t12 {
  font-size: 60%;
  color: #de0303;
  margin-left: 0.5em;
  margin-bottom: 0.5em;
  -webkit-transition: color 1s;
  transition: color 1s;
}

.shili .pab .item .t2 {
  font-size: 120%;
}

.shili .pab .item .t3 {
  font-size: 80%;
  color: #999999;
  font-size: 70%;
  -webkit-transition: color 1s;
  transition: color 1s;
}

.shili .pab .item:hover {
  background-color: #de0303;
  color: white;
}

.shili .pab .item:hover .t1 .t12 {
  color: white;
}

.shili .pab .item:hover .t3 {
  color: white;
}

.shili .pab .activity {
  background-color: #de0303;
  color: white;
}

.shili .pab .activity .t1 .t12 {
  color: white;
}

.shili .pab .activity .t3 {
  color: white;
}

.anli {
  padding: 0 18%;
  overflow: hidden;
  position: relative;
  background-color: white;
  padding-bottom: 3vw;
}

.anli .description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 24%;
  text-align: center;
  color: #666666;
  font-size: 87%;
  line-height: 1.8em;
}

.anli .anlis3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 3vw;
}

.anli .anlis3 .left {
  position: relative;
  width: 76%;
  cursor: pointer;
}

.anli .anlis3 .left img {
  width: 100%;
}

.anli .anlis3 .left .title {
  position: absolute;
  width: 100%;
  bottom: 0;
  color: white;
  text-align: center;
  background-color: #de0303;
  height: 3em;
  line-height: 3em;
  font-size: 120%;
}

.anli .anlis3 .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 22%;
}

.anli .anlis3 .right .rthumb {
  height: 31%;
  cursor: pointer;
}

.anli .anlis3 .right .rthumb img {
  height: 100%;
}

.anli .logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 3vw;
  margin-bottom: 3vw;
}

.anli .logos img {
  -webkit-box-shadow: 0px 5px 16px 0px rgba(195, 195, 195, 0.4);
          box-shadow: 0px 5px 16px 0px rgba(195, 195, 195, 0.4);
}

.aboutXimate {
  background-image: url("../images/aboutbg.jpg");
  height: 37vw;
  position: relative;
  padding-bottom: 10vw;
}

.aboutXimate .bigTitle {
  background: none;
  padding-top: 2vw;
}

.aboutXimate .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  left: 15%;
  width: 70%;
  position: absolute;
  background-color: white;
  top: 80%;
  padding: 3vw 3vw 2vw 3vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.aboutXimate .content .more {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #de0303;
  width: 10vw;
  height: 2.5vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.5vw;
  border-radius: 2px;
  cursor: pointer;
}

.aboutXmt4 {
  position: relative;
  padding: 0 15%;
  overflow: hidden;
  background-color: white;
}

.aboutXmt4 .jiange {
  width: 2px;
  height: 2.5vw;
  background-color: #dedede;
}

.aboutXmt4 .fenleis {
  padding: 2vw 13vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.aboutXmt4 .fenlei {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 800;
}

.aboutXmt4 .fenlei .iconfont {
  font-size: 300%;
  font-weight: normal;
}

.aboutXmt4 .fenlei div {
  margin-top: 0.5vw;
}

.aboutXmt4 .activity {
  color: #de0303;
  cursor: pointer;
}

.aboutXmt4 .fenlei:hover {
  color: #de0303;
  cursor: pointer;
}

.aboutXmt4 .articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #666666;
  width: 70vw;
  position: relative;
}

.aboutXmt4 .articles .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24%;
  cursor: pointer;
}

.aboutXmt4 .articles .item .title {
  width: 100%;
  z-index: 99;
  background-color: white;
  text-align: center;
}

.news {
  background-color: white;
}

.news .tbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 65vw;
  margin-left: 17vw;
  border-bottom: 1px solid #dedede;
}

.news .tbar .types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.news .tbar .types .it {
  color: #333;
  font-weight: 800;
  font-size: 120%;
  padding: 1em 2em;
  cursor: pointer;
}

.news .tbar .types .it:hover {
  background-color: #de0303;
  color: white;
}

.news .tbar .types .activity {
  background-color: #de0303;
  color: white;
}

.news .tbar .more {
  padding-bottom: 0.5em;
  color: #666666;
  cursor: pointer;
}

.news .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 65vw;
  margin-left: 17vw;
}

.news .list .left {
  width: 71%;
}

.news .list .left .toutiao {
  background-color: #f6f6f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.news .list .left .toutiao .rthumb {
  width: 48%;
}

.news .list .left .toutiao .rthumb img {
  height: 100%;
  width: 100%;
}

.news .list .left .toutiao .content {
  padding: 2em 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 60%;
}

.news .list .left .toutiao .content .title {
  font-weight: 800;
  font-size: 120%;
}

.news .list .left .toutiao .content .desc {
  font-size: 80%;
  margin-top: 1em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.news .list .left .toutiao .content .day {
  font-weight: 800;
  font-size: 200%;
}

.news .list .left .toutiao .content .year {
  font-weight: 800;
  font-size: 80%;
}

.news .list .left .toutiao:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.news .list .left .item {
  width: 100%;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  height: 4em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #666666;
}

.news .list .left .item + .item {
  border-top: 1px solid #e7e7e7;
}

.news .list .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 25%;
  position: relative;
}

.news .list .right .item {
  height: 30%;
  padding-top: 1.5em;
  cursor: pointer;
}

.news .list .right .item .title {
  font-weight: 800;
  font-size: 110%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news .list .right .item .desc {
  font-size: 80%;
  margin-top: 1em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.news .list .right .item + .item {
  border-top: 1px solid #e7e7e7;
}
/*# sourceMappingURL=index.css.map */