.slick-area {
    width: 100%;
    margin-bottom: 90px
}

.slick-area img {
    width: 100%;
    height: auto
}

.slick-prev:before, .slick-next:before {
    position: absolute;
    left: 0;
    top: 1px;
    color: #ccc
}

.slick-prev {
    left: 25px
}

.slick-next {
    right: 25px
}

.slick-dots {
    bottom: 35px
}

.section-info h2 {
    color: #363636;
    font-size: 24px;
    text-align: center;
    margin-bottom: 26px
}

.section-info h3 {
    color: #363636;
    font-size: 24px;
    position: relative
}

.platform-intro {
    line-height: 35px;
    color: #737373;
    font-size: 14px;
    padding: 0px 30px 0px;
}

.pic-list {
    padding: 42px 1.8% 82px;
    margin-bottom: 75px;
    border-bottom: 1px solid #eaeaea
}

.pic-list li {
    float: left;
    width: 28%;
    margin-right: 8%
}

.pic-list li:nth-child(3) {
    margin-right: 0
}

.pic-list li img {
    width: 100%;
    height: auto
}

.more-link {
    font-size: 15px;
    color: #737373;
    position: absolute;
    right: 0;
    top: 6px;
    padding-right: 15px;
    background: url(../images/arrowright.png) no-repeat center right
}

.more-link:hover {
    text-decoration: underline
}

.news-list, .question-list {
    float: left;
    width: 40.5%;
    color: #6c6c6c
}

.news-list h3, .question-list h3 {
    margin-bottom: 14px
}

.news-list li, .question-list li {
    position: relative;
    line-height: 30px
}

.news-list li a, .question-list li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.news-list li a {
    margin-right: 85px
}

.news-list li a:hover, .question-list li a:hover {
    text-decoration: underline
}

.news-list {
    margin-right: 19%
}

.date {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px
}

@media screen and (min-height: 820px) and (max-height: 1000px) {
    .slick-area {
        margin-bottom: 75px
    }

    .pic-list {
        padding: 35px 1.8% 68px;
        margin-bottom: 63px
    }

    .section-info h2, .section-info h3 {
        /*font-size: 20px*/
    }

    .date {
        font-size: 13px
    }
}

@media screen and (max-height: 819px) {
    .slick-area {
        margin-bottom: 64px
    }

    .section-info h2, .section-info h3 {
        font-size: 20px
    }

    .pic-list {
        padding: 30px 1.8% 58px;
        margin-bottom: 54px
    }

    .date {
        font-size: 12px
    }
}