* { box-sizing: border-box; }
a { color: #444; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
a:hover { outline: none; color: #ba935c; }
a:focus { outline: none; }


/*案例展示*/
.casezs { width: 100%; }
.casezs ul{ zoom: 1; overflow: hidden;}
.casezs ul li{width: 32.4%; height: auto;margin-right: 1.4%;margin-bottom: 10px;margin-top: 10px; float: left;  }
.casezs ul li:nth-child(3n){ margin-right: 0;}
.casezs ul li a{display: block;position: relative;overflow: hidden;}
.casezs ul li b{display: block;position: relative;width: 100%;height: 100%;overflow: hidden;}
.casezs ul li b:after{
    display: block;
    content: '';
    position: absolute;height: 20%;width: 100%;bottom:0;left:0;z-index: 1;background:rgba(0,0,0,.7);opacity: 0;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;}
.casezs ul li a:hover b:after{opacity:1;}
.casezs ul li img{display: block;width: 100%;}
.casezs ul li .text{position:absolute;left: 25px;right: 0;bottom: -20%;padding:0 15px 0px;z-index:2;color:#fff;font-size: 18px;text-align: center;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;}
.casezs ul li .text .h2{color:#fff;margin-bottom: 0px;text-align:left; font-size: 18px; margin-top: 10px; font-weight: none; }
.casezs ul li .text .h4{color:#fff;margin-bottom: 10px;text-align:left; font-size: 16px; font-weight: none;}
.casezs ul li .text .more{ width: 200px; height: 50px; line-height: 50px; border: 1px solid  #fff; padding-left: 10px;color: #fff;
 display: block; position: relative; text-align: left; margin-bottom: 15px;
}
.casezs ul li .text .more:hover{
color: #fff; background-color: #B99148;
    z-index: 5;
    left: 0;
    top: 0;
    transition: all 0.3s;
    transform: translateX(-5%);
}

.casezs ul li .text .more i {
    display: block;
    position: absolute;
    left: 80px;
    top: 19px;
    width: 120px;
    height: 11px;
    background: url(../images/jtr02.png) no-repeat center;
      transition: all .4s ease;
    -webkit-transition: all .4s ease;
}
.casezs ul li .text .more i:hover{opacity:.8;background-position-x:40px;background: url(../images/jtr03.png) no-repeat center;}


.casezs ul li a:hover .text{bottom:0;}



.casezs ul li:hover .textimh{display: none;}

.casezs ul li .textimh{position:absolute;left: 25px;right: 0;top: 20px;padding:0 15px 20px;z-index:2;color:#fff;font-size: 18px;text-align: center;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;}
.casezs ul li .textimh .h1{color:#fff;margin-bottom: 0px;text-align:left; font-size: 18px; margin-top: 10px; font-weight: none;}
.casezs ul li .textimh .h3{color:#fff;margin-bottom: 10px;text-align:left; font-size: 16px; font-weight: none;}
.casezs ul li a:hover .textimh{bottom:0;}


@media (max-width: 1700px) {
.casezs ul li b:after{height: 25%;}
.casezs ul li .text{bottom: -25%;}
}
@media (max-width: 1500px) {
	.casezs ul li .text .more{ margin-bottom: 10px;}
	
}
@media (max-width: 1300px) {
	.casezs ul li b:after{height: 28%;}
.casezs ul li .text{bottom: -28%;}
	
}
@media (max-width: 1050px) {

 .casezs ul li {width: 100%; margin:10px auto 10px;}
	.casezs ul li .text{}
	.casezs ul li:hover .textimh{display: block;}
	.casezs ul li b:after{}
}
/*案例展示*/

/*案例详情*/
.casezsxqy{width: 100%; overflow: hidden; }
.casezsxqy img{ width: 100%; height: auto; margin-bottom: 50px;}
.casezsxqy .title{text-align: center;}
.casezsxqy .title .txt{ padding: 5px 15px; display: inline-block;position: relative;
text-align: center; border-radius:25px;border: 2px solid #B99148; color: #B99148; font-size: 24px;}
.casezsxqy .tentxqt{width:80% ; margin: auto; padding: 50px 0 10px;}
.casezsxqy .tentxqt p{color: #333; font-size: 15px; line-height: 28px; text-align: left; margin-top: 15px;}

.return{display:block;background:#B99148;width:160px;height:46px;line-height:46px;text-align:center;border-radius:25px;
-webkit-border-radius:25px;-moz-border-radius:25px;margin:0px auto;font-size:16px;color:#fff;}






@media (max-width: 1050px) {
.casezsxqy .title .txt{font-size: 20px;}
 .casezsxqy .tentxqt{width:100% ; margin: auto; padding: 30px 0 10px;}
}
/*案例详情*/