.left-box {
	position: relative;
	float: left;
	margin-bottom: 150px
}

.left-box .icon1 .downs {
	width: 230px;
	height: 113px;
	background: url(../../images/v4/common/btn-download.png) no-repeat;
	margin: 0 auto;
	cursor: pointer
}

.left-box .icon1 .downs a {
	display: flex;
	width: 100%;
	height: 100%;
	color: #673824;
	font-size: 3rem;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-weight: 700;
}

.left-box .icon1 ul {
	width: 230px;
	margin: 5px auto
}

.left-box .icon1 ul li {
	float: left;
	width: 110px;
	height: 45px;
	background: url(../../images/v4/list/left_top_btn.png) no-repeat;
	margin-left: 10px;
	margin-bottom: 5px;
	cursor: pointer
}

.left-box .icon1 ul li.zhzc {
	margin-left: 0
}

.left-box .icon1 ul li a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
}

.left-box .icon3 {
	width: 230px;
	height: auto;
	margin: 0 auto
}

.left-box .icon3 li {
	position: relative;
	width: 230px;
	height: 90px;
	margin: 0 0 10px;
	overflow: hidden
}

.left-box .icon3 li img {
	width: 100%;
	height: 100%;
	display: block
}

.left-box .icon3 li .gg {
	position: absolute;
	height: 120px
}

.left-box .icon3 li .gg img {
	transition: .5s
}

.left-box .icon3 li .gg-title {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: .8;
	filter: Alpha(opacity=80);
	transition: .5s;
	padding: 0;
	color: #000
}

.left-box .icon3 li .gg-title h3 {
	text-align: center;
	font-size: 16px;
	margin-bottom: 5px
}

.left-box .icon3 li .gg-title p {
	text-indent: 25px
}

.left-box .icon4 {
	position: absolute;
	bottom: 440px;
	left: -60px;
	width: 301px;
	height: 171px;
	background: url(../../images/v4/list/qr-bg.png) no-repeat;
	margin: 0 auto
}

.left-box .icon4 .qrChat img {
	margin: 25px 0 0 164px;
	display: block
}

.left-box .icon5 {
	position: absolute;
	bottom: 240px;
	left: -60px;
	width: 301px;
	height: 171px;
	background: url(../../images/v4/list/dyBg.png) no-repeat;
	margin: 0 auto
}

.left-box .icon5 .qrChat img {
	margin: 18px 0 0 155px;
	display: block
}

.left-box .icon6 {
	position: absolute;
	bottom: 40px;
	left: -60px;
	width: 301px;
	height: 171px;
	background: url(../../images/v4/list/tbWbBg.png) no-repeat;
	margin: 0 auto
}

.left-box .icon6 .tbBtn {
	display: block;
	background: url(../../images/v4/list/tbBtn.png) no-repeat;
	width: 147px;
	height: 45px;
	margin-left: 85px;
	margin-top: 30px
}

.left-box .icon6 .tbBtn:hover {
	background-position-x: -156px
}

.left-box .icon6 .wbBtn {
	position: relative;
	display: block;
	background: url(../../images/v4/list/tbBtn.png) no-repeat;
	background-position-y: -61px;
	width: 147px;
	height: 45px;
	margin-left: 85px;
	margin-top: 20px
}

.left-box .icon6 .wbBtn img {
	position: absolute;
	top: 46px;
	left: 50%;
	margin-left: -63.5px;
	display: none
}

.left-box .icon6 .wbBtn:hover {
	background-position-x: -156px
}

.left-box .icon6 .wbBtn:hover img {
	display: block
}

.icon3 {
	width: 237px;
	height: 370;
	margin-top: 10px
}

.newInfo {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -600px;
	width: 498px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #ffe8b6;
	background: url(../../images/v4/common/newInfo.png) no-repeat;
	text-align: center;
	cursor: pointer;
	overflow: hidden
}

.newInfo a {
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	color: #ffe8b6
}

.backTop {
	position: absolute;
	bottom: 240px;
	left: 50%;
	margin-left: 601px;
	width: 45px;
	height: 54px;
	background: url(../../images/v4/common/backTop.png) no-repeat;
	cursor: pointer
}