body {
	padding: 0;
	margin: 0;
	background: #0b1945;
}

h1,
h2,
h3,
h4,
p {
	padding: 0;
	margin: 0;
}


/* media */



/* 竖屏 */


header {
	height: 0.8rem;
	background-color: #0e4b8c;
	border-bottom: 1px solid #0f81a1;
	position: absolute;
	z-index: 1000;
	width: 100%;
}

.logo {
	position: absolute;
	left: 0.3rem;
}

.logo img {
	width: 0.5rem;
	height: 0.5rem;
	border: 0px;
	box-shadow: 0px 0px 20px 0px #FFF;
	border-radius: 0.5rem;
	overflow: hidden;
}

.logo h2 {
	font-size: 0.27rem;
	color: #FFF;
	padding-left: 15px;
	line-height: 0.8rem;
}

.date1080 {
	position: absolute;
	right: 0.3rem;
}

.date1080 h2 {
	color: #FFF;
	font-size: 0.25rem;
	height: 0.2rem;
	text-align: center;
	font-weight: normal;
	padding-top: 0.2rem;
}

.date1080 p {
	color: #FFF;
	font-size: 0.12rem;
	text-align: center;
	height: 0.1rem;
	margin-top: 0.1rem;
}

.logo2_1920 {
	position: absolute;
	right: 0.3rem;
	top: 1.14rem;
}

.logo2_1920 img {
	width: 0.7rem;
	height: 0.7rem;
	margin: 0;
}

.logo2_1920 p {
	font-size: 0.27rem;
	color: #FFF;
	padding-right: 0.1rem;
	font-weight: normal;
	letter-spacing: 0.08rem;
	height: 0.45rem;
	line-height: 0.45rem;
	margin: 0;
}

.logo2_1920_bottom {
	position: absolute;
	right: 0;
	top: 1.2rem;
}

.logo2_1920_bottom img {
	width: 4.5rem;
	height: 2px;
}

/* 底部 */
footer {
	position: fixed;
	bottom: 0px;
	height: 0.68rem;
	background-color: #0e4b8c;
	padding: 0 0.3rem;
	width: 100%;
	box-sizing: border-box;
	z-index: 1000;
	border-top: 1px solid #108ba4;
}

footer .address {
	font-size: 0.2rem;
	color: #FFF;
	line-height: 0.68rem;
	padding-left: 0.3rem;
	background-image: url(../images/icon_address.png);
	background-repeat: no-repeat;
	background-size: 0.25rem 0.25rem;
	background-position: 0 center;
}

.date1920 {
	display: none;
}

.logo3 {}

.logo3 img {
	width: 0.56rem;
	height: 0.56rem;
}

.logo3 h2 {
	font-size: 0.2rem;
	color: #FFF;
	padding-right: 0.1rem;
	font-weight: normal;
}

/* main */
.main {
	top: 0.8rem;
	left: 0;
	position: relative;
	text-align: center;
}

.error_tip{
	font-size: 0.5rem;
	font-family: arial;
	font-weight: normal;
	color: #FFF;
	position: absolute;
	left: 0.2rem;
	padding-top:1.5rem;
}
.error_content{
	font-size: 0.8rem;
	font-family: arial;
	font-weight: normal;
	color: #FFF;
	padding-top:2.5rem;
}

.wai {
	position: absolute;
	left: 0.22rem;
	top: 0.05rem;
}

.w_yuan_bg {
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 1.6rem;
	background-color: #0c1c4d;
}

.w_yuan {
	width: 1.4rem;
	height: 1.4rem;
	border: 0.1rem solid;
	border-radius: 1.4rem;
	text-align: center;
}

.w_yuan h2 {
	font-size: 0.52rem;
	font-family: arial;
	font-weight: normal;
	margin-top: 0.2rem;
}

.left_info {
	color: #FFF;
	font-size: 0.15rem;
	width: 0.5rem;
	border-bottom: 1px solid #FFF;
	margin: 0;
	padding-bottom: 0.05rem;
}

.w_yuan p {
	font-size: 0.16rem;
	margin: 0;
	font-weight: bold;
	margin-top: 0.05rem;
}

.w_yuan_green {
	border-color: #6bcd07;
	box-shadow: 0 0 20px 1px #6bcd07;
	color: #6bcd07;
}

.w_yuan_green h2,
.w_yuan_green p {
	color: #6bcd07;
}

.w_yuan_yellow {
	border-color: #fcd12a;
	box-shadow: 0 0 20px 1px #fcd12a;
	color: #fcd12a;
}

.w_yuan_yellow h2,
.w_yuan_yellow p {
	color: #fcd12a;
}

.w_yuan_orange {
	border-color: #fe8800;
	box-shadow: 0 0 20px 1px #fe8800;
	color: #fe8800;
}

.w_yuan_orange h2,
.w_yuan_orange p {
	color: #fe8800;
}

.w_yuan_red {
	border-color: #fe0000;
	box-shadow: 0 0 20px 1px #fe0000;
	color: #fe0000;
}

.w_yuan_red h2,
.w_yuan_red p {
	color: #fe0000;
}

.w_yuan_red2 {
	border-color: #970454;
	box-shadow: 0 0 20px 1px #970454;
	color: #970454;
}

.w_yuan_red2 h2,
.w_yuan_red2 p {
	color: #970454;
}

.w_yuan_red3 {
	border-color: #62001e;
	box-shadow: 0 0 20px 1px #fe0000;
	color: #62001e;
}

.w_yuan_red3 h2,
.w_yuan_red3 p {
	color: #62001e;
}

.w_yuanq_pm {
	position: absolute;
	color: #2773e6;
	font-size: 0.2rem;
	text-align: center;
	top: 1.95rem;
}

/* 室内 */
.nei {
	position: relative;
	/* top: 1.5rem; */
}

.nei_bg {
	background-image: url(../images/yuan_bg.png);
	width: 5.3rem;
	height: 5.3rem;
	background-size: cover;
	margin: 0 auto;
}

.kedu50 {
	background-image: url(../images/kedu_50.png);
	width: 3.9rem;
	height: 3.9rem;
	background-size: cover;
}

.kedu100 {
	background-image: url(../images/kedu_100.png);
	width: 3.9rem;
	height: 3.9rem;
	background-size: cover;
}

.kedu150 {
	background-image: url(../images/kedu_150.png);
	width: 3.9rem;
	height: 3.9rem;
	background-size: cover;
}

.kedu200 {
	background-image: url(../images/kedu_200.png);
	width: 3.9rem;
	height: 3.9rem;
	background-size: cover;
}

.kedu300 {
	background-image: url(../images/kedu_300.png);
	width: 3.9rem;
	height: 3.9rem;
	background-size: cover;
}

.kedu500 {
	background-image: url(../images/kedu_500.png);
	width: 3.9rem;
	height: 3.9rem;
	background-size: cover;
}

.nei_info h2 {
	font-size: 0.9rem;
	font-family: arial;
	font-weight: normal;
	margin-top: 1.2rem;
	color: #FFF;
	height: 1rem;
}

.nei_info_dw {
	color: #FFF;
	font-size: 0.15rem;
	border-bottom: 1px solid #FFF;
	width: 1rem;
	padding-bottom: 0.05rem;
}

.nei_info p {
	font-size: 0.24rem;
	color: #FFF;
	font-weight: bold;
	margin-top: 0.02rem;
}

.nei_info h3 {
	font-size: 0.3rem;
	color: #FFF;
	font-weight: normal;
	margin-top: 0.35rem;
}

.zz {
	position: absolute;
	width: 2.83rem;
	height: 0.28rem;
	transform-origin: center;
	transition: 1s ease-out;
	background-size: 2.83rem 0.28rem;
	background-position: 0 center;
}

.zz50 {
	background-image: url(../images/zz_50.png);
}

.zz100 {
	background-image: url(../images/zz_100.png);
}

.zz150 {
	background-image: url(../images/zz_150.png);
}

.zz200 {
	background-image: url(../images/zz_200.png);
}

.zz300 {
	background-image: url(../images/zz_300.png);
}

.zz500 {
	background-image: url(../images/zz_500.png);
}

/* right */
.right_data {
	position: absolute;
	width: 100%;
	top: 6.5rem;
}

.right_data_bg {
	width: 6.6rem;
	height: 2.6rem;
	margin: 0 auto;
	border-radius: 6px;
	background: rgba(9, 22, 62, 0.5);
	color: #2773e6;
	border: 1px solid #2773e6;
}

.shinei_title {
	position: relative;
	width: 6rem;
	margin: 0 auto;
	box-sizing: border-box;
}

.right_data_bg h2 {
	font-size: 0.3rem;
	color: #2773e6;
	line-height: 0.5rem;
}

/* .right_data_bg h2::before {content: '';position: absolute; width: 2.5rem; border: 1px solid #102c66; left: 0; top: 0.25rem;}
	.right_data_bg h2::after {content: '';position: absolute; width: 2.5rem; border: 1px solid #102c66; right: 0; top: 0.25rem;} */

.right_data_list {
	padding-top: 0.2rem;
}

.right_data_list li {
	list-style: none;
}

.right_data_list li h2 {
	font-family: arial;
	font-weight: normal;
	color: #FFF;
	font-size: 0.4rem;
}

.right_data_list li img {
	width: 0.58rem;
	height: 0.48rem;
	margin-top: 0.1rem;
}

.right_data_list li p {
	color: #2773e6;
	font-size: 0.3rem;
	margin-top: 0.15rem;
}
.right_data_list li:last-child p {margin-top: 0.19rem;}

/* color_bar */
.color_bar_bg {
	position: fixed;
	bottom: 0.68rem;
	width: 100%;
	height: 1.36rem;
	background-image: url(../images/color_bar_bg.png);
	background-size: cover;
}

.color_bar {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0.2rem;
}

.color_bar img {
	width: 7rem;
	height: auto;
}


/* 手机 */
@media only screen and (max-width:767px) {

	.wai {
		position: absolute;
		z-index: 1000;
		background-color: transparent;
		left: 0rem;
		top: 0rem;
	}

	
	.nei {
		position: relative;
		top: 0.5rem;
	}

	.logo2_1920_bottom {
		display: none;
	}

	
	.right_data {
		position: absolute;
		width: 100%;
		top: 6rem;
	}

	.right_data_bg {
		width: 6.6rem;
		height: 3rem;
	}

	.right_data_bg h2 {
		font-size: 0.3rem;
		color: #2773e6;
		padding-top: 0.2rem;
		height: 0.35rem;
	}

	.right_data_list {
		padding-top: 0.2rem;
	}

	.right_data_list li h2 {
		font-size: 0.35rem;
	}

	.right_data_list li img {
		width: 0.82rem;
		height: 0.68rem;
		margin-top: 0.1rem;
		margin-top: 0.1rem;
	}

	.right_data_list li p {
		margin-top: 0.1rem;
		font-size: 0.3rem;
	}

	.color_bar {
		position: absolute;
		width: 100%;
		text-align: center;
		bottom: 0rem;
	}

	.nei_info h3 {
		font-size: 0.3rem;
		color: #FFF;
		font-weight: normal;
		margin-top: 0.35rem;
	}

	.w_yuanq_pm {
		position: absolute;
		color: #2773e6;
		font-size: 0.25rem;
		text-align: center;
		top: 1.95rem;
	}

	.color_bar {
		position: absolute;
		width: 7rem;
		height: 1.16rem;
		bottom: 0.4rem;
		background-image: url(../images/color_bar2.png);
		background-size: cover;
		background-repeat: no-repeat;
		left: 50%;
		margin-left: -3.5rem;
	}

}

/* ipad */
@media only screen and (min-width: 768px) {
	
	.main {top: 0.45rem;}

	.wai {
		position: absolute;
		z-index: 1000;
		background-color: transparent;
		left: 0rem;
		top: 0.2rem;
	}

	/* 室内 */
	.nei {
		position: relative;
		top: 0.46rem;
	}

	.logo2_1920_bottom {
		display: none;
	}

	/* right */
	.right_data {
		position: absolute;
		width: 100%;
		top: 4.9rem;
	}

	.right_data_bg {
		width: 6.6rem;
		height: 2rem;
		margin: 0 auto;
		border-radius: 6px;
		background: rgba(9, 22, 62, 0.5);
		color: #2773e6;
		border: 1px solid #2773e6;
	}

	.right_data_bg h2 {
		font-size: 0.25rem;
		color: #2773e6;
		line-height: 0.5rem;
	}

	.right_data_list {
		padding-top: 0rem;
	}

	.right_data_list li img {
		margin-top: 0rem;
	}

	.right_data_list li p {
		margin-top: 0rem;
		font-size: 0.25rem;
	}
	
	.right_data_list li:last-child p {margin-top: 0.02rem;}

	.color_bar {
		position: absolute;
		width: 7rem;
		height: 0.49rem;
		text-align: center;
		bottom: 0.2rem;
		background-image: url(../images/color_bar.png);
		background-size: cover;
		background-repeat: no-repeat;
		left: 50%;
		margin-left: -3.5rem;
		
	}

}

/* pc */
@media only screen and (min-width: 1079px) {

	.wai {
		position: absolute;
		left: 0.22rem;
		top: 0.15rem;
	}

	
	.nei {
		position: relative;
		top: 1.5rem;
	}

	.logo2_1920_bottom {
		display: none;
	}

	
	.right_data {
		top: 7.3rem;
	}
	
	.right_data_bg {
		width: 6.6rem;
		height: 2.8rem;
		margin: 0 auto;
		border-radius: 6px;
		background: rgba(9, 22, 62, 0.5);
		color: #2773e6;
		border: 1px solid #2773e6;
	}
	
	.shinei_title {
		position: relative;
		width: 6rem;
		padding-top: 0.2rem;
		margin: 0 auto;
		box-sizing: border-box;
	}
	
	.right_data_bg h2 {
		font-size: 0.3rem;
		color: #2773e6;
		line-height: 0.5rem;
	}
	
	
	.right_data_list {
		padding-top: 0.2rem;
	}
	
	.right_data_list li {
		list-style: none;
	}
	
	.right_data_list li h2 {
		font-family: arial;
		font-weight: normal;
		color: #FFF;
		font-size: 0.4rem;
	}
	
	.right_data_list li img {
		width: 0.58rem;
		height: 0.48rem;
		margin-top: 0.1rem;
	}
	
	.right_data_list li p {
		color: #2773e6;
		font-size: 0.3rem;
		margin-top: 0.15rem;
	}
	.right_data_list li:last-child p {margin-top: 0.19rem;}

	.color_bar {
		position: absolute;
		bottom: 0.6rem;
		
		width: 6.5rem;
		height: 0.4rem;
		background-image: url(../images/color_bar.png);
		background-size: cover;
		background-repeat: no-repeat;
		left: 50%;
		margin-left: -3.25rem;
	}
}