.container1156 { width: 95%;max-width: 1156px; margin: 0 auto; }
.sustainability-box{ width: 100%; height: auto; float: left; display: block;  padding: 80px 0px 170px 0; box-sizing: border-box; background: #f6f6f6; border-bottom: 1px solid #e5e5e5;}
.sustainability1{width: 100%; height: auto; float: left; display: block; }
.sustainability1 figure{width: 50%; height: auto; float: left; display: block; }
.sustainability1 figure p{width: 100%; height: auto;  display: block; padding: 65px 30px 0 0; box-sizing: border-box; font-size: 24px; font-weight: 400; color: #131313; line-height: 36px; font-style: italic; }
.sustainability1 figure p strong{font-weight: bold;}
.sustainability1 aside{width: 50%; height: auto; float: left; display: block; }
.sustainability1 aside span{width: 100%; max-width: 625px; height: auto; display: block; }
.sustainability1 aside span img{ width: 100%;}
.sustainability-box2{ width: 100%; height: auto; float: left; display: block;  padding: 0px 0px 120px 0; box-sizing: border-box; background: #4d8731 url(../images/sustainability-box2-bg.jpg) no-repeat center bottom; }
.sustainability2a{ width: 100%; height: auto; float: left; margin-top: -160px; display: block;}
.sustainability2a1{ width: 100%; height: auto; float: left; margin: 0px 0;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; box-shadow: 0px 0px 10px 0px rgb(0,0,0,0.21);
-webkit-box-shadow: 0px 0px 10px 0px rgb(0,0,0,0.21);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.21); background: #FFFFFF;}
.sustainability2a1 aside{width: 50%; height: auto; float: left; display: block; padding: 50px; box-sizing: border-box;}
.sustainability2a1 aside h3{width: 100%; height: auto;  display: block; padding-bottom: 10px; font-size: 20px; font-weight: bold; color: #131313; line-height: 26px;  }
.sustainability2a1 aside h2{width: 100%; height: auto; display: block; padding-bottom: 30px; padding-top: 10px; font-size: 24px; font-weight: bold; color: #131313; line-height: 26px;  }
.sustainability2a1 aside span{ width: 100%; max-width: 306px; display: block;}
.sustainability2a1 aside span img{ width: 100%;}
.sustainability2a1 aside p{width: 100%; height: auto; float: left; display: block; padding-bottom: 0px; font-size: 16px; font-weight: 400; color: #131313; line-height: 26px; }
.sustainability2a1 figure{width: 50%; min-height: 442px; float: left; display: block; background: url( ../images/sustainability-pic2.jpg) no-repeat center center; background-size: cover;}
.sustainability2b{width: 100%; height: auto; float: left;  display: block; padding-top: 60px;}
.sustainability2b h2{width: 100%; height: auto; display: block; padding-bottom: 60px; font-size: 20px; font-weight: bold; color: #FFF; line-height: 26px; text-align: center;  }
.sustainability2c{width: 100%; height: auto; float: left;  display: block; overflow: hidden;}
.sustainability2c section{ margin-left: -10px; margin-right: -10px; margin-top: -52px; display: block; }
.sustainability2c section ul{width: 100%; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; font-size: 0; line-height: 0;}
.sustainability2c section ul li{ width: 25%; height: auto; display: inline-block; padding-left: 10px; padding-right: 10px;}
.sustainability2c section ul li figure{ width: 100%; height: 100%; padding-bottom: 30px; border-top: 2px solid #fff; padding-top: 50px; font-size: 16px; line-height: 22px;}
.sustainability2c section ul li figure aside{width: 100%; height: 88px; float: left;  display: block;}
.sustainability2c section ul li figure aside span{ width: auto; margin: 0 auto; text-align: center; display: table;}
.sustainability2c section ul li figure p{width: 100%; height: auto; display: block;font-size: 16px; font-weight: bold; color: #FFF; line-height: 26px; text-align: center; padding: 0 30px; box-sizing: border-box; }
.sustainability-box3{ width: 100%; height: auto; float: left; display: block;  padding: 0px 0px 0px 0; box-sizing: border-box; background: #f6f6f6; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}
.sustainability-box3a{width: 100%; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.sustainability-box3a aside{width: 50%; height: auto; float: left; display: block; border-right: 1px solid #e5e5e5; padding: 80px 60px  260px 0; position: relative; }
.sustainability-box3a aside p{width: 100%; height: auto; display: block;  font-size: 16px; font-weight: 400; color: #131313; line-height: 26px; padding-bottom: 50px; }
.sustainability-box3a aside span{ position: absolute; left: 0; right: 0; bottom: 100px;}
.sustainability-box3a aside span small{ width: 100%; max-width:518px; height: 150px; border: 1px solid #e0e0e0; display: block;}
.sustainability-left{width: 50%; height: 100%; float: left; display: table; border-right: 1px solid #e5e5e5;}
.sustainability-left i{ vertical-align: middle;  margin: 0 auto; display: table-cell; text-align: center;}
.sustainability-left i a {
    padding-left: 114px;
    width: 196px;
    margin: 0 auto;
    height: 70px;
    font-size: 16px;
    font-weight: 600;
    color: #131313;
    line-height: 20px;
    font-style: normal;
    position: relative;
    display: block;
    padding-top: 15px;
}
.sustainability-left i a:after{ content: ''; position: absolute; left: 90px; top: 0; width: 1px; height: 70px; background: #e1e1e1;}
.sustainability-left i a:before{ content: ''; position: absolute; left: 0px; top: 0; width: 70px; height: 70px; background: url(../images/sustainability-video-icon.png) no-repeat left top; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;  -o-transition: all 1s ease; -ms-transition: all 1s ease;transition: all .5s ease;}
.sustainability-left i a:hover:before{ content: ''; position: absolute; left: 0px; top: 0; width: 70px; height: 70px; background: url(../images/sustainability-video-icon.png) no-repeat left -100px;}
.sustainability-right{width: 50%; height: 100%; float: left; display: block; background: url(../images/sustainability-pic3.jpg) no-repeat center center; background-size: cover;}
.sustainability-box3a figure{width: 50%; height: auto; float: left; display: block; padding: 80px 0px  260px 60px; position: relative; }
.sustainability-box3a figure p{width: 100%; height: auto; display: block;  font-size: 16px; font-weight: 400; color: #131313; line-height: 26px; }
.sustainability-box3a figure span{ position: absolute; left: 0; right: 0; bottom: 100px; padding-left: 60px;}
.sustainability-box3a figure span small{ width: 100%; max-width:518px; height: 150px; border: 1px solid #e0e0e0; display: block;}
.sustainability-left2{width: 50%; height: 100%; float: left; display: table; border-right: 1px solid #e5e5e5;}
.sustainability-left2 i{ vertical-align: middle;  margin: 0 auto; display: table-cell; text-align: center;}
.sustainability-left2 i a{ padding-left: 114px; padding-top: 15px; width: 196px; margin: 0 auto; height: 70px; font-size: 16px; font-weight: 600; color: #131313; line-height: 20px; font-style: normal; position: relative; display: block;  }
.sustainability-left2 i a:after{ content: ''; position: absolute; left: 90px; top: 0; width: 1px; height: 70px; background: #e1e1e1;}
.sustainability-left2 i a:before{ content: ''; position: absolute; left: 0px; top: 0; width: 70px; height: 70px; background: url(../images/sustainability-download-icon.png) no-repeat left top; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;  -o-transition: all 1s ease; -ms-transition: all 1s ease;transition: all .5s ease;}
.sustainability-left2 i a:hover:before{ content: ''; position: absolute; left: 0px; top: 0; width: 70px; height: 70px; background: url(../images/sustainability-download-icon.png) no-repeat left -100px;}
.sustainability-right2{width: 50%; height: 100%; float: left; display: block; background: url(../images/sustainability-pic4.jpg) no-repeat center center; background-size: cover;}

 @media screen and (max-width:1024px){
.sustainability1 figure p {padding: 65px 30px 60px 0;}
.sustainability2c section ul li figure p { padding: 0 0px;}
.sustainability-box2 { padding: 0px 0px 60px 0;}
.sustainability-box3a aside span small {max-width: 450px;}
.sustainability-box3a figure span small { max-width: 450px;}
}

@media screen and (max-width:1023px){
.sustainability-box {padding: 30px 0px 170px 0;}
.sustainability1 figure {width: 100%;}
.sustainability1 figure p { padding: 30px 0px 30px 0; text-align: center;}
.sustainability1 aside {width: 100%;}
.sustainability1 aside span {margin: 0 auto;}
.sustainability2a1 aside {width: 100%;}
.sustainability2a1 figure {width: 100%;min-height: 400px;}	
}

 @media screen and (max-width:800px){
.sustainability2c section ul li {width: 50%;}
.sustainability2c section ul li figure p { padding: 0 30px;}
.sustainability-box3a aside {width: 100%; border-right: 0px solid #e5e5e5; padding: 40px 0px 40px 0;}
.sustainability-box3a figure { width: 100%; padding: 40px 0px 40px 0px;}
.sustainability-box3a aside span { position: relative; left: inherit; right: inherit; bottom: inherit; margin: 0 auto;  }
.sustainability-box3a figure span { position: relative; left: inherit; right: inherit; bottom: inherit; margin: 0 auto;  }
.sustainability-box3a aside span small{ margin: 0 auto; width: 100%; max-width: none;}
.sustainability-box3a figure span small{ margin: 0 auto; width: 100%; max-width: none;}
.sustainability-box3a aside p{ text-align: center;}
.sustainability-box3a figure p{ text-align: center;}
}

@media screen and (max-width:500px){
.sustainability2c section ul li {width: 100%;}
.sustainability2c section ul li figure {padding-bottom: 25px;border-top:1px solid rgb(255,255,255,28%);}
.sustainability-box3a aside span small {height: auto; display: block; float: left;}
.sustainability-left {width: 100%;}
.sustainability-right{ min-height: 180px; width: 100%;}
.sustainability-left i { padding: 30px;}
.sustainability-right i { padding: 30px;}
.sustainability-left { border-right: 0px solid #e5e5e5;}
.sustainability-left2 {width: 100%;}
.sustainability-right2{ min-height: 180px; width: 100%;}
.sustainability-left2 i { padding: 30px; border-bottom: 1px solid #e0e0e0}
.sustainability-right2 i { padding: 30px;}
.sustainability-left2 { border-right: 0px solid #e5e5e5;}
.sustainability-box3a figure span small {height: auto; display: block; float: left;}
	
}