@charset "utf-8";
/* CSS Document */
.about-overview-conetnt1 {width: 100%; height: auto;float: left; display: block; padding: 50px 0 75px 0; position: relative;}
.wrapper {margin: 0 auto;max-width: 994px; width: 95%;}	
.about-overview-box1{width: 100%; height: auto;float: left; display: block;}
.about-overview-line1{width: 100%; height: auto;float: left; display: block; position: relative; z-index: 1; }
.about-overview-line1:after{ content: '';width: 100%; height: 1px; position: absolute; left: 0; right: 0; top: 50%;  display: block;  background: rgb(228,49,52);
background: -moz-linear-gradient(90deg, rgba(228,49,52,1) 0%, rgba(223,48,51,1) 25%, rgba(202,48,50,1) 50%, rgba(166,46,48,1) 75%, rgba(57,42,42,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(228,49,52,1) 0%, rgba(223,48,51,1) 25%, rgba(202,48,50,1) 50%, rgba(166,46,48,1) 75%, rgba(57,42,42,1) 100%);
background: linear-gradient(90deg, rgba(228,49,52,1) 0%, rgba(223,48,51,1) 25%, rgba(202,48,50,1) 50%, rgba(166,46,48,1) 75%, rgba(57,42,42,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e43134",endColorstr="#392a2a",GradientType=1);}
.about-overview-line1 aside{ width: auto; height: auto; margin: 0 auto; display: table; background:#fff;; padding: 0 10px; font-size: 18px; font-weight: 400; color: #292929;  line-height: 22px; text-align: center; position: relative; z-index: 2;}
.about-overview-line1 aside strong{font-weight: 600; color: #dd0b18;}
.about-overview-box1a{ width: 100%; height: auto; float: left;  text-align: center; padding:25px 0 75px 0; box-sizing: border-box; }
.about-overview-box1a h3{width: 100%; max-width: 580px; margin: 0 auto; text-align: center; font-size: 36px; color: #292929; font-weight: 600; line-height: 40px; padding-bottom: 30px;}
.about-overview-box1a p{width: 100%; max-width: 790px; margin: 0 auto; height: auto; display: block; text-align: center; font-size: 14px; color: #1f1f1f; font-weight: 400; line-height: 20px; }
.about-overview-box1a aside{width: 100%; height: auto; float: left; display: block; background: url(../images/about-overview-picbg.jpg) no-repeat center top; background-size: cover; padding: 70px 0 180px 0; margin-top: 75px;}
.about-overview-box1a aside h2{width: 100%; height: auto;    text-align: center; font-size: 24px; color: #fff; font-weight: 600; line-height: 28px; padding-bottom: 20px;}
.about-overview-box1a aside p{width: 96%; max-width: 735px; margin: 0 auto; height: auto; display: block; text-align: center; font-size: 16px; color: #fff; font-weight: 400; line-height: 20px; }

.about-overview-line2{width: 100%; height: auto;float: left; display: block; position: relative; z-index: 1; }
.about-overview-line2:after{ content: '';width: 100%; height: 1px; position: absolute; left: 0; right: 0; top: 50%;  display: block;  background: rgb(228,49,52);
background: -moz-linear-gradient(90deg, rgba(228,49,52,1) 0%, rgba(223,48,51,1) 25%, rgba(202,48,50,1) 50%, rgba(166,46,48,1) 75%, rgba(57,42,42,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(228,49,52,1) 0%, rgba(223,48,51,1) 25%, rgba(202,48,50,1) 50%, rgba(166,46,48,1) 75%, rgba(57,42,42,1) 100%);
background: linear-gradient(90deg, rgba(228,49,52,1) 0%, rgba(223,48,51,1) 25%, rgba(202,48,50,1) 50%, rgba(166,46,48,1) 75%, rgba(57,42,42,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e43134",endColorstr="#392a2a",GradientType=1);}

.about-overview-line2 aside{ width: auto; height: auto; margin: 0 auto; display: table; background:#fff;; padding: 0 10px; font-size: 24px; font-weight: 600; color: #1f1f1f;  line-height: 24px; text-align: center; text-transform: uppercase; position: relative; z-index: 2;}
.about-overview-line2 aside strong{font-weight: 600;}
.about-overview-box1b{width: 100%; height: auto; float: left;  text-align: center; padding:35px 0 75px 0; box-sizing: border-box;}
.about-overview-box1b p{width: 100%; max-width: 860px; margin: 0 auto; height: auto; display: block; text-align: center; font-size: 14px; color: #1f1f1f; font-weight: 400; line-height: 20px; padding-bottom: 20px; }
.about-overview-box1b p:last-of-type{ padding-bottom: 0px;}
.about-overview-box1b aside{width: 100%; height: 439px; display: block; background: url(../images/about-overview-pic2.jpg) no-repeat center top; background-size: cover; margin-top: 75px; position: relative; }
.about-overview-box1b aside:after{ content: ''; position: absolute; left: 0; right: 0; top: -50px; width: 2px; height: 50px; background: #dd0b18; margin: 0 auto;}
.about-overview-box1b aside:before{ content: ''; position: absolute; left: 0; right: 0; top:0px; width: 2px; height: 50px; background: #fff; margin: 0 auto;}

.about-overview-box1c{width: 96%; max-width: 760px; margin: 0 auto; height: auto; display: block; padding-top: 40px; }
.about-overview-box1c p{width: 100%; height: auto; float: left; display: block; text-align: center; font-size: 14px; color: #1f1f1f; font-weight: 400; line-height: 20px; }
.about-overview-box1c p strong{color: #dd0b18; font-weight: 600;}
.about-overview-conetnt2 {width: 100%; height: 400px;float: left; display: block; padding: 50px 0 50px 0; position: relative; background: url(../images/about-overview-pic3-bg.jpg) no-repeat center center ; background-size: cover;}

.about-overview-box1d{ width: 100%; height: auto; float: left;  display: block; text-align: center; padding:75px 0 0px 0; box-sizing: border-box; }
.about-overview-box1d article{width: 100%; max-width: 755px; margin: 0 auto; height: auto; display: block; padding: 40px 0;}

.about-overview-box1d article p{width: 100%; max-width: 860px; margin: 0 auto; height: auto; display: block; text-align: center; font-size: 14px; color: #1f1f1f; font-weight: 400; line-height: 20px; padding-bottom: 20px; }
.about-overview-box1d article p:last-of-type{ padding-bottom: 0px;}

.more-box2{width: auto; height: auto; margin: 0px auto 0px; display: table; border: 1px solid #e8e8e8; border-radius: 4px; }
.more-box2 a{width: 100%; height: auto;float: left; display: block;}
.more-box2 a aside{ width: auto; height: auto; float: left; display: block; background: #dc0000; margin-right: 70px;  padding: 25px; box-sizing: border-box; font-size: 14px; font-weight: 600; color: #fff;  line-height: 18px; text-transform: uppercase;  text-align: right; position: relative; background-image:linear-gradient(0, #fac832, #fac832); background-size: 0; transition: .8s; background-repeat: no-repeat; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.more-box2 a:hover aside{ background-size:100%;}

.more-box2 a aside:after{content: ''; position: absolute; right:-44px; top: 50%; width: 28px; height: 28px; margin-top: -14px;  background: #dd0000 url(../images/rechargeable-usages-arrow.png ) no-repeat center center; border-radius: 50%; }
.more-box2 a:hover aside:after{background: #fac832 url(../images/rechargeable-usages-arrow.png ) no-repeat center center;}

.about-overview-box1e{ width: 100%; height: auto; float: left;  display: block; padding:75px 0 30px 0; box-sizing: border-box; }
.about-overview-box1e2{ width: 100%; height: auto; float: left;  display: block;  overflow: hidden; padding-top: 50px; }
.about-overview-box1e2 ul{ margin: 0 -40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.about-overview-box1e2 ul li{ width:25%; height: auto; float: left; display: block; padding: 0 40px 0 39px; box-sizing: border-box; border-left: 1px solid #cdcdcd;}
.about-overview-box1e2 ul li aside{width:100%; height: 100%; float: left; display: block; position: relative; padding-bottom: 90px;}
.about-overview-box1e2 h2{ width: 100%; height: auto; float: left;  display: block;font-size: 30px; color: #dd0b18; font-weight: 600; line-height: 30px; padding-bottom: 5px;}
.about-overview-box1e2 p{ width: 100%; height: auto; float: left;  display: block;font-size: 18px; color: #1f1f1f; font-weight: 400; line-height: 22px;}
.about-overview-box1e2 span{ width: auto; height: auto; position: absolute; left: 0; bottom: 0;    display: block;}
@media screen and (max-width: 850px) {
.about-overview-box1e2 h2 {font-size: 22px;}	
}
@media screen and (max-width: 799px) {
	.about-overview-box1e2 ul { margin-bottom: -1px;}
.about-overview-box1e2 ul li {width: 50%;     border-bottom: 1px solid #cdcdcd;  padding-bottom: 30px; padding-top: 30px;}
	.about-overview-box1e2 h2 { text-align: center;}
	.about-overview-box1e2 p{ text-align: center;}
	.about-overview-box1e2 span{ margin: 0 auto; display: table; left: 0; right: 0;}
}
@media screen and (max-width: 550px) {
	.about-overview-box1b aside{width: 100%; height: 437px; display: block; background: url(../images/about-overview-pic2-mob.jpg) no-repeat center top; background-size: cover;}
	.about-overview-box1a aside {  padding: 30px 0 180px 0; margin-top: 30px;}
	.about-overview-box1a h3 {font-size: 24px;line-height: 26px;}
	.about-overview-box1a {padding: 25px 0 30px 0;}
	.about-overview-line2 aside {font-size: 20px;line-height: 24px;}
	.about-overview-box1b {padding: 30px 0 30px 0;}
	.about-overview-conetnt1 {padding: 50px 0 30px 0;}
	.about-overview-box1d {padding: 30px 0 30px 0;}
}

/*section 3 css start*/