 
/* 公用 */
.pd0 {
    padding-left: 0;
    padding-right: 0;
}

.pd-l-0 {
    padding-left: 0;
}

.pd-r-0 {
    padding-right: 0;
}

.fr {
    float: right;
}

.fl {
    float: left;
}
.psrt{
    position:relative;
}
.tran{
   -webkit-transition: all .5s ease;
   transition: all .5s ease;
}
.flex {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@-webkit-keyframes mk_scale {
    0% {
        -webkit-transform: scale(.3);
        transform: scale(.3);
        opacity: .1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes mk_scale {
    0% {
        -webkit-transform: scale(.3);
        transform: scale(.3);
        opacity: .1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes mk_fade {
    0% {
        opacity: .1
    }

    100% {
        opacity: 1
    }
}

@keyframes mk_fade {
    0% {
        opacity: .1
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes mk_left_to_right {
    0% {
        -webkit-transform: translate(-30px, 0);
        transform: translate(-30px, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes mk_left_to_right {
    0% {
        -webkit-transform: translate(-30px, 0);
        transform: translate(-30px, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes mk_right_to_left {
    0% {
        -webkit-transform: translate(30px, 0);
        transform: translate(30px, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes mk_right_to_left {
    0% {
        -webkit-transform: translate(30px, 0);
        transform: translate(30px, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes mk_bottom_to_top {
    0% {
        -webkit-transform: translate(0, 50px);
        transform: translate(0, 50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes mk_bottom_to_top {
    0% {
        -webkit-transform: translate(0, 50px);
        transform: translate(0, 50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes mk_top_to_bottom {
    0% {
        -webkit-transform: translate(0, -50px);
        transform: translate(0, -50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes mk_top_to_bottom {
    0% {
        -webkit-transform: translate(0, -50px);
        transform: translate(0, -50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes mk_bottom_to_top_scale {
    0% {
        -webkit-transform: translate3d(0, 50px, 0) scale(.8);
        transform: translate3d(0, 50px, 0) scale(.8);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
        opacity: 1
    }
}

@keyframes mk_bottom_to_top_scale {
    0% {
        -webkit-transform: translate3d(0, 50px, 0) scale(.8);
        transform: translate3d(0, 50px, 0) scale(.8);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
        opacity: 1
    }
}

@-webkit-keyframes mk_scale_blur {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-filter: blur(50);
        filter: blur(50);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes mk_scale_blur {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-filter: blur(50);
        filter: blur(50);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

.anim_emt {
    visibility: hidden
}

.anim_emt.start-animation.scale_up {
    -webkit-animation: mk_scale .8s 1 cubic-bezier(.445, .05, .55, .95) both;
    animation: mk_scale .8s 1 cubic-bezier(.445, .05, .55, .95) both;
    visibility: visible
}

.anim_emt.start-animation.fade_in {
    -webkit-animation: mk_fade 1.2s 1 cubic-bezier(.445, .05, .55, .95) both;
    animation: mk_fade 1.2s 1 cubic-bezier(.445, .05, .55, .95) both;
    visibility: visible
}

.anim_emt.start-animation.r_to_l {
    -webkit-animation: mk_right_to_left 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
    animation: mk_right_to_left 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
    visibility: visible
}

.anim_emt.start-animation.l_to_r {
    -webkit-animation: mk_left_to_right 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
    animation: mk_left_to_right 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
    visibility: visible
}

.anim_emt.start-animation.t_to_b {
    -webkit-animation: mk_top_to_bottom 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
    animation: mk_top_to_bottom 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
    visibility: visible
}

.anim_emt.start-animation.b_to_t {
    -webkit-animation: mk_bottom_to_top 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
    animation: mk_bottom_to_top 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
    visibility: visible
}
.anim_emt.start-animation.b_to_t_scale {
    -webkit-animation: mk_bottom_to_top_scale 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
    animation: mk_bottom_to_top_scale 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;
    visibility: visible
}

.anim_emt.start-animation.scale_blur {
    -webkit-animation: mk_scale_blur 2s 1 cubic-bezier(.77, 0, .175, 1) both;
    animation: mk_scale_blur 2s 1 cubic-bezier(.77, 0, .175, 1) both;
    visibility: visible
}

/* 网站 */
.c_portalResSearch_total-02001{
   position: fixed;
   z-index: 777;
   height: 0px!important;
   top:148px!important;
   -webkit-transition: all .5s ease;
   transition: all .5s ease;
}
.on_t90{
   top:90px!important;
}
@media only screen and (max-width: 1200px){
  .c_portalResSearch_total-02001{
    top:80px!important;
  }
  #w_grid-1596704164873{
    padding-top: 90px!important;
  }
}
@media only screen and (max-width: 768px){
  .c_portalResSearch_total-02001{
    top:90px!important;
  }
  #w_grid-1596704164873{
    padding-top:80px!important;
  }
  /* 产品中心 了解我们 */
  #w_grid-1611842418455,
  #w_grid-1611842418475,
  #w_grid-1611842418495{
    margin-top: 30px;
    margin-bottom: 0px;
  }
  #w_grid-1611842418475,
  #w_grid-1611842418495{
    margin-bottom: 30px;
  }
  #w_common_text-1611842418545 p span,
  #w_common_text-1611842418555 p span,
  #w_common_text-1611842418575 p span{
    font-size: 20px!important;
  }
  #w_common_text-1611842418550 p span,
  #w_common_text-1611842418560 p span,
  #w_common_text-1611842418580 p span{
    font-size: 18px!important;
  }
  #w_fbtn-1611842418465{
    max-width: 60px!important;
    min-height: 60px!important;
  }
  #w_common_text-1611842418565{
    display:none;
  }
  #w_common_text-1611842418570{
    margin: 5px 0 5px auto;
    width: 70%;
  }
  #w_grid-1611842418525{
    margin-top:30px;
  }
  #w_grid-1611842418535{
    padding:50px 0;
  }
  #w_common_text-1611842418590{
    margin-top:20px;
    margin-bottom:20px;
  }
  #w_common_text-1611842418585 p span{
    font-size: 18px!important;
  }
  #w_common_text-1611842418590 p span{
    font-size: 18px!important;
  }
  #w_common_text-1611842418595 p span{
    font-size: 14px!important;
  }
  /*  */


}

