.banner {
    overflow: hidden;
}

.product-title {
    width: 233px;
    overflow: hidden;
    margin: 30px auto;
}

.productBg {
    height: 600px;
    position: relative;
}

.product {
    height: 600px;
    overflow: hidden;
}

.product .swiper-wrapper .swiper-slide > div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.product-item {
    width: 352px;
    height: 262px;
    overflow: hidden;
    margin-bottom: 10px;
}

.product-item > a > img {
    border: 1px solid #cccccc;
}

.product-item > a > p {
    text-align: center;
    line-height: 3;
}

.about {
    height: 453px;
    overflow: hidden;
    background: url("../../images/computer/about.jpg") repeat-x center top;
}

.about-tit {
    width: 182px;
    height: 89px;
    overflow: hidden;
    background: url("../../images/computer/atit.jpg");
    margin: 30px auto;
}

.about-info {
    display: flex;
    justify-content: space-between;
}

.about-info-text {
    width: 600px;
    overflow: hidden;
}

.about-info-text > p {
    color: #ffffff;
    line-height: 2;
    font-size: 16px;
    text-indent: 24px;
}

.about-info-text > a {
    display: block;
    width: 91px;
    height: 25px;
    overflow: hidden;
    background-color: #fff700;
    color: #b0000d;
    text-align: center;
    line-height: 25px;
    border-radius: 6px;
}

.about-info-video {
    width: 420px;
    height: 260px;
    background-color: #000000;
}

.news {
    display: flex;
    justify-content: space-between;
    padding: 60px 0px;
}

.news-pics {
    width: 493px;
    height: 288px;
    overflow: hidden;
    border: 3px solid #cccccc;
}

.news-pics .swiper-wrapper .swiper-slide a {
    display: block;
    width: 493px;
    height: 288px;
    overflow: hidden;
    position: relative;
}

.news-pics .swiper-slide a .pics {
    width: 493px;
    height: 288px;
    -webkit-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
    background-size: cover;
    background-position: center;
}

.news-pics .swiper-slide a .pics:hover {
    transform: scale(1.08, 1.08);
}

.news-pics .swiper-slide a .title {
    width: 493px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-indent: 12px;
}

.news-lis {
    width: 650px;
    height: 323px;
    overflow: hidden;
    background: url("../../images/computer/ntit.jpg") no-repeat right top;
}

.news-lis > ul {
    margin-top: 100px;
}

.news-lis > ul > li > p {
    display: flex;
    justify-content: space-between;
    line-height: 2.5;
    color: #5A5A5A;
    font-size: 16px;
}

.news-lis > ul > li > p > a {
    color: #5A5A5A;
    font-size: 16px;
}

.friend {
    height: 90px;
    overflow: hidden;
    background-color: #e5e4d0;
}

.friend > .w1280 {
    height: 90px;
    overflow: hidden;
    background: url("../../images/computer/frined.jpg") no-repeat left top;
}