/*页面导航*/
/*.indexTop{*/
/*    background-color: #fff;*/
/*}*/
/*轮播图*/
.indexBanner {
    width: 100%;
    height: 7.5rem;
    overflow: hidden;
}

.swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.swiper .swiper-slide img {
    width: 100%;
}

/*品牌介绍*/
.brand {
    width: 100%;
    height: 5.96rem;
    padding: 1.16rem 1.60rem 0.8rem;
}

.brand-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.brand-left {
    width: 4rem;
    color: #000;
    height: 100%;
}

.brand-title {
    font-size: 0.26rem;
    font-weight: bolder;
}

.brand-en {
    font-size: 0.16rem;
}

.brand-select {
    margin-top: 0.7rem;
}

.brand-select > div, .list-item {
    width: 3.2rem;
    height: 0.6rem;
    padding: 0 0.4rem 0 0.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    color: #323232;
    font-size: 0.16rem;
    cursor: pointer;
    position: relative;
}

.brand-select > div a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 0.16rem;
    align-items: center;

    position: relative;
}

.brand-select-content, .list-select-content {
    display: flex;
    align-items: center;
    flex: 1;
}

.product-point, .content-point {
    width: 0.06rem;
    height: 0.06rem;
    background-color: #e0e0e0;
    margin-right: 0.2rem;
}

.product-icon, .content-icon {
    width: 0.22rem;
    height: 0.22rem;
    background-repeat: no-repeat;
    background-size: 100%;
}

.brand-select .brand-select-product .product-icon, .case-list-first .content-icon {
    background-image: url("/web/assets/index/product-icon.png");
}

.brand-select .brand-select-case .product-icon, .case-list-second .content-icon {
    background-image: url("/web/assets/index/case-icon.png");
}

.brand-select > div.active, .brand-select > div:hover,
.case-list-first.active .list-item, .case-list-first:hover .list-item,
.case-list-second.active .list-item, .case-list-second:hover .list-item {
    background-image: url("/web/assets/index/brand-product.png");
    background-repeat: no-repeat;
    background-size: 100%;
    color: #FFFFFF;
}

.brand-select > div.active .product-point, .brand-select > div:hover .product-point,
.case-list-first.active .content-point, .case-list-first:hover .content-point,
.case-list-second.active .content-point, .case-list-second:hover .content-point {
    background-color: #FFFFFF;
}

.brand-select .brand-select-product.active .product-icon, .brand-select .brand-select-product:hover .product-icon,
.case-list-first.active .content-icon, .case-list-first:hover .content-icon {
    background-image: url("/web/assets/index/product-active-icon.png");
}

.brand-select .brand-select-case.active .product-icon, .brand-select .brand-select-case:hover .product-icon,
.case-list-second.active .content-icon, .case-list-second:hover .content-icon {
    background-image: url("/web/assets/index/case-active-icon.png");
}

.brand-content {
    background-color: #fff;
    width: 6rem;
    height: 100%;
    padding: 0.4rem;
}

.brand-content-title {
    padding-bottom: 0.3rem;
    width: 1.6rem;
    border-bottom: 1px solid #e0e0e0;
    font-size: 0.2rem;
}

.brand-content-text {
    margin-top: 0.2rem;
}

.brand-content-text p {
    font-size: 0.12rem;
    color: #808080;
    line-height: 0.18rem;
    overflow: hidden;
    white-space: pre-line;
}

.brand-content-certificates {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    color: #031833;
    font-size: 0.16rem;
    font-weight: bold;
    margin-top: 0.1rem;
    padding-bottom: 0.3rem;
}

.certificates-item-num {
    font-size: 0.26rem;
    width: 0.7rem;
    height: 0.7rem;
    background-image: url("/web/assets/index/certificates-num.png");
    background-repeat: no-repeat;
    background-size: 100%;
    line-height: 0.7rem;
    margin-top: 0.2rem;
}

.certificates-item-name {
    margin-top: 0.1rem;

}

.brand-content-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #7c7c7c;
}

.brand-content-btn img {
    width: 0.22rem;
    margin-left: 2px;
    vertical-align: middle;
}

.brand-right {
    width: 6rem;
    height: 100%;
}

.brand-right img {
    width: 100%;
}

/*成功案例*/
.success-case {
    width: 100%;
    height: 5.8rem;
    padding: 0.7rem 1.6rem;
    position: relative;
}

.success-case-title, .news-title {
    width: 4rem;
    height: 100%;
    font-size: 0.26rem;
    font-weight: bolder;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.success-case-title-left-en, .news-title-left-en {
    font-size: 0.16rem;
}

.case-more a, .news-more a {
    color: #6b6b6b;
    font-weight: normal;
    font-size: 0.14rem;
    position: relative;
    z-index: 999999;
}

.case-more a img, .news-more a img {
    width: 0.22rem;
    margin-left: 6px;
    vertical-align: middle;
}

.case-more > img {
    width: 3.2rem;
    height: 2px;
    margin-top: 0.2rem;
}

/**/
.success-case-container, .news-container {
    width: 100%;
    height: 100%;
    padding: 0.7rem 1.6rem;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.success-case-container > div, .news-container > div {
    width: 4rem;
    position: relative;
}

.container-list-left .list-item {
    position: relative;
}

.case-list-first.active .container-list-left .list-item::after,
.case-list-first:hover .container-list-left .list-item::after,
.case-list-second.active .container-list-left .list-item::after,
.case-list-second:hover .container-list-left .list-item::after {
    content: '';
    position: absolute;
    right: -0.1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 0.05rem solid transparent; /* 上边框 */
    border-bottom: 0.05rem solid transparent; /* 下边框 */
    border-left: 0.1rem solid #29286a; /* 左边框 */
}

.container-list-right {
    width: 12rem;
    height: 4.4rem;
    position: absolute;
    top: -1.6rem;
    right: -12rem;
    display: none;
}

.case-list-second .container-list-right {
    width: 12rem;
    height: 4.4rem;
    position: absolute;
    top: -2.2rem;
    right: -12rem;
    display: none;
}

.case-list-first.active .container-list-right,
.case-list-first:hover .container-list-right,
.case-list-second.active .container-list-right,
.case-list-second:hover .container-list-right,
.news-list-first.active .container-list-right,
.news-list-first:hover .container-list-right,
.news-list-second.active .container-list-right,
.news-list-second:hover .container-list-right {
    display: flex;
}

.right-item-left {
    width: 2rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
}

.list-item-select {
    position: relative;
    display: flex;
    align-items: center;
    height: 0.9rem;
    width: 1.62rem;
    margin-left: 0.38rem;
    cursor: pointer;
}

.list-item-select .item-select-circle {
    width: 0.14rem;
    height: 0.14rem;
    border-radius: 50%;
    border: 2px solid #e0e0e0;
}

.list-item-select .item-select-circle::after {
    content: '';
    position: absolute;
    top: 0.62rem;
    left: 0.05rem;
    width: 0.04rem;
    height: 0.54rem;
    border-left: 0.04rem dotted #e0e0e0;
}

.list-item-select:last-of-type .item-select-circle::after {
    display: none;
}

.list-item-select span {
    margin-left: 0.08rem;
    color: #343434;
    font-weight: 400;
}

.list-item-select.active span {
    font-weight: 700;
}

.list-item-select.active .item-select-circle {
    border: 2px solid #2e2e6e;
}

.list-item-select.active .item-select-circle::before {
    content: '';
    position: absolute;
    top: 0.4rem;
    right: -1px;
    border-top: 0.05rem solid transparent; /* 上边框 */
    border-bottom: 0.05rem solid transparent; /* 下边框 */
    border-right: 0.1rem solid #29286a; /* 左边框 */
}

.right-item-right {
    width: 10rem;
    overflow: hidden;
}

.right-item-right img {
    width: 100%;
    cursor: pointer;
}

/*新闻中心*/
.news-center {
    width: 100%;
    height: 6.56rem;
    padding: 0.96rem 1.6rem 1.28rem;
    position: relative;
    background-color: #2b3541;
    color: #FFFFFF;
}

.news-more {

    width: 3.2rem;
    border-bottom: 2px solid #999999;
    padding-bottom: 0.2rem;
    position: relative;
    z-index: 999999;
}

.news-more a {
    color: #f0f0f0;
}

.news-list-first .content-icon {
    background-image: url("/web/assets/index/news-new.png");
}

.news-list-second .content-icon {
    background-image: url("/web/assets/index/news-dynamic.png");
}

.news-list-first.active .list-item, .news-list-first:hover .list-item,
.news-list-second.active .list-item, .news-list-second:hover .list-item {
    background-color: #d5372b;
    color: #FFFFFF;
}

.news-list-first.active .content-point, .news-list-first:hover .content-point,
.news-list-second.active .content-point, .news-list-second:hover .content-point {
    background-color: #FFFFFF;
}

.news-list-first.active .content-icon, .news-list-first:hover .content-icon {
    background-image: url("/web/assets/index/news-new-active.png");
}

.news-list-second.active .content-icon, .news-list-second:hover .content-icon {
    background-image: url("/web/assets/index/news-dynamic-active.png");
}

.news-container .container-list-right {
    height: 5.16rem;
    top: -1.98rem;
}

.news-right-item {
    width: calc(33.33% - 0.2266rem);
    margin-right: 0.34rem;
    height: 100%;
    background-color: #fff;
    cursor: pointer;
}

.news-right-item:last-of-type {
    margin-right: 0;
}

.news-item-img {
    width: 100%;
    height: 2.36rem;
    overflow: hidden;
}
.news-item-img img{
    width: 100%;
    height: 100%;
}
.news-right-item > img {
    width: 100%;
}

.news-item-middle {
    width: calc(100% - 0.76rem);
    margin: 0 0.38rem;
    height: 1.62rem;
    display: flex;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #ebebeb;
}

.news-item-middle .news-item-test {
    /* 只显示三行文字，超出....*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: calc(100% - 0.78rem);
    line-height: 1.5;
    font-size: 0.18rem;
    color: #191919;
}

.news-item-date {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    width: 0.78rem;
}

.news-item-date-day {
    color: #001832;
    font-size: 0.24rem;
    font-weight: bold;
}

.news-item-date-month {
    color: #999999;
    font-size: 0.12rem;
}

.news-item-more {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 0.78rem);
    margin: 0.2rem 0.38rem 0;
}

.news-item-more-text {
    color: #666666;
    font-size: 0.14rem;
}

.news-item-more-text img {
    vertical-align: middle;
    border-radius: 50%;
    width: 0.22rem;
    height: 0.22rem;
    border: 1px solid #e1e1e1;
}

.news-list-second .container-list-right {
    top: -2.58rem;
}

.new-products {
    width: 100%;
    padding: 0.2rem;
}

.new-products .title,
.mobile-news-center .title {
    display: flex;
    font-weight: bolder;
    font-size: 0.3rem;
}

.new-products .title-en,
.mobile-news-center .title-en {
    color: #d31212;
    margin-bottom: 0.1rem;
    font-size: 0.14rem;
    font-weight: 400;
    margin-left: 0.2rem;
}

.new-products .new-products-list {
    width: 100%;
    padding: 0.2rem;
    overflow-x: auto;
    display: flex;
    align-items: center;
}

.new-products .new-products-list-item {
    width: calc(33.33% - 0.13rem);
    margin-right: 0.2rem;
    border-top-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
    flex-shrink: 0;
}

.new-products .new-products-list-item-text,
.new-products .new-products-list-item-text > img {
    width: 100%;
}

.new-products .new-products-list-item-text > img {
    height: 3.66rem;
}

.new-products .new-products-list-item-box {
    background-color: #999999;
    padding: 0.2rem;
    text-align: left;
    height: 2.2rem;
    line-height: 0.26rem;
}

.new-products .new-products-list-item-text-title {
    font-size: 0.14rem;
}

.new-products .new-products-list-item-text-title-text {
    font-weight: bolder;
    font-size: 0.18rem;
}

.mobile-cases-info {
    display: none;
}
.mobile-news-center{
    padding: 0.2rem;
}
.tab ul,
.tabContent {
    width: 12rem;
    margin: 0.30rem auto 0;
}

.maxBg img {
    width: 100%;
}
.tab {
    width: 16rem;
    border-bottom: 1px solid #ccc;
    margin: 0 auto;
}

.tab ul {
    display: flex;
    justify-content: center;
}

.tab ul li {
    padding: 0.20rem;
    cursor: pointer;
    font-weight: 600;
}
.tab ul li:nth-of-type(2) {
    margin: 0 1rem;
}
.tab ul li.active,
.tab ul li:hover {
    color: #006cba;
    border-bottom: 0.02rem solid #006cba;
}

.tabContent > div {
    display: none;
}

.tabContent > div.show {
    display: block;
}

.reinong {
    display: flex;
    padding: 0.20rem 0;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.reinong:hover .reirongRight h4{
    color:#006CBA}
/* 177*111 */
.reinong .reirongLeft {
    margin-right: 0.22rem;
}

.reinong .reirongLeft img {
    width: 1.78rem;
    height: 1.10rem;
}

.reirongRight h4 {
    margin-top: 0.10rem;
    font-size: 0.24rem;
    width: 10rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reirongRight > div {
    margin-top: 0.10rem;
}
.reirongRight > div p {
    color: #ccc;
    margin-top: 0.10rem;
}
.reirongRight > div span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.40rem;
    color: #ccc;
}
/**/
@media (max-width: 768px) {
    .brand, .success-case, .news-center, .line-img {
        display: none;
    }

    .mobile-cases-info {
        display: block;
    }

    .tab,.newsContent,.reirongRight h4{
        width: 100%;
    }
    .tab ul, .tabContent{
        width: 100%;
        padding: 0 0.2rem;
    }
    .reirongRight{
        width: calc(100% - 2rem);
    }
    ._page_container {
        font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
        font-size: 0.13rem;
        height: 0.28rem;
        line-height: 0.28rem;
        text-align: center;
        margin: 1rem auto;
        user-select: none;
    }
    ._page_container ._prev, ._page_container ._next, ._page_container ._home, ._page_container ._last {
        min-width: 0.3rem;
        font-size: 0.13rem;
        margin: 0 5px;
        border-radius: 2px;
        cursor: pointer;
    }
    ._page_container ._pages li {
        display: inline-block;
        color: #303133;
        font-weight: bold;
        min-width: 0.25rem;
        text-align: center;
        margin: 0 5px;
        padding: 0 5px;
        border-radius: 2px;
        cursor: pointer;
    }
}