body{background-color:#e5e5e5;}
/*顶部区域导航*/
a.ej_active{background:#ed182a!important;color:#fff!important;}
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.text-center {
    text-align: center;
}
.clearfix:after, .row:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-3 {
    width: 25%;

}
.col-xs-6 {
    width: 50%;
}
.bg-white {
    background: #fff;
}


.erji_case-sort{background:#fff;margin-top: 20px;}
.erji_case-sort-ul{width:90%; border: 1px #eaeaea solid; overflow:hidden;margin:0 auto;background-color: #f8f8f8;}
.erji_case-sort-ul li.clearfix{line-height: 40px; border-top: 1px #eaeaea dotted;position: relative;top:-1px;}
.erji_case-sort-ul-title{width: 6%;text-align: center;color:#999;background:#f8f8f8;}
.erji_case-sort-ul-angle{padding: 0 0 0 30px ;border-left: 1px #eaeaea solid; overflow:hidden; background: #fff; width: 93.5%;box-sizing:border-box; }
.erji_case-sort-ul-angle li{padding-right: 33px; display: inline;}
.erji_case-sort-ul-angle li a{ display:inline-block; white-space:nowrap;}
.erji_case-sort .active{color: #ed182a}
.erji_case-sort-ul li{position: relative;}
.erji_case-sort-ul li .ico{width: 16px;height: 16px;background: url(http://icon.dyrs.cc/ico.png) no-repeat 0 -75px;cursor: pointer; position: absolute;right: 10px;top: 10px;}
.erji_case-sort-ul li.current ul{max-height: 80px;overflow: hidden;}
.erji_case-sort-ul li.current .ico{background-position: 0 -58px;}
.footer .bar a.xq2{
	margin-right:0;
}

/*图片排序导航*/
.ej_pic_sort{margin:10px auto; font-size:13px;height:26px;width:90%;}
.ej_pic_sort a{width:80px;border:1px solid #ccc;background:#fff;line-height:26px; text-align:center; color:#000 ; float:left; margin:0 5px;} 
.ej_pic_sort a div:hover{background:#ed182a !important; color:#FFF !important; cursor:pointer}
.ej_pic_sort a img{vertical-align:middle;}

.cases_Detail-push-list1{width: 1220px; margin-top:15px;}
.cases_Detail-push-list1 li{float: left;margin:0 13px 13px 0;}
.cases_Detail-push-list1 .pic{ width:290px; height:290px; overflow:hidden;}
.cases_Detail-box{z-index: 10; bottom:95px; right: -40px;display: none;}
.cases_box{width: 280px; height: auto; padding: 10px; background: #fff;}
.relative{position: relative;}
.absolute{position: absolute;}
.cases_Detail-bubble{width: 0;height: 0;border-left: 13px solid transparent;border-right: 13px solid transparent;border-top: 12px solid #fff; bottom: -12px; right: 75px;}
.cases_Detail-box-intro ul > li{float: left;margin-right: 5px; font-size: 12px;}
.cases_Detail-box-img{width: 94px;}
.cases_Detail-box-img-intro{width: 165px;}
.cases_Detail-box-intro ul  img{border: 1px #eaeaea solid; width:90px; height:90px;}
.cases_Detail-box-img-intro > p{margin-bottom: 5px; line-height: 1.3em;color: #333;width: 110%;overflow: hidden;}
.cases_Detail-box-img-intro p:nth-of-type(1){
	font-size: 14px;padding-top:5px;
}
.cases_Detail-box-img-intro p span{
	float: left;
	overflow: hidden;
}
.cases_Detail-box-img-intro p span:last-of-type{
	width: 120px;
}
.cases_Detail-box-img-intro i{
	width: 60px;
	overflow: hidden;
	font-style: normal;
	float: left;
	overflow: hidden;
	margin-bottom: 3px;
}
.cases_Detail-box-img-intro p span i{
	display: inline-block;
}
.cases_Detail-box-img-intro > p:first-child{margin-bottom: 10px;}
.cases_Detail-box-label{color: #666;}
.cases_box-btn{display: inline-block; line-height: 34px; border: 1px #b4b4b4 solid; height: 34px;width: 134px;text-align: center;}
.cases_box-btn:hover{border: 1px #ff5d5e solid; color: #ff5d5e;}
.cases_box .textcenter{margin-top: 5px;}
.cases_Detail-push-imgfont{width: 270px; height:60px; border: 1px #eaeaea solid; padding: 9px; line-height: 20px;background: #fff;}
.cases_Detail-push{padding: 30px 0}
.cases_Detail-push-list{width: 920px;}
.cases_Detail-push-list li{float: left; margin: 3px 15px 3px 0;}
.cases_Detail-push-list .pic{width:290px; height:290px; overflow:hidden;}
.cases_Detail-push-head{display:inline-block; top:-40px; right: 0; width:80px; height: 80px;}
.cases_Detail-push-head img{display: inline-block; width: 63px; height: 63px; border: 2px #fff solid; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%;}
.cases_Detail-push-imgfont-name{color: #6a6a6a;overflow: hidden;white-space: nowrap;width: 190px; text-overflow:ellipsis;}
.cases_Detail-push-imgfont-setting{color: #8f8f8f; font-size:12px; margin-top: 5px;}
.cases_Detail-push-imgfont-setting span{ display:inline-block; white-space:nowrap;}
.cases_Detail-right-img{display: inline-block; width: 108px; height: auto}
.cases_Detail-right-img img{width: 108px;height: 108px; border: 1px #d3d3d3 solid;}
.cases_Detail-right-stylist{padding: 0 17px 14px 17px; border-bottom: 1px #eaeaea solid;}
.cases_Detail-right-stylist li{float: left; margin-right: 5px; font-size: 12px;}
.cases_Detail-right-stylist .cases_Detail-right-intro{ margin:0 0 0 5px; width:125px;}
.cases_Detail-right-intro p{margin-bottom: 1px; color: #737373;}
.cases_Detail-right-intro p:first-child{color: #545454;}
.cases_Detail-right-intro-link{display: inline-block; padding: 8px 10px; background: #ff343f; color: #fff;}
.cases_Detail-right-intro-link:hover{color: #fff;}
.cases_Detail-right h3{padding: 10px 17px;}
.cases_Detail-right-from{padding: 10px 17px; max-width:244px;}
.cases_Detail-right-from select{border: 1px solid #ddd;color: #666;height:35px;line-height: 24px;margin-bottom: 10px;padding: 5px 8px;width: 244px;}
.cases_Detail-right-free{display: inline-block; background: #ff343f; color: #fff; padding: 5px 8px; margin-left: -18px;}
.cases_Detail-right-from-title{/*font-weight: initial;*/ text-align: center;}
.cases_Detail-right-from-title1{color: #666666; font-size:12px; margin-bottom: 20px;}



/*案例列表*/

.erji_cases .anli-wrapper{
    text-align: left;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}
.erji_cases .now-show ul{
    overflow: hidden;
}
.erji_cases .now-show li{
    width: 32%;
    margin-right: 2%;
    float: left;
    margin-bottom: 75px;
    position: relative;
    overflow: hidden;
}
.erji_cases .now-show li:hover img{
    transform: translateZ(0) scale(1.05);
}
.erji_cases .now-show li:hover .sd-box{
    display: block;
}
.erji_cases .now-show li:nth-child(3n){
    margin-right: 0;
}
.erji_cases .now-show li .img-div{
    overflow: hidden;
}
.erji_cases .now-show li img{
    width: 100%;
    height:304px;
    transition: all 0.6s;
    vertical-align: bottom;
}
.erji_cases .now-show li .line-1{
    font-size: 20px;
    color: #535353;
    line-height: 46px;
    text-align: left;
}
.erji_cases .now-show .line-1 span{
    float: right;
    font-size: 14px;
    color: #6a6a6a;
}
.erji_cases .now-show .line-1 i{
    font-style: normal;
    color: #e01a29;
}
.erji_cases .now-show .line-2{
    font-size: 14px;
    color: #6a6a6a;
    line-height: 22px;
    text-align: left;
}
.erji_cases .now-show .sd-box{
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
}
.erji_cases .now-show .sd-w{
    position: absolute;
    width: 92%;
    height: 86%;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    box-sizing: border-box;
    border: 1px solid #fff;
    color: white;
}
.erji_cases .now-show .sd-i{
    width: 80%;
    height: 110px;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    text-align: center;
}
.erji_cases .now-show .sd-i .who{
    font-size: 24px;
}
.erji_cases .now-show .sd-i .style{
    font-size: 14px;
    margin-top: 5px;
}
.erji_cases .now-show .sd-i a{
    margin-top: 24px;
}
.erji_cases .now-show1 ul{
    overflow: hidden;
    width:90%;
    margin:auto;


}
.erji_cases .now-show1 li{
    width: 32%;
    margin-right: 2%;
    float: left;
    margin-bottom: 75px;
    position: relative;
    overflow: hidden;
}
.erji_cases .now-show1 li:hover img{
    transform: translateZ(0) scale(1.05);
}
.erji_cases .now-show1 li:hover .sd-box{
    display: block;
}
.erji_cases .now-show1 li:nth-child(3n){
    margin-right: 0;
}
.erji_cases .now-show1 li .img-div{
    overflow: hidden;
}
.erji_cases .now-show1 li img{
    width: 100%;
    transition: all 0.6s;
    vertical-align: bottom;
}
.erji_cases .now-show1 li .line-1{
    font-size: 20px;
    color: #535353;
    line-height: 46px;
    text-align: left;
}
.erji_cases .now-show1 .line-1 span{
    float: right;
    font-size: 14px;
    color: #6a6a6a;
}
.erji_cases .now-show1 .line-1 i{
    font-style: normal;
    color: #e01a29;
}
.erji_cases .now-show1 .line-2{
    font-size: 14px;
    color: #6a6a6a;
    line-height: 22px;
    text-align: left;
}
.erji_cases .now-show1 .sd-box{
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
}
.erji_cases .now-show1 .sd-w{
    position: absolute;
    width: 92%;
    height: 86%;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    box-sizing: border-box;
    border: 1px solid #fff;
    color: white;
}
.erji_cases .now-show1 .sd-i{
    width: 80%;
    height: 110px;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    text-align: center;
}
.erji_cases .now-show1 .sd-i .who{
    font-size: 24px;
}
.erji_cases .now-show1 .sd-i .style{
    font-size: 14px;
    margin-top: 5px;
}
.erji_cases .now-show1 .sd-i a{
    margin-top: 24px;
}
.erji_cases .tj-anli .shadow-box a, .sd-box div span{
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #fff;
    font-size: 20px;
    margin-top: 10px;
    font-family: cursive;
    color: inherit;
}

/*案例列表end*/