/*案例赏析*/

.baninfo {
    height: 60px;
	background-color:#f0f0f0;
}
.erji {
    float: left;
}
.erji ul li {
    height: 60px;
    line-height: 60px;
    float: left;
}
.erji ul li a {
    padding: 0 60px;
    margin-right:2px;
    display: block;
    font-size: 16px;
    color: #333;
    position: relative;
}
.erji ul li a:hover, .erji ul li.active a{
	background-color:#0b3775;
	color:#fff;
}
.baninfo .tree {
    float: right;
    height: 100%;
    font-size: 14px;
    line-height: 60px;
    color: #666;
    padding-left: 30px;
    background: url(../img/home.png) 0 no-repeat;
}
.baninfo .tree a {
    color: #666;
}




.case-list{
	margin:60px 0;
}
.case-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.case-top .img{
	width:70%;
	height:500px;
	overflow:hidden;
	position:relative;
	transition: all .3s;
}
.case-top .img .imgs{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: 600ms;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.case-top .info{
	width:30%;
	background-color: #0b3775;
	background-image:url(../img/dsmhb.png);
	background-repeat:no-repeat;
	background-position:right;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.case-top .wp {
    padding:0 80px;
    color: #fff;
	text-align:center;
}
.case-top .wp h5 {
    font-size: 40px;
    margin-bottom: .15rem;
}
.case-top .p {
    font-size: 16px;
    line-height: 30px;
}
.caselist{
	overflow:hidden;
	margin:40px 0;
}
.caselist li {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    overflow: hidden;
	margin-bottom:60px;
}
.caselist li:nth-child(4n) {
    margin-right: 0;
}
.caselist li a {
    display: block;
    position: relative;
}
.caselist li .img {
	width:100%;
	height:260px;
	overflow:hidden;
	position:relative;
	transition: all .3s;
}
.caselist li .img .imgs{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: 600ms;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.caselist li:hover .img .imgs {
    -webkit-transform: scale(1.08) rotate(0.01deg);
    -ms-transform: scale(1.08) rotate(0.01deg);
    transform: scale(1.08) rotate(0.01deg);
}
.caselist li .item-title {
	color: #242424;
	font-size:20px;
	margin-top: 20px;
}
.caselist li:hover .item-title{
	color: #ea6000;
}