:root {

    --mainColor: #11749c;
    --mainColor2: 17,116,156;

}



.indicator ul li {
    background-color: #fff;
    border-radius: 0;
}

.slider .text {

    color: #000;

}



.slider .content{

    color: #000;
}


.indexAbout .left {

    position: relative;
}




.indexAbout .left .year {
    position: absolute;
    right: -2rem;
    bottom: 12rem;
    background: var(--mainColor);
    padding: 1rem 0.6rem;
    display: flex;
    color: #fff;
    align-items: center;
    border: 1px solid #fff;

}

.indexAbout .left .year .text {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.6rem;
    font-size: 1.1rem;
    text-indent: 0;
}

.indexAbout .left .year .num {
    font-size: 3rem;
    margin-right: 0.6rem;

}

.indexAbout .year {
    animation: year_move 0.8s infinite alternate;
}

.indexAbout .year:hover {
    animation-play-state: paused;
}

@keyframes year_move {
    100% {
        transform: translateY(-3rem);
    }
}

@media (max-width: 992px){
    .indexAbout .left .year {
        position: absolute;
        right: 0.4rem;
    }


}


.indexProduct .content ul li {
    overflow: hidden;
}


.indexProduct .content ul li .pic::before {
    content: "";
    position: absolute;
    top: 30%;
    bottom: 30%;
    width: 38rem;
    height: 10rem;
    background: rgba(255, 255, 255, 0.5);
    transform: rotate(-45deg) translateX(-12rem) translateY(-24rem);
    z-index: 1000;
}




.indexProduct .content ul li:hover .pic::before {
    transform: rotate(-45deg) translateY(20rem);
    transition: all 0.4s ease-out;
}


.indexBanner {
    position: relative;
    background: url(../images/banner4.jpg) no-repeat;




    background-size: cover;
    width: 100%;
    height: 22.2rem;
    text-align: center;





   }

.indexBanner::before {

    content: ''; /* 必须设置content属性，否则伪元素不会显示 */
    position: absolute; /* 绝对定位 */
    top: 0; /* 从顶部开始 */
    left: 0; /* 从左侧开始 */
    width: 100%; /* 宽度为100% */
    height: 100%; /* 高度为100% */
    background-color: rgba(0,0,0, 0.4); /* 黑色半透明遮罩，0.5表示50%的透明度 */
    z-index: 1; /* 确保遮罩在背景图片之上 */
}


.indexBanner .container {
    position: relative; /* 相对定位 */
    z-index: 100;

}






.two {
    width: 30rem;
}





.indexApplication .content ul li{
    height: 20rem

}



.Banner{
    margin-top: 7rem;
    height: 15rem;
    width: 100%;


    background-image: url(../images/clouds.jpg);
    background-position: center center;
    background-repeat: repeat;
    background-size: cover;



}


.Banner .bannerTitle{
    color: #fff;
    font-size: 2rem;
    padding-top: 5rem;
    text-align: left;


}