/*--------------------------------------------
Base Styles
--------------------------------------------*/

body {
    background: #fff;
    color: #333333;
    font: 14px/24px 'SourceHanSansCN-Regular', 'Calibri-Light';
    position: relative;
    font-family: normal;
}

.bg-style {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    object-fit: cover;
}

:root {
    font-size: 0.0375vw;
}

a {
    color: #333333;
    text-decoration: none;
    list-style: none;
}

a:hover {
    text-decoration: none;
}

ul {
    padding-left: 0;
}




.image {
    width: 100%;
    height: auto;
    transition: all .3s;
}

p {
    margin-bottom: 0;
}

.m-t-80 {
    margin-top: 120rem;
}


/* 导航条样式 */

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}


/*定义滚动条轨道
    
    内阴影+圆角*/

 ::-webkit-scrollbar-track {
    /* -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: #F5F5F5;
}


/*定义滑块
    
    内阴影+圆角*/

 ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /* -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); */
    background-color: rgba(134, 132, 132, .35);
}


/* .cameraSlide img {
    width: auto !important;
    height: auto !important;
 } */



/* 显示或隐藏 */

.isHidden {
    display: none !important;
}


/* swiper  style */

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mainSwiper .swiper-pagination-bullet {
    width: 50px;
    border-radius: 10px;
    margin: 0 10px !important;
    opacity: .4;
}

.mainSwiper .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1;
}



@media all and (max-width: 992px) {
    .mySwiper5 .swiper-pagination {
        /* transform: translateX(300rem); */
        bottom: 10px;
        /* top:50%; */
        text-align: right;
    }
    .introduceCompanyWrap .lunboFirtst:nth-of-type(2n+1) .project-item-content{
            order: 1;
        }
    /*.lunboFirtst:nth-child(2n+0){*/
    /*        background-color: #f00;*/
    /*    }*/
}

/* 动画 */

@keyframes fadeUp {
    0% {
        transform: translateY(160rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

@keyframes fadeLeft {
    0% {
        transform: translateX(160rem);
        opacity: 0;
    }
    100% {
        transform: translateX(0rem);
        opacity: 1;
    }
}

.fadeUp {
    animation: fadeUp 1s backwards;
}

.fadeLeft {
    animation: fadeLeft 2s backwards;
}


/* .fadeUp {
    animation: fadeUp 1s backwards;
} */


/* .information_sec.fadeUp2 {
    animation: fadeUp 2s .3s backwards;
} */


.about_sec {
    margin-top: 75px;
}

.left-bgColor {
    /* background-color: #F2F2F2; */
    background-image: linear-gradient(to bottom, #F2F2F2, #fff);
}