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: 30px; font-weight: 300;}
ul,li{list-style: none;}
a{text-decoration: none;}
img{display: block;}

/*头部旋转台*/
section .autorotion-header .header-back{width: 100%;}
section .station{position: absolute; width: 14.8%; left: 42.7%; bottom: 0;}
section .autorotion-header .header-des{color: #fefefe; text-align: center; top: 7.5%; width: 400px; left: 50%; margin-left: -190px; position: absolute;}
section .autorotion-header .header-des h2{height: 66px; line-height: 66px; }
section .autorotion-header .header-des p{line-height: 24px; font-size: 16px; font-weight:300;}

a.topplay{color: #0081CC !important;}

/*小功能*/
section .small-function{ position: relative; background: #4f4f4f; height: 196px; width: 1920px; left: 50%; margin-left: -960px;}
section .small-function .function-inco{ position: absolute; height: 125px; width: 1116px; left: 50%; margin-left: -558px; top: 40px; font-size: 14px; color: #fefefe;}
section .small-function .function-inco .list{margin-top: 20px; text-align:center;}
section .small-function .function-inco .list li{float: left; color: #fff; margin-right: 170px;}
section .small-function .function-inco .list li:nth-of-type(1){margin-right: 150px; margin-left: 10px;}
section .small-function .function-inco .list li:nth-last-of-type(2){margin-right: 160px;}
section .small-function .function-inco .list li:nth-last-of-type(1){margin-right: 0;}

/*兼容多设备*/
section .compatible .com-back{width: 100%;}
section .compatible .fixing{position: absolute; width: 30.1%; left: 51%; top: 20.1%;}
section .compatible .com-des{opacity: 0; color: #fefefe; position: absolute; top: 33.1%; left: 25.5%; width: 290px;}
.com-des-run{animation: des 2s forwards;}
section .compatible .com-des h2{height: 100px; line-height: 40px;}
section .compatible .com-des p{line-height: 24px; font-size: 16px;}
section .compatible .com-warn{position: absolute; bottom: 4.5%; left: 50%; width: 800px; color: #cccccc; margin-left: -400px; font-size: 16px;}

/*视频展示*/
.video-show{padding: 100px 0 50px 0; background-color:#f1f1f1;}
.video-show .list{width: 1240px; margin: 0 auto;}
.video-show .list li{float: left; position: relative; cursor: pointer;}
.video-show .list li:hover img{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.video-show .list li .show-shade{position: absolute; top: 0;}
.video-show .list li video{display: block;}

/*全景拍摄*/
section .overall{padding: 120px 0;}
section .overall .over-back{width: 100%;}
section .overall .over-mach{width: 24.5%; left: 37.5%; position: absolute; bottom: 6%;}
section .overall .over-mach .yun{width: 100%;}
section .overall .over-mach .du{width: 47%; position: absolute; bottom: 35%; left: 28.5%;}
section .overall .over-des{opacity: 0; position: absolute; width: 100%; top: 3.1%; text-align: center;}
.over-run{animation: des 2s forwards;}
section .overall .over-des h2{height: 70px; line-height: 70px;}
section .overall .over-des p{font-size: 16px;}

/*一机两用*/
section .double video{width: 100%; display: block;}
section .double .double-des{opacity: 1; position: absolute; left: 51.8%; top: 42.2%; width: 450px; color: #585c5f;}
.double-run{animation: des 2s forwards;}
section .double .double-des h2{height: 64px; line-height: 64px;}
section .double .double-des p{line-height: 30px; font-size: 16px;}

/*档位可调*/
section .gear{}
section .gear img{width: 100%;}
section .gear .gear-des{opacity: 0; position: absolute; left: 51.8%; top: 42.2%; width: 450px; color: #585c5f;}
.gear-run{animation: des 2s forwards;}
section .gear .gear-des h2{height: 64px; line-height: 64px;}
section .gear .gear-des p{line-height: 30px; font-size: 16px;}

/*延时摄影*/
section .delay video{width: 100%; display: block;}

/*小巧轻便*/
section .light{padding-top: 250px;}
section .light img{width: 79.8%; position: relative; left: 20.2%;}
section .light .light-des{opacity: 0; width: 50%; position: absolute; left: 25%; top: 6%; text-align: center;}
.light-run{animation: des 2s forwards;}
section .light .light-des h2{height: 64px; line-height: 64px;}
section .light .light-des p{font-size: 16px; line-height: 24px;}

/*节能优化*/
section .energy .en-back{width: 100%;}
section .energy .ener{width: 48.5%; left: 26.8%; bottom: 11%; position: absolute;}
section .energy .energy-des{opacity: 0; color: white; text-align: center; top: 9%; width: 440px; left: 50%; margin-left: -220px; position: absolute; top: ;}
.ener-run{animation: des 2s forwards;}
section .energy .energy-des h2{height: 80px; line-height: 80px;}
section .energy .energy-des p{font-size: 16px;}

/*扩展配件*/
.parts{position: relative; left: 50%; width: 1920px; margin-left: -960px; height: 900px;}
.parts .stand-1{position: absolute; top: 7.7%; left: 52.6%;}
.parts .stand-2{position: absolute; bottom: 8%; left: 23.2%;}
.parts .parts-des{opacity: 0; position: absolute; left: 25.4%; top: 13.8%; width: 300px;}
.parts-run{animation: des 2s forwards;}
.parts .parts-des h2{height: 64px; line-height: 64px;}
.parts .parts-des p{line-height: 24px; font-size: 16px;}
@media screen and (min-width: 1600px) and (max-width:1919px) {
    .parts{
        height: 800px;
    }
    .parts .stand-1,.parts .stand-2{transform: scale(0.9);}
    
}

@media screen and (min-width: 1200px) and (max-width:1599px) {
   .parts{
        height: 700px;
    }
    .parts .stand-1{transform: scale(0.8);top: 0;}
    .parts .stand-2{bottom: 0; position: absolute;transform: scale(0.8); left: 28.2%;}
    .parts .parts-des{left: 30.4%; top: 10.8%;}
}

/*view*/
.view img{width: 100%;}

/*续航强劲*/
section .endurance{padding: 60px 0 90px; background: #eee;}
section .endurance img{position: relative; left: 26%; width: 18.5%; }
section .endurance .endur-des{opacity: 0; position: absolute; left: 52.3%; top: 34.8%; width: 350px;}
.endur-run{animation: des 2s forwards;}
section .endurance .endur-des h2{height: 64px; line-height: 64px;}
section .endurance .endur-des p{line-height: 24px; font-size: 16px;}

/*文字移动*/
@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; 
	}
}

/*宣传视频*/
.body-shade{cursor: pointer; display: none; top: 0; position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,0.5); z-index: 2000;}
.publicity-video,.publicity-video2{position: fixed;display: none; left: 50%; top: 50%; margin-left: -375px; height: 498px; width:750px; margin-top: -299px; z-index: 500000;}
