body,hr, p, blockquote,h1,h2,h3,h4,h5,h6, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0; 
}

body,html{overflow-x: hidden;}
.clear { *zoom :1;}
.clear:after { content:"."; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;}
.pull-left { float:left;}
.pull-right { float:right;}
.cir{height: 13px !important; width: 13px !important; background: #eee !important; border: 1px solid #0081cc;}
.adapt_screen{width: 100%; max-width: 1920px; margin: 0 auto; position: relative;}

h2{font-size: 28px; font-weight: 300;}
ul,li{list-style: none;}
a{text-decoration: none;}
img{display: block;}

/*头部*/
.charger-header img{width: 100%; display: block;}
.charger-header .header-des{position: absolute; bottom: 20.8%; left:23.9%; width: 330px; background: rgba(124,124,124,0.05); box-shadow:0 0 50px rgba(124,124,124,0.1); }
.charger-header .header-des h2{height: 58px; line-height: 58px; color: white;}
.charger-header .header-des p{line-height: 30px; font-size: 16px; /*color: #d8ddd7;*/ color: white;}

/*功能*/
.charger-function{position: relative; left: 50%; width: 1920px; margin-left: -960px;}
.charger-function img{width: 100%; display: block;}
.charger-function .list{position: absolute; bottom: 14.8%; width: 60%; left: 23.5%;}
.charger-function .list li{float: left;}
.charger-function .list li:nth-of-type(2){margin: 0 21.5% 0 21%;}
.charger-function .list li p{font-size: 16px;}

/*小巧轻便*/
.light img{width: 100%; display: block;}
.light .light-des{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; width: 750px; left: 50%; position: absolute; margin-left: -375px; top: 5.5%; color: white; text-align: center;}
.light .light-des h2{height: 78px; line-height: 78px;}
.light .light-des p{font-size: 16px;}
.light-run{animation: des 2s forwards;}

/*更多扩展*/
.expand img{width: 100%; display: block;}
.expand .expand-des{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; position: absolute; width: 500px; left: 50.6%; top: 57.6%;}
.expand .expand-des h2{ height: 70px; line-height: 70px;}
.expand .expand-des p{color: #555555; font-size: 16px; line-height: 30px; width: 440px;}
.expand-run{animation: des 2s forwards;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
   .expand .expand-des{top: 50.6%;}
}

/*持续续航*/
.endurance img{width: 100%;}
.endurance .endurance-des{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; position: absolute; top: 6.3%; left: 50%; margin-left: -270px; width: 540px; text-align: center;}
.endurance .endurance-des h2{height: 70px; line-height: 70px; color: #333;}
.endurance .endurance-des p{font-size: 16px; line-height: 30px; color: #555;}
.endur-run{animation: des 2s forwards;}

/*快速充电*/
.charge img{width: 100%;}
.charge-des{position: absolute; left: 50%; top: 6%; width: 720px; text-align: center;  margin-left: -360px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.charge-des h2{height: 80px; line-height: 80px;}
.charge-des p{font-size: 16px; color: #555;}
.charge-run{animation: des 2s forwards;}

/*多种使用方式*/
.mode img{width: 100%;}
.mode-des{position: absolute; left: 18.75%; top: 33.8%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.mode-des h2{height: 80px; line-height: 80px;}
.mode-des p{font-size: 16px; line-height: 30px; color: #555; width: 420px;}
.mode-run{animation: des 2s forwards;}

/*文字移动*/
@keyframes des{
	from{
		-webkit-transform: translateY(35px);
		-ms-transform: translateY(35px);
		-o-transform: translateY(35px);
		transform: translateY(35px);
		filter:alpha(opacity=0);  
	    -moz-opacity:0;  
	    -khtml-opacity: 0;
      	opacity: 0; 
	}
	to{
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		filter:alpha(opacity=100);  
	    -moz-opacity:1;  
	    -khtml-opacity: 1;
      	opacity: 1; 
	}
}

















