.case-list{width:90%;overflow:hidden;text-align:left;margin:0 auto;padding-bottom:20px}
.case-list li img{width:100%;height:100%;float:left}
.case-list li{width:24%;height:100%;overflow:hidden;float:left;position:relative;margin-top:1%;margin-right:1%}
.case-list .zhe{position:absolute;background:rgba(0,0,0,.7);top:0;left:0;width:100%;height:100%;text-align:center;color:#fff;transform:scale(0);transition:all .5s}
.case-list li:hover .zhe{transform:scale(1)}
.case-list li:hover .xwb{opacity:0}
.case-list .zhe h3{font-weight:400;font-size:28px;margin-top:26%}
.case-list .zhe p{margin-top:2%;line-height:30px;font-size:16px}
.case-list .xwb{position:absolute;bottom:10%;left:6%;color:#fff;opacity:1;transition:.5s}
.case-list .xwb h4{line-height:0;font-size:24px;margin-bottom:24px;font-weight:400}
.case-list .xwb p{font-size:14px}
.get{padding:50px 0}
.get a{display:block;margin:0 auto;font-size:22px;text-align:center;width:260px;line-height:50px;border:1px solid #e10000;color:#fff;background-color:#e10000;-webkit-border-radius:80px;-moz-border-radius:80px}
.get a:hover{font-size:24px}

.case-intro{background-color:#1e1d1d;padding:40px 0;}
.case-intro-left{float:left;width:850px}
.case-intro-left .case-name{font-size:33px;font-weight:700;margin-bottom:30px;color:#9b9b9b}
.case-intro-left p{margin-bottom:20px;font-size:14px;line-height:26px;color:#9b9b9b}
.case-intro-left .p1,.case-intro-left .p2,.case-intro-right .p3{padding-left:28px;font-size:16px;color:#9b9b9b}
.case-intro-left .p1{margin-bottom:12px;background:url(../images/cu_jj.png) left center no-repeat}
.case-intro-left .p2{margin-bottom:13px;background:url(../images/cu_xm.png) left center no-repeat}
.case-intro-left .item span{display:block;float:left;font-size:14px;text-align:center;width:106px;line-height:30px;color:#a0a0a0;border:1px solid #3d3d3d;-webkit-border-radius:30px;-moz-border-radius:30px;margin-right:16px}
.case-intro-right{float:right;padding-top:55px;width:184px}
.case-intro-right .p3{margin-bottom:32px;background:url(../images/dianzan.png) left center no-repeat}
.case-intro-right ul li a{display:block;float:left;font-size:16px;text-align:center;width:180px;line-height:36px;border:1px solid #9b9b9b;color:#9b9b9b;margin-bottom:15px;-webkit-border-radius:30px;-moz-border-radius:30px}
.case-intro-right ul li a:hover{border:1px solid #fff;color:#fff}


.content img{width:1150px;}
.text_nextpre{ padding:30px 0; border-top:1px solid #efefef; font-size:18px;}
.text_nextpre div{ width:50%; }
.text_nextpre div.fr{text-align:right;}
.text_nextpre a:hover{color:#e10000;}

.other-case{ margin-top:30px;}
.other-case h2{ margin-bottom:30px;font-size:27px;font-weight:normal;}
.other-case ul{ width:1239px;}
.other-case ul li{float:left; width:374px; height:370px; margin-right:39px;margin-bottom:30px;background-color:#ffffff;}
.other-case ul li a{display:block;}
.other-case ul li .case-pic{width:374px;;height:249px; overflow:hidden;}
.other-case ul li h3{padding-left:20px;margin-top:30px;margin-bottom:10px;font-size:22px; font-weight:normal;}
.other-case ul li p{font-size:14px;padding-left:20px;margin-top:10px;color:#666;}
.other-case ul li img{ width:374px;transition:all .2s;-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;}
.other-case ul li:hover img{transition:all .2s;-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
.other-case ul li:hover h3{color:#e10000;}