@font-face {
  font-family: 'mb';
  src: url('Montserrat-Bold.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'mr';
  src: url('Montserrat-Regular.woff2') format('woff2');
  font-display: swap;
}


html, body {height:100%}
html, body, h1, h2, h3, h4, h5, h6, ul, li, ol, p {margin:0; padding:0; font-family:mb}
li {list-style-type: none}
button, img{border:none}
button{font-family: mb; cursor:pointer; font-size:15px;}

.html-clear-float {float:none; clear:both; width:100%; height:0; font-size:0; line-height:0; content:"";}

.html-index-header {padding:23px 0 33px 56px;text-align:left;position:relative; z-index:1}
#html-index-header-nav{display: inline;}
#html-index-header-nav-phone {display:none}
#html-index-header-nav ul{width:500px; margin:-20px auto 0}
#html-index-header-nav li {float:left; display:inline; padding: 0 13px; font-family: mr; font-weight: bold}
#html-index-header-nav li a{color:#000; text-decoration:none}
.white-links #html-index-header-nav li a{color:#fff; text-decoration:none}
#html-index-header-nav li a.nav-link-black{color:#000}
#html-index-header-nav-menu-box {display:none;width:100%; height: 333px; background: #fff; position: absolute; left:0; top: 0; z-index: 0;}
#html-index-header-nav-menu-box ul {margin:auto; padding: 79px 23px 0}
#html-index-header-nav-menu-box ul#nav-energy, #html-index-header-nav-menu-box ul#nav-power {width: 650px;display:none}
#html-index-header-nav-menu-box ul li {float:left; color:#000; text-align:center; padding: 0 43px}

.html-index-blue {height:100%;padding-bottom:113px;text-align:center; color:#fff; background: #f2f6f7 url("../html-images/rv-battery.jpg?v=1") no-repeat center top;background-size:100%}
.rack-index {height:100%;background: #3b70aa url("../html-images/rack-battery.jpg?v=1") no-repeat center bottom;background-size:100%}
.all-in-one-index {height:100%;background: url("../html-images/all-in-one.jpg?v=1") no-repeat center top;background-size:cover}
.ebike-index {height:100%;background: url("../html-images/ebike-battery.jpg?v=1") no-repeat center top;background-size:cover}
.fpv-index {background: #9bb7cc url("../html-images/fpv-battery.jpg?v=1") no-repeat center bottom;background-size:100%}
.motorcycle-index {background: url("../html-images/motorcycle-battery.jpg?v=1") no-repeat center bottom;background-size:cover}
.battery-3c-index {background: url("../html-images/3c-battery.jpg?v=1") no-repeat center bottom;background-size:cover}
.factory-view-index {background: url("../html-images/factory-view.jpg?v=1.5") no-repeat center bottom;background-size:cover}
.html-index-blue h2 {width:90%;font-size:45px; margin:0 auto 10px}
.html-index-blue h3 {width:90%;font-size:21px; margin:0 auto 39px; font-family:mr;font-weight:normal}
.html-index-main-button-box {width:39%; margin:auto;}
.html-index-main-button-box button {float:left;width:48.5%;height:41px; line-height:41px; background:#fff; border-radius: 5px; text-align:center}
.html-index-main-button-box button:nth-child(1) {margin-right: 3%}
.html-index-main-button-box .blue-button {color: #fff; background: #004ad3}
.html-index-main-button-box button:hover{background: #f9f9f9}
.html-index-main-button-box button.blue-button:hover {color: #fff; background: #0041bb}
#rack-img-phone{display:none}

.html-page-main-box {width:65%;margin:auto;padding:25px;font-family:mr;line-height:150%}
.html-page-main-box h1{margin:33px 0;line-height:120%}
.html-features-box{width:100%;}
.html-features-box ul{width:49%;float:left;font-family:mr;margin:0 1% 53px 0}
.html-features-box ul h2{margin:5px 0 25px;line-height:120%}
.html-features-box ul img{width:100%}

#footer{font-family:mr;padding:33px 0}

.html-clearfix{clear:both;float:none;width:100%;height:0;line-height:0;font-size:0px;content:""}


@media only screen and (max-width: 768px) {
	.html-index-header {padding:23px 0 33px 20px;}
	#html-index-header-nav{display: none}
	#html-index-header-nav-phone {display:inline; position:absolute; right:21px; top: 17px; z-index:0}

	.html-index-blue {background: #3b70aa url("../html-images/rv-battery-phone.jpg?v=1.1") no-repeat center bottom;background-size:100%}
	.rack-index {background: #3b70aa url("../html-images/rack-battery-phone.jpg?v=1") no-repeat center bottom;background-size:100%}
	.all-in-one-index {background: url("../html-images/all-in-one-phone.jpg?v=1") no-repeat center bottom;background-size:cover}
	.ebike-index {background: url("../html-images/ebike-battery.jpg?v=1") no-repeat center bottom;background-size:cover}
	.fpv-index {background: url("../html-images/fpv-battery.jpg?v=1") no-repeat center bottom;background-size:cover}
	.motorcycle-index {background: url("../html-images/motorcycle-battery.jpg?v=1") no-repeat center bottom;background-size:cover}
	.battery-3c-index {background: url("../html-images/3c-battery.jpg?v=1") no-repeat center bottom;background-size:cover}
	.factory-view-index {background: url("../html-images/factory-view-phone.jpg?v=1.3") no-repeat center bottom;background-size:cover}
	.html-index-blue h2 {font-size:35px;margin:auto}
	.html-index-blue h3 {font-size:16px; margin:0 auto 43px;}
	.html-index-main-button-box {width:95%; margin:auto}

	.html-page-main-box{width:90%}
	.html-features-box ul{width:100%;}

}