@charset "utf-8";


@media (min-width:1440px) {  

    #purpose {}
    #purpose .cont + .cont {
        margin-top:90px;
    }
    #purpose .purpose_Tit {
        font-size:24px;
        color:#f29512;
        font-weight:bold;
        letter-spacing:-0.6px;
    }

    #purpose .goal {
        border-radius:50px;
        box-shadow: 0 0 20px 0 rgba(254, 224, 194, 0.75);
        padding:35px;
        text-align:center;
        margin:0 80px;
    }
    #purpose .goal .goal_ti {
        font-size:20px;
        letter-spacing:-0.6px;
    }
    #purpose .goal .goal_ti span {
        font-weight:bold;
    }



    #purpose .vision {}
    #purpose .vision .vision_top {
        margin:0 80px;
        border:3px solid #ffc570;
        background-color:#ffddab;
        border-radius:50px;
        padding:35px 15px;
        display:flex;
    }
    #purpose .vision .vision_top .box {
        background-color:#fff;
        flex:1;
        margin:0 15px;
        border:3px solid #ffc570;
        border-radius:40px;
        text-align:center;
        padding:30px;
    }
    #purpose .vision .vision_top .box .slogan {
        font-size:24px;
        font-weight:600;
        letter-spacing:-0.6px;
    }
    #purpose .vision .vision_top .box .slogan_sub {
        font-weight:500;
        color:#777;
        letter-spacing:-0.5px;
    }


    #purpose .vision .vision_bot {
        margin-top:25px;
    }
    #purpose .vision .vision_bot .arrow_img {
        text-align:center;
        margin-bottom:30px;
    }
    #purpose .vision .vision_bot .threevision {
        padding-top:170px;
        background-image:url(./img/dot.png);
        background-repeat:no-repeat;
        background-position:center top;
        background-size: 67%;
        display:flex;
    }
    #purpose .vision .vision_bot .threevision .threebox {
        flex:1;
        margin:0 20px;
        border:3px solid #ffc570;
        border-radius:30px;
        padding:20px 0 20px 40px;
        display:flex;
        align-items:center;
        position:relative;
    }
    #purpose .vision .vision_bot .threevision .threebox::before {
        content:'';
        width:25px;
        height:25px;
        background-color:#fab554;
        border-radius:50%;
        position:absolute;
        left:50%;
        top:-13px;
        transform:translateX(-50%);
    }
    #purpose .vision .vision_bot .threevision .threebox img {}
    #purpose .vision .vision_bot .threevision .threebox .vision_txt {
        margin-left:30px;
        flex:1;
    }
    #purpose .vision .vision_bot .threevision .threebox .vision_txt p {
        font-weight:500;
        position:relative;
        padding-left:15px;
    }
    #purpose .vision .vision_bot .threevision .threebox .vision_txt p::before {
        content:'';
        width:10px;
        height:10px;
        border-radius:50%;
        background-color:#333;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
    }



}


@media  (max-width:1439px) and (min-width:1024px) {

    #purpose {}
    #purpose .cont + .cont {
        margin-top:70px;
    }
    #purpose .purpose_Tit {
        font-size:20px;
        color:#f29512;
        font-weight:bold;
        letter-spacing:-0.6px;
    }

    #purpose .goal {
        border-radius:50px;
        box-shadow: 0 0 20px 0 rgba(254, 224, 194, 0.75);
        padding:20px;
        text-align:center;
        margin:0 auto;
    }
    #purpose .goal .goal_ti {
        font-size:20px;
        letter-spacing:-0.6px;
    }
    #purpose .goal .goal_ti span {
        font-weight:bold;
    }



    #purpose .vision {}
    #purpose .vision .vision_top {
        margin:0 auto;
        border:3px solid #ffc570;
        background-color:#ffddab;
        border-radius:50px;
        padding:20px 10px;
        display:flex;
    }
    #purpose .vision .vision_top .box {
        background-color:#fff;
        flex:1;
        margin:0 10px;
        border:3px solid #ffc570;
        border-radius:40px;
        text-align:center;
        padding:20px;
    }
    #purpose .vision .vision_top .box .slogan {
        font-size:20px;
        font-weight:600;
        letter-spacing:-0.6px;
    }
    #purpose .vision .vision_top .box .slogan_sub {
        font-weight:500;
        color:#777;
        letter-spacing:-0.5px;
    }


    #purpose .vision .vision_bot {
        margin-top:25px;
    }
    #purpose .vision .vision_bot .arrow_img {
        text-align:center;
        margin-bottom:30px;
    }
    #purpose .vision .vision_bot .threevision {
        padding-top:130px;
        background-image:url(./img/dot.png);
        background-repeat:no-repeat;
        background-position:center top;
        background-size: 67% 130px;
        display:flex;
    }
    #purpose .vision .vision_bot .threevision .threebox {
        flex:1;
        margin:0 10px;
        border:3px solid #ffc570;
        border-radius:30px;
        padding:20px;
        display:flex;
        align-items:center;
        position:relative;
    }
    #purpose .vision .vision_bot .threevision .threebox::before {
        content:'';
        width:25px;
        height:25px;
        background-color:#fab554;
        border-radius:50%;
        position:absolute;
        left:50%;
        top:-13px;
        transform:translateX(-50%);
    }
    #purpose .vision .vision_bot .threevision .threebox img {
        width:100px;
    }
    #purpose .vision .vision_bot .threevision .threebox .vision_txt {
        margin-left:20px;
        flex:1;
    }
    #purpose .vision .vision_bot .threevision .threebox .vision_txt p {
        font-weight:500;
        position:relative;
        padding-left:15px;
        line-height:1.5;
    }
    #purpose .vision .vision_bot .threevision .threebox .vision_txt p::before {
        content:'';
        width:10px;
        height:10px;
        border-radius:50%;
        background-color:#333;
        display:inline-block;
        margin-right:5px;
    }

}



@media  (max-width:1023px) {

    #purpose {}
    #purpose .cont + .cont {
        margin-top:50px;
    }
    #purpose .purpose_Tit {
        font-size:18px;
        color:#f29512;
        font-weight:bold;
        letter-spacing:-0.6px;
    }

    #purpose .goal {
        border-radius:50px;
        box-shadow: 0 0 20px 0 rgba(254, 224, 194, 0.75);
        padding:20px;
        text-align:center;
        margin:0 auto;
    }
    #purpose .goal .goal_ti {
        font-size:17px;
        letter-spacing:-0.6px;
    }
    #purpose .goal .goal_ti span {
        font-weight:bold;
    }



    #purpose .vision {}
    #purpose .vision .vision_top {
        margin:0 auto;
        border:3px solid #ffc570;
        background-color:#ffddab;
        border-radius:50px;
        padding:10px;
        display:flex;
        flex-wrap:wrap;
    }
    #purpose .vision .vision_top .box {
        background-color:#fff;
        flex:1 1 100%;
        margin:10px;
        border:3px solid #ffc570;
        border-radius:40px;
        text-align:center;
        padding:20px;
    }
    #purpose .vision .vision_top .box .slogan {
        font-size:17px;
        font-weight:600;
        letter-spacing:-0.6px;
    }
    #purpose .vision .vision_top .box .slogan_sub {
        font-weight:500;
        color:#777;
        letter-spacing:-0.5px;
    }


    #purpose .vision .vision_bot {
        margin-top:25px;
    }
    #purpose .vision .vision_bot .arrow_img {
        text-align:center;
        margin-bottom:30px;
    }
    #purpose .vision .vision_bot .threevision {
        display:flex;
        flex-wrap:wrap;
    }
    #purpose .vision .vision_bot .threevision .threebox {
        flex:1 1 100%;
        margin:10px;
        border:3px solid #ffc570;
        border-radius:30px;
        padding:20px;
        display:flex;
        align-items:center;
        position:relative;
    }
    #purpose .vision .vision_bot .threevision .threebox::before {
        content:'';
        width:25px;
        height:25px;
        background-color:#fab554;
        border-radius:50%;
        position:absolute;
        left:50%;
        top:-13px;
        transform:translateX(-50%);
    }
    #purpose .vision .vision_bot .threevision .threebox img {
        width:90px;
    }
    #purpose .vision .vision_bot .threevision .threebox .vision_txt {
        margin-left:10px;
        flex:1;
    }
    #purpose .vision .vision_bot .threevision .threebox .vision_txt p {
        font-weight:500;
        position:relative;
        padding-left:15px;
        line-height:1.5;
    }
    #purpose .vision .vision_bot .threevision .threebox .vision_txt p::before {
        content:'';
        width:10px;
        height:10px;
        border-radius:50%;
        background-color:#333;
        display:inline-block;
        margin-right:5px;
    }
 
}