p {
    text-indent: 2em; /* 假设1em = 16px, 那么2em = 32px */
    line-height: 2rem;
    letter-spacing:0.15rem;
}
.bg1{
    background: url("../../img/about/bg1.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.text-blue{
    color: #188bd0;
}
.bg-gray{
    background-color: #f8f8f8;
}
.banner {
    position: relative;
    height: 30vh;
    width: 100%;
    overflow: hidden;
    background: -webkit-linear-gradient(240deg, #188bd0, #3f9ed9, #9ed8f6); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(240deg, #188bd0, #3f9ed9, #9ed8f6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.banner .title{
    position: absolute;
    top: 50%;
    width: 100%;
    color: #fff;
    font-size: clamp(1rem, 2vw,1.8rem);
}
.banner .title>div{
    display: inline-block;
    padding: 15px 30px;
    border-radius: 0.5rem;
    background-color: rgba(0, 0, 0, 0.22);
}
.banner .title>div >span{
    display: block;
    font-size: clamp(0.8rem, 2vw,1.3rem);
}
#item3 {
    width: 50%;
    position: absolute;
    right: -50px;
}
.testimonial-card{
    height: 100%;
    background-color: #9dd7f4;
}
.num{
    color: #9ed8f6;
    font-size: 2rem;
    font-weight: bold;
}
.num-title{
    color: #fff;
    background-color: #188bd0;
    width: 70%;
    margin: 0 auto;
    padding: 2rem;
    border-radius: 2rem 0 1rem 1rem ;
    font-weight: bold;
}
.title2{
    background-color: #fff;
    color: #188bd0;
    position: relative;
    top: 10px;
    left: 10px;
}
.title2:before{
    content: "";
    border: 1px solid #000;
    padding: 10px;
    z-index: -1;
}
.duty img{
    width: 100%;
    /*box-shadow: 12px 9px 14px 0 #0000002e;*/
    margin-bottom: 10px;
}
@media (max-width: 1100px) {
    #item3 {
        width: 60%;
        position: absolute;
        right: -50px;
    }
}
@media (max-width: 750px) {
    #item3 {
        width: 80%;
        position: absolute;
        right: -50px;
        top:100px;
    }
}