*{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
body{
    background-color: #F9F9F9;
    font-family: "Open Sans", Arial, sans-serif;
}
.h1, .h2, .h3, h1, h2, h3{
    margin: 0;
}
p{
    margin: 0;
}
.banners{
    position: relative;
    margin-top: 89px;
}
@media screen and (max-width: 768px){
    .banners {
        margin-top: 50px;
    }
}
.banners img{
    width: 100%;
    height: 100%;
}
/*.banners .banners_txt{*/
/*    font-size: 79px;*/
/*    color: #08134D;*/
/*    font-weight:bold;*/
/*    -webkit-text-stroke:3px undefined;*/
/*    text-stroke:3px undefined;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 30%;*/
/*    transform: translateY(-50%);*/
/*    -webkit-transform: translateY(-50%);*/
/*}*/
.news_wrap{
    margin-top: 40px;
}
.news_nav{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.news_nav_name{
    height: 50px;
    line-height: 50px;
    width: 130px;
    text-align: center;
    font-size: 24px;
    margin-right: 60px;
    cursor: pointer;
}
.news_nav_name.active{
    border-radius: 4px;
    background-color: #BD2228;
    color:#FFF;
}

.list_wrap{
    margin-top: 40px;
}
.list_wrap .dynamic_list .dynamic_list_box{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    border-bottom: 1px solid #DCDCDC;
    padding: 20px 0;
}
.dynamic_list_box .dynamic_cover{
    width: 330px;
    height: 200px;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    margin-right: 40px;
}
/*.dynamic_list_box .dynamic_msg{*/
    /*flex: 1;*/
    /*-webkit-flex: 1;*/
/*}*/
.dynamic_list_box .dynamic_cover img{
    width: 100%;
    height: 100%;
}
.dynamic_list_box .dynamic_title{
    font-size: 20px;
}
.dynamic_list_box .dynamic_title:hover{
    color: #BD2228;
    cursor: pointer;
}
.dynamic_list_box .dynamic_content{
    font-size: 14px;
    word-break: break-all;
    margin-top: 20px;
    line-height: 30px;
}
.dynamic_list_box .dynamic_foot{
    display: flex;
    display: -webkit-flex;
    font-size: 14px;
    color: #989898;
    margin-top: 20px;
}
.dynamic_list_box .dynamic_foot .dynamic_time{
    margin-right: 40px;
}
@media screen and (max-width: 1199px){
    .dynamic_list_box .dynamic_cover{
        width: 300px;
        height: 180px;
        margin-right: 30px;
    }
    .dynamic_list_box .dynamic_content{
        margin-top: 12px;
        line-height: 24px;
    }
    .dynamic_list_box .dynamic_foot{
        margin-top: 12px;
    }
}
@media screen and (max-width: 1000px){
    .list_wrap{
        margin-top: 20px;
    }
    .news_nav_name{
        height: 35px;
        line-height: 35px;
        width: 100px;
        text-align: center;
        font-size: 18px;
        margin-right: 40px;
    }
    .list_wrap .dynamic_list .dynamic_list_box{
        padding: 15px 0;
    }
    .dynamic_list_box .dynamic_cover{
        width: 250px;
        height: 150px;
        margin-right: 20px;
    }
    .dynamic_list_box .dynamic_msg{
        width: calc(100% - 270px);
        width: -webkit-calc(100% - 270px);
    }
    .dynamic_list_box .dynamic_title{
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .dynamic_list_box .dynamic_content{
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}
@media screen and (max-width: 700px){
    .news_nav_name{
        height: 30px;
        line-height: 30px;
        width: 80px;
        text-align: center;
        font-size: 14px;
        margin-right: 30px;
    }
    .dynamic_list_box .dynamic_title{
        font-size: 18px;
    }
    .dynamic_list_box .dynamic_cover{
        width: 180px;
        height: 110px;
        margin-right: 10px;
    }
    .dynamic_list_box .dynamic_msg{
        width: calc(100% - 190px);
        width: -webkit-calc(100% - 190px);
    }
    .dynamic_list_box .dynamic_content{
        margin-top: 6px;
        line-height: 20px;
    }
    .dynamic_list_box .dynamic_foot{
        margin-top: 6px;
    }

}
@media screen and (max-width: 450px){
    .container.list_wrap{
        padding: 0;
    }
    .dynamic_list{
        padding: 0 10px;
    }
    .dynamic_list_box .dynamic_cover{
        width: 100px;
        height: 60px;
        margin-right: 10px;;
    }
    .dynamic_list_box .dynamic_msg{
        width: calc(100% - 110px);
        width: -webkit-calc(100% - 110px);
    }
    .dynamic_list_box .dynamic_title{
        font-size: 14px;
    }
    .dynamic_list_box .dynamic_content{
        font-size: 12px;
        line-height: 16px;
        margin-top: 4px;
    }
    .dynamic_list_box .dynamic_foot{
        margin-top: 4px;
        font-size: 11px;
    }
}

/*客户案例*/
.case_list{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.case_list .case_list_box{
    margin-right: 10px;
    width: calc(33.3% - 10px);
    width: -webkit-calc(33.3% - 10px);
    background-color: #FFF;
    margin-bottom: 10px;
}
.case_list_box .case_list_cover img{
    width: 100%;
    height: 220px;
}
.case_list_msg{
    padding: 20px;
}
.case_list_box .case_list_title{
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 20px;
}
.case_list_box .case_list_title:hover{
    cursor: pointer;
    color: #BD2228;
}
.case_list_box .case_list_content{
    font-size: 14px;
    line-height: 30px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 20px;
}
.case_list_box .case_list_foot{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 14px;
    color: #989898;
    margin-top: 20px;
}

@media screen and (max-width: 1199px){
    .case_list_box .case_list_cover img{
        width: 100%;
        height: 180px;
    }
    .case_list_msg{
        padding: 15px;
    }
    .case_list_box .case_list_content{
        margin-top: 15px;
    }
    .case_list_box .case_list_foot{
        margin-top: 15px;
    }
}
@media screen and (max-width: 1000px){
    .case_list_box .case_list_cover img{
        width: 100%;
        height: 150px;
    }
    .case_list_msg{
        padding: 10px;
    }
    .case_list_box .case_list_content{
        margin-top: 10px;
        line-height: 24px;
    }
    .case_list_box .case_list_foot{
        margin-top: 10px;
    }
}
@media screen and (max-width: 700px){
    .case_list .case_list_box{
        width: calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
    }
    .case_list_msg .case_list_title{
        font-size: 18px;
    }
}
@media screen and (max-width: 450px){
    .news_wrap{
        margin-top: 20px;
    }
    .case_list .case_list_box{
        padding-left: 10px;
    }
    .case_list_box .case_list_cover img{
        width: 100%;
        height: 100px;
    }
    .case_list_msg .case_list_title{
        font-size: 14px;
    }
    .case_list_box .case_list_content{
        font-size: 12px;
        line-height: 16px;
        margin-top: 4px;
    }
    .case_list_box .case_list_foot{
        font-size: 11px;
    }
}

/*分页*/
.page {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    margin-top: 60px;
}
.page .page-list {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    width: 30px;
    height: 30px;
    margin-right: 18px;
    border: 1px solid #DCDCDC;
    font-size: 16px;
    color: #333;
    cursor: pointer;
}
.page .page-list img {
    width: 100%;
    height: 100%;
}
.page span {
    margin: 0 12px;
}
.page input {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    width: 50px;
    height: 30px;
    border: 1px solid #dcdcdc;
}
@media screen and (max-width: 450px){
    .page{
        margin-top: 30px;
    }
    .page .page-list {
        margin-right: 10px;
        width: 26px;
        height: 26px;
        font-size: 14px;
    }
    .page input{
        width: 40px;
        height: 26px;
    }
}