@charset "utf-8";
#header .nav>li>a{color: #999!important;}
/* #header .addName{color:#46be8a;} */
.addBiao{background-image: url(../images/q.png)!important;}
#casePage{padding-top:84px;}
.case-container{padding-top: 13px;background-color: #fff;}
.case-container ul li img{width: 100%;transition: all 0.8s; -webkit-transition: all 1.2s; -moz-transition: 0.3s;}
.case-img{overflow: hidden;position: relative;}
#casePage .case-img .img{height:280px;width:100%;background-position: center center;background-size: cover;background-repeat:no-repeat; }
.border-top{width: 0; height: 1px; top: 6%; left: 5%;background: #fff; opacity: .5; filter: alpha(opacity=50);}
.border-right{width: 1px; height: 0; top: 94%; right: 5%;background: #fff; opacity: .5; filter: alpha(opacity=50);}
.border-bottom{width: 0; height: 1px; bottom: 6%; left: 95%;background: #fff; opacity: .5; filter: alpha(opacity=50);}
.border-left{width: 1px; height: 0; top: 6%; left: 5%;background: #fff; opacity: .5; filter: alpha(opacity=50);}
@media (min-width: 1200px){
.case-container ul li a:hover .case-text{color: #5a4ee4;}
.case-container ul li a:hover img{-webkit-transform: scale(1.05) ; -moz-transform: scale(1.05); transform: scale(1.05);}
.case-container ul li a:hover .border-top, .case-container ul li a:hover .border-bottom{width: 90%; height: 1px;}
.case-container ul li a:hover .border-right, .case-container ul li a:hover .border-left{height: 88%; width: 1px;}
.case-container ul li a:hover .border-bottom{left: 5%;}
.case-container ul li a:hover .border-right{top: 6%;}
}
@media (max-width: 780px){
.case-container ul li{margin-bottom: 8px; padding-right: 15px;}
.case-container ul li .case-text{padding-left: 10px; padding-right: 10px; background-color: #fff;} 
.case-container ul li .zcase-view{right: 10px;}
}
.container-category {margin: 40px 0;text-align: center;padding: 15px 0;border-bottom: 1px solid #ECECEC;border-top: 1px solid #ECECEC;}
.container-category a:after {position: absolute; margin-top: 3px;margin-left: 25px;width: 1px;height: 10px;background-color: #e7e7e7;content: '';}
.container-category a:last-of-type:after {width: 0;height: 0;}
.container-category a {cursor:pointer;box-sizing: initial;-webkit-box-sizing: initial;position: relative;display: inline-block;margin-left: 1px;padding: 8px 25px;height: 1pc;color: #898989;line-height: 1pc;transition: all .3s ease-out 0s;font-size: 14px;}
.container-category a.active, .container-category a:hover {background-color: #333;color: #fff;}
.case-container ul li .case-text {padding: 15px 0;position: relative;}
.case-container ul li .case-text .case-title {margin-top:10px;color:#505050;font-size:16px;margin-bottom: 10px;width: 95%;line-height: 20px;font-weight: bold;-webkit-transition: all 0.35s linear;-moz-transition: all 0.35s linear;-ms-transition: all 0.35s linear;-o-transition: all 0.35s linear;transition: all 0.35s linear;}
.case-container ul li .case-text .case-des {line-height: 22px;height: 44px;overflow: hidden;color:#b1b1b1;}
.case-container .case-view {position:absolute;right: 0;top: 28px;padding-right: 20px;font-size: 14px;color: #b4bab9;}
.case-container  .case-des span{padding-right:13px;}
#casePage .container-header{padding: 80px 0 80px;}
#casePage .module-title .title{color:#333;font-size: 32px;    transition: all .3s ease-out 0s;}
#casePage .module-title .subtitle{margin-top: 10px;color: #999;font-size: 15px;}