html {margin: 0;padding: 0;min-height: 100%;position: relative;}
body { margin: 0; padding: 0;font-size:14px;}
button { border: none}
* {font-family: "Segoe UI", "Helvetica Neue", "Helvetica", Arial, sans-serif}
code, kbd, pre, samp, code * {font-family: Menlo, Monaco, Consolas, 'Courier New', monospace !important}
a,a:hover{text-decoration: none;color:#000;}
a:hover{color:#4081a4;}
ul{padding:0;}
ul li{list-style: none;}
.p-top-15{padding-top: 15px;}
.p-top-30{padding-top: 30px;}
.clear{clear:both;}
.more-min{color:#666;height:24px;width:60px;border-radius:12px;border:#999 1px solid;text-align: center;font-size:12px;transition:all .5s;-webkit-transition:.5s;}
.more-min:hover{color:#000;border-color:#000;transition:all .5s;-webkit-transition:.5s;}

.container-md{max-width:1200px;}
.nav-bg{background-color:#fff;display: flex;box-shadow: 0 10px 10px -10px rgb(94 94 94 / 15%);}
.navbar{margin: 0 auto;font-size:16px;}
.navbar .navbar-nav .nav-link{color:#333;}
.navbar .navbar-brand{width:200px;}
.navbar-brand img{width:100%;}
.navbar .navbar-toggler{border:none;}
.navbar .collapse{margin-left: 50px;}
.navbar .navbar-r ul.nav{display:inline-block;width: 100%;}
.navbar .navbar-r ul.nav li{float:right;font-size: 12px;color:#999;}
.navbar .search{border-bottom: 1px #ccc solid;}
.navbar .search input{width: 100px;border:none;padding-top:1px;padding-bottom:1px;font-size:14px}
.navbar .search button{border:none;color:darkgray;padding:3px 8px;}
.navbar .search button:hover{background:none;color:grey;}
.dropdown-toggle{align-items: center;box-sizing: border-box;position: relative; display: -ms-flexbox; display: flex;}
.dropdown-toggle::after{display: inline-block;width: 1rem;height: 1rem;background-image:url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23677788' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;background-position: right center;margin-left: auto;background-size: 1rem 1rem;padding-left:1.25rem;content: '';border: none;
}
.navbar .navbar-r{width:100%}
.navbar ul.nav{display: none;}
.navbar .tel a{font-size:18px;font-family: "Microsoft YaHei UI";font-weight:bold;color: #4081a4;}

.adv-img{}
.new-index>div{padding:0px 10px;}
.new-index>div ul{background-color: #fff;padding:10px;}
.new-index .new-in-tl{padding: 10px;background: #fff;margin-bottom: 0px;position: relative;}
.new-index .new-in-tl:before{width: 3px;height: 24px;background-color: #4081a4;content: '';position:absolute;bottom: 10PX;left:0px;}.new-index ul li.media img{width:80px;height: 54px;border-radius: 5px;}
.row{margin-right:-10px;margin-left:-10px;}
.md-hd{font-size:24px;padding: 15px;color:#666;}
.consult-in{padding:30px 15px 20px;background:#fff;width: 100%;height:320px;}
.consult-in label{maring-top:10px;height: 40px;font-size: 18px;font-family:"Microsoft YaHei UI";color: #666;}
.consult-in label span{font-size: 24px;color:#000;padding: 0 10px;}
.consult-in textarea{min-height: 130px;margin: 10px auto 30px;border-radius:0px;border:none;border-bottom:1px solid #ccc;}
.consult-in .bt{text-align: center;}
.consult-in .bt button{min-width: 100px;}
.zixun>div{padding:0 10px;}
ul.wenda{height:320px;padding:30px 20px 20px 80px;background-color:#fff;}
ul.wenda li{position: relative;list-style:none;}
ul.wenda li i{padding:2px 10px;border-radius:10px 0px 10px 0;position:absolute;left:-60px;background:linear-gradient(-90deg,rgba(141,211,177,.2),rgba(185,233,209,.2));color: #7bc4a0;}
.wenda .wen span{color:#888;}
.wenda .da{background-color:#f8f8f8;padding:20px 20px 32px;}
.cases{background: #fff;padding:20px;}
.cases .nav-item{font-weight:bold;}
.cases .list-group-item{border-bottom: none;font-size: 14px;}
.cases .tab-content .tab-pane{overflow: hidden;}
.cases .tab-content .list-group{padding:20px 0;}
.cases .tab-content .list-group li .col{padding:0px 5px;}
.cases .tab-content .list-group li span{color:#999;}
.cases .tab-content .tab-pane a.more-min{float:right;display:block;}

.lawyer-list ul li{width:25%;float: left;padding:10px;}
.lawyer-list ul{margin-left: -10px;margin-right: -10px;}
.lawyer-list img{width:100%;border-radius:5px;}
.lawyer-list ul li a{position: relative;display: block;width: 100%;}
.lawyer-list ul li a .text::after{display:block;content:'';width:100%;height:100%; background:#000;opacity:.5;position:absolute;left:0px;top:0px;
    z-index:-1;border-radius:5px 5px 0 0;}
.lawyer-list ul li a .text{width:100%;position: absolute;bottom:0px;z-index:1;color:#fff;padding:20px 20px 0;}
.lawyer-list ul li a .des{
    display:-webkit-box;
    -webkit-box-orient:vertical;/*设置方向*/
    -webkit-line-clamp:3;/*设置超过为省略号的行数*/
    overflow: hidden;
    -webkit-animation-name: fadeInOut;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
    height: 0px;
}
.lawyer-list ul li a:hover .des{
    display:-webkit-box;
    overflow: hidden;
    -webkit-box-orient:vertical;/*设置方向*/
    -webkit-line-clamp:3;/*设置超过为省略号的行数*/
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
    height: 63px;}

.lawLib{overflow: hidden;}
.lawLib .lib-l{width:33.33%;float: left; padding:15px;background: url("images/video-bg.png") no-repeat;background-size:100% 100%;height:660px;color:#fff;}
.lawLib .lib-r{width:66.66%;float: left;}
.lawLib .lib-l a{color:#fff;}
.lawLib .lib-l a:hover{color: #b4e2ff;}
.lib-l .video-tl{height:60px;justify-content:space-between;align-items:center;display: flex;}
.lib-l .video-tl h5{float: left;}
.lib-l .video-tl .more-min{height:24px;width:60px;text-align:center;float:right;border-color:#fff;border-radius:20px;color:#fff;transition: .5s;}
.lib-l .video-tl a.more-min:hover{color:#4081a4;border:none;background:#b4e2ff;transition:all .5s}
.lib-l .video-box{width:100%;}
.lib-l .video-box video{width:100%;}
.lib-l p{color: #85aecb;}
.lib-l .video-list .media img{width:18%;}
.lib-r .library{width: 50%;float: left;position:relative;padding:20px;}
.lib-r .library-1 .title-more{background: url("images/lib-tl-bg-1.jpg")}
.lib-r .library-2 .title-more{background: url("images/lib-tl-bg-2.jpg")}
.lib-r .library-3 .title-more{background: url("images/lib-tl-bg-4.jpg")}
.lib-r .library-4 .title-more{background: url("images/lib-tl-bg-3.jpg")}
.lib-r .library-1::before,.lib-r .library-3::before{content:"";height:100%;width:1px;background-color:#eee;position: absolute;top:0;right: 0;}
.lib-r .library-1::after,.lib-r .library-2::after{content:"";height:1px;width:100%;background-color:#eee;position: absolute;bottom:0;left: 0;}
.lib-r .library .title-more{padding:15px;height: 106px;display: flex;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.lib-r .library .title-more h5{font-weight:bold;color:#666;}
.lib-r .library .title-more:hover .more-min{background:#fff;transition:all .5s;}
.lib-r .library .title-more:hover h5{color:#000;}
.lib-r .library ul{padding-top:15px;}
.lib-r .library ul li{background:#fff;line-height:2em;}
.lib-r .library ul li i{color:#ccc;}
.lib-r .library ul li a{display:-webkit-box;overflow: hidden;box-orient:vertical;line-clamp:1;-webkit-box-orient:vertical;-webkit-line-clamp:1;}

.floor{background:#cf352d;padding:30px 0 20px;color:#fff}
.floor .fl-1{width: 100%;display:flex;}
.floor a{color:#fff;font-size: 12px;}
.floor a:hover{color:#85aecb;}
.floor h6,.floor h4{color:#fff;}
.floor .fl-1 .link{width:20%;padding-left:20px;text-align: center;}
.floor .fl-1 .link img{width:20%;}
.floor .fl-1 .link:first-child{padding-left:0px;position: relative;}
.floor .fl-1 .link:first-child::after{content:'';width:1px; height:100%;position:absolute;right:0;top:0; background:#fff;}
.floor .fl-1 .link:last-child img{width:60%;}

/*动画效果*/
@-webkit-keyframes fadeIn {
    0% {height: 0px;}
    100% {height: 63px;}
}
@-webkit-keyframes fadeInOut {
    0% {height: 63px;}
    100% {height: 0px;}
 }
.lawyer-list ul li a .dept{margin-bottom:3px;}

.lawLib{width:100%;background: #fff;}

@media (max-width: 992px) {
    .navbar ul.nav{display: block;}
}