body {
	overflow-x: hidden
}

.banner {
	position: relative;
	overflow: hidden
}

.banner .banner-img-wrap {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../img/banner-88.png) no-repeat;
    background-size: cover;
	/* background-size: 100% auto;
	background-attachment: fixed */
}

.banner .banner-img-wrap::after {
	content: " ";
	background-image: linear-gradient(135deg, #01152B 14%, rgba(0,140,172,0) 100%);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2
}

.banner .banner-tit {
	display: flex;
	align-items: start;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 3;
	width: 100%
}

@media (max-width: 755px) {
	.banner .banner-tit {
		padding-left: 17.21854vw;
		padding-right: 17.21854vw;
		padding-bottom: 11.92053vw;
		min-height: 96.68874vw
	}
}

@media (min-width: 756px) {
	.banner .banner-tit {
		padding-left: 6.5vw;
		padding-right: 6.5vw;
		padding-bottom: 4.5vw;
		min-height: 36.5vw
	}
}

.banner .banner-tit .tit-btm {
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.banner .banner-tit .tit-btm .banner_info_2,.banner .banner-tit .tit-btm .banner_info_1 {
	display: flex;
	font-weight: 800;
	letter-spacing: -.8px;
	text-shadow: .1vw .2vw .3vw rgba(0,0,0,0.4);
	text-align: left;
	line-height: 1em
}

@media (max-width: 755px) {
	.banner .banner-tit .tit-btm .banner_info_2 .banner .banner-tit .tit-btm,.banner .banner-tit .tit-btm .banner_info_1 .banner .banner-tit .tit-btm {
		padding-top: 0;
		align-items: center;
		width: 100%
	}

	.banner .banner-tit .tit-btm .banner_info_2 .banner .banner-tit .tit-btm .banner_info_2,.banner .banner-tit .tit-btm .banner_info_2 .banner .banner-tit .tit-btm .banner_info_1,.banner .banner-tit .tit-btm .banner_info_1 .banner .banner-tit .tit-btm .banner_info_2,.banner .banner-tit .tit-btm .banner_info_1 .banner .banner-tit .tit-btm .banner_info_1 {
		font-size: 9.53642vw !important
	}
}

.banner .banner-tit .tit-btm .banner_info_2 {
	color: #ffffff;
	font-size: 4.65vw
}

.banner .banner-tit .tit-btm .banner_info_1 {
	color: #55943c;
	font-size: 6.15vw;
	word-spacing: 0
}

.banner .banner-tit .banner_info_text {
	text-align: center;
	font-weight: 400;
	margin-top: .5vw;
	color: #ffffff
}

@media (max-width: 755px) {
	.banner .banner-tit .banner_info_text {
		font-size: 4.76821vw;
		line-height: 7.15232vw
	}
}

@media (min-width: 756px) {
	.banner .banner-tit .banner_info_text {
		font-size: 1.8vw;
		line-height: 2.7vw
	}
}

.goods-menu-list {
	padding: 2.5vw 9.5vw 0;
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	gap: 3.6vw
}

.goods-menu-list .menu-download-item {
	margin-bottom: 3vw;
	display: flex;
	flex-direction: column
}

.goods-menu-list .menu-download-item .menu-img-wrap {
	width: 17.5vw;
	height: 24.5vw;
	perspective: 30vw;
	transform-style: preserve-3d;
	transform-origin: 30%;
	position: relative;
	box-shadow: .6vw .6vw .4vw rgba(0,0,0,0.1);
	transition: box-shadow 0.18s linear,
 transform 0.18s linear
}

.goods-menu-list .menu-download-item .menu-img-wrap .mc-1,.goods-menu-list .menu-download-item .menu-img-wrap .mc-2,.goods-menu-list .menu-download-item .menu-img-wrap .menu-img-item-wrap,.goods-menu-list .menu-download-item .menu-img-wrap .menu-img {
	transform-origin: left;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	box-shadow: .1vw 0 .2vw rgba(0,0,0,0.2);
	background-color: #fff;
	transition: box-shadow 0.18s linear,
 transform 0.18s linear;
	border: .05vw solid #eee
}

.goods-menu-list .menu-download-item .menu-img-wrap .menu-img-item-wrap {
	position: relative;
	overflow: hidden
}

.goods-menu-list .menu-download-item .menu-img-wrap .menu-img-footer {
	max-height: 0;
	position: absolute;
	bottom: 0;
	left: -5%;
	width: 110%;
	font-size: 0.8vw;
	background-color: rgba(255,255,255,0.9);
	text-align: center;
	line-height:1em;
	transition-delay: 0.2s !important;
	transition: max-height 0.2s;
	transform-origin: left;
	overflow: hidden
}

.goods-menu-list .menu-download-item .menu-img-wrap:hover {
	transform: rotateY(-18deg) rotateZ(0);
	box-shadow: .2vw 0 .2vw rgba(0,0,0,0.04)
}

.goods-menu-list .menu-download-item .menu-img-wrap:hover .mc-1 {
	transform: rotateY(-8deg) rotateZ(0)
}

.goods-menu-list .menu-download-item .menu-img-wrap:hover .mc-2 {
	transform: rotateY(-14deg) rotateZ(0)
}

.goods-menu-list .menu-download-item .menu-img-wrap:hover .menu-img-footer,.goods-menu-list .menu-download-item .menu-img-wrap:hover .menu-img-item-wrap {
	transform: rotateY(-18deg) rotateZ(0)
}

.goods-menu-list .menu-download-item .menu-img-wrap:hover .menu-img-footer {
	max-height: 5vw
}

.goods-menu-list .menu-download-item .menu-download-btn {
	display: flex;
	align-items: center;
	margin: 2vw auto 0;
	background: #55943c;
	border-radius: 40vw;
	font-weight: 400;
	color: #ffffff;
	text-align: center
}

@media (max-width: 755px) {
	.goods-menu-list .menu-download-item .menu-download-btn {
		font-size: 2.11921vw;
		min-height: 7.94702vw;
		padding: 0 2.64901vw
	}
}

@media (min-width: 756px) {
	.goods-menu-list .menu-download-item .menu-download-btn {
		font-size: .8vw;
		min-height: 3vw;
		padding: 0 1vw
	}
}

@media screen and (max-width: 755px) {
	.banner .banner-img-wrap .banner-img {
		width: unset;
		height: 100%
	}

	.banner .banner-tit {
		padding-bottom: 30px
	}

	.banner .banner-tit .tit-btm {
		width: 100%;
		display: block !important;
		padding-top: 70px;
		padding-bottom: 10px
	}

	.banner .banner-tit .banner_info_text {
		text-align: left
	}

	.goods-menu-list {
		padding-top: 30px
	}

	.goods-menu-list .menu-download-item {
		padding-bottom: 30px
	}

	.goods-menu-list .menu-download-item .menu-img {
		width: 100% !important;
		height: auto !important;
		box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15)
	}

	.goods-menu-list .menu-download-item .menu-download-btn {
		margin-top: 15px
	}
}
.goods-menu-list .menu-download-item .menu-img-wrap .menu-img-footer{
    display:flex;
    padding:0;
}
/*左侧1/8宽度，深色背景白字*/
.menu-img-footer .footer-left{
    width:32.5%; /* 1÷8=12.5% */
    background:#55943c;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}
/*右侧剩余7/8宽度*/
.menu-img-footer .footer-right{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
	height: 5em;
}