.banner-img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.bannner-img {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.s-box {
    width: 100%;
    height: 100%;
}

/* 产品中心 */
.product-box {
    width: 100%;
    /* height: 1080px; */
    padding-bottom: 80px;
    background-color: #F9F9F9;
    /* position: relative; */
}

.product-btn {
    width: 198px;
    height: 46px;
    border: 1px solid #ebebeb;
    cursor: pointer;
}

.product-btn:hover{
    background-color: #E64C42;
    color: #fff;
}

.i {
    width: 6px;
    height: 6px;
    border: 1px solid #969696;
    border-radius: 50%;
    margin: 0 10px;
}

.active-about {
    color: #e64c42 !important;
}

.active-about .i {
    width: 6px;
    height: 6px;
    border: none;
    background: #e64c42;
    border-radius: 50%;
}

.about-right-title {
    color: #333;
    font-size: 16px;
    line-height: 25px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 25px;
    text-align: center;
}

/* 左 */
.about-left {
    width: 200px;
    height: 800px;
    background-color: #fff;
}

.about-title {
    /* line-height: 46px; */
    height: 46px;
    background: #fff;
    color: #999;
    cursor: pointer;
    font-size: 16px;
    padding-right: 16px;
}

/* 右 */
.about-right {
    background: #fff;
    width: 1000px;
    height: 800px;
    /* padding: 30px 50px 130px 50px; */
}

.right-title {
    color: #333;
    padding: 28px 0 28px 46px;
    font-size: 24px;
    font-weight: bold;

}

.about-content {
    width: 100%;
    height: calc(100% - 87px);
    background-color: #f9f9f9;
}

/* 视频中心 */

.video-box {
    width: 100%;
    /* height: 840px; */
    padding-bottom: 80px;
    background-color: #fff;
    /* position: relative; */
}

/* 左 */
.about-left1 {
    width: 200px;
    height: 562px;
    background-color: #F9F9F9;
}

.about-title1 {
    /* line-height: 46px; */
    height: 46px;
    background: #F9F9F9;
    color: #999;
    cursor: pointer;
    font-size: 16px;
    padding-right: 16px;

}

/* 右 */
.about-right1 {
    background: #fff;
    width: 1000px;
    height: 562px;
}

.about-content1 {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

/* 公司简介 */
.company-box {
    width: 100%;
    /* height: 1070px; */
    padding-bottom: 80px;
    background-color: #F9F9F9;
    /* position: relative; */
}

/* 新闻动态 */
.news-box {
    width: 100%;
    /* height: 880px; */
    padding-bottom: 120px;
    /* background: #f1f2f3; */
    background: linear-gradient(180deg,#fff, #f9f9f9 20%);
}

/* 左 */
.about-left2 {
    width: 540px;
    height: 568px;
    background-color: #fff;
    cursor: pointer;
}

.about-title2 {
    line-height: 46px;
    color: #999;
    font-size: 14px;
    padding: 32px;
}

.about-left2:hover {
    .about-title2 {
        background-color: #E64C42;
    }

    div {
        color: #fff;
    }
}

.news-left-title {
    color: #121212;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 25px;
    margin: 0 0 10px 0;
}

.news-left-content {
    color: #666666;
    font-size: 14px;
    line-height: 25px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 100px;

}



/* 右 */
.about-right2 {
    background: #fff;
    width: 636px;
    height: 568px;
}

.right-box {
    cursor: pointer;
}

.right-box:hover {
    background-color: #E64C42 !important;

    .news-right-title {
        color: #fff !important;
    }

    .news-right-content {
        color: #fff !important;
    }

    .news-left-time {
        border-right: #fff 1px solid !important;

        div {
            color: #fff !important;
        }
    }
}

.about-content2 {
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
}

.news-right-title {
    /* padding: 0 40px ; */
    color: #121212;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 25px;
    width: 480px;
    /* margin: 24px 24px 0 24px; */
}

.news-right-content {
    color: #999;
    font-size: 14px;
    line-height: 25px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
    width: 480px;
    /* margin: 16px 24px 24px 24px; */
}

/* 全局搜索 */

.ho-in-box {
    width: 100%;
    position: relative;
}
.home-input {
    width: 100%;
}

.show-list-box{
    width: 100%;
    padding: 8px 0;
    position: absolute;
    background: #E64C42;
    top: 50px;
    z-index: 10;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.22);
    background: #fff;
}
.search-list{
    padding: 10px 10px;
    font-size: 14px;
    color: #999;
}
.search-list:hover{
    background-color: #FFE1DF;
}
.search-btn{
    font-size: 12px;
    color: #E64C42;
    background: #FFE1DF;
    padding: 2px 5px;
    border-radius: 5px;
    margin-right: 5px;
}
.search-icon {
    width: 16px;
    height: 16px;
    margin-right: 16px;
}