.zj-nav {
    overflow: hidden;
    background: #fff;
}

.banner {
    position: relative;
}

.shadow {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg,
            rgb(9, 22, 58, 0.8) 0%,
            rgb(10, 17, 55, 0.1) 100%);
    opacity: 0.1;
}

.banner .list-img {
    width: 100%;
}

.banner_text {
    width: 74%;
    position: absolute;
    bottom: 0.8rem;
    left: 13%;
}

.banner_text h4 {
    font-size: 0.7rem;
    line-height: 0.8rem;
    letter-spacing: 0.1rem;
    font-weight: 600;
    line-height: 1.6rem;
    border-bottom: 1px solid #fff;
    color: #ffffff;
}

.banner_text p {
    display: flex;
    align-items: center;
    font-size: 0.2rem;
    letter-spacing: 0rem;
    color: #ffffff;
    margin-top: 0.4rem;
}

.banner_text p a {
    font-size: 0.2rem;
    letter-spacing: 0rem;
    color: #ffffff;
    margin: 0.1rem;
}

.banner_text p a:firet-child {
    margin-left: 0.15rem;
}

.banner_text img {
    width: 0.3rem;
}

.container {
    position: relative;
    overflow: hidden;
    margin-top: 1.56rem;
}

.floor1,
.floor2,
.floor3,
.floor4 {
    width: 74%;
    margin: 0 auto;
    margin-top: 0.9rem;
    font-size: 0.22rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.left,
.right {
    width: 50%;
}

.floor2 .right,
.floor4 .right {
    text-align: right;
}

.icon {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background-image: linear-gradient(0deg,
            #daac7a 0%,
            #e2d0b6 100%),
        linear-gradient(#cc9158,
            #cc9158);
    overflow: hidden;
}

.floor2 .icon,
.floor4 .icon {
    margin-left: calc(100% - 0.8rem);
}

.floor4 .tabs {
    display: flex;
    justify-content: flex-end;
}

.floor4 .tabs .item {
    /* text-align: right; */
    /* margin-right: 20px; */
    color: #333333;
    font-size: 0.2rem;
    font-weight: 600;
    margin-top: 0.5rem;
    margin-left: 20px;
}

.shadow_bg .floor4 .tabs .itemact {
    color: #cc9158;
}

.title {
    font-size: 0.4rem;
    line-height: 0.8rem;
    letter-spacing: 0rem;
    color: #cc9158;
    margin-top: 0.2rem;
}

.text {
    font-size: 0.2rem;
    line-height: 0.5rem;
    letter-spacing: 0rem;
    color: #666666;
    margin-top: 0.6rem;
}

.text a {
    font-size: 0.2rem;
}

.text a:hover {
    color: #cc9158;
}

.icon img {
    display: block;
    margin: 0.2rem;
    width: 0.4rem;
    height: 0.4rem;
}

.imgwarp {
    float: right;
    width: 80%;
    padding: 0.2rem;
    background-color: #cc9158;
    border-radius: 0.2rem;
}

.floor2 .imgwarp,
.floor4 .imgwarp {
    float: left;
}

.imgwarp img {
    width: calc(100%   0.8rem);
    transform: translatex(-0.8rem);
}

.floor2 .imgwarp img,
.floor4 .imgwarp img {
    transform: translatex(0);
}

.shadow_bg {
    width: 100%;
    background-color: #edf1f4;
    overflow: hidden;
    margin-top: 0.9rem;
    padding-bottom: 0.9rem;
    margin-bottom: 1.9rem;
}

.floor2 .tabs {
    display: flex;
    justify-content: flex-end;
}

.floor3 .tabs {
    display: flex;
    justify-content: start;
}

.floor2 .tabs .item {
    margin-left: 20px;
    color: #333333;
    font-size: 0.2rem;
    font-weight: 600;
    margin-top: 0.5rem;
    cursor: pointer;
}

.floor2 .text {
    margin-top: 0.4rem;
}

.floor3 .tabs .item {
    margin-right: 20px;
    color: #333333;
    font-size: 0.2rem;
    font-weight: 600;
    margin-top: 0.5rem;
}

.shadow_bg .floor3 .tabs .itemact {
    color: #cc9158;
}

.floor3 .text {
    margin-top: 0.4rem;
}

@media screen and (max-width: 1200px) {
	.container{
        margin-top:0;
    }
	
	.banner_text {
        bottom: 1.2rem;
        left: 8%;
    }

    .banner_text h4 {
        font-size: 42px;
    }

	.floor1, 
	.floor2, 
	.floor3, 
	.floor4{
		width:96%;
	}

	.title{
		font-size:20px;
	}
	
	.tabs .item{
		font-size:18px !important;
	}
	
	.text,
	.text a{
		font-size:16px;
		word-break: keep-all;
	}
	
	.shadow_bg{
		margin-bottom:0px;
	}
}

@media only screen and (max-width: 768px) {
	.floor1,
	.floor3{
		flex-direction: column-reverse;	
	}
    .left,
    .right {
        width: 100%;
        margin-top: 0.6rem;
    }
	
	.imgwarp{
		float: none;
		width: 100%;
		padding: 0;
		background-color: rgb(255 255 255 / 0);
		border-radius: 0;
	}
	
	.imgwarp img {
		width: 100%;
		transform: translatex(0rem);
	}
	
	.icon {
		width: 50px;
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
    }

    .icon img {
        width: 20px;
        height: 20px;
        margin:0;
    }
	
	.floor2 .icon, .floor4 .icon {
		margin-left: calc(100% - 50px);
	}
	
    .left .text,
    .right .text {
        font-size: 0.4rem;
        line-height: 0.6rem;
    }
}

@media only screen and (max-width: 500px) {	
	.banner_text h4 {
		font-size: 24px;
	}
	
	.icon{
		width:35px;
		height:35px;
	}
	
	.icon img{
		width:15px;
		height:15px;
	}
	
	.title{
		line-height:1.5;
		margin-top:0.5rem;
	}
	
	.text, .text a{
		font-size:14px;
		line-height: 1.5;
	}
}