#green_energy .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
    overflow: hidden;
    width: 25px;
    height: 25px;
    background-image: url(../images/footer/social_media_icon_ie8.png);
    float: left;
    padding-left:0;
    margin-right:12px;
    margin-top: 0;
    margin-bottom: 0;
}
#floor_one{
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background:#fff;
}
#banner_img{
	width: 100%;
	background: url(../images/green_energy/banner.jpg) no-repeat center;
    background-size: 100% 100%;
	height: 100%;

}
#banner_words{
	width: 88.28vw;
	height: 21.2vw;
	position: absolute;
	background-size: contain;
	top: 26%;
	right: 0;	
}
#banner_words img{
	width: 100%;
}
#floor_two{
	width: 100%;
	height: 26.7vw;
}
#three_direction{
	width: 100%;
	height: 100%;
	list-style: none;
}
#three_direction li:hover .energy_words{
   display: block;
}
#three_direction li{
	width: 33.33%;
	height: 100%;
	list-style: none;
	float: left;
	position: relative;
	text-align: center;
}
#sun_energy{
	width: 100%;
	height: 100%;
	background: url(../images/green_energy/sun_energy.jpg) no-repeat center;
    background-size: 100% 100%;
}
/*#sun_energy:hover .energy_words{
	display: block;
}*/

#storage_energy{
	width: 100%;
	height: 100%;
	background: url(../images/green_energy/storage_energy.jpg) no-repeat center;
    background-size: 100% 100%;

}


#go_light{
	width: 100%;
	height: 100%;
	background:url(../images/green_energy/go_light.jpg) no-repeat center;
    background-size: 100% 100%;
}
.energy_words{
	width: 100%;
	height: 100%;
	background: url(../images/green_energy/words_back.png);
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	display: none;
}
.energy_words_tittle{
	width: 100%;
	font-size: 1.9vw;
	margin-top: 6.5vw;
    color: #fff;
}
.energy_words_article{
	font-size: 0.9375vw;
	line-height: 1.8vw;
    color: #fff;
	width:68%;
	margin: 1.5vw auto 0;
}
.know_more{
	width: 31.25%;
	height: 3vw;
	border: 1px solid #fff;
	font-size: 14px;
	border-radius: 4px;
	position: absolute;
	bottom: 6.9vw;
	left: 34.275%;
	cursor: pointer;
    line-height: 3vw;
}
.know_more img{
	width: 10px;
	height: 12px;
    margin-left: 10px;
}
#floor_three{
	width: 100%;
	height: 13.542vw;
	background: url(../images/green_energy/foot_img.jpg) no-repeat center;
    background-size: 100% 100%;
	text-align:center;
	color: #fff;
	padding-top: 23.958vw;
}
#floor_three_tittle{
	font-size: 3.125vw;
	font-weight: 300;
}
#underline_four{
    width: 120px;
    height: 4px;
    background: #fff;
    margin: 14px auto 0;
}
#article_four{
	font-size: 0.833vw;
	line-height: 3.7vw;
	height: 3.7vw;
}
#know_more_bottom{
	width: 10.4167%;
	height: 13.8645%;
	border: 1px solid #fff;
	font-size: 14px;
	border-radius: 4px;
	padding: 0.8% 0;
	margin:0 auto;
}
#know_more_bottom img{
	width: 10px;
	height: 12px;
}

@media (max-width: 1024px) {
    #green_energy .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
        overflow: hidden;
        width: 25px;
        height: 25px;
        background-image: url(../images/footer/social_media_icon_ie8.png);
        float: left;
        padding-left:0;
    }
    #green_energy .icon_wb{
        margin-left: 6.9vw;
    }
    #green_energy .icon_fb,#green_energy .icon_wx,#green_energy .icon_tw,#green_energy .icon_ga{
        margin-left: 12px;
    }
    .energy_words{
        width: 100%;
        height: 100%;
        background: none;
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        display: none;
    }
	#banner_words img{
		display: none;
	}
	#banner_img{
		background: url(../images/green_energy/banner_mobile.jpg) no-repeat center;
        background-size: 100% 100%;
		width: 100%;
		height: 50%;
	}
	#banner_words{
		width: 80%;
		height: 50%;
		background: url(../images/green_energy/banner_words_mobile.png) no-repeat center;
		background-size: contain;
		top: 45%;
		right: auto;
		left: 5.275%;	
	}
	#floor_two{
		width: 100%;
		height: 240vw;
	}
	#three_direction li{
		width: 100%;
		height: 33.4%;
	}
	#sun_energy{
		background: url(../images/green_energy/sun_energy_mobile.jpg) no-repeat center;
		background-size: 100% 100%;
	}
	#storage_energy{
		background: url(../images/green_energy/storage_energy_mobile.jpg) no-repeat center;
        background-size: 100% 100%;
	}
	#go_light{
		background:url(../images/green_energy/go_light_mobile.jpg) no-repeat center;
        background-size: 100% 100%;
	}
	.energy_words{
		display: block;
	}
	.energy_words_tittle{
		width: 100%;
		font-size: 8vw;
        margin-top: 11%;
		line-height: 17.33vw;
	}
	.energy_words_article{
		font-size: 3.73vw;
		line-height: 5.5vw;
		font-family: "微软雅黑";
		color: #ebeae8;
		width: 85.6%;
		margin: 0 auto;
	}
	.know_more{
		width: 50%;
		height: 8.67vw;
		line-height: 8.67vw;
		border: 1px solid #fff;
		font-size: 3.33vw;
		border-radius: 4px;
		position: absolute;
		bottom:16vw;
		left: 25%;
		padding: 2% 0;
		cursor: pointer;
	}
	.know_more img{
		width: 10px;
		height: 12px;
	}
	#floor_three{
        width: 100%;
        height: 58vw;
        background: url(../images/green_energy/foot_img_mobile.jpg) no-repeat center;
        background-size: cover;
        text-align: center;
        color: #fff;
        padding-top: 35vw;
	}
	#floor_three_tittle{
		font-size: 8vw;
		/*font-weight: 300;*/
	}
	#article_four{
        font-size: 3.733vw;
        line-height: 5.5vw;
        width: 81.47%;
        font-weight: 300;
        margin: 14px auto;
	}
	#know_more_bottom{
		width: 50%;
		/*height: 8.67vw;*/
		border: 1px solid #fff;
		font-size: 3.33vw;
		border-radius: 4px;
		padding: 4% 0;
		margin:16vw auto 0;
	}
	#know_more_bottom img{
		width: 10px;
		height: 12px;
	}
}