.better_box{background: url(../img/betterbj.jpg)no-repeat center center/cover;position: relative;}
.bett_pic{width: 50%;}
.bett_pic img{width: 100%;display: block;}
.bett_cont{position: absolute;width: 50%;right: 0;top: 50%;transform: translateY(-50%);color: #FFFFFF;}
.bett_info{line-height: 34px;width: 64%;margin: auto;width: 500px;}

@media only screen and (max-width:1680px ) {
	.news_ban{
	    background-position: center -50px!important;
    	background-size: 100% !important;
	}
}
@media only screen and (max-width:1280px ) {
	.bett_info{width:90%;}

}
@media only screen and (max-width:1024px ) {
	.news_ban{
	    background-position: center 40px!important;
	    background-size: 100% !important;
	}
}
@media only screen and (max-width:960px ) {
	.bett_info{line-height: 24px;}
}
@media only screen and (max-width:768px ) {
	.bett_pic{width: 100%;}
	.bett_cont{width: 100%;position: relative;top: 0;transform: translateY(0);padding: 20px 0;}
	.news_ban{ background-position: center 50px!important;background-size: 100% !important;}

}
@media only screen and (max-width:500px ) {
	.news_ban{ background-position: center 70px!important;background-size: 100% !important;}

}


/*产业布局*/
/* .lay_box{background: url(../img/ener_bj.png)no-repeat center center/cover;} */
.lay_tit{text-align: center;}
.lay_tit p{color: rgba(0,0,0,0.6);margin-top: 5px;}
.lay_tit .lay_intro{color: #a8a8a8;text-align: center;width: 64%;margin: 20px auto ;line-height: 24px;}
.lay_pro{text-align: center;margin-top: 20px;}
.lay_pro img{width: 83%;}
/*能源列表*/
.resou_use{width: 50%;float: left;}
.resou_pic{overflow: hidden;position: relative;z-index: 50;}
.resou_pic img{display: block;width: 100%;transition: all .3s ease-in;transform: scale(1.01);}
.resou_item{position: relative;color: #FFFFFF;}
.resou_item a{display: block;color: #FFFFFF;}
.resou_cont{position: absolute;left: 58px;top: 43px;width: 76%;z-index: 150;}
.resou_icon{vertical-align: middle;display: inline-block;}
.resou_tit{display: inline-block;vertical-align: middle;margin-left: 20px;}
.resou_tit p{margin-top: 5px;}
.resou_info{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden; line-height: 24px;opacity: 0; margin-top: 15px;transition: all .3s ease-in;position: relative;font-size:12px;}
.resou_bj{position: absolute; opacity: 0; left: 0;top:0px;transition: all .2s ease-in; width: 100%;height: 100%;background: url(../img/battbj.png)no-repeat center center/cover;z-index: 100;}
.resou_item:hover .resou_info{opacity: 1;transition: all .3s ease-in;}
.resou_item:hover .resou_bj{ opacity: 1;}
.resou_item:hover .resou_pic img{transform: scale(1.03);}
.resou_use .resou_item .resou_icon{transition: all 0.8s;}
.resou_use .resou_item .resou_icon svg{opacity: 0;}

.resou_use:nth-child(1) .resou_item:nth-child(1) .resou_icon {width:83px ;height: 83px; background: url(../img/reso_icon1.png)no-repeat 0px 3px;background-size: 100% auto;}
.resou_use:nth-child(1) .resou_item:nth-child(2) .resou_icon {width:77px ;height: 77px; background: url(../img/reso_icon2.png)no-repeat 0 0/100%;background-size: 100% auto;}
.resou_use:nth-child(2) .resou_item:nth-child(1) .resou_icon {width:105px ;height: 105px; background: url(../img/reso_icon3.png)no-repeat 0px 8px;background-size: 100% auto;}
.resou_use:nth-child(2) .resou_item:nth-child(2) .resou_icon {width:95px ;height: 96px;background: url(../img/reso_icon4.png)no-repeat 0 0/100%;background-size: 100% auto;}
.resou_use:nth-child(1) .resou_item:nth-child(1):hover .resou_icon { background: none;}
.resou_use:nth-child(1) .resou_item:nth-child(2):hover .resou_icon { background: none;}
.resou_use:nth-child(2) .resou_item:nth-child(1):hover .resou_icon { background: none;}
.resou_use:nth-child(2) .resou_item:nth-child(2):hover .resou_icon { background: none;}

.resou_use .resou_item:hover .resou_icon svg{opacity: 1;}
.about_more {opacity: 0; overflow: hidden; transition: all .3s ease-in; width: 122px; height: 36px; text-align: center; line-height: 36px; border-radius: 4px; background: transparent /**/; display: block; color: #FFFFFF;}
.about_more span {transition: all .3s ease-in;padding-right: 20px;background: url(../img/nav_more.png)no-repeat 100%;position: relative;left: -90px;}
.about_more:hover {color: #FFFFFF;border: 1px solid #ffffff;transition: all 0.4s linear 0.4s;}
.about_more:hover span {left: 0;background: url(../img/nav_more.png)no-repeat 100%;}
.resou_item:hover .about_more{opacity: 1;transition: all 0.3s ease-in;}



@media only screen and (max-width:1440px ) {
	.resou_cont{top: 25px;left: 30px;width: 80%;}
	.resou_info{-webkit-line-clamp:4;}
	.lay_tit .lay_intro{width: 70%;}
	.resou_use:nth-child(1) .resou_item:nth-child(1) .resou_icon {width:73px ;}
	.resou_use:nth-child(1) .resou_item:nth-child(2) .resou_icon {width:67px ;}
	.resou_use:nth-child(2) .resou_item:nth-child(1) .resou_icon {width:95px ;}
	.resou_use:nth-child(2) .resou_item:nth-child(2) .resou_icon {width:85px ;}

}
@media only screen and (max-width:1280px ) {
	.resou_cont{top: 25px;left: 5%;width: 90%;}
	.resou_info{-webkit-line-clamp:3;}
	.lay_tit .lay_intro{width: 80%;}

	.resou_use:nth-child(1) .resou_item:nth-child(1) .resou_icon {width: 63px;background: url(../img/reso_icon1.png)no-repeat 0px 12px;background-size: 100% auto;}
	.resou_use:nth-child(1) .resou_item:nth-child(2) .resou_icon {width:57px; background: url(../img/reso_icon2.png)no-repeat 0 10px;background-size: 100% auto;}
	.resou_use:nth-child(2) .resou_item:nth-child(1) .resou_icon {width:85px; background: url(../img/reso_icon3.png)no-repeat 0px 18px;background-size: 100% auto;}
	.resou_use:nth-child(2) .resou_item:nth-child(2) .resou_icon {width: 75px;background: url(../img/reso_icon4.png)no-repeat 1px 10px;background-size: 100% auto;}
}
@media only screen and (max-width:1024px ) {
	.resou_item:hover .resou_info{opacity: 0;top: 0;}
	.resou_item:hover .resou_bj{opacity: 0;}
	.lay_tit .lay_intro{width: 100%;}
	
    .resou_use:nth-child(1) .resou_item:nth-child(1) .resou_icon {width:53px ;height: 65px;}
	.resou_use:nth-child(1) .resou_item:nth-child(2) .resou_icon {width:47px ;height: 65px;}
	.resou_use:nth-child(2) .resou_item:nth-child(1) .resou_icon {width:75px ;height: 65px; background: url(../img/reso_icon3.png)no-repeat 0px 0;background-size: 100% auto;}
	.resou_use:nth-child(2) .resou_item:nth-child(2) .resou_icon {width:65px ;height: 65px;background: url(../img/reso_icon4.png)no-repeat 1px 0px;background-size: 100% auto;}
}
@media only screen and (max-width:768px ) {
    .resou_use:nth-child(1) .resou_item:nth-child(1) .resou_icon {width:43px ;}
	.resou_use:nth-child(1) .resou_item:nth-child(2) .resou_icon {width:37px ;}
	.resou_use:nth-child(2) .resou_item:nth-child(1) .resou_icon {width:65px ;}
	.resou_use:nth-child(2) .resou_item:nth-child(2) .resou_icon {width:55px ;}
}
@media only screen and (max-width:500px ) {
	.resou_use{width: 100%;}
    .resou_use:nth-child(1) .resou_item:nth-child(1) .resou_icon {width:23px ;}
	.resou_use:nth-child(1) .resou_item:nth-child(2) .resou_icon {width:27px ;}
	.resou_use:nth-child(2) .resou_item:nth-child(1) .resou_icon {width:45px ;}
	.resou_use:nth-child(2) .resou_item:nth-child(2) .resou_icon {width:35px ;}
}