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;
}

.clear { *zoom :1;}
.clear:after{ content:"."; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;}
.pull-left { float:left;}
.pull-right { float:right;}
.adapt_screen{position: relative; width: 100%; margin: 0 auto;}
.isshow{display: block !important; z-index: 2;}
.isvis{visibility:visible !important;}
/*.awith{width: 21% !important;}*/
h2{font-weight: 700;font-size: 42px;}
section p{font-size: 20px; line-height: 30px;}
ul li{list-style: none;}
em{display: block;}
span{display:inline-block;}
img{display: block;}
video {display: block; object-fit:cover;}
html,body{overflow-x: hidden;position: relative;}
.isshow{display: block!important;}

/* pocket头部 */
.vlog2-des{width:550px; position: absolute; left: 55.2%; top: 26.4%; text-align: center;}
.vlog2-des img{width:90%; margin: 0 auto;}
.vlog2-des h2{color: #5a5859; margin: 10px 0;}
.vlog2-des h3{font-size: 20px; color: #5a5859; margin: 15px 0;}

.vlog2-des #viss{height: 120px; width: 190px; position: relative; background: url(../jpg/videobg-2.jpg) no-repeat; margin:20px auto 0;}
.vlog2-des #viss .list-shade{cursor: pointer; position: absolute; height: 120px; width: 190px; background: rgba(0,0,0,0.4);}
.vlog2-des #viss .list-shade img{cursor: pointer; height: 28px; width: 28px; position: absolute; left: 50%; top: 50%; margin-left: -14px; margin-top: -14px;}
.vlog2-des #viss .list-shade:hover{background: rgba(0,0,0,0); opacity: 0.6;}

.shake-des{position: absolute; width:800px; left: 50%; bottom: 8%; color: #fff; margin-left: -400px; text-align: center; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.shake-run{animation: des 2s forwards;}

.holding-des{position: absolute; width: 440px; left: 57.8%; color: #595959; top: 28%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.holding-run{animation: des 2s forwards;}

.change-des{position: absolute; width:560px; left: 16%; top: 18.6%; color: #595959; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.change-run{animation: des 2s forwards;}

.portable-des{position: absolute; left: 62%;  width:400px; top: 35%; color: #595959; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.portable-run{animation: des 2s forwards;}

.app-des{position: absolute; left: 51.8%; top: 26.6%; width:360px; color: #595959; text-align: center; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.app-des .app-img{width:60%; margin: 20px auto;}
.app-des .app-img img{float: left; width:30%; margin:0 10%;}
.app-run{animation: des 2s forwards;}

.cut-des{position: absolute; left: 20%; width:600px; color: #595959; text-align: center; top: 32%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.cut-run{animation: des 2s forwards;}

.shortcut-des{position: absolute; left: 50%; top: 32%; text-align: center; width:440px; color: #595959; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.shortcut-run{animation: des 2s forwards;}

.follow-des{position: absolute; width: 540px; left: 54%; top: 33%; text-align: center; color: #fff;text-shadow:0 1px 2px #000;font-weight:bold; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.follow-run{animation: des 2s forwards;}

.hunting-des{position: absolute; width:500px; left: 20.6%; top: 32.3%; color: #595959; text-align: center; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.hunting-run{animation: des 2s forwards;}

.xuhang-des{position: absolute; width:500px; left: 46%; text-align: center; top: 29%; color: #595959; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.xuhang-run{animation: des 2s forwards;}

.function{background: #fff;}
.function .f-box{width:60%; margin: 0 auto; text-align: center;}
.function .f-box .box-des{padding-top: 40px; width:900px; margin: 0 auto 20px;}
.function .f-box .box-des h3{font-size: 22px; line-height: 32px; margin: 20px 0;}
.function .f-box .box-des p{font-size: 22px; font-weight: 700;}
.function .f-box img{width:100%;}

.view-des{width:500px; text-align: center; margin: 50px auto 30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.view-run{animation: des 2s forwards;}

.shake-des h2,.holding-des h2,.change-des h2,.portable-des h2,.app-des h2,.cut-des h2,.shortcut-des h2,.follow-des h2,.hunting-des h2,.xuhang-des h2,.view-des h2{margin-bottom: 20px;}
.view-des p{font-size: 18px;}

/* 希区柯克 */
.bianjiao-des{position: absolute; top: 8.25%; width: 1080px; left: 50%; margin-left: -540px; text-align: center; color: #fff; }
.bianjiao-run{animation: des 2s forwards;}

/* 宣传视频 */
.body-shade{cursor: pointer; display: none; top: 0; position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,0.5); z-index: 100;}
.publicity-video{position: fixed;display: none; left: 50%; top: 50%; margin-left: -480px; height: 540px; width:960px; margin-top: -299px; z-index: 100;}
.publicity-video video{width: 100%;}

@media screen and (min-width: 1200px) and (max-width:1599px) {
	.vlog2-des{top: 15%;}
	.vlog2-des h2{color: #5a5859; margin: 15px 0;}
    h2{font-size: 30px;}
    .hunting-des{left: 20%;}
    .function .f-box .box-des h3{font-size: 20px;}
    .function .f-box .box-des p{font-size: 18px;}
    .change-des{width:380px; left: 18%; top: 14%;}
    .cut-des{width:500px; left: 15%;}
    .follow-des{width:440px;}
    .xuhang-des{width:400px;}
}

/*字推移*/
@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; 
	}
}

.vlog2 img,.shake img,.holding img,.change img,.portable img,.app img,.cut img,.shortcut img,.follow img,.hunting img,.xuhang img,.view img{width:100%;}