.vision-bg {
        background: url(/static/img/vision_1.jpg) center center no-repeat;
        background-size: cover;
        padding: 130px 0 265px;
        color: #fff;
    }

    .inner {
        max-width: 1400px;
        margin: 0 auto;
    }

    .tit-vision {
        line-height: 1.18;
        font-size: 1.625rem;
        text-align: center;
        font-weight: 700;
    }.vision-bg dt {
         opacity: .7;
     }
    .vision-bg dt span {
        border-bottom: 1px solid rgba(255, 255, 255, .7);
    }.tit-vision dd {
         margin-top: 30px;
         font-size: 1.846em;
         letter-spacing: -0.05em;
         word-break: keep-all;
     }

    .vision-mid {
        padding: 85px 0 0;
        margin-top: -120px;
        background: #fff;
        margin-bottom: 95px;
    }
    .inner {
        max-width: 1400px;
    }.tit-vision {
         line-height: 1.18;
         font-size: 1.625rem;
         text-align: center;
         font-weight: 700;
     }.vision-mid .tit-vision dt {
          color: #888;
      }.vision-mid .tit-vision dt span {
           border-bottom: 1px solid #bababa;
       }.vision-mid .tit-vision dd {
            color: #333;
        }

    .tit-vision dd {
        margin-top: 30px;
        font-size: 1.846em;
        letter-spacing: -0.05em;
        word-break: keep-all;
    }
    .color-blue {
        color: #027cb5 !important;
    }.vision-mid .exp {
         margin: 40px 0 20px;
         text-align: center;
         font-size: 1.25rem;
     }.vision-dia {
          text-align: center;
          position: relative;
          padding-top: 80px;
      }.vision-dia:before {
           position: absolute;
           left: 50%;
           top: 0;
           width: 1px;
           height: 80px;
           border-right: 2px dotted #ccc;
           content: '';
           margin-left: -2px;
       }.vision-dia .mid {
            background: #f3f8fb;
            border: 1px solid #ddd;
            border-radius: 300px;
            margin: 0;
            display: inline-block;
            padding: 30px;
            color: #fff;
            font-size: 1.063rem;
        }.vision-dia .mid:before, .vision-dia .bot:before {
             position: absolute;
             left: 50%;
             top: 73px;
             width: 9px;
             height: 9px;
             border: 3px solid #ccc;
             border-radius: 50%;
             content: '';
             transform: translateX(-50%);
             background: #fff;
         }.vision-dia .mid ul {
              display: flex;
              margin: 0 15px;
          }

    ol, ul {
        list-style: none;
    }.vision-dia .mid li {
         width: 280px;
         height: 280px;
         border-radius: 50%;
         padding: 50px 35px 0;
         opacity: .8;
     }

    .vision-dia .green {
        background: #00ab4e url(/static/img/bg-green.gif) left bottom no-repeat;
        background-size: 100%;
    }
    .vision-dia .mid .tit {
         padding-bottom: 20px;
         border-bottom: 1px solid #fff;
         font-size: 1.125rem;
         font-weight: 300;
         line-height: 1;
         margin-bottom: 20px;
     }.vision-dia .mid .tit strong {
          font-size: 1.875rem;
      }

    .vision-dia .mid .tit > * {
        display: block;
    }
    .vision-dia .mid {
        background: #f3f8fb;
        border: 1px solid #ddd;
        border-radius: 300px;
        margin: 0;
        display: inline-block;
        padding: 30px;
        color: #fff;
        font-size: 1.063rem;
    }


    .vision-dia .mid li:nth-child(2) {
        margin: 0 60px;
    }

    .vision-dia .mid li {
        width: 280px;
        height: 280px;
        border-radius: 50%;
        padding: 50px 35px 0;
        opacity: .8;
    }
    .vision-dia .mid .tit span {
        margin-top: 0.7em;
    }.vision-dia .mid .tit > * {
         display: block;
     }
    .vision-dia .eme {
        background: #1d95a5 url(/static/img/bg-eme.gif) left bottom no-repeat;
        background-size: 100%;
    }

    .vision-dia .blue {
        background: #027cb5 url(/static/img/bg-blue.gif) left bottom no-repeat;
        background-size: 100%;
    }



    .vision-bot_new {
        background: #fff;
    }

    .box-line {
        letter-spacing: -0.07em;
    }
    .box-line {
        position: relative;
        border: 4px solid #c4c0b5;
        padding: 27px;
        text-align: center;
        font-size: 1.125rem;
    }

    .box-line .t_l, .box-line .t_r {
        top: -4px;
    }
    .box-line .t_l, .box-line .b_l {
        left: -4px;
    }
    .box-line .t_l {
        left: -4px;
        top: -4px;
    }
    .box-line > span {
        position: absolute;
        width: 70px;
        height: 67px;
        content: '';
        background: url(/static/img/line.gif) center center no-repeat;
        background-size: 100%;
    }

    .box-line .t_r {
        background-image: url(/static/img/line_r.gif);
    }
    .box-line .t_l, .box-line .t_r {
        top: -4px;
    }
    .box-line .t_r, .box-line .b_r {
        right: -4px;
    }
    .box-line > span {
        position: absolute;
        width: 70px;
        height: 67px;
        content: '';
        background: url(/static/img/line.gif) center center no-repeat;
        background-size: 100%;
    }
    .box-line .b_l {
        background-image: url(/static/img/line_bl.gif);
    }
    .box-line .b_l, .box-line .b_r {
        bottom: -4px;
    }
    .box-line .t_l, .box-line .b_l {
        left: -4px;
    }
    .box-line > span {
        position: absolute;
        width: 70px;
        height: 67px;
        content: '';
        background: url(/static/img/line.gif) center center no-repeat;
        background-size: 100%;
    }

    .box-line .b_r {
        background-image: url(/static/img/line_br.gif);
    }
    .box-line .b_l, .box-line .b_r {
        bottom: -4px;
    }
    .box-line .t_r, .box-line .b_r {
        right: -4px;
    }
    .box-line > span {
        position: absolute;
        width: 70px;
        height: 67px;
        content: '';
        background: url(/static/img/line.gif) center center no-repeat;
        background-size: 100%;
    }

    .box-line .box {
        border: 2px solid #c4c0b5;
        position: relative;
        z-index: 1;
        padding: 115px;
    }

    .box-line .tit {
        font-size: 42px;
        font-weight: 700;
        color: #333;
        line-height: 1.15;
        background: url(/static/img/line_tit.gif) center bottom no-repeat;
        padding-bottom: 50px;
        margin-bottom: 30px;
        word-break: keep-all;
        letter-spacing: -0.07em;
    }

    .box-line .txt {
        font-size: 1.25rem;
        color: #666;
        margin-bottom: 30px;
    }

    * {
        box-sizing: border-box;
    }
    .box-line .bg {
        background: #f8f8f8;
        padding: 1.25rem;
        text-align: left;
    }
    .box-line .bg ol {
        max-width: 917px;
        margin: 0 auto;
    }
    ol, ul {
        list-style: none;
    }

    .box-line .bg li {
        display: flex;
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px dashed #7c7c7c;
        align-items: center;
    }.box-line .bg .no {
         background: #027cb5;
         font-size: 1.125rem;
         border-radius: 50%;
         width: 58px;
         height: 58px;
         line-height: 58px;
         color: #fff;
         font-weight: 500;
         text-align: center;
     }.box-line .bg .c {
          margin-left: 20px;
          flex: 1;
      }
    .box-line .logo {
        margin-top: 50px;
    }.box-line .logo img {
         display: block;
         margin: 0 auto;
             width: 200px;
     }

    img {
        max-width: 100%;
        vertical-align: middle;
    }

    .color-test{
        padding-right: 2px;
        background: linear-gradient(90deg, rgba(26, 147, 63, 1) 0%, rgba(28, 93, 157, 1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }