.g-banner {
    background: url(../image/campus_banner.png) no-repeat top;
    height: 300px
}

.g-banner h2 {
    margin-top: 23px;
    line-height: 84px;
    font-weight: 500;
    font-size: 60px
}

.g-banner h2,.g-banner p {
    color: #fff;
    text-align: center
}

.g-banner p {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px
}

.g-banner .js-free-use {
    background: -webkit-gradient(linear,left top,right top,color-stop(4.51%,#2c7aff),color-stop(104.51%,#498cff));
    background: -webkit-linear-gradient(left,#2c7aff 4.51%,#498cff 104.51%);
    background: -moz-linear-gradient(left,#2c7aff 4.51%,#498cff 104.51%);
    background: -o-linear-gradient(left,#2c7aff 4.51%,#498cff 104.51%);
    background: linear-gradient(90deg,#2c7aff 4.51%,#498cff 104.51%);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    width: 136px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    display: block;
    margin: 32px auto 0
}

.g-content {
    background: #fff
}

.g-content .g-wrapper {
    padding: 50px 0 150px;
    text-align: center
}

.g-content .g-wrapper h2 {
    color: #111f33;
    font-weight: 500;
    font-size: 32px;
    line-height: 45px
}

.g-content .g-wrapper p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #787e87
}

.g-content .g-wrapper table {
    width: 900px;
    margin: 40px auto 0
}

.g-content .g-wrapper table th {
    background: #eceff4;
    border: 1px solid #dfe3e6;
    line-height: 22px;
    font-size: 16px;
    padding: 13px 0
}

.g-content .g-wrapper table td {
    border: 1px solid #eceff4;
    font-size: 14px;
    color: #787e87;
    line-height: 2;
    padding: 16px 0
}

.g-content .g-wrapper table td:nth-child(odd) {
    background: #fcfcfd;
    font-weight: 600;
    font-size: 14px;
    color: #111f33;
    width: 150px
}

.g-content .g-wrapper table td:nth-child(odd).except {
    padding: 46px 0;
    vertical-align: middle
}

.g-content .g-wrapper table td:nth-child(2n) {
    text-align: left;
    padding-left: 40px
}

.g-content .g-wrapper table td:nth-child(2n).except {
    padding: 39px 0 39px 40px;
    vertical-align: middle;
    line-height: 1.5
}

.g-content .g-wrapper .who-use-mail {
    margin-top: 150px
}

.g-content .g-wrapper .who-use-mail .icon-schools {
    margin: 40px auto 32px;
    width: 1091px;
    height: 128px;
    background: url(../image/campus_cases.png) no-repeat top
}

.g-content .g-wrapper .param-mail {
    margin-top: 150px
}

.g-content .g-wrapper .param-mail p {
    margin-top: 24px
}

.g-content .open-implementation-process {
    background: url(../image/camp_bd1.png) no-repeat top;
    height: 400px
}

.g-content .open-implementation-process .g-wrapper {
    padding-bottom: 0
}

.g-content .open-implementation-process .g-wrapper ul {
    margin-top: 41px
}

.g-content .open-implementation-process .g-wrapper ul li {
    width: 250px;
    height: 150px;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 9px 36px rgba(47,56,111,.1);
    -moz-box-shadow: 0 9px 36px rgba(47,56,111,.1);
    box-shadow: 0 9px 36px rgba(47,56,111,.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: left;
    margin-left: 60px;
    padding: 16px 0 0 20px
}

.g-content .open-implementation-process .g-wrapper ul li:first-child {
    margin-left: 0
}

.g-content .open-implementation-process .g-wrapper ul li i {
    display: block;
    width: 56px;
    height: 56px
}

.g-content .open-implementation-process .g-wrapper ul li i.icon-1 {
    background: url(data:image/png;base64,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) no-repeat top
}

.g-content .open-implementation-process .g-wrapper ul li i.icon-2 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASaSURBVHgB5Zs9bNtWEIDvHiX+WLBhj00XuR2aTlGAZrYytGuaqWPsrchQJ3uByEPn2B2abk7GTknGokCtzFkUoEuHolyaVS7imJQs8uXuybT1Q0v8NUXnAwSJjKjwy713vPcThIyRUq4euYOGJr0GauIGAjSkhFX6o/rEV21+IchD35evPNQ6y1a1DRmDkAEsdXzcbwoNtyUJ0Y+uQgLo2kMBsi0lvrQs/SlkQCpBFnP7g216f5BUagY23V0bfG/HsiwbEpJIMGexaRBb4A+eJRGNLfi+1/tWSHwM030qb2xqwztxm66I+kUVNffkMck9h8uXA/V3Iuwf0z3wvUS9KFIEHcepo9CeUzZswGJA0fRuR2mycwVZDlA7gGKiNotIkjMFF1guYK7khYIlkAuYKRmaZFQnLoccc5ofwhNPqGCvN3gE5ZBTcPJzhvc8xVQTPXKcTQ21fSghPsq7NcN4MXpuTLBE/e4ibNOo3kTEw+DEWBMVonIPyivH1I/d/oPRE2eCHD1fyhak5J0r4YdnPfivK6EINIHbownnPIJCewQpYbnNJy78+dcAtp44hUjy2HM0iueCEpqQgkDu77e+Ol5ZQlixoBBGo6gEOXNCir43KXf9UwH735uwbGYyno6NiiINwPmzEqyIyh1IyKLJBfDsAr+ru6A2200ycF1UOQYRDg29uo6Oc9IElAcxr5+SY764JqjfTcuxdMDWr24m56MwoBq1Inn2CyOPexVhcszkcRiv//EyOR8FDbFREZq2QRkn1oW//N6HFWqGtz7TIC4XXRP3fBQocDfQcfvcPJtwBaGwdbht1uGKwomTI5hrubH7hwZLOkBNl7BkgPqsXoZU719+km+1U4GcOaIk6Pv88EWgWpdecPqiYz//Ui5/wd5QSAZSLOmfS6qekiO5N9Gi4SRjw9XFrvCKTtzCKs3DNynLVCFdvxavIAElKOUbGuLHmrEeLZ8uA5aLW6Yx0vf/FyhlBxacn+8ZSaLHHbBdQYwvmORfMyo8C/Djb72z45++M+DW58nKNY+Ch92uXDWsk38vZZ1vDiy3RUX82+6waGe5O18le5LxcMk09DWxtoacZApvppNy97+pJpZjfM9/xe9ieCD3oEDC5O5/rUMaaCShJoDVE6LIZpqHHGFbpr7OH1QEVTOVxUTxyJFqAM1kJAdq88LZx1OKjuLL1yckmIEcI731YDltYm2i16LGm3oCuEiomN+pWUYrOB57erquvgvlrk1tAf7T0RNjgtwXKaM+hLKitpmMr/RO1T+1mvFC+lDoYyMJlKb2wvbQhA4kThPOAW+kg3IwtS4YEFrBDh8b3l0oR39UmxDC5JiPdxtJQNk3As0dZKkfoB+CBWquNFLoRN3KFWkUyT/kOtWbi5BdOVvSqtHtqFsrY69zObxYiloR+2hsmn54aExsE5lHooU81S9BbF5GWacmxWggYJr67kWZchapVirVzgwQLYG4ARlHNK1YQGZLsdx0JQpaCsdmmk3pPLvgo9xb0vV2GrGAXNaaSbZJaxENELiBgMF/KahPfM1WQpQRpee/4ckv0zQ7WUiN8gEnz19hHjOZGgAAAABJRU5ErkJggg==) no-repeat top
}

.g-content .open-implementation-process .g-wrapper ul li i.icon-3 {
    background: url(data:image/png;base64,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) no-repeat top
}

.g-content .open-implementation-process .g-wrapper ul li i.icon-4 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAU4SURBVHgB7Zs9bBxFFMffm937WCwjO6XdHKJBAikXCSpAvkBBh52KBuS4gyYOVSiQbEsIkSpxk1BhR1RUdqgQFLlIdAHpIlE4BXCNTRcfiu3d+9gZ3pu7Pe7Ld7t7kzuf4Sedb25vd2//+96+mfdmjGAYpdTMkVfLWsrPoiUuIkBWKZihrzIduxb5haBKUqqHPlqFaSeRB8MgGIBFnZxUcsLCVUWC6KQzEAM6tiRA5ZXC+46T3AYDDCWQhXmV2iq9X48rqg9Furo8SH/DcZwixCSWwOcsrBvEdZC1e3GERhZ4XC4vCYW3oPuZet4UyYc3orquCLujtppXvUXidmD04kD/JsLWCV0DX0vYg0JZ0HXdDAprh6JhFs4GZE3/chiXHSiQxQFaD2A8VutHKJF9BZ5hcQEDRZ4qcALEBfQV2TPI6Id4MsQxjfjQO/D0FFgu19ZgMsRpOPi59WvuostFj1z3qoXWFoTkmadgb19CFOYuCJifNTJKbEOiujKVSu22bmv7lajP3f6hgve+PIE4bH2chjdetsAwxXQqcQkRS8GGNhcVwl6GCK558DSa5Vq5dq8Mewfxjz+FzIlXud66oWnBhvX+hAg8+t2Hla893b7xfhJemes/MGJBN7+vND/PkZtufeIYdVdEKKWSiZcCK9rNb4S1xvlKXFhcVJc7IBdfuesaFcm5Z8OK6/z531uuIAcj5N1X6/eWRV7b9uCZO8Td7cASuBp0G1ogR04Ycbfw4ds2fPRWXeQTcl1+Jk2hrUgJOLe1QFvYizAGbiymYPH1ukh+nj//zpxIri7od/4jlcrBmPisJTjt/lKDOz9VwQQUbLLspsJ1q7mRZOWnMO2g7hPnL9RF3vmxYkQku+mR52WFouoXjBkW+U2HyG9/rsGwWIhZW1jWApkSRs1X1B++6LR3Da3XcfN+GebJr955zYa4IIqLdpT0f1imWwQ9CTGK2f3VH0ogD8L56AyMCA4mSxQ195/295i9v6TuF4ftGzm2jFQg88UHqYH7rNz14NEfPhggE7qqNqn8L3DSYYFFOL8UBc/owPmFBCr1GM4pSsq/bVSqQF3+Mhjih98EJMjxbav+SpCPNNv8Ljrbqm17Kn6/3o2AvI1IAg1SpSGksjhD0SMJaiNIyqZV47O0oKONjbbSBQWTAn0ynu156ULKqZZMZRQVvyHO0jO2ui1ZBAmotztvQNDG+lh08DggFFybmU47eXt2FkuuV2Er5sAAFbKgFA0LtVkMG23VZsnmPlC/ETBMYagF6cuH/G7XP6hNyoBzYIBKrd16rVaSnS7L26HdZU1BmYQuAGuBlUoyb8pNl980XuuMQzGYCdYjGXZTiqabcF7gxQsNmjHL85K3yYqrca3YK4GNy9AVb+lvBM2mQB1s3PImOe8ahCRqAjsKqIC2MdUyV9jW67AV00419PxE2AQ2DuwNXDuNSFGA3G7d0OVTx8flJYqoOzCJ0ExA5zKTrnRpaiq1qyRMXMAhH9rstYamZ1Q4PFQzFHAe8EI6mAy65gUDeia89W7DvwKTkSvqRQi9xDH/3WUkAZO+EGhgTUafgE4EZ8hdKVMohF3KFaroxCfy3MSlsxBdOVrSFPXlsEsrI4+tXJ4sRWsc62iKAtWnqY5lIoOINXjUzyWIq1GGdXHhohgnAul08vZpkbIfQ42OWagEsS4QF8CwRYcVFmBs/Qa7rkJBU+EYe0JViwIoSFSbLyST+WGEBZhfTwVabI5KFFkQuICAwb8UZDp2K2pBFBGVLx9z8SudThdMiGrlH+3xfhLrhLiFAAAAAElFTkSuQmCC) no-repeat top
}

.g-content .open-implementation-process .g-wrapper ul li p {
    text-indent: 0;
    text-align: left;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #111f33;
    margin-top: 10px
}

.g-content .open-implementation-process .g-wrapper ul li span {
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACaSURBVHgB7ZLBDYJQEERnNbEOWvFkPHAy9mEHfqrxYIwHTZQTrVAHCSzQADvsXiDhnffP+9lZYGPxvD7lHQF21oBCU0RiCkRRRySmoGn1GJEIM/R4/7LDXioVZAJJl/xUgIQSRCS0wCuZJfBIzJKn6NCZH3SvaLiq4pqfk/XGVTIbTgu84ZQgEj5ilhwJpwSRcIrn93/DxqrpAXauYEcnIMKOAAAAAElFTkSuQmCC) no-repeat top;
    right: -42px;
    top: 63px
}