.g-dn {
    display: none;
}
.row-ab .wp {
    width: 75vw;
    text-align: center;
}
.row-ab3 .wp {
    width: 87.5vw;
}

.row-ab1, .row-ab3, .row-ab4{
    overflow: hidden;
    background-color: #F1F1F1;
}

.row-ab1 .row-a1 .pic {
    float: right;
    margin-left: 72px;
    width: 762px;
}

.row-ab1 .m-detailp1 {
    padding: 108px 158px 128px 158px;
    overflow: hidden;
}

.row-ab1 .m-detailp1 .desc {
    display: block;
    text-align: center;
    color: #252525;
}

.ul-listab1 .con .desc {
    margin: -6px 0 6px 0;
    padding: 0 2px;
}

.ul-listab1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 98px;
}

.ul-listab1 li {
    display: block;
}

.ul-listab1 .top {
    font-size: 96px;
    font-weight: 500;
    color: #4E0A91;
    font-family: HarmonyOSSansSC, Regular, "PingFangSC", 'Microsoft Yahei', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.row-ab2 {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 112px 0 0 0;
    overflow: hidden;
}

.row-ab1 .g-titp1, .row-ab3 .g-titp1, .row-ab4 .g-titp1 {
    color: #252525;
}

.row-ab .category-bg-box {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.row-ab .category-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.m-abdet1 {
    overflow: hidden;
    /* padding-right: 60px; */
    margin-bottom: 138px;
}

.m-abdet1 .bg {
    width: 100%;
}

.m-abdet1 .m-detailp1 {
    margin-bottom: 113px;
    /* overflow: hidden; */
    color: #FFFFFF;
}

.row-ab5 .m-detailp1 .g-titp1,
.m-abdet1 .m-detailp1 .g-titp1 {
    color: #FFFFFF;
}

.row-ab5#page5 .g-titp1.g-titab1 {
    padding-bottom: 40px;
    margin-bottom: 56px;
}

.m-abdet1 .m-detailp1 .con:first-of-type {
    float: left;
    width: 43.75%;
}

.m-abdet1 .m-detailp1 .con {
    float: right;
    width: 33.47%;
}

.m-abdet1 .m-detailp1 .desc {
    color: #FFFFFF;
    display: block;
}
.m-abdet1 .m-detailp1 .desc.desc-grey {
    color: #D1D1D1;
}

.m-detailp1 .ort {
    font-size: 28px;
    font-weight: 400;
    color: #FFFFFF;
    padding-bottom: 35px;
    text-align: left;
}

.m-abdet1 .cirlce {
    width: 554px;
    height: 554px;
    position: relative;
}

.m-abdet1 .list .desc {
    font-size: 19px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    padding-top: 46px;
}

.m-abdet1 .list .info {
    text-align: center;
}

.m-abdet1 .list .info .p1 {
    background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/a7.png);
    width: 94px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 21px;
    font-weight: 400;
    color: #FFFFFF;
    background-size: contain;
    background-repeat: no-repeat;
}

.m-abdet1 .list {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.m-abdet1 .group1 {
    width: 554px;
    height: 554px;
    background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/a3.png);
}

.m-abdet1 .group2 {
    width: 446px;
    height: 446px;
    background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/a4.png);
}

.m-abdet1 .group3 {
    width: 338px;
    height: 338px;
    background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/a5.png);
}

.m-abdet1 .group4 {
    width: 228px;
    height: 228px;
    background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/a6.png);
}

.ul-listab3 {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    justify-content: space-between;
    padding: 0 25px;
}

.ul-listab3 li {
    text-align: center;
    display: block;
}

.ul-listab3 .pic img {
    width: 22px;
    height: 22px;
    display: inline-block;
}

.ul-listab3 .info {
    font-size: 21px;
    color: #FFFFFF;
}

.m-abdet1 .group3 .desc {
    padding-top: 16px;
}

.ul-listab2 {
    text-align: center;
    color: #fff;
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.ul-listab2 li {
    display: block;
    flex: 1;
}

.ul-listab2 .txt {
    padding: 0 116px;
    position: relative;
}

.ul-listab2 .txt::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 41px;
    right: 0;
    top: 6px;
    background-color: rgba(255, 255, 255, .2);
}

.ul-listab2 li:last-child .txt::before {
    display: none;
}

.ul-listab2 .pic {
    padding-top: 25%;
    position: relative;
}

.ul-listab2 .pic img {
    display: block;
    max-width: 68px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ul-listab2 .tit {
    font-size: 32px;
    font-weight: 400;
    padding-bottom: 20px;
    margin-bottom: 24px;
    position: relative;
}

.ul-listab2 .tit::after {
    position: absolute;
    content: "";
    width: 32px;
    height: 2px;
    background: #787ADE;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.ul-listab2 .desc {
    font-size: 20px;
    font-weight: 400;
}

.row-ab3 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0 120px;
    overflow: hidden;
}

.row-ab3 .m-ab3-titp1 {
    font-size: 28px;
    font-weight: 400;
    color: #ffffff;
    position: relative;
    padding: 0 0 42px 0;
    margin-bottom: 44px;
    text-align: left;
}

.row-ab3 .m-ab3-down .m-detailp1 .m-ab3-ban-mob {
    display: none;
}

.row-ab3 .m-ab3-down .m-detailp1 .m-ab3-detail-box {
    padding: 77px 0 0 0;
}

.row-ab3 .m-ab3-down .m-detailp1 .m-ab3-detail-box .m-ab3-detail > p {
    margin: 16px 0;
    text-align: left;
    color: #F1F1F1;
    font-size: 20px;
    font-weight: 600;
}

.row-ab3 .m-ab3-down .m-detailp1 .m-ab3-detail-box .m-ab3-detail .desc {
    padding: 0;
    font-size: 16px;
}

.g-titab1 {
    text-align: center;
}

.g-titab1::after {
    left: 50%;
    transform: translateX(-50%);
}

.m-ab3-top {
    position: relative;
    margin-top: 30px;
    margin-bottom: 120px;
    border-radius: 20px;
}
.m-ab3-top  .m-detab{
    padding: 0 50px;
}

.m-ab3-top .bg-6 {
    display: block;
    width: 100vw;
    max-width: none;
    transform: translateX(-6.25vw);
}

.m-ab3-down .category-bg {
    min-height: 790px;
}

.m-ab3-top .inner {
    position: relative;
}

.m-ab3-top .axis {
    width: 1440px;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    height: 440px;
    display: block;
    position: absolute;
}

.m-ab3-top .line {
    display: block;
    width: 100%;
    height: 564px;
}

.m-ab3-top .group {
    position: absolute;
    padding-left: 96px;
    padding-top: 80px;
    left: 22%;
    bottom: 16%;
}

.m-ab3-top .group2 {
    left: 36%;
    bottom: 26%;
}

.m-ab3-top .group3 {
    left: 50%;
    bottom: 45%;
}

.m-ab3-top .group .icon {
    width: 126px;
    height: 145px;
    left: 0;
    top: 0;
    position: absolute;
    display: block;
}

.m-ab3-top .group .txt {
    text-align: center;
}

.m-ab3-top .group .tit {
    font-size: 20px;
}

.m-ab3-top .group .desc {
    font-size: 24px;
    font-family: AlibabaPuHuiTiM;
    font-weight: 400;
    color: #5B108B;
}

.m-ab3-down {
    position: relative;
    padding: 96px 60px 83px 120px;
    border-radius: 20px;
    overflow: hidden;
}

.row-ab3 .m-ab3-top .m-ab3-titp1 {
    position: absolute;
    top: 96px;
    left: 120px;
}

.m-ab3-top .wp {
    display: block;
}

.m-ab3-down .wp {
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    width: 100%;
}

.m-ab3d-l {
    position: relative;
    width: 49%;
}

.m-ab3d-l .img {
    display: block;
    width: 100%;
}

.m-ab3d-l .bg {
    display: block;
    width: 49%;
    height: 745px;
}

.m-ab3d-l .txt {
    position: absolute;
}

.m-ab3d-l .txt .pic {
    width: 133px;
    height: 138px;
}

.m-ab3d-l .txt .pic img {
    width: 133px;
    height: 138px;
    display: block;
}

.m-ab3d-l .txt .desc {
    font-size: 22px;
    font-weight: bold;
    color: #2B303C;
}

.m-ab3d-l .txt1 {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 26px;
}

.m-ab3d-l .txt1 .desc {
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
}

.m-ab3d-l .txt2 {
    top: 23%;
    right: 0;
    overflow: hidden;
}

.m-ab3d-l .txt3 {
    bottom: 21%;
    right: 0;
    overflow: hidden;
}

.m-ab3d-l .txt2 .pic,
.m-ab3d-l .txt3 .pic {
    float: left;
    margin-right: -4px;
}

.m-ab3d-l .txt2 .desc,
.m-ab3d-l .txt3 .desc {
    overflow: hidden;
    line-height: 126px;
}

.m-ab3d-l .txt4 {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding-bottom: 22px;
}

.m-ab3d-l .txt4 .desc {
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
}

.m-ab3d-l .txt5 {
    bottom: 21%;
    left: 0;
    overflow: hidden;
}

.m-ab3d-l .txt6 {
    top: 23%;
    left: 0;
    overflow: hidden;
}

.m-ab3d-l .txt5 .pic,
.m-ab3d-l .txt6 .pic {
    float: right;
    margin-left: -4px;
}

.m-ab3d-l .txt5 .desc,
.m-ab3d-l .txt6 .desc {
    overflow: hidden;
    line-height: 126px;
}

.m-ab3-down .m-detailp1 {
    padding-right: 155px;
    overflow: hidden;
    max-width: 49%;
    z-index: 1;
}

.row-ab4 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 0 60px;
    overflow: hidden;
}

.mid-line4 {
    position: absolute;
    left: -12.5vw;
    top: 52%;
    width: 100vw;
    height: 1px;
    background: #A2A2A4;
}

.ul-listab4 {
    position: relative;
    height: 700px;
}

.ul-listab4 li {
    position: absolute;
    left: 0;
    height: 46%;
}

.m-banab3-pc .ul-listab4 .list1 .con,
.m-banab3-pc .ul-listab4 .list3 .con,
.m-banab3-pc .ul-listab4 .list5 .con {
    padding-top: 60px;
}

.m-banab3-pc .ul-listab4 .list2 .con,
.m-banab3-pc .ul-listab4 .list4 .con,
.m-banab3-pc .ul-listab4 .list6 .con {
    padding-top: 141px;
}

.m-banab3-pc .ul-listab4 .list1 .con .pic,
.m-banab3-pc .ul-listab4 .list3 .con .pic,
.m-banab3-pc .ul-listab4 .list5 .con .pic {
    margin-left: 8.5px;
    position: absolute;
    top: 80px;
    height: calc(100% - 80px);
    z-index: -1;
}

.m-banab3-pc .ul-listab4 .list2 .con .pic,
.m-banab3-pc .ul-listab4 .list4 .con .pic,
.m-banab3-pc .ul-listab4 .list6 .con .pic {
    margin-left: 8.5px;
    position: absolute;
    top: 0;
    height: 161px;
    z-index: -1;
}

.ul-listab4 .year-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #4E0A91;
    border-radius: 18px;
    vertical-align: super;
}

.ul-listab4 .pic {
    float: left;
    width: 1px;
    background: #A2A2A4;
}

.ul-listab4 .list1 {
    top: 6%;
}

.ul-listab4 .list2 {
    top: 52%;
    left: 3%;
}

.ul-listab4 .list3 {
    top: 6%;
    left: 34%;
}

.ul-listab4 .list4 {
    top: 52%;
    left: 37%;
}
    
.ul-listab4 .list5 {
    top: 6%;
    left: 68%;
}

.ul-listab4 .list6 {
    top: 52%;
    left: 72%;
}

.ul-listab4 .con {
    overflow: hidden;
}

.ul-listab4 li:nth-child(even) .pic {
    background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/e1.png);
}

.ul-listab4 .txt {
    overflow: hidden;
    max-width: 413px;
    text-align: left;
}

.ul-listab4 .year {
    padding-left: 15px;
    display: inline-block;
    font-size: 36px;
    font-weight: 400;
    color: #4E0A91;
}

.ul-listab4 .desc {
    padding-left: 33px;
    font-size: 20px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 6;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-align: left;
    color: #2B303C;
}

.ul-listab4 .desc p {
    position: relative;
    padding-left: 8px;
}

.ul-listab4 .desc p span {
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: .6em;
    opacity: 0;
}

.ul-listab5 {
    padding: 180px 0 310px;
    display: inline-flex;
    justify-content: space-between;
    width: 80%;
}

.ul-listab5 .con .top {
    font-size: 96px;
    color: #FFFFFF;
    font-weight: 500;
}

.ul-listab5 .con .desc {
    font-size: 20px;
    font-weight: 400;
    color: #D1D1D1;
    line-height: 44px;
}

.ul-listab5 .con .desc span {
    display: block;
}

.m-banab3 {
    /* padding-bottom: 52px; */
    position: relative;
    /* margin-bottom: 62px; */
}

.row-ab4 .m-banab3-ue {
    display: none;
}

.m-banab3 .swiper-button-next:after,
.m-banab3 .swiper-button-prev:after {
    display: none;
}

.m-banab3 .swiper-button-next,
.m-banab3 .swiper-button-prev {
    position: absolute;
    bottom: 0;
    font-size: 0;
    background-position: center;
    width: 52px;
    height: 46px;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    background-color: transparent;
    transition: .3s;
    cursor: pointer;
    z-index: 1;
    top: auto;
    left: auto;
}

.m-banab3 .swiper-button-next.swiper-button-disabled,
.m-banab3 .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    z-index: 1;
    pointer-events: all;
}

.m-banab3 .swiper-button-prev {
    right: 51%;
    background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/prev.png);
}

.m-banab3 .swiper-button-prev:hover {
    background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/prev-1.png);
}

.m-banab3 .swiper-button-next {
    left: 51%;
    background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/next.png);
}

.m-banab3 .swiper-button-next:hover {
    background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/next-1.png);
}

.m-detab {
    text-align: center;
}

.m-detab .desc {
    font-size: 20px;
    text-align: center;
}

.row-ab5 {
    position: relative;
    padding: 120px 0 100px;
    background-color: #000000;
    z-index: 0;
    overflow: hidden;
}

.row-ab .category-bg-box .category-bg {
    top: -20px;
    height: auto;
}

.row-ab5 .ab5-wp {
    width: 58.54vw;
}

.row-ab .category-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.m-mapab {
    position: relative;
    margin-bottom: 60px;
}

.m-mapab .bg {
    display: block;
    width: 100%;
    height: auto;
}

@-webkit-keyframes shan {
    0%,
    100% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

@-moz-keyframes shan {
    0%,
    100% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

@-o-keyframes shan {
    0%,
    100% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

@keyframes shan {
    0%,
    100% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

@-webkit-keyframes tiao {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-10px);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0);
    }
}

@-moz-keyframes tiao {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-10px);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0);
    }
}

@-o-keyframes tiao {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-10px);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes tiao {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-10px);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes myfirst {
    0% {
        -moz-transform: scale(0.8);
        opacity: 1;
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        filter: FlipH;
    }
    50% {
        -moz-transform: scale(1.1);
        opacity: 0.7;
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        filter: FlipH;
    }
    100% {
        -moz-transform: scale(0.8);
        opacity: 1;
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        filter: FlipH;
    }
}

.m-mapab .icon {
    -webkit-animation: 1.5s ease-in-out infinite myfirst;
    -moz-animation: 1.5s ease-in-out infinite myfirst;
    -o-animation: 1.5s ease-in-out infinite myfirst;
    animation: 1.5s ease-in-out infinite myfirst;
    position: absolute;
    width: 17px;
    height: 20px;
    background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/e4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 18%;
    left: 55%;
}

.m-mapab .addr {
    width: 76px;
    height: 86px;
    position: absolute;
    top: 46%;
    right: 11%;
    background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/e6.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.m-mapab .line {
    width: 81px;
    height: 1px;
    background-color: #5B108B;
    position: absolute;
    top: 51%;
    right: 15%;
}

.row-ab5 .wp-ban6-global .ban5 .swiper-wrapper {
    overflow: initial;
}

.ul-listab7 {
    margin: 0 -15px;
    overflow: hidden;
    width: 100%;
}

.ul-listab7 li {
    float: left;
    width: 100%;
}

.ul-listab7 .con {
    position: relative;
    height: 380px;
    transition: .3s;
}

.ul-listab7 .con:hover {
    box-shadow: 0px 20px 29px 0px rgba(37, 39, 62, 0.11);
}

.ul-listab7 .tit {
    font-size: 28px;
    font-weight: 400;
    display: block;
    overflow: hidden;
    color: #F1F1F1;
    z-index: 1;
}

.ul-listab7 .group1 {
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 50px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 16px;
}

.ul-listab7 .group1:after {
    position: absolute;
    top: 0;
    content: " ";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.44);
}

.ul-listab7 .con:hover .group1:after {
    background-color: initial;
}

.ul-listab7 .group2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: .3s;
    padding: 53px 0 25px 0;
    display: none;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    background-color: rgba(102,49,154,.82);
    color: #F1F1F1;
    border-radius: 16px;
    overflow: hidden;
}

.ul-listab7 .con:hover .group1 .tit {
    opacity: 0;
}

.ul-listab7 .con:hover .group2 {
    display: flex;
}

.ul-listab7 .group2 .tit {
    padding: 0 35px;
    margin-bottom: 40px;
}

.ul-listab7 .group1 .tit,
.ul-listab7 .group2 .tit {
    font-size: 28px;
}

.ul-listab7 .group2 .icon {
    margin-right: 25px;
}

.ul-listab7 .desc {
    margin-right: 12px;
    padding: 0 23px 0 35px;
    font-size: 20px;
    font-weight: 300;
    line-height: 44px;
    text-align: justify;
    overflow-y: auto;
}
@-moz-document url-prefix() {
    .ul-listab7 .desc {
        scrollbar-color: rgba(220, 182, 255, 1) rgba(255, 255, 255, 0);
        scrollbar-width: auto;
    }
}
.ul-listab7 .desc::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: rgba(220, 182, 255, 1);
}
.ul-listab7 .desc::-webkit-scrollbar-button {
    opacity: 0;
}
.ul-listab7 .desc::-webkit-scrollbar {
    width: 20px;
}

.wp-ban6 {
    width: 95%;
}

.wp-ban6-global {
    margin: 0 auto;
}

.wp-ban5 {
    max-width: 1600px;
    width: 95%;
    margin: 0 auto;
}

.m-banab3-pc .item {
    padding: 0 30px;
}

/* .ban5 {
    padding: 0 70px;
    position: relative;
} */

.m-banab6-pc {
    padding: 0 86px !important;
}
.m-banab5 {
    position: relative;
    margin: 0 -10px;
    /* padding: 0 80px; */
    margin-bottom: 75px;
    padding-bottom: 36px;
}

.m-banab6-pc .item,
.m-banab5 .item {
    padding: 0 30px;
}

.ban5 .swiper-button-prev1::after,
.ban5 .swiper-button-next1::after {
    display: none;
}

.ban5 .swiper-button-prev1,
.ban5 .swiper-button-next1 {
    position: absolute;
    top: 38%;
    font-size: 0;
    background-position: center;
    width: 52px;
    height: 46px;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    background-color: transparent;
    transition: .3s;
    cursor: pointer;
    z-index: 1;
}

.ban5 .swiper-button-next1.swiper-button-disabled,
.ban5 .swiper-button-prev1.swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    z-index: 1;
    pointer-events: all;
}

.ban5 .swiper-button-prev1 {
    left: -75px;
    background-image: url(https://www.fapon.com/webpage/modules/zh/images/icon27.png);
}

.ban5 .swiper-button-next1 {
    right: -75px;
    background-image: url(https://www.fapon.com/webpage/modules/zh/images/icon28.png);
}

.m-banab5 .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
}

.m-banab5 .slick-dots li {
    display: inline-block;
    margin: 0 6px;
}

.ban5:not(.m-ab3-ban-mob) .swiper-pagination.swiper-pagination-mob {
    display: none;
}

.ban5 .swiper-pagination-bullet {
    font-size: 0;
    border: none;
    background-color: transparent;
    width: 14px;
    height: 16px;
    background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/f5.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    transition: .3s;
    opacity: 1;
}

.ban5 .swiper-pagination-bullet:hover,
.ban5 .swiper-pagination-bullet-active {
    background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/f5-1.png);
}

.ul-listab6 {
    /* margin: 0 -15px; */
    /* overflow: hidden; */
    padding-bottom: 30px;
    /* padding: 0 50px 30px; */
}

.ul-listab6 li {
    /* padding: 0 10px; */
}

.ul-listab6 .con {
    background-color: rgb(255, 255, 255);
    /* box-shadow: 0px 0px 12px 0px rgba(37, 39, 62, 0.11); */
    transition: .3s;
}
.ul-listab6 .con:hover{
    box-shadow: 0px 0px 12px 0px rgba(37, 39, 62, 0.11);  
}
.ul-listab6 .pic {
    display: block;
    padding-top: 56%;
    position: relative;
    overflow: hidden;
}

.ul-listab6 .pic .img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}

.ul-listab6 .pic .search {
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 1;
    opacity: 0;
    transition: .3s;
}

.ul-listab6 .pic::after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(91, 16, 139, .6);
    content: "";
    opacity: 0;
    transition: .3s;
}

.ul-listab6 .con:hover .pic .search {
    opacity: 1;
}

.ul-listab6 .con:hover .pic::after {
    opacity: 1;
}

.ul-listab6 .txt {
    height: 80px;
    font-size: 18px;
    display: flex;
    align-items: center;
    padding: 0 30px;
    background-color: #fff;
}

.ul-listab6 .txt .desc {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
}

/* 响应式 */

@media only screen and (width: 2232px) {
    .row-ab1  {
        display: none;
    }
}


/* 响应式 */

@media only screen and (min-width: 1199px) and (max-width: 1919px) {
    .m-detab .desc {
        font-size: 1.101vw;
    }
    .row-ab1 .row-a1 .pic {
        float: right;
        margin-left: 3.75vw;
        width: 39.68vw;
    }
    .row-ab1 .m-detailp1 {
        overflow: hidden;
        padding: 5.627vw 12.5vw 6.041vw 12.5vw;
    }
    .row-ab1 .m-detailp1 .desc {
        display: block;
    }
    .ul-listab1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 5.138vw;
    }
    .ul-listab1 li {
        display: block;
    }
    .ul-listab1 .top {
        font-size: 5vw;
    }
    .row-ab2 {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding: 5.836vw 0 0 0;
    }
    .m-abdet1 {
        overflow: hidden;
        /* padding-right: 3.125vw; */
        margin-bottom: 7.189vw;
    }

    .m-abdet1 .m-detailp1 .con {
        width: 37.65%;
    }
    .m-detailp1 .ort {
        font-size: 1.458vw;
        padding-bottom: 1.822vw;
    }
    .m-abdet1 .cirlce {
        width: 28.85vw;
        height: 28.85vw;
        position: relative;
    }
    .m-abdet1 .list .desc {
        font-size: 0.989vw;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        padding-top: 2.395vw;
    }
    .m-abdet1 .list .info {
        text-align: center;
    }
    .m-abdet1 .list .info .p1 {
        background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/a7.png);
        width: 4.895vw;
        height: 2.083vw;
        display: inline-block;
        text-align: center;
        line-height: 2.083vw;
        font-size: 1.093vw;
        font-weight: 400;
        color: #FFFFFF;
    }
    .m-abdet1 .list {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .m-abdet1 .group1 {
        width: 28.85vw;
        height: 28.85vw;
    }
    .m-abdet1 .group2 {
        width: 23.22vw;
        height: 23.22vw;
    }
    .m-abdet1 .group3 {
        width: 17.60vw;
        height: 17.60vw;
    }
    .m-abdet1 .group4 {
        width: 11.87vw;
        height: 11.87vw;
    }
    .ul-listab3 {
        display: flex;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        justify-content: space-between;
        padding: 0 1.302vw;
    }
    .ul-listab3 li {
        text-align: center;
        display: block;
    }
    .ul-listab3 .pic img {
        width: 1.145vw;
        height: 1.145vw;
        display: inline-block;
    }
    .ul-listab3 .info {
        font-size: 1.093vw;
        color: #FFFFFF;
    }
    .m-abdet1 .group3 .desc {
        padding-top: 0.933vw;
    }
    .ul-listab2 {
        text-align: center;
        color: #fff;
        display: flex;
        align-items: stretch;
        justify-content: center;
    }
    .ul-listab2 li {
        display: block;
        flex: 1;
    }
    .ul-listab2 .txt {
        padding: 0 6.041vw;
        position: relative;
    }
    .ul-listab2 .txt::before {
        position: absolute;
        content: "";
        width: 0.052vw;
        height: 2.135vw;
        right: 0;
        top: 0.312vw;
        background-color: rgba(255, 255, 255, .2);
    }
    .ul-listab2 li:last-child .txt::before {
        display: none;
    }
    .ul-listab2 .pic {
        padding-top: 25%;
        position: relative;
    }
    .ul-listab2 .pic img {
        display: block;
        max-width: 3.541vw;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .ul-listab2 .tit {
        font-size: 1.666vw;
        font-weight: 400;
        padding-bottom: 1.101vw;
        margin-bottom: 1.25vw;
        position: relative;
    }
    .ul-listab2 .tit::after {
        position: absolute;
        content: "";
        width: 1.666vw;
        height: 0.104vw;
        background: #787ADE;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .ul-listab2 .desc {
        font-size: 1.101vw;
        font-weight: 400;
    }
    .row-ab3 {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 6.25vw 0 6.25vw;
    }

    .row-ab3 .m-ab3-titp1 {
        font-size: 1.514vw;
        padding: 0 0 2.164vw 0;
        margin-bottom: 2.379vw;
    }

    .row-ab3 .m-ab3-down .m-detailp1 .m-ab3-detail-box {
        padding: 4.163vw 0 0 0;
    }
    
    .row-ab3 .m-ab3-down .m-detailp1 .m-ab3-detail-box .m-ab3-detail > p {
        font-size: 1.082vw;
    }

    .row-ab3 .m-ab3-down .m-detailp1 .m-ab3-detail-box .m-ab3-detail .desc {
        font-size: 0.833vw;
    }
    .g-titab1 {
        text-align: center;
    }
    .g-titab1::after {
        left: 50%;
        transform: translateX(-50%);
    }
    .m-ab3-top {
        margin-top: 1.562vw;
        margin-bottom: 6.248vw;
    }
    .m-ab3-top .inner {
        position: relative;
    }
    .m-ab3-top .axis {
        width: 75vw;
        bottom: 2.604vw;
        left: 50%;
        transform: translateX(-50%);
        height: 22.91vw;
        display: block;
        position: absolute;
    }
    .m-ab3-top .line {
        display: block;
        width: 100%;
        height: 29.37vw;
    }
    .m-ab3-top .group {
        position: absolute;
        padding-left: 5vw;
        padding-top: 4.166vw;
        left: 22%;
        bottom: 16%;
    }
    .m-ab3-top .group2 {
        left: 36%;
        bottom: 26%;
    }
    .m-ab3-top .group3 {
        left: 50%;
        bottom: 45%;
    }
    .m-ab3-top .group .icon {
        width: 6.562vw;
        height: 7.552vw;
        left: 0;
        top: 0;
        position: absolute;
        display: block;
    }
    .m-ab3-top .group .txt {
        text-align: center;
    }
    .m-ab3-top .group .tit {
        font-size: 1.101vw;
    }
    .m-ab3-top .group .desc {
        font-size: 1.25vw;
        font-family: AlibabaPuHuiTiM;
        font-weight: 400;
        color: #5B108B;
    }
    .m-ab3-down {
        padding: 4.998vw 3.123vw 4.324vw 6.247vw;
        border-radius: 0.989vw;
    }
    .row-ab3 .m-ab3-top .m-ab3-titp1 {
        top: 4.998vw;
        left: 6.247vw;
    }
    .m-ab3-down .wp {
        overflow: hidden;
    }
    .m-ab3d-l .bg {
        display: block;
        height: 38.80vw;
    }
    .m-ab3d-l .txt {
        position: absolute;
    }
    .m-ab3d-l .txt .pic {
        width: 6.927vw;
        height: 7.187vw;
    }
    .m-ab3d-l .txt .pic img {
        width: 6.927vw;
        height: 7.187vw;
        display: block;
    }
    .m-ab3d-l .txt .desc {
        font-size: 1.145vw;
        color: #2B303C;
    }
    .m-ab3d-l .txt1 {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        padding-top: 1.354vw;
    }
    .m-ab3d-l .txt1 .desc {
        top: 0;
        left: 0;
        right: 0;
        position: absolute;
        text-align: center;
    }
    .m-ab3d-l .txt2 {
        top: 23%;
        right: 0;
        overflow: hidden;
    }
    .m-ab3d-l .txt3 {
        bottom: 21%;
        right: 0;
        overflow: hidden;
    }
    .m-ab3d-l .txt2 .pic,
    .m-ab3d-l .txt3 .pic {
        float: left;
        margin-right: -0.208vw;
    }
    .m-ab3d-l .txt2 .desc,
    .m-ab3d-l .txt3 .desc {
        overflow: hidden;
        line-height: 6.562vw;
    }
    .m-ab3d-l .txt4 {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        padding-bottom: 1.145vw;
    }
    .m-ab3d-l .txt4 .desc {
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        text-align: center;
    }
    .m-ab3d-l .txt5 {
        bottom: 21%;
        left: 0;
        overflow: hidden;
    }
    .m-ab3d-l .txt6 {
        top: 23%;
        left: 0;
        overflow: hidden;
    }
    .m-ab3d-l .txt5 .pic,
    .m-ab3d-l .txt6 .pic {
        float: right;
        margin-left: -0.208vw;
    }
    .m-ab3d-l .txt5 .desc,
    .m-ab3d-l .txt6 .desc {
        overflow: hidden;
        line-height: 6.562vw;
    }
    .m-ab3-down .m-detailp1 {
        padding-right: 8.072vw;
        overflow: hidden;
    }
    .row-ab4 {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0 0 3.425vw;
    }

    .m-banab3-pc .ul-listab4 .list1 .con,
    .m-banab3-pc .ul-listab4 .list3 .con,
    .m-banab3-pc .ul-listab4 .list5 .con {
        padding-top: 95px;
    }
    
    .m-banab3-pc .ul-listab4 .list2 .con,
    .m-banab3-pc .ul-listab4 .list4 .con,
    .m-banab3-pc .ul-listab4 .list6 .con {
        padding-top: 106px;
    }
    
    .m-banab3-pc .ul-listab4 .list1 .con .pic,
    .m-banab3-pc .ul-listab4 .list3 .con .pic,
    .m-banab3-pc .ul-listab4 .list5 .con .pic {
        margin-left: 7.5px;
        top: 117px;
        height: calc(100% - 117px);
    }
    
    .m-banab3-pc .ul-listab4 .list2 .con .pic,
    .m-banab3-pc .ul-listab4 .list4 .con .pic,
    .m-banab3-pc .ul-listab4 .list6 .con .pic {
        margin-left: 7.5px;
        height: 128px;
    }

    .ul-listab4 .year-icon {
        width: 16px;
        height: 16px;
    }
    
    .ul-listab4 {
        position: relative;
        height: 36.45vw;
    }

    .ul-listab4 li {
        position: absolute;
        left: 0;
    }
    .ul-listab4 .txt {
        overflow: hidden;
        max-width: 21.52vw;
    }
    .ul-listab4 .year {
        padding-left: 0.781vw;
        font-size: 1.875vw;
        font-weight: 400;
    }
    .ul-listab4 .desc {
        padding-left: 1.716vw;
        font-size: 1.042vw;
    }
    .ul-listab4 .desc p {
        position: relative;
        padding-left: 0.416vw;
    }
    .ul-listab4 .desc p span {
        display: block;
        width: 0.104vw;
        height: 0.104vw;
        border-radius: 50%;
        background-color: #fff;
        position: absolute;
        left: 0;
    }
    .ul-listab5 {
        padding: 9.374vw 0 16.144vw;
    }
    
    .ul-listab5 .con .top {
        font-size: 5.138vw;
    }
    
    .ul-listab5 .con .desc {
        font-size: 1.101vw;
    }
    
    .m-banab3 {
        /* padding-bottom: 2.708vw; */
        position: relative;
        /* margin-bottom: 3.229vw; */
    }
    .m-banab3 .swiper-button-prev， .m-banab3 .swiper-button-next {
        position: absolute;
        bottom: 0;
        font-size: 0;
        background-position: center;
        width: 2.708vw;
        height: 2.395vw;
        background-repeat: no-repeat;
        border: none;
        background-color: transparent;
        transition: .3s;
        cursor: pointer;
    }
    .m-banab3 .swiper-button-prev {
        right: 51%;
        background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/prev.png);
    }
    .m-banab3 .swiper-button-prev:hover {
        background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/prev-1.png);
    }
    .m-banab3 .swiper-button-next {
        left: 51%;
        background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/next.png);
    }
    .m-banab3 .swiper-button-next:hover {
        background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/next-1.png);
    }
    .m-detab {
        text-align: center;
    }
    .row-ab5 {
        padding: 6.249vw 0 5.205vw;
    }

    .row-ab5#page5 .g-titp1.g-titab1 {
        padding-bottom: 2.202vw;
        margin-bottom: 2.916vw;
    }
    .row-ab .category-bg-box .category-bg {
        top: -1.249vw;
    }
    .m-mapab {
        position: relative;
        margin-bottom: 3.125vw;
    }
    .m-mapab .bg {
        display: block;
        width: 100%;
        height: auto;
    }
    .m-mapab .icon {
        position: absolute;
        width: 0.885vw;
        height: 1.101vw;
        background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/e4.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .m-mapab .c2 {}
    .m-mapab .c3 {}
    .m-mapab .c4 {}
    .m-mapab .c5 {}
    .m-mapab .c6 {}
    .m-mapab .c7 {}
    .m-mapab .c8 {}
    .m-mapab .c9 {}
    .m-mapab .c10 {}
    .m-mapab .c11 {}
    .m-mapab .c12 {}
    .m-mapab .c13 {}
    .m-mapab .c14 {}
    .m-mapab .c15 {}
    .m-mapab .c16 {}
    .m-mapab .c17 {}
    .m-mapab .c18 {}
    .m-mapab .c19 {}
    .m-mapab .c20 {}
    .m-mapab .c21 {}
    .m-mapab .c22 {}
    .m-mapab .c23 {}
    .m-mapab .c24 {}
    .m-mapab .c25 {}
    .m-mapab .c26 {}
    .m-mapab .c27 {}
    .m-mapab .c28 {}
    .m-mapab .c29 {}
    .m-mapab .c30 {}
    .m-mapab .c31 {}
    .m-mapab .c32 {}
    .m-mapab .c33 {}
    .m-mapab .c34 {}
    .m-mapab .c35 {}
    .m-mapab .c36 {}
    .m-mapab .c37 {}
    .m-mapab .c38 {}
    .m-mapab .c39 {}
    .m-mapab .c40 {}
    .m-mapab .c41 {}
    .m-mapab .c42 {}
    .m-mapab .c43 {}
    .m-mapab .c44 {}
    .m-mapab .c45 {}
    .m-mapab .c46 {}
    .m-mapab .c47 {}
    .m-mapab .c48 {}
    .m-mapab .c49 {}
    .m-mapab .c50 {}
    .m-mapab .c51 {}
    .m-mapab .c52 {}
    .m-mapab .c53 {}
    .m-mapab .c54 {}
    .m-mapab .addr {
        width: 3.958vw;
        height: 4.479vw;
        position: absolute;
        top: 46%;
        right: 11%;
        background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/e6.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .m-mapab .line {
        width: 4.218vw;
        height: 0.052vw;
        background-color: #5B108B;
        position: absolute;
        top: 51%;
        right: 15%;
    }
    .ul-listab7 {
        margin: 0 -0.781vw;
    }
    .ul-listab7 .con {
        height: 19.781vw;
        border-radius: 0.208vw;
    }
    .ul-listab7 .con:hover {
        box-shadow: 0vw 1.101vw 1.510vw 0vw rgba(37, 39, 62, 0.11);
    }
    .ul-listab7 .tit {
        font-size: 1.458vw;
        display: block;
        overflow: hidden;
    }
    .ul-listab7 .group1 {
        text-align: center;
        padding: 2.604vw;
    }
    .ul-listab7 .group2 {
        padding: 2.762vw 0 1.048vw;
    }
    .ul-listab7 .group2 .tit {
        padding: 0 1.795vw;
        margin-bottom: 2.084vw;
    }
    .ul-listab7 .group1 .tit,
    .ul-listab7 .group2 .tit {
        font-size: 1.6282vw;
    }
    .ul-listab7 .group2 .icon {
        margin-right: 1.302vw;
    }
    .ul-listab7 .desc {
        margin-right: .6vw;
        padding: 0 1.195vw 0 1.795vw;
        font-size: 1.042vw;
        line-height: 2.292vw;
    }
    .ul-listab7 .desc::-webkit-scrollbar {
        width: 1.042vw;
    }
    .m-banab5 {
        /* margin: 0 -1.162vw; */
        margin-bottom: 3.906vw;
        padding-bottom: 1.875vw;
        position: relative;
    }
    .m-banab6-pc .item,
    .m-banab5 .item {
        padding: 0 .8vw;
    }
    .m-banab5 .slick-arrow {
        position: absolute;
        top: 30%;
        font-size: 0;
        background-position: center;
        width: 2.708vw;
        height: 2.395vw;
        background-repeat: no-repeat;
        background-size: contain;
        border: none;
        background-color: transparent;
        transition: .3s;
        cursor: pointer;
        z-index: 1;
    }
    .m-banab5 .slick-dots {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        bottom: 0;
    }
    .m-banab5 .slick-dots li {
        display: inline-block;
        margin: 0 0.312vw;
    }
    .m-banab5 .swiper-pagination-bullet {
        font-size: 0;
        border: none;
        background-color: transparent;
        width: 0.729vw;
        height: 0.933vw;
        /* background-image: url(../images/aboutus/f5.png); */
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        transition: .3s;
    }
    .m-banab5 .swiper-pagination-bullet:hover,
    .m-banab5 .swiper-pagination-bullet-active button {
        background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/f5-1.png);
    }
    .ul-listab6 {
        /* margin: 0 -0.781vw; */
        /* overflow: hidden; */
        padding-bottom: 1.562vw;
        /* padding: 0 2.604vw 1.562vw; */
    }
    .ul-listab6 li {}
    .ul-listab6 .con {
        background-color: rgb(255, 255, 255);
        /* box-shadow: 0vw 0vw .8vw 0vw rgba(37, 39, 62, 0.11); */
    }
    .ul-listab6 .pic {
        display: block;
        padding-top: 56%;
        position: relative;
        overflow: hidden;
    }
    .ul-listab6 .pic .img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .ul-listab6 .pic .search {
        display: block;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        width: 1.562vw;
        height: 1.562vw;
        z-index: 1;
        opacity: 0;
        transition: .3s;
    }
    .ul-listab6 .pic::after {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(91, 16, 139, .6);
        content: "";
        opacity: 0;
        transition: .3s;
    }
    .ul-listab6 .con:hover .pic .search {
        opacity: 1;
    }
    .ul-listab6 .con:hover .pic::after {
        opacity: 1;
    }
    .ul-listab6 .txt {
        height: 4.166vw;
        font-size: 1.047vw;
        display: flex;
        align-items: center;
        padding: 0 1.562vw;
        background-color: #fff;
    }
    .ul-listab6 .txt .desc {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        white-space: nowrap;
    }
    .wp-ban5 {
        max-width: 83.33vw;
        width: 95%;
        margin: 0 auto;
    }
    .m-banab6-pc {
        padding: 0 4.481vw !important;
    }
    /* .ban5 {
        padding: 0 3.645vw;
        position: relative;
    } */
    .m-banab5 {
        margin: 0 -0.520vw;
        /* padding: 0 4.166vw; */
        /* padding-bottom: 1.875vw; */
        position: relative;
        padding-bottom: 2.506vw;
        margin-bottom: 3.4vw;
    }
    .m-banab6-pc .item,
    .m-banab5 .item {
        padding: 0 1.562vw;
    }
    .ban5 .swiper-button-prev1,
    .ban5 .swiper-button-next1 {
        width: 2.708vw;
        height: 2.395vw;
    }
    .ban5 .swiper-button-prev1 {
        left: -3.645vw;
    }
    .ban5 .swiper-button-next1 {
        right: -3.645vw;
    }
}

@media only screen and (max-width: 1440px) {
    .ul-listab7 .con {
        height: 22.223vw;
    }
}

@media only screen and (max-width: 1199px) {
    .m-detab .desc {
        font-size: 18px;
    }
    .wp-ban5 {
        padding: 0 10px;
        max-width: none;
        width: auto;
    }
    .m-banab6-pc .item,
    .m-banab5 .item {
        padding: 0 10px;
    }
    .row-ab1 .m-detailp1 {
        padding: 16px 20px 20px 20px;
    }
    .row-ab1 .row-a1 .pic {
        width: 35vw;
    }
    .ul-listab1 .top {
        font-size: 64px;
    }
    .ul-listab1 {
        margin-top: 53px;
    }
    .m-abdet1 .cirlce {
        margin-left: 40px;
        margin: 0 auto;
        float: none;
    }
    .m-abdet1 .m-detailp1{
        width: auto;
    }
    .m-abdet1 {
        margin-bottom: 48px;
    }
    .ul-listab2 .txt {
        padding: 0 50px;
    }
    .ul-listab2 .pic img {
        max-width: 48px;
    }
    .ul-listab2 .tit {
        font-size: 26px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    .ul-listab3 .info {
        font-size: 18px;
    }
    .ul-listab2 .desc {
        font-size: 18px;
    }
    .row-ab3.row-ab .wp {
        padding: 0;
    }
    .row-ab3 .m-ab3-titp1 {
        font-size: 24px;
        padding: 0 0 27px 0;
        margin-bottom: 24px;
    }
    .m-ab3-top .group .tit {
        font-size: 16px;
    }
    .m-ab3-top .group .desc {
        font-size: 18px;
    }
    .m-ab3-top .group .icon {
        width: 110px;
        height: 118px;
    }
    .m-ab3-top {
        margin-top: 25px;
        margin-bottom: 100px;
    }
    .m-ab3-down {
        padding: 14px 5px 14px 9px;
        border-radius: 20px;
    }

    .row-ab3 .m-ab3-top .m-ab3-titp1 {
        top: 14px;
        left: 9px;
    }
    
    .row-ab3 .m-ab3-down .m-detailp1 .m-ab3-detail-box .m-ab3-detail > p {
        font-size: 18px;
    }

    .row-ab3 .m-ab3-down .m-detailp1 .m-ab3-detail-box .m-ab3-detail .desc {
        font-size: 16px;
    }
    /*  */
    .m-ab3d-l {
        position: relative;
        margin: 0 auto 30px auto;
    }
    .m-ab3d-l .bg {
        display: block;
        height: 38.80vw;
    }
    .m-ab3d-l .txt {
        position: absolute;
    }
    .m-ab3d-l .txt .pic {
        width: 6.927vw;
        height: 7.187vw;
    }
    .m-ab3d-l .txt .pic img {
        width: 6.927vw;
        height: 7.187vw;
        display: block;
    }
    .m-ab3d-l .txt .desc {
        font-size: 1.145vw;
        color: #2B303C;
    }
    .m-ab3d-l .txt1 {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        padding-top: 1.354vw;
    }
    .m-ab3d-l .txt1 .desc {
        top: 0;
        left: 0;
        right: 0;
        position: absolute;
        text-align: center;
    }
    .m-ab3d-l .txt2 {
        top: 23%;
        right: 0;
        overflow: hidden;
    }
    .m-ab3d-l .txt3 {
        bottom: 21%;
        right: 0;
        overflow: hidden;
    }
    .m-ab3d-l .txt2 .pic,
    .m-ab3d-l .txt3 .pic {
        float: left;
        margin-right: -0.208vw;
    }
    .m-ab3d-l .txt2 .desc,
    .m-ab3d-l .txt3 .desc {
        overflow: hidden;
        line-height: 6.562vw;
    }
    .m-ab3d-l .txt4 {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        padding-bottom: 1.145vw;
    }
    .m-ab3d-l .txt4 .desc {
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        text-align: center;
    }
    .m-ab3d-l .txt5 {
        bottom: 21%;
        left: 0;
        overflow: hidden;
    }
    .m-ab3d-l .txt6 {
        top: 23%;
        left: 0;
        overflow: hidden;
    }
    .m-ab3d-l .txt5 .pic,
    .m-ab3d-l .txt6 .pic {
        float: right;
        margin-left: -0.208vw;
    }
    .m-ab3d-l .txt5 .desc,
    .m-ab3d-l .txt6 .desc {
        overflow: hidden;
        line-height: 6.562vw;
    }
    /*  */
    .m-ab3-down .m-detailp1 {
        padding-right: 8.072vw;
        max-width: 100%;
        text-align: center;
    }

    .m-banab3-pc .ul-listab4 .list1 .con,
    .m-banab3-pc .ul-listab4 .list3 .con,
    .m-banab3-pc .ul-listab4 .list5 .con {
        padding-top: 40px;
    }
    
    .m-banab3-pc .ul-listab4 .list2 .con,
    .m-banab3-pc .ul-listab4 .list4 .con,
    .m-banab3-pc .ul-listab4 .list6 .con {
        padding-top: 46px;
    }
    
    .m-banab3-pc .ul-listab4 .list1 .con .pic,
    .m-banab3-pc .ul-listab4 .list3 .con .pic,
    .m-banab3-pc .ul-listab4 .list5 .con .pic {
        margin-left: 6.5px;
        top: 64px;
        height: calc(100% - 64px);
    }
    
    .m-banab3-pc .ul-listab4 .list2 .con .pic,
    .m-banab3-pc .ul-listab4 .list4 .con .pic,
    .m-banab3-pc .ul-listab4 .list6 .con .pic {
        margin-left: 6.5px;
        height: 70px;
    }

    .ul-listab4 .year-icon {
        width: 14px;
        height: 14px;
    }
    .ul-listab4 {
        position: relative;
        height: 36.45vw;
    }
    .ul-listab4 .txt {
        overflow: hidden;
        max-width: 21.52vw;
    }
    .ul-listab4 .year {
        font-size: 2.5vw;
        font-weight: 400;
    }
    .ul-listab4 .desc {
    }
    .ul-listab4 .desc p {
        position: relative;
        padding-left: 0.416vw;
    }
    .ul-listab4 .desc p span {
        display: block;
        width: 0.104vw;
        height: 0.104vw;
        border-radius: 50%;
        background-color: #fff;
        position: absolute;
        left: 0;
        top: .7rem;
    }
    .row-ab5 .ab5-wp {
        width: 70vw;
    }
    .ul-listab5 {
        padding: 150px 0 258px;
    }
    
    .ul-listab5 .con .top {
        font-size: 80px;
    }
    
    .ul-listab5 .con .desc {
        font-size: 17px;
    }
    
    .m-mapab .addr {
        width: 36px;
        height: 53px;
    }
    .m-mapab .line {
        width: 60px;
        right: 13%;
    }
    .m-banab3 .slick-arrow {
        width: 40px;
        height: 34px;
    }
    .m-banab5 .slick-arrow {
        width: 40px;
        height: 34px;
        z-index: 3;
    }
    .ban5 .swiper-button-prev1 {
        left: 0;
    }
    .ban5 .swiper-button-next1 {
        right: 0;
    }
    .m-banab6-pc {
        padding: 0 60px !important;
    }
    .m-banab5 {
        padding: 0 56px 30px 56px ;
        margin: 0 0 30px;
    }
    .ul-listab6 li {
        /* padding: 0 6px; */
    }
    .ul-listab6 .txt {
        height: 40px;
        padding: 0 15px;
        font-size: 16px;
    }
    .ul-listab7 {
        margin: 0;
    }
    .ul-listab7 .group2 .tit {
        margin-bottom: 32px;
    }
    .ul-listab7 .group1 .tit,
    .ul-listab7 .group2 .tit {
        font-size: 24px;
    }
    .ul-listab7 .desc {
        display: block;
        font-size: 16px;
        line-height: 28px;
    }
    .ul-listab7 .desc::-webkit-scrollbar {
        width: 16px;
    }
    .m-abdet1 .m-detailp1 .con {
        margin-bottom: 14px;
    }
    .m-detailp1 .ort {
        font-size: 21px;
    }
    .row-ab5#page5 .g-titp1.g-titab1 {
        padding-bottom: 28px;
        margin-bottom: 28px;
    }
}

@media only screen and (max-width: 959px) {
    .ban5 .swiper-pagination-bullet {
        width: 9px;
        height: 11px;
    }
    .m-banab6-pc {
        padding: 0 48px !important;
    }
    .m-banab5 {
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    .m-banab3 .swiper-button-next,
    .m-banab3 .swiper-button-prev {
        width: 30px;
    }
    .row-ab4 .m-banab3-ue {
        display: block;
        padding-bottom: 60px;
    }
    .row-ab4 .m-banab3-pc {
        display: none;
    }
    .ul-listab4 li {
        float: none;
        width: 100%;
    }
    .row-ab1 .row-a1 .pic {
        float: none;
        width: 100%;
         background-size: 118% auto;
        background-position: 100% 52%;
        height: 200px;
        background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/g1.png); 
        margin-left: 0;
        margin-bottom: 20px;
        position: relative;
        height: 500px;
    }
    .row-ab1 .row-a1 .pic img {
         display: none; 
        /*position: absolute;*/
        /*left: -22%;*/
        /*right: 0;*/
        /*top: -10%;*/
        /*width: 122%;*/
        /*display: block;*/
        /*max-width: none;*/
    }
    .ul-listab1 .top {
        font-size: 32px;
    }
    .m-abdet1 .cirlce {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .ul-listab2 .txt {
        padding: 0 20px;
    }
    .row-ab3 .m-ab3-titp1 {
        font-size: 20px;
        padding: 0 0 22px 0;
        margin-bottom: 20px;
    }
    .m-ab3-top .group {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 20px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .m-ab3-top .axis {
        display: none;
    }
    .m-ab3-top .line {
        display: none;
    }
    .m-ab3-top .group .icon {
        position: relative;
    }
    .m-ab3-top .group .txt {}
    .m-ab3-top {
        margin-top: 20px;
        margin-bottom: 80px;
    }
    .m-ab3-top,
    .m-ab3-down {
        padding: 12px 3px 12px 6px;
    }
    .m-ab3d-l {
        margin: 0 auto 24px auto;
    }
    .ul-listab7 .group1 {
        padding: 20px;
    }
    .ul-listab7 .group2 {
        padding: 26px 0 16px;
    }
    .ul-listab7 .con {
        height: 320px;
    }
    .ul-listab7 .group2 .tit {
        padding: 0 17px;
        margin-bottom: 28px;
    }
    .ul-listab7 .group1 .tit,
    .ul-listab7 .group2 .tit {
        font-size: 22px;
    }
    .ul-listab7 .desc {
        margin-right: 6px;
        padding: 0 11px 0 17px;
        display: block;
        line-height: 26px;
    }
    .ul-listab7 .group2 .icon img {
        max-width: 40px;
    }
    .m-banab5 .swiper-pagination-bullet {
        width: 8px;
        height: 10px;
        background-size: contain;
    }
    .m-banab5 .slick-arrow {
        display: none;
    }
    .m-banab6-pc .item,
    .m-banab5 .item {
        padding: 0 10px;
    }
    .ul-listab6 .con {
        box-shadow: none;
    }
    .ul-listab6 {
        margin: 0;
    }
    .ul-listab2 .tit {
        font-size: 20px;
    }
    .ul-listab2 .desc {
        font-size: 14px;
    }
    .m-mapab .icon {
        width: 10px;
        height: 10px;
    }
    .m-detailp1 .ort {
        font-size: 19px;
        padding-bottom: 20px;
    }
    .m-mapab .line {
        width: 40px;
    }
    .m-mapab .addr {
        width: 24px;
        height: 43px;
    }
    .m-ab3d-l .txt6 {
        left: -6px;
    }
    .m-ab3d-l .txt5 {
        left: -6px;
    }
    .m-ab3d-l .txt2 {
        right: -6px;
    }
    .m-ab3d-l .txt3 {
        right: -6px;
    }
    .ul-listab4 {
        overflow: hidden;
        height: auto;
    }
    .ul-listab4 .pic {
        display: none;
    }
    .ul-listab4 li {
        position: relative;
        left: auto;
        top: auto;
    }
    .ul-listab4 .list1 {
        left: auto;
        top: auto;
    }
    .ul-listab4 .list2 {
        left: auto;
        top: auto;
    }
    .ul-listab4 .list3 {
        left: auto;
        top: auto;
    }
    .ul-listab4 .list4 {
        left: auto;
        top: auto;
    }

    .ul-listab5 {
        padding: 120px 0 206px;
    }
    
    .ul-listab5 .con .top {
        font-size: 64px;
    }
    
    .ul-listab5 .con .desc {
        font-size: 14px;
    }
    
    .row-ab4 .g-titp1 {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .ban5:not(.m-ab3-ban-mob) .swiper-pagination.swiper-pagination-mob {
        display: block;
        bottom: -45px !important;
    }
    .ban5:not(.m-ab3-ban-mob) .swiper-pagination.swiper-pagination-6.swiper-pagination-mob {
        bottom: -72px !important;
    }
    .ban5 .swiper-pagination.swiper-pagination-mob .swiper-pagination-bullet {
        width: 16px;
        height: 16px;
    }
    .ban5 .swiper-pagination.swiper-pagination-mob .swiper-pagination-bullet:hover,
    .ban5 .swiper-pagination.swiper-pagination-mob .swiper-pagination-bullet-active {
        width: 40px;
        height: 16px;
        border-radius: 0;
    }
    .m-detab .desc {
        font-weight: 400;
        font-size: 26px;
        color: #D1D1D1;
        line-height: 44px;
        text-align: left;
    }
    .row-ab {
        padding: 102px 0;
    }
    .row-ab2.row-ab {
        padding: 102px 0 8px 0;
    }
    .row-ab.row-ab4 {
        padding-top: 0;
    }
    .row-ab4 .m-banab3-ue {
        padding-bottom: 54px;
    }
    .row-ab .m-detailp1 {
        padding: 0 28px;
    }
    .m-ab3-down .m-detailp1 {
        padding: 0 60px;
    }
    .row-ab1 .row-a1 .pic {
        height: 280px;
    }
    .m-banab3-ue {
        border-top: 1px solid #d0d0d0;
    }
    .ul-listab4 {
        border-bottom: 1px solid #d0d0d0;
    }
    .ul-listab4 .txt {
        max-width: 100%;
        padding-right: 0px;
    }
    .ul-listab4 .year {
        padding: 12px 0;
        width: 100%;
        font-weight: 400;
        font-size: 40px;
        color: #404040;
        line-height: 52px;
        text-align: center;
    }
    .ul-listab4 .year .arrow {
        position: absolute;
        right: 10px;
        display: block;
        width: 40px;
        height: 40px;
        background-image: url(https://www.fapon.com/webpage/modules/zh/images/icon30.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        top: 18px;
        transition: .3s;
    }
    .ul-listab4 .desc {
        margin: 0 auto;
        padding: 45px 0 72px 0;
        display: none;
        justify-content: center;
        flex-direction: column;
        max-width: 406px;
        font-weight: 400;
        font-size: 24px;
        line-height: 44px;
        text-align: center;
    }
    .ul-listab4 .desc p {
        padding-left: 0;
    }
    .ul-listab4 .desc p span {
        width: 0;
        height: 0;
    }
    .ul-listab4.ul-listab4-active .txt {
        background: #6C3BB2;
    }
    .ul-listab4.ul-listab4-active .year {
        color: #FFFFFF;
        border-bottom: 1px solid #F1F1F1;
    }
    .ul-listab4.ul-listab4-active .year .arrow {
        background-image: url(https://www.fapon.com/webpage/modules/zh/images/icon29.png);
    }
    .ul-listab4.ul-listab4-active .desc {
        display: flex;
        color: #F1F1F1;
    }
    .ul-listab5 {
        padding: 107px 30px 126px 30px;
        display: flex;
        flex-direction: column;
        text-align: left;
    }

    .ul-listab5 li:not(:last-child) {
        margin-bottom: 100px;
    }
    
    .ul-listab5 .con .top {
        font-size: 96px;
    }
    
    .ul-listab5 .con .desc {
        font-size: 26px;
    }
    
    .ul-listab7 .group1 {
        border-radius: 8px;   
    }
    
    .ul-listab1 {
        margin-top: 140px;
        flex-wrap: wrap;
        justify-content: space-between;
        overflow: hidden;
    }
    .ul-listab1 li {
        display: block;
        min-width: 34%;
    }
    .ul-listab1 li:not(:last-child) {
        margin-bottom: 94px;
    }
    .ul-listab1 li:last-child {
        margin: 0 auto;
    }
    .ul-listab1 .top {
        font-size: 72px;
        color: #ffffff;
    }
    .ul-listab2 {
        display: block;
    }
    .ul-listab2 li {
        display: block;
        margin-bottom: 15px;
    }
    .ul-listab2 .pic img {
        max-width: 35px;
    }
    .ul-listab2 .pic {
        padding-top: 16%;
    }
    .m-abdet1 {
        margin-bottom: 20px;
    }
    .row-ab2 .m-abdet1 {
        margin-bottom: 0;
    }
    .m-abdet1 .m-detailp1 {
        margin: 0 5vw 56px 5vw;
    }
    .row-ab .wp {
        padding: 0;
        width: 90vw;
    }
    .row-ab2.row-ab .wp {
        width: 100vw;
    }
    .row-ab1 {
        background-color: #000000;
    }
    .row-ab1 .g-titp1 {
        color: #ffffff;
    }
    .row-ab1 .m-detailp1 .desc {
        color: #D1D1D1;
        text-align: left;
    }
    .row-ab1 .m-detailp1 .ul-listab1 .con .desc {
        text-align: center;
    }
    .m-ab3-top .group .icon {
        width: 80px;
        height: 88px;
    }
    .m-ab3d-l .bg {
        width: 232px;
        height: 166px;
    }
    .m-ab3d-l {
        padding: 0 28px;
        margin: 94px auto 72px auto;
        width: 100%;
    }
    .m-ab3-down .wp {
        flex-direction: column;
        overflow: visible;
    }
    .m-ab3d-l .txt6 {
        left: -22px;
    }
    .m-ab3d-l .txt5 {
        left: -22px;
    }
    .m-ab3d-l .txt2 {
        right: -22px;
    }
    .m-ab3d-l .txt3 {
        right: -22px;
    }
    .m-ab3d-l .txt4 {
        padding-bottom: 16px;
        width: 100px;
        bottom: -14px;
        text-align: center;
    }
    .m-ab3d-l .txt4 .pic {
        margin: 0 auto;
    }
    .m-ab3d-l .txt1 {
        padding-top: 16px;
        width: 100px;
        top: -14px;
        text-align: center;
    }
    .m-ab3d-l .txt1 .pic {
        margin: 0 auto;
    }
    .row-ab3 .m-ab3-titp1 {
        margin: 56px auto 62px auto;
        font-size: 40px;
        line-height: 52px;
        text-align: center;
    }
    .row-ab3 .m-ab3-top .m-ab3-titp1 {
        margin: 0;
        padding: 0;
        top: 56px;
        left: calc(50% - 80px);
    }

    .row-ab3 .m-ab3-down .m-detailp1 .m-ab3-detail-box-pc {
        display: none;
    }

    .row-ab3 .m-ab3-down .m-detailp1 .m-ab3-ban-mob {
        display: block;
        margin: 70px 0 0 0;
        background: rgba(255, 255, 255, .12);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border-radius: 16px;
        overflow: hidden;
    }
    .row-ab3 .m-ab3-down .m-detailp1 .m-ab3-ban-mob .item {
        padding: 40px 0 0 0;
        display: flex;
        justify-content: center;
        height: 360px;
        overflow: hidden;
    }
    
    .row-ab3 .m-ab3-down .m-detailp1 .m-ab3-ban-mob .item .m-ab3-detail-box-mob .m-ab3-detail-mob {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    
    .row-ab3 .m-ab3-down .m-detailp1 .m-ab3-ban-mob .item .m-ab3-detail-box-mob .m-ab3-detail-mob > p {
        margin: 0 0 52px 0;
        font-weight: 400;
        font-size: 32px;
        color: #F1F1F1;
        line-height: 48px;
        max-width: 420px;
    }
    
    .row-ab3 .m-ab3-down .m-detailp1 .m-ab3-ban-mob .item .m-ab3-detail-box-mob .m-ab3-detail-mob .desc-mob {
        font-weight: 400;
        font-size: 26px;
        color: #D1D1D1;
        line-height: 44px;
        max-width: 430px;
    }
    .m-ab3-top {
        margin-top: 15px;
        margin-bottom: 76px;
    }
    .row-ab3 .m-ab3-top {
        height: 900px;
        overflow: hidden;
    }
    .m-ab3-top,
    .m-ab3-down {
        padding: 8px 2px;
    }
    .m-ab3-top .wp {
        height: 100%;
    }
    .m-ab3-top .wp .inner {
        display: flex;
        align-items: center;
        height: 100%;
    }
    .ul-listab6 li {
        /* padding: 0 2px; */
    }
    .ul-listab6 .txt {
        padding: 0 4px;
        font-size: 14px;
    }
    .ul-listab6 {
        padding-bottom: 15px;
    }
    .wp-ban6 {
        width: 100%;
    }
    .m-banab6-pc {
        padding: 0 !important;
        width: 572px;
    }
    .ul-listab7 .con {
        height: 380px;
    }
    .ul-listab7 .group2 {
        padding: 44px 0 40px 0;
    }
    .ul-listab7 .group2 .tit {
        padding: 0 52px;
        margin-bottom: 32px;
        line-height: 48px;
    }
    .ul-listab7 .group1 .tit,
    .ul-listab7 .group2 .tit {
        font-size: 32px;
    }
    .ul-listab7 .desc {
        margin-right: 16px;
        padding: 0 36px 0 52px;
        font-weight: 300;
        font-family: light;
        font-size: 16px;
        color: #F1F1F1;
        line-height: 36px;
    }
    .ul-listab7 .desc::-webkit-scrollbar {
        width: 16px;
    }
    .m-ab3-top .group .tit {
        font-size: 14px;
    }
    .m-ab3-top .group .desc {
        font-size: 14px;
    }
    .m-ab3-top .group {
        margin-bottom: 6px;
    }
    /* .m-abdet1 .list {
        background-image: none;
        position: relative;
        left: auto;
        bottom: auto;
        transform: translateX(0);
        width: auto;
        height: auto;
        margin-bottom: 10px;
    } */
    .m-abdet1 .m-detailp1 .con:nth-child(3) .desc {
        max-width: 379px;
        margin: 0 auto;
        text-align: center;
        color: #D1D1D1;
    }
    .m-abdet1 .list .desc {
        padding-top: 0;
    }
    .m-abdet1 .cirlce {
        height: 320px;
    }
    .m-abdet1 .list .info {
        margin-bottom: 20px;
    }
    .m-abdet1 .list .info .p1 {
        font-size: 12px;
        line-height: 20px;
        width: 45px;
        height: 20px;
    }
    /* .ul-listab3 {
        position: relative;
        top: auto;
        transform: translateY(0);
    } */
    .ul-listab2 .tit {
        font-size: 16px;
    }
    .m-mapab .addr {
        width: 22px;
        height: 23px;
        right: 0;
    }
    .m-mapab .line {
        right: 20px;
    }
    .m-banab5 .slick-dots li {
        margin: 0 2px;
    }
    .m-banab5 .swiper-pagination-bullet {
        width: 5px;
        height: 7px;
    }
    .m-ab3d-l .txt .desc {
        font-size: 14px;
    }
    .row-ab .g-titp1 {
        margin-bottom: 66px;
        font-size: 44px;
        text-align: center;
    }
    .g-titp1 .titp-icon {
        width: 24px;
    }
    .row-ab .category-bg-box .category-bg {
        top: 279px;
    }
    .m-detailp1 .ort {
        margin-top: 90px;
        margin-bottom: 42px;
        font-size: 40px;
        line-height: 52px;
        text-align: center;
        color: #D1D1D1;
    }
    .m-detailp1 .con:first-of-type .ort {
        margin-top: 0;
    }
    .m-banab6-pc .item,
    .m-banab5 .item {
        padding: 10px;
    }
    .ul-listab3 .info{
        font-size: 14px;
    }
    .ul-listab3 .pic img{
        max-width: 16px;
    }
    .m-abdet1 .m-detailp1 .con {
        float: none;
        width: auto;
    }
    .m-abdet1 .m-detailp1 .con:first-of-type {
        float: none;
        width: auto;
    }
    .m-abdet1 .group4 {
        width: 145px;
        height: 130px;
    }
    .m-abdet1 .group3 {
        width: 200px;
        height: 200px;
    }
    .m-abdet1 .group2 {
        width: 260px;
        height: 264px;
    }
    .m-abdet1 .group1 {
        width: 315px;
        height: 315px;
    
    }
    .m-abdet1 .list .desc{
        font-size: 14px;
        padding-top: 30px;
    }
    .m-abdet1 .list .info .p1 {
        background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/a7.png);
        width:53px;
        height: 22px;
    font-size: 12px;
    line-height: 22px;
    margin: 0 auto;
    }
    .ul-listab3{
        top: auto;
        bottom: 10px;
        transform: translateY(0);
    }
    .m-abdet1 .group3 .desc{
        padding-top: 20px;
    }
    .m-ab3-top  .m-detab{
        padding: 0 20px;
    }
    .row-ab5#page5 .g-titp1.g-titab1 {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:479px) {
    .ban5:not(.m-ab3-ban-mob) .swiper-pagination.swiper-pagination-mob {
        bottom: -22px !important;
    }
    .ban5:not(.m-ab3-ban-mob) .swiper-pagination.swiper-pagination-6.swiper-pagination-mob {
        bottom: -36px !important;
    }
    .ban5 .swiper-pagination.swiper-pagination-mob .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
    .ban5 .swiper-pagination.swiper-pagination-mob .swiper-pagination-bullet:hover,
    .ban5 .swiper-pagination.swiper-pagination-mob .swiper-pagination-bullet-active {
        width: 20px;
        height: 8px;
    }
    .m-detab .desc {
        font-size: 13px;
        line-height: 22px;
    }
    .row-ab {
        padding: 51px 0;
    }
    .row-ab2.row-ab {
        padding: 51px 0 4px 0;
        height: 695px;
    }
    .row-ab4 .m-banab3-ue {
        padding-bottom: 27px;
    }
    .row-ab .m-detailp1 {
        padding: 0 24px;
    }
    .m-ab3-down .m-detailp1 {
        padding: 0 30px;
    }
    .row-ab1 .row-a1 .pic {
        height: 140px;
    }
    .ul-listab4 .year {
        padding: 6px 0;
        font-size: 20px;
        line-height: 26px;
    }
    .ul-listab4 .year .arrow {
        right: 5px;
        width: 20px;
        height: 20px;
        top: 9px;
    }
    .ul-listab4 .desc {
        padding: 22px 0 36px 0;
        max-width: 208px;
        font-size: 13px;
        line-height: 22px;
    }
    .ul-listab5 {
        padding: 53px 29px 63px 29px;
    }

    .ul-listab5 li:not(:last-child) {
        margin-bottom: 50px;
    }
    
    .ul-listab5 .con .top {
        font-size: 48px;
    }
    
    .ul-listab5 .con .desc {
        font-size: 13px;
        line-height: 22px;
    }
    
    .ul-listab1 {
        margin-top: 70px;
    }
    .ul-listab1 li {
    }
    .ul-listab1 li:not(:last-child) {
        margin-bottom: 47px;
    }
    .ul-listab1 .top {
        font-size: 36px;
    }
    .ul-listab2 li {
        margin-bottom: 7px;
    }
    .ul-listab2 .pic img {
        max-width: 17px;
    }
    .ul-listab2 .pic {
        padding-top: 8%;
    }
    .m-abdet1 {
        margin-bottom: 10px;
    }
    .row-ab2 .m-abdet1 {
        margin-bottom: 0;
    }
    .m-abdet1 .m-detailp1 {
        margin-bottom: 28px;
    }
    .m-ab3-top .group .icon {
        width: 40px;
        height: 44px;
    }
    .m-ab3d-l .bg {
        width: 116px;
        height: 83px;
    }
    .m-ab3d-l {
        padding: 0 14px;
        margin: 47px auto 36px auto;
    }
    .m-ab3d-l .txt6 {
        left: -11px;
    }
    .m-ab3d-l .txt5 {
        left: -11px;
    }
    .m-ab3d-l .txt2 {
        right: -11px;
    }
    .m-ab3d-l .txt3 {
        right: -11px;
    }
    .m-ab3d-l .txt4 {
        padding-bottom: 8px;
        width: 50px;
        bottom: -7px;
    }
    .m-ab3d-l .txt1 {
        padding-top: 8px;
        width: 50px;
        top: -7px;
    }
    .row-ab3 .m-ab3-titp1 {
        margin: 28px auto 31px auto;
        font-size: 20px;
        line-height: 26px;
    }
    .row-ab3 .m-ab3-top .m-ab3-titp1 {
        top: 28px;
        left: calc(50% - 40px);
    }

    .row-ab3 .m-ab3-down .m-detailp1 .m-ab3-ban-mob {
        display: block;
        margin: 35px 0 0 0;
        border-radius: 8px;
    }
    .row-ab3 .m-ab3-down .m-detailp1 .m-ab3-ban-mob .item {
        padding: 21px 0 0 0;
        height: 180px;
    }
    
    .row-ab3 .m-ab3-down .m-detailp1 .m-ab3-ban-mob .item .m-ab3-detail-box-mob .m-ab3-detail-mob > p {
        margin: 0 0 26px 0;
        font-size: 16px;
        line-height: 24px;
        max-width: 210px;
    }
    
    .row-ab3 .m-ab3-down .m-detailp1 .m-ab3-ban-mob .item .m-ab3-detail-box-mob .m-ab3-detail-mob .desc-mob {
        font-size: 13px;
        line-height: 22px;
        max-width: 245px;
    }
    .m-ab3-top {
        margin-top: 7px;
        margin-bottom: 38px;
    }
    .row-ab3 .m-ab3-top {
        height: 450px;
    }
    .m-ab3-top,
    .m-ab3-down {
        padding: 4px 1px;
        border-radius: 10px;
    }
    .ul-listab6 li {
        /* padding: 0 2px; */
    }
    .ul-listab6 .txt {
        padding: 0 2px;
        font-size: 7px;
    }
    .ul-listab6 {
        padding-bottom: 7px;
    }
    .m-banab6-pc {
        padding: 0 !important;
        width: 292px;
    }
    .ul-listab7 .con {
        height: 190px;
    }
    .ul-listab7 .group2 {
        padding: 22px 0 20px 0;
        border-radius: 8px;
    }
    .ul-listab7 .group2 .tit {
        padding: 0 26px;
        margin-bottom: 16px;
        line-height: 24px;
    }
    .ul-listab7 .group1 .tit,
    .ul-listab7 .group2 .tit {
        font-size: 16px;
    }
    .ul-listab7 .desc {
        margin-right: 8px;
        padding: 0 18px 0 26px;
        font-size: 13px;
        line-height: 22px;
    }
    .ul-listab7 .desc::-webkit-scrollbar {
        width: 8px;
    }
    .m-ab3-top .group .tit {
        font-size: 7px;
    }
    .m-ab3-top .group .desc {
        font-size: 7px;
    }
    .m-ab3-top .group {
        margin-bottom: 3px;
    }
    /* .m-abdet1 .list {
        margin-bottom: 5px;
    } */
    .m-abdet1 .m-detailp1 .con:nth-child(3) .desc {
        /*max-width: 199px;*/
        margin: 0 auto;
    }
    .m-abdet1 .list .desc {
        padding-top: 0;
    }
    .m-abdet1 .cirlce {
        height: 160px;
    }
    .m-abdet1 .list .info {
        margin-bottom: 10px;
    }
    .m-abdet1 .list .info .p1 {
        font-size: 6px;
        line-height: 10px;
        width: 22px;
        height: 10px;
    }
    .ul-listab2 .tit {
        font-size: 8px;
    }
    .m-mapab .addr {
        width: 11px;
        height: 11px;
    }
    .m-mapab .line {
        right: 10px;
    }
    .m-banab5 .slick-dots li {
        margin: 0 1px;
    }
    .m-banab5 .swiper-pagination-bullet {
        width: 2px;
        height: 3px;
    }
    .m-ab3d-l .txt .desc {
        font-size: 7px;
    }
    .row-ab .g-titp1 {
        margin-bottom: 33px;
        font-size: 22px;
    }
    .g-titp1 .titp-icon {
        width: 12px;
    }
    .row-ab .category-bg-box .category-bg {
        top: 189px;
    }
    .m-detailp1 .ort {
        margin-bottom: 21px;
        font-size: 20px;
        line-height: 26px;
    }
    .m-detailp1 .ort:first-of-type {
        margin-top: 45px;
        padding-bottom: 0;
    }
    .m-banab6-pc .item,
    .m-banab5 .item {
        padding: 5px;
    }
    .ul-listab3 .info{
        font-size: 7px;
    }
    .ul-listab3 .pic img{
        max-width: 8px;
    }
    .m-abdet1 .group4 {
        width: 72px;
        height: 65px;
    }
    .m-abdet1 .group3 {
        width: 100px;
        height: 100px;
    }
    .m-abdet1 .group2 {
        width: 130px;
        height: 132px;
    }
    .m-abdet1 .group1 {
        width: 157px;
        height: 157px;
    
    }
    .m-abdet1 .list .desc{
        font-size: 7px;
        padding-top: 15px;
    }
    .m-abdet1 .list .info .p1 {
        background-image: url(https://www.fapon.com/webpage/modules/zh/images/aboutus/a7.png);
        width:26px;
        height: 11px;
        font-size: 6px;
        line-height: 11px;
    }
    .ul-listab3{
        bottom: 5px;
    }
    .m-abdet1 .group3 .desc{
        padding-top: 10px;
    }
    .m-ab3-top  .m-detab{
        padding: 0 10px;
    }
    .row-ab5#page5 .g-titp1.g-titab1 {
        padding-bottom: 2px;
    }
}

/*@media only screen and (max-width: 370px){*/
/*    .ul-listab5 {*/
/*        padding: 40px 0 88px;*/
/*    }*/
    
/*    .ul-listab5 .con .top {*/
/*        font-size: 42px;*/
/*    }*/
    
/*    .m-ab3-top {*/
/*        margin-top: 10px;*/
/*        margin-bottom: 40px;*/
/*    }*/
/*    .m-ab3-top,*/
/*    .m-ab3-down {*/
/*        padding: 6px 0;*/
/*    }*/
/*}*/