body {font-family: 'Montserrat Regular';font-size: 12px;}
*{ margin:0px; padding:0px; box-sizing:border-box;}
p { margin:0px; padding:15px 0; font-size:20px; line-height:30px;}
h4 { margin:0px; padding:15px 0;font-family: 'Montserrat Light';}
a { text-decoration:none; color:#fff; font-weight:700;font-family:'Montserrat Bold';}

.wrapper { width:1170px; margin:0 auto;}
.pic-img { width:100%; float:left; margin:0 0 20px;}
.pic-img img { width:100%; max-width:100%;}

ul { list-style-type: none; padding: 0px; margin: 0;}

#content { float: left; width:100%; margin:50px 0;}

.energy-saving { float:left; width:100%; margin:0px; padding:0px;}
.energy-saving-left { float:left; width:48%; margin:0;}
.energy-saving-left h1 { color:#6bb61d; margin:15px 0; font-size:32px; line-height:42px;font-family: 'Montserrat Regular';}
.energy-saving-left h4 { font-size:20px; line-height:30px;margin:0; padding:0 0 20px;font-family: 'Montserrat Regular'; color:#000;}	
.energy-saving-left p { color:#000;}
.energy-saving-left li {background-image: url('../images/energy-dot.png');background-repeat: no-repeat;background-position: top 12px left 0; font-size:18px !important; line-height:28px !important; padding:0 15px; color:#585861 !important;font-family: 'Montserrat Regular'; margin:12px 0 !important;}
.energy-saving-right { float:right; width:48%;}

#energy-saving-full { float:left; width:100%; text-align:center; padding:80px 0 0px;
background:url('../images/banner-for-mid-page.png');
background-repeat:no-repeat;
background-position: left 0 bottom 0%; 
background-size:cover;}
#energy-saving-full h3  {color:#fff; font-size:45px; line-height:55px;margin:0 0 50px;}
#energy-saving-full p { color:#fff; font-weight:normal; font-size:17px;}
#energy-saving-full p a { font-weight:700; color:#fff;}

#energy-services { float:left; width:100%; text-align: left; padding:80px 0;
background:url('../images/banner-bottom.png');
background-repeat:no-repeat;
background-position: left 30% bottom 0%; 
background-size:cover;}
.energy-services { width:60%; float:right;}
.energy-services h3 { color:#fff; font-size:40px; line-height:50px;margin:15px 0;}	
.energy-services p { color:#fff; font-size:20px; line-height:32px;  font-family:'Montserrat Light';}
.energy-services h4 { font-size:16px; color:#fff;}
.energy-services h4 a { font-weight:700;}
.energy-services .btn { float:left; width:100%; margin:20px 0;}
.energy-services .btn a { background-color:#fff; color:#6bb61d; border-radius:12px; font-size:21px; padding:15px 18px; font-weight:bold;}
.energy-services .btn a:hover { background-color:#247734; color:#fff;}

@media only screen and ( max-width:1200px) {
.wrapper { width:92%; margin:0 auto;}
#energy-saving-full h3 br,.energy-services h3 br { display:none;}
.energy-saving-left h1 { font-size:28px; line-height:38px;} 
#energy-saving-full h3 { font-size:35px; line-height:45px; margin: 0 0 30px;}
.energy-services { width:80%;}
}

@media only screen and ( max-width:767px) {
.wrapper { width:90%; margin:0 auto;}
.energy-saving-left p,.energy-services p { font-size:16px; line-height:28px;}

#energy-saving-full { padding:30px 0 0;}
#energy-saving-full h3 { font-size:25px; line-height:35px; margin:0px; padding:10px 0;}

#content { text-align:center; margin:30px 0;}
#energy-services { padding:40px 0;}
.energy-services { width:100%; text-align:center;}
.energy-services h3 {font-size: 30px;line-height:40px; margin: 10px 0;}

.energy-saving-left,.energy-saving-right { float:none; display:inline-block; width:100%;}
.energy-saving-left h1 {margin: 10px 0; font-size:25px;line-height:35px;}
.energy-saving-left h4 { font-size:17px; line-height:28px;}
.energy-saving-left li { text-align: left; font-size:16px; line-height:26px; margin:8px 0;}

.energy-services .btn a { font-size:17px; padding:8px 15px;}
}

@media only screen and ( max-width:480px) {
#content { margin:20px 0;}
.energy-saving-left h1,#energy-saving-full h3 { font-size:20px; line-height:30px;}
.energy-services h3 {font-size:22px;line-height:30px;}
.energy-saving-left li { font-size:15px; line-height:25px; margin:6px 0;}
}

/****banner*******/
#energy-saving-tips { float:left; width:100%;height:545px;background:url('../images/energy-saving-tips.jpg');background-repeat:no-repeat;background-position:left 0 bottom 0%; background-size:cover;}
.inner-banner .banner-inn { text-align: right;}
.inner-banner .container {display: table;}
.banner-inn { text-align: left; display:table-cell; vertical-align: middle;height:545px;}
.banner-inn h1,.banner-inn h2 { font-weight: bold;font-size: 50px;line-height: 55px;color: #ff6503;font-weight:normal;margin-top: 0;margin-bottom: 20px;}
.banner-inn .btn{display: inline-block;}

#energy-saving-tips .banner-inn { text-align:left; vertical-align:bottom; height:500px; padding:0 0 50px;}
#energy-saving-tips .banner-inn h2 { color:#fff;font-family: 'Montserrat Bold'}
#energy-saving-tips .btn a { background:#6bb61d; color:#fff; border-radius:8px; font-size:17px; padding:8px 15px;}
#energy-saving-tips .btn a:hover { background:#247734;}

@media only screen and ( max-width:1200px) {
#energy-saving-tips .banner-inn { height:400px;}
.banner-inn h1,.banner-inn h2 { font-size:40px; line-height:40px;}
.banner-inn h1 br,.banner-inn h2 br { display:none;}
}
@media only screen and ( max-width:991px) {
#energy-saving-tips .banner-inn { height:350px;}
#energy-saving-tips {
background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../images/energy-saving-tips.jpg');
background-repeat: no-repeat, no-repeat;
background-position: top 0 left 0, left 0 bottom 50%;
background-size: 100% 100%, cover;}
.inner-banner .banner-inn { text-align: center;}
#energy-saving-tips .banner-inn { text-align:center; vertical-align:middle; padding:0px;}

}
@media only screen and ( max-width:767px) {
.wrapper { width:92%; margin:0 auto;}
.banner-inn  { text-align:center; vertical-align:middle;}
.banner-inn h1,.banner-inn h2 { color:#fff;padding:0 0 20px;}
}
@media only screen and ( max-width:640px) {
#energy-saving-tips .banner-inn,.banner-inn { height:300px;}
.banner-inn h1,.banner-inn h2 { font-size:30px; line-height:30px; padding:0px;}
}
@media only screen and ( max-width:520px) {
#energy-saving-tips .banner-inn,.banner-inn { height:250px;}
.banner-inn h1,.banner-inn h2 { font-size:30px; line-height:40px;}
}
@media only screen and ( max-width:460px){
.banner-inn h1, .banner-inn h2 {font-size: 24px;line-height: 30px;}
}
/****banner*******/