/**
*动物exm3000
**/
img{width:100%}
.section{position: relative}
.section .inner{max-width: 14rem}
.sec01{
    background: url('../../img/animal/z4vet/1.jpg') no-repeat;
    background-size: cover;
    background-position: center; ;
}
 .sec01 .text {padding:1rem 0 3.3rem 1.73rem; box-sizing: border-box; }
 .sec01 .l2{font-size:0.56rem; color: #fff; }
 .sec02 .inner{position: relative;}
 .sec02 .pic{left: -2.1rem; width: 11.82rem;z-index: -1; position: absolute; z-index: 2;  top: -4.2rem;;  }
 .sec02 .l1{font-size: 0.34rem;  line-height: 1.2;}
 .sec02 .text{padding: 0.86rem 0 1.6rem; position: relative;  z-index: 1; display: flex; justify-content: flex-end;}
 .sec02 .text .hd{margin-right: 2.36rem;}


 .sec03{background: url(../../img/animal/z4vet/3.jpg) no-repeat center;background-size: cover;background-position: center bottom; padding: 8.3% 0; position: relative; display: flex;}
 .sec03 .lbBox{  padding-right:4.89% ; box-sizing: border-box; background: #F25D3B; width:48.59%; display: flex; justify-content: flex-end}
 .sec03 .lbBox .lb{height: 100%; padding: 7.5% 0; width: 5.68rem;  box-sizing: border-box; color: #fff; position: relative;}
.sec03 .lbBox .lb .title{font-size: 0.42rem; margin-bottom: 0.5rem;}
.sec03 .lbBox .lb .bref{font-size: 0.18rem; margin-bottom: 0.3rem; line-height: 1.3;}
.sec03 .lbBox .lb .swiper-slide{ background: #F25D3B; opacity: 0 !important;}
.sec03 .lbBox .lb .swiper-slide.swiper-slide-active{ opacity: 1 !important;}
.sec03 .lbBox .lb .icon{ margin-bottom: 0.15rem;}
.sec03 .lbBox .lb .icon1{width: 0.37rem; }
.sec03 .lbBox .lb .icon2{width: 0.36rem;}
.sec03 .lbBox .lb .icon3{width: 0.45rem;}
.sec03 .lbBox .lb .icon4{width: 0.41rem;}
.sec03 .lbBox .lb .icon5{width: 0.38rem;}
.sec03 .lbBox .lb .bigText{font-size: 0.3rem;}
.sec03 .rtimg{ width: calc(100% - 48.59%); height: 100%; position: relative;}
.sec03 .rtimg img{position: absolute; width: 6.8rem; top: 0.2rem;left: 1.3rem;}
.sec03 .page{display: flex; position: absolute; justify-content: center; bottom: 0.34rem !important;width: 100%;}


.section .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 8px !important; background: #fff; opacity: 0.3;}
.section .swiper-pagination-bullet-active{background: #fff !important; opacity: 0.9;}

 .sec05{
    background: url('../../img/animal/z4vet/5.jpg') no-repeat;
    background-size: cover;
    background-position: center bottom;
}
 .sec05 .inner{ padding: 5.2% 0 0; text-align: center; color: #fff; }
 .sec05 .l1{ font-size: 0.42rem;margin-bottom: 23px;}
 .sec05 .l2{ line-height:1.78; font-size: 0.16rem;}
 .sec05 .l2 span{  font-size: 0.26rem;}
 .sec05 .txBox{  position: relative; padding-bottom: 42.85%; }
 .sec05 .txList .name{color: #fff; font-size: 13px; position: absolute; background: url('../../img/animal/z4vet/txbj.png') no-repeat; background-size: cover; background-position: center; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2; animation: animate2 5s ease-in-out infinite alternate}
.sec05 .txList1 .name{ width: 0.63rem; height: 0.63rem; left: -0.46rem; bottom: 0; box-shadow: -3px 1.5px 14px 0px #EE5C3B; }
.sec05 .txList2 .name{ font-size: 0.18rem; width: 0.88rem; height: 0.88rem; left: -0.6rem; bottom: 0; box-shadow: -3px 1.5px 14px 0px #EE5C3B;}
.sec05 .txList3 .name{ font-size: 0.16rem;width: 0.97rem; height: 0.97rem; right:-0.8rem; bottom: 0.07rem; box-shadow: 2px 0px 14px 0px #EE5C3B;}
.sec05 .txList4 .name{ font-size: 0.19rem;width: 0.97rem; height: 0.97rem; left: -0.7rem; bottom: 0;box-shadow: -3px 1.5px 14px 0px #EE5C3B;}
.sec05 .txList5 .name{ width: 0.7rem; height: 0.7rem;right: -0.54rem;top: 0;z-index: 1;box-shadow: 4px 1px 14px -1px #EE5C3B;}
.sec05 .txList6 .name{ font-size: 0.17rem;width: 0.85rem; height: 0.85rem; right: -0.66rem; bottom: 0.07rem;box-shadow: 4px 1px 14px -1px #EE5C3B;}
.sec05 .txList7 .name{width: 0.63rem; height: 0.63rem;left: -0.46rem; bottom: 0;box-shadow: -3px 1.5px 14px 0px #EE5C3B;}

.sec05 .txList {position: absolute;}
.sec05 .txList .tx{border-radius: 50%; box-shadow: 0px 1px 13px 3px #EE5C3B;animation: animate3 5s ease-in-out infinite alternate}
.sec05 .txList .tx img{border-radius: 50%;}
.sec05 .txList1 .tx{width: 0.9rem; height: 0.9rem;}
.sec05 .txList2 .tx{width: 1.25rem; height: 1.24rem;}
.sec05 .txList3 .tx{width: 1.25rem; height: 1.25rem;}
.sec05 .txList4 .tx{width: 1.39rem; height: 1.39rem; position: relative;}
.sec05 .txList4 .tx img{width: 1.4rem; height: 1.44rem; position: absolute; left:0; bottom: 0;}
.sec05 .txList5 .tx{width: 1.09rem; height: 1.1rem; position: relative; z-index: 2;}
.sec05 .txList5 .tx img{width: 1.18rem; height: 1.09rem; position: absolute; bottom: 1px; left:0;}
.sec05 .txList6 .tx{width: 1.1rem; height: 1.1rem;  }
.sec05 .txList7 .tx{width: 0.91rem; height: 0.91rem;}
.sec05 .txList4 .tx img,.sec05 .txList5 .tx img{border-radius: unset;}

.sec05 .txList1{left:1.34rem; top:0.72rem; animation: animate1 5s ease-in-out infinite alternate}
.sec05 .txList2{left:3.2rem; bottom:1.9rem; animation: animate1 6s ease-in-out infinite alternate}
.sec05 .txList3{left:4.69rem; top:1rem;}
.sec05 .txList4{left:calc(50% + 0.4rem); top:2rem; animation: animate1 5s ease-in-out infinite alternate}
.sec05 .txList5{left:calc(50% + 2.3rem); top:1.1rem;}
.sec05 .txList6{right:1.6rem; bottom:2.36rem; animation: animate1 6s ease-in-out infinite alternate}
.sec05 .txList7{right:0.78rem; top:0; animation: animate1 5s ease-in-out infinite alternate}

@keyframes animate1 {
    0%{ transform: translate(0,0);}
    25%{ transform: translate(0,-5px);}
    50%{ transform: translate(10px,3px);}
    75%{ transform: translate(-5px,0);}
    100%{ transform: translate(-2px,-10px);}
}
@keyframes animate2 {
    0%{ transform: translate(0,-6px);}
    100%{ transform: translate(0,6px);}
}
@keyframes animate3 {
    0%{ transform: translate(0,6px);}
    100%{ transform: translate(0,-6px);}
}

.sec06 .inner{padding: 5.93% 0 8.95%; text-align: center;}
.sec06 .title{font-size: 0.42rem;  }
.sec06 .bref{font-size: 0.16rem;  margin: 0.4rem 0 1rem; }
.sec06 .imgbox{width: 10.24rem; margin: 0 auto;}
.sec06 .img1{width: 10.24rem; height: 4.81rem; }
.sec06 .imgrow{display: flex; justify-content: space-between; margin-top: 14px;}
.sec06 .img2{width: 5.04rem; height: 2.86rem }

@media screen and (max-width: 1301px) {
    .sec05 .txBox{padding-bottom: 37.85%;}
    .sec05 .txList .name{font-size: 12px;}
    .sec05 .txList1 .name,.sec05 .txList7 .name{ width: 0.73rem; height: 0.73rem;}

}
@media screen and (max-width: 1440px) {
    .sec05 .l2,.sec06 .bref{font-size: 13px;}

}




@media all and (max-width: 767px) {



     .sec01{background: url(../../img/animal/z4vet/sp_1.jpg) no-repeat; background-size: cover; background-position: center;}
     .sec01 .l2{font-size:7.33vw !important;}
     .sec01 .l3{font-size:0.24rem; color: #FFFFFF; margin-top: 0.24rem;}
     .sec01 .text{padding: 1.39rem 0 1.36rem 0.54rem;  box-sizing: border-box;}

     .sec02 {
         padding:1.1rem 0 0.25rem; background: #fff;
         background: url(../../img/animal/z4vet/sp_2.jpg) no-repeat;
         background-size: cover;
         background-position: center;
     }
     .sec02 .text{padding: 0 0.34rem;box-sizing: border-box; flex-direction: column; align-items: center;}
     .sec02 .l1{ font-size:0.34rem; }
     .sec02 .l3{font-size: 0.24rem; }
     .sec02 .text .hd{margin-right: 0; text-align: center;}
     .sec02 .pic{position: unset; margin: 1.5rem 0 0;  width: 72%;   margin-left: 1.3rem; }

     .sec03{padding: 0; background: none; }
    .sec03 .lbBox{width: 100%; padding-right:0;justify-content: center;}
    .sec03 .rtimg{display: none;}
    .sec03 .lbBox .lb{padding: 1rem 0;}
    .sec03 .lbBox .lb .title{text-align: center;}
    .sec03 .lbBox .lb .bref{font-size: 0.26rem; margin-bottom: 0.5rem;}
    .sec03 .lbBox .lb .icon{margin-bottom: 0.3rem;}
    .sec03 .lbBox .lb .icon1{width: 0.58rem;}
    .sec03 .lbBox .lb .icon2{width: 0.58rem;}
    .sec03 .lbBox .lb .icon3{width: 0.52rem;}
    .sec03 .lbBox .lb .icon4{width: 0.52rem;}
    .sec03 .lbBox .lb .icon5{width: 0.48rem;}
    .sec03 .page{bottom: 0.8rem !important;}

    .dwexm3000 .sec05{padding: 1.47rem 0 6.3rem;background: url(../../img/animal/exm3000/sp_4.jpg) no-repeat; background-size:100% auto;background-position: center bottom; }
    .sec05 .txList1,.sec05 .txList2{display: none;}
    .sec05 .l1{margin-bottom: 0.7rem;}
    .sec05 .l2{font-size: 0.26rem; padding: 0 0.4rem; box-sizing: border-box;}
    .sec05 .txBox{padding-bottom: 8.3rem;}
    .sec05 .inner{padding-top: 1.5rem;}
    .sec05 .txList3{left:1.87rem; top:1.76rem;}
    .sec05 .txList4{left:3.27rem; bottom:2.7rem; top:unset;}
    .sec05 .txList5{right:1.92rem; top:1.7rem; left:unset;}
    .sec05 .txList6{right:1.46rem; top:3.48rem; bottom:unset;}
    .sec05 .txList7{left:1.1rem; top:3.34rem; right:unset;}

    .sec06 .inner{padding: 1.3rem 0.8rem; box-sizing: border-box; }
    .sec06 .bref{font-size: 0.26rem;line-height: 1.4;margin: 0.48rem 0 0.7rem; text-align: left;}
    .sec06 .imgbox{width: 100%;}
    .sec06 .imgrow{display: none}
    .sec06 .img1{width: 100%; height: auto}

}