@charset "utf-8";
@media (max-width: 768px) {
    .mt-px20 {
        margin-top: 10px;
    }

	/* banner */
	.banner .ban-a > div > h2 {
		font-size: 24px;
        margin-top: -10px;
	}
	.banner .ban-a > div > p {
		display: none;
	}
	.banner .ban-a > div > p.font-s30 {
        width: 80%;
		display: block;
        font-size: 16px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: -5px;
	}
	.banner .ban-a > div > p.font-s30 strong {
        font-weight: normal;
    }

    /* 困境 */
    .difficulty-list {
		width: 100%;
		flex-wrap: wrap;
		margin-top: 0;
		padding-right: 3%;
	}
	.difficulty-list > li {
		flex: 1 1 44%;
		margin: 15px 0 0 3%;
	}
	.difficulty-list > li > p {
		height: auto;
		padding: 0 10px;
		text-align: justify;
	}
	.difficulty-list > li > div > img {
		width: 100%;
	}

    /* 必要性 */
    .necessity > li:first-child {
        width: 70px;
        height: 70px;
        margin-top: -55px;
        margin-left: -35px;
    }
    .necessity > li:first-child h4 {
        line-height: 70px;
    }
    .necessity > li:not(:first-child) {
        width: 44%;
        height: auto;
        display: block;
        margin-left: 4%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .necessity > li:nth-child(2), .necessity > li:nth-child(3) {
        height: 300px;
    }
    .necessity > li:nth-child(4), .necessity > li:nth-child(5) {
        height: 340px;
    }
    .necessity > li.mt-px40 {
        margin-top: 10px;
    }
    .necessity > li:not(:first-child) > img {
        width: 100px;
        display: block;
        float: none;
        margin: 5px auto 0;
    }
    .necessity > li:not(:first-child) > div {
        margin: 0 !important;
    }
    .necessity > li:not(:first-child) > div > h4 {
        text-align: center;
        font-size: 16px;
        margin-top: 0;
    }

    /* 构建 */
    .construct-list {
        flex-wrap: wrap;
    }
    .construct-list > li {
        width: 100% !important;
        min-height: auto !important;
        padding-bottom: 30px;
        margin: 0 15px 15px !important;
    }
    .construct-list > li::after {
        content: "";
        width: 40px;
        height: 53px;
        position: absolute;
        left: 50%;
        margin-left: -20px;
        bottom: -35px;
        z-index: 3;
        background: url(/wp-content/uploads/images/ops/ops-ico6.png) no-repeat center center;
        background-size: 40px 53px;
    }
    .construct-list > li > img {
        display: none;
    }
    .construct-list > li > h4 {
        font-size: 20px;
        line-height: 60px;
    }
    .construct-list > li > ul br {
        display: none;
    }
    .construct-list > li:not(:first-child) > ul strong, .construct-list.mt-px30 > li:first-child > ul strong {
        margin-right: 10px;
    }
    .construct-list.dis-none {
        display: flex;
    }
    .construct-list.dis-none > li:last-child::after {
        display: none;
    }
    
	/* 功能介绍 */
	.swiper-box .swiper-button-next,.swiper-box .swiper-button-prev {
		display: none;
	}
	.gallery-thumbs {
		width: 100%;
		height: 65px;
	}
	.gallery-thumbs .swiper-slide span {
		width: 25px;
		height: 25px;
		margin-top: 10px;
	}
	.gallery-thumbs .swiper-slide p {
		font-size: 12px;
		margin-top: -2px;
	}
	.gallery-thumbs .swiper-slide span img {
		width: 25px;
	}
	.gallery-thumbs .swiper-slide-thumb-active span img {
		margin-top: -25px;
	}
	.gallery-main,.gallery-main .swiper-slide {
		height: 470px;
	}
	.gallery-main .swiper-slide .browser {
		width: 95%;
	}
	.gallery-main .swiper-slide .browser > p:nth-child(2) {
		min-height: 110px;
		font-size: 12px;
	}
	.gallery-main .swiper-slide .browser div.browser-box {
		height: auto;
        padding-bottom: 10px;
	}
	.gallery-main .swiper-slide .browser div.browser-box > div:first-child img, .knack > div:last-child > div:first-child img {
		width: 34px;
		margin: 15px 0 0 15px;
	}
	.gallery-main .swiper-slide .browser div.browser-box > div:nth-child(2) img, .knack > div:last-child > div:nth-child(2) img {
		width: 95%;		
	}
	.gallery-main .swiper-slide .browser div.browser-box-bj1,.gallery-main .swiper-slide .browser div.browser-box-bj2 {
		display: none;
	}

    /* 场景 */
    .scene > li > h4 {
        font-size: 16px;
        margin-top: 10px;
    }
    .scene > li > div {
        padding: 0 10px;
    }
    .scene > li > div > p {
        font-size: 14px;
        margin: 0;
    }
    .scene > li > div > p br {
        display: none;
    }
    .scene > li > div > img {
        display: none;
    }
}