/* --case-- */
.case{padding-top:50px;background:url(../images/Index/case_bg.png);}
.case-list{width:1236px;}
.case-list .item{float:left;margin-right:36px;margin-bottom:36px;width:375px;background:#fff;transition:all .5s linear;}
.case-list .pic{width:375px;height:235px;overflow:hidden;border-bottom:#f2f2f2 solid 1px;}
.case-list .text{padding:0 30px;text-align:center;overflow:hidden;}
.case-list .text .tit{display:block;height:59px;line-height:59px;font-size:18px;color:#333;overflow:hidden;border-bottom:#f1f1f1 solid 1px;text-overflow:ellipsis;white-space:nowrap;}
.case-list .text .read{display:block;height:59px;line-height:59px;font-size:14px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-list .item:hover{transform:translateY(-20px);box-shadow:0 0 20px #bbb;}
.case .more{clear:both;text-align:center;height:55px;line-height:55px;overflow:hidden;}
.case .more a{display:inline-block;width:215px;color:#fff;font-size:14px;background:#24211d;}
.case .more a:before{background-color:#fdc800;}
/* --end case-- */

/* --adv-- */
.adv{position:relative;padding:50px 0;height:723px;overflow:hidden;background:url(../images/Index/adv_bg.jpg) no-repeat center 0;}
.adv .wrapper{position:relative;z-index:3;}
.adv-inner{overflow:hidden;}
.adv-inner .item{position:relative;float:left;width:400px;height:600px;overflow:hidden;background:#f5f5f5;animation:flipinY 1.5s linear;}
.adv-inner .pic{position:absolute;left:0;width:400px;height:300px;overflow:hidden;}
.adv-inner .pic img{display:block;width:400px;height:300px;}
.adv-inner .pic:after{display:block;position:absolute;left:50%;margin-left:-13px;width:27px;height:14px;content:"";background:url(../images/Index/adv_arrow.png) no-repeat;}
.adv-inner .text{position:absolute;left:0;padding:40px 50px;height:220px;overflow:hidden;}
.adv-inner .text h3{display:block;height:60px;line-height:30px;font-size:24px;color:#24211d;font-weight:normal;}
.adv-inner .text strong{display:block;}
.adv-inner .text i{display:block;margin:18px 0 38px;width:22px;height:1px;background:#24211d;}
.adv-inner .text p{height:75px;line-height:25px;font-size:14px;color:#999;overflow:hidden;}
.adv-inner .even .pic,.adv-inner .odd .text{top:0;}
.adv-inner .odd .pic,.adv-inner .even .text{bottom:0;}
.adv-inner .even .pic:after{bottom:0;}
.adv-inner .odd .pic:after{top:0;transform:rotate(180deg);}
.adv #anitOut{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;}
/* --end adv-- */
