@charset "utf-8";
/* CSS Document */
body{
	padding: 0;
	margin: 0;
	background-color: #22222C;
}
h1,h2,h3,h4,h5,h6{
	margin: 20px 0;
	font-weight: bold;
}
a{
	color: #f66f56;
}
p{
	font-size: 16px;
	line-height: 38px;
	margin: 0 0 12px;
}
li{
	list-style:none;
}
ul{
	padding: 0;
}
body{
	background-image: url(../images/bj.png);
}
.notice_bj{
	
	color: #FFFFFF;
	/*padding: 40px 80px;*/
}
.n_title{
	display: -webkit-box;
}
.n_title img{
	margin: 8px 24px 0 0;
}
.n_title p{
	font-weight: bold;font-size: 18px;
}
.n_bty{
	line-height: 40px;
}
.n_smart{
	border-radius: 24px;
	background-color: #1B1B23;
	padding: 20px 30px 10px;
	margin-top: 30px;
}
.yhsp{
	font-size: 14px;
	color:hsla(0,0%,100%,0.60);
}
.n_smart .n_title p{
	font-size: 16px;
	color:hsla(0,0%,100%,0.80);
}
.buttonbox{
	margin: 0 auto;
	width: 626px;
}
.n_button{
	padding: 16px 40px;
	background-color: #5672F6;
	width: 280px;
	border-radius: 12px;
	text-align: center;
	margin: 16px;
	color: #FFFFFF;
	font-size: 20px;
	text-decoration: none;
	float: left;
}
.n_button2{
	background-color:#2bab5e;
	color: #ffffff;
}
.n_button3{
	padding: 16px 40px;
	background-color: #5672F6;
	width: 280px;
	border-radius: 12px;
	text-align: center;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 20px;
	text-decoration: none;
}
.n_go:hover,
.n_go:active{
	text-decoration: none;
}
.n_nr{
    margin: 30px auto 0;
}
.n_left{
	/*width: 60%;
	display: inline-block;
	box-sizing: border-box;*/
}
.n_czlc{
	margin: 70px 0 0;
	/*width: 30%;
	display: inline-block;
	box-sizing: border-box;*/
}
.n_num{
	background-color: #5672F6;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	margin-right: 15px;
}
.czlc_nr > ul > li{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}
.czlc_nr > ul > li > p{
	font-weight: 400;
	color: #CCCCCC;
	margin:10px 0 10px 50px ;
	line-height: 30px;
	/*border-left: 1px #5672F6 solid;*/
}
.czlc_nr{
	position: relative;
}
.line1::before {
    content: ' ';
    height: 8px;
    width: 2px;
    background-color: #5672F6;
    position: absolute;
    left: 14px;
    z-index: 1;
    margin-top: 36px;
}
.line2::before {
    content: ' ';
    height: 286px;
    width: 2px;
    background-color: #5672F6;
    position: absolute;
    left: 14px;
    z-index: 1;
    margin-top: 36px;
}
.n_bty h3::before {
    content: ' ';
    height: 4px;
    width: 264px;
    background-color: #5672F6;
    position: absolute;
    left: 14px;
    z-index: -1;
    margin-top: 22px;
}
@media screen and (min-width: 1920px) {
    .n_nr {
    margin: 110px auto 0;
}
	.n_button{
		margin: 60px 16px 30px ;
}
}