/* CSS Document */
body{
	 margin:auto; padding:0; background-color:#666666;--width:640px;
}
ul,li{
	margin:auto;
	padding:0;
	list-style-type: none;
}
a{
	text-decoration: none;
	color: #000000;
}
.box{ max-width:640px; margin:auto;}
.body{ float:left; width:100%;line-height:1.5;background-color: #F6F6F6;}
.box *{ max-width:100%;}
.block{ background-color:#ffffff; padding:10px 0 20px 0; float:left; width:100%; clear:both;}
.navindexul{ display:table; width:100%; padding:0; margin:auto;}
.navindexli{ display:table-cell;padding:0; margin:auto; text-align:center;}
.navindexa{
	display:block;
	position:relative;
	text-decoration: none;
	color: #000000; padding:10px;
}
.navindexico{color:#246AFD; font-size:28px; position:relative;}
.navindexb{
	display:block;
	font-weight: normal;
	color: #666666;
}
.navindexspan{ background-color:red; color:#fff; font-size:10px; position:absolute; right:-20px; top:-10px;border-radius:100%; width:18px; line-height:18px; overflow:hidden;}

.indexnav{ padding:0 10px;}
.indexnavit{
	background-color: #E4EBFE; float:left;background-repeat: no-repeat;
	background-position: right bottom; width:48%; background-size:100%;border-radius:10px; position:relative;
}
.indexnava{
	display:block;
	float:left;
	width:100%;
	height:100%;
	color: #000000;
	text-decoration: none; padding:20px;box-sizing:border-box;
}
.indexnava1{
	background-image: url(a1.jpg);
 height:calc(var(--width,100vw) * 0.48);
}
.indexnava2{ float:right;	background-image: url(a2.jpg);  height:calc(var(--width,100vw) * 0.24 - 5px);
	}
.indexnava3{ float:right;	background-image: url(a3.jpg); height:calc(var(--width,100vw) * 0.24 - 5px); margin-top:10px;
}
.clear{ clear:both;}
.indexnavtitle{
	font-size:24px;
	position:relative;
	position:absolute;
	float:left;
	top:20px;
	left:20px;
	padding-left:15px;
	font-weight: bold; 
}
.indexnavtitle:before{ position:absolute; content:''; height:24px; left:0; top:50%; margin-top:-12px; width:5px;background-color:#246AFD;}
.indexnavzxbtn{ background-color:#FC5B00; color:#fff; position:absolute; left:20px; bottom:20px; float:left; padding:5px 15px; font-size:14px;}

.banner{ width:calc(100% - 20px); margin:10px;border-radius:10px; overflow:hidden;}
.blocknav{ float:left; width:100%;}
.blocknavul{ margin:auto; padding:0; width:calc(100% - 20px); float:left; margin:10px;}
.blocknavli{  margin:auto; padding:0;float:left; width:calc(50% - 5px); float:left; background-color:#FFFFFF; position:relative;border-radius:10px;}
.blocknava{ display:block; padding:20px 10px; float:left; width:100%;box-sizing:border-box;}
.blocknavli:nth-child(2n){ float:right;}
.blocknavli:nth-child(2n+1){ clear:both;}

.blocknavtitle{ float:left; padding:0px 10px;}
.blocknavt1{
	font-size:22px;
	font-weight: bold; line-height:1;
}
.blocknavt2{ font-size:14px; color:#666666; margin-top:5px;}
.blocknavico { background-color:#286DF9; color:#ffffff;border-radius:100%; position:absolute; width:50px; height:50px; line-height:50px; text-align:center; font-size:32px; position:absolute; top:50%; margin-top:-25px; right:20px;}

.notice{ background-color:#ffffff;box-shadow:0 0 5px rgba(100,100,100,0.3); padding:10px; width:calc(100% - 20px); margin:10px; clear:both;border-radius:10px; box-sizing:border-box; padding:20px 10px;}

.noticeico{color:#286DF9;}
.noticebtn{ background-color:#286DF9; color:#ffffff;border-radius:5px; padding:5px; font-size:14px;}
.noticetag{ background-color:#DFF0FF; color:#7EA0F9; margin-left:5px; margin-right:5px;border-radius:5px; padding:2px 5px; font-size:14px;}