/* 01 */
.index_phoneimgshow{display: none;}
@media only screen and (max-width:767px) {
    .index_phoneimgshow{display: block;}
    .index_pcimgshow{display: none;}
}

.bg-cover2{ background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative;overflow: hidden;}
.index_dev{height: 9.6rem; position: relative;z-index: 3;}
.index_dev_c01bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 5;}
.index_dev_c01bg img{width: 100%;height: 100%;}

.index_dev_c01,.index_dev_in{margin: auto;margin-top: 1.04rem; width: 7.52rem;height: 7.52rem;position: relative;z-index: 3;}
.index_dev_c01>img,.index_dev_c02>img{width: 100%;height: 100%;}
.index_dev_c02{width: 4.21rem;height: 4.21rem;
  /* transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);  */
  position:absolute; left:50%; top:50%;margin-left: -2.1rem;margin-top: -2.1rem;}

.index_dev_p{width: 2.3rem;height: 9.6rem; position: absolute;left: 0.9rem; top:0;z-index: 7;}
.index_dev_p>img{width: 100%;height: 100%;}
.index_dev_p02{left: auto;right: 0.9rem;}

.index_dev_c03 img{position: absolute;width: 2.8rem;height: 2.8rem;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute;  top:50%;}
.index_dev_c03 .i_img01{left: -0.9rem;}
.index_dev_c03 .i_img02{right: -0.9rem;}

.index_dev_out{z-index: 6;position: absolute;left: 0; top:0; width: 100%;height: 100%;}

.index_dev_text{position: absolute;top:2.55rem;z-index: 9;}
.index_dev_text p{width: 3.7rem;height: 0.3rem;margin-bottom: 1.05rem;}
.index_dev_text p img{width: 100%;height: 100%;}
.index_dev_text_le{left: 1.9rem;}
.index_dev_text_re{right: 1.9rem;}





@keyframes dayuancicle {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @-moz-keyframes dayuancicle {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes dayuancicle {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @-o-keyframes dayuancicle {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  .dayuancicle {
    -webkit-animation-duration: 2s;
    animation-duration:2s;
    -webkit-animation-name: dayuancicle;
    animation-name: dayuancicle
}


/* 02 */
.about_night{position: relative;width: 90.1%;margin:auto;}
.about_night>img{width: 100%;}
.about_night_in{width: 53.8%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;overflow: hidden;}
.about_night_in::before{content:"";position:absolute;width:200px;height:100%;top:0;left:-150px;overflow:hidden;

    background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);

    background: -webkit-gradient(linear,left top,right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.4)), color-stop(100%, rgba(255,255,255,0)));

    background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);

    background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);

    -webkit-transform: skewX(-25deg);

    -moz-transform: skewX(-25deg);

    transition:left 1s ease 0s;
    animation: animate 5s infinite;}
.about_night_in>img{width: 100%;}
.about_night_title{transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:6.3%;width: 16.72%;}
.about_night_p img{width: 28.85%;position: absolute;top:20.9%  ;}
.about_night_p01{left: 0.5%;}
.about_night_p02{right: 1.5%;}
@keyframes animate {
    0%{
        left: -150px;
    }

    100%{
        left: 150%;
    }
}


/* 03 */
.industry_sec1 .industry_right{width: 52.1%;}
@media screen and (max-width: 1024px) {
    .industry_sec1 .industry_right{width: 100%;}
}

.heal_box{position: relative;}
.heal_box>img{width: 100%;position: relative;z-index: 6;}


.heal_box_cimg_in{position: relative;z-index: 5;}
.heal_box_cimg_in img{width: 100%;height: 100%;position: relative;z-index: 6;}
.heal_box_cimg{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;width: 23.3%;z-index: 9;}
.heal_box_cimg_in::before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(27,151, 142, 0.8);
    
    animation: yuanRun 2s infinite linear;

    animation-duration: 2s;
  }
 .heal_box_cimg_in::after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(27,151, 142, 0.8);
   
    animation: yuanRun 2s 1s infinite linear;
    animation-duration: 2s;
  }
  @keyframes yuanRun {
    form {
      transform: translate(-50%, -50%) scale(1);
      opacity: 0.6;
    }
    to {
      transform: translate(-50%, -50%) scale(1.5);
      opacity: 0;
    }
  }



  @-webkit-keyframes fadeInUptwo {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInUptwo {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInUptwo {
    -webkit-animation-name: fadeInUptwo;
    animation-name: fadeInUptwo
}

.heal_imgp img{position: absolute;width: 30.5%;}
.heal_imgp01{top:0;right:69%;}
.heal_imgp02{top:0;right: 0;}

.heal_imgp03{bottom:0;right:69%;}
.heal_imgp04{bottom:0;right: 0;}

/* 04 */
.heal_box{width: 94.5%;margin:auto;position: relative;margin-top: 0.6rem;line-height: 0;}
.heal_box>img{width: 100%;}
.heal_title{width: 19.1%;transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;}
.heal_title img{width: 100%;}

.heal_img{position: absolute;left: 0;bottom: 0;width: 100%; height: 100%; z-index: 9;}
.heal_img p{width: 12.1%; position: absolute;}
.heal_img p img{width: 100%;position: relative;z-index: 9;}
.heal_img p:nth-child(1){bottom: 17%;left: 1%; }
.heal_img p:nth-child(3){bottom: 17%;right: 1%;}
.heal_img p:nth-child(2){left: 44.9%;bottom: 0;}

.heal_img p::before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255,255, 255, 0.5);
    
    animation: yuanRun 2s infinite linear;

    animation-duration: 2s;
  }
 .heal_img p::after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255,255, 255, 0.5);
   
    animation: yuanRun 2s 1s infinite linear;
    animation-duration: 2s;
  }



/* 05 */
.overseas_sec3 .fl{width: 35.5%;margin: 0;}
.overseas_sec3 .fr{width: 47.4%;margin: 0;margin-right: 3.6%;}

.over_xt{position: relative; line-height: 0;}
.over_xt>img{width: 100%;}
.over_xt_in{width: 49.5%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
.over_xt_in>img{width: 100%; border-radius: 50%;     box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);}
.over_xt_pic img{width: 47.4%;position: absolute; border-radius: 50%;   box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.3);}
.over_xt_pic img:nth-child(1){top:-16.4%;left: 50%;margin-left: -23.7%;}
.over_xt_pic img:nth-child(2){bottom:0;left: -19.2%;}
.over_xt_pic img:nth-child(3){bottom:0;right: -19.2%;}

.over_xt_p img{position: absolute;width: 30.49%;border-radius: 0.2rem; box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);}
.over_xt_p img:nth-child(1){top:20%;left: -4%;}
.over_xt_p img:nth-child(2){top:51.4%;left: -15.2%;}
.over_xt_p img:nth-child(3){top:82.5%;left: -4%;}

.over_xt_p img:nth-child(4){top:20%;right: -4%;}
.over_xt_p img:nth-child(5){top:51.4%;right: -15.2%;}
.over_xt_p img:nth-child(6){top:82.5%;right: -4%;}

@keyframes overcicle {
  from {
    opacity: 0;
    transform: rotate(0deg);
  }
  to {
    opacity: 1;
    transform: rotate(360deg);
  }
}
@-moz-keyframes overcicle {
  from {
    opacity: 0;
    transform: rotate(0deg);
  }
  to {
    opacity: 1;
    transform: rotate(360deg);
  }
}
@-webkit-keyframes overcicle {
  from {
    opacity: 0;
    transform: rotate(0deg);
  }
  to {
    opacity: 1;
    transform: rotate(360deg);
  }
}
@-o-keyframes overcicle {
  from {
    opacity: 0;
    transform: rotate(0deg);
  }
  to {
    opacity: 1;
    transform: rotate(360deg);
  }
}

.overcicle {
  -webkit-animation-duration: 2s;
  animation-duration:2s;
  -webkit-animation-name: overcicle;
  animation-name: overcicle
}

@media screen and (max-width: 1024px) {
  .overseas_sec3 .fl,.overseas_sec3 .fr{width: 100%;margin:0;}
  .overseas_sec3 .fl{padding-bottom: 30px;}
  .overseas_sec3 .fr{width: 80%;margin:auto;}
}





