﻿



.list_case_ul li { float: left; width: 32%; margin-right: 2%; margin-bottom: 30px; position: relative; }

.list_case_ul li:nth-child(3n) { margin-right: 0px; }

.list_case_ul li .main_pic { height: auto; position: relative; overflow: hidden; width: 100%; }

.list_case_ul li .main_pic:after{ content: ''; display: block; width: 100%; height: 100%; background: #b90000 url(../images/a22.png) no-repeat center; position: absolute; z-index: 3; opacity: 0.8; left: 0; top: -100%; transition: 0.3s all ease; }
.list_case_ul li:hover .main_pic:after{ top: 0; }
.list_case_ul li .main_pic img { transition: 0.5s; width: 100%; height: auto; display: block; }

.list_con {
    padding-left: 35px;
    width: 75%;
    padding-bottom: 25px;
}

.list_con h4 { transition: 0.5s; font-size: 16px; color: #333; /* padding-top: 25px; */
    padding-top: 37px; text-align: left; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.list_con p { font-size: 14px; color: #999; padding-top: 13px; }

.list_case_cen i { transition: 0.5s; display: block; margin-right: 33px; margin-top: 36px; width: 24px; height: 26px; background: url(../images/jiahao.png) no-repeat center; transform: rotate(0deg); }

.list_case_ul li:hover i { background: url(../images/jiahao_on.png) no-repeat center; transform: rotate(180deg); }

.list_case_ul li:hover h4 { color: #b90000; }

.list_case_cen { background: #fff; border-top: 0px; }
.list_case_cen:after{content: '';display: block;clear: both;}

.list_case_ul li:hover .main_pic img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

.list_case { padding-top: 65px; }

.corp_in_page { background: #f5f5f5; }
.news_in_page { padding: 0 0 50px 0; }


.concur_in_page{ }
.concur_in_page .list_case_ul li{ width: 23.499999%; }
.concur_in_page .list_case_ul li:nth-child(3n) { margin-right: 2%; }
.concur_in_page .list_case_ul li:nth-child(4n) { margin-right: 0px; }
.concur_in_page .list_con { width: 69%;padding-left: 25px; }
.concur_in_page .list_case_cen i{margin-right: 23px}
.concur_in_page .list_case_ul li .main_pic::after{ display: none; }



.news_in_x1 {
    padding-top: 50px;
}
