#our-menu{
    color:#fff;
}

#swiper-container .carousel-caption{
    top:40%;
    left:0;
    right:0;
    bottom:0;
    padding:0;
}

#swiper-container ol{
    margin-bottom:0.2rem;
}

#swiper-container .carousel-caption h5{
    font-size:0.6rem;
    letter-spacing:0.15rem;
}

#swiper-container .carousel-caption h6{
    font-size:0.6rem;
    letter-spacing:0.1rem;
    margin-bottom:0.2rem;
}

#mission-container{
    position:relative;
}

#mission-container .mission-container-text{
    position:absolute;
    left:15%;
    right:15%;
    top:40%;
    text-align: center;

}

#mission-container .mission-container-text h5{
    font-size:0.6rem;
    color:#fff;
}


#mission-container .mission-container-text p{
    font-size:0.4rem;
    color:#fff;
}

#wish-container{
    position:relative;
}

#wish-container .wish-container-text{
    position:absolute;
    left:15%;
    right:15%;
    top:40%;
    text-align: center;
}

#wish-container .wish-container-text h5{
    font-size:0.6rem;
    color:#fff;
}

#wish-container .wish-container-text p{
    font-size:0.4rem;
    color:#fff;
}

#core-value-container{
    position:relative;
    padding:3.5rem 0;
}

#core-value-container span{
    display:inline-block;
    padding:0.1rem;
    font-size: 0.3rem;
    font-weight: bold;
    text-align:center;
    line-height:0.3rem;
    position:absolute;
    top:0;
    left:0;
}

#core-value-container .core-value-img-circle{
    width:2rem;
    height:2rem;
    color:#333333;
    font-weight: bold;
    text-align:center;
    /*background-color:#f7f7f7;*/
    position:absolute;
    font-size:0.3rem;
    /*border-radius:50%;*/
    top:41%;
    left:41%;
    padding-top:0.6rem;
}

#core-value-container .core-value-desc-text-01,
#core-value-container .core-value-desc-text-02,
#core-value-container .core-value-desc-text-03,
#core-value-container .core-value-desc-text-04,
#core-value-container .core-value-desc-text-05,
#core-value-container .core-value-desc-text-06{
    margin-bottom:0;
    padding:0.1rem 0.2rem;
    color:#333333;
    font-size: 0.18rem;
    position:absolute;
    background-color:#fff;
    /*background-color:#f7f7f7;*/
    top:0;
    left:0;
    display:none;
    box-shadow:0 0 0.3rem #cccccc;
    border-radius:0.05rem;
}

#core-value-container .core-value-desc-text ul{
    margin:0;
    padding:0 0 0 0.25rem;
}

#core-value-container .core-value-desc-text .corner{
    position:absolute;
    top:105%;
    left:48%;
    width:0;
    height:0;
    border: 10px solid transparent;
    border-top-color: #fff;
}

#core-value-container .core-value-num span{
    color:#fff;
}

#core-value-container .core-value-num .core-value-num-01{
    top:32%;
    left:55%;
}

#core-value-container .core-value-num .core-value-num-02{
    top:46.5%;
    left:65%;
}

#core-value-container .core-value-num .core-value-num-03{
    top:63%;
    left:57%;
}

#core-value-container .core-value-num .core-value-num-04{
    top:64%;
    left:39%;
}

#core-value-container .core-value-num .core-value-num-05{
    top:49%;
    left:30%;
}

#core-value-container .core-value-num .core-value-num-06{
    top:33%;
    left:37%;
}

#core-value-container .core-value-text .core-value-text-01{
    color:#ff9600;
    top:25%;
    left:62%;
    cursor:pointer;
}

#core-value-container .core-value-text .core-value-text-02{
    color:#f8d200;
    top:47%;
    left:75%;
    cursor:pointer;
}

#core-value-container .core-value-text .core-value-text-03{
    color:#3fc53f;
    top:70%;
    left:63%;
    cursor:pointer;
}

#core-value-container .core-value-text .core-value-text-04{
    color:#1497e3;
    top:70%;
    left:25%;
    cursor:pointer;
}

#core-value-container .core-value-text .core-value-text-05{
    color:#c61300;
    top:47%;
    left:13%;
    cursor:pointer;
}

#core-value-container .core-value-text .core-value-text-06{
    color:#eb240f;
    top:25%;
    left:25%;
    cursor:pointer;
}

#core-value-container .core-value-desc-text .core-value-desc-text-01{
    top:6%;
    left:51%;
}

#core-value-container .core-value-desc-text .core-value-desc-text-02{
    top: 21%;
    left: 60.5%;
}

#core-value-container .core-value-desc-text-02 .corner{
    top:103%;
}

#core-value-container .core-value-desc-text .core-value-desc-text-03{
    top: 75%;
    left: 44%;
}

#core-value-container .core-value-desc-text-03 .corner{
    top:-9%;
    border-top-color: transparent;
    border-bottom-color:#fff;
}

#core-value-container .core-value-desc-text .core-value-desc-text-04{
    top: 75%;
    left: 9%;
}

#core-value-container .core-value-desc-text-04 .corner{
    border-top-color: transparent;
    border-bottom-color:#fff;
    top:-15%;
}

#core-value-container .core-value-desc-text .core-value-desc-text-05{
    top: 52%;
    left: -3%;
}

#core-value-container .core-value-desc-text-05 .corner{
    border-top-color: transparent;
    border-bottom-color:#fff;
    top:-22%;
}

#core-value-container .core-value-desc-text .core-value-desc-text-06{
    top: 6%;
    left: 19.5%;
}

#core-value-container .core-value-desc-text-06 .corner{
    top:105%;
}

#business-container{
    position:relative;
    /*padding:1.2rem 0 0 0;*/
}

#business-container h5{
    font-size:0.6rem;
    text-align: center;
    color:#fff;
    margin-bottom:0;
}

#business-container .business-content{
    position:absolute;
    top:18%;
    left:15%;
    right:15%;
    text-align:center;
}

#brand-container{
    padding:1.2rem 0 0.5rem 0;
}

#brand-container h5{
    font-size:0.6rem;
    text-align: center;
    color:#333333;
}

#brand-container .brand-container-text p{
    font-size:0.3rem;
    color:#333333;
    text-align:center;
    margin-top:0.2rem;
    margin-bottom:0;
}

#brand-container .swiper-button-prev{
    left: 0.2rem;
    width:0.4rem;
    height:0.4rem;
    background-color:rgba(0,0,0,0.4);
    border-radius:0.2rem;
}

#brand-container .swiper-button-prev:after{
    font-size:0.16rem;
    color:#fff;
    font-weight: bold;
}

#brand-container .swiper-button-next{
    right: 0.2rem;
    width:0.4rem;
    height:0.4rem;
    background-color:rgba(0,0,0,0.4);
    border-radius:0.2rem;
}

#brand-container .swiper-button-next:after{
    font-size:0.16rem;
    color:#fff;
    font-weight: bold;
}

@media (min-width: 990px) and (max-width: 1200px){

    #swiper-container .carousel-caption h5{
        font-size:0.5rem;
    }

    #swiper-container .carousel-caption h6{
        font-size:0.5rem;
        margin-bottom:0.2rem;
    }

    #mission-container .mission-container-text h5{
        font-size:0.5rem;
    }

    #mission-container .mission-container-text p{
        font-size:0.3rem;
    }

    #wish-container .wish-container-text h5{
        font-size:0.5rem;
    }

    #wish-container .wish-container-text p{
        font-size:0.3rem;
    }

    #business-container{
        padding:1rem 0 0 0;
    }

    #brand-container{
        padding:1rem 0 0.5rem 0;
    }

    #business-container h5{
        font-size:0.5rem;
    }

    #brand-container h5{
        font-size:0.5rem;
    }

    #brand-container .brand-container-text p{
        font-size:0.24rem;
    }

    #brand-container .swiper-button-prev{
        top:60%;
    }

    #brand-container .swiper-button-next{
        top:60%;
    }

    #core-value-container .core-value-img-circle{
        top:41%;
        left:39.5%;
        font-size:0.2rem;
        padding-top:0.7rem;
    }

    #core-value-container span{
        font-size: 0.24rem;
    }

    #core-value-container .core-value-num .core-value-num-01{
        top:33%;
        left:55%;
    }

    #core-value-container .core-value-num .core-value-num-02{
        top:47%;
        left:65%;
    }

    #core-value-container .core-value-num .core-value-num-03{
        top:61.5%;
        left:57%;
    }

    #core-value-container .core-value-num .core-value-num-04{
        top:62.5%;
        left:39%;
    }

    #core-value-container .core-value-num .core-value-num-05{
        top:48.5%;
        left:30%;
    }

    #core-value-container .core-value-num .core-value-num-06{
        top:34%;
        left:37%;
    }

    #core-value-container .core-value-text .core-value-text-01{
        top:28%;
        left:62%;
    }

    #core-value-container .core-value-text .core-value-text-02{
        top:47%;
        left:74%;
    }

    #core-value-container .core-value-text .core-value-text-03{
        top: 68%;
        left: 62%;
    }

    #core-value-container .core-value-text .core-value-text-04{
        top: 68%;
        left: 26%;
    }

    #core-value-container .core-value-text .core-value-text-05{
        top:47%;
        left:14%;
    }

    #core-value-container .core-value-text .core-value-text-06{
        top: 28%;
        left: 26%;
    }

    #core-value-container .core-value-desc-text-01,
    #core-value-container .core-value-desc-text-02,
    #core-value-container .core-value-desc-text-03,
    #core-value-container .core-value-desc-text-04,
    #core-value-container .core-value-desc-text-05,
    #core-value-container .core-value-desc-text-06{
        font-size: 0.16rem;
    }

    #core-value-container .core-value-desc-text .core-value-desc-text-01{
        top:10%;
        left:49.5%;
    }

    #core-value-container .core-value-desc-text .core-value-desc-text-02{
        top: 22%;
        left: 58%;
    }

    #core-value-container .core-value-desc-text .core-value-desc-text-03{
        top: 73%;
        left: 41%;
    }

    #core-value-container .core-value-desc-text-03 .corner{
        top: -10%;
    }

    #core-value-container .core-value-desc-text .core-value-desc-text-04{
        top: 73%;
        left: 8.5%;
    }

    #core-value-container .core-value-desc-text-04 .corner{
        top: -18%;
    }

    #core-value-container .core-value-desc-text .core-value-desc-text-06{
        top: 10%;
        left: 19%;
    }

}

@media (max-width: 990px){

    #swiper-container .carousel-caption {
        top: 44%;
    }
    #swiper-container .carousel-caption h5{
        font-size:0.4rem;
    }

    #swiper-container .carousel-caption h6{
        font-size:0.4rem;
        margin-bottom:0;
    }

    #mission-container .mission-container-text h5{
        font-size:0.4rem;
    }

    #mission-container .mission-container-text h6{
        font-size:0.24rem;
    }

    #wish-container .wish-container-text h5{
        font-size:0.4rem;
    }

    #wish-container .wish-container-text p{
        font-size:0.24rem;
    }

    #brand-container h5{
        font-size:0.4rem;
    }

    #mission-container .mission-container-text p{
        font-size:0.24rem;
    }

    #business-container h5{
        font-size:0.3rem;
    }

    #business-container .business-content{
        top:26%;
    }

    #brand-container .swiper-button-prev{
        top:66%;
    }

    #brand-container .swiper-button-next{
        top:70%;
    }

    #brand-container .brand-container-text p{
        font-size:0.14rem;
    }

    #core-value-container .core-value-img-circle{
        width:1.5rem;
        height:1.5rem;
        font-size:0.16rem;
        top: 43%;
        left: 38.5%;
        padding-top:0.45rem;
    }

    #core-value-container span{
        font-size: 0.2rem;
    }

    #core-value-container .core-value-num .core-value-num-01{
        top:35%;
        left:55%;
    }

    #core-value-container .core-value-num .core-value-num-02{
        top:47%;
        left:69%;
    }

    #core-value-container .core-value-num .core-value-num-03{
        top:59%;
        left:57%;
    }

    #core-value-container .core-value-num .core-value-num-04{
        top:60.5%;
        left:36%;
    }

    #core-value-container .core-value-num .core-value-num-05{
        top:48%;
        left:24%;
    }

    #core-value-container .core-value-num .core-value-num-06{
        top: 36%;
        left: 34%;
    }

    #core-value-container .core-value-text .core-value-text-01{
        top: 30%;
        left: 65%;
    }

    #core-value-container .core-value-text .core-value-text-02{
        top:47%;
        left:80%;
    }

    #core-value-container .core-value-text .core-value-text-03{
        top: 65%;
        left: 65%;
    }

    #core-value-container .core-value-text .core-value-text-04{
        top: 65%;
        left: 18%;
    }

    #core-value-container .core-value-text .core-value-text-05{
        top: 46.5%;
        left: 2.5%;
    }

    #core-value-container .core-value-text .core-value-text-06{
        top: 30%;
        left: 18%;
    }

    #core-value-container .core-value-desc-text-01,
    #core-value-container .core-value-desc-text-02,
    #core-value-container .core-value-desc-text-03,
    #core-value-container .core-value-desc-text-04,
    #core-value-container .core-value-desc-text-05,
    #core-value-container .core-value-desc-text-06{
        font-size: 0.14rem;
        /*background-color:rgba(0,0,0,0.8);*/
        /*color:#fff;*/
    }

    #core-value-container .core-value-desc-text .core-value-desc-text-01{
        top: 40%;
        left: 25%;
    }

    #core-value-container .core-value-desc-text .core-value-desc-text-02{
        top: 40%;
        left: 18%;
    }

    #core-value-container .core-value-desc-text .core-value-desc-text-03{
        top: 36%;
        left: 25%;
    }

    #core-value-container .core-value-desc-text .core-value-desc-text-04{
        top: 40%;
        left: 25%;
    }


    #core-value-container .core-value-desc-text .core-value-desc-text-05{
        top: 40%;
        left: 25%;
    }

    #core-value-container .core-value-desc-text .core-value-desc-text-06{
        top: 40%;
        left: 25%;
    }


    #core-value-container .core-value-desc-text-01 .corner{
        display:none;
    }

    #core-value-container .core-value-desc-text-02 .corner{
        display:none;
    }

    #core-value-container .core-value-desc-text-03 .corner{
        display:none;
    }

    #core-value-container .core-value-desc-text-04 .corner{
        display:none;
    }

    #core-value-container .core-value-desc-text-05 .corner{
        display:none;
    }

    #core-value-container .core-value-desc-text-06 .corner{
        display:none;
    }
}