body{
    background:rgba(247,248,250,1);
}
.banner{
    position: relative;
    width: 100%;
}
.banner img{
    display: block;
    width: 100%;
}
.banner>div{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto auto;
    width:1080px;
    height:320px;
    background:rgba(0,0,0,0.4);
}
.banner>div p:first-child{
    font-size:46px;
    font-weight:400;
    color:rgba(255,255,255,1);
    text-align: center;
    margin-top: 5%;
}
.banner>div div{
    width:50%;
    height:2px;
    background:rgba(255,255,255,1);
    margin: 0 auto;
    margin-top: 17px;
}
.banner>div p:last-child{
    font-size:28px;
    font-weight:400;
    color:rgba(255,255,255,1);
    text-align: center;
    margin-top: 39px;
}
.center_content{
    margin-bottom: 100px;
}
.center_content ul li{
    width:1180px;
    height:520px;
    background:rgba(255,255,255,1);
    margin: 17px auto 0;
    position: relative;
}

.center_content ul li .title_box .number{
    width:60px;
    height:60px;
    background:rgba(243,159,57,1);
    border-radius:8px;
    font-size:32px;
    font-weight:500;
    color:rgba(255,255,255,1);
    text-align: center;
    line-height: 60px;
    position: absolute;
    top: 57px;
    left: 60px;
}
.center_content ul li .title_box .title{
    width:520px;
    height:60px;
    border:2px solid rgba(243,159,57,1);
    border-radius:8px;
    font-size:24px;
    font-weight:500;
    color:rgba(34,34,34,1);
    line-height:60px;
    position: absolute;
    top: 57px;
    left: 139px;
}
.center_content ul li .content_box .left img{
    position: absolute;
    top: 238px;
    left: 124px;
}
.center_content ul li .content_box .left .author{
    font-size:32px;
    font-weight:600;
    color:rgba(34,34,34,1);
    line-height:60px;
    position: absolute;
    top: 226px;
    left: 193px;
    letter-spacing:2px
}
.center_content ul li .content_box .left .line{
    width:137px;
    height:4px;
    background:rgba(243,159,57,1);
    border-radius:2px;
    position: absolute;
    top: 283px;
    left: 184px;
}
.center_content ul li .content_box .left .intro{
    font-size:18px;
    font-weight:400;
    color:rgba(34,34,34,1);
    position: absolute;
    top: 297px;
    left: 260px;
}
.center_content ul li .content_box .middle{
    position: absolute;
    top: 226px;
    left: 380px;
}
.center_content ul li .content_box .middle p{
    font-size:16px;
    font-weight:400;
    color:rgba(34,34,34,1);
    line-height:30px;
}
.center_content ul li .content_box .right img{
    width: 170px;
    height: 220px;
    position: absolute;
    top: 168px;
    right: 198px;
}
.center_content ul li .content_box .right p{
    font-size:24px;
    font-weight:400;
    color:rgba(243,159,57,1);
    line-height:22px;
    position: absolute;
    top: 457px;
    right: 324px;
}
.center_content ul li .content_box .right p span{
    font-size:20px;
    font-weight:400;
    color:rgba(243,159,57,1);
    line-height:22px;
}

.center_content ul li .content_box .right a{
    width:120px;
    height:46px;
    background:rgba(243,159,57,1);
    font-size:18px;
    font-weight:bold;
    color:rgba(255,255,255,1);
    line-height:46px;
    text-align: center;
    position: absolute;
    top: 440px;
    right: 183px;
}

.mask{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
    display: none;
}
.mask .register_box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    margin: 0 auto;
}