/**
*动物exm3000
**/
img{width:100%}
.section .inner{max-width: 14rem;}
.section{position: relative}
.sec01{
    background: url('../../img/animal/z52vet/1.jpg') no-repeat;
    background-size: cover;
    background-position: center; ;
}
 .sec01 .text {padding:1rem 0 3.3rem 1.8rem; box-sizing: border-box; }
 .sec01 .l2{font-size:0.56rem; color: #fff; }
 .sec02 .inner{position: relative;}
 .sec02 .pic{left: -1.3rem;width: 9.39rem; position: absolute; z-index: 2;  top: -2.8rem;;  }
 .sec02 .l1{font-size: 0.34rem;  line-height: 1.2;}
 .sec02 .text{padding: 0.9rem 0 2rem; position: relative;  z-index: 1; display: flex; justify-content: flex-end;}
 .sec02 .text .hd{margin-right: 1.8rem;}
 .sec03{background:linear-gradient(to right,#F3F4F3,#F2F3F2) no-repeat;padding: 5.6% 0 8.7%; }
.sec03 .inner{display: flex;}
 .sec03 .lbBox{  box-sizing: border-box;  margin-left: 1.8rem;  }
 .sec03 .lbBox .lb{height: 100%;  width: 5.7rem;  box-sizing: border-box;position: relative;}
.sec03 .lbBox .lb .title{font-size: 0.42rem; margin-bottom: 0.68rem;   }
.sec03 .lbBox .lb .bref{font-size: 0.18rem; margin-bottom: 0.56rem; line-height: 1.4;}
.sec03 .lbBox .lb .bref:last-child{margin-bottom: 0;}
.sec03 .lbBox .lb .iconline{display: flex; align-items: center; margin-bottom: 20px;}
.sec03 .lbBox .lb .iconline .bt{font-size: 0.26rem; color: #EE5C3B; margin-left: 16px;}
.sec03 .lbBox .lb .icon1{width: 0.44rem;}
.sec03 .lbBox .lb .icon2{width: 0.4rem; }
.sec03 .lbBox .lb .icon3{width: 0.32rem; margin-right: 0.1rem; }
.sec03 .lbBox .lb .bigText{font-size: 0.3rem;}
.sec03 .rtimg{ position: relative; height: 100%;}
.sec03 .rtimg img{width: 8rem;  position: absolute; left: 1rem;  top: 0.5rem;}


.sec04{ display: flex; }
.sec04 .left{
    width: 49.68%; height:100%;
    background: url('../../img/animal/z52vet/5.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    padding: 9% 0 9%;
    position: relative;
}
.sec04 .left .z{height: 3.7rem;}
.sec04 .left .yqimg{ z-index: 2; height: 100%; top:0; right: 9.98%; box-sizing: border-box; position: absolute; width:70%; display: flex; align-items: center;}
.sec04 .right{
    width: calc(100% - 49.68%);
    padding: 9% 0 8.54%;
    padding-left: 9%;
    box-sizing: border-box;
    background: url('../../img/animal/z52vet/4.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}
.sec04 .right .textbox{width:6rem; }
.sec04 .right p{color: #FFFFFF; font-size: 0.18rem;}
.sec04 .right .numbox { display: grid; grid-template-columns: auto auto auto; column-gap: 1rem; margin-bottom: 0.8rem;}
.sec04 .right .numbox p { font-size: 0.24rem;}
.sec04 .right .numbox p span{font-size: 0.8rem; display: block; margin-bottom: 0.1rem;}
.sec04 .right .text p{line-height: 1.7}


 .sec05{
    background: url('../../img/animal/z52vet/10.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; font-weight: bold; color: #F45C39;}
 .sec05 .txBox{  position: relative; padding-bottom: 45.57%; }
.sec05 .txList {position: absolute;}
.sec05 .txList .tx img{border-radius: 50%;}
.sec05 .txList .tx{border-radius: 50%;overflow: hidden; animation: animate3 5s ease-in-out infinite alternate}
.sec05 .txList1 .tx{width: 2.04rem; height: 2.04rem;}
.sec05 .txList2 .tx{width: 0.88rem; height: 0.88rem;}
.sec05 .txList3 .tx{width: 1.3rem; height: 1.3rem;}
.sec05 .txList4 .tx{width: 0.8rem; height: 0.8rem; }
.sec05 .txList5 .tx{width: 2.44rem; height: 2.44rem; }
.sec05 .txList6 .tx{width: 0.86rem; height: 0.86rem;  }
.sec05 .txList7 .tx{width: 1.2rem; height: 1.2rem;}
.sec05 .txList8 .tx{width: 1.6rem; height: 1.6rem;}
.sec05 .txList9 .tx{width: 2.1rem; height: 2.1rem;}

.sec05 .txList1{left:0.78rem; top:1.3rem; animation: animate1 6.6s ease-in-out infinite alternate}
.sec05 .txList2{left:3.2rem; top:1.56rem; animation: animate1 9s ease-in-out infinite alternate-reverse}
.sec05 .txList3{left:3.16rem; bottom:2.28rem; animation: animate1 8s ease-in-out infinite alternate-reverse}
.sec05 .txList4{left:4.4rem; top:1.96rem; animation: animate1 6.5s ease-in-out infinite alternate}
.sec05 .txList5{left:calc(50% - 1.35rem); top:1.2rem; animation: animate1 6s ease-in-out infinite alternate-reverse}
.sec05 .txList6{left:calc(50% + 1.1rem); top:1.2rem; animation: animate1 7s ease-in-out infinite alternate}
.sec05 .txList7{left:calc(50% + 1.64rem); bottom:2.5rem; animation: animate1 8s ease-in-out infinite alternate}
.sec05 .txList8{right:2.84rem; top:0.7rem; animation: animate1 9s ease-in-out infinite alternate-reverse}
.sec05 .txList9{right:0.8rem; bottom:2.27rem; animation: animate1 6s 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);}
}


.sec06 {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:12.24rem; margin: 0 auto}
.sec06 .imgrow{display: flex; justify-content: space-between; margin-top: 14px;}
.sec06 .img2{width: 6.06rem;height: 3.47rem;}

.sec07{
    padding: 10.41% 0 9.27%;
    background: url('../../img/animal/z52vet/7.jpg') no-repeat;
    background-size: cover;
    background-position: center ;
}
.sec07 .text{margin-left: 1.4rem}
.sec07 .imgs{ display: flex; margin-bottom: 0.56rem; }
.sec07 .imgs .img{ width: 1.8rem; height: 1.6rem; }
.sec07 .imgs .img2{ margin-left: 0.3rem; }
.sec07 .title{font-size: 0.42rem; line-height: 1; margin-bottom: 1.12rem;}
.sec07 p{font-size: 0.18rem; line-height: 1.7;}
.sec07 .p2{margin-top: 0.14rem;}
.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;}


@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,
    .sec03 .lbBox .lb .bref,
    .sec04 .right p,
    .sec07 p
    {font-size: 13px;}

    .sec04 .right{padding-left: 5%; padding-right: 2%;}
    .sec04 .right .textbox{width: 8rem;}
}




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

     .sec01{background: url(../../img/animal/z52vet/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-top:0.86rem; background: #fff; }
    .sec02 .inner{overflow: hidden;}
     .sec02 .text{padding: 0 0.34rem;box-sizing: border-box; flex-direction: column; align-items: center;}
     .sec02 .l1{ font-size:0.44rem;line-height: 1.3; }
     .sec02 .text .hd{margin-right: 0; text-align: center;}
     .sec02 .pic{position: unset; margin: 0.84rem 0 0; width: 123%;margin-left: -0.6rem; }

    .sec03{padding:1rem 0 1.32rem;}
    .sec03 .lbBox .lb{width: 100%;}
    .sec03 .lbBox .lb .title{font-size: 0.44rem;text-align: center;}
    .sec03 .lbBox .lb .iconline .bt{font-size: 0.28rem; margin-left:0;}
    .sec03 .lbBox .lb .bref{font-size: 0.26rem; margin-bottom: 0.5rem}
    .sec03 .lbBox{margin-left: 0; padding: 0 0.6rem; padding-right: 0.5rem; box-sizing: border-box;}
    .sec03 .inner{flex-direction: column;}
    .sec03 .lbBox .lb .iconline{margin-bottom: 0.2rem;}
    .sec03 .lbBox .lb .iconline,.sec03 .lbBox .lb .bref{padding-left: 1.5rem; box-sizing: border-box; position: relative; }
    .sec03 .lbBox .lb .icon{position: absolute; left:0; top: 0.4rem;}
    .sec03 .lbBox .lb .icon1{width: 0.92rem; }
    .sec03 .lbBox .lb .icon2{width: 0.86rem; top: 0.6rem; left: 0.1rem }
    .sec03 .lbBox .lb .icon3{width: 0.67rem;left: 0.24rem}
    .sec03 .rtimg {overflow-x: hidden;}
    .sec03 .rtimg img{width: 90%; margin-top: 0.8rem; margin-left: 1rem; position: unset; }

    .sec04{flex-direction: column;}
    .sec04 .left{width: 100%; height: 5.42rem; padding:0;}
    .sec04 .left .z{display: none}
    .sec04 .left .yqimg{position: unset;margin-top: 0.3rem; margin-left: calc(50% - 2.8rem);width: 80%;}
    .sec04 .right{width: 100%; padding: 1.08rem 0.6rem 1.12rem;}
    .sec04 .right p{font-size: 0.26rem;}
    .sec04 .right .textbox{width: 100%;}
    .sec04 .right .numbox{column-gap: 0.6rem;margin-bottom:0.6rem;}
    .sec04 .right .numbox p{font-size: 0.29rem;text-align: center;}

    .sec07 {
        padding: 1.08rem 0 6.5rem;
        background: url(../../img/animal/z52vet/sp_2.jpg) no-repeat;
        background-size: cover;
        background-position: center;
    }
    .sec07 .text{margin-left: 0; padding: 0 0.6rem; box-sizing: border-box;}
    .sec07 .title{font-size: 0.44rem;margin-bottom:0.74rem; text-align: center;}
    .sec07 .imgs { justify-content: space-between;margin-bottom: 0.7rem; }
    .sec07 .imgs .img {  width: 2.85rem; height:2.53rem; }
    .sec07 p{font-size: 0.26rem;}
    .sec07 .p2{margin-top: 0.24rem;}

    .sec05{background-position: 58% 0%;}
    .sec05 .inner{padding-top:1.1rem;}
    .sec05 .l1{font-size: 0.44rem;margin-bottom: 43px}
    .sec05 .l2{font-size: 0.26rem; padding:0 0.6rem; box-sizing: border-box;}
    .sec05 .l2 span{font-size: 0.36rem;}
    .sec05 .txBox{padding-bottom: 8.37rem;}
    .sec05 .txList4,.sec05 .txList2{display: none;}
    .sec05 .txList1 .tx{ width: 1.48rem; height: 1.48rem; }
    .sec05 .txList3 .tx{width: 1.32rem; height: 1.32rem;}
    .sec05 .txList5 .tx{ width: 2.13rem; height: 2.13rem; }
    .sec05 .txList6 .tx{width: 1.17rem; height: 1.17rem;}
    .sec05 .txList7 .tx{width: 1rem; height: 1rem;}
    .sec05 .txList8 .tx{width: 1rem; height: 1rem;}
    .sec05 .txList9 .tx{width: 1.27rem; height: 1.27rem;}
    .sec05 .txList1{left:0.7rem; top:1.5rem;}
    .sec05 .txList3{left:0.9rem; bottom:2.4rem;}
    .sec05 .txList5{left:2.62rem; top:3.1rem;}
    .sec05 .txList6{right:1.37rem; top:1.25rem;}
    .sec05 .txList7{right:0.77rem; bottom:4.28rem; left:unset;}
    .sec05 .txList8{left:3.1rem; top:1.58rem; right:unset;}
    .sec05 .txList9{right:1.1rem; bottom:2.4rem;}

    .sec06{padding:1rem 0 1.4rem; }
    .sec06 .inner{padding:0 0.6rem; box-sizing: border-box;}
    .sec06 .title{font-size: 0.44rem;}
    .sec06 .bref{font-size: 0.26rem; line-height: 1.4; margin: 0.7rem 0 0.82rem;}
    .sec06 .imgbox{width: 100%;}
    .sec06 .img2{width: 100%; height: auto;}

}