.section .inner{width:1400px;}
.section .innerPos{
    position: absolute;
    left:50%;
    top:0;
    transform:  translateX(-50%);
}
 img{width:100%;}
.exp960 .sec01{
    background: url('../../img/animal/exp960/1.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}
.exp960 .sec01 .l2{font-size: 0.56rem; font-weight: bold;}
.exp960 .sec01 .l3{line-height: 1.2; font-size: 0.24rem;}
.exp960 .sec01 .text{padding: 1.47rem 0 2.25rem 1.53rem;}

.exp960 .sec02 .l1{line-height: 1.2; font-size: 0.38rem; font-weight: bold; margin-bottom: 0.28rem}
.exp960 .sec02 .l2{line-height: 1.3; font-size: 0.2rem; margin-bottom: 0; }
.exp960 .sec02 .text .hd{margin-right: 0.2rem;}
.exp960 .sec02 .text {
    z-index: 1;
    padding: 0.7rem 0 1.57rem 0;
    display: flex;
    justify-content: flex-end;
}
.exp960 .sec02 .pic{
    position: absolute;
    left: -16%;
    top: 0;
    margin-top: -18.36%;
    width: 72%;
}

.exp960 .sec03{
    background-image: url('../../img/animal/exp960/3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.exp960 .sec03 .inner{ display: flex; justify-content: space-between; padding:  2.25rem 0 2.74rem}
.exp960 .sec03 .yqimg{ width: 78.78%; position: absolute; right: -16%;top: 1.4rem; }
.exp960 .sec03 .inner .two{  margin-left: 1.64rem;}
.exp960 .sec03 .inner .two .p1{color: #00c87f;}
.exp960 .sec03 .inner .two .p1 .span1{font-size: 0.8rem;}
.exp960 .sec03 .inner .two .p1 .span2{font-size: 0.24rem;}
.exp960 .sec03 .inner .two .mtp{margin-top: 1.2rem;}
.exp960 .sec03 .inner .two .p2{font-size: 0.2rem; color: #595959; line-height: 1.5; margin-top: 0.1rem;}

.exp960 .sec04 .inner{padding:6.6% 0 5.6%; text-align: center}
.exp960 .sec04 .p1{font-size: 0.38rem; color: #000202; text-transform: uppercase;}
.exp960 .sec04 .p2{font-size: 0.2rem; color: #575757; margin-top: 0.2rem; line-height: 1.7}

.exp960 .sec05{  position: relative; overflow: hidden; background: #2e2e2e;  }
.exp960 .sec05 .inner{padding: 4.5% 0 12.7%; }
.exp960 .sec05 .bjlist{width:100%; position: absolute;  bottom:0; left:0; background: #2e2e2e;}
.exp960 .sec05 .bjlist .bj{display: none;}
.exp960 .sec05 .bjlist .bj:nth-child(1){display: block;}
.exp960 .sec05 .bjlist img{width:100%;}
.exp960 .sec05 .pp{color:#ffffff; text-align: center;}
.exp960 .sec05 .pp1{font-size: 0.46rem;  text-transform: uppercase;}
.exp960 .sec05 .pp1 span{font-size: 0.68rem;}
.exp960 .sec05 .pp2{font-size: 0.2rem; line-height: 1.5; margin-top: 0.26rem; }
.exp960 .sec05 .two{display: flex; justify-content: center; column-gap: 0.9rem; }
.exp960 .sec05 .two .tab{text-align: center; padding: 1.1rem 0.09rem 1.28rem; box-sizing: border-box; position: relative; z-index: 2;  }
.exp960 .sec05 .two .tab:nth-child(1){margin-left: 0;}
.exp960 .sec05 .two .tab .p1{font-size: 0.16rem; color:#cccccc;}
.exp960 .sec05 .two .tab .p2{font-size: 0.27rem; color:#fff; position: relative; margin-top: 0.08rem;}
.exp960 .sec05 .two .tab .p2:after{
    content: '';
    display: block;
    width:12px;
    height:12px;
    left:50%;
    bottom:-0.18rem;
    transform: translateX(-50%);
    border-radius: 50%;
    position: absolute;
}
.exp960 .sec05 .two .tab:after{
    content: '';
    display: block;
    width:100%;
    height:100%;
    left:0;
    top:0;
    position: absolute;
    opacity: 0;
    transition:opacity 0.3s linear;
    z-index: -1;
}
.exp960 .sec05 .two .tab1.on:after{ background: url('../../img/animal/exp960/kuai1.svg') no-repeat; background-size: 100% 100%; opacity: 1;}
.exp960 .sec05 .two .tab2.on:after{ background: url('../../img/animal/exp960/kuai2.svg') no-repeat; background-size: 100% 100%; opacity: 1;}
.exp960 .sec05 .two .tab3.on:after{ background: url('../../img/animal/exp960/kuai3.svg') no-repeat; background-size: 100% 100%; opacity: 1;}
.exp960 .sec05 .two .tab4.on:after{ background: url('../../img/animal/exp960/kuai4.svg') no-repeat; background-size: 100% 100%; opacity: 1;}
.exp960 .sec05 .two .tab5.on:after{ background: url('../../img/animal/exp960/kuai5.svg') no-repeat; background-size: 100% 100%; opacity: 1;}
.exp960 .sec05 .two .tab6.on:after{ background: url('../../img/animal/exp960/kuai6.svg') no-repeat; background-size: 100% 100%; opacity: 1;}

.exp960 .sec05 .two .tab1 .p2:after{background: #4097F2;}
.exp960 .sec05 .two .tab2 .p2:after{background: #367F22;}
.exp960 .sec05 .two .tab3 .p2:after{background: #7AFA4C;}
.exp960 .sec05 .two .tab4 .p2:after{background: #FF7338;}
.exp960 .sec05 .two .tab5 .p2:after{background: #E44324;}
.exp960 .sec05 .two .tab6 .p2:after{background: #81190E;}

.exp960 .sec06{
    background: #01c880 url('../../img/product/zip96v/5.jpg') no-repeat;
    background-size: 100% auto;
    background-position: left bottom;
    position: relative;
    margin-top: -1px;
}
.exp960 .sec06 .inner{text-align: center; padding-bottom: 5.29%;}
.exp960 .sec06 .inner .img1{width:61%; position: relative;margin-top: -2.4rem;}
.exp960 .sec06 .inner p{color: #fff}
.exp960 .sec06 .inner .p1{font-size: 0.46rem; text-transform: uppercase; margin-top: 0.3rem;}
.exp960 .sec06 .inner .p2{font-size: 0.44rem; margin-top: 0.4rem; }
.exp960 .sec06 .inner .p2 span{font-size: 0.97rem;}
.exp960 .sec06 .inner .p3{font-size: 0.2rem; margin-top: 0.22rem;}
.exp960 .sec06 .inner .img2 img{width:1rem; height: 1.4rem; margin-top: 0.2rem;}

 .sec07 .title{font-size: 0.46rem; text-transform: uppercase;}
table{border-collapse: separate; border-spacing: 0;}
 .sec07 .inner{padding:6.46% 0 6.73%; }
 .sec07 .inner .mid{width:11.65rem; margin-left: 0.26rem;}
 .sec07 table .p1{font-size: 0.18rem; color: #00c87f;}
 .sec07 table .p2{font-size: 0.18rem; color: #575757; margin-top: 0.2rem;}
 .sec07 table td{height: 1rem; border: 0;  border-bottom: 1px solid #00c87f;}
 .sec07 table{border-top:1px solid #00c87f; margin-top: 0.6rem;}
 .sec07 .bottomp{  text-align: right;  font-size: 0.16rem; color: #00c87f; margin-top: 0.16rem;}

@media screen and (max-width: 1480px) {
    .sec07 table .p1,
    .sec07 table .p2
    {font-size: 13px;}
}
/**手机**/
@media screen and (max-width: 767px) {


    .exp960 .sec01{
        background: url(../../img/animal/exp960/sp_1.jpg) no-repeat;
        background-size: cover;
        background-position: center;
    }
    .exp960 .sec01 .l2{font-size:7.33vw !important;}
    .exp960 .sec01 .l3{font-size:0.24rem; color: #FFFFFF; margin-top: 0.24rem;}
    .exp960 .sec01 .text{padding: 0.63rem 0 0.72rem 0.54rem !important;  box-sizing: border-box;}

    .exp960 .sec02 { padding-top:0.9rem; background: #fff; }
    .exp960 .sec02 .text{padding: 0 0.3rem;box-sizing: border-box; flex-direction: column; align-items: center;}
    .exp960 .sec02 .l1{ font-size:0.46rem; margin-bottom: 0.24rem;}
    .exp960 .sec02 .hd .l2{font-size: 0.26rem !important;}
    .exp960 .sec02 .text .hd{margin-right: 0; text-align: center;}
    .exp960 .sec02 .pic{position: unset; margin: 0.5rem 0 1.2rem; width: 100%; }
    .exp960 .sec02 .pic img { width: 149%; margin-left: -37%; }
    .exp960 .sec03 .inner{flex-direction: column; align-items: center; padding: 2.5rem 0 9.3rem;}
    .exp960 .sec03 {
        background: url(../../img/animal/exp960/sp_2.jpg) no-repeat;
        background-size: cover;
        background-position: center bottom;
    }
    .exp960 .sec03 .inner .two{display: grid;  margin-left: 0; column-gap: 0.8rem; grid-template-columns: auto auto;}
    /*.exp960 .sec03 .inner .two .bb2{ margin-left: 0.8rem; }*/
    .exp960 .sec03 .inner .two .mtp{margin-top: 0;}
    .exp960 .sec03 .yqimg{bottom: 1rem;right:unset; top:auto;width: 147.78%; margin-top: 1rem; margin-left: 0.2rem;}
    .exp960 .sec03 .inner .two .p1 .span1{font-size: 1.2rem;}
    .exp960 .sec03 .inner .two .p1 .span2{font-size: 0.3rem;}
    .exp960 .sec03 .inner .two .p2{font-size: 0.26rem; margin-top: 0.2rem;}

    .exp960 .sec04 .p1{font-size: 0.46rem;line-height: 1.4;}
    .exp960 .sec04 .p2{font-size: 0.26rem; margin-top: 0.3rem}
    .exp960 .sec04 .inner{padding: 1.37rem 0 1.47rem;}

    .exp960 .sec05 .pp2{font-size: 0.26rem;}
    .exp960 .sec05 .inner{padding: 1.38rem 0 4.84rem;}

    .exp960 .sec05 .tabbox{ overflow-x: auto; justify-content:unset; scroll-snap-type: x mandatory; width: 100%;}
    .exp960 .sec05 .two{padding: 0 0.5rem;column-gap: 0.6rem; display: grid; grid-template-columns: auto auto auto auto auto auto;width: min-content; }
    .exp960 .sec05 .two .tab .p1{font-size: 0.2rem; white-space: nowrap;}
    .exp960 .sec05 .two .tab .p2{font-size: 0.32rem;white-space: nowrap;}
    .exp960 .sec05 .bjlist img {  width: 230%; margin-left: -98%;}
    .exp960 .sec06 .inner .img1{width: 102%; margin-left: -1%;}
    .exp960 .sec05 .two .tab .p2:after{bottom: -0.34rem;width: 10px;  height: 10px;}
    .exp960 .sec05 .two .tab.on:after {
        background-size: 100% auto;
    }


    .exp960 .sec06 .inner .p3{font-size: 0.26rem;  }
    .exp960 .sec06 .inner .p1{margin-top: 0.6rem;}
    .exp960 .sec06 .inner .p2 span{font-size: 1.1rem;}
    .exp960 .sec06 .inner .p2{font-size: 0.5rem;}
    .exp960 .sec06 .inner .img2 img{width: 1.38rem; height: 1.94rem;margin-top: 0.4rem }
    .exp960 .sec06 .inner{padding-bottom: 1.4rem;}


    .sec07 .inner{ padding:0.86rem 0.3rem 1.29rem; box-sizing: border-box; }
    .sec07 .inner .mid{ width:100%; }
    .sec07 .title{ text-transform:none;}
    .sec07 table{ border-top:none;}
    .sec07 table tbody{ display: table; width: 100%;}
    .sec07 table td{ padding-left: 0.1rem; box-sizing: border-box; height: 0.76rem;}
    .sec07 table td p{ font-size: 0.24rem !important;}
    .sec07 table .tr1 td{ border-top:1px solid #00c87f;}
    .sec07 table .p2{ margin-top: 0; line-height: 1.4;}
    .sec07 .between{ border:none !important; width:6%; }
    .sec07 .bottomp{text-align: left; font-size: 0.24rem;}

    .sec07 .inner .mid{ margin-left: 0; }

}


