*{
    margin: 0;
    padding: 0;
}
.zhu {
    background-color: #dfe1e273;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
.history {
    background-image: url(../images/home.png);
    background-repeat: no-repeat;
    background-size: 2.7%;
    background-position: 6% center;
    height: 88px;
    width: 100%;
    background-color: black;
    display: flex;
    color: white;
    font-size: 20px;
    line-height: 20px;
    align-items: center;
}
.history a {
    text-decoration: none;
	color: #ffffff;
    margin-left: 11%;
}
.history img {
    height: 57%;
}
/* 案例 */
.show {
    display: flex;
    flex-direction: column;
}
.show div{
    width: 96vw;
    height: 56.25vw;
}
.show div:nth-child(1){
    background-image: url(../images/318/318-show-1.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}
.show div:nth-child(2){
    background-image: url(../images/318/318-show-2.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}
.show div:nth-child(3){
    background-image: url(../images/318/318-show-3.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}
.show div:nth-child(4){
    background-image: url(../images/318/318-show-4.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

/* 底部 */
.under {
	width: 100%;
	background-color: #c6c8c7;
	height: 13.625vw;
	margin-top: 2vw;
	background-image: url(../images/logo.png);
	background-size: 7.5vw;
	background-repeat: no-repeat;
	background-position: 6.25vw 1.875vw;
	overflow: hidden;
}
.under-right{
	/* margin-left: 60vw; */
	margin-top: 2.6%;
	font-size: 1.09375vw;
	text-align: right;
	padding-right: 8.75vw;
	line-height: 1.5625vw;
    color: #828383;
}
.under-right span{
	font-size: 1.25vw;
	font-weight: bold;
}
.under-right p:first-child{
	margin-bottom: 2.5vw;
}

@media only screen and (max-width:480px) {
    .history {
        height: 48px;
        font-size: 18px;
        background-size: 7%;
    }
    .history a {
        margin-left: 14%;
    }
    /* 案例 */
    .show div{
        width: 100vw;
        height: 132vw;
    }
    .show div:nth-child(1){
        background-image: url(../images/318/phone-1.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .show div:nth-child(2){
        background-image: url(../images/318/phone-2.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .show div:nth-child(3){
        background-image: url(../images/318/phone-3.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .show div:nth-child(4){
        background-image: url(../images/318/phone-4.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
    }
    /* 底部 */
    .under {
		height: 27vw;
		background-size: 15vw;
		background-position: 6.25vw 6vw;
		padding-left: 20vw;
		box-sizing: border-box;
	}
	.under-right{
        margin-top: 3vw;
        line-height: 3vw;
        margin-left: 0;
    }
    .under-right p{
        font-size: 10px;
		line-height: 16px;
    }
	.under-right p:first-child {
		margin-top: 2.5vw;
		margin-bottom: 5vw;
	}
    .under-right span {
        font-size: 14px;
        line-height: 2vw;
    }
}