.profile_box{background: url(../images/profile_bj.jpg)no-repeat center center/cover;}
.profile_ban img{display: block;width: 100%;}
.profile_tit{text-align: center;}
.profile_tit p{color: #cecece;}
.profile_pic{text-align: center;}
.profile_pic img{display: block;margin: auto;max-width: 100%;}
.profile_info{color: #878787;width: 81.6%;margin:40px auto 0;}
.profile_info span{color: #184c9a;}
.profile_info p+p{margin-top: 15px;}
@media only screen and (max-width:768px ) {
	.profile_cont{padding: 0 20px;box-sizing: border-box;}
	.profile_info{width: 100%;margin: 20px auto 0;}
}
/*banner*/
.energy_use{position: relative;}
.energy_prev{outline: none; transition: all .3s ease-in; background: url(../images/prev1.png)no-repeat;width: 13px;height: 23px;cursor: pointer; position: absolute;top: 50%;transform: translateY(-50%);left: -50px;}
.energy_next{outline: none;transition: all .3s ease-in;background: url(../images/next1.png)no-repeat;width: 13px;height: 23px;position: absolute;top: 50%;transform: translateY(-50%);right: -50px;}
.energy_prev:hover{background: url(../images/prev2.png)no-repeat;cursor: pointer;}
.energy_next:hover{background: url(../images/next2.png)no-repeat;cursor: pointer;}
.energy_next.swiper-button-disabled:hover{background: url(../images/next1.png)no-repeat;cursor: default;}
.energy_prev.swiper-button-disabled:hover{background: url(../images/prev1.png)no-repeat;cursor: default;}
.enery_pic{position: relative;overflow: hidden;}
.enery_pic img{position: relative;z-index: 50; display: block;width: 100%;transition: all .3s ease-in;}
.enery_pic:hover img{transform: scale(1.05);}
.enery_name{color: #FFFFFF;position: absolute;left: 26px;bottom: -20px;z-index: 100;transition: all .3s ease-in;}
.enery_pic:hover .enery_name{bottom: 20px;}
@media only screen and (max-width: 1366px){
	.enery_name{left: 20px;}
}
@media only screen and (max-width: 1280px) {
	.energy_prev{left: -30px;}
	.energy_next{right: -30px;}
	.enery_pic:hover .enery_name{bottom: 15px;}
}
@media only screen and (max-width: 1024px) {
	.enery_pic:hover .enery_name{bottom: 10px;}
	.enery_name{bottom: 10px;}
}
@media only screen and (max-width: 768px) {
	.energy_prev{left: -25px;}
	.energy_next{right: -25px;}
	.energy_box{margin: 30px 35px 35px}
}