@font-face {
    font-family: 'HYChengXingJ';
    src: url('./HYChengXingJ.ttf');
}

html {
    width: 100%;
    height: 100%;
}

/** index **/
.index-body {
    background-color: #f0f5f8;
}

.index-header {
    height: 80px;
    background: linear-gradient(90deg, #5395F0 0%, #59B9CD 45%, #648FF2 99%);
    box-shadow: 0px 4px 0px 0px rgba(125, 185, 255, 0.66);
    color: #fff;
}

.index-header-img {
    width: 159px;
    height: 50px;
    padding: 15px;
}

.index-header-title {
    font-size: 24px;
}

.index-header-r {
    height: 80px;
    text-align: right;
    font-size: 16px;
}

.index-header-btn {
    text-align: center;
    display: inline-block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    margin: 25px 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    border-radius: 15px;
    cursor: pointer;
}

.index-header-btn:hover {
    background-color: #fff;
    color: #59B9CD;
}

.index-carousel {
    padding: 20px 0;
}

.index-main {
    height: 430px;
    background-color: #fff;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.index-main-title {
    height: 35px;
    line-height: 24px;
    font-size: 22px;
    font-weight: 400;
    border-bottom: solid 1px #F0F5F8;
}

.index-act {
    width: 41px;
    color: #010101;
}

.index-env {
    width: 82px;
    color: #5396F0;
}

.index-more {
    width: 100px;
    height: 26px;
    line-height: 26px;
    background: #F0F5F8;
    border-radius: 13px;
    font-size: 16px;
    font-weight: 400;
    color: #328AFF;
    float: right;
    text-align: center;
    cursor: pointer;
}

.index-act-item {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}

.index-act-topic {
    float: left;
    width: 400px;
    cursor: pointer;
}

.index-act-date {
    padding-left: 35px;
    color: #363636;
}

.index-nav-1 {
    cursor: pointer;
    height: 170px;
    background: linear-gradient(120deg, #59CFE8, #1F82E0);
    box-shadow: 0px 29px 46px 0px #C2E7F7;
    border-radius: 10px;
}

.index-nav-2 {
    cursor: pointer;
    height: 170px;
    background: linear-gradient(120deg, #7D71D7, #7B3EC8);
    box-shadow: 0px 29px 46px 0px #CEC4EE;
    border-radius: 10px;
}

.index-nav-3 {
    cursor: pointer;
    height: 170px;
    background: linear-gradient(120deg, #FF6B45, #FF9501);
    box-shadow: 0px 29px 46px 0px rgba(255, 117, 52, 0.44);
    border-radius: 10px;
}

.index-nav-4 {
    cursor: pointer;
    height: 170px;
    background: linear-gradient(120deg, #F07D93, #EA624E);
    box-shadow: 0px 29px 46px 0px #F9C8CC;
    border-radius: 10px;
}

.index-nav-icon {
    padding: 20px 0 0 30px;
    color: #fff;
    font-size: 40px;
}

.index-nav-text {
    padding: 20px 0 0 30px;
    color: #fff;
    font-size: 24px;
}

.index-footer {
    padding: 10px 0;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #515151;
    line-height: 20px;
    color: #ffffff;
    width: 100%;
}

.index-bg-left {
    background-image: url('../images/new/bg-left.png');
    width: 116px;
    height: 261px;
    position: absolute;
    top: 650px;
    left: 0;
    content: '';
    z-index: -1;
}

.index-bg-right {
    background-image: url('../images/new/bg-right.png');
    width: 483px;
    height: 429px;
    position: absolute;
    top: 650px;
    right: 0;
    content: '';
    z-index: -99;
}

/** login **/
.login-body {
    width: 100%;
    height: 100%;
    background-position: center;
    background-image: url('../images/new/bg.png');
    background-repeat: no-repeat;
    min-height: 700px;
}

.logo-area {
    padding: 45px 75px;
}

.logo-area > img {
    width: 287px;
}

.go-area {
    padding-top: 15%;
    text-align: center;
}

.go-login {
    width: 434px;
    height: 204px;
    line-height: 170px;
    font-size: 36px;
    color: #FFFFFF;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 70px;
    cursor: pointer;
}

.login1 {
    background-image: url('../images/new/login1.png');
}

.login2 {
    background-image: url('../images/new/login2.png');
}

.footer-area {
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #003191;
    height: 60px;
    line-height: 60px;
    color: #ffffff;
    width: 100%;
}

/*login*/
.login-area {
    background: linear-gradient(36deg, #535DE0, #77A0FE);
    box-shadow: 2px 4px 9px 0px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 0;
}

.login-area-left {
    width: 100%;
}

.login-area-left > img {
    width: 100%;
}

.login-area-right {
    width: 100%;
}

.login-box-title {
    margin: 40px 0 0 20px;
    font-size: 25px;
    line-height: 40px;
    color: #ffffff;
    font-weight: bolder;
    border-bottom: solid 5px #FFF;
    width: 205px;
}

.login-box-main {
    margin: 30px;
}

.login-box-label {
    padding-top: 15px;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
}

.login-box-input > input {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    width: 100%;
    background-color: transparent;
    color: #fff;
    border: none;
    border-bottom: solid 1px #fff;
}

.captcha-area {
    height: 50px;
    line-height: 50px;
    text-align: right;
    cursor: pointer;
}

.login-btn-area {
    width: 100%;
    text-align: center;
    padding-top: 40px;
}

.login-btn-area > button {
    width: 200px;
    height: 45px;
    background: #58A3F5;
    color: #fff;
    font-size: 16px;
    box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.17);
    border-radius: 23px;
    border: none;
    cursor: pointer;
}

.layui-form-label-long {
    float: left;
    display: block;
    padding: 9px 15px;
    width: 100px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
}