@charset "UTF-8";
.fade-in-up { opacity: 1; transform: translateZ(0); transition: all 0.75s ease-in-out; }
.customized-banner { display: table; position: relative; width: 100%; height: 85.333vw; background: url('../images/customized_banner_bg@mb.jpg') center/cover no-repeat; }
.customized-banner .banner-title-box { display: table-cell; vertical-align: middle; width: 100%; text-align: center; color: #fff; }
.customized-banner .banner-title-box h1 { width: 64vw; margin: auto; font-family: "SourceHanSansCN-Bold"; font-size: 6.4vw; font-weight: bold; line-height: 1.4; }
.customized-banner .banner-title-box p { padding-top: 4vw; padding-bottom: 10.667vw; font-size: 3.2vw; }
.customized-banner .banner-title-box a { display: block; width: 26.667vw; margin: auto; font-size: 3.2vw; line-height: 9.067vw; color: #fff; background-color: #6127e4; border-radius: 50px; }
.customized-banner .banner-title-box a:hover, .customized-banner .banner-title-box a:focus {
    text-decoration: none; -webkit-tap-highlight-color: transparent;
    -webkit-transform: translateY(-4px);
       -moz-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
         -o-transform: translateY(-4px);
            transform: translateY(-4px);
}
.customized-advantage { padding-top: 8vw; padding-bottom: 8vw; text-align: center; background-color: #f2f2f2; }
.customized-advantage h2 { padding-bottom: 12.8vw; font-family: "SourceHanSansCN-Bold"; font-size: 5.333vw; font-weight: bold; color: #4d4d4d; }
.customized-advantage .container-custom ul .advantage-item { position: relative; padding: 4.267vw 0 4.267vw 6.133vw; text-align: left; background-color: #fff; transition: 0.3s ease-in-out; }
.customized-advantage .container-custom ul .advantage-item+.advantage-item { margin-top: 10vw; }
.customized-advantage .container-custom ul .advantage-item:nth-child(even) { padding-left: 50%; }
.customized-advantage .container-custom ul .advantage-item h3 { font-family: "SourceHanSansCN-Bold"; font-size: 4.267vw; color: #8b59fc; }
.customized-advantage .container-custom ul .advantage-item .advantage-txt-box { margin-top: 3.2vw; transition: 0.3s ease-in-out; }
.customized-advantage .container-custom ul .advantage-item p { font-size: 3.2vw; line-height: 1.42857143; color: #808080; }
.customized-advantage .container-custom ul .advantage-item img {
    position: absolute; top: 50%; width: 40.533vw; height: 40.533vw; transition: 0.3s ease-in-out;
    -webkit-transform: translate(0,-50%);
       -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
         -o-transform: translate(0,-50%);
            transform: translate(0,-50%);
}
.customized-advantage .container-custom ul .advantage-item:nth-child(odd) img {  right: 0; }
.customized-advantage .container-custom ul .advantage-item:nth-child(even) img { left: 0; }
.customized-deliverable { width: 100%; padding-top: 8vw; padding-bottom: 8vw; text-align: center; color: #fff; background: url('../images/customized_deliverable_bg@mb.jpg') center/cover no-repeat; }
.customized-deliverable h2 { font-family: "SourceHanSansCN-Bold"; padding-bottom: 12vw; font-size: 5.333vw; font-weight: bold; }
.customized-deliverable .container-custom ul .deliverable-item { float: left; position: relative; width: 33.333%; overflow: hidden; font-size: 3.733vw; line-height: 13.333vw; background-color: rgba(26,26,26,.6); border-right: 1px solid #363648; border-bottom: 1px solid #363648; }
.customized-deliverable .container-custom ul .deliverable-item:nth-child(3n) { border-right: none; }
.customized-deliverable .container-custom ul .deliverable-item:nth-child(n+10) { border-bottom: none; }
.customized-deliverable .container-custom ul .deliverable-item::after {
    content: ''; position: absolute; top: 0; left: 0; width: 200%; height: 30px; background-image: linear-gradient(rgba(26,26,26,.1),rgba(255,255,255,.1),rgba(26,26,26,.1));
    -webkit-transform: rotate(-45deg) translate(-100px,-300px);
       -moz-transform: rotate(-45deg) translate(-100px,-300px);
        -ms-transform: rotate(-45deg) translate(-100px,-300px);
         -o-transform: rotate(-45deg) translate(-100px,-300px);
            transform: rotate(-45deg) translate(-100px,-300px);
}
.customized-deliverable .container-custom ul .deliverable-item:hover::after {
    transition: 1s;
    -webkit-transform: rotate(-45deg) translate(0,300px);
       -moz-transform: rotate(-45deg) translate(0,300px);
        -ms-transform: rotate(-45deg) translate(0,300px);
         -o-transform: rotate(-45deg) translate(0,300px);
            transform: rotate(-45deg) translate(0,300px);
}
.customized-why { padding-top: 8vw;}
.customized-why .container-custom .customized-why-title { text-align: center; color: #4d4d4d }
.customized-why .container-custom .customized-why-title h2 { font-family: "SourceHanSansCN-Bold"; font-size: 5.333vw; font-weight: bold; }
.customized-why .container-custom .customized-why-title p { padding-top: 2.933vw; padding-bottom: 5.333vw; font-size: 3.2vw; }
.customized-why .container-custom .customized-why-img2 { display: none; }
.customized-why .container-custom .customized-txt-wrapper { height: 51.467vw; padding-top: 6.667vw; }
.customized-why .container-custom .customized-txt-wrapper .customized-txt-box { position: relative; padding-left: 21.6vw; }
.customized-why .container-custom .customized-txt-wrapper .customized-txt-box+.customized-txt-box { margin-top: 6.667vw; }
.customized-why .container-custom .customized-txt-wrapper .customized-txt-box h3 {
    position: absolute; top: 50%; left: 0; width: 19.733vw; font-size: 4.533vw; line-height:  8vw; color: #fff; text-align: center; background-color: #212121; border-radius: 4vw;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.customized-why .container-custom .customized-txt-wrapper .customized-txt-box p { font-size: 3.733vw; color: #808080; }
.customized-why .container-custom .customized-txt-wrapper .customized-txt-box p+p { margin-top: 0.933vw; }
.service-process { padding-top: 8vw; padding-bottom: 8vw; text-align: center; background-color: #f2f2f2; }
.service-process h2 { padding-bottom: 10.667vw; font-family: "SourceHanSansCN-Bold"; font-size: 5.333vw; font-weight: bold; color: #4d4d4d; }
.service-process .container-custom.process-block { overflow-x: auto; overflow-y: hidden; }
.service-process .container-custom .process-wrapper { width: 182.667vw; }
.service-process .container-custom .process-wrapper .first-step { float: left; width: 45.333vw; margin-right: 1.333vw; }
.service-process .container-custom .process-wrapper .first-step .step-you { font-size: 3.2vw; line-height: 6.4vw; color: #fff; background-color: #f7a831; }
.service-process .container-custom .process-wrapper .next-step { float: left; }
.service-process .container-custom .process-wrapper .next-step .step-me { font-size: 3.2vw; line-height: 6.4vw; color: #fff; background-color: #808080; }
.service-process .container-custom .process-wrapper .process-box { width: 45.333vw; height: 61.333vw; padding-top: 8vw; padding-right: 5.867vw; padding-left: 5.867vw; background-color: #fff; }
.service-process .container-custom .process-wrapper .process-box>div { margin-top: 8vw; }
.service-process .container-custom .process-wrapper .process-box h3 { font-size: 3.733vw; font-weight: bold; color: #4d4d4d; }
.service-process .container-custom .process-wrapper .process-box p { margin-top: 1.867vw; font-size: 3.2vw; line-height: 1.2; color: #4c4c4c; }
.service-process .container-custom .process-wrapper .next-step .process-box { float: left; position: relative; }
.service-process .container-custom .process-wrapper .next-step .process-box:nth-child(n+2)::before { content: ''; position: absolute; left: 0; height: 30.067vw; border-left: 1px dashed #808080; }
.service-process .process-nav { position: relative; width: 73.067vw; max-width: 876px; height: 24px; margin-top: 6.4vw; margin-right: auto; margin-left: auto; border-top: 1px dashed #a7a7a7; }
.service-process .process-nav div { position: absolute; top: -5px; width: 10px; height: 10px; background-color: #fff; border: 2px solid #a7a7a7; border-radius: 50%; }
.service-process .process-nav div:first-child { border-color: #f7a831; }
.service-process .process-nav div:nth-child(2) { left: 33.333%; }
.service-process .process-nav div:nth-child(3) { left: 66.666%; }
.service-process .process-nav div:nth-child(4) { left: 100%; }
.service-process .process-nav div p {
    position: absolute; top: 12px; left: 50%; width: 100px; font-size: 12px;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}
.customized-link { display: table; width: 100%; height: 48vw; text-align: center; background-color: #6127e4; }
.customized-link .link-box { display: table-cell; vertical-align: middle; }
.customized-link .link-txt { width: 63vw; margin: auto; }
.customized-link .link-txt h3 { font-family: "SourceHanSansCN-Bold"; font-size: 4.8vw; margin-bottom: 10.667vw; line-height: 1.5; color: #fff; }
.customized-link .link-txt a { display: block; width: 26.667vw; height: 9.067vw; margin: auto; padding: 2.667vw 0; font-size: 3.2vw; color: #fff; border: 2px solid #fff; border-radius: 9.067vw; }
.customized-link .link-txt a:hover, .customized-link .link-txt a:focus {
    text-decoration: none; -webkit-tap-highlight-color: transparent;
    -webkit-transform: translateY(-4px);
       -moz-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
         -o-transform: translateY(-4px);
            transform: translateY(-4px);
}
.authority-certification { padding-top: 8vw; padding-bottom: 8vw; text-align: center; }
.authority-certification h2 { padding-bottom: 8vw; font-family: "SourceHanSansCN-Bold"; font-size: 5.333vw; font-weight: bold; color: #4d4d4d; }
.authority-certification .container-custom ul li { float: left; width: 50%; }
.authority-certification .container-custom p { font-size: 3.2vw; color: #a4a4a4; line-height: 1.2; }
@media (min-width: 768px) {
    .customized-banner { height: 500px; background: url('../images/customized_banner_bg.jpg') center/cover no-repeat; }
    .customized-banner .banner-title-box h1 { width: 490px; font-size: 44px; }
    .customized-banner .banner-title-box p { padding-top: 20px; padding-bottom: 60px; font-size: 24px; }
    .customized-banner .banner-title-box a { width: 200px; font-size: 24px; line-height: 60px; }
    .customized-advantage { padding-top: 60px; padding-bottom: 60px; }
    .customized-advantage h2 { font-size: 40px; padding-bottom: 118px; }
    .customized-advantage .container-custom ul .advantage-item { max-width: 710px; margin-right: auto; margin-left: auto; padding: 34px 0 34px 54px; }
    .customized-advantage .container-custom ul .advantage-item+.advantage-item { margin-top: 70px; }
    .customized-advantage .container-custom ul .advantage-item:nth-child(even) { padding-left: 390px; }
    .customized-advantage .container-custom ul .advantage-item h3 { font-size: 26px; }
    .customized-advantage .container-custom ul .advantage-item .advantage-txt-box { margin-top: 26px; }
    .customized-advantage .container-custom ul .advantage-item p { font-size: 22px; }
    .customized-advantage .container-custom ul .advantage-item img { width: 288px; height: 288px; }
    .customized-deliverable { padding-top: 60px; padding-bottom: 60px; background: url('../images/customized_deliverable_bg.jpg') center/cover no-repeat; }
    .customized-deliverable h2 { font-size: 40px; padding-bottom: 92px; }
    .customized-deliverable .container-custom ul .deliverable-item { font-size: 24px; line-height: 100px; }
    .customized-why { padding-top: 100px;}
    .customized-why .container-custom { max-width: 709px; }
    .customized-why .container-custom .customized-why-title h2 { font-size: 40px; }
    .customized-why .container-custom .customized-why-title p { padding-top: 22px; padding-bottom: 50px; font-size: 20px; }
    .customized-why .container-custom .customized-txt-wrapper { height: 332px; padding-top: 48px; }
    .customized-why .container-custom .customized-txt-wrapper .customized-txt-box { padding-left: 130px; }
    .customized-why .container-custom .customized-txt-wrapper .customized-txt-box+.customized-txt-box { margin-top: 32px; }
    .customized-why .container-custom .customized-txt-wrapper .customized-txt-box h3 { width: 108px; font-size: 26px; line-height: 45px; border-radius: 45px; }
    .customized-why .container-custom .customized-txt-wrapper .customized-txt-box p { font-size: 22px; }
    .customized-why .container-custom .customized-txt-wrapper .customized-txt-box p+p { margin-top: 6px; }
    .service-process { padding-top: 60px; padding-bottom: 60px; }
    .service-process h2 { padding-bottom: 80px; font-size: 40px; }
    .service-process .container-custom .process-wrapper { width: 1140px; }
    .service-process .container-custom .process-wrapper .first-step { width: 282px; margin-right: 10px; }
    .service-process .container-custom .process-wrapper .first-step .step-you { font-size: 18px; line-height: 48px; }
    .service-process .container-custom .process-wrapper .next-step .step-me { font-size: 18px; line-height: 48px; }
    .service-process .container-custom .process-wrapper .process-box{ width: 282px; height: 340px; padding-top: 50px; padding-right: 37px; padding-left: 37px; }
    .service-process .container-custom .process-wrapper .process-box img { width: 176px; }
    .service-process .container-custom .process-wrapper .process-box>div { margin-top: 50px; }
    .service-process .container-custom .process-wrapper .process-box h3 { font-size: 22px; }
    .service-process .container-custom .process-wrapper .process-box p { margin-top: 18px; font-size: 16px; }
    .service-process .container-custom .process-wrapper .next-step .process-box:nth-child(n+2)::before { height: 246px; }
    .service-process .process-nav { margin-top: 30px; }
    .service-process .process-nav div p { font-size: 16px; }
    .customized-link { height: 320px; }
    .customized-link .link-txt { width: 550px; }
    .customized-link .link-txt h3 { font-size: 40px; margin-bottom: 50px; }
    .customized-link .link-txt a { width: 165px; height: 48px; padding: 13px 0; font-size: 20px; }
    .authority-certification { padding-top: 60px; padding-bottom: 60px; }
    .authority-certification h2 { padding-bottom: 40px; font-size: 40px; }
    .authority-certification .container-custom p { font-size: 16px; }
}
@media (min-width: 1024px) {
    .customized-banner .banner-title-box h1 { width: 100%; line-height: 1; }
    .customized-deliverable .container-custom ul .deliverable-item { width: 25%; }
    .customized-deliverable .container-custom ul .deliverable-item:nth-child(3n) { border-right:  1px solid #363648; }
    .customized-deliverable .container-custom ul .deliverable-item:nth-child(4n) { border-right: none; }
    .customized-deliverable .container-custom ul .deliverable-item:nth-child(n+9) { border-bottom: none; }
    .customized-why { padding-top: 50px; padding-bottom: 50px; }
    .customized-why .container-custom { max-width: 1170px; }
    .customized-why .container-custom>div { float: left; width: 50%; }
    .customized-why .container-custom .customized-why-title { height: 336px; padding-top: 128px; background-color: #f2f2f2; }
    .customized-why .container-custom .customized-why-img1,.customized-why .container-custom .customized-why-img2 { overflow: hidden; }
    .customized-why .container-custom .customized-why-img1 { height: 336px; }
    .customized-why .container-custom .customized-why-img2 { display: block; height: 420px; }
    .customized-why .container-custom .customized-why-img1 img {
        position: relative; left: 50%; width: auto; max-width: max-content; height: 100%;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    .customized-why .container-custom .customized-txt-wrapper { height: 420px; padding-left: 54px; padding-top: 110px; background-color: #f2f2f2; }
    .authority-certification .container-custom ul li { width: 25%; }
}
@media (min-width: 1200px) {
    .customized-banner { height: 450px; }
    .customized-banner .banner-title-box h1 { font-size: 48px; }
    .customized-banner .banner-title-box p { font-size: 28px; }
    .customized-banner .banner-title-box a { width: 164px; font-size: 20px; line-height: 50px; }
    .customized-advantage h2 { font-size: 44px; }
    .customized-advantage .container-custom ul .advantage-item { float: left; width: calc((100% - 20px) / 100 * 26); height: 222px; margin-right: auto; margin-left: auto; padding: 34px 0 34px 30px; }
    .customized-advantage .container-custom ul .advantage-item.on { width: calc((100% - 20px) / 100 * 48) }
    .customized-advantage .container-custom ul .advantage-item+.advantage-item { margin-top: 0; margin-left: 10px; }
    .customized-advantage .container-custom ul .advantage-item:nth-child(even) { padding-left: 30px; }
    .customized-advantage .container-custom ul .advantage-item h3 { font-size: 24px; }
    .customized-advantage .container-custom ul .advantage-item .advantage-txt-box { display: none; margin-top: 30px; }
    .customized-advantage .container-custom ul .advantage-item.on .advantage-txt-box { display: block; }
    .customized-advantage .container-custom ul .advantage-item p { font-size: 18px; }
    .customized-advantage .container-custom ul .advantage-item:nth-child(n) img {
        top: auto; right: 50%; bottom: 18px; left: auto; width: 130px; height: 130px;
        -webkit-transform: translate(50%,0);
           -moz-transform: translate(50%,0);
            -ms-transform: translate(50%,0);
             -o-transform: translate(50%,0);
                transform: translate(50%,0);
    }
    .customized-advantage .container-custom ul .advantage-item.on img {
        top: 50%; right: 0; bottom: auto; width: 288px; height: 288px;
        -webkit-transform: translate(0,-50%);
           -moz-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
             -o-transform: translate(0,-50%);
                transform: translate(0,-50%);

    }
    .customized-why { padding-top: 70px; padding-bottom: 70px; }
    .customized-why .container-custom .customized-why-title { height: 400px; padding-top: 158px; }
    .customized-why .container-custom .customized-why-title h2 { font-size: 44px; }
    .customized-why .container-custom .customized-why-title p { padding-top: 25px; }
    .customized-why .container-custom .customized-why-img1 { height: 400px; }
    .customized-why .container-custom .customized-why-img2 { height: 500px; }
    .customized-why .container-custom .customized-txt-wrapper { height: 500px; padding-top: 110px; }
    .customized-why .container-custom .customized-txt-wrapper .customized-txt-box { padding-left: 152px; }
    .customized-why .container-custom .customized-txt-wrapper .customized-txt-box+.customized-txt-box { margin-top: 60px; }
    .customized-why .container-custom .customized-txt-wrapper .customized-txt-box h3 { width: 140px; font-size: 28px; line-height: 60px; border-radius: 60px; }
    .customized-why .container-custom .customized-txt-wrapper .customized-txt-box p { font-size: 24px; }
    .customized-why .container-custom .customized-txt-wrapper .customized-txt-box p+p { margin-top: 8px; }
    .service-process .process-nav div:last-child p { display: none; }
    .authority-certification h2 { font-size: 44px; }
    .authority-certification .container-custom ul li { width: 20%; }
}
@media (min-width: 1920px) {
    .customized-banner { height: 650px; }
    .customized-banner .banner-title-box h1 { font-size: 54px; }
    .customized-advantage h2 { font-size: 48px; }
    .customized-why .container-custom .customized-why-title h2 { font-size: 48px; }
    .authority-certification h2 { font-size: 48px; }
}