@charset "UTF-8";
@media (max-width: 1024px){
    .join-box{
        height: auto;
    }
    .join-box .list .item{
        height: 10rem;
    }
    .join-box .list .con-box .text{

        /* padding: 1rem; */
    }
    .theory-tab .next,
    .theory-tab .prev{
        display: none;
    }
    .tech-tab-box .next{
        right: -1rem;
    }
    .tech-tab-box .prev{
        left: -1rem;
    }
    .epc-box .desc{
        height: auto;
        padding: .4rem 5%;
        line-height: .8rem;
    }
}

@media (max-width: 992px){
    .join-box .list .item{
        height: 8rem;
    }
    .story-box .item .tit{
        font-size: .8rem;
        line-height: .9rem;
    }
    .story-box .item .desc{
        padding: 0 .5rem;
    }
    .love-list .item .text .con{
        margin-top: .3rem;
    }
    .love-list .item .text .arrow{
        margin-top: .3rem;
    }
    .base-box .img{
        width: 100%;
        float: none;
        margin: 0;
    }
    .base-box .base-text{
        float: none;
        width: 60%;
        margin: 1rem auto 0;
    }
    .base-box .base-text:before{
        left: 50%;
        transform: rotate(90deg);
        top: -16px;
    }
    .fine-box .num-box .item{
        margin: 0 2.5rem;
    }
    .fine-box .num-box .item:before{
        right: -2.5rem;
    }
}

@media (max-width: 767px){
    .join-box .list .item{
        height: auto;
    }
    .join-box .list .con-box .text{
        position: static;
        padding: .4rem;
        text-align: center;
    }
    .join-box .list .con-box .mask{
        display: none;
    }
    .join-box .list .con-box .join-btn{
        visibility: visible;
    }
    .join-box .list .con-box .icon{
        width: .66rem;
        margin: 0 auto;
    }
    .join-box .list .con-box .tit{
        font-size: .48rem;
        line-height: .58rem;
        margin-top: .2rem;
    }
    .join-box .list .con-box .con{
        font-size: .3rem;
        line-height: .5rem;
        margin-top: .2rem;
    }
    .join-box .list .con-box .join-btn{
        width: .55rem;
        margin: .4rem auto 0;
    }
    .join-box .list .item:nth-child(3){
        border-right: 1px solid rgba(255,255,255,.2);
    }
    .join-box .list .item:nth-child(4),
    .join-box .list .item:nth-child(5),
    .join-box .list .item:nth-child(6){
        border-bottom: 1px solid rgba(255,255,255,.2);
    }

    .join-list-box{
        padding: .8rem 0;
    }
    .join-list-box .list .row{
        margin: 0;
    }
    .join-list-box .list .item{
        padding: 0;
        margin-bottom: .5rem;
    }
    .join-list-box .list .txt{
        font-size: .3rem;
        line-height: .4rem;
        margin-top: .3rem;
    }
    .join-list-box .list .paga{
        margin-top: .5rem;
    }
    .recruit-box{
        padding: .8rem 0;
    }
    .pub-tit{
        font-size: .36rem;
        line-height: .46rem;
    }
    .pub-con{
        font-size: .3rem;
        line-height: .5rem;
    }
    .idea-box .con{
        margin-top: .4rem;
    }
    .idea-box .img-list .item{
        margin-bottom: .5rem;
    }
    .idea-box .img-list .item:last-child{
        margin-bottom: 0;
    }
    .idea-box .img-list .item .icon{
        display: none;
    }
    .idea-box .img-list{
        margin-top: .4rem;
    }
    .idea-box .img-list .text{
        position: static;
        transform: translateY(0);
        padding: 0;
        opacity: 1;
        filter: alpha(opacity=100);
        margin-top: .3rem;
    }
    .idea-box .img-list .tit{
        position: static;
        transform: translateY(0);
        color: #333;
        text-align: left;
        font-size: .36rem;
        line-height: .46rem;
        margin-top: .3rem;
    }
    .idea-box .img-list .tit br{
        display: none;
    }
    .idea-box .img-list .text-tit{
        color: #333;
        font-size: .3rem;
        line-height: .4rem;
    }
    .idea-box .img-list .txt-con{
        color: #666;
        font-size: .24rem;
        line-height: .4rem;
    }
    .route-box{
        margin-top: .5rem;
    }
    .need-box{
        height: 5rem;
    }
    .need-box .text .line{
        margin-top: .3rem;
    }
    .need-box .text .con{
        font-size: .3rem;
        line-height: .4rem;
        margin-top: .4rem;
    }
    .need-box .text .need-more{
        padding: 0 .4rem;
        margin-top: .7rem;
    }
    .need-box .text .need-more span{
        font-size: .3rem;
        padding-right: .3rem;
        background-size: .2rem;
        line-height: .8rem;
    }
    .love-box{
        padding: .8rem 0;
    }
    .love-box .love-con{
        margin-top: .4rem;
    }
    .love-box .img-list .line{
        background-color: #666;
    }
    .idea-box .img-list .txt-con{
        margin-top: .2rem;
    }
    .story-box .item{
        width: 50%;
    }
    .story-box .item .tit{
        font-size: .48rem;
        line-height: .58rem;
    }
    .story-box .item .desc{
        padding: 0 .2rem;
        font-size: .24rem;
        line-height: .4rem;
        margin-top: .2rem;
    }
    .story-box .item .story-btn{
        width: .55rem;
        margin-top: .4rem;
    }
    .love-list{
        padding: .8rem 0;
    }
    .love-list .pub-tit{
        margin-bottom: .7rem;
    }
    .love-list .item{
        padding: .4rem;
    }
    .love-list .item .img{
        float: none;
        width: 100%;
    }
    .love-list .item .text{
        float: none;
        width: 100%;
        margin-top: .3rem;
    }
    .love-list .item .text .tit{
        font-size: .36rem;
        line-height: .4rem;
    }
    .love-list .item .text .desc{
        font-size: .3rem;
        line-height: .4rem;
    }
    .love-list .item .text .con{
        font-size: .24rem;
        line-height: .4rem;
        height: auto;
        margin-top: .2rem;
    }
    .love-list .paga{
        margin-top: .5rem;
    }
    .theory-tab-box{
        padding: .8rem 0;
        height: 10rem;
    }
    .theory-tab-box .theory-line-box{
        bottom: .8rem;
        white-space: nowrap;
        z-index: 30;
    }
    .theory-tab-box .theory-line-box .line{
        position: relative;
        z-index: 3;
    }
    .theory-tab-box .theory-line-box:before{
        bottom: -10px;
    }
    .theory-box{
        padding: .8rem 0;
    }
    .theory-tab{
        height: 8.25rem;
        position: absolute;
        left: 0;
        bottom: .8rem;
        padding: 0 .4rem;
        width: 100%;
        box-sizing: border-box;
    }
    .theory-box .theory-con{
        margin-top: .5rem;
    }
    .theory-tab .con-box{
        bottom: -10px;
        padding: 0 .6rem .7rem;
    }
    .theory-tab .con-box .year{
        font-size: .6rem;
        line-height: .7rem;
        padding-bottom: .2rem;
    }
    .theory-tab .con-box .con{
        font-size: .24rem;
        line-height: .4rem;
    }
    .video-tab-box{
        padding: .5rem 0;
    }
    .video-tab .play-btn{
        width: .6rem;
        height: .6rem;
    }
    .video-tab .txt{
        font-size: .3rem;
        line-height: .5rem;
        margin-top: .2rem;
    }
    .video-tab .buts{
        margin-top: .5rem;
    }
    .project-list-box{
        padding: .8rem 0;
    }
    .project-list-box .tab-btns{
        padding: 0 .7rem;
    }
    .project-list-box .tab-btns .swiper-slide{
        margin-right: 1.1rem;
    }
    .project-list-box .tab-btns .icon{
        width: .8rem;
    }
    .project-list-box .tab-btns .txt{
        font-size: .24rem;
        line-height: .4rem;
    }
    .project-list-box .tab-btns:before{
        top: .4rem;
    }
    .project-list-box .tab-btns .swiper-button-prev,
    .project-list-box .tab-btns .swiper-button-next{
        top: .1rem;
    }
    .project-list{
        margin-top: .5rem;
    }
    .project-list .row{
        margin: 0;
    }
    .project-list .item{
        padding: 0;
        margin-bottom: .5rem;
    }
    .project-list .text-box .top-box{
        padding: .4rem;
    }
    .project-list .text-box .bottom-box{
        padding: .4rem;
    }
    .project-list .text-box .top-box .tit{
        font-size: .24rem;
        line-height: .4rem;
    }
    .project-list .text-box .project-tit{
        font-size: .3rem;
        line-height: .4rem;
        margin-top: .1rem;
    }
    .project-list .bottom-box .honor,
    .project-list .bottom-box .projectlist-more{
        font-size: .24rem;
        line-height: .4rem;
    }
    .project-list .paga{
        margin-top: .4rem;
    }
    .typical-tab .buts{
        margin-top: .5rem;
    }
    .create-box{
        padding: .8rem 0;
    }
    .create-box .num-box{
        margin-top: .8rem;
    }
    .create-box .num-box .num{
        font-size: .7rem;
        line-height: .8rem;
    }
    .create-box .num-box .unit{
        font-size: .24rem;
        line-height: .4rem;
    }
    .create-box .num-box .txt{
        font-size: .24rem;
        line-height: .4rem;
    }
    .create-box .num-box .item{
        width: 33.33%;
    }
    .create-box .num-box .item:nth-child(2){
        position: static;
        transform: translateX(0);
        float: left;
    }
    .create-box .num-box .txt{
        padding: 0 .2rem;
        margin-top: .1rem;
    }
    .tech-box{
        padding: .8rem 0;
    }
    .tech-box .pub-tit{
        padding-bottom: .3rem;
        margin-bottom: .3rem;
    }
    .tech-tab-box .pc-box{
        display: none;
    }
    .tech-tab-box .m-box{
        display: block;
    }
    .tech-tab .row{
        margin: 0;
    }
    .tech-tab .item{
        padding: 0;
    }
    .tech-tab .num-box .num{
        font-size: .7rem;
        line-height: .8rem;
    }
    .tech-tab .num-box .unit{
        font-size: .24rem;
        line-height: .4rem;
        margin-left: .2rem;
    }
    .tech-tab .item{
        margin-bottom: .5rem;
    }
    .tech-tab .txt{
        font-size: .24rem;
        line-height: .4rem;
        margin-top: .2rem;
    }
    .tech-tab-box .prev,
    .tech-tab-box .next{
        transform: translateY(calc(-50% - .25rem));
    }
    .tech-tab-box .prev{
        left: 0;
    }
    .tech-tab-box .next{
        right: 0;
    }
    .tech-tab-box .desc{
        font-size: .24rem;
        line-height: .4rem;
    }
    .tech-con{
        padding: .8rem 0;
        font-size: .3rem;
        line-height: .5rem;
    }
    .design-box{
        padding: .8rem 0;
    }
    .typical-box{
        padding: .8rem 0;
    }
    .idea-box .con{
        width: 100%;
    }
    .build-box{
        padding-top: .8rem;
    }
    .build-img{
        margin: .4rem auto;
        width: 100%;
    }
    .build-img .txt{
        font-size: .3rem;
        line-height: .5rem;
    }
    .base-box{
        padding: .8rem 0;
        margin-top: .5rem;
    }
    .base-box .base-text{
        width: 100%;
        margin-top: .2rem;
        padding: .4rem;
    }
    .base-box .base-text .top{
        font-size: .24rem;
        line-height: .4rem;
    }
    .base-box .base-text .bottom{
        font-size: .3rem;
        line-height: .5rem;
        margin-top: .3rem;
    }
    .green-box{
        padding: .8rem 0;
    }
    .green-img{
        width: 100%;
        margin: .4rem 0 0;
    }
    .green-img .txt{
        font-size: .3rem;
        line-height: .5rem;
        padding: 0 .7rem;
    }
    .green-img .img{
        margin-top: .3rem;
    }
    .number-box{
        padding: .8rem 0;
    }
    .number-box .pub-tit{
        margin-bottom: .4rem;
    }
    .number-box .num-box{
        margin: .5rem 0;
    }
    .number-box .num-box .con-box{
        height: .8rem;
        line-height: .8rem;
        border-radius: .4rem;
        font-size: .3rem;
        margin-bottom: .4rem;
    }
    .number-box .num-box .con-box:before{
        top: auto;
        bottom: -.3rem;
        left: 50%;
        transform: translateX(-50%);
    }
    .number-box .num-box .arrow{
        margin-top:.1rem;
    }
    .number-box .num-box .txt{
        font-size: .24rem;
        line-height: .4rem;
    }
    .epc-box{
        padding: .8rem 0;
    }
    .epc-box .epc-con{
        width: 100%;
        margin-top: .5rem;
    }
    .epc-list{
        margin-top: .4rem;
    }
    .epc-list .item{
        padding-bottom: .5rem;
        margin-bottom: .5rem;
    }
    .epc-list .item .pub-con{
        padding: 0;
        margin-top: .3rem;
    }
    .epc-list .item:before{
        right: auto;
        left: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        height: 1px;
    }
    .epc-box .desc{
        margin: 0;
        font-size: .3rem;
        line-height: .5rem;
        border-radius: .4rem;
    }
    .overseas-box{
        padding: .8rem 0;
    }
    .overseas-box .overseas-con{
        width: 100%;
        margin-top: .4rem;
    }
    .overseas-box .oversea{
        margin-top: .4rem;
    }
    .overseas-box .oversea .text{
        position: static;
        width: 100%;
        color: #666;
        font-size: .3rem;
        line-height: .5rem;
        padding: 0;
        margin-top: .4rem;
    }
    .fine-box{
        padding: .8rem 0;
    }
    .fine-con{
        margin-top: .4rem;
    }
    .coo-box{
        padding: .8rem 0;
    }

    .coo-tab-box .m-box{
        display: block;
    }
    .coo-tab-box .pc-box{
        display: none;
    }
    .coo-tab .row{
        margin: 0 -.2rem;
    }
    .coo-tab .item{
        padding: 0 .2rem;
        margin-bottom: .4rem;
    }
    .coo-tab .buts{
        margin-top: .2rem;
    }
    .honor-tab-box{
        margin-top: 0;
    }
    .honor-box{
        padding: .8rem 0;
    }
    .honor-tab .swiper-slide{
        width: 100%;
    }
    .honor-tab .con-box{
        padding: .4rem .4rem 1rem;
    }
    .honor-tab .tit{
        font-size: .3rem;
        line-height: .4rem;
    }
    .honor-tab .line{
        width: .36rem;
        margin-top: .3rem;
    }
    .honor-tab .con{
        font-size: .24rem;
        line-height: .4rem;
        margin-top: .3rem;
    }
    .honor-tab{
        margin-top: 6rem;
    }
    .fine-box .num-box{
        margin-top: .5rem;
    }
    .fine-box .num-box .item{
        margin: 0;
        width: 50%;
    }
    .fine-box .num-box .item:before{
        right: 0;
        height: 1rem;
    }
    .fine-box .num-box .num{
        font-size: .7rem;
        line-height: .8rem;
    }
    .fine-box .num-box .unit {
        font-size: .24rem;
        line-height: .4rem;
    }
    .fine-box .num-box .txt{
        font-size: .24rem;
        line-height: .4rem;
    }
    .edu-box2 .edu-img{
        margin-top: .5rem;
    }
    .edu-box2 .edu-img .item{
        width: 100%;
        margin-bottom: .3rem;
    }
    .developinfo-box{
        padding: .8rem 0;
    }
    .developinfo-box .tit-box{
        padding-bottom: .4rem;
    }
    .developinfo-box .tit-box .date{
        font-size: .3rem;
        line-height: .5rem;
        margin-top: .2rem;
    }
    .developinfo-box .pub-con{
        margin-top: .4rem;
    }
    .relative-box{
        margin-top: .8rem;
        padding-top: .5rem;
    }
    .relative-tit{
        font-size: .36rem;
        line-height: .4rem;
    }
    .relative-box .list{
        margin-top: .4rem;
    }
    .relative-box .list .row{
        margin: 0;
    }
    .relative-box .list .item{
        padding: 0;
        margin-bottom: .3rem;
    }
    .relative-box .list .txt{
        font-size: .3rem;
        line-height: .4rem;
        margin-top: .2rem;
    }
    .project-dialog{
        width: 80%;
    }
    .project-dialog{
        padding: .2rem;
    }
    .project-dialog .txt{
        font-size: .3rem;
        line-height: .4rem;
        margin-top: .15rem;
    }
    .project-dialog .project-close{
        top: -.5rem;
        right: -.5rem;
    }
    .project-dialog .prev{
        left: -.5rem;
    }
    .project-dialog .next{
        right: -.5rem;
    }

    .recruit-dialog{
        width: 90%;
        padding: .4rem;
    }
    .recruit-dialog .tit-box{
        padding-bottom: .3rem;
    }
    .recruit-dialog .tit{
        font-size: .4rem;
        line-height: .5rem;
    }
    .recruit-dialog .recruit-close{
        width: .3rem;
        height: .3rem;
        margin: 0;
    }
    .recruit-dialog .con{
        font-size: .26rem;
        line-height: .6rem;
        margin-top: .4rem;
        height: 4.8rem;
    }
}