.dynamic span a img{
        width: 40px;
}

/* 快捷通道效果 */
      .nav_quick .fancy {
        width: 200px;
        position: absolute;
        left: 20px;
        background-color: transparent;
        border: 2px solid #fda026;
        border-radius: 0;
        /* box-sizing: border-box; */
        color: #fff;
        cursor: pointer;
        display: inline-block;
        /* float: right; */
        font-weight: 700;
        letter-spacing: 0.05em;
        margin: 0;
        margin-top: 16px;
        margin-bottom: 8px;
        outline: none;
        overflow: visible;
        padding: 12px;
        position: relative;
        text-align: center;
        text-decoration: none;
        text-transform: none;
        transition: all 0.3s ease-in-out;
        user-select: none;
        font-size: 16px;
      }

      .quick2 .fancy {
        margin: 32px 0 23px 0;
      }

      .quick3 .fancy {
        margin-bottom: 16px;
      }

      /* 正方形 */
      .nav_quick .fancy::before {
        content: " ";
        width: 18px;
        height: 18px;
        background: #999999;
        top: 50%;
        left: 1.5em;
        position: absolute;
        transform: translateY(-50%);
        transform-origin: center;
        transition: background 0.3s linear, width 0.3s linear;
      }

      .nav_quick .fancy .text {
        font-size: 1.125em;
        line-height: 1.33333em;
        padding-left: 65px;
        display: block;
        text-align: left;
        transition: all 0.3s ease-in-out;
        text-transform: uppercase;
        text-decoration: none;
        color: black;
      }

      /* 留白 */
      .nav_quick .fancy .top-key {
        height: 2px;
        width: 2rem;
        top: -2px;
        left: 0.625rem;
        position: absolute;
        background: #fff;
        transition: width 0.5s ease-out, left 0.3s ease-out;
      }

      /* 留白 */
      .nav_quick .fancy .bottom-key-1 {
        height: 2px;
        width: 1rem;
        right: 0.9rem;
        bottom: -2px;
        position: absolute;
        background: #fff;
        transition: width 0.5s ease-out, right 0.3s ease-out;
      }

      /* 留白 */
      .nav_quick .fancy .bottom-key-2 {
        height: 2px;
        width: 0.2rem;
        right: 0.5rem;
        bottom: -2px;
        position: absolute;
        background: #fff;
        transition: width 0.5s ease-out, right 0.3s ease-out;
      }

      .nav_quick .fancy:hover {
        color: white;
        background: #ff8c00;
      }

      /* 正方形 鼠标停留效果 */
      .nav_quick .fancy:hover::before {
        position: absolute;
        top: 15px;
        width: 14px;
        height: 14px;
        border-right: 5px solid #fff;
        border-bottom: 5px solid #fff;
        transform: rotate(-45deg);
        /* Internet Explorer 9*/
        -ms-transform: rotate(-45deg);
        /* Firefox */
        -moz-transform: rotate(-45deg);
        /* Safari 和 Chrome */
        -webkit-transform: rotate(-45deg);
        /* Opera */
        -o-transform: rotate(-45deg);
        /* background: white; */
        background: none;
      }
      .nav_quick .fancy:hover .text {
        color: white;
        /* padding-left: 1.5em; */
      }

      .nav_quick .fancy:hover .top-key {
        left: -2px;
        width: 0px;
      }

      .nav_quick .fancy:hover .bottom-key-1,
      .nav_quick .fancy:hover .bottom-key-2 {
        right: 0;
        width: 0;
      }

/*尾部下拉框*/
/* From uiverse.io */
        .c-button {
            color: #000;
            font-weight: 700;
            font-size: 16px;
            text-decoration: none;
            padding: 0.9em 1.6em;
            cursor: pointer;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            z-index: 1;
        }

        .c-button--gooey {
            color: #06c8d9;
            text-transform: uppercase;
            letter-spacing: 2px;
            border: 4px solid #06c8d9;
            border-radius: 0;
            position: relative;
            transition: all 700ms ease;
        }

        .c-button--gooey .c-button__blobs {
            height: 100%;
          
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0;
            bottom: -3px;
            right: -1px;
            z-index: -1;
        }

        .c-button--gooey .c-button__blobs div {
            background-color: #06c8d9;
            width: 34%;
            height: 100%;
            border-radius: 100%;
            position: absolute;
            transform: scale(1.4) translateY(125%) translateZ(0);
            transition: all 700ms ease;
        }

        .c-button--gooey .c-button__blobs div:nth-child(1) {
            left: -5%;
        }

        .c-button--gooey .c-button__blobs div:nth-child(2) {
            left: 30%;
            transition-delay: 60ms;
        }

        .c-button--gooey .c-button__blobs div:nth-child(3) {
            left: 66%;
            transition-delay: 25ms;
        }

        .c-button--gooey:hover {
            color: #fff;
        }

        .c-button--gooey:hover .c-button__blobs div {
            transform: scale(1.4) translateY(0) translateZ(0);
        }

.dynamic::after {
        content: "";
        display: block;
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 90px;
        height: 3px;
        background: #0b6cb8;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
      }
      .new_inforBox2:hover .dynamic::after {
        width: 100%;
      }

      .informBox4:hover .dynamic::after {
        width: 100%;
      }

      .zp_pic:hover .dynamic::after {
        width: 100%;
      }

      .new_inforBox:hover .dynamic::after {
        width: 100%;
      }

.shadow_anim{
        box-shadow: 0px 0px 0px rgba(70, 143, 201, 0.5);
}

/*新增高级动画move2*/
@keyframes move2 {
        0% {
          transform: translate(0, 0);
        }
        100% {
          transform: translate(-3px, -3px);
        }
      }

.new_inforBox2:hover {
        animation: move2 0.5s ease-in forwards;
        box-shadow: 6px 6px 10px rgba(70, 143, 201, 0.5);
      }

.informBox4:hover {
        animation: move2 0.5s ease-in forwards;
        box-shadow: 6px 6px 10px rgba(70, 143, 201, 0.5);
      }

.zp_pic:hover {
        animation: move2 0.5s ease-in forwards;
        box-shadow: 6px 6px 10px rgba(70, 143, 201, 0.5);
      }

.new_inforBox:hover {
        animation: move2 0.5s ease-in forwards;
        box-shadow: 6px 6px 10px rgba(70, 143, 201, 0.5);
      }