@media screen and (max-width: 1680px){
    .head li {
        width: 203px;
        padding-left: 60px;
    }
    .introduce .text {
        width: 525px;
    }
    .introduce .box {
        width: 612px;
        height: 350px;
    }
    .introduce div p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .honor .left {
        width: 735px;
        height: 504px;
    }
    .honor .center {
        width: 345px;
        height: 345px;
    }
    .honor .right {
        width: 529px;
        height: 481px;
    }
    .honor {
        height: 800px;
    }
    .develop .bannerBox{
        width: 1220px;
    }
    .develop .swiper-slide p {
        font-size: 45px;
    }
    .develop .swiper-slide li {
        font-size: 14px;
    }
}
@media screen and (max-width: 1440px){
    .develop .bannerBox .swiper-button-prev {
        background-size: 70%;
        left: -55px;
    }
    .develop .bannerBox .swiper-button-next {
        background-size: 70%;
        right: -75px;
    }
    .introduce>p {
        font-size: 35px;
    }
    .develop>div>p {
        font-size: 35px;
    }
    .honor p {
        font-size: 35px;
    }
    .business span {
        font-size: 35px;
    }
    .recruitment>div>span {
        font-size: 35px;
    }
    .recruitment p {
        font-size: 42px;
    }
}
@media screen and (max-width: 1400px){
    .develop .swiper-slide p {
        font-size: 30px;
    }
}
@media screen and (max-width: 1280px){
    .develop .bannerBox .swiper-button-prev {
        left: -12px;
    }
    .develop .bannerBox .swiper-button-next {
        right: -31px;
    }
}

@media screen and (max-width: 750px){

    .xs-hidden{
        display: none !important;
    }
    .xs-show{
        display: block !important;
    }
    .nav{
        display: none;
    }
    .m-header .nav{
        display: block;
    }
    .head{
        height: auto;
        padding: .8rem 0;
        background-size: cover;
        background-position: center center;
    }
    .head>div>p{
        font-size: .6rem;
        line-height: .8rem;
        margin: .5rem 0 .3rem;
    }
    .head ul{
        height: auto;
        padding: .2rem 0 0;
    }
    .head li{
        width: 33.3333%;
        padding-left: .3rem;
        margin-bottom: .5rem;
        font-size: .24rem;
        height: auto;
        padding-bottom: .0rem;
    }
    .head li:nth-child(3n){
        border-right: none;
    }
    .head li span{
        font-size: .45rem;
        padding-top: .1rem;
    }

    .head li p{
        font-size: .24rem;
        line-height: .44rem;
        margin-top: .1rem;
    }
    .introduce>p{
        font-size: .56rem;
        line-height: .6rem;
        margin: .6rem 0 .4rem;
    }
    .introduce .text{
        width: 100%;
        float: none;
        height: auto;
    }
    .introduce div p{
        font-size: .26rem;
        line-height: .46rem;
        margin-bottom: .2rem;
    }
    .introduce .box{
        margin: .3rem -.3rem 0;
        width: 7.5rem;
        height: auto;
        overflow: visible;
    }
    .introduce .box img{
        display: block;
        width: 100%;
    }
    .introduce .box .play{
        width: .6rem;
        height: .6rem;
        left: 50%;
        top: 50%;
        margin: -.3rem 0 0 -.3rem;
    }
    .develop{
        height: auto;
        padding: .6rem 0;
        background-size: cover;
        background-position: center center;
        margin-top: .8rem;
    }
    .develop>div>p{
        font-size: .4rem;
        line-height: .6rem;
        margin: 0 0 .3rem;
    }
    .develop .swiper-slide p{
        font-size: .56rem !important;
        margin: .2rem 0;
    }


    .develop .bannerBox{
        width: 100%;
        padding-bottom: .3rem;
    }
    .develop .swiper-slide-active,
    .develop .swiper-slide-duplicate-prev{
        opacity: 1;
    }
    .develop .bannerBox .swiper-button-next,
    .develop .bannerBox .swiper-button-prev{
        display: none;
    }
    .develop .swiper-slide>span{
        width: 2.2rem;
        height: .6rem;
        line-height: .65rem;
        border-radius: .3rem;
        font-size: .28rem;
        margin-top: 10px;
    }
    .develop .swiper-slide li{
        font-size: .26rem;
        line-height: .40rem;
        margin-bottom: .1rem;
    }

    .honor{
        height: auto;
        padding: .8rem 0 1.0rem;
    }
    .honor p{
        font-size: .4rem;
        line-height: .6rem;
        margin: 0 0 .1rem;
    }
    .business{
        padding-bottom: .8rem;
        padding-top: .8rem;
    }
    .business span{
        font-size: .4rem;
        line-height: .2rem;
        margin: 0 0 .3rem;
    }
    .business p{
        font-size: .26rem;
        line-height: .42rem;
        margin-bottom: .5rem;
    }
    .business img{
        display: block;
        width: 100%;
    }
    .recruitment{
        padding-bottom: .96rem;
        background: url('../../img/recruitment_m_bg.jpg') no-repeat center center;
        background-size: cover;
    }
    .recruitment>div>span{
        font-size: .46rem;
        line-height: .76rem;
        margin-top: .5rem;
    }
    .recruitment p{
        font-size: .56rem;
        line-height: .76rem;
        margin-bottom: .3rem;
    }
    .recruitment .group li{
        width: 1.44rem;
        margin-right: .35rem;
        font-size: .24rem;
        line-height: .32rem;
    }
    .recruitment .group li img{
        display: block;
        width: 100%;
    }
    .recruitment .group li span{
        margin-top: .1rem;
    }
    .recruitment .link{
        margin: .6rem 0 0;
        display: flex;
        justify-content: space-between;
    }
    .recruitment .link li{
        width: 2.16rem;
        height: .68rem;
        border-width: 1px;
        font-size: .26rem;
        line-height: .66rem;
        margin: 0;
    }
    .recruitment .link li img{
        margin-left: .14rem;
    }

    .honor .center{
        width: 1.96rem;
        height: 1.96rem;
        margin-top: .6rem;
    }
    .honor .right{
        width: 3.18rem;
        height: auto;
        display: block;
        right: 0;
        top: .2rem;
    }
    .honor .left{
        width: 4.42rem;
        height: auto;
        display: block;
        left: 0;
        top: .2rem;
    }
}