@media screen and (max-width: 1200px) {
    .headerbg .bg_rigth {
        width: 50%;
        padding-top: .2667rem;
    }
    .project-7 .main li {
        width: 14%;
    }
    .project-3 {
        background-size: 1000px 69%;
    }
    .project-4 {
        background-size: 1000px 69%;
    }
    .project-4 .main .txt2 {
        width: 515px;
        font-size: 20px;
    }
    .project-4 .main .txt {
        margin-left: 0;
    }
    .project-4 .main .txt2 li span {
        font-size: 12px;
    }
}

@media screen and (max-width: 1000px) {
    .headerbg {
        /* height: 10rem; */
        height: auto;
        padding: .4rem 0;
    }
    .headerbg .bg_left {
        /* margin-top: 7.7rem; */
        margin-top: 0;
        width: 100%;
        height: auto;
        text-align: center;
    }
    .headerbg .bg_left p {
        height: auto;
        line-height: normal;
        padding: .1rem .15rem;
        letter-spacing: .04rem;
        border-radius: .4rem;
        font-size: .61rem;
        line-height: 1.2rem;
    }
    .headerbg .bg_left p em {
        font-size: .9rem;
    }
    .headerbg .bg_rigth {
        position: static;
        margin: 0 auto;
        width: 100%;
    }
    .tt {
        margin: 0 0 0.233333rem;
        font-size: 0.666667rem;
    }
    .tt span {
        font-size: 0.386667rem;
        padding: 0.4rem 0;
        margin-top: 0.066667rem;
        line-height: 0.8rem;
        background-size: 4rem auto;
    }
    .headerbg .bg_left h1 {
        line-height: 1.3rem;
        font-size: .9667rem;
    }
    .project-7 {
        width: 100%;
        padding: 0.5rem 0.133333rem 0.2rem;
    }
    .project-7 .tt {
        margin: 0;
    }
    .project-7 .tt span::after {
        content: '左右滑动查看全部';
        display: block;
        margin: 0 auto;
        color: red;
        font-size: .35rem;
    }
    .project-7 .webdiv {
        overflow: scroll;
        overflow-y: hidden;
    }
    .project-7 .main ul.layui-clear {
        display: flex;
        justify-content: space-around;
        width: 200%;
        padding: .0133rem;
    }
    .project-7 .main ul li {
        width: 15%;
        margin-left: -0.013333rem;
        font-size: 0.3rem;
        border-radius: .2667rem;
        border: .0133rem solid #ccc;
    }
    .project-7 .main ul li .tit {
        padding: 0.266667rem 0;
        line-height: 0.4rem;
    }
    .project-7 .main ul li span {
        line-height: 4.666667rem;
    }
    .project-7 .main ul li p {
        line-height: 1.3rem;
    }
    .project-7 .main ul li:nth-child(1) .tit {
        line-height: 1.3rem;
    }
    .project-7 .main .txt {
        margin-top: 0.4rem;
        font-size: 0.43rem;
    }
    .project-7 .main .txt p {
        margin: .1333rem 0;
    }
    .project-7 .main .txt p b {
        font-size: 0.433333rem;
    }
    .project-2 {
        width: 100%;
        height: 11rem;
        padding: 0.4rem 0.133333rem;
        background-size: 100%;
        background-position-y: 2.5rem;
    }
    .project-2 .main {
        width: 100%;
        margin-top: 1.7rem;
    }
    .project-2 .main .tit {
        width: 90%;
        height: 0.666667rem;
        margin: 0 auto;
        padding-top: 0.066667rem;
    }
    .project-2 .main .tit h3 {
        font-size: 0.306667rem;
    }
    .project-2 .main .tit h3.fl {
        float: left;
        margin-left: 0;
    }
    .project-2 .main .tit h3.fr {
        float: right;
        margin-left: 0;
    }
    .project-2 .main ul.list {
        margin-top: 0;
    }
    .project-2 .main ul.list li {
        width: 50%;
        height: 2.6rem;
    }
    .project-2 .main ul.list li span {
        font-size: 0.453333rem;
    }
    .project-2 .main ul.list li:nth-child(odd) span {
        font-size: 0.453333rem;
        margin-left: 1.466667rem;
    }
    .project-2 .main ul.list li:nth-child(odd) p {
        font-size: 0.5rem;
        margin: 0.5rem 0 0 2.066667rem;
    }
    .project-2 .main ul.list li:nth-child(even) span {
        margin-right: 2rem;
    }
    .project-2 .main ul.list li:nth-child(even) p {
        font-size: 0.5rem;
        margin: 0.5rem 0.7rem 0 0;
    }
    .project-2 .main ul.list li:nth-child(4) span {
        margin-right: 1.2rem;
    }
    .project-2 .main ul.list li:nth-child(4) p {
        font-size: 0.5rem;
        margin: 0.5rem 1.2rem 0 0;
    }
    .project-3 {
        width: 100%;
        height: auto;
        padding: 0.4rem 0.133333rem 0.2rem;
        background: none;
    }
    .project-3 .tt span::after {
        content: '左右滑动查看全部';
        display: block;
        margin: 0 auto;
        color: red;
        font-size: .35rem;
    }
    .project-3 .p3 {
        overflow: scroll;
        overflow-y: hidden;
        padding: 0 .1333rem;
    }
    .project-3 .pr3-bg {
        width: 200%;
        height: auto;
        background: url(/liujia_images/project-3-bg.png) no-repeat top center;
        background-size: 100% auto;
        /* padding: .5rem 0; */
    }
    .project-3 .main .tit {
        font-size: .4267rem;
        margin: -.1rem 0 .5rem;
    }
    .project-3 .main li {
        margin: 0 1.2667rem .2033rem;
        line-height: .6rem;
    }
    .project-3 .main li span {
        font-size: .3733rem;
    }
    .project-3 .main .fl li p {
        font-size: .3467rem;
        font-weight: 400;
    }
    .project-3 .main .fr li p {
        font-size: .3467rem;
        font-weight: 400;
    }
    .project-3 .main li:nth-child(2) {
        margin: 0 1.2667rem 0;
    }
    .project-3 .main li:nth-child(3) {
        margin: 0 1.2667rem 0;
    }
    .project-3 .main li:nth-child(4) {
        margin: 0 1.2667rem .12rem;
    }
    .project-3 .main li:nth-child(5) {
        margin: 0 1.2667rem 0;
    }
    .project-3 .main li:nth-child(6) {
        margin: 0 1.2667rem .1rem;
    }
    .project-3 .main .fr li:nth-child(5) {
        margin: 0 1.2667rem 0;
    }
    .project-3 .main .fr li:nth-child(6) {
        margin: 0 1.2667rem 0;
    }
    .project-4 {
        overflow: hidden;
        width: 100%;
        height: auto;
        padding: 0.4rem 0.133333rem 0.2rem;
        background: none;
    }
    .project-4 .main {
        overflow: hidden;
        background: url(/liujia_images/project-4-bg.png) no-repeat bottom center;
        background-position: bottom right;
        background-size: 155% 100%;
    }
    .project-4 .main .txt {
        width: 35%;
        margin-left: 0;
        margin-top: .3rem;
    }
    .project-4 .main .txt i {
        font-size: .4067rem;
        font-weight: 400;
        margin-top: 0;
    }
    .project-4 .main .txt p {
        font-size: .4067rem;
        padding: .3667rem 0 .1333rem;
    }
    .project-4 .main .txt h3 {
        font-size: .5333rem;
        font-weight: 400;
    }
    .project-4 .main .txt2 {
        width: 50%;
        margin-top: 0;
        font-size: .4rem;
    }
    .project-4 .main .txt2 li span {
        /* display: none; */
        font-size: .25rem;
    }
    .project-4 .main .txt2 li {
        height: .7rem;
        line-height: .4rem;
        padding: .55rem 0;
        margin: 0 0 0 .9rem;
    }
    .project-4 .main .txt2 li:nth-child(2) {
        margin: 0;
    }
    .project-4 .main .txt2 li:nth-child(3) {
        margin: 0 0 0 -1.5rem;
    }
    .project-4 .main .txt2 li:nth-child(4) {
        margin: 0 0 0 -2.8rem;
    }
    .project-5 {
        height: 12.5rem;
    }
    .project-5 .tt {
        padding: 0.4rem 0 0;
    }
    .project-5 .main {
        margin-top: 0.8rem;
        margin: 0;
    }
    .project-5 .main ul {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .project-5 .main ul li {
        width: 40%;
        height: auto;
        margin-right: 0rem;
        margin-top: 0.133333rem;
        padding: 0.266667rem 0;
    }
    .project-5 .main ul li h3 {
        font-size: 0.453333rem;
    }
    .project-5 .main ul li .img {
        width: 40%;
        height: auto;
        margin: 0.266667rem auto;
        text-align: center;
    }
    .project-5 .main ul li .img img {
        width: 100%;
    }
    .xmys {
        width: 100%;
        height: auto;
        padding: 0;
    }
    .project-6 {
        overflow: hidden;
        height: auto;
        padding: 0.266667rem 0.133333rem;
    }
    .project-6 .txt {
        font-size: 0.4rem;
    }
    .project-6 .txt b {
        font-size: 0.533333rem;
    }
}


/* @media screen and (max-width: 533px) {
    .project-7 {
        margin-top: -1.6rem;
    }
    .project-7 .main ul li:nth-child(1) .tit {
        padding: 0.266667rem 0;
        line-height: 0.4rem;
    }
    .project-2 {
        height: 10rem;
        background-position-y: 4rem;
    }
    .project-2 .main {
        position: relative;
        margin-top: 2rem;
    }
    .project-2 .main .tit {
        position: absolute;
        top: -2.2rem;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
        text-align: center;
    }
    .project-2 .main .tit h3 {
        font-size: 0.35rem;
        text-align: center;
    }
    .project-2 .main .tit h3.fl {
        float: none;
    }
    .project-2 .main .tit h3.fr {
        float: none;
    }
    .project-2 .main ul.list li:nth-child(1) span {
        display: block;
        margin-top: 1rem;
        margin-left: 1rem;
    }
    .project-2 .main ul.list li:nth-child(1) p {
        margin: 0.2rem 0 0 1.566667rem;
    }
    .project-2 .main ul.list li:nth-child(2) span {
        display: block;
        margin-top: 1rem;
        margin-right: 1rem;
    }
    .project-2 .main ul.list li:nth-child(2) p {
        margin: 0.2rem 0 0 1.566667rem;
    }
    .project-2 .main ul.list li:nth-child(3) span {
        display: block;
        margin-top: 0.3rem;
        margin-left: 1rem;
    }
    .project-2 .main ul.list li:nth-child(3) p {
        margin: 0.2rem 0 0 1.566667rem;
    }
    .project-2 .main ul.list li:nth-child(4) span {
        display: block;
        margin-top: 0.3rem;
        margin-right: 0.3rem;
    }
    .project-2 .main ul.list li:nth-child(4) p {
        margin: 0.2rem 0.53333rem 0 0;
    }
    .project-3 {
        height: 17.5rem;
    }
    .project-3 .main>div {
        width: 100% !important;
    }
    .project-3 .main .fl {
        float: none;
    }
    .project-3 .main .fr {
        display: none;
        float: none;
        margin-top: 0.266667rem;
    }
    .project-4 {
        height: 17rem;
        background-size: 380%;
    }
    .project-4 .main .txt2 li {
        margin-left: 1.5rem;
        margin-top: 0.25rem;
    }
    .project-4 .main .txt2 li:nth-child(2) {
        margin-left: 1.5rem;
        margin-top: 2rem;
    }
    .project-4 .main .txt2 li:nth-child(3) {
        margin-left: 1.5rem;
        margin-top: 2.2rem;
    }
    .project-4 .main .txt2 li:nth-child(4) {
        margin-left: 1.5rem;
        margin-top: 2rem;
    }
    .project-5 {
        height: 11.5rem;
    }
}

@media screen and (max-width: 400px) {
    .project-3 {
        height: 18rem;
    }
    .project-4 {
        height: 17.5rem;
    }
    .project-4 .main .txt2 li {
        margin-top: 0.8rem;
        margin-left: 0.5rem;
    }
    .project-4 .main .txt2 li:nth-child(2) {
        margin-top: 2rem;
        margin-left: 0.5rem;
    }
    .project-4 .main .txt2 li:nth-child(3) {
        margin-top: 2rem;
        margin-left: 0.5rem;
    }
    .project-4 .main .txt2 li:nth-child(4) {
        margin-top: 2rem;
        margin-left: 0.5rem;
    }
}

@media screen and (max-width: 320px) {
    .project-7 .main ul {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .project-7 .main ul li {
        width: 24%;
    }
    .project-7 .main ul li .tit {
        height: 2rem;
    }
    .project-3 {
        height: 20rem;
    }
    .project-4 {
        height: 17rem;
        background-size: inherit;
    }
    .project-4 .main .txt2 li {
        margin-left: 1rem;
        margin-top: 0.3rem;
    }
    .project-4 .main .txt2 li:nth-child(2) {
        margin-top: 2.1rem;
        margin-left: 1rem;
    }
    .project-4 .main .txt2 li:nth-child(3) {
        margin-top: 2.1rem;
        margin-left: 1rem;
    }
    .project-4 .main .txt2 li:nth-child(4) {
        margin-top: 1.7rem;
        margin-left: 1rem;
    }
} */