@charset "utf-8";
/* CSS Document */
html{
	font-size: 16px;height: 100%;
}
body{
	padding: 0;margin: 0; height: 100%; font-family: '幼圆','微软雅黑';
}
img{
	border: 0;
}
.header{
	width: 100%;height:26rem; background-image: url(imgs/hbg.png); background-repeat: repeat-x; background-size: auto 100%; background-position: center top; position: relative;
}

.header .inside{
	width: 100%; height: 100%; margin: auto;position: absolute;left:0;top:0;
}
.header .inside .box{
	padding:0 1rem; box-sizing: border-box;margin: auto;max-width: 80rem;  position: relative;height: 100%;
}

.el{
	background-size: 100% 100%; position: absolute;
}
.el:after{
	content: '';display: block;
}

.el.s0{
	width:6.89%; background-image: url(imgs/00.png);left: 0;margin-top: -2%;top:0;margin-left: 34%;
}
.el.s0:after{
	padding-top: 100%;
}

.el.s1{
	width: 18%; background-image: url(imgs/01.png); left: 0;margin-top: 1.4%; animation-duration: 3s;
}
.el.s1:after{
	padding-top: 106%;
}

.el.s2{
	width: 11.89%; background-image: url(imgs/02.png); left: 0;margin-top: -7.7%;top:0;margin-left: 3.8%;[;margin-top:-18.7%;]
}
.el.s2:after{
	padding-top: 119.5%;
}

.el.s3{
	width: 6.6%; background-image: url(imgs/03.png); left: 0;margin-top: -3%;top:0;margin-left: 37%;
}
.el.s3:after{
	padding-top: 119.5%;
}
.el.s4{
	width: 8.6%; background-image: url(imgs/04.png); left: 0;margin-top: -3%;top:0;margin-left: 3%;[;margin-top:-6.7%;]
}
.el.s4:after{
	padding-top: 87%;
}

.el.logo{
	width: 27.6%; background-image: url(imgs/logo.png); left: 37.6%;top:0%;margin-top: 13.7%; [;margin-top:33.7%;]
}
.el.logo:after{
	padding-top: 53%;
}
.el.gohome{
	width: 11.89%;background-image: url(imgs/gohome.png); bottom: 0;left: 2%; display: block; border:0; font-size: 0;color: transparent;
}
.el.gohome:after{
	padding-top: 95.3%;
}
.imgNav{
	width: 81.9%; position: absolute;top:0; right: 0;margin-top:3.9%; background-image: url(imgs/nav.png); background-size: 100% 100%;
}
.imgNav:after{
	width: 100%;display: block;content: '';padding-top:23.9%;
}
.navs{
	width: 100%;height: 100%;position: absolute;left:0;top:0;
}
.navs a{
	height: 100%;display: block;float: left; color: transparent; font-size: 0;text-decoration: none;
}
.navs a.s1{
	width:11.95%;
}
.navs a.s2{
	width:11.85%;
}
.navs a.s3{
	width:11%;
}
.navs a.s4{
	width:11%;
}
.navs a.s5{
	width:11%;
}
.navs a.s6{
	width:9.75%;
}
.navs a.s7{
	width:8.7%;
}
.navs a.s8{
	width:10.03%;
}
.navs a.s9{
	width:10.03%;
}
.navs a.s10{
	width:4.69%;
}

.footer{
	height: 7.9rem;width: 100%;   background-image: url(imgs/fbg.png); background-size: auto 100%; background-position: center top; background-repeat: no-repeat;  position: fixed;bottom: 0;
}
.footer .inside{
	width: 100%; margin: auto; position: absolute;bottom: 0;left:0; text-align: center;padding-bottom: 1rem; font-size: 0.8rem;
}
.footer .inside .box{
	max-width: 80rem;margin: auto;position: relative;
}

.main{
	max-width: 80rem;margin: auto;   background-image: url(imgs/mbg.jpg); background-size: 100% auto; background-position: center top; margin-top: -26rem;padding-bottom: 7.9rem; min-height: 100%;box-sizing: border-box;
}
.main .inside{
	margin:0 6rem; padding: 28rem 0 4rem 0;
}
.pm{
	width: 100%;background-size: 100% auto; background-repeat: no-repeat; background-position: center top; position: relative;
}
.pm.s0{
	padding-top: 43.1%; background-image: url(imgs/P-00.png); 
}
.pm.s1{
	padding-top: 43.1%; background-image: url(imgs/P-01.png); 
}
.pm.s2{
	padding-top: 44%; background-image: url(imgs/P-02.png); 
}
.pm.s3{
	padding-top: 43.1%; background-image: url(imgs/P-03.png); 
}
.pm.s4{
	padding-top: 43.2%; background-image: url(imgs/P-04.png); 
}
.pm.s5{
	padding-top: 128.7%; background-image: url(imgs/P-05.png); 
}
.pm.s6-1{
	padding-top: 28.4%; background-image: url(imgs/05.png); 
}
.pm.s6-2{
	padding-top: 106.3%; background-image: url(imgs/P-06-1.png); 
}
.pm.s6-3{
	padding-top: 28%; background-image: url(imgs/06.png); 
}
.pm.s6-4{
	padding-top: 78%; background-image: url(imgs/P-06-2.png); 
}

.pm.s7-1{
	padding-top: 29.6%; background-image: url(imgs/P-07-1.png); 
}
.pm.s7-2{
	padding-top: 232.1%; background-image: url(imgs/P-07-2.png); 
}
.pm.s7-3{
	padding-top: 29.7%; background-image: url(imgs/P-07-3.png); 
}
.pm.s7-4{
	padding-top: 157.4%; background-image: url(imgs/P-07-4.png); 
}


.pm .txt1{
	width: 38%;overflow: hidden;position: absolute;left:4%;top:0;margin-top: 7.75%; font-size: 1rem; line-height: 1.2; font-weight: bold;[;margin-top:17.7%;]
}

.btn_go{
	width: 20rem;height: 6rem;display: inline-block;background-image: url(imgs/btn.png); background-size: 100% 100%;
}

.qrcode{
	width: 100%;height: 100%;background-color: rgba(0,0,0,0.8); position: fixed;left:0;top:0; display: none; cursor: pointer;
}

.qrcode .vt{
	display: table;width: 100%;height: 100%;
}
.qrcode .vd{
	display: table-cell;vertical-align: middle;text-align: center;
}
.qrcode span{
	padding: 2rem 0;color: #FFF;display: block; font-weight: bold;
}

@media screen and (max-width:1280px) {
	html{
		font-size: 14px;
	}
}

@media screen and (max-width:768px) {
	html{
		font-size: 16px;
	}
	
	body{
		background-color: #FFF;
	}
	
	.imgNav{
		background-image:none;margin:0; position: absolute;right: 1rem;top:0.6rem; width: 1.8rem;height: 1.4rem; background-image: url(imgs/menu.png); background-size: 100% 100%;cursor: pointer;
	}
	.navs{
		position: static; padding: 2rem 1rem;box-sizing: border-box;position: fixed;left:0;top:0;width: 60%;height: 100%;background-color:rgba(74,169,253,0.98);z-index: 9; display: none;
	}
	
	.navs a.s1,.navs a.s2,.navs a.s3,.navs a.s4,.navs a.s5,.navs a.s6,.navs a.s7,.navs a.s8,.navs a.s9,.navs a.s10{
		width: 100%;height: auto;
	}
	
	
	.navs a{
		color: #000; font-size: 1rem; padding: 1rem 0; color: #1d5095; border-bottom: 1px solid #1d5095;
	}
	.navs a.s10{
		width: 1rem;height: 1rem;position: absolute;right:1rem;top:1rem;padding: 0;border:0px; background-image: url(imgs/btn_closex.png); background-size: 100% 100%; cursor: pointer;
	}
	
	.navs a.active{
		font-weight: bold;color: #FFF;
	}
	
	
	.el.s1{
		display: none;
	}
	
	.header{
		height: 5rem;
	}
	.el.logo{
		left:0; position: static;margin-top:3%;
	}
	.main{
		margin: auto 1rem;margin-top:-1rem;padding: 0 1rem; padding-bottom:2rem;  
	}
	.main .inside{
		margin: auto;
	}
	.main .inside{
		padding-top: 1rem;
	}
	.pm.s7-1{
		background-image: url(imgs/P-07-1_m.png);padding-top: 40%;
	}
	.pm.s7-2{
		background-image: url(imgs/P-07-2_m.png);padding-top: 1162%;
	}
	.pm.s7-3{
		background-image: url(imgs/P-07-3_m.png);padding-top: 40%; margin-top: 2rem;
	}
	.pm.s7-4{
		background-image: url(imgs/P-07-4_m.png);padding-top: 807%;
	}
	
	.pm.s6-1{
		background-image: url(imgs/05_m.png);padding-top: 43%;
	}
	
	.pm.s6-2{
		background-image: url(imgs/P-06-1_m.png);padding-top:700%;
	}
	.pm.s6-3{
		background-image: url(imgs/06_m.png);padding-top: 43%; margin-top: 2rem;
	}
	.pm.s6-4 {
		padding-top: 462%;
		background-image: url(imgs/P-06-2_m.png);
	}
	.pm{
		margin-top: 2rem;
	}
	.pm.s0{
		background-image: url(imgs/P-00_m.png); padding-top: 166.8%;
	}
	.pm.s1{
		background-image: url(imgs/P-01_m.png); padding-top: 166.8%;
	}
	.pm.s2{
		background-image: url(imgs/P-02_m.png); padding-top: 175%;
	}
	.pm.s3{
		background-image: url(imgs/P-03_m.png); padding-top: 210%;
	}
	.pm.s4{
		background-image: url(imgs/P-04_m.png); padding-top: 200%;
	}
	.pm.s5{
		background-image: url(imgs/P-05_m.png); padding-top: 657%;
	}
	.el.s2{
		width: 16%;
	}
	.el.s0{
		width: 16%; left:0; margin-left: auto;right: 0;margin-right:6%;margin-top:-4%; 
	}
	.pm .txt1{
		width: 80%;left:9%;margin-top:16%; font-size: 0.9rem; line-height: 1.3;
	}
	.pm.s2 .txt1{
		margin-top:18%;
	}
	.pm.s3 .txt1{
		margin-top:20%;
	}
	.el.s3{
		width: 16%; left:0; margin-left: auto;right: 0;margin-right:2%;margin-top:-4%; 
	}
	.el.s4{
		width: 18%; left:0; 
	}
	.btn_go{
		width:14rem;height: 4rem;
	}
	.footer{
		background-image:url(imgs/fbg_m.png); height: 4rem;  margin-top: -2rem;background-size:100% 100%; 
	}
	.footer .inside{
		padding-bottom:0.4rem;font-size:0.5rem;position: static;padding-bottom:auto;padding-top:11%;
	}

}

@media screen and (max-width:375px) {
	html{
		font-size: 14px;
	}
}
@media screen and (max-width:320px) {
	html{
		font-size: 12px;
	}
}