lachang/public/ysc_official/css/index.css

@import url('./common.css');

main {
    width: 100%;
    height: 100%;
    padding-bottom: 90px;
}

.section .slideImg,
.section .slideBox {
    width: 100%;
    height: 100%;
}

.section .slideImg img {
    width: 100%;
}

.section .slideVideo video {
    width: 100%;
}

.fadeInShrink {
    -webkit-animation-name: bgShrink;
    animation-name: bgShrink;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slideVideo .play {
    width: 180px;
    height: 182px;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.slideBox {
    position: relative;
}

.slideBox .advantage {
    width: 628px;
    height: 94px;
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}

.slideBox ul {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.slideBox ul li {
    width: 25%;
    height: 100%;
    background: url('https://cookhome-images-1.oss-cn-hangzhou.aliyuncs.com/guangwangindex/123/index_slide1.png') no-repeat center;
    background-size: cover;
    position: relative;
}

.slideBox ul li:nth-child(2) {
    background: url('https://cookhome-images-1.oss-cn-hangzhou.aliyuncs.com/guangwangindex/123/index_slide2.png') no-repeat center;
    background-size: cover;
}

.slideBox ul li:nth-child(3) {
    background: url('https://cookhome-images-1.oss-cn-hangzhou.aliyuncs.com/guangwangindex/123/index_slide3.png') no-repeat center;
    background-size: cover;
}

.slideBox ul li:nth-child(4) {
    background: url('https://cookhome-images-1.oss-cn-hangzhou.aliyuncs.com/guangwangindex/123/index_slide4.png') no-repeat center;
    background-size: cover;
}

.slideBox ul li img {
    width: 300px;
    height: 160px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.slideBox ul li:hover {
    opacity: 0.7;
}

.slideBox ul li:hover img {
    left: 50%;
    transition: opacity 1s, all 0.5s, -webkit-transform 0.5s;
    transform: translate(-50%, -160px);
    opacity: 1;
}


@keyframes bgShrink {
    0% {
        transform: scale(1.15, 1.15);
        opacity: 1;
    }

    100% {
        transform: scale(1, 1);
        opacity: 1;
    }
}

.notice {
    width: 100%;
    /*margin-top: 100px;*/
}

.notice_title p {
    font-size: 36px;
}

.notice_title .more {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.notice_title .more span {
    font-size: 16px;
}

.notice_title .more img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-left: 2px;
}

.notice_title .more .icon_more {
    display: block;
}

.notice_title .more .icon_more_active {
    display: none;
}

.notice_title .more:hover .icon_more {
    display: none;
}

.notice_title .more:hover .icon_more_active {
    display: block;
}


.notice_title .more:hover span {
    color: #D4AA68;
}

#fullPage-nav li,
.fullPage-slidesNav li {
    margin: 7px 55px 50px 7px;
}

#fullPage-nav span,
.fullPage-slidesNav span {
    width: 20px;
    height: 20px;
    background-color: #D4AA68;
    opacity: 0.5;
    border: none;

}

#fullPage-nav li .active span,
.fullPage-slidesNav .active span {
    background-color: #D4AA68;
    opacity: 1;
}