/*font*/
.slogan{
    font-size: 1.5rem;
    font-weight: 600;
    display: flex;
    align-items: flex-end;
}
.slogan-content{
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    animation-name: captions;
    animation-duration: 2.5s;
    animation-timing-function: steps(48, end);
    animation-iteration-count: 1;
    text-align: center;
    margin: unset;
}
.column-main-title{
    font-size: 1.5rem;
    font-weight: 900;
    padding: 0 1rem;
}
.column-minor-title{
    font-size: 1.2rem;
    font-weight: 600;
    padding: 0 1rem;
}
.column-three-level-title{
    font-size: 1.1rem;
    padding: 0 1rem;
}
.content-text{
    font-size: 1rem;
}
a{
    color:var(--text-color);
    text-decoration: unset;
}
p{
    color:var(--text-color);
   /* text-indent: 2rem;*/
}
/*position*/
.text-align-right{
    text-align: right;
}
.line-limit-1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.line-limit-4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.line-limit-6{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.line-limit-8{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}
/*font*/
.font-family-fangsong{
    font-family: fangsong;
}
a:hover{
    color:var(--base-color) !important;
}

/*animation*/
@keyframes top-to-buttom-in-200px-and-more-clear {
  0%   {left:0; top:200px;opacity:0.8;}
  100% { left:0px; top:0px;opacity:1;}
}
@keyframes captions {
    0% {
       width: 0%;
    }
    100% {
        width: 100%;
    }
}
@keyframes product-box-scale-Animation {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.95);
  }
}

/*body*/
.first-line{
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.navbar{
    padding: 0 !important;
}
.navbar .nav-item .active{
    background-color: var(--front-color) !important;
    color:var(--background-color) !important;
}
.navbar .nav-item .nav-link{
    height: 3rem;
    min-width: 9rem;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navbar .nav-item:hover .nav-link{
    background-color: var(--front-color) !important;
    color:var(--background-color) !important;
}
.navbar .nav-item .dropdown-menu{
    background-color: var(--background-color) !important;
    margin: 0 !important;
    padding: 0;
    border-radius: unset !important;
}
.navbar .nav-item .dropdown-menu .dropdown-item{
    color:var(--front-color) !important;
    padding: 0.75rem 1rem;
}
.navbar .nav-item .dropdown-menu .dropdown-item:hover{
    background-color: var(--front-color) !important;
    color:var(--background-color) !important;
}
.navbar-toggler{
    margin: 0.5rem 0;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--front-color);
}
.navbar-toggler .bi-list{
    color:var(--front-color) !important;
    font-size: 32px;
}

/*banner轮播开始*/
.banner .swiper-container{
    height: 100%;
}
.swiper-container {
    width: 100%;
    position: relative;
}

.swiper-slide .detail {
    height: 90px;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #fff;
    opacity: 0;
    transition: opacity .3s .3s;
}

.swiper-slide-active .detail {
    opacity: 1;
}

.swiper-slide .detail h3 {
    width: 950px;
    margin: 15px auto 0;
}

.swiper-slide .detail p {
    width: 950px;
    margin: 5px auto 0;
}

.swiper-slide .detail p span {
    width: 650px;
    display: block;
}

/**/
.effect1 img {
    transform: scale(1.25, 1.25) translate(10%, 10%);
    transform: scale(1.1, 1.1) translate(4.545%, 4.545%);
    /*tr     =    (sc-1)/2sc*100%              */
    /* --1.25       0.25/2.5*100%=10%          */

}

.leftUp img {
    -webkit-animation-name: leftUp;
    animation-name: leftUp;
}

@-webkit-keyframes leftUp {
    0% {
        transform: scale(1.1, 1.1) translate(4.545%, 4.545%);
    }

    100% {
        transform: scale(1.1, 1.1) translate(-4.545%, -4.545%);
    }
}

@keyframes leftUp {
    0% {
        transform: scale(1.1, 1.1) translate(4.545%, 4.545%);
    }

    100% {
        transform: scale(1.1, 1.1) translate(-4.545%, -4.545%);
    }
}

.moveRight img {
    -webkit-animation-name: moveRight;
    animation-name: moveRight;
}

@-webkit-keyframes moveRight {
    0% {
        transform: scale(1.1, 1.1) translate(-4.545%, 0);
    }

    100% {
        transform: scale(1.1, 1.1) translate(4.545%, 0);
    }
}

@keyframes moveRight {
    0% {
        transform: scale(1.1, 1.1) translate(-4.545%, 0);
    }

    100% {
        transform: scale(1.1, 1.1) translate(4.545%, 0);
    }
}

.moveDown img {
    -webkit-animation-name: moveDown;
    animation-name: moveDown;
}

@-webkit-keyframes moveDown {
    0% {
        transform: scale(1.1, 1.1) translate(0, -4.545%);
    }

    100% {
        transform: scale(1.1, 1.1) translate(0, 4.545%);
    }
}

@keyframes moveDown {
    0% {
        transform: scale(1.1, 1.1) translate(0, -4.545%);
    }

    100% {
        transform: scale(1.1, 1.1) translate(0, 4.545%);
    }
}

.centerBig img {
    -webkit-animation-name: centerBig;
    animation-name: centerBig;
}

@-webkit-keyframes centerBig {
    100% {
        transform: scale(1.1, 1.1);
    }
}

@keyframes centerBig {
    100% {
        transform: scale(1.1, 1.1);
    }
}

.rightDownBig img {
    -webkit-animation-name: rightDownBig;
    animation-name: rightDownBig;
}

@-webkit-keyframes rightDownBig {
    100% {
        transform: scale(1.1, 1.1) translate(4%, 4%);
    }
}

@keyframes rightDownBig {
    100% {
        transform: scale(1.1, 1.1) translate(4%, 4%);
    }
}

.swiper-slide img {
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    width: 100%;
}

.swiper-pagination {
    bottom: 35px;
    position: relative;
}

.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    margin: 0 5px;
    opacity: 1;
    background-color: var(--background-color);
}
.swiper-pagination-bullet-active{
    background-color: var(--front-color);
}
/*banner轮播结束*/

@media (max-width : 980px){
    .first-line {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .navbar .nav-item .nav-link{
        justify-content: flex-start;
    }
    .forth-line .about-objects{
        margin-top: 0 !important;
    }
}


/*sixth-line 开始*/
.sixth-line{
    margin-top: 2rem;
    position: relative;
    height: 110px;
    display: flex;
    align-items: center;
    box-shadow:  0 -1px 0px 0 var(--base-color);
}
.sixth-line .footer-nav ul{
    list-style: none;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.sixth-line .footer-nav ul li{
    min-width: 120px;
}
/*sixth-line 结束*/
@media (max-width : 980px) {
    .sixth-line .footer-logo{
        text-align: center;
    }
    .sixth-line .footer-nav{
        display: none !important;
    }
}