.section-1{
    /* position: relative; */
    padding-top: 83px;
    padding-top: .83rem;
    width: 100%;
    background: url(../images/2022-person-section1-bg.png) no-repeat;
    background-position: 0 100%;
    background-size: 100%;
}
.section-1 .section-title{
    display: block;
    margin: 0 auto;
    width: 471px;
    width: 4.71rem;
    height: 58px;
    height: .58rem;
}
.section-1 #section-swiper1{
    margin-top: 74px;
    margin-top: .74rem;
    width: 100%;
}
.section-1 #section-swiper1 .swiper-slide{
    position: relative;
    padding-bottom: 128px;
    padding-bottom: 1.28rem;
    width: 1150px;
    width: 11.5rem;
    box-sizing: border-box;
}
.section-1 #section-swiper1 .swiper-slide .list-box{
    position: relative; 
    margin: 0 auto;
    margin-top: 61px;
    margin-top: .61rem;
    width: 840px;
    width: 8.40rem;
    height: 404px;
    height: 4.04rem;
    box-sizing: border-box;
    box-shadow: 0 0 6px 0 #95c2ea;
    background: url(../images/2022-person-slide-list-bg.png) no-repeat;
    background-position: 0 100%;
    background-size: 100% 75px;
    background-size: 100% .75rem;
    background-color: #f6fbff;
    z-index: 2;
}
.section-1 #section-swiper1 .swiper-slide-active .list-box{ 
    margin: 0 auto;
    margin-top: 0;
    width: 863px;
    width: 8.63rem;
    height: 465px;
    height: 4.65rem;
}
.section-1 #section-swiper1 .swiper-slide .list-box .slide-title{
    position: absolute;
    top: 0;
    left: -181px;
    left: -1.81rem;
    width: 181px;
    width: 1.81rem;
    height: 68px;
    height: .68rem;
    background-color: #92add3;
    background: linear-gradient(to right, #92add3 50%, #7292be 50%);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.section-1 #section-swiper1 .swiper-slide-active .list-box .slide-title{
    left: -210px;
    left: -2.1rem;
    width: 210px;
    width: 2.1rem;
    height: 78px;
    height: .78rem;
    background-color: #fdd107;
    background: linear-gradient(to right, #fdd107 50%, #f7cc08 50%);
}
.section-1 #section-swiper1 .swiper-slide .list-box .slide-title span{
    display: block;
    margin: 0 auto;
    margin-top: 4px;
    margin-top: .04rem;
    width: 95%;
    height: 60px;
    height: .60rem;
    line-height: 60px;
    line-height: .6rem;
    font-size: 32px;
    font-size: .32rem;
    text-align: center;
    border: 2px solid #fff;
    box-sizing: border-box;
    color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.section-1 #section-swiper1 .swiper-slide-active .list-box .slide-title span{
    margin-top: 8px;
    margin-top: .08rem;
    height: 62px;
    height: .62rem;
    line-height: 60px;
    line-height: .6rem;
}
.section-1 #section-swiper1 .swiper-slide .list-box .tringle{
    display: block;
    position: absolute;
    top: 68px;
    top: .68rem;
    left: -20px;
    left: -.2rem;
    width: 0;
    height: 0;
    width: 0;
    height: 0;
    border: 10px solid;
    border: .1rem solid;
    border-color: #7292be #7292be transparent transparent;
}
.section-1 #section-swiper1 .swiper-slide-active .list-box .tringle{
    top: 78px;
    top: .78rem;
    left: -18px;
    left: -.18rem;
    border-color: rgb(191 , 153, 14) rgb(191 , 153, 14) transparent transparent;
}
.section-1 #section-swiper1 .swiper-slide .list-box ul{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.section-1 #section-swiper1 .swiper-slide .list-box ul::after{
    clear: both;
    height: 0;
    content: "";
    display: block;
    visibility: hidden; 
}

.section-1 #section-swiper1 .swiper-slide .list-box ul li img{
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.section-1 #section-swiper1 .swiper-slide .list-box ul li:hover img{
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}

/* #region 2个item*/
.section-1 #section-swiper1 .swiper-slide:nth-child(3) .list-box ul li,
.section-1 #section-swiper1 .swiper-slide:nth-child(4) .list-box ul li{
    float: left;
    padding: 0 40px;
    padding: 0 .4rem;
    margin-top: 35px;
    margin-top: .35rem;
    width: 50%;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
}
.section-1 #section-swiper1 .swiper-slide-active:nth-child(3) .list-box ul li,
.section-1 #section-swiper1 .swiper-slide-active:nth-child(4) .list-box ul li{
    margin-top: 55px;
    margin-top: .55rem;
}
.section-1 #section-swiper1 .swiper-slide:nth-child(3) .list-box ul li img,
.section-1 #section-swiper1 .swiper-slide:nth-child(4) .list-box ul li img{
    width: 95px;
    width: .95rem;
    height: 95px;
    height: .95rem;
}
.section-1 #section-swiper1 .swiper-slide:nth-child(3) .list-box ul li span,
.section-1 #section-swiper1 .swiper-slide:nth-child(4) .list-box ul li span{
    display: block;
    margin-top: 20px;
    margin-top: .2rem;
    font-size: 17px;
    font-size: .17rem;
    letter-spacing: 1.28px;
    text-align: center;
    color: #203ca0;
}
/* #endrigon */

/* #region  文字 */
.section-1 #section-swiper1 .swiper-slide:nth-child(1) .list-box ul{
    padding: 0 30px;
    padding: 0 .3rem;
    width: 100%;
    box-sizing: border-box;
}
.section-1 #section-swiper1 .swiper-slide:nth-child(1) .list-box ul li{
    float: left;
    position: relative;
    margin-top: 30px;
    margin-top: .3rem;
    margin-right: 30px;
    margin-right: .3rem;
    width: calc((100% - 60px) / 3);
    width: calc((100% - .6rem) / 3);
    height: 76px;
    height: .76rem;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    box-sizing: 1px solid #203ca0;
    background-color: #fff;
}
.section-1 #section-swiper1 .swiper-slide:nth-child(1) .list-box ul li:nth-child(3n+3){
    margin-right: 0;
}
.section-1 #section-swiper1 .swiper-slide:nth-child(1) .list-box ul li span{
    position: absolute;
    top: 50%;
    left: 5%;
    right: 5%;
    width: 90%;
    font-size: 17px;
    font-size: .17rem;
    letter-spacing: 1.28px;
    color: #203ca0;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.section-1 #section-swiper1 .swiper-slide:nth-child(1) .list-box ul li:hover{
    background-color: #203ca0;
}
.section-1 #section-swiper1 .swiper-slide:nth-child(1) .list-box ul li:hover span{
    color: #fff;
}

/* #endrigon */
/* #region 三个*/
.section-1 #section-swiper1 .swiper-slide:nth-child(2) .list-box ul li{
    float: left;
    padding: 0 40px;
    padding: 0 .4rem;
    margin-top: 35px;
    margin-top: .35rem;
    width:calc(100% / 3);
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
}
.section-1 #section-swiper1 .swiper-slide-active:nth-child(2) .list-box ul li{
    margin-top: 55px;
    margin-top: .55rem;
}
.section-1 #section-swiper1 .swiper-slide:nth-child(2) .list-box ul li img{
    width: 95px;
    width: .95rem;
    height: 95px;
    height: .95rem;
}
.section-1 #section-swiper1 .swiper-slide:nth-child(2) .list-box ul li span{
    display: block;
    margin-top: 20px;
    margin-top: .2rem;
    font-size: 17px;
    font-size: .17rem;
    letter-spacing: 1.28px;
    text-align: center;
    color: #203ca0;
}
/* #endrigon */

.section-1 #section-swiper1 .swiper-slide .slide-ico{
    position: absolute;
    left: -130px;
    left: -1.3rem;
    bottom: 0;
    width: 250px;
    width: 2.5rem;
    height: 345px;
    height: 3.45rem;
    z-index: 1;
}
.section-1 #section-swiper1 .swiper-slide .slide-ico img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.section-1 #section-swiper1 .swiper-slide .slide-ico .select{
    display: none;
}
.section-1 #section-swiper1 .swiper-slide-active .slide-ico .normal{
    display: none;
}
.section-1 #section-swiper1 .swiper-slide-active .slide-ico .select{
    display: block;
}


.section-1 .section-foot{
    position: relative;
    padding-top: 96px;
    padding-top: .96rem;
    margin-top: -95px;
    margin-top: -.95rem;
    width: 100%;
    height: 136px;
    height: 1.36rem;
    z-index: 3;
    box-sizing: border-box;
}

.section-1 .section-foot .section-foot-left{
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 387px;
    width: 3.87rem;
    height: 100%;
}
.section-1 .section-foot .section-foot-right{
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 387px;
    width: 3.87rem;
    height: 100%;
}
.section-1 .section-foot ul{
    margin: 0 auto;
    width: calc(100% - 735px);
    width: calc(100% - 7.35rem);
    height: 40px;
    height: .4rem;
    text-align: center;
    background: url(../images/2022-person-foot-bar-bg.png) no-repeat center;
    box-sizing: border-box;
}

.section-1 .section-foot ul li{
    position: relative;
    display: inline-block;
    width: calc(100% / 5);
    height: 100%;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
}
.section-1 .section-foot ul li .normal{
    display: inline-block;
    margin-top: 12px;
    margin-top: .12rem;
    width: 12px;
    width: .12rem;
    height: 12px;
    height: .12rem;
    vertical-align: middle;
}
.section-1 .section-foot ul li .select{
    display: none;
    margin-top: 11px;
    margin-top: .11rem;
    width: 18px;
    width: .18rem;
    height: 18px;
    height: .18rem;
    vertical-align: middle;
}
.section-1 .section-foot ul .active .normal{
    display: none;
}
.section-1 .section-foot ul .active .select{
    display: inline-block;
}

.section-1 .section-foot ul li .title-box{
    position: absolute;
    left: calc(50% - 45px);
    left: calc(50% - .45rem);
    top: -45px;
    top: -.45rem;
    width: 90px;
    width: .90rem;
    height: 30px;
    height: .3rem;
    text-align: center;
    background-color: #7aa0d3;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.section-1 .section-foot ul li .title-box span{
    font-size: 15px;
    font-size: .15rem;
    line-height: 30px;
    line-height: .3rem;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1.13px;
}
.section-1 .section-foot ul li .tringle{
    position: absolute;
    left: calc(50% - 4px);
    left: calc(50% - .04rem);
    top: -15px;
    top: -.15rem;
    width: 0;
    height: 0;
    border: 4px solid;
    border: .04rem solid;
    border-color: #7aa0d3 transparent transparent transparent;
}

.section-1 .section-foot ul .active .title-box{
    left: calc(50% - 50px);
    left: calc(50% - .5rem);
    width: 100px;
    width: 1rem;
    background-color: #f3bc00;
}

.section-1 .section-foot ul .active .tringle{
    border-color: #f3bc00 transparent transparent transparent;
}


@media screen and (max-width: 992px) {
    /* #region 2个item*/
   
    .section-1 #section-swiper1 .swiper-slide:nth-child(3) .list-box ul li,
    .section-1 #section-swiper1 .swiper-slide:nth-child(4) .list-box ul li{
        padding: 0 20px;
        padding: 0 .2rem;
        margin-top: 30px;
        margin-top: .30rem;
    }
    .section-1 #section-swiper1 .swiper-slide-active:nth-child(3) .list-box ul li,
    .section-1 #section-swiper1 .swiper-slide-active:nth-child(4) .list-box ul li{
        margin-top: 45px;
        margin-top: .45rem;
    }
    .section-1 #section-swiper1 .swiper-slide:nth-child(3) .list-box ul li img,
    .section-1 #section-swiper1 .swiper-slide:nth-child(4) .list-box ul li img{
        width: 85px;
        width: .85rem;
        height: 85px;
        height: .85rem;
    }
    .section-1 #section-swiper1 .swiper-slide:nth-child(3) .list-box ul li span,
    .section-1 #section-swiper1 .swiper-slide:nth-child(4) .list-box ul li span{
        display: block;
        min-height: 36px;
        min-height: .7rem;
    }

    /* #endrigon */
    /* #region 文字*/

    .section-1 #section-swiper1 .swiper-slide:nth-child(1) .list-box ul {
        padding: 0 10px;
        padding: 0 .1rem;
    }
    .section-1 #section-swiper1 .swiper-slide:nth-child(1) .list-box ul li{
        margin-top: 20px;
        margin-top: .2rem;
        margin-right: 20px;
        margin-right: .2rem;
        width: calc((100% - 40px) / 3);
        width: calc((100% - .4rem) / 3);
        height: 130px;
        height: 1.3rem;
    }
   
    /* #endrigon */

    /* #region 三个item*/

    .section-1 #section-swiper1 .swiper-slide:nth-child(2) .list-box ul li{
        padding: 0 20px;
        padding: 0 .2rem;
        margin-top: 30px;
        margin-top: .3rem;
    }

    .section-1 #section-swiper1 .swiper-slide-active:nth-child(2) .list-box ul li{
        margin-top: 45px;
        margin-top: .45rem;
    }
    .section-1 #section-swiper1 .swiper-slide:nth-child(2) .list-box ul li img{
        width:85px;
        width: .85rem;
        height: 85px;
        height: .85rem;
    }
    .section-1 #section-swiper1 .swiper-slide:nth-child(2) .list-box ul li span{
        display: block;
        min-height: 36px;
        min-height: .7rem;
    }
    /* #endrigon */


    .section-1 .section-foot .section-foot-left{
        width: 287px;
        width: 2.87rem;
    }
    .section-1 .section-foot .section-foot-right{
        width: 287px;
        width: 2.87rem;
    }
    .section-1 .section-foot ul{
        width: calc(100% - 535px);
        width: calc(100% - 5.35rem);
    }

    .section-1 .section-foot ul li .title-box{
        left: calc(50% - 60px);
        left: calc(50% - .6rem);
        width: 120px;
        width: 1.2rem;
    }
    .section-1 .section-foot ul .active .title-box{
        left: calc(50% - 65px);
        left: calc(50% - .65rem);
        width: 130px;
        width: 1.3rem;
    }
}


/****  手机端 ****/
@media screen and (max-width: 768px) {
    .section-1{
        padding-top: 40px;
        padding-top: .40rem;
        background-size: cover;
    }
    .section-1 .section-title{
        width: 80%;
        height: auto;
    }
    .section-1 #section-swiper1{
        margin-top: 34px;
        margin-top: .34rem;
    }

    .section-1 .section-foot{
       display: none;
    }
    .section-1 #section-swiper1 .swiper-slide{
        padding-bottom:68px;
        padding-bottom:.68rem;
        width: 90%;
    }

    .section-1 #section-swiper1 .swiper-slide .list-box{
        padding: 40px 0 50px 0;
        padding: .4rem 0 .5rem 0;
        margin-top: 0;
        width: 100%;
        height: auto;

    }

    .section-1 #section-swiper1 .swiper-slide-active .list-box{ 
        width: 100%;
        height: auto;
    }

    .section-1 #section-swiper1 .swiper-slide .list-box .slide-title{
        top: 0;
        left: calc(50% - 90px);
        left: calc(50% - .9rem);
        width: 180px;
        width: 1.8rem;
        height: 60px;
        height: .60rem;
    }
    .section-1 #section-swiper1 .swiper-slide-active .list-box .slide-title{
        left: calc(50% - 100px);
        left: calc(50% - 1rem);
        width: 200px;
        width: 2rem;
        height: 60px;
        height: .6rem;
    }
    .section-1 #section-swiper1 .swiper-slide .list-box .slide-title span{
        height: 52px;
        height: .52rem;
        line-height: 52px;
        line-height: .52rem;
        font-size: 30px;
        font-size: .30rem;
    }
    .section-1 #section-swiper1 .swiper-slide-active .list-box .slide-title span{
        margin-top: 4px;
        margin-top: .04rem;
        height: 52px;
        height: .52rem;
        line-height: 52px;
        line-height: .52rem;
        font-size: 30px;
        font-size: .30rem;
    }

    .section-1 #section-swiper1 .swiper-slide .slide-ico{
       display: none;
    }
    .section-1 #section-swiper1 .swiper-slide .list-box .tringle{
        display: none;
    }

    /* #region 2个item*/

    .section-1 #section-swiper1 .swiper-slide:nth-child(3) .list-box ul li,
    .section-1 #section-swiper1 .swiper-slide:nth-child(4) .list-box ul li{
        padding: 0 20px;
        padding: 0 .2rem;
        margin-top: 55px;
        margin-top: .55rem;
    }

    .section-1 #section-swiper1 .swiper-slide:nth-child(3) .list-box ul li img,
    .section-1 #section-swiper1 .swiper-slide:nth-child(4) .list-box ul li img{
        width: 75px;
        width: .75rem;
        height: 75px;
        height: .75rem;
    }

    .section-1 #section-swiper1 .swiper-slide:nth-child(3) .list-box ul li span,
    .section-1 #section-swiper1 .swiper-slide:nth-child(4) .list-box ul li span{
        display: block;
        min-height: 36px;
        min-height: .46rem;
    }
    /* #endrigon */


    /* #region 文字*/

    .section-1 #section-swiper1 .swiper-slide:nth-child(1) .list-box ul {
        margin-top: 10px;
        margin-top: .1rem;
        padding: 0 20px;
        padding: 0 .2rem;
    }

    .section-1 #section-swiper1 .swiper-slide:nth-child(1) .list-box ul li{
    
        margin-right: 20px;
        margin-right: .2rem;
        width: calc((100% - 20px) / 2);
        width: calc((100% - .2rem) / 2);
        height: 90px;
        height: .9rem;
    }

    .section-1 #section-swiper1 .swiper-slide:nth-child(1) .list-box ul li:nth-child(3n+3){
        margin-right: 20px;
        margin-right: .2rem;
    }
    .section-1 #section-swiper1 .swiper-slide:nth-child(1) .list-box ul li:nth-child(2n+2){
        margin-right: 0;
    }
    /* #endrigon */

    /* #region 三个item*/

    .section-1 #section-swiper1 .swiper-slide:nth-child(2) .list-box ul li{
        padding: 0 20px;
        padding: 0 .2rem;
        margin-top: 55px;
        margin-top: .55rem;
        width:calc(100% / 2);
    }
    .section-1 #section-swiper1 .swiper-slide:nth-child(2) .list-box ul li img{
        width: 75px;
        width: .75rem;
        height: 75px;
        height: .75rem;
    }
    /* #endrigon */
}