@charset "utf-8";	

/*banner*/
.banner-bg{background: url(../images/banner-case.jpg) no-repeat top center; height: 450px;}

/*bb*/
.case-right{float: right;width: 950px;}
.bb-ul{}
.bb-ul li{float: left;margin:13px;text-align: center;background: #000;overflow: hidden}
.bb-ul li a{position: relative;display: block;}
.bb-ul li a .p{line-height: 36px}
.bb-ul li a img{transform:scale(1);transition:all ease 1s;}
.bb-ul li .ul-hover{width: 289px;height: 440px;background:rgba(0,0,0,0.5);position: absolute;top:-440px;transition:all ease-out .5s;}
.bb-ul li a:hover .ul-hover{top:00px;transition:all ease .5s;}
.bb-ul li .ul-hover p{margin:50% auto;width: 250px;height: 40px;color: #fff}
.bb-ul li a:hover img{transform:scale(1.2);transition:all ease 1s;}
/*案例详情*/
.case{float: right;width: 950px;}
.case .case-img{width: 300px;margin: auto}
.case .case-p{width: 800px;margin: auto}
.case .case-p h3{font-size: 24px;color:#5096d2;text-align: center }
.case .case-p h4{text-align: center;line-height: 36px;font-size: 14px;color: #333}
.case .case-p h4 span{padding: 0 20px;}
.case .case-p p{font-size: 14px;line-height: 30px;color: #333;text-indent: 2em;}

.yema{ width: 800px;margin: 50px auto}
.yema li{ float:left; width:24px; text-align:center; margin-left:20px }
.yema a{ font-size:12px; color:#5096d2;  border: #5096d2 solid 1px;border-radius:3px; line-height:24px;padding:5px;margin:10px;}
.yema .newsn_li1{ width:54px}
.yema .newsn_li2{ width:40px}
.yema .newsn_li1 a{  width:54px}
.yema .newsn_li2 a{ width:40px}
.yema .news-1 a,.yema a:hover{ background:#5096d2; color:#fff;}