﻿.g-container {
    padding-top: 0;
    background: #fff
}

.g-container .g-banner {
    height: 500px;
    background: -webkit-gradient(linear, left top, left bottom, from(#002f81), color-stop(92.79%, #3a6fce));
    background: -webkit-linear-gradient(top, #002f81, #3a6fce 92.79%);
    background: -moz-linear-gradient(top, #002f81 0, #3a6fce 92.79%);
    background: -o-linear-gradient(top, #002f81 0, #3a6fce 92.79%);
    background: linear-gradient(180deg, #002f81, #3a6fce 92.79%)
}

.g-container .g-banner .g-banner-bg {
    width: 100%;
    height: 100%;
    padding-top: 190px;
    background-image: url(../image/b2525549c7bc8b49aa6b48dd36b9f58c.png);
    background-repeat: no-repeat;
    background-position: top;
    -webkit-background-size: 1920px 500px;
    -moz-background-size: 1920px 500px;
    background-size: 1920px 500px
}
.g-container .g-banner .g-banner-bg2 {
    width: 100%;
    height: 100%;
    padding-top: 190px;
    background-image: url(../image/a28d11dc11439ef589696e4f50979750.png);
    background-repeat: no-repeat;
    background-position: top;
    -webkit-background-size: 1920px 500px;
    -moz-background-size: 1920px 500px;
    background-size: 1920px 500px
}
.g-container .g-banner h2 {
    font-weight: 500;
    font-size: 40px;
    line-height: 56px;
    color: #fff
}

.g-container .g-banner h2 span {
    font-size: 56px
}

.g-container .g-banner a.js-free-use {
    display: block;
    width: 220px;
    height: 44px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    color: #236def;
    background: #fff;
    text-align: center;
    margin-top: 30px;
    line-height: 44px;
    font-size: 16px;
    -webkit-box-shadow: 0 6px 30px rgba(74, 93, 139, .4);
    -moz-box-shadow: 0 6px 30px rgba(74, 93, 139, .4);
    box-shadow: 0 6px 30px rgba(74, 93, 139, .4);
    font-weight: 400
}
.g-container .g-banner a.js-free-use1 {
    display: block;
    width: 220px;
    height: 44px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    color: #236def;
    background: #fff;
    text-align: center;
    margin-top: 30px;
    line-height: 44px;
    font-size: 16px;
    -webkit-box-shadow: 0 6px 30px rgba(74, 93, 139, .4);
    -moz-box-shadow: 0 6px 30px rgba(74, 93, 139, .4);
    box-shadow: 0 6px 30px rgba(74, 93, 139, .4);
    font-weight: 400
}
.g-container .g-main-content h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    color: #111f33;
    margin-top: 100px
}

.g-container .g-main-content .main-params table {
    width: 100%;
    table-layout: fixed;
    margin-top: 24px
}

.g-container .g-main-content .main-params table th {
    font-size: 16px;
    line-height: 22px;
    color: #111f33;
    background: #eceff4;
    border: 1px solid #dfe3e6;
    padding: 13px 0
}

.g-container .g-main-content .main-params table td {
    font-size: 14px;
    line-height: 200%;
    text-align: center;
    color: #787e87;
    background: #fff;
    border: 1px solid #eceff4;
    padding: 46px 0
}

.g-container .g-main-content .main-functions h2 {
    margin-top: 80px;
    line-height: 62px
}

.g-container .g-main-content .main-functions h2 span {
    font-weight: 500;
    font-size: 44px;
    color: #38c299;
    vertical-align: bottom;
    display: inline-block;
    margin: 0 8px
}

.g-container .g-main-content .main-functions .main-functions-info {
    background: rgba(56, 194, 153, .04);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #38c299;
    padding: 35px 0;
    margin-top: 21px
}

.g-container .g-main-content .main-functions .main-functions-info p {
    text-align: center;
    line-height: 34px;
    color: #111f33;
    margin-top: 13px;
    font-size: 18px
}

.g-container .g-main-content .main-functions .main-functions-info p:first-child {
    margin-top: 0
}

.g-container .g-main-content .main-functions .main-functions-info p span {
    display: inline-block;
    font-size: 24px;
    margin: 0 4px;
    vertical-align: bottom
}

.g-container .g-main-content .main-functions table {
    margin-top: 50px;
    font-size: 22px;
    font-weight: 500
}

.g-container .g-main-content .main-functions table thead tr {
    background: #f8f9fb
}

.g-container .g-main-content .main-functions table thead tr th {
    height: 90px;
    line-height: 90px;
    padding: 0;
    color: #676c73;
    font-weight: 500
}

.g-container .g-main-content .main-functions table thead tr th:nth-child(2) {
    font-size: 24px;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#1edca0), to(rgba(30, 220, 117, .58)));
    background: -webkit-linear-gradient(left, #1edca0, rgba(30, 220, 117, .58));
    background: -moz-linear-gradient(left, #1edca0 0, rgba(30, 220, 117, .58) 100%);
    background: -o-linear-gradient(left, #1edca0 0, rgba(30, 220, 117, .58) 100%);
    background: linear-gradient(90deg, #1edca0, rgba(30, 220, 117, .58));
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    line-height: 40px;
    height: 40px;
    padding: 25px
}

.g-container .g-main-content .main-functions table thead tr th:nth-child(2) i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUpSURBVHgB7ZtLi1xFFMdPDyo+orQbBVc3KxFcZCA7EXqQCO4mroVp/QKJ4GPhonuWrrpduREy+QSTlbibIGQhWWRiXIrduFGiEAUfE5Gc/A9dBZ2bqjp1H9NTt6d+cKierltV5/673lVDlMlkMplMJpPJZDKZjtGjY4KZ+wiGsD6dLIe9Xu8adQmIV8BmnA4j6gqcnniW9EXkdMWzpCsipy+epVURWxlE4FSB4ABWOKLnsKu0egrYjidujIFll1KAwzVvZsQ9Kd/Gq6qJdR3sw26lKN6Sj2mKqIh3LwXxLIqIO7RqIsQ7R4kBn6bJiIgC97skngW+7Z24iCjoSsCJZMWzKCIO6DhRxBtSRwiIeHwtCBlP1kE8gVfdhyPD0bqIZ1mZiIp4Y+owfNzzWGSwva7iWYyIM8873tLSP6HE+6rxFGvJMYUdk3X2kxSPXZez+cxUD1fa/+HvA+fDvd4f8HULH2eOaLUZawJeh7mWO0MU+gUKn/sSIk5+QRHwaUe0FamJUOW87GeiRzdJjuDLf0oevjngnBTU3RiIMEVwyZP5pvyCSvqXETxD1SkLW66hWlp55j78+4XC/sm7TR1R8l6boUqy7BQphchW1cARdQ0FXFTSbiA4C3uWHq0h5aZaro0xceVnlrkP+9HXdI1vBQLp51znNhdjzlJiBeybggpHtLq3hvRPIXidFs1Za7KuZi3fiRAbFBbevs8R7IdQ0+XwHuau1scvOxaF8msNUeBVJb2Id54WNbFNyoL/C7sJf44o7I+8i2uQkL79MlUoPBqZ1iDYd0RJf7GFgg+V9CLeW7QYnUNl+5ry8t+u9FLjvoUff1LYjwkCl0hziujXqeRMJcz8b+QpfEvrdJH+RQTvUFhEX79m43wDioj3E4XLF9/Hjqg5RfhfptaZCJzYI/fQf2ic0EbmVxFcIHdfFju1KT/3Hcq9SeFyfS1I2NRakM+JyphBRTpgVx+yB0fej8hD+sO37Z/UDKl5NyhcXkH+PvxDpJ9SDWqfyimjWNSpl1kBXCC/bw9I7ytvoKyvqb6v0SOui0bHmrzYsRDHas+jkMe7CETIUN/mGzRuo4yvSC9Dmu22I0qdx2o0ElCAczKaTRxRUTN5k8cHCN6kx30LjcY/wz5H/v9QOO9WBw1yONkYZWSOWe7J9Eaa/Nnlrx3+2e/uSnnI9zcl30bLtBhaEVAILPeuw9GtiPTPIfgS9hKFffsV9jHyvKvkJ92LbzsqqnuJYYPaQ/qSueP7gZm4BsEL/Y3gE9hfsBdgZ2DPL9kZ8+inEeIV5J+u7PZSvS/Ii2se9zybk1HLIzz3Cuwb2B3Y98buGDsfkT60QVprqrJS4OSA/USdM+C512C3jRDW1LmlSes7/FJ3l5NBapvnJWYcec6A596A/W7so8g0o6blJgP7r1LIIU7UvWk89x7ss8hnfec3Sd3TqQT7T7yuUItwC31vknD47uCIWkApY0xdBy9xLlA7dqghgVq+T+sCXmboeclGNwDYP+LOOLKf7Qzsv+QoL1tQRXidRtxY2H8rqtIcjRfdgo/kr9jVhsN3USYUAa/7oKGhCHBZSds/1eJZOLzcGwTS+a4Wd2eZ1hbsX+45Vw58GgcNDfYv90SU/tJzl6qIfaqAAAcecQ5MfGiZtk2nHQ4PDBPOg4aOUstcpL8xumo4fJ14mRmv2zKtLTj8P21WvIIyfjj8n0Tru0xrC/Yv97q7Mbpq+PHl3pgy1eHFki8PGJlMJpPJZDKZTCaTySTEQ2eYeyyfCJLCAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 8px;
    vertical-align: top
}

.g-container .g-main-content .main-functions table tbody tr {
    background: #f8f9fb
}

.g-container .g-main-content .main-functions table tbody tr td {
    height: 80px;
    line-height: 80px;
    padding: 0;
    border: 1px solid #dfe3e6;
    position: relative
}

.g-container .g-main-content .main-functions table tbody tr td:first-child {
    text-align: center
}

.g-container .g-main-content .main-functions table tbody tr td:nth-child(2) {
    border: 4px solid #fff;
    border-top: none;
    border-bottom: 1px solid #38c299;
    padding-left: 26px
}

.g-container .g-main-content .main-functions table tbody tr td:nth-child(2) a {
    position: absolute;
    background-image: url(../image/b4751a5d0796c6ee80c9aba50ee2fa2c.png);
    background-repeat: no-repeat;
    -webkit-background-size: 84px 89px;
    -moz-background-size: 84px 89px;
    background-size: 84px 89px;
    width: 84px;
    height: 89px;
    margin: 0;
    border: none;
    top: -8px;
    left: 546px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.g-container .g-main-content .main-functions table tbody tr td:last-child {
    padding-left: 20px;
    font-size: 16px
}

.g-container .g-main-content .main-functions table tbody tr:nth-child(odd) {
    background: #eceff4
}

.g-container .g-main-content .main-functions table tbody tr:nth-child(odd) td:nth-child(2) {
    background-color: #e7f8f3
}

.g-container .g-main-content .main-functions table tbody tr:nth-child(2n) td:nth-child(2) {
    background-color: #fafefd
}

.g-container .g-main-content .main-functions table tbody tr.active td:nth-child(2) a, .g-container .g-main-content .main-functions table tbody tr:hover td:nth-child(2) a {
    opacity: 1
}

.g-container .g-main-content .main-functions table tbody tr.active td:nth-child(2) span, .g-container .g-main-content .main-functions table tbody tr:hover td:nth-child(2) span {
    color: #07c76b
}

.g-container .g-main-content .main-functions a {
    display: block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #236def;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px;
    color: #236def;
    text-align: center;
    margin: 24px auto 120px
}

.g-container-footer {
    margin-top: 145px;
    height: 400px;
    background: url(../image/f60f68b974710ec4449eddca035aaac8.png) no-repeat top;
    -webkit-background-size: 1920px 400px;
    -moz-background-size: 1920px 400px;
    background-size: 1920px 400px;
    padding-top: 185px;
    text-align: center
}

.g-container-footer h2 {
    font-weight: 500;
    font-size: 30px;
    line-height: 42px;
    color: #111f33
}

.g-container-footer a {
    display: inline-block;
    width: 220px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #236def;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-top: 30px
}

.g-container-footer a:hover {
    background: #4888fa;
    -webkit-box-shadow: 0 10px 30px rgba(30, 89, 238, .32);
    -moz-box-shadow: 0 10px 30px rgba(30, 89, 238, .32);
    box-shadow: 0 10px 30px rgba(30, 89, 238, .32)
}