@media screen and (max-width: 1200px) {
    .header .header-nav .nav>li {
        margin-left: 50px;
    }
    .strength {
        margin: 0 2.5%;
    }
    .strength .strength-content .content-top>div .content-wrap {
        width: 80%;
    }
    .strength .strength-content .content-bottom>div .content-wrap {
        width: 80%;
    }
    .banner-1 .bannner-1-flex {
        width: 80%
    }
    .ecology-content .ecology-content-wrap .wrap-content .wrap-content-in {
        width: 80%;
    }
    .ecology-content .ecology-content-wrap .wrap-content p {
        margin-top: 28px;
    }
    .audience-content .content-1 .content-1-wrap {
        width: 90%
    }
    .audience-content .content-1 .content-1-wrap .content-right {
        margin-top: 8%;
    }
    .analysis-1 .analysis-1-wrap {
        width: 88%;
    }
    .analysis-1 .analysis-1-wrap>div {
        height: 340px;
    }
    .analysis-2-wrap {
        width: 88%;
    }
    .put-content .content-2 .content-wrap .content-left {
        margin: 5% auto;
    }
    .put-content .content-3 .content-wrap .content-right img {
        margin-top: 10%;
    }
    .cases-1 .cases-wrap {
        /* padding: 0 5px; */
        width: 100%;
        padding: 0;
    }
    .cases .cases-item {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .bannner-position-wrap {
        width: 66%;
    }
    .brand-strength {
        margin: 0 2.5%;
    }
    .brand-strength .strength-content .content-top>div .strength-content-wrap {
        width: 200px;
    }
    .brand-strength .strength-content .content-bottom>div .strength-content-wrap {
        width: 200px;
    }
    .tags .tags-item {
        font-size: 12px;
    }
    .data-area .data-item .title {
        font-size: 12px;
    }
    .data-area .data-item .status .number {
        font-size: 28px
    }
    .cases-item-desc .title-area .subtitle {
        font-size: 15px;
    }
    .cases-item-desc .logo {
        width: 36px;
        height: 36px;
    }
    .bannner-position-wrap .bannner-position-content>div .img-wrap img {
        margin-top: 10px;
    }
    .case {
        height: 600px;
    }
}


/* @media screen and (min-width:1100px) and (max-width: 1200px) {
	.cases-1 .cases-wrap {
		padding: 0 5px;
		width: 1100px;
}
.cases .cases-item {
		width: 320px;
		margin-right: 10px;
		margin-bottom: 10px;
}
} */

@media screen and (min-width:1200px) and (max-width: 1300px) {
    .case-item .cont-wrap {
        margin-top: 16px;
    }
    .case-item .cont-wrap .cont h2 {
        margin-top: 10px;
    }
    .case-item .cont-wrap .cont h6 {
        margin-top: 10px
    }
    .case-item .cont-wrap .char-show {
        margin-top: 10px
    }
    .case-item .cont-wrap .consult {
        margin-top: 20px;
    }
    .analysis-1 .analysis-1-wrap {
        width: 80%;
    }
    .analysis-1 .analysis-1-wrap>div {
        height: 360px;
    }
    .analysis-2-wrap {
        width: 80%;
    }
    .put-content .content-3 .content-wrap .content-right img {
        margin-top: 8%;
    }
    .cases-1 .cases-wrap {
        padding: 0 15px;
        width: 1160px;
    }
    .cases .cases-item {
        width: 360px;
        margin-right: 16px;
        margin-bottom: 16px;
    }
    .brand-strength {
        margin: 0 5%;
    }
    .brand-strength .strength-content .content-top>div .strength-content-wrap {
        width: 190px;
    }
    .brand-strength .strength-content .content-bottom>div .strength-content-wrap {
        width: 190px;
    }
    .bannner-position-wrap .bannner-position-content>div .img-wrap img {
        margin-top: 10px;
    }
    .case {
        height: 650px;
    }
}

@media screen and (min-width:1300px) and (max-width: 1400px) {
    .case-item .cont-wrap {
        margin-top: 28px;
    }
    .case-item .cont-wrap .cont h2 {
        margin-top: 18px;
    }
    .case-item .cont-wrap .cont h6 {
        margin-top: 18px
    }
    .case-item .cont-wrap .char-show {
        margin-top: 18px
    }
    .case-item .cont-wrap .consult {
        margin-top: 32px;
    }
    .analysis-1 .analysis-1-wrap {
        width: 80%;
    }
    .analysis-1 .analysis-1-wrap>div {
        height: 360px;
    }
    .analysis-2-wrap {
        width: 68%;
    }
    .put-content .content-3 .content-wrap .content-right img {
        margin-top: 6%;
    }
    .cases-1 .cases-wrap {
        padding: 0 15px;
        width: 1234px;
    }
    .cases .cases-item {
        width: 378px;
        margin-right: 32px;
        margin-bottom: 32px;
    }
    .brand-strength {
        margin: 0 8%;
    }
    .brand-strength .strength-content .content-top>div .strength-content-wrap {
        width: 180px;
    }
    .brand-strength .strength-content .content-bottom>div .strength-content-wrap {
        width: 180px;
    }
    .bannner-position-wrap .bannner-position-content>div .img-wrap img {
        margin-top: 10px;
    }
    .case {
        height: 700px;
    }
}

@media screen and (max-width: 1200px) {
    .case-item .cont-wrap {
        margin-top: 10px;
    }
    .case-item .cont-wrap .cont h2 {
        margin-top: 8px;
    }
    .case-item .cont-wrap .cont h6 {
        margin-top: 6px
    }
    .case-item .cont-wrap .char-show {
        margin-top: 8px
    }
    .case-item .cont-wrap .consult {
        margin-top: 16px;
    }
}

@media (min-width: 992px) {
    .header-nav {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .header-nav {
        width: 1080px;
    }
    .strength .strength-content .content-top>div .content-wrap {
        width: 80%;
    }
    .strength .strength-content .content-bottom>div .content-wrap {
        width: 80%;
    }
}

@media (min-width: 1400px) {
    .header-nav {
        width: 1300px;
    }
    .strength .strength-content .content-top>div .content-wrap {
        width: 60%;
    }
    .strength .strength-content .content-bottom>div .content-wrap {
        width: 60%;
    }
    .analysis-1 .analysis-1-wrap {
        width: 80%;
    }
    /* .brand-strength .strength-content .content-bottom>div .strength-content-wrap {
        height: 190px;
    } */
    .brand-strength {
        margin: 0 10%;
    }
    .bannner-position-wrap .bannner-position-content>div .img-wrap img {
        margin-top: 10px;
    }
    .case {
        height: 800px;
    }
}

@media (min-width: 1600px) {
    .analysis-1 .analysis-1-wrap {
        width: 60%;
    }
    .bannner-position-wrap .bannner-position-content>div .img-wrap img {
        margin-top: 0px;
    }
    .case {
        height: 900px;
    }
}