.part-a{ height: 510px; }
.part-a-l { width: 300px;}
.part-a-l .item{}
.part-a-l .item .title { height: 64px; line-height: 64px; font-size: 16px; font-weight: 600; color: #fffefe; background-color: #577eff;}
.part-a-l .item .list{ height: 180px; margin: 5px 0; padding: 0px 15px; overflow: hidden;}
.part-a-l .item .list li{ width: 135px; height: 45px; line-height: 45px; font-size: 16px; float: left;}
.part-a-l .item .list li a:hover{ color: #577eff;}
.part-a-r{ width: 880px;}
.part-a-r-t{ height: 310px;}
.part-a-r-t .layui-carousel{ width: 574px; height: 310px; overflow: hidden;}
.part-a-r-t .layui-carousel .layui-carousel-ind{ top:-20px;}
.part-a-r-t .layui-carousel .layui-carousel-ind ul{ background: none; border-radius: 0;}
.part-a-r-t .layui-carousel .layui-carousel-ind ul li{ width: 38px; height: 5px; margin: 0 6px; background-color:#999; border-radius: 0;}
.part-a-r-t .layui-carousel .layui-carousel-ind ul li.layui-this{ background-color: #577eff;}
.part-a-r-t .post-zixun{ width: 226px; height: 250px; padding: 30px;}
.part-a-r-t .post-zixun .tit{ height: 18px; line-height: 18px; background: url(../images/icon_bell2.png) no-repeat 0px 2px;}
.part-a-r-t .post-zixun .wtsr-tips{ height: 20px; top: 30px; right: 30px; color: #a7a7a7;}
.part-a-r-t .post-zixun .textarea-box{ line-height: 24px; font-size: 14px;}
.part-a-r-t .post-zixun .textarea-box textarea{ width: 100%; height: 130px; overflow-y: auto; border-bottom: 1px solid #eaeaea; -webkit-transition: height linear .3s; transition: height linear .3s;}
.part-a-r-t .post-zixun .btn{ width: 195px; height: 40px; line-height: 40px; border-radius: 20px; background-color: #577eff;}
.part-a-r-b{ width: 894px; height: 180px; margin-left: -11px;}
.part-a-r-b img{ width: 287px; height: 180px; float: left; margin-left: 11px;}

.part-b{}
.part-b-l{ width: 960px;}
.part-b-l .tit-nav{ height: 72px; line-height: 72px; background: url(../images/title_bg.png) no-repeat 28px center;}
.part-b-l .lawyer_items{ padding: 5px 0 0 0; margin-left: -7px;}
.part-b-l .lawyer_items ul li{ width: 184px; height: 228px; border: 1px solid #808086; margin-left: 7px; background-color: #fff;}
.part-b-l .lawyer_items ul li .item{position: relative;}
.part-b-l .lawyer_items ul li img{ width: 184px; min-height: 228px;}
.part-b-l .lawyer_items ul li .bg{position: absolute; left: 0; top: 150px; right: 0; height: 228px;}
.part-b-l .lawyer_items ul li .all{ position: relative; height: 118px; padding-top: 110px;}
.part-b-l .lawyer_items ul li .tit, .part-b-l .lawyer_items ul li .all .info { width: 150px; height: 52px; border: 1px solid #b3b3b3; background-color: #fff; padding: 5px; margin: 0px auto;}
.part-b-l .lawyer_items ul li .name{ height: 28px; line-height: 28px; font-size: 14px; overflow: hidden;}
.part-b-l .lawyer_items ul li .name .s-c3{ width: 80px; float: left;}
.part-b-l .lawyer_items ul li .name .star{ width: 62px; text-align: center; color: #577eff; font-size: 14px; float: left;}
.part-b-l .lawyer_items ul li .skill{ height: 24px; line-height: 24px; color: #666; font-size: 12px;}
.part-b-l .lawyer_items ul li .all .info{ margin-bottom: 10px;}
.part-b-l .lawyer_items ul li .all .btn{display: block; width: 80px; height: 28px; line-height: 28px; border: 1px solid #445caf; background-color: #577eff; margin: 0px auto; border-radius: 2px;}
.part-b-r{ width: 210px;}
.part-b-r .item .tit{ height: 60px; line-height: 60px; background: url(../images/title_bg.png) no-repeat center center; background-size: 60px 60px;}
.part-b-r .item .tit span{ border-left: 2px solid #577eff;}
.part-b-r .item li{ height: 14px; line-height: 14px; margin-top: 18px; font-size: 14px; color: #666; cursor: pointer;}
.part-b-r .item li:hover{ color: #577eff;}

.part_b_r_layer{border-radius:8px !important;}
.part_b_r_layer .layui-layer-title{ height: 42px; line-height: 42px; font-weight: 600; padding: 0px; text-align: center;}

.part-c{}
.part-c .title{ height: 72px; line-height: 72px; font-size: 18px; font-weight: 700; background: url(../images/title_bg.png) no-repeat;}
.part-c ul.video-show li{ width: 384px; margin-right: 24px;}
.part-c ul.video-show li:nth-child(3n+0){ margin-right: 0px;}
.part-c ul.video-show li .video-box{width: 384px; height: 216px; display: block; position: relative; overflow: hidden; border-radius: 10px;}
.part-c ul.video-show li .video-box img{ width: 384px; min-height: 216px;}
.part-c ul.video-show li .video-box .bg{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 10;}
.part-c ul.video-show li .video-box .iconfont{position: absolute;left: 50%;top: 50%;margin: -20px 0 0 -20px;font-size: 40px;color: #fff;line-height: 40px;z-index: 20; transition: all .3s ease-in-out;}
.part-c ul.video-show li .video-box:hover .iconfont {transform: scale(1.3);opacity: 0;}
.part-c ul.video-show li .tit{ height: 30px; line-height: 30px; font-size: 16px; font-weight: 700; color: #414141; margin-top: 5px;}
.part-c ul.video-show li .tx{line-height: 22px; font-size: 12px; color: #666;}
.part-c ul.video-show li .other{ height: 48px; line-height: 48px; overflow: hidden;}
.part-c ul.video-show li .other .lr{float:left;line-height:48px;margin-right:20px;color:#666}
.part-c ul.video-show li .other .lr:hover{color:#577eff}
.part-c ul.video-show li .other .lr img{float:left;width:47px;height:47px;border:1px solid #6287ff;border-radius:50%;margin-right:10px}
.part-c ul.video-show li .other span{float:left;font-size:12px;color:#a0a0a0}
.part-c ul.video-list{ margin-left: -30px;}
.part-c ul.video-list li{ float: left; width: 380px; height: 38px; line-height: 38px; margin-left: 30px; overflow: hidden;}
.part-c ul.video-list li .time{ float: right;font-size: 12px; color: #999; margin-left: 15px;}
.part-c ul.video-list li .iconfont{ font-size: 18px; color: #bbb; margin-right: 10px;}
.part-c ul.video-list li a{ font-size: 16px;}
.part-c ul.video-list li a:hover{color:#577eff}