/*--------------------- reset CSS ---------------------*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,form { margin:0;}
body { line-height:1.4; color:#666; font-family:arial; font-size: 12px; background:white;}
ul,ol,li { padding-left:0; list-style-type:none;}
img { border:0;}
input,textarea,select { font-size:12px; outline:none; border:none; margin:0; padding:0}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
h4,h5,h6{ font-size:1em;}
a { font-size:12px; text-decoration:none;}

/* 清除浮动 */
.clearfix:before,
.clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}


/*--------------------- detail CSS ---------------------*/
.container { position:fixed; top:0; right:0; bottom:0; left:0; padding:10%; background:url(images/bg.jpg); background-size:100% 100%; text-align:center;}

.logo { width:25%; height:auto; margin:0 auto;}
.logo img { width:100%;}
.tit { width:70%; padding:6% 0 15% 0; margin:0 auto;}
.tit img { width:100%;}
.terminal { width:70%; height:auto; margin:2% auto;}
.terminal img { width:100%;}

.btn { display:block; height:44px; margin-top:12%; line-height:44px; border-radius:44px; background:#4bb250; font-family:"Microsoft YaHei"; font-size:15px; color:#fff;}
.btn:hover { background:#4bb250;}

@media (max-width: 320px) {
	.container { padding:8% 10%;}
	.tit { padding:2% 0 8% 0;}
	.btn { margin-top:10%;}
}