.hideCover #gHeader .sub1 {
    opacity: 1;
    visibility: visible;
    transition: opacity .8s ease, visibility .8s ease
}

.slider {
    position: relative;
    height: calc(100vh - 205px);
    overflow: hidden;
    margin-top: 125px;
}

.slider .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    opacity: 0;
    transition: opacity .5s ease;
}

.slider:hover .arrow {
    opacity: .5;
}

.slider .arrow:hover {
    opacity: 1;
}

.slider .prev {
    left: 2.08vw;
}

.slider .next {
    right: 2.08vw;
}

.slider .arrow .text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    white-space: nowrap;
}

.slider .prev .text {
    left: 67px;
}

.slider .next .text {
    right: 67px;
}

.slider .arrow svg {
    display: block;
    width: 100%;
    height: 100%;
}

.slider .next svg {
    transform: rotate(180deg);
}

.slider li {
    position: relative;
    width: 100%;
    height: calc(100vh - 205px);
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.slider li .inner {
    position: relative;
    height: 100%;
}

.slider li .text {
    position: absolute;
    z-index: 1;
    left: 35px;
    top: 50%;
    transform: translateY(-50%);
}

.slider li .l1 {
    position: relative;
    font-size: 55px;
    padding-bottom: 20px;
    margin-bottom: 16px;
}

.slider li .l1 svg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 215px;
    height: 4px;
}

.slider li .l2 {
    font-size: 24px;
    max-width: 600px;
    margin-bottom: 40px;
}

.slider li .l3 {
    font-size: 16px;
    color: #595959;
    max-width: 510px;
    margin-bottom: 25px;
}

.slider li .more {
    display: inline-block;
    font-size: 16px;
}

.slider li .more svg {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 9px;
    margin-left: 13px;
}

.slider .line1 .l1,.slider .line1 .more,.slider  .arrow.line1{color:#4da8e1;}
.slider .line2 .l1,.slider .line2 .more,.slider  .arrow.line2{color:#ef428d;}
.slider .line3 .l1,.slider .line3 .more,.slider  .arrow.line3{color:#00c87f;}
.slider .line4 .l1,.slider .line4 .more,.slider  .arrow.line4{color:#f35c3a;}
.slider .line5 .l1,.slider .line5 .more,.slider  .arrow.line5{color:#9d0951;}
.slider .line6 .l1,.slider .line6 .more,.slider  .arrow.line6{color:#41b9b2;}

.slider .line1 .l1 svg,.slider .line1 .more svg,.slider  .arrow.line1 svg{fill:#4da8e1;}
.slider .line2 .l1 svg,.slider .line2 .more svg,.slider  .arrow.line2 svg{fill:#ef428d;}
.slider .line3 .l1 svg,.slider .line3 .more svg,.slider  .arrow.line3 svg{fill:#00c87f;}
.slider .line4 .l1 svg,.slider .line4 .more svg,.slider  .arrow.line4 svg{fill:#f35c3a;}
.slider .line5 .l1 svg,.slider .line5 .more svg,.slider  .arrow.line5 svg{fill:#9d0951;}
.slider .line6 .l1 svg,.slider .line6 .more svg,.slider  .arrow.line6 svg{fill:#41b9b2;}

@media all and (max-width: 1480px) {
    .slider li .l2,
    .slider li .l3 {
        max-width: 390px;
    }
}

@media all and (max-width: 1800px) {
    .slider .arrow .text {
        display: none;
    }
}

@media all and (max-width: 767px) {
    #container { /*display: none;*/ }

    .proIndex { padding-top: 0; }

    .proIndex .bg{  transform: scale(0.7); transition:transform 0s ease;width: 100%;height: 100%; background-repeat: no-repeat; background-position: top; background-size: cover;}
    .proIndex .sec .fp-scroller{ height:100%;  }
    .proIndex .sec.showBg .bg { transform: scale(1); transition: transform 2s ease;animation: borderAnimal 2s ease 0s 1;}
    .proIndex .sec.smallBg .bg { border-radius: 5vw;transform: scale(0.7);transition: transform 2s ease; }
    @keyframes borderAnimal {
        from{
            border-radius:10vw;
        }
        to{
            border-radius:0vw;
        }
    }

    /*.proIndex .sec{background-repeat: no-repeat;background-position: top;background-size: cover;}*/
    .proIndex .sec .inner{position: absolute; top:calc(60px + 13.33vw + 10.77vw)}
    .proIndex .sec .text{ /*left:50%; transform: translateX(-50%); */width:78.47%; margin: 0 auto; }
    .proIndex .sec .text p{max-width:100%;}
    .proIndex .sec .l1{font-size: 11.2vw;padding-bottom: 3vw;margin-bottom:3vw;}

    .proIndex .sec .l2{font-size: 5.07vw;margin-bottom: 7vw; }
    .proIndex .sec .l3{font-size: 3.73vw;margin-bottom: 6.07vw; }
    .proIndex .sec .more{font-size: 3.73vw; display: flex; align-items: center; }
    .proIndex{margin-top: 0;height: auto;}
    .proIndex .sec{/*height: 184.27vw !important;*/}
    .proIndex .sec .more svg{width:4vw; height: 3.2vw; margin-left: 2.67vw;}
    .proIndex .arrow{opacity: 1; width:9.6vw; height: 9.6vw;}
    .proIndex .mouse {
        width: 15px;
        height: 22px;
        border: 2px solid #fff;
        border-radius: 6px;
        box-sizing: border-box;
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .proIndex .mouse span {
        content: '';
        position: absolute;
        top: 4px;
        left: 50%;
        margin-left: -1px;
        background-color: #fff;
        width: 2px;
        height: 3px;
        border-radius: 2px;
        opacity: 1;
        transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
        animation: scroll 1.5s -1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
    }
    @keyframes scroll {
        0%,
        20% {
            transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
        }

        10% {
            transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
            opacity: 1;
        }

        100% {
            transform: translateY(10px) scaleY(2.5) scaleX(0.5) translateZ(0px);
            opacity: 0.01;
        }
    }



}