.banIn .inImg{
    background-position: center right 10%;
}
.aboutBot{
    position: relative;
    text-align: center;
}
.aboutBot .swiper-pagination{
    display: none;
    margin-top: 10px;
}
.aboutBotImg{
    padding-bottom: 53.76%;
    margin-bottom: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.aboutBotTit{
    font-size: 14px;
    color: #666666;
    line-height: 2;
    font-weight: normal;
    transition: all .3s;
}
.aboutBot .baseLink:hover .imgBg{
    transform: scale(1.1);
}
.aboutBot .baseLink:hover .aboutBotTit{
    color: var(--baseColor);
}

/* news */
.newsList{
    margin: .35rem -10px;
}
.newsList li{
    padding: 0 10px;
}
.newsLink{ 
    display: block;
    padding: 15px;
    transition: all .3s;
}
.newsImg{
    float: left;
    width: 28.75%;
    max-width: 253px;
    height: 148px;
    margin-right: 2.3%;
    border-radius: 5px;
    overflow: hidden;
}
.newsImg img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s;
}
.newsRig{
    font-size: 14px;
    color: #999999;
    line-height: 1.7;
    overflow: hidden;
}
.newsTit{
    font-size: 14px;
    font-size: 18px;
    color: #666666;
    line-height: 1.7;
    margin: .1rem 0;
    font-weight: normal;
    transition: all .3s;
}
.newsCon{
    height: 3.4em;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: .1rem 0 .15rem;
}
.newsTime{
    font-size: 12px;
    color: #999999;
    line-height: 2;
    text-align: right;
}
.newsTime span{
    display: inline-block;
    vertical-align: middle;
    background: url(../image/time.webp) left center no-repeat;
    padding-left: 15px;
}
.newsLink:hover{
    box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
}
.newsLink:hover .newsImg img{
    transform: scale(1.1);
}
.newsLink:hover .newsTit{
    color: var(--baseColor);
}
/* environment */
.envList{
    position: relative;
    list-style: none;
    margin: .3rem 0;
    padding-bottom: .3rem;
}
.envList::before{
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px;
    width: 2px;
    height: 100%;
    background-color: #D8D8D8;
}
.envList::after{
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url(../image/envDot.webp) center center #FFFFFF no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    border-radius: 50%;
}
.envList li{
    position: relative;
    text-align: right;
    margin-top: -80px;
}
.envList li::before{
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url(../image/envDot.webp) center center #FFFFFF no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    border-radius: 50%;
}
.envList li:first-child{
    margin-top: 0;
}
.envItem{
    max-width: 45.45%;
}
.envTit{
    font-size: 14px;
    font-size: 18px;
    color: var(--baseColor);
    line-height: 16px;
    font-weight: normal;
    margin-bottom: .1rem;
}
.envText{
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
.envText img{
    max-width: 100% !important;
    height: auto !important;
    margin: .1rem 0;
    border-radius: 5px;
}
.envList li:nth-child(2n){
    text-align: left;
    animation-name: fadeInRight;
}
.envList li:nth-child(2n) .envItem{
    margin-left: auto;
}
/*  */
.equipList{
    list-style: none;
    position: relative;
    margin: .3rem 0 0;
}
.equipList li{
    position: relative;
    overflow: hidden;
}
.equipList li::before{
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    background-color: var(--baseColor);
    position: absolute;
    left: 43px;
    top: 10px;
}
.equipList li::after{
    display: block;
    content: "";
    width: 1px;
    height: 10px;
    background-color: var(--baseColor);
    position: absolute;
    left: 43px;
    top: 0;
}
.equipList li:first-child::after,
.equipList li:last-child::before{
    display: none;
}
.equiptType{
    float: left;
    position: relative;
    width: 86px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 26px;
    padding: 5px 10px;
    text-align: center;
    background-color: var(--baseColor);
    margin-right: .5rem;
    margin-bottom: 10px;
    margin-top: 10px;
}
.equiptType::after{
    display: block;
    content: "";
    width: .3rem;
    height: 1px;
    background-color: var(--baseColor);
    position: absolute;
    left: 96px;
    top: 18px;
}
.equiptLink{
    display: block;
    padding: 0 .2rem;
    background-color: #FAFAFA;
    overflow: hidden;
    margin-bottom: .4rem;
    transition: all .3s;
}
.equiptTit{
    font-size: 14px;
    color: #3261AD;
    line-height: 1;
    padding: .2rem 0;
    font-weight: normal;
    border-bottom: 1px solid #D9D9D9;
}
.equiptTit span{
    display: inline-block;
    padding-left: 7px;
    border-left: .04rem solid var(--baseColor);
}
.equipBot{
    padding: .2rem 0;
    overflow: hidden;
}
.equipImg{
    float: right;
    width: 39.77%;
    max-width: 280px;
    margin-left: 5.6%;
    overflow: hidden;
}
.equipImg img{
    width: 100%;
    height: auto;
    border-radius: 5px;
    transition: all 1s;
}
.equipText{
    overflow: hidden;
}
.equipCon{
    color: #999999;
    line-height: 24px;
    -webkit-line-clamp: 5;
    height: 120px;
    margin-bottom: .2rem;
}
.equiptLink:hover{
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
}
.equiptLink:hover .equipImg img{
    transform: scale(1.1);
}
.equiptLink:hover .equipIco{
    background-image: url(../image/equipIco2.webp);
}

.equipSwiper{
    position: relative;
    padding: 0 .6rem;
    margin: .4rem 0 .6rem;
}
.equipSwiper .swiperBtn{
    margin-top: calc(-12px - .1rem);
}
.otherEquipImg{
    padding-bottom: 60.422%;
}
.otherEquipTit{
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    padding: .1rem .15rem;
    background-color: #FFFFFF;
    font-weight: normal;
    transition: all .3s;
}
.equipSwiper .baseLink:hover .otherEquipImg .imgBg{
    transform: scale(1.1);
}
.equipSwiper .baseLink:hover .otherEquipTit{
    color: #FFFFFF;
    background-color: var(--baseColor);
}

.caseList{
    margin: .3rem 0;
}
.caseList li{
    margin: .2rem 0;
    border: 1px solid #EAEAEA;
}
.caseLink{ padding: .2rem;}

@media (max-width:1600px){
    .equiptType{
        margin-top: 5px;
    }

}
@media (max-width:1400px){

}
@media (max-width:1200px){
    .equiptType{
        margin-top: 10px;
    }

}
@media (max-width:991px){

}
@media (max-width:767px){
    .aboutBot .swiper-pagination{
        display: block;
    }
    .newsLink{
        padding: .15rem;
    }
    .newsImg{
        width: 36%;
        height: calc(90px + .4rem);
    }
    .newsCon{
        margin: .1rem 0;
    }
    .equipList li::before{
        left: 5px;
    }
    .equiptType{
        float: none;
        width: 100%;
        margin: 0 0 .2rem;
    }
    .equiptType::after{
        display: none;
    }
    .equiptLink{
        margin-left: 15px;
    }
    .equipImg{
        float: none;
        max-width: 100%;
        width: 100%;
        margin: 0 0 .2rem;
    }
    .equipCon{
        height: auto;
        max-height: 120px;
    }

}
@media (max-width:640px){
    .envTit{
        font-size: 16px;
    }
    .newsTit{
        font-size: 16px;
    }

}
@media (max-width:460px){
    .newsImg{
        width: 40%;
        height: calc(80px + .3rem);
    }
    .newsCon{        
        font-size: 12px;
        line-height: 1.5;
        height: 3em;
    }
    .envList::after,
    .envList li::before{
        background-size: 80% auto;
    }

}