.about::after,.video::after,.honor::after{content: ''; height: 3px; display: block;background-color: #f7f7f7;}

.about .left{ width: 440px;}
.about .right{ width: 650px;font-size: 14px; line-height: 28px; color: #777177;}

.video .left{ width: 490px;font-size: 14px; line-height: 28px; color: #777177;}
.video .right{ width: 600px;margin-top: -90px;}
#video>video{width: 559px;height: 370px;}

.swiper-container{width:100%;height:100%;}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 25% !important;
    overflow: hidden;
    margin-bottom: 20px;
}
.swiper-pagination{bottom: 0px !important;}
.swiper-button-next{right: 0px;}
.swiper-button-prev{left: 0px;}

.case_item{width: 33%;display: inline-block;text-align: center;}
.case_item>a{width: 347px; height: 378px;background-color: #fff;box-shadow: 0px 2px 5px #888888;display: inline-block;}
.case_item>a>dl>dd{width: 80%;margin: 0px auto;}
.case_title{font-size:17px;padding:10px 0px 5px 0px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all; width:100%;}
.case_content{color:#666666;text-align: left;line-height: 20px; height:62px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.case_content p{margin: 0px;}
.case_btn{text-align: right;}
.case_more{width: 94px;height: 28px;line-height: 28px;text-align: center; border: 1px #666666 solid; border-radius: 10px; display: inline-block; margin: 50px 0px 0px 30px;}
.case_more:hover{border: 1px #02458c solid; color: #02458c;}

@media screen and (max-width: 768px) {
    .about .left{ width: 100%;}
    .about .right{ width: 100%;line-height: 24px;}

    .video .left{ width: 100%;line-height: 24px;}
    .video .right{ width: 100%;margin-top:0px;}
    #video>video{width:  100%;height: auto;}

    .swiper-slide {width: 100% !important;}

    .case_item{width: 100%;margin-bottom: 20px;}
    .case_item>a{width: 100%;}
    .case_more{margin: 20px auto;}
}