.g-container {
    padding-top: 0
}

.g-banner {
    
    height: 500px;
    padding-top: 190px;
    -webkit-background-size: 1920px 500px;
    background-size: 1920px 500px
}

.g-banner h1,.g-banner h2 {
    line-height: 84px;
    color: #fff;
    font-weight: 500;
    font-size: 60px;
    text-align: center
}

.g-banner p {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    text-align: center
}

.g-banner .js-free-use {
    display: block;
    width: 220px;
    height: 44px;
    line-height: 44px;
    background: #2373ff;
    border-radius: 45px;
    text-align: center;
    font-size: 16px;
    letter-spacing: -.336px;
    color: #fff;
    margin: 27px auto 0
}

.g-banner .js-free-use:hover {
    background: #4888fa
}

.service-advantages {
    height: 400px;
    padding-top: 50px
}

.service-advantages h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    color: #111f33
}

.service-advantages p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #676c73;
    margin-top: 8px
}

.service-advantages .g-wrapper {
    width: 900px
}

.service-advantages ul {
    margin-top: 40px
}

.service-advantages ul li {
    background: #fff;
    -webkit-box-shadow: 0 9px 36px rgba(47,56,111,.1);
    box-shadow: 0 9px 36px rgba(47,56,111,.1);
    border-radius: 10px;
    width: 280px;
    height: 120px;
    padding: 32px;
    float: left;
    margin-right: 30px
}

.service-advantages ul li:last-child {
    margin-right: 0
}

.service-advantages ul li .icon-1 {
    width: 56px;
    height: 56px;
    float: left;
    -webkit-background-size: 56px 56px;
    background-size: 56px 56px
}


.service-advantages ul li h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111f33;
    padding-left: 72px
}

.service-advantages ul li p {
    text-align: left;
    padding-left: 72px;
    margin-top: 2px;
    font-size: 14px;
    line-height: 20px;
    color: #676c73
}

.service-introduction {
    padding: 50px 0 120px;
    background: #fff
}

.service-introduction .g-wrapper {
    width: 900px
}

.service-introduction .g-wrapper h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    color: #111f33
}

.service-introduction .g-wrapper h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111f33
}

.service-introduction .g-wrapper p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #676c73;
    margin-top: 10px
}

.service-introduction .g-wrapper .service-position {
    margin-top: 60px
}

.service-introduction .g-wrapper .service-position .service-position-img {
    margin-top: 30px;
    height: 400px;
    position: relative
}

.service-introduction .g-wrapper .service-position .service-position-img .service-position-img-form {
    position: absolute;
    left: 17px;
    top: 44px;
    width: 576px;
    height: 227px;
    z-index: 1;
    opacity: 0
}

.service-introduction .g-wrapper .service-position .service-position-img .service-position-img-person {
    position: absolute;
    left: 19px;
    top: 83px;
    width: 820px;
    height: 320px;
    z-index: 2;
    opacity: 0
}

.service-introduction .g-wrapper .service-position .service-position-img .service-position-img-arrow {
    position: absolute;
    left: 271px;
    top: 0;
    width: 0;
    height: 350px;
    z-index: 3
}

.service-introduction .g-wrapper .service-matrix {
    margin-top: 80px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img {
    height: 511px;
    margin-top: 40px;
    padding-top: 231px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li {
    width: 350px;
    height: 120px;
    background: #fff;
    -webkit-box-shadow: 0 9px 36px rgba(47,56,111,.1);
    box-shadow: 0 9px 36px rgba(47,56,111,.1);
    border-radius: 10px;
    float: left;
    margin-right: 20px;
    margin-top: 20px;
    padding: 32px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li:last-child {
    margin-right: 0
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-1 i {
    width: 56px;
    height: 56px;
    -webkit-background-size: contain;
    background-size: contain;
    float: left
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-1 h4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111f33;
    padding-left: 72px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-1 p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #676c73;
    margin-top: 2px;
    padding-left: 72px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-2 i {
    width: 56px;
    height: 56px;
    -webkit-background-size: contain;
    background-size: contain;
    float: left
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-2 h4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111f33;
    padding-left: 72px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-2 p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #676c73;
    margin-top: 2px;
    padding-left: 72px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-3 {
    margin-left: 180px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-3 i {
    width: 56px;
    height: 56px;
    -webkit-background-size: contain;
    background-size: contain;
    float: left
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-3 h4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111f33;
    padding-left: 72px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-3 p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #676c73;
    margin-top: 2px;
    padding-left: 72px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-4 i {
    width: 56px;
    height: 56px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAMAAADxPgR5AAAA51BMVEUAAAD3+Pr3+Pv2+Pr39/f8/P/3+Pr09/f2+Pr2+Pr29/f19/n2+Pr39/r4+fr2+Pr6+vz3+fr3+Pr09/v4+vr5+fv09PT3+Pojbe+NsvX////R4fvO3/vG2vvv8/rx9frV4/vr8frD2Pv09vrL3fvo7/rY5fve6fvI2/vb5/vl7fr29/pyovXt8vri6/vA1vvg6vt/qvWKsPWErfV7p/V2pPW/1Pi0zfg+f/Hk7PwwdvCsyPmSt/dnmvRXj/JMiPI4e/Dd5/inxPc8ffAudPDc5/ltnvRZkPLT4PnH2fiPtfajwPacvfVslqzPAAAAF3RSTlMA34+AIBC/YM5QQKDv7p+fX89gQDB/MESVUD8AAATySURBVGjezdvpWtNAFIDhyZ6urDpTBRWlLLWCKTQButqWVe//ekznNEyCyZwJpHn8/vnHl5mcSUtaSK6sXcdo2ppWp2F1bctuGpVdsqYsR9+iqW01t82itR1DYOmovlPg2ow6VUjTzWIWZ1Pl7MqbOceludK238ZpGICQhWwmTpqvGxWdvrrmK8gdZDexfS1xeZBu5fFMZHlFX8nNOi2ghvKhfEcLylDzdEpLFZu0wDZK9UDEvVLFd7Tw9PI8fHIqdC1tZnlmna6lhpnuWRpdU5qV58D/mrWUC37lGByHpuXfs1zdp5NV1ReIFstdS3FTawV5IOKbatKUbtmr8lU2NXVDx2zZ2OutaiF5c7iONCUbmRixwN5n3reo7zwKpV+D1MGp4AsMWNj8UxiYcRXK2JRZ6tygC4Qf9/ITpKh6mWNDt7EFAtj7EfYJUemz2soGXfSmDeDBQShiKiRA5PTbUhBSVGWgLc6gBLwAL6Ge+b97vaGfpspAahFIl4LtsIN4/viGQXdLM6n2ZKARjQwGQsA9jBkE5MOLHZaCDfB2qBTsdNqxHucs0fwxfl0FKBsbHQEh8L7esBfdPCamSQ7CnroIeN15bm++UvrD4ehqtcYHMU0Y6MKMysGzsAi9A27wgTcAchyfYSkIc+rgINTpBBy4uv6w6hrE4ECEgE4I1uSg93MZkHcxD8QbvsT2MiVQD0EXAY+Pj39CZ2zZACxowLf4VhydCwBlF5FiIBSqAV/gh0R8iYE4OTIQLuIuDkbxf4+SYJ+F/enwVMBdUsHA02Uc9FjYMAkO+WCJk4OBDjFwMCoDhEm+VgMNUsPAo6MI5P95PwmOWNjTWRQKbhAbBaGQhZFMgvwkBuLkYKBNXAS8PHpub5F+LJg4OSioEQ0DvywDccKXGD/4fIGj42Wg4mBdCQR1kH5rGxyLPARsEIqBHz8KcgJidPOG16rRKQ8FIQWQB6w/ZUCOhsM+cGz+9VRUIAhosGAvWgQww6sKAPc+xgumSW8KHqQE1lFwmVD9Udy79/k0ifCh0RCwD2BMnUXkYjL7IlIDNRw8PDzci8fNi8vLp9n+8zAJ9RIBXWLjIJRURUkVA21SUwIxFVIAN4iBgSe8w0TZKgYaxMHA/f0TqLVgGU2flMEK+haju88L1SnLbAFrVQB3iYWCUYtscLoXhYH428Tu1zAO9qaZC2wdKoJuCOooGLUf6yTqxSz15eAG/la/e34OnEBlKgJuhqAlB0fnEHjoWu/koCn9dW3GwibgKaowyoH017Xso3/LYE9FqNqHR1/yJ/xVmtUYZn7UVarfv5uIh3uyJzUazchneZMvUANP7On6HtBCOnjIzaY4j5rSR1/Q7X0+buzLXgt5MDYSMmgpNxOXT/6I1qUlpCEPaAtvE3kEXXQa+rnaehaIDyr0Pd4bF4gPqu/NGdqkKx1RU/3D9LbHFPPaOT4KtrQsb8KUm7TR70ngm+qxHHnYxOCbesty5Uvu2mqb2s0HevinhyKzQf9tkg+8wj90Ru5wLGeSm3ZKBl1DBpGkl+hBtaK9GkGqlemBWJJX/OTAgS9VNIhilUYRXGP7//0iXclfFcS/WoqnVUnuzFoJyyvmStrVcr+yWyFQOeTWJnlrFbvgzcQzdaVlaoZFCququ3LNNaqk4Eyn5mZgumORNfW+YjRtN/rzB81uGs77fNhffIrjHH6qSkYAAAAASUVORK5CYII=) no-repeat 0;
    -webkit-background-size: contain;
    background-size: contain;
    float: left
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-4 h4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111f33;
    padding-left: 72px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-4 p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #676c73;
    margin-top: 2px;
    padding-left: 72px
}

.service-introduction .g-wrapper .service-plus {
    margin-top: 100px
}

.service-introduction .g-wrapper .service-plus>p {
    position: relative
}

.service-introduction .g-wrapper .service-plus>p span {
    display: inline-block;
    width: 110px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #236def;
    color: #236def;
    font-weight: 400;
    font-size: 14px;
    border-radius: 16px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px;
    cursor: pointer
}

.service-introduction .g-wrapper .service-plus ul {
    border: 1px solid #dfe3e6;
    margin-top: 41px
}

.service-introduction .g-wrapper .service-plus ul li {
    float: left;
    width: 449px;
    height: 100px;
    padding: 32px
}


.fuwu .fwitems:nth-child(1),.fwitems:nth-child(2),.fwitems:nth-child(5),.fwitems:nth-child(6){
    background: #fafafa
}

.service-introduction .g-wrapper .service-plus ul li .icon-1 {
    float: left;
    width: 36px;
    height: 36px;
    
}



.service-introduction .g-wrapper .service-plus ul li h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    color: #111f33;
    padding-left: 50px
}

.service-introduction .g-wrapper .service-plus ul li p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #8b919a;
    margin-top: 12px;
    padding-left: 50px
}

.service-content-modal {
    padding: 40px
}

.service-content-modal .modal-body {
    height: 600px;
    overflow: auto
}

.service-content-modal table {
    width: 100%;
    font-size: 14px;
    text-align: center
}

.service-content-modal table th {
    background: #e1eaff
}

.service-content-modal table td,.service-content-modal table th {
    line-height: 30px;
    height: 30px;
    border: 1px solid #ddd;
    vertical-align: middle
}

.service-content-modal table td a {
    color: #236def
}