.supage-177 .box-more {
    color: #fff;
    width: 1.4rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: .16rem;
    margin-top: .3rem
}

.supage-177 .titles {
    text-align: center
}

.supage-177 .titles .titles-box {
    display: inline-block
}

.supage-177 .titles h3 {
    float: left;
    margin: 0 .3rem;
    font-size: .3rem;
    font-weight: bold
}

.supage-177 .titles h3 span {
    color: #333
}

.supage-177 .titles .line {
    width: .8rem;
    height: .01rem;
    background: #333333;
    float: left;
    margin-top: .2rem
}

.supage-177 .titles .title-subtitle {
    color: #999999;
    font-size: .16rem
}

.supage-177 div.i2 {
    background-color: #fff;
    padding: .4rem 0 .4rem
}

.supage-177 div.i2 .product-module .product-module-content {
    overflow: hidden;
    position: relative
}

.supage-177 div.i2 .product-module .product-module-content ul li {
    border: 1px solid #d7d7d7;
    display: block;
    width: calc(94% / 4);
    float: left;
    margin-right: 2%;
    margin-top: .5rem;
    transition: .5s;
}

.supage-177 div.i2 .product-module .product-module-content ul li:nth-child(4n) {
    margin-right: 0
}

@media screen and (max-width:1024px) {
    .supage-177 div.i2 .product-module .product-module-content ul li {
        width: calc(94% / 3);
        margin-right: 3%
    }

    .supage-177 div.i2 .product-module .product-module-content ul li:nth-child(4n) {
        margin-right: 3%
    }

    .supage-177 div.i2 .product-module .product-module-content ul li:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (max-width:767px) {
    .supage-177 div.i2 .product-module .product-module-content ul li {
        width: calc(97% / 2);
        margin-right: 3%
    }

    .supage-177 div.i2 .product-module .product-module-content ul li:nth-child(3n) {
        margin-right: 3%
    }

    .supage-177 div.i2 .product-module .product-module-content ul li:nth-child(2n) {
        margin-right: 0
    }
}

.supage-177 div.i2 .product-module .product-module-content ul li a {
    display: block
}

/*a:hover { color: inherit; text-decoration: none; }*/

.supage-177 div.i2 .product-module .product-module-content ul li a .img {
    width: 100%;
    height: 2.28rem;
    overflow: hidden;
    position: relative;
    border-radius: .1rem;
    background-color: #fff
}

.supage-177 div.i2 .product-module .product-module-content ul li a .img .img-in {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.supage-177 div.i2 .product-module .product-module-content ul li a .img .img-logo {
    display: block;
    width: 1rem;
    height: auto;
    position: absolute;
    top: .14rem;
    left: .2rem
}

.supage-177 div.i2 .product-module .product-module-content ul li a .text-box {
    padding: .14rem .1rem;
    overflow: hidden;
    height: .8rem
}

.supage-177 div.i2 .product-module .product-module-content ul li a .text {
    padding-bottom: .1rem
}

.supage-177 div.i2 .product-module .product-module-content ul li a .text .title {
    width: 70%;
    float: left;
    font-size: .16rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.supage-177 div.i2 .product-module .product-module-content ul li a .more {
    float: right;
    color: #666666;
    font-size: .14rem;
    width: 26%;
    text-align: right;
    color: #f77308
}

@media screen and (max-width:1024px) {
    .supage-177 div.i2 .product-module .product-module-content ul li a .more {
        width: 30%
    }
}

@media screen and (max-width:1460px) {
    .supage-177 div.i2 .product-module .product-module-content ul li a .more {
        width: 32%
    }
}

.supage-177 div.i2 .product-module .product-module-content ul li a .introduction {
    width: 74%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .12rem;
    color: #666666
}

.supage-177 div.i2 .product-module .product-module-content ul li a .introduction p {
    width: 100%;
    overflow: hidden
}

@media screen and (max-width:1024px) {
    .supage-177 div.i2 .product-module .product-module-content ul li a .introduction {
        width: 70%
    }
}

@media screen and (max-width:1460px) {
    .supage-177 div.i2 .product-module .product-module-content ul li a .introduction {
        width: 68%
    }
}

.supage-177 div.i2 .product-module .product-module-content ul li .img-in {
    transition: all 1s
}

.supage-177 div.i2 .product-module .product-module-content ul li:hover a .img-in {
    transform: translate(-50%, -50%) scale(1.05, 1.05)
}

.supage-177 div.i2 .product-module .product-module-content .title {
    color: #333333
}

.supage-177 div.i2 .product-module .product-module-content .img-bg {
    width: 3.8rem;
    height: 2.85rem;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: .5rem
}

@media screen and (max-width:1024px) {
    .supage-177 div.i2 .product-module .product-module-content .img-bg {
        display: none
    }
}

.supage-177 .template_main_color {
    color: #e2211a
}

.supage-177 .template_main_back {
    background-color: #e2211a
}

.supage-177 .template_main_border {
    border-color: #e2211a
}


.supage-177 div.container {
    background-color: #fff;
    padding: .4rem 0 .4rem
}

.product-module-content {
    position: relative;
}

.supage-177 div.container .product-module .product-module-content .swiper-container .swiper-wrapper .swiper-slide a {
    display: block;
}

.product-module-content .arrow {
    width: 0.35rem;
    height: 0.75rem;
    background: url("../images/honorary-qualification8-swiper-arrow.png") center / 0.35rem 0.75rem no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-module-content .arrow-left {
    left: -0.53rem;
}

.product-module-content .arrow-right {
    right: -0.53rem;
    -webkit-transform: rotateY(180deg) translateY(-50%);
    -moz-transform: rotateY(180deg) translateY(-50%);
    -ms-transform: rotateY(180deg) translateY(-50%);
    -o-transform: rotateY(180deg) translateY(-50%);
    transform: rotateY(180deg) translateY(-50%);
}

.supage-177 div.container .product-module .product-module-content .swiper-container {
    padding: 0 0;
}

.supage-177 div.container .product-module .product-module-content .swiper-container .swiper-wrapper {
    display: block;
    transition: .5s;
    overflow: hidden;
    /*    background: red;*/
}

.solution-slide-item {

    float: left;
    width: calc(100% / 4);
    /*    padding-right: 2%;
    padding-top: .5rem;*/
    transition: .5s;

    display: block;
}

.slide-item-wrapper {
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    margin-right: .2rem;
    margin-top: .5rem;
}



.swiper-wrapper .solution-slide-item:last-child .slide-item-wrapper {
    margin-right: 0;
}

@media screen and (max-width:1024px) {
    .solution-slide-item {
        display: block;
        float: left;
        width: 50%;
        transition: .5s;
    }

    .supage-177 div.container .product-module .product-module-content .swiper-container .swiper-wrapper {
        display: block;
        transition: .5s;
        overflow: hidden;
        padding: 0 .2rem;
    }

    .slide-item-wrapper {
        border: 1px solid #d7d7d7;
        box-sizing: border-box;
        margin-right: .2rem;
        margin-top: .5rem;
    }

    .supage-177 div.container .product-module .product-module-content .swiper-container .swiper-wrapper .swiper-slide a .more {
        width: 30% !important;
    }

    .supage-177 div.container .product-module .product-module-content .swiper-container .swiper-wrapper a .introduction {
        width: 69% !important;
    }

    .product-module-content .arrow {
        display: none;
    }

}



.supage-177 div.container .product-module .product-module-content .swiper-container .swiper-wrapper .swiper-slide a .img {
    width: 100%;
    height: 2.28rem;
    overflow: hidden;
    position: relative;
    border-radius: .1rem;
    background-color: #fff
}

.supage-177 div.container .product-module .product-module-content .swiper-container .swiper-wrapper .swiper-slide a .img .img-in {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.supage-177 div.container .product-module .product-module-content .swiper-container .swiper-wrapper .swiper-slide a .img .img-logo {
    display: block;
    width: 1rem;
    height: auto;
    position: absolute;
    top: .14rem;
    left: .2rem
}

.supage-177 div.container .product-module .product-module-content .swiper-container .swiper-wrapper .swiper-slide a .text-box {
    padding: .14rem .1rem;
    overflow: hidden;
    /*    height: .8rem*/
}

.supage-177 div.container .product-module .product-module-content .swiper-container .swiper-wrapper .swiper-slide a .text {
    padding-bottom: .1rem
}

.supage-177 div.container .product-module .product-module-content .swiper-container .swiper-wrapper .swiper-slide a .text .title {
    width: 70%;
    float: left;
    font-size: .16rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.supage-177 div.container .product-module .product-module-content .swiper-container .swiper-wrapper a .introduction {
    width: 74%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .12rem
}

.supage-177 div.container .product-module .product-module-content .swiper-container .swiper-wrapper .swiper-slide a .more {
    float: right;
    color: #666666;
    font-size: .14rem;
    width: 26%;
    text-align: right;
    color: #f77308
}


.supage-177 div.container .product-module .product-module-content .swiper-container .swiper-wrapper .swiper-slide:hover .img img {
    -webkit-transform: scale(1.02) translate(-50%, -50%);
    -moz-transform: scale(1.02) translate(-50%, -50%);
    -ms-transform: scale(1.02) translate(-50%, -50%);
    -o-transform: scale(1.02) translate(-50%, -50%);
    transform: scale(1.02) translate(-50%, -50%);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}