body {
    background: #000000;
    overflow-x: hidden;
}
html, body {
    position: relative;
    height: 100%;
}
html{
    font-size: 50px;
}
body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 0.14rem;
    color: #000;
    margin: 0;
    padding: 0;
}
.swiper-container {
    width: 100%;
    height: 100%;
    max-width: 7.5rem;
    margin: 0 auto;
}
.swiper-bg .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: none no-repeat center center;
}
.swiper-pagination {
    position: relative;
    height: 0.65rem;
    font-size: 0;
    width: 100%;
    display: block;
    overflow: auto;
    bottom: 1.7rem;
    z-index: 1000;
    text-align: left;
}
.swiper-pagination::after {
    content: "";
    width: 15.5rem;
    height: 0.09rem;
    border-top: 0.01rem dashed #f8e2cb;
    display: block;
    position: absolute;
    top: 0.35rem;
    left: 0.3rem;
}
.swiper-pagination .swiper-pagination-customs {
    width: 0.71rem;
    height: 0.69rem;
    background: url(../images/wsxl50.png) no-repeat center;
    background-size: 100%;
    text-align: center;
    line-height: 0.69rem;
    font-size: 0.17rem;
    letter-spacing: 0.01rem;
    color: #18425b;
    display: inline-block;
    margin: 0 0.2rem 0 0;
    z-index: 2;
    position: relative;
}
.swiper-pagination .swiper-pagination-customs-active {
    font-weight: bold;
    color: #8b162f;
    background-image: url(../images/wsxl55.png);
}
.swiper-button-next {
    width: 0.98rem;
    height: 0.79rem;
    background: url(../images/wsxl56.png) no-repeat center;
    background-size: 100%;
    opacity: 1 !important;
}
.swiper-button-prev {
    width: 0.98rem;
    height: 0.79rem;
    background: url(../images/wsxl58.png) no-repeat center;
    background-size: 100%;
    opacity: 1 !important;
}
.swiper-slide .title-img {
    width: 6.61rem;
    display: block;
    height: 0.92rem;
    margin: 0 auto 0.2rem;
}
.swiper-bg .swiper-slide1 {
    background-image: url(../images/wsxl21.jpg);
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    padding-bottom: 1.55rem;
    background-size: 100%;
}
.swiper-slide1 .logo {
    width: 100%;
    height: 3.79rem;
    background: url(../images/wsxl51.png) no-repeat center;
    background-size: 100%;
}
.swiper-slide1 .next {
    width: 1.66rem;
    height: 1.49rem;
    background: url(../images/wsxl46.png) no-repeat center;
    background-size: 100%;
}
/*swiper1*/
.swiper-bg .swiper-slide2 {
    background-image: url(../images/wsxl23.jpg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.swiper1 .swiper-button-next {
    right: 0.86rem;
    margin-top: -2rem;
}
.swiper1 .swiper-button-prev {
    left: 0.86rem;
    margin-top: -2rem;
}

.swiper-pagination1 {
    bottom: 2rem;
    white-space: nowrap;
    width: 5.8rem;
    /* margin-left: 0.9rem; */
    height: 0.65rem;
    overflow: auto;
    box-sizing: border-box;
    margin: 0;
    position: absolute;
    left: 0.9rem;
}
.swiper-slide2 .slide1-li {
    width: 5.38rem;
    height: 6.65rem;
    margin: 0 auto;
}
.swiper-slide2 .slide1-li img {
    /* float:left;
     */
    /* width:100%;
     */
    height: 100%;
    display: block;
    margin: auto;
}
.swiper-slide2 .swiper2-bg {
    width: 7.44rem;
    height: 9.97rem;
    background: url(../images/wsxl47.png) no-repeat center;
    background-size: 100%;
    box-sizing: border-box;
    padding-top: 1rem;
}
/*swiper2*/
.swiper-bg .swiper-slide3 {
    background-image: url(../images/wsxl24.jpg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.swiper2 .swiper-button-next {
    right: 0.86rem;
    margin-top: -2rem;
}
.swiper2 .swiper-button-prev {
    left: 0.86rem;
    margin-top: -2rem;
}
.swiper-pagination2 {
    width: 6.02rem;
    /* margin-left: 0.9rem;
     */
    bottom: 1rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.swiper-pagination2 .swiper-pagination-customs {
    margin: 0;
}
.swiper-slide3 .slide1-li {
    width: 5.38rem;
    height: 5.13rem;
    margin: 0 auto;
}
.swiper-slide3 .text-img {
    width: 6.65rem;
    height: 1.32rem;
    display: block;
    margin: 0 auto;
}
.swiper-slide3 .slide1-li img {
    height: 100%;
    display: block;
    margin: auto;
}
.swiper-slide3 .swiper3-bg {
    width: 7.5rem;
    height: 10.21rem;
    background: url(../images/wsxl27.png) no-repeat center top;
    background-size: 100%;
    box-sizing: border-box;
    padding-top: 2.63rem;
    position: relative;
    top: -0.95rem;
}
/*swiper3*/
.swiper-bg .swiper-slide4 {
    background-image: url(../images/wsxl25.jpg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.swiper3 .swiper-button-next {
    right: 0.86rem;
    margin-top: -4.03rem;
}
.swiper3 .swiper-button-prev {
    left: 0.86rem;
    margin-top: -4.03rem;
}
.swiper-pagination3 {
    width: 6.1rem;
    /* margin-left: 0.9rem;
     */
    bottom: 1rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.swiper-pagination3 .swiper-pagination-customs {
    margin: 0;
}
.swiper-slide4 .slide1-li {
    height: 5.97rem;
    margin: 0 auto;
}
.swiper-slide4 .text-img {
    width: 6.65rem;
    height: 1.32rem;
    display: block;
    margin: 0 auto;
}
.swiper-slide4 .slide1-li img {
    height: 100%;
    display: block;
    margin: auto;
}
.swiper-slide4 .swiper4-bg {
    width: 7.5rem;
    height: 8rem;
    background: url(../images/wsxl48.png) no-repeat center 1.06rem;
    background-size: 100%;
    box-sizing: border-box;
    position: relative;
    top: 0.95rem;
}
/*swiper4*/
.swiper-bg .swiper-slide5 {
    background-image: url(../images/wsxl26.jpg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.swiper4 .swiper-button-next {
    right: 0.86rem;
    margin-top: -3.86rem;
}
.swiper4 .swiper-button-prev {
    left: 0.86rem;
    margin-top: -3.86rem;
}
.swiper-pagination4 {
    width: 3.23rem;
    /* margin-left: 0.9rem;
     */
    bottom: 1rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.swiper-pagination4 .swiper-pagination-customs {
    margin: 0;
}
.swiper-slide5 .slide1-li {
    height: 9.84rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.swiper-slide5 .text-img {
    width: 6.65rem;
    height: 1.32rem;
    display: block;
    margin: 0 auto;
}
.swiper-slide5 .slide1-li .img-title {
    width: 4.66rem;
    height: 0.77rem;
    display: block;
    margin: 0 0 1rem;
}
.swiper-slide5 .slide1-li .gif-img {
    height: 3.38rem;
    display: block;
    margin: 0;
}
.swiper-slide5 .swiper5-bg {
    width: 7.44rem;
    height: 7.68rem;
    background: url(../images/wsxl49.png) no-repeat center 1.06rem;
    background-size: 100%;
    box-sizing: border-box;
    position: relative;
    top: 0.95rem;
}

.return{
    top: 0.07rem;
    right: 0;
    padding: 0;
    line-height: 0;
    position: absolute;
    z-index: 3;
}
.return img{
    width: 1.86rem;
    border: 0;
    height: 0.65rem;
}