@charset "utf-8";
.caselist{}
.caselist .category{height: 120px;}
.caselist .category .hd{height: 65px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #eeeeee;width: 100%;}
.caselist .category .hd ul{text-align: center;}
.caselist .category .hd ul li{display: inline-block;height: 65px;line-height: 65px;font-size: 18px;margin-right: 15px;margin-left: 15px;}
.caselist .category .hd ul li.on a,.caselist .category .hd ul li:hover a{border-bottom-width: 3px;border-bottom-style: solid;border-bottom-color: #ef8200;}
.caselist .category .hd ul li a{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;display: block;line-height: 62px;height: 62px;border-bottom-width: 3px;border-bottom-style: solid;border-bottom-color: #FFFFFF;}
.caselist .category .bd{height: 64px;text-align: center;font-size: 18px;}
.caselist .category .bd ul{line-height: 64px;text-align: center;height: 64px;}
.caselist .category .bd ul li{margin-right: 15px;margin-left: 15px;display: inline-block;}
.caselist .category .bd ul li a{color: #999999;font-size:14px;}
.caselist .category .bd ul li.cur a{color: #ff9520;}
.caseshowloop .con{}
.caseshowloop .con ul li{float:left;width:25%;clip:rect(26px,auto,auto,auto);margin-bottom: 26px;}
.caseshowloop .con ul li .box{width:96%;margin-right:auto;margin-left:auto;position:relative;overflow:hidden}
.caseshowloop .con ul li .box h3{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;font-weight: normal;display: block;height: 38px;width: 100%;font-size: 14px;line-height: 38px;text-align: center;position: absolute;left: 0px;right: 0px;bottom: 0px;margin: 0px;padding: 0px;color: #FFFFFF;background-image: url(../images/bg5.png);-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;}
.caseshowloop .con ul li:hover .box h3{bottom: -40px;}
.caseshowloop .con ul li .box h3 a{color: #FFFFFF;}
.caseshowloop .con ul li .box img{height:251px;width:100%;-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;}
.caseshowloop .con ul li:hover .box img{-webkit-transform:scale(1.85);transform:scale(1.85)}
.caseshowloop .con ul li .box .text{position: absolute;top: 0px;bottom: 0px;width: 100%;background-image: url(../images/blue_bg.png);opacity: 0;
-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 0);
filter: alpha(opacity = 0);-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;}
.caseshowloop .con ul li:hover .box .text{opacity: 1;
-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 100);
filter: alpha(opacity = 100);}
.caseshowloop .con ul li .box .text a{text-align: center;display: table;height: 100%;width: 100%;}
.caseshowloop .con ul li .box .text a div{vertical-align: middle;display: table-cell;padding-right: 15px;padding-left: 15px;}
.caseshowloop .con ul li .box .text a div strong{font-size: 30px;color: #FFFFFF;}
.caseshowloop .con ul li .box .text a div p{line-height: 22px;color: #FFFFFF;padding-top: 8px;padding-bottom: 8px;}
.caseshowloop .con ul li .box .text a div span{display: block;padding-top: 10px;clear: both;float: none;}
.caseshowloop .con ul li .box .text a div i{display: inline-block;background-color: #FFFFFF;background-image: url(../images/ico_show.png);background-repeat: no-repeat;background-position: center center;height: 44px;width: 44px;margin-right: 10px;margin-left: 10px;-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;}
.caseshowloop .con ul li .box .text a div em{display: inline-block;background-color: #FFFFFF;background-image: url(../images/ico_url.png);background-repeat: no-repeat;background-position: center center;height: 44px;width: 44px;margin-right: 10px;margin-left: 10px;-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;}