/* 首页焦点 */
.ihots{width:1200px;height:auto;margin:0 auto;overflow: hidden;margin-top:15px;transition:all .25s}
.ihots-left{width:29%;height:auto;padding:15px;background:#fff;overflow: hidden;position: relative;transition:all .25s}
.ihots-left-image{width:100%;height:200px;overflow: hidden;transition:all .25s}
.ihots-left-title{width:100%;height:30px;line-height:30px;overflow: hidden;margin-top:5px;text-align: center;white-space:nowrap;text-overflow:ellipsis;transition:all .25s}
.ihots-left-text{width: 100%;height:40px;line-height:20px;color:#999;overflow:hidden;}
.ihots-left-list{float: left;width: 100%;}
.ihots-left-list li{transition:all .25s}
.ihots-left-list li:nth-child(2){margin-top:10px;}
.ihots-left-list li:nth-child(n+2){float: left;width: 100%;height:30px;line-height: 30px;overflow:hidden;color:#999}
.ihots-left-list li:nth-child(n+2) em{margin-right:5px;color:#e62021;font-style: normal;}
.ihots-left-list li:nth-child(n+2) span{float: right;margin-left:10px;font-size:14px}
.ihots-left-icon{position: absolute;top:0;left:0;width:50px;height:50px;background: url(../image/hot.png);background-size:100%;z-index:10;}
.ihots-center{width:calc(44% - 30px);transition:all .25s}
.ihots-center-side{width:100%;height:320px;overflow: hidden;}
.ihots-center-image{width:100%;height:100%;overflow: hidden;}
.ihots-center-image img{display: block;width:100%;height:100%;object-fit: cover;}
.ihots-center-text{position: absolute;line-height: 20px;width:100%;padding:10px 15px;background: rgba(0, 0, 0,.5);left:0;bottom:0;color:#fff;}
.ihots-center-text p{overflow: hidden;}
.ihots-center-list{width:100%;overflow: hidden;}
.ihots-center-list li{width:calc(50% - 7.5px);overflow: hidden;height:160px;margin-top:15px;background: #fff;transition:all .25s}
.ihots-center-list li span{position: absolute;width:100%;height:30px;line-height:30px;padding:0 10px;background:rgba(0, 0, 0,.5);text-align: center;overflow: hidden;left:0;bottom:0;color:#fff}
.ihots-right{width:27%;height:auto;padding:15px;background:#fff;overflow: hidden;transition:all .25s}
.ihots-right-bt{width:100%;height:30px;line-height:20px;border-bottom: 1px solid #f7f8fa;}
.ihots-right-bt b{float: left;height:30px;line-height:20px;font-weight:normal;color:#e62021;border-bottom: 1px solid #e62021;}
.ihots-right-bt span{float: right;font-size:12px;color:#999}
.ihots-right-bt i{color:#16b777;margin:0 2px;font-style:normal;}
.ihots-right-list{width:100%;height:auto}
.ihots-right-list li{width:100%;padding:13px 0;overflow: hidden;transition:all .25s}
.ihots-right-box{overflow: hidden;}
.ihots-right-item{width:calc(67% - 10px);transition:all .25s}
.ihots-right-image{width:33%;height:65px;overflow: hidden;transition:all .25s}
.ihots-right-title{width:100%;height:20px;line-height:20px;overflow: hidden;transition:all .25s}
.ihots-right-text{width:100%;line-height:20px;color:#666;margin-top:5px;overflow: hidden;}
.ihots-right-desc{width:100%;height:20px;line-height:20px;overflow: hidden;color:#999;font-size:13px;margin-top:5px;}
.ihots-right-desc span{float: left;margin-right:5px;}
.ihots-right-desc span:last-child{float: right;margin-right:0}
.ihots-right-desc .icon{font-size:12px;margin-right:2px}
.ihots-right-cate{overflow: hidden;}
.ihots-right-cate li{width:calc(33.333333% - 7.5px);margin-top:10px}
.ihots-right-cate li a{display: block;width:100%;height:33px;line-height:33px;text-align: center;background:#f7f8fa;transition:all .25s}
.ihots-right-cate li a:hover{background:#16b777;color:#fff}
@media all and (max-width:1200px){
    .ihots{width:100%;}
}
@media all and (max-width:1000px){
    .ihots-left{display: none;}
    .ihots-center{width:calc(60% - 15px);}
    .ihots-center-list li{width:calc(50% - 5px);}
    .ihots-right{width:40%;}
}
@media all and (max-width:860px){
    .ihots{margin-top:60px}
    .ihots-left{display: block;width:100%;}
    .ihots-left-image{height:55vw;}
    .ihots-left-title{font-size:16px;}
    .ihots-left-list li:nth-child(n+2){height:36px;line-height:36px;font-size:16px;}
    .ihots-center{display:none;}
    .ihots-right{width:100%;margin-top:10px}
    .ihots-right-list li{padding:15px 0}
    .ihots-right-item{width:calc(65% - 10px);}
    .ihots-right-title{height:30px;line-height:30px;font-size:16px;}
    .ihots-right-image{width:35%;height:75px;}
    .ihots-right-cate li a{height:38px;line-height:38px;}
}
/* 首页律师 */
.iatts{width:1200px;height:auto;margin:0 auto;transition:all .25s}
.iatts-bt{width:100%;height:20px;line-height:20px;margin-top:15px;transition:all .25s}
.iatts-bt b{float: left;font-weight:normal;font-size:18px;}
.iatts-bt span{float: right;font-size:12px;}
.iatts-bt span .icon{font-size:12px}
.iatts-bt span a{color:#999}
.iatts-bt span a:hover{color:#16b777}
.iatts-list{width:100%;}
.iatts-list li{width:calc(33.333333% - 10px);padding:10px;background:#fff;overflow: hidden;margin-top:15px;transition:all .25s}
.iatts-list li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.iatts-image{width:40%;height:155px;overflow: hidden;}
.iatts-box{width:calc(60% - 10px);overflow: hidden;}
.iatts-name{width:100%;height:30px;line-height:30px;overflow: hidden;}
.iatts-name b{float: left;font-weight:normal;font-size:16px;}
.iatts-name span{float: left;margin-left:5px;color:#999}
.iatts-law{width:100%;height:20px;line-height:20px;font-size:13px;color:#999;overflow: hidden;margin-top:5px}
.iatts-code{width:100%;height:20px;line-height:20px;color:#999}
.iatts-good{width:100%;line-height:20px;color:#666;overflow: hidden;margin-top:10px}
.iatts-more{width:100%;height:20px;line-height:20px;overflow: hidden;margin-top:10px}
.iatts-more a{float: right;color:#16b777}
@media all and (max-width:1200px){
    .iatts{width:100%;}
    .iatts-bt{padding:0 15px;}
}
@media all and (max-width:1000px){
    .iatts-list li{width:calc(50% - 7.5px);}
}
@media all and (max-width:860px){
    .iatts-list li{width:100%;padding:15px;}
    .iatts-list li:nth-child(n+2){margin-top:10px}
}
/* 首页知识 */
.itent{width:1200px;height:auto;margin:0 auto;transition:all .25s}
.itent-bt{width:100%;height:20px;line-height:20px;margin-top:15px;transition:all .25s}
.itent-bt b{float: left;font-weight:normal;font-size:18px;}
.itent-bt span{float: right;font-size:12px;}
.itent-bt span .icon{font-size:12px}
.itent-bt span a{color:#999}
.itent-bt span a:hover{color:#16b777}
.itent-box{width:100%;}
.itent-left{width:29%;background:#fff;padding:15px;margin-top:15px;transition:all .25s}
.itent-one{width:100%;overflow: hidden;}
.itent-one-image{width:100%;height:180px;overflow: hidden;transition:all .25s}
.itent-one-title{width:100%;height:30px;line-height:30px;text-align: center;transition:all .25s}
.itent-one-text{width:100%;line-height:20px;color:#999;overflow: hidden;}
.itent-two{width:100%;overflow: hidden;}
.itent-two li{width:calc(50% - 5px);height:100px;overflow: hidden;margin-top:10px;transition:all .25s}
.itent-two li span{position: absolute;width:100%;height:25px;line-height:25px;font-size:13px;padding:0 5px;background:rgba(0, 0, 0,.5);left:0;bottom:0;color:#fff;text-align: center;z-index:1;}
.itent-center{width:calc(42% - 30px);padding:15px;background:#fff;overflow: hidden;margin-top:15px;transition:all .25s}
.itent-three{width:100%;overflow: hidden;}
.itent-three-bt{width:100%;height:25px;line-height:25px;text-align: center;font-size:16px;}
.itent-three-text{width:100%;line-height:20px;color:#999;overflow: hidden;margin-top:10px}
.itent-four{width:100%;overflow: hidden;margin-top:5px}
.itent-four li{width:calc(50% - 5px);height:30px;line-height:30px;padding-left:10px;position: relative;overflow: hidden;transition:all .25s}
.itent-four li:after{content:'';position: absolute;width:4px;height:4px;background:#ddd;left:0;top:50%;margin-top:-2px;}
.itent-four li em{display:none;transition:all .25s}
.itent-four li span{float: right;margin-left:5px;color:#999;font-size:14px}
.itent-xian{width: 100%;height: 1px;background: #f7f8fa;margin: 12px 0;}
.itent-right{width:29%;padding:15px;background:#fff;overflow: hidden;margin-top:15px;transition:all .25s}
.itent-five{width:100%;}
.itent-five li{width:100%;padding:15px 0}
.itent-five li:first-child{padding-top:0}
.itent-five li:last-child{padding-bottom:0}
.itent-five li:last-child::after{height:0}
.itent-five-info{width:100%;}
.itent-five-box{width:calc(100% - 110px);}
.itent-five-image{width:100px;height:70px;overflow: hidden;}
.itent-five-ques{width:100%;height:25px;line-height:25px;overflow:hidden;position: relative;padding-left:25px;transition:all .25s}
.itent-five-ques:after{position: absolute;font-family: 'iconfont';content:'\e657';color:#e62021;left:0;top:0;font-size:18px;}
.itent-five-answ{width:100%;line-height:20px;position: relative;padding-left:25px;color:#666;overflow: hidden;margin-top:5px}
.itent-five-answ:after{position: absolute;font-family: 'iconfont';content:'\e652';color:#16b777;left:0;top:0;font-size:18px;}
.itent-five-xian{width: 100%;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dashed #eee;}
.itent-five-att{width:100%;height:20px;line-height:20px;margin-top:5px;overflow: hidden;color:#999}
.itent-five-att span{float: left;margin-right:5px;font-size:13px}
.itent-five-att span:last-child{float: right;margin-right:0}
.itent-five-head{width:20px;height:20px;border-radius:50%;overflow: hidden;}
@media all and (max-width:1200px){
    .itent{width:100%;}
    .itent-bt{padding:0 15px;}
}
@media all and (max-width:1000px){
    .itent-left{display:none;}
    .itent-center{width:calc(58% - 15px);}
    .itent-right{width:42%;}
}
@media all and (max-width:860px){
    .itent-left{display:block;width:100%;}
    .itent-one-title{font-size:16px;height:40px;line-height:40px;}
    .itent-one-image{height:55vw}
    .itent-two li{height:26vw}
    .itent-center{width:100%;margin-top:10px}
    .itent-four li{width:100%;font-size:16px;}
    .itent-four li em{float: left;display: block;color:#999;font-style: normal;margin-right:5px;}
    .itent-right{width:100%;margin-top:10px}
    .itent-five-ques{font-size:16px}
}
/* 首页律所 */
.ilaws{width:1200px;height:auto;margin:0 auto;transition:all .25s}
.ilaws-bt{width:100%;height:20px;line-height:20px;margin-top:15px;transition:all .25s}
.ilaws-bt b{float: left;font-weight:normal;font-size:18px;}
.ilaws-bt span{float: right;font-size:12px;}
.ilaws-bt span .icon{font-size:12px}
.ilaws-bt span a{color:#999}
.ilaws-bt span a:hover{color:#16b777}
.ilaws-list{width:100%;}
.ilaws-list li{width:calc(25% - 11.25px);overflow: hidden;margin-top:15px;padding:15px;background:#fff;transition:all .25s}
.ilaws-image{width:100%;height:160px;overflow: hidden;transition:all .25s}
.ilaws-image span{position: absolute;line-height:22px;padding:0 5px;top:0px;right:0px;background:#16b777;color:#fff;font-size:12px;z-index:1;}
.ilaws-image span .icon{font-size:12px;margin-right:1px}
.ilaws-title{width:100%;height:35px;line-height:35px;text-align: center;overflow: hidden;margin-top:5px;transition:all .25s}
.ilaws-text{width:100%;line-height:20px;color:#999;overflow: hidden;}
@media all and (max-width:1200px){
    .ilaws{width:100%;}
    .ilaws-bt{padding:0 15px;}
    .ilaws-image{height:14vw}
}
@media all and (max-width:1000px){
    .ilaws-list li{width:calc(33.333333% - 10px);}
    .ilaws-list li:nth-child(n+7){display:none;}
    .ilaws-image{height:18vw}
}
@media all and (max-width:860px){
    .ilaws-list li{width:calc(50% - 5px);}
    .ilaws-list li:nth-child(n+7){display: block;}
    .ilaws-list li:nth-child(n+3){margin-top:10px}
    .ilaws-image{height:25vw}
    .ilaws-title{font-size:16px;}

}