html,body {
    width: 100%;
    height: 100%;
}
.index-container .swiper-slide {
    position: relative;
    overflow: hidden;
}
.index-container {
    position: relative;
    margin: 0 auto;
}
.energy_category{
    width: 100%;
    height: 950px;
    background: url("../images/energy_1.jpg") no-repeat;
    background-size: 100%;
    position: relative;
    z-index: 50;
}
.energy_box1{
    width: 100%;
    height: 280px;
    background: #FAFBFC;
    display: none;
    position: absolute;
    z-index: 51;
}
.energy_box1_main{
    margin-left: 400px;
    padding-top: 56px;
}
.energy_box1_main_left{
    width: 24%;
    float: left;
}
.energy_box1_main_right{
    width: 46%;
    float: left;
    margin-left: 20px;
}
.energy_box1_main_left_text1{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 24px;
    color: #404040;
}
.energy_box1_main_left_text2{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #484848;
    padding-top: 20px;
}
.energy_box1_main_left_text3{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #484848;
    padding-top: 10px;
}
.energy_box1_main_left_text4{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #55B333;
    padding-top: 36px;
    cursor: pointer;
}
.energy_tech{
    /*height: 671px;*/
}
.energy_tech_text1{
    width: 70%;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 72px;
    color: #FFFFFF;
    /*line-height: 100px;*/
    margin-left: 332px;
    padding-top: 365px;
}
.energy_tech_text2{
    width: 70%;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 72px;
    color: #FFFFFF;
    /*line-height: 100px;*/
    margin-left: 332px;
    padding-top: 10px;
}
.energy_tech_text3{
    width: 70%;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 26px;
    color: #FFFFFF;
    line-height: 32px;
    margin-left: 332px;
    padding-top: 24px;
}
.energy_green{
    width: 100%;
    height: 240px;
    background: #F1F1F1;
}
.energy_green_left{
    float: left;
    margin-left: 336px;
    padding-top: 84px;
}
.energy_green_left img{
    width: 92px;
    display: block;
    float: left;
}
.energy_green_left_text{
    width: 280px;
    float: left;
    font-size: 0;
    margin-left: 31px;
    padding-top: 19px;
}
.energy_green_left_text span{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 30px;
    color: #000000;
}
#energy_green_left_text_span{
    color: #0D813B;
}

.energy_green_right{
    width: 44%;
    height: 240px;
    float: left;
    margin-left: 110px;
    position: relative;
    /*margin-top: 75px;*/
}
.energy_green_right_text{
    width: 100%;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    line-height: 36px;
}
.energy_change{
    width: 100%;
    height: 1020px;
    background: #FFFFFF;
    text-align: center;
}
.energy_change_text1{
    width: 70%;
    margin: 0 auto;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 36px;
    color: #000000;
    padding-top: 109px;
}
.energy_change_text2{
    width: 70%;
    margin: 0 auto;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 24px;
    color: #000000;
    padding-top: 48px;
}
.energy_change_text3{
    width: 70%;
    margin: 0 auto;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    padding-top: 10px;
}
.energy_change_main{
    width: 990px;
    margin: 0 auto;
    height: 575px;
    margin-top: 58px;
    background: url("../images/energy_2.png") no-repeat;
    background-size: 100%;
}
.energy_change_main_ul{
    width: 90%;
    margin: 0 auto;
    padding-top: 392px;
}
.energy_change_main_ul li{
    width: 222px;
    list-style: none;
    float: left;
    height: 240px;
    cursor: pointer;
    background: #FAFBFC;
}
.energy_change_main_ul_cont{
    width: 100%;
}
/*.energy_change_main_ul li img{
    width: 62px;
    margin: 0 auto;
    display: block;
    padding-top: 74px;
}*/
.energy_change_main_ul_img{
    width: 62px;
    margin: 0 auto;
    display: block;
    padding-top: 74px;
}
.energy_change_main_ul_text{
    width: 90%;
    margin: 0 auto;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    padding-top: 11px;
}
.energy_change_main_ul_change{
    width: 90%;
    margin: 0 auto;
}
.energy_change_main_ul_change_li{
    width: 222px;
    list-style: none;
    float: left;
    height: 240px;
    background: #0D813B;
    /*margin-top: -240px;*/
}

/*.energy_change_main_ul_change li img{
    width: 62px;
    margin: 0 auto;
    display: block;
    padding-top: 35px;
}*/
.energy_change_main_ul_change_img{
    width: 62px;
    margin: 0 auto;
    display: block;
    padding-top: 26px;
}
.energy_change_main_ul_change_text1{
    width: 95%;
    margin: 0 auto;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    padding-top: 9px;
}
.energy_change_main_ul_change_text2{
    width: 95%;
    margin: 0 auto;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    padding-top: 10px;
}
.energy_change_main_ul_change_text3{
    width: 95%;
    margin: 0 auto;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    padding-top: 7px;
}
.energy_system{
    width: 100%;
    height: 550px;
    background: url("../images/energy_11.jpg") no-repeat;
    background-size: 100%;

}
.energy_system_text1{
    width: 32%;
    margin-left: 365px;
    padding-top: 170px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
}
.energy_system_text2{
    width: 32%;
    margin-left: 365px;
    padding-top: 23px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 36px;
    color: #FFFFFF;
}
.energy_system_text3{
    width: 32%;
    margin-left: 365px;
    padding-top: 36px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
}
.energy_ap{
    width: 100%;
    height: 861px;
    background: #FFFFFF;
    text-align: center;
}
.energy_ap_title{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 36px;
    color: #000000;
    padding-top: 110px;
}
.energy_ap_main{
    width: 100%;
    padding-top: 101px;
}
.energy_ap_main_top{
    width: 75%;
    height: 64px;
    margin: 0 auto;
}
.energy_ap_main_top li{
    width: 16.3%;
    float: left;
    cursor: pointer;
}
.energy_ap_main_top li:not(:nth-child(6n)){
    margin-right: 0;
}
.energy_ap_main_top_text1{
    width: 100%;
    height: 65px;
    position: relative;
    margin-top: 22px;
}
.energy_ap_main_top_text1_cont{
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0,50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 20px;
    color: #000000;
}
.ac_energy{
    background: #F2F2F2;
}
.energy_ap_main_bottom{
    width: 100%;
    height: 550px;
    background: #F2F2F2;
    overflow: hidden;
}
.energy_ap_main_bottom_cont{
    width: 100%;
    height: 100%;
}
.energy_ap_main_bottom_cont_left{
    width: 35%;
    float: left;
    margin-left: 300px;
    padding-top: 120px;
    text-align: left;
}
.energy_ap_main_bottom_cont_left_text1{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 30px;
    color: #0D813B;
}
.energy_ap_main_bottom_cont_left_text2{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 20px;
    color: #000000;
    padding-top: 19px;
}
.energy_ap_main_bottom_cont_left_text3{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    padding-top: 39px;
    line-height: 30px;
}
.energy_ap_main_bottom_cont_right{
    width: 540px;
    float: left;
    margin-left: 100px;
    padding-top: 97px;
}
.energy_ap_main_bottom_cont_right img{
    width: 100%;
    display: block;
}
.welfare_box1{
    width: 100%;
    height: 280px;
    background: #FAFBFC;
    display: none;
    position: absolute;
    z-index: 51;
}
.welfare_box1_main{
    margin-left: 400px;
    padding-top: 56px;
}
.welfare_box1_main_left{
    width: 29%;
    float: left;
}
.welfare_box1_main_right{
    width: 46%;
    float: left;
    margin-left: 20px;
}
.welfare_box1_main_left_text1{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 24px;
    color: #404040;
}
.welfare_box1_main_left_text2{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #484848;
    padding-top: 20px;
}
.welfare_box1_main_left_text3{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #484848;
    padding-top: 10px;
}
.welfare_box1_main_left_text4{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #55B333;
    padding-top: 36px;
    cursor: pointer;
}
.scene_box1{
    width: 100%;
    height: 280px;
    background: #FAFBFC;
    display: none;
    position: absolute;
    z-index: 51;
}
.scene_box1_main{
    margin-left: 400px;
    padding-top: 56px;
}
.scene_box1_main_left{
    width: 29%;
    float: left;
    margin-right:20px;
}
.scene_box1_main_left_text1{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 24px;
    color: #404040;
}
.scene_box1_main_left_text2{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #484848;
    padding-top: 20px;
}
.scene_box1_main_left_text3{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #484848;
    padding-top: 10px;
}
.scene_box1_main_left_text4{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #55B333;
    padding-top: 36px;
    cursor: pointer;
}