@charset "utf-8";

/* 条件筛选 */
.screen {margin-top: 0;border-top: none;}


/*设计师列表*/
.designer-item {padding:20px;border-bottom: 1px solid #ececec;}
.designer-item:hover {background:#f8f8f8;}
.designer-item .pic , .designer-item .txt {position: relative;float: left; z-index: 10;}

.designer-item .pic ,.designer-item .pic img {display: block;width: 160px;height: 200px;}
.designer-item .pic {margin-right: 20px;}
.designer-item .long {width: 230px;display: none;}
.designer-item .short {width: 100px;margin-top: 88px;text-align: center;}
.w1200 .designer-item .short {display: none;}
.w1200 .designer-item .long {display: block;width:300px;}
.designer-item .hover .long {display: block;position: absolute; left: 0; top: 0; background: #fff; box-shadow: 0 0 10px #ccc; padding: 0 15px 15px;-webkit-animation: rightFadeIn .3s ease-out; -moz-animation: rightFadeIn .3s ease-out; animation: rightFadeIn .3s ease-out;}
.designer-item .txt {font-size: 14px;color: #666;}
.long p {height: 22px;overflow: hidden;}
.long p:hover {overflow: inherit;}
.txt .name {height: 27px;margin:10px 0 5px;font-size: 18px;color: #333;}
.long .rz ,.long .company {margin-bottom: 10px;}
.long .num {margin-bottom: 15px;}

.long .prove {overflow:inherit;}
.prove .icon {position: relative;display: inline-block;width: 20px;height: 20px;vertical-align: middle;}
.prove span {display: none;position: absolute;bottom:105%;left:-10px;width: 64px;height: 28px;line-height: 22px;text-align: center;font-size: 12px;color: #fff;background-position: 0 0;}
.prove a:hover span {display: block;}
.prove span {background-image: url(../images/caselistd/bgs.png); background-repeat: no-repeat; }
.icon-wb {
    background-position: -2px -151px;
}
.icon-wb:hover {
    background-position: -2px -171px;
}
.long .num span {display: inline-block;text-align: center;}
.long .bor {border-right: 1px solid #ececec; border-left: 1px solid #ececec; padding: 0 10px; margin: 0 10px;}
.hover .long .style {height: auto;}
.long .style span {display: inline-block;margin-right: 5px;margin-bottom: 4px;padding:0 4px 1px;background: #bbb;color: #fff;border-radius:4px;cursor: default;}
.long .style span:hover {background:#45c8a5;}


.works {float: right;width: 630px;}
.works .title {margin: 10px 0;font-size: 16px;color: #333;}
.slide {position: relative;height: 155px;z-index:2;overflow: hidden;}
.slide .bd ul li {float: left;margin-right: 10px;}
.slide .bd ul li ,.slide .bd ul li img {display: block;width: 150px;height: 155px;}
.slide .btn {position: absolute;top:50%;margin-top: -28px;width: 30px;height: 56px;line-height: 56px;font-family: "SimSun";font-size: 24px;color: #fff;text-align: center;transition:all .25s ease-out;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;opacity:0;filter:alpha(opacity=0)}
.slide .btn .bg {position: absolute;left:0;top:0;width: 100%;height: 100%;background: #000;opacity:.6;filter:alpha(opacity=60);z-index: 0;}
.slide .btn .j {position: relative;z-index:1;}
.slide .prev {left:0;}
.slide .next {right:0;}
.slide:hover .btn {opacity:1;filter:alpha(opacity=100)}

.icon-phone {background-position:-2px -108px;}
.icon-name {background-position:-2px -191px;}
.icon-phone:hover {background-position:-2px -131px;}
.icon-name:hover {background-position:-2px -211px;}
.long .icon {background-image: url(../images/caselistd/icons.png);background-repeat:no-repeat;}