/* CSS Document */
html{width:100vw;height:100vh;font-size:10px}
@media (min-width: 320px) and (max-width: 360px) {
	html{font-size:12px}
	.pagecontent img:nth-child(n + 2):nth-child(-n + 16) {
		width:90%;
		margin:0 auto;
	}
	.pagecontent img:nth-child(2){
		margin-top: -10rem!important;
	}
	.bgcontent .centerbg img{
		height:420rem;
	}
}
@media (min-width: 360px) and (max-width: 375px) {
	html{font-size:12px}
	.pagecontent img:nth-child(n + 2):nth-child(-n + 16) {
		width:90%;
		margin:0 auto;
	}
	.pagecontent img:nth-child(2){
		margin-top: -11rem!important;
	}
	.bgcontent .centerbg img{
		height:471rem;
	}
}
@media (min-width: 375px) and (max-width: 400px) {
	html{font-size:12px}
	.pagecontent img:nth-child(n + 2):nth-child(-n + 16) {
		width:90%;
		margin:0 auto;
	}
	.pagecontent img:nth-child(2){
		margin-top: -11rem!important;
	}
	.bgcontent .centerbg img{
		height:450rem;
	}
}
@media (min-width: 400px) and (max-width: 414px) {
	html{font-size:12px}
	.pagecontent img:nth-child(n + 2):nth-child(-n + 16) {
		width:90%;
		margin:0 auto;
	}
	.pagecontent img:nth-child(2){
		margin-top: -11rem!important;
	}
	.bgcontent .centerbg img{
		height:480rem;
	}
}
@media (min-width: 414px) and (max-width: 430px) {
	html{font-size:12px}
	.pagecontent img:nth-child(n + 2):nth-child(-n + 16) {
		width:90%;
		margin:0 auto;
	}
	.pagecontent img:nth-child(2){
		margin-top: -11rem!important;
	}
	.bgcontent .centerbg img{
		height:497rem;
	}
}
@media (min-width: 430px) and (max-width: 480px) {
	html{font-size:12px}
	.pagecontent img:nth-child(n + 2):nth-child(-n + 16) {
		width:90%;
		margin:0 auto;
	}
	.pagecontent img:nth-child(2){
		margin-top: -11rem!important;
	}
	.bgcontent .centerbg img{
		height:516rem;
	}
}
@media (min-width: 480px) and (max-width:800px){
	html{font-size:12px}
	.pagecontent img:nth-child(n + 2):nth-child(-n + 16) {
		width:90%;
		margin:0 auto;
	}
	.pagecontent img:nth-child(2){
		margin-top: -12rem!important;
	}
	.bgcontent .centerbg img{
		height:574.5rem;
	}
}
@media (min-width: 846px) and (max-width:900px){
	html{font-size:12px}
	.pagecontent img:nth-child(n + 2):nth-child(-n + 16) {
		width:90%;
		margin:0 auto;
	}
	.pagecontent img:nth-child(2){
		margin-top: -24rem!important;
	}
	.bgcontent .centerbg img{
		height:1000rem;
	}
}
/*电脑端适配*/
/*分辨率1280-1400，采用下面的样式*/
@media only screen and (min-width: 1280px) and (max-width:1400px){
	html{font-size:12px}
	.pagecontent img:nth-child(n + 1):nth-child(-n + 16) {
		width:80%;
		margin:0 auto;
	}
	.pagecontent img:nth-child(2){
		margin-top: -20rem!important;
	}
	.bgcontent .centerbg img{
		height:859rem;
	}
}
/*分辨率1440-1600，采用下面的样式*/
@media screen and (min-width: 1440px) and (max-width:1600px){
	html{font-size:12px}
	.pagecontent img:nth-child(n + 1):nth-child(-n + 16) {
		width:80%;
		margin:0 auto;
	}
	.pagecontent img:nth-child(2){
		margin-top: -22rem!important;
	}
	.bgcontent .centerbg img{
		height:904rem;
	}
}
/*分辨率1680-1920，采用下面的样式*/
@media screen and (min-width: 1680px) and (max-width:1921px){
	html{font-size:12px}
	.pagecontent img:nth-child(n + 1):nth-child(-n + 16) {
		width:80%;
		margin:0 auto;
	}
	.pagecontent img:nth-child(2){
		margin-top: -30rem!important;
	}
	.bgcontent .centerbg img{
		height:1200rem;
	}
}

html, body, talbe, tr, th, td, ul, ol, li, dl, dt, dd, div, center, p, span, h1, h2, h3, h4, h5, h6, hr, form, select, input, textarea{ margin:0px; padding:0px;}
body{
	font:"Microsoft YaHei";  
	background:#fff; 
	color:#333; 
	margin:0px auto; 
	font-family:"Microsoft YaHei";
	position:relative;
	box-sizing: border-box;
	z-index:1;
}
img{ 
	border:none;
	max-width: 100%;
	display:block;
} 

/*内容css*/
.loadbox{
	display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    z-index: 99;
    justify-content: center;
    align-items: center;
}

.bgcontent{
	display: block;
    width: 100%;
	box-sizing: border-box;
	z-index:1;
}
.bgcontent img{
	width:100%;
}
.pagecontent{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
	width: 100%;
    height: 100%;
	box-sizing: border-box;
	justify-content: center;
    align-items: center;
	z-index:2;
}
.pagecontent img{
	width:100%;
}
.content{
	position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.width100{
	width:100%!important;
}
.top1{
	margin-top:2rem!important;
}
.top4{
	margin-top:2rem!important;
}
.top01{
	margin-top:-2rem!important;
}