html,body {
  position: relative;
  margin: 0;
  height: 100%;
}

footer {
  display: none !important;
}

.swiper-container-box {
  width: 100%;
  height: calc(100% - 44px);
}

.swiper-pagination-bullet {
  width: .47rem;
  height: .06rem;
  opacity: 1;
  border-radius: unset;
  background: #ffffff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #20358e;
}

.flex-ct-x {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-ct-y {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex-fs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  background: #fff;
  border-radius: unset;
}

.swiper-scrollbar {
  background-color: #710810;
  border-radius: unset;
}

.p01 {
  width: 100%;
  height: 100%;
  background: url(images/p01_bg.jpg);
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.p01 .box {
  width: 6.1rem;
}

.p01 .box h4 {
  margin-top: 1.2rem;
  font-size: 1.18rem;
  color: #fff;
}

.p01 .box h4 i {
  color: #c81e2b;
}

.p01 .box p {
  margin: .74rem 0 1.8rem;
  font-size: .3rem;
  letter-spacing: .03rem;
}

.p01 .box span {
  font-size: .17rem;
  letter-spacing: .08rem;
  line-height: .4rem;
}

.p02 {
  width: 100%;
  height: 100%;
  background: url(images/p02_bg.jpg);
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p02 .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.p02 .title {
  width: 3.44rem;
}

.p02 .text {
  position: relative;
  margin-top: .7rem;
  width: 5.06rem;
}

.p02 .text p {
  text-align: justify;
  text-indent: 1em;
  font-size: .25rem;
  line-height: .5rem;
  letter-spacing: 1px;
}

.p02 .text .left {
  position: absolute;
  left: -0.1rem;
  top: -0.1rem;
  width: .16rem;
  height: .42rem;
  background: url(images/p02_left.png);
  background-size: cover;
}

.p02 .text .right {
  position: absolute;
  right: .1rem;
  bottom: -0.1rem;
  width: .16rem;
  height: .42rem;
  background: url(images/p02_right.png);
  background-size: cover;
}

.p02 .video-wrap {
  margin-top: .6rem;
  width: 5.65rem;
  height: 3.26rem;
  background: url(images/p02_video_bg.png);
  background-size: 100%;

}

.p02 .video-wrap video {
  width: 5.07rem;
  height: 2.86rem;
  background: #000;
}

.p03 {
  width: 100%;
  height: 100%;
  background: url(images/p03_bg.jpg);
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p03 .box {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.p03 .title {
  width: 3.88rem;
}

.p03 .p03-swiper-container {
  margin-top: .73rem;
  width: 5.07rem;
  height: 3.48rem;
}

.p03 .p03-swiper-container .swiper-button-prev {
  width: .55rem;
  height: .55rem;
  background: url(images/p03_left.png);
  background-size: cover;
  border-radius: 50%;
}

.p03 .p03-swiper-container .swiper-button-next {
  right: .47rem;
  width: .55rem;
  height: .55rem;
  background: url(images/p03_right.png);
  background-size: cover;
  border-radius: 50%;
}

.p03 h4 {
  margin: .26rem 0 .15rem;
  font-size: .29rem;
  width: 3.65rem;
  height: .57rem;
  text-align: center;
  line-height: .57rem;
  color: #b2000e;
  background: url(images/p03_title_bg.png) no-repeat;
  background-size: 100%;
}

.p03 p {
  text-indent: 1em;
  margin-bottom: .2rem;
  width: 5.05rem;
  font-size: .17rem;
  line-height: .3rem;
  color: #000000;
}

.p04 {
  width: 100%;
  height: 100%;
  background: url(images/p02_bg.jpg);
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p04 .box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.p04 .title {
  width: 4.59rem;
}

.p04 .wrap {
  margin-top: .55rem;
  width: 5rem;
}

.p04 .wrap img {
  margin-top: .23rem;
}

.p04 .wrap p {
  margin-top: .43rem;
  text-align: center;
  font-size: .17rem;
}

.p04 .wrap p i {
  font-weight: 600;
  font-size: .27rem;
  color: #b2000e;
}

.p05 {
  width: 100%;
  height: 100%;
  background: url(images/p05_bg.jpg);
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p05 .box {
  width: 100%;
}

.p05 .title {
  width: 4.59rem;
  margin: 0 auto;
}

.p05 .p05-swiper-container {
  position: relative;
  margin-top: 2.17rem;
  width: 100%;
  height: 4.87rem;
}

.p05 .p05-swiper-container .swiper-slide {
  padding-right: 1.09rem;
  box-sizing: border-box;
}

.p05 .p05-swiper-container .swiper-button-next {
  right: .47rem;
  width: .55rem;
  height: .55rem;
  background: url(images/p03_right.png);
  background-size: cover;
  border-radius: 50%;
}

.p05 .p05-swiper-container i {
  position: absolute;
  z-index: 9;
  font-size: .25rem;
  text-align: center;
  line-height: .48rem;
  color: #fff;
  bottom: 0;
  left: 0;
  width: 6.41rem;
  height: .48rem;
  background: rgba(0,0,0,0.712);
}

.p05 .wrap {
  margin: .35rem 0 0 1rem;
  width: 4.8rem;
  font-size: .17rem;
  color: #fff;
  line-height: .42rem;
}

.p05 .wrap i {
  margin-right: .1rem;
}

.p06 {
  width: 100%;
  height: 100%;
  background: url(images/p05_bg.jpg);
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p06 .box {
  width: 100%;
}

.p06 .title {
  width: 4.59rem;
  margin: 0 auto;
}

.p06 .p06-swiper-container {
  position: relative;
  margin-top: 2.17rem;
  width: 100%;
  height: 4.87rem;
}

.p06 .p06-swiper-container .swiper-slide {
  padding-right: 1.09rem;
  box-sizing: border-box;
}

.p06 .p06-swiper-container .swiper-button-next {
  right: .47rem;
  width: .55rem;
  height: .55rem;
  background: url(images/p03_right.png);
  background-size: cover;
  border-radius: 50%;
}

.p06 .p06-swiper-container i {
  position: absolute;
  z-index: 9;
  font-size: .25rem;
  text-align: center;
  line-height: .48rem;
  color: #fff;
  bottom: 0;
  left: 0;
  width: 6.41rem;
  height: .48rem;
  background: rgba(0,0,0,0.712);
}

.p06 .p06-2-container {
  padding-right: .65rem;
  margin: .35rem 0 0 1rem;
  width: 4.2rem;
  height: 1.29rem;
  overflow: hidden;
}

.p06 .p06-2-container .swiper-slide {
  height: auto;
  width: 4.8rem;
}

.p06 .p06-2-container .swiper-slide p {
  width: 4.2rem;
  font-size: .17rem;
  color: #fff;
  line-height: .42rem;
}

.p06 .p06-2-container .swiper-slide p i {
  margin-right: .1rem;
}

.p07 {
  width: 100%;
  height: 100%;
  background: url(images/p02_bg.jpg);
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p07 .box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.p07 .title {
  width: 4.08rem;
}

.p07 .item {
  margin-top: .47rem;
  background: #b2000e;
  width: 6.12rem;
  height: 4rem;
}

.p07 .item h4 {
  margin-top: .2rem;
  text-align: center;
  font-size: .25rem;
  color: #e5e5e5;
}

.p07 .item .p07-swiper-container {
  height: .77rem;
  width: 5.4rem;
  overflow: hidden;
}

.p07 .item .p07-swiper-container .swiper-slide {
  padding-top: .24rem;
  height: auto;
  width: 5.1rem;
}

.p07 .item .p07-swiper-container .swiper-slide p {
  font-size: .17rem;
  color: #fff;
  line-height: .28rem;
}

.p07 .item .p07-swiper-container .swiper-slide p i {
  color: #ffd3a7;
}

.p08 {
  width: 100%;
  height: 100%;
  background: url(images/p08_bg.jpg);
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p08 .box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.p08 .title {
  width: 4.27rem;
}

.p08 video {
  margin-top: 1.56rem;
  width: 6.54rem;
  height: 3.68rem;
  background: #000;
}

.p08 h4 {
  margin-top: .75rem;
  width: 5.2rem;
  font-size: .4rem;
  color: #ffffff;
}

.p08 p {
  margin-top: .2rem;
  width: 5.2rem;
  text-align: justify;
  font-size: .29rem;
  color: #ffffff;
}

.p09 {
  width: 100%;
  height: 100%;
  background: url(images/p02_bg.jpg);
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p09 .title {
  margin: 0 auto;
  width: 3.88rem;
}

.p09 .p09-swiper-container {
  margin-top: .73rem;
  width: 6.44rem;
  height: 4.83rem;
}

.p09 .p09-swiper-container .swiper-button-prev {
  right: .47rem;
  width: .55rem;
  height: .55rem;
  background: url(images/p03_left.png);
  background-size: cover;
  border-radius: 50%;
}

.p09 .p09-swiper-container .swiper-button-next {
  right: .47rem;
  width: .55rem;
  height: .55rem;
  background: url(images/p03_right.png);
  background-size: cover;
  border-radius: 50%;
}

.p09 .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: .33rem;
  width: 6.45rem;
  height: 1.75rem;
  background: url(images/p09_wrap_bg.jpg);
  background-size: cover;
}

.p09 .wrap p {
  width: 4.47rem;
  margin-top: .2rem;
  font-size: .17rem;
}

.p09 .wrap p i {
  margin-left: .4rem;
}

.p09 .wrap p em {
  color: #b2000e;
}

.p10 {
  width: 100%;
  height: 100%;
  background: url(images/p02_bg.jpg);
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p10 .box {
  width: 6.06rem;
}

.p10 .title {
  margin: 0 auto;
  width: 3.88rem;
}

.p10 h4 {
  margin-top: .75rem;
  font-size: .25rem;
  color: #b2000e;
}

.p10 p {
  font-size: .17rem;
  margin-top: .22rem;
}

.p10 .wrap {
  margin-top: .25rem;
}

.p10 .item {
  text-align: center;
  line-height: .36rem;
  color: #fff;
  font-size: .17rem;
  float: left;
  margin-top: .14rem;
  width: 1.37rem;
  height: .36rem;
  background-color: #b2000e;
  margin-left: .14rem;
}

.p10 .ml {
  margin-left: unset;
}

.p11 {
  width: 100%;
  height: 100%;
  background: url(images/p02_bg.jpg);
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p11 .title {
  width: 3.88rem;
  margin: 0 auto;
}

.p11 .box {
  width: 5.07rem;
}

.p11 .box p {
  margin-top: .74rem;
  font-size: .17rem;
  line-height: .29rem;
  text-align: justify;
}

.p11 .box .wrap {
  margin: 0 auto;
  width: 4.2rem;
}

.p11 .box .wrap img {
  float: left;
  margin-top: .2rem;
  width: 1.77rem;
}

.p11 .box .wrap img:nth-child(1) {
  width: 1.82rem;
  height: 2.6rem;
}

.p11 .box .wrap img:nth-child(2) {
  width: 1.82rem;
  height: 2.6rem;
}

.p11 .box .wrap img:nth-child(2n) {
  margin-left: .3rem;
}

.p12 {
  background-size: cover;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-image: url(images/p02_bg.jpg);
  width: 100%;
  height: 100%;
}

.p12 .box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.p12 .floorBg {
  position: relative;
  width: 3.88rem;
  height: .73rem;
}

.p12 .team-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-top: 1.38rem;
  text-align: center;
}

.p12 .title {
  height: .32rem;
  line-height: .3rem;
  color: #222222;
  font-size: .3rem;
}

.p12 .title_2 {
  margin-top: .42rem;
  line-height: .3rem;
  color: #222222;
  font-size: .3rem;
}

.p12 .title_3 {
  margin-top: .43rem;
  line-height: .3rem;
  color: #222222;
  font-size: .3rem;
}

.p12 .actionBg {
  position: relative;
  margin-top: .62rem;
  width: 2.8rem;
  height: .65rem;
}

.p12 .bt-text {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-top: .42rem;
  width: 6.75rem;
  line-height: .39rem;
  color: #222222;
  font-size: .24rem;
}

.p12 .article {
  margin-top: .23rem;
}