@media screen and (max-width: 1680px) {
    .sound .card-focus .icon-shangyiyeqianyiye {
        left: 15px;
    }
    .sound .card-focus .icon-xiayiyehouyiye {
        right: 15px;
    }
}


/*屏幕<=1513像素*/

@media (max-width:1513px) {
    /*主屏背景视频*/
    .bg>.video video {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        height: 100%;
    }
}

@media screen and (max-width: 1460px) {
    .w {
        width: 100%;
    }
    .sound .card-focus {
        display: flex;
        justify-content: center;
    }
    .sound .card-focus .card-focus-a {
        width: 954px;
    }
}

@media screen and (max-width: 1430px) {
    .sound .card-focus ul {
        justify-content: center;
    }
    .sound .card-focus ul li {
        margin-top: 10px;
    }
    .sound .card-focus ul li:nth-child(3):after {
        /*position: absolute;*/
        margin-left: 14px;
        content: '';
        width: 463px;
        height: 562px;
    }
}

@media screen and (max-width: 1409px) {
    .footer-cont {
        border-right: none!important;
    }
    .footer-right {
        display: none;
    }
}

@media screen and (max-width: 1180px) {
    .footer .footer-box .footer-left {
        display: none;
    }
}

@media screen and (max-width: 911px) {
    .footer .footer-box .footer-cont {
        flex: 1;
        padding: 20px;
    }
    .footer .footer-box .footer-cont p {
        width: 100%;
    }
}

@media screen and (max-width: 1286px) {
    /*沟通*/
    .process .piece {
        flex: 1;
        margin: 3px;
    }
    .process .piece span:nth-child(1) {
        top: 14px;
        left: 14px;
        font-size: 20px;
    }
    .process .piece span:nth-child(2) {
        bottom: 14px;
        left: 14px;
        font-size: 18px;
    }
    .process .piece i {
        width: 45px;
        height: 45px;
    }
}


/*屏幕<=1290像素*/

@media screen and (max-width: 1290px) {
    .serve-experience .w ul li h4 {
        font-size: 22px;
    }
    .serve-experience .serverText-box {
        line-height: 18px;
        font-size: 20px;
    }
    /*顶部导航栏响应式*/
    .conNum {
        display: none;
    }
    /*轮播文字大小*/
    .bander-box .text h3 {
        font-size: 50px;
        text-align: center;
        padding: 0 20px;
        letter-spacing: 0px;
    }
    .bander-box .text p {
        font-size: 25px;
    }
    /*第二屏文字*/
    .mask>.text h3 {
        font-size: 40px;
    }
    .mask>.text p {
        font-size: 18px;
    }
    /*力量源于每一个自由且有趣的灵魂*/
    .heart.w {
        background-color: #fff;
    }
    .soul .heart {
        margin-top: 0;
    }
    .soul .text {
        padding: 60px;
        /*height: 8000px;*/
    }
    .soul .text h3 {
        font-size: 45px;
    }
    .soul .text p {
        font-size: 18px;
        line-height: 20px;
    }
}


/*屏幕<=1060像素*/

@media screen and (max-width: 1060px) {
    .serve-experience .w ul li h4 {
        font-size: 22px;
        margin: 20px 0;
    }
    .serve-experience .serverText-box {
        line-height: 18px;
        font-size: 20px;
    }
    /*第三屏 看见看不见的力量，隐藏黄色小圆*/
    .boxThree .threeMast .box .ewm,
    .boxThree .threeMast .box .r {
        display: none;
    }
    /*圆形主体文字响应*/
    .boxThree .threeMast .three-r h3 {
        font-size: 30px;
        margin: 20px;
    }
    .boxThree .threeMast .three-r p {
        font-size: 16px;
    }
    .boxThree .threeMast .three-r .btn {
        width: 131px;
        height: 40px;
        background: #fcb82c;
        border-radius: 3px;
        margin-top: 20px;
        text-align: center;
        line-height: 40px;
        color: #ffffff;
        font-size: 20px;
        font-weight: 900;
    }
    /*百分百比例*/
    .boxThree .threeMast .box {
        width: 100%;
    }
    /*主要文字圆居中*/
    .boxThree .threeMast .three-r {
        left: 50%;
        transform: translateX(-50%);
    }
    /*顶部导航栏响应式*/
    .top .nav-ul li {
        margin: 0 12px;
    }
    .floBox {
        display: none;
    }
    /*力量源于一步一个脚印*/
    .footprint {
        margin-top: 50px;
    }
    .footprint h3 {
        margin-top: 60px;
    }
    /*力量源于每一个细节*/
    .wave .w p {
        padding: 0 10px;
        font-size: 16px;
        line-height: 30px;
    }
}

@media screen and (max-width: 1023px) {
    .serve-experience .w ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .serve-experience .w ul li {
        width: 30%;
        flex: none;
        margin: 10px;
        height: 350px;
    }
    .serve-experience .w ul li:nth-child(2) {
        border-right: none;
    }
    .sound h3 {
        font-size: 50px;
    }
    .sound p {
        font-size: 20px;
    }
    .serve-experience .serverText-box {
        line-height: 18px;
        font-size: 20px;
    }
}

@media screen and (max-width: 974px) {
    /*力量源于每一个自由且有趣的灵魂*/
    .soul .text {
        padding: 40px;
        /*height: 150px;*/
        background-color: #fff;
    }
    .soul .text h3 {
        font-size: 35px;
    }
    .soul .text p {
        font-size: 14px;
        line-height: 20px;
    }
}


/*屏幕<=911像素*/

@media screen and (max-width: 911px) {
    .bg {
        height: 20vh;
    }
    .bander {
        height: 20vh;
    }
    .sound h3 {
        font-size: 30px;
    }
    .sound p {
        font-size: 20px;
    }
    /*力量源于认知，响应式*/
    .cognition .cognition-box {
        justify-content: center;
    }
    .cognition .cognition-box li {
        margin-left: 10px;
    }
    .cooperate .h3-b {
        margin-top: 40px;
    }
    /*轮播文字大小*/
    .bander-box .text h3 {
        font-size: 30px;
    }
    .bander-box .text p {
        font-size: 20px;
    }
    /*第二屏文字*/
    .mask>.text {
        padding-top: 10px;
    }
    .mask>.text h3 {
        font-size: 30px;
    }
    .mask>.text p {
        font-size: 18px;
        margin: 0;
    }
    /*沟通*/
    .process .piece {
        flex: 1;
        margin: 3px;
    }
    .process .piece span:nth-child(1) {
        top: 10px;
        left: 10px;
        font-size: 18px;
    }
    .process .piece span:nth-child(2) {
        bottom: 10px;
        left: 10px;
        font-size: 16px;
    }
    .process .piece i {
        width: 40px;
        height: 40px;
    }
    .bg-box {
        margin-top: 50px;
    }
    .cooperate h3 {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .cooperate p {
        font-size: 18px;
        line-height: 30px;
        margin: 0 10px;
    }
}


/*屏幕<=882像素*/

@media screen and (max-width: 882px) {
    /*顶部导航栏响应式*/
    .top .nav-ul li {
        margin: 0 8px;
    }
    .top .nav-ul li a {
        font-size: 16px;
    }
    .serve-experience .w h3 {
        font-size: 45px;
    }
}


/*屏幕<=800像素*/

@media screen and (max-width: 848px) {
    /*力量源于专业的出身*/
    .origin .originBox {
        width: 100%;
    }
    .sound h3 {
        font-size: 50px;
    }
    .sound p {
        font-size: 20px;
    }
}


/*屏幕<=800像素*/

@media screen and (max-width: 800px) {
    .serve-experience .w h3 {
        font-size: 40px;
    }
    .serve-experience .w p {
        padding: 0 10px;
        font-size: 18px;
    }
    /*顶部导航栏响应式*/
    /*logo居中*/
    .top {
        padding: 13px 0;
    }
    .top .logo {
        margin: 0 auto;
    }
    .cdgbBtn {
        display: block;
    }
    /*导航栏*/
    .top .nav {
        display: block;
        position: absolute;
        top: 0;
        left: -40%;
        transform: translateY(0);
        color: #fff;
        width: 40%;
        height: 100vh;
        z-index: 9;
        background-color: rgba(255, 255, 255, .8);
        transition: left 0.3s;
    }
    .top .nav-ul li .son {
        position: relative;
    }
    .bg {
        overflow: visible;
    }
    /*导航栏ul*/
    .top .nav-ul {
        display: flex;
        flex-direction: column;
        margin-top: 30%;
    }
    .top .nav-ul li a {
        color: #000;
    }
    /*力量源于一步一个脚印*/
    .footprint {
        margin-top: 10px;
    }
    .footprint h3 {
        margin-top: 30px;
        font-size: 40px;
    }
    .footprint p {
        margin-top: 10px;
    }
    /*力量源于每一个自由且有趣的灵魂*/
    .soul .text {
        padding: 40px;
        background-color: #fff;
    }
    .soul .text h3 {
        font-size: 28px;
    }
    .soul .text p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 750px) {
    /*圆形主体响应*/
    .boxThree .threeMast .three-r {
        width: 600px;
        height: 600px;
    }
    .sound h3 {
        font-size: 30px;
    }
    .serve-experience ul li {
        padding: 10px 20px;
    }
    .sound p {
        font-size: 20px;
    }
    /*圆形主体文字响应*/
    .boxThree .threeMast .three-r h3 {
        font-size: 30px;
        margin: 10px;
    }
    /*力量源于坚守的认知*/
    .cognition {
        padding-top: 30px;
    }
    .cognition h3 {
        font-size: 40px;
    }
    .cognition p {
        font-size: 18px;
        margin-top: 10px;
    }
    .cognition .cognition-box {
        margin-top: 20px;
    }
    /*力量源于专业的出身*/
    .origin .originBox h3 {
        font-size: 45px;
        line-height: 50px;
        margin-top: 98px;
    }
    .origin .originBox .text-p {
        margin-top: 62px;
    }
    .origin .originBox p {
        font-size: 18px;
        line-height: 40px;
    }
    .soul .heart {
        padding: 0 50px;
    }
    .trivia {
        flex-direction: column;
    }
    .trivia .left {
        padding: 0 30px;
    }
    .trivia .right ul {
        margin-left: 30px;
    }
}

@media screen and (max-width: 650px) {
    .location {
        display: none;
    }
}

@media screen and (max-width: 698px) {
    /*圆形主体响应*/
    .boxThree .threeMast .three-r {
        width: 600px;
        height: 600px;
    }
    .serve-experience .w ul {
        display: flex;
        flex-direction: row;
    }
    .serve-experience .w ul li {
        height: 250px;
    }
    .serve-experience .w ul li h4 {
        font-size: 16px;
    }
    .serve-experience .w ul li .serverText-box {
        font-size: 14px;
        line-height: 25px;
    }
}

@media screen and (max-width: 622px) {
    /*力量源于每一个自由且有趣的灵魂*/
    .soul .text {
        padding: 40px;
        background-color: #fff;
    }
    .soul .text h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .soul .text p {
        font-size: 12px;
        line-height: 20px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 600px) {
    .serve-experience .w h3 {
        font-size: 30px;
    }
    /*第二屏文字*/
    .mask>.text {
        padding-top: 10px;
    }
    .mask>.text h3 {
        font-size: 20px;
        line-height: 20px;
    }
    .mask>.text p {
        font-size: 12px;
        margin: 0;
        line-height: 20px;
    }
    /*圆形主体响应*/
    .boxThree .threeMast .three-r {
        width: 450px;
        height: 450px;
    }
    .boxThree {
        height: 500px;
    }
    .boxThree .threeMast .three-r {
        top: -15%;
    }
    /*圆形主体文字响应*/
    .boxThree .threeMast .three-r h3 {
        font-size: 20px;
        line-height: 20px;
        margin: 15px 0;
    }
    .boxThree .threeMast .three-r p {
        font-size: 12px;
        line-height: 22px;
    }
    /*力量源于坚守的认知*/
    .cognition {
        padding-top: 30px;
    }
    .cognition h3 {
        font-size: 35px;
    }
    .cognition p {
        font-size: 16px;
        margin-top: 10px;
    }
    .cooperate h3 {
        font-size: 30px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .cooperate p {
        font-size: 18px;
        line-height: 30px;
        margin: 0 10px;
    }
    /*力量源于一步一个脚印 卡片*/
    .footprint-card {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 33px;
    }
    .footprint-card li {
        width: 50%;
        flex: none;
    }
    .wave .w h3 {
        font-size: 40px;
    }
}

@media screen and (max-width: 540px) {
    /*力量源于一步一个脚印*/
    .footprint {
        margin-top: 10px;
    }
    .footprint h3 {
        margin-top: 20px;
        font-size: 28px;
    }
    .footprint p {
        margin-top: 10px;
        font-size: 16px;
    }
    /*力量源于专业的出身*/
    .origin .originBox h3 {
        font-size: 40px;
        line-height: 30px;
        margin-top: 70px;
    }
    .origin .originBox .text-p {
        margin-top: 62px;
    }
    .origin .originBox p {
        font-size: 18px;
        line-height: 40px;
    }
    .origin {
        height: 540px;
    }
}

@media screen and (max-width: 518px) {
    /*力量源于每一个自由且有趣的灵魂*/
    .soul .text {
        padding: 40px;
        background-color: #fff;
    }
    .soul .text h3 {
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0px;
    }
    .soul .text p {
        font-size: 12px;
        line-height: 20px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 470px) {
    .serve-experience .w h3 {
        font-size: 25px;
    }
    /*力量源于专业的出身*/
    .origin .originBox h3 {
        font-size: 30px;
        line-height: 10px;
        margin-top: 40px;
    }
    .origin .originBox .text-p {
        margin-top: 40px;
    }
    .origin .originBox p {
        font-size: 16px;
        line-height: 40px;
    }
    .origin {
        height: 430px;
    }
    .soul .heart {
        padding: 0;
    }
    .wave .w h3 {
        font-size: 35px;
    }
    .process {
        margin-top: 20px;
    }
    .cooperate .h3-b,
    .cooperate h3 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .cooperate p {
        font-size: 14px;
        line-height: 30px;
        margin: 0 10px;
    }
}

@media screen and (max-width: 450px) {
    /*圆形主体响应*/
    .boxThree .threeMast .three-r {
        width: 350px;
        height: 350px;
    }
    /*圆形主体文字响应*/
    .boxThree .threeMast .three-r h3 {
        font-size: 18px;
        line-height: 15px;
        margin: 15px 0 10px 0;
    }
    .boxThree .threeMast .three-r p {
        font-size: 12px;
        line-height: 18px;
    }
    /*力量源于坚守的认知*/
    .cognition {
        padding-top: 10px;
    }
    .cognition h3 {
        font-size: 30px;
    }
    .cognition p {
        font-size: 12px;
        margin-top: 10px;
    }
    /*力量源于一步一个脚印*/
    .footprint {
        margin-top: 10px;
    }
    .footprint h3 {
        margin-top: 20px;
        font-size: 25px;
    }
    .footprint p {
        margin-top: 3px;
        font-size: 14px;
        line-height: 22px;
    }
    .wave .w {
        background-color: #fff;
    }
    .wave .w h3 {
        padding-top: 30px;
    }
}

@media screen and (max-width: 419px) {
    .comIcon ol {
        justify-content: center;
    }
}

@media screen and (max-width: 410px) {
    /*力量源于每一个自由且有趣的灵魂*/
    .soul .text {
        padding: 40px;
        background-color: #fff;
    }
    .soul .text h3 {
        font-size: 14px;
        line-height: 30px;
        letter-spacing: 0px;
    }
    .soul .text p {
        font-size: 10px;
        line-height: 20px;
        margin-top: 10px;
    }
    .wave .w h3 {
        font-size: 30px;
    }
}

@media screen and (max-width: 380px) {
    .serve-experience .w h3 {
        font-size: 20px;
    }
    /*力量源于专业的出身*/
    .origin .originBox h3 {
        font-size: 23px;
        line-height: 10px;
        margin-top: 40px;
    }
    .origin .originBox .text-p {
        margin-top: 25px;
    }
    .origin .originBox p {
        font-size: 14px;
        line-height: 30px;
    }
    .origin {
        height: 350px;
    }
    .cooperate .h3-b,
    .cooperate h3 {
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .cooperate p {
        font-size: 14px;
        line-height: 30px;
        margin: 0 10px;
    }
}