.swiper-container {
    --swiper-pagination-color: #fff;
}
.anli {
    width: 13.5rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: .12rem;
}
.shadow {
    box-shadow: 0 .04rem .32rem 0 rgba(43,43,43,0.06);
}
.anli > .item {
    width: 4.34rem;
    height: 4.06rem;
    text-align: center;
    font-size: .2rem;
    text-decoration: none;
    margin: .3rem 0 0 .06rem;
    background: white;
    color: #333;
}
.anli > .item:hover {
    box-shadow: 0 0 1rem 0 rgba(43,43,43,0.2);
    color: #0096EE;
    margin: .22rem 0 0 .06rem;
}
.anli > .item > .img {
    width: 4.34rem;
    height: 3.23rem;
}
.anli > .item > .title {
    width: 3.5rem;
    height: .83rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.news {
    width: 6.92rem;
    height: 4.84rem;
    text-decoration: none;
    color: #333;
}
.news:hover {
    color: #0096EE;
}
.news > img {
    width: 6.9rem;
    height: 3.93rem
}
.news > img + div {
    padding: 0 .1rem;
}
.news > .time {
    display: flex;
    justify-content: flex-end;
    margin: -.05rem .1rem 0 0;
}
.news > .time > .img {
    height: .16rem;
    width: .16rem;
    background: url("../img/news_time_icon_unchecked.png");
    background-size: 100%;
}
.news:hover > .time > .img {
    background: url("../img/tine_icon_checked.png");
    background-size: 100%;
}
.news > .time > .text {
    font-size: .12rem;
    padding-left: .05rem;
}
.news-vert {
    margin-left: .4rem;
}
.news-vert > .item {
    width: 5.88rem;
    height: 1.55rem;
    display: flex;
    margin-bottom: .1rem;
    text-decoration: none;
    color: #333;
}
.news-vert > .item:hover {
    color: #0096EE;
}
.news-vert > .item > img {
    width: 1.89rem;
    height: 1.41rem;
    margin: .07rem .2rem .07rem .07rem;
}
.news-vert > .item > .content > .title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 1.5rem;
}
.news-vert > .item > .content > .time {
    display: flex;
    justify-content: flex-end;
    margin: -.2rem .1rem 0 0;
}
.news-vert > .item > .content > .time > .img {
    height: .16rem;
    width: .16rem;
    background: url("../img/news_time_icon_unchecked.png");
    background-size: 100%;
}
.news-vert > .item:hover > .content > .time > .img {
    background: url("../img/tine_icon_checked.png");
    background-size: 100%;
}
.news-vert > .item > .content > .time > .text {
    font-size: .12rem;
    padding-left: .05rem;
}
.comp > img {
    width: 3.23rem;
    height: 1.74rem;
    margin-right: .1rem;
}
video {
    width: 12.92rem;
    height: 7.28rem;
    margin-top: .7rem;
}
.ytb-share {
    font-size: .34rem;
    text-decoration: none;
    color: #333;
    margin-top: .15rem;
}
.ytb-share:hover {
    color: #0096EE;
    text-decoration: underline;
}
.tech-img {
    width: 100%;
    height: 10.6rem;
    margin-top: .7rem;
}
.flex {
    display: flex;
}
.statistics:nth-child(2) {
    margin: 0 2rem;
}
.statistics > .num {
    color: #0096EE;
    display: flex
}
.statistics > .num > .unit {
    padding: .3rem 0 0 0.05rem;
}
.statistics > .text {
    color: #787878;
    font-size: .3rem
}
.gray {
    color:rgba(51,51,51,1);
}