.bannerSwiper .swiper-pagination-bullet, .projectSwiper .swiper-pagination-bullet {
    background-color: #FFF;
    width: 10px;
    height: 4px;
    border-radius: 5px;
}
.bannerSwiper .swiper-pagination-bullet-active, .projectSwiper .swiper-pagination-bullet-active {
    background-color: #df8500;
    width: 30px;
    height: 4px;
    border-radius: 5px;
}
.area1 .tab .item.active { color: #156cd5; }
.area1 .tab .item.active { border-bottom: 2px solid #156cd5; }
.area1 .product .div1 { height: 600px; grid-area: 1 / 1 / 3 / 2; }
.area1 .product .div2 { grid-area: 1 / 2 / 2 / 3; }
.area1 .product .div3 { grid-area: 1 / 3 / 2 / 4; }
.area1 .product .div4 { grid-area: 2 / 2 / 3 / 4; }
.area1 .product .div5 { grid-area: 1 / 4 / 3 / 5; }

.area1 .product.type2 .div4 { grid-area: 2 / 2 / 3 / 3; }
.area1 .product.type2 .div5 { grid-area: 2 / 3 / 3 / 4; }
.area1 .product.type2 .div6 { grid-area: 1 / 4 / 3 / 5; }


.area3 .content .left img { width: 476px; height: 290px; margin-right: 20px; }
.area3 .content .left .desc .title { font-weight: bold; margin-bottom: 10px; }
.area3 .content .left .desc .info { color: #9fa3ad; font-size: 14px; }
.area3 .content .right .item { display: flex; }
.area3 .content .right img { width: 140px; height: 84px; margin-right: 20px; }
.area3 .content .right .desc { flex: 1 }
.area3 .content .right .desc .title { font-weight: bold; margin-bottom: 10px; }
.area3 .content .right .desc .info { color: #9fa3ad; font-size: 14px; }

.chino_title { font-weight: bold; font-size: 44px; color: #156cd5; margin-bottom: 12px; }
.chino_subtitle { font-size: 20px; color: #9fa3ad; }


.news-item {
    position: relative;
    box-shadow: 0 2px 12px rgba(0,0,0,.25);
}


.news-item:hover .news-item-border {
    border-color: #156cd5;
}

.news-item-border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid rgba(0,0,0,0);
    transition: all .3s;
}


@media screen and (max-width: 1536px) {
    .area1 .product .div1 { height: 420px; }
    .area3 .content .right .item {
        margin-bottom: 20px;
    }
}


@media screen and (max-width: 640px) {
    .chino_title { font-weight: bold; font-size: 30px; color: #156cd5; margin-bottom: 12px; }
    .chino_subtitle { font-size: 16px; color: #9fa3ad; }



    .area1 .product .div1 { height: 350px; grid-area: 1 / 1 / 3 / 2; }
    .area1 .product .div2 { grid-area: 3 / 1 / 4 / 2; }
    .area1 .product .div3 { grid-area: 3 / 2 / 4 / 3; }
    .area1 .product .div4 { grid-area: 4 / 1 / 5 / 3; }
    .area1 .product .div5 { grid-area: 1 / 2 / 3 / 3; }


    .area1 .product.type2 .div1 { grid-area: 1 / 1 / 3 / 2; }
    .area1 .product.type2 .div2 { grid-area: 3 / 1 / 4 / 2; }
    .area1 .product.type2 .div3 { grid-area: 3 / 2 / 4 / 3; }
    .area1 .product.type2 .div4 { grid-area: 4 / 1 / 5 / 2; }
    .area1 .product.type2 .div5 { grid-area: 4 / 2 / 5 / 3; }
    .area1 .product.type2 .div6 { grid-area: 1 / 2 / 3 / 3; }

    .area3 .content .right .item { flex-direction: column }
    .area3 .content .right img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        margin-bottom: 10px;
    }
    .area3 .content .right .desc {
        margin-bottom: 20px;
    }
}