/*--------------------- 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: 56%;position: absolute;top: 4rem;left: 22%;z-index: 11;}
.tit img { width:100%;}
.terminal { width:56%;position: absolute;top: 10.5rem;left: 22%;}
.terminal img { width:100%;}
.download{ position: absolute;bottom: 1.5rem;left: 15%;width:70%;}
.btn { display:block; height:44px; margin-top:12%; line-height:44px; border-radius:44px; background:#28a1df; font-family:"Microsoft YaHei"; font-size:15px; color:#fff;}
.btn:hover { background:#10aeff;}

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