* {

	margin: 0;

	padding: 0;

}

a{

	text-decoration: none;

}

html,

body {

	background: black;

	position: relative;

	width: 100%;

	height: 100%;

}



@media screen and (min-width:769px){

.w{

	width:1200px;

	margin:0 auto;

}

.pc_fl{float:left;}

.pc_fr{float:right;}

.pc_dn{display:none;}



.centerBox {

	position: absolute;

	z-index: 1;

	width: 100%;

	height: 100%;

	color: white;

}

.center-list{

	width: 70%;

	margin: 0 15%;

	}

.centerBody{

	width: 100%;

	text-align: center;

	margin-top: 25%;

}

.centerBody img{

	margin: 0 auto;

}

.btn-p{

	margin-top: 30px;

	margin-bottom: 30px;

}

.btn-p a{

	font-size: 14px;

	color: #FFFFFF;

	padding: 8px 30px;

	border-radius:30px;

  	margin: 0 10px;

	background: rgba(29, 29, 29, 0.5);

	border:1px solid rgba(89, 129, 183, 0.2);

}

.btn-p a:hover{

	color: #FFFFFF;

	background: -webkit-linear-gradient(left, #19c3ff, #0093ff);

    background: -o-linear-gradient(left, #19c3ff, #0093ff);

    background: -moz-linear-gradient(left, #19c3ff, #0093ff);

    background: linear-gradient(left, #19c3ff, #0093ff);

}

.footer{

	position: fixed;

	bottom: 20px;

	width: 100%;

}

.center-footer{

	width: 70%;

	margin: 0 15%;

}

.footer .banquan{

	text-align: center;

	font-size: 12px;

	color: #6a7179;

}







}





@media screen and (max-width: 768px) {

html {

    padding: 0;

    margin:0;

    font-size: 625%;

    -webkit-text-size-adjust: none;

    -webkit-overflow-scrolling: touch;

    /*10 ÷ 16 × 100% = 62.5%*/

}



body {

    padding: 0;

    font-size: .14rem;

    max-width: 768px;

    margin: 0 auto;

    -webkit-overflow-scrolling: touch;

    /*1.4 × 10px = 14px */

}

body {

    margin: 0;

    padding: 0;

    color: #444;

    font-family: SourceHanSerifSC-Regular, Arial, Helvetica, sans-serif;

}



img {

    border: none;

    vertical-align: middle;

}



@media only screen and (min-width: 375px) {

    html {

        font-size: 700%!important

    }

}

@media only screen and (min-width: 410px) {

    html {

        font-size: 800%!important

    }

}

@media only screen and (min-width: 481px) {

    html {

        font-size: 940%!important

    }

}



@media only screen and (min-width: 561px) {

    html {

        font-size: 1090%!important

    }

}



@media only screen and (min-width: 641px) {

    html {

        font-size: 1250%!important

    }

    body {

        margin: 0 auto;

        max-width: 768px

    }

}

img{width:100%;height:auto;border:none;}

.ww{width:93.75%; margin:0 auto;}

.sj_fl{float:left;}

.sj_fr{float:right;}

.sj_clear{clear:both;}

.sj_dn{display:none;}

	

.centerBox {

	position: absolute;

	z-index: 1;

	width: 100%;

	height: 100%;

	color: white;

}

.center-list{

	width: 80%;

	margin: 0 10%;

	}

.centerBody{

	width: 100%;

	text-align: center;

	margin-top: 25%;

}

.centerBody img{

	margin: 0 auto;

}

.btn-p{

	margin-top:.15rem;

	margin-bottom:.15rem;

}

.btn-p a{

	display:block;

	font-size: 14px;

	color: #FFFFFF;

	width:55%;

	padding:.05rem 0;

	margin:.1rem auto;

	border-radius:.2rem;

	background: rgba(29, 29, 29, 0.5);

	border:1px solid rgba(89, 129, 183, 0.2);

}

.btn-p a:hover{

	color: #FFFFFF;

	background: -webkit-linear-gradient(left, #19c3ff, #0093ff);

    background: -o-linear-gradient(left, #19c3ff, #0093ff);

    background: -moz-linear-gradient(left, #19c3ff, #0093ff);

    background: linear-gradient(left, #19c3ff, #0093ff);

}

.footer{

	position: fixed;

	bottom: 20px;

	width: 100%;

}

.center-footer{

	width: 70%;

	margin: 0 15%;

}

.footer .banquan{

	text-align: center;

	font-size: 12px;

	color: #6a7179;

}





































































	

}