/* CSS Document */
.casearea{overflow:hidden; width:1200px; margin:0 auto; padding:60px 20px 75px;}
.caseul{ margin-right:-40px; margin-bottom:34px;}
.caseul li{ width:290px; float:left; margin-right:10px; margin-bottom:40px;}
.caseul a{ display:block; box-shadow:0 2px 4px 1px #ccc;}
.caseul .tparea{ width:290px; height:256px; font-size:0; overflow:hidden; display:block; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -ms-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
.caseul .tparea .tp{ width:290px; height:256px;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -ms-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
.caseul a:hover .tparea .tp{webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.caseul .des{ padding:8px 14px 10px;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.caseul .des{ padding:10px; position:relative; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -ms-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
.caseul .des .tit{font-size:16px; color:#333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.caseul .des .nr{font-size:14px; color:#fd0000;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.caseul .des .btn{ display:inline-block; color:#fd0000; border-radius: 10px; font-size:12px; padding:4px 12px; border:1px solid #fd0000; position:absolute; top:20px; right:4px;}
.caseul a:hover .des{ background-color:#fafafa;}
.caseul a:hover .des .tit{color:#fd0000;}
.caseul a:hover .des .btn{background-color:#fd0000; color:#fff;}


.caseul .des h4 span{width: 21px; height: 21px; border-radius: 5px; background-color: #fd0000; color: #fff; display: inline-block; text-align: center; line-height: 21px; margin-right: 8px;}
.caseul .des h4 i{width: 21px; height: 21px; border-radius: 5px; border:1px solid #fd0000; color: #fd0000; display: inline-block; text-align: center; line-height: 21px; margin-right: 8px;}