@media screen and (max-width: 1680px){
    .head .left {
        width: 700px;
    }
    .head .left li {
        margin-right: 21px;
    }
    .head .right {
        width: 490px;
    }
    .details .center {
        margin: 0px 20px;
    }
    .details>div {
        width: 385px;
    }
    .details .text {
        width: 385px;
    }
    .details>div>img {
        width: 385px;
        height: 201px;
    }
    .details .text li span {
        font-size: 13px;
    }
    .details .text li p {
        font-size: 14px;
    }
    .member img {
        width: 788px;   
        height: 505px;
        position: absolute;
        top: 32px;
        right: 155px;
        z-index: 2;
    }
}
@media screen and (max-width: 1440px){
    .details .text>p {
        font-size: 26px;
    }
}

@media screen and (max-width: 750px){
    .head{
        height: 9.4rem;
        background-position: center center;
        background-size: cover;
    }

    .head .left{
        width: 100%;
        height: auto;
        margin-bottom: .3rem;
    }
    .head .left div{height: auto;padding: .3rem;}
    .head .left li {margin-right: .3rem;height: .9rem;}
    .head .left li p{font-size: .24rem;}
    .head .left li span{font-size: .28rem;}
    .head .left li:nth-child(1){font-size: .24rem;}
    .head .left li:nth-child(1) p{font-size: .24rem;}
    .head .left li:nth-child(1) span{font-size: .3rem;}
    .head .left>div>p{font-size: .24rem;margin-top: .2rem;}

    .head>div>p{
        font-size: .4rem;
        line-height: .6rem;
        margin: .6rem 0 .4rem;
    }
    .head .right{
        width: 100%;
        padding: .3rem;
        height: auto;
    }
    .head .right p{
        font-size: .3rem;
        line-height: .6rem;
        height: .6rem;
        margin-bottom: .2rem;
    }
    .nav{
        display: none;
    }
    .m-header .nav{
        display: block;
    }
    .details{
        height: auto;
        padding: .6rem 0 .8rem;
    }
    .details>div{
        width: 100%;
        float: none;
        margin-bottom: .3rem;
        height: auto;
    }
    .details>div>img{
        width: 100%;
        height: auto;
    }
    .details .text{
        width: 100%;
        padding: .3rem;
        height: auto;
    }
    .details .text>p{
        font-size: .3rem;
        line-height: .5rem;
        margin: 0 0 .3rem;
    }
    .details .text li{
        height: .6rem;
        margin-bottom: .2rem;
    }
    .details .text li p{
        font-size: .3rem;
        line-height: .6rem;
        width: calc(100% - 1.6rem);   
    }
    .details .text li p a{
        display: block;
        width: 100%;
        overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    }
    .details .text li span{
        font-size: .28rem;
        line-height: .6rem;
    }
    .details .center{
        margin: 0 0 .3rem;
    }
    .details .text li img{
        height: .4rem;
        width: .4rem;
        margin-top: .1rem;
    }

    .details .text div{
        width: 2.4rem;
        height: .8rem;
        position: static;
        margin: .5rem auto 0;
        font-size: .26rem;
        line-height: .8rem;
    }
    .member{
        background-size: cover;
        height: auto;
        padding: .6rem 0 .8rem;
    }
    .member>div>div{
        float: none;
        width: 100%;
    }
    .member p{
        margin: 0 0 .3rem;
        font-size: .36rem;
        line-height: .56rem;
    }
    .member li{
        margin-bottom: .2rem;
    }
    .member li div{
        width: 2.2rem;
        height: .8rem;
        line-height: .8rem;
        font-size: .28rem;
        padding-left: .3rem;
    }
    .member li span{
        font-size: .26rem;
        line-height: .8rem;
        margin-left: .3rem;
    }
    .member img{
        display: block;
        width: 100%;
        height: auto;
        position: static;
    }

}