﻿ul,li,dl,dd,dt,h1,h2,h3,h4,h5{list-style:none; padding: 0; margin: 0; font-style: normal; font-weight: normal;}
a {text-decoration: none; outline: none; border: none; display: block;}
img {border: none;}
a:active{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
html,body {padding: 0; margin: 0; border: 0; width: 100%; height: 100%;}
body,ul,li,p,h1,h2,h3,h4,h5,button {margin:0; padding:0; font-family:microsoft yahei,helvitica,verdana,tohoma,arial,san-serif;}
body {margin: 0 auto; width: 100%; float: left;}
ul,li{list-style:none;}
button {cursor: pointer; border: none; outline: none;}
button[disabled] {color: #999 !important; background: #ccc !important;}
em,b,i {font-style: normal; font-weight: normal;}
.m1200 {width: 1200px; margin: 0 auto;}
.m990 {width: 990px; margin: 0 auto;}

.header {float: left; width: 100%; display: flex; justify-content: space-between; overflow: hidden;}
.header .logo {width: 434px; height: 112px; overflow: hidden;}
.header .logo img {width: 100%; height: 100%;}
.header .right {min-width: 745px; display: flex; flex-direction: column; align-items: flex-end;}
.header .right .tel {display: block; color: #fff; height: 0; padding-right: 150px; line-height: 35px; padding-left: 15px; border-width: 0px 0px 35px 35px; border-style: solid ; border-color: transparent transparent #c94f3a;}
.header .right .tel span {height: 35px; line-height: 35px; font-size: 12px; background: url(../images/tel.png) no-repeat left center; background-size: 15px auto; text-indent: 25px; display: block;}
.header .right .nav {display: flex; align-items: center; padding-right: 30px;}
.header .right .nav ul {float: left; height: 70px; display: flex;}
.header .right .nav li {float: left; padding: 0 10px; line-height: 30px; font-size: 16px; color: #fff; margin-top: 19px; overflow: hidden;}
.header .right .nav li a {line-height: 32px; color: #333; font-size: 14px; padding: 0 10px;}
.header .right .nav li a:hover {color: #fff; background: #c94f3a;}
.header .right .s_tbox {display: flex;}


.header .right .s_tbox .search {float: left; margin-right: 50px; overflow: hidden; display: inline-block;}
.header .right .s_tbox .search span {float: left; width: 250px; height: 40px;}
.header .right .s_tbox .search span input {float: left; width: 100%; height: 36px; text-indent: 10px; font-size: 12px; color: #666; border: 2px solid #c94f3a; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; background: #fff; outline: none;}
.header .right .s_tbox .search em {float: left; width: 70px; height: 36px;}
.header .right .s_tbox .search em button {width: 100%; height: 36px; color: #fff; background: #c94f3a; transition: all .2s;}
.header .right .s_tbox .search em:hover button {background: #d7604b;}

.banner {position: relative; width: 100%; text-align: center; overflow: hidden;}
.box {width: 100%; position: relative;}
.box .swiper-wrapper {width: 100%;}
.box .swiper-slide img {float: left; width: 100%;}
.box .swiper-pagination {width: 100%; height: 18px; text-align: center; bottom: 20px;}
.box .swiper-pagination-bullet {margin: 0 10px;}
.box .swiper-slide,.box .swiper-wrapper {height: auto !important;}
.box .bg {position: absolute; z-index: 9; left: 0; bottom: 0; width: 100%; text-align: center; overflow: hidden;}
.box .bg img {float: left; width: 50%; margin-left: 25%;}

.dtbox {float: left; width: 100%; overflow: hidden;}
.dtbox .left {float: left; width: 600px; margin-right: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.dtbox .left dl {float: left; position: relative; width: 100%; padding-left: 180px; margin-top: 16px; -webkit-box-sizing: border-box; overflow: hidden;}
.dtbox .left dl a {width: 100%; height: 100%; display: block;}
.dtbox .left dl dt {position: absolute; left: 0; top: 0; width: 160px; height: 120px;}
.dtbox .left dl dt img {width: 100%; height: 100%;}
.dtbox .left dl dd {float: left; width: 100%; overflow: hidden;}
.dtbox .left dl dd.tit {font-size: 16px; color: #333; height: 25px; line-height: 25px;}
.dtbox .left dl dd.txt {font-size: 14px; color: #666; max-height: 40px; line-height: 20px; margin-top: 10px; overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;}
.dtbox .left dl dd.date {font-size: 12px; color: #999; padding-bottom: 10px; line-height: 18px; margin-top: 5px; border-bottom: 1px solid #ccc;}
.dtbox .left dl a:hover .tit {color: #d7604b}



.dtbox .right {float: left; width: 570px; overflow: hidden;}
.dtbox .right .pic {float: left; position: relative; width: 566px; height: 295px; overflow: hidden;}
.dtbox .right .pic span img {width: 100%; height: 100%;}
.dtbox .right .pic .page {position: absolute; right: 0; bottom: 0; display: flex; flex-direction: row; justify-content: center;}
.dtbox .right .pic .page .pre {width: 60px; height: 40px; background: #222; text-align: center; line-height: 40px; font-size: 14px; display: inline-block;}
.dtbox .right .pic .page .pre a {position: relative; text-indent: -9999px; display: block;}
.dtbox .right .pic .page .pre a:before {content: ""; position: absolute; left: 50%; top: 50%; margin-top: -5px; width: 10px; height: 10px; border-left: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(-45deg);}
.dtbox .right .pic .page .next {width: 60px; height: 40px; background: #222; text-align: center; line-height: 40px; font-size: 14px; display: inline-block;}
.dtbox .right .pic .page .next a {position: relative; text-indent: -9999px; display: block;}
.dtbox .right .pic .page .next a:before {content: ""; position: absolute; left: 50%; top: 50%; margin-top: -5px; width: 10px; height: 10px; border-left: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(135deg);}
.dtbox .right .pic .page .red {background: #c94f3a;}
.dtbox .right .info {float: left; margin-left: 20px; width: 550px; padding-left: 15px; border-left: 4px solid #c94f3a; -webkit-box-sizing: border-box; overflow: hidden;}
.dtbox .right .info em {font-size: 16px; color: #333; height: 25px; line-height: 25px; margin-top: 10px; display: block;}
.dtbox .right .info span {font-size: 14px; color: #666; max-height: 40px; line-height: 20px; margin-top: 10px; overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;}

.lsjj {float: left; width: 100%; height: 660px; margin-top: 60px; background: url(../images/about_bg.png) no-repeat center center;}
.lsjj .ly_tit {float: left; width: 100%; margin: 30px 0; line-height: 50px; font-size: 35px; color: #fff; text-align: center; overflow: hidden;}
.lsjj .ly_tit span {position: relative; height: 60px; display: inline-block;}
.lsjj .ly_tit span:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eee;}
.lsjj .ly_tit span:after {content: ""; position: absolute; left: 50%; margin-left: -15px; bottom: 0; width: 30px; height: 3px; background: #fff;}
.lsjj .info_txt {float: left; position: relative; width: 1000px; height: 460px; padding: 30px 430px 0 35px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #c94f3a;}
.lsjj .info_txt .tit {float: left; position: relative; width: 100%; padding-bottom: 20px; font-size: 20px; color: #fff; line-height: 30px; overflow: hidden;}
.lsjj .info_txt .tit:after {content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background: #fff;}
.lsjj .info_txt .txt {float: left; width: 100%; max-height: 264px; font-size: 14px; color: #fff; line-height: 24px; margin: 20px 0 10px; overflow: hidden;}
.lsjj .info_txt .btn {width: 140px; height: 40px; margin-top: 20px; line-height: 40px; text-align: center; color: #fff; border: 1px solid #d47261; font-size: 16px; overflow: hidden; display: inline-block;}
.lsjj .info_txt .btn a {color: #fff; display: block;}
.lsjj .info_txt .btn a:hover {color: #d7604b; background: #fff;}
.lsjj .info_txt .pic {position: absolute; z-index: 999; right: -200px; top: 50%; width: 600px; height: 380px; margin-top: -190px;}
.lsjj .info_txt .pic img {width: 100%; height: 100%;}

.lb_live .ly_tit {float: left; width: 100%; margin: 30px 0; line-height: 50px; font-size: 35px; color: #444; text-align: center; overflow: hidden;}
.lb_live .ly_tit span {position: relative; height: 60px; display: inline-block;}
.lb_live .ly_tit span:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eee;}
.lb_live .ly_tit span:after {content: ""; position: absolute; left: 50%; margin-left: -15px; bottom: 0; width: 30px; height: 3px; background: #c94f3a;}
.lb_live .items {float: left; width: 100%; overflow: hidden;}
.lb_live .items li {float: left; position: relative; width: 320px; height: 217px; margin: 30px 120px 40px 0; overflow: hidden;}
.lb_live .items li a {float: left; width: 100%; display: block;}
.lb_live .items li:nth-child(3),.lb_live .items li:nth-child(6) {margin-right: 0;}
.lb_live .items li img {float: left; width: 100%; height: 217px;}
.lb_live .items li span {position: absolute; left: 0; top: 0; width: 100%; height: 217px; line-height: 217px; text-align: center; font-size: 30px; color: #fff;}

.hzixun {float: left; width: 100%; height: 560px; margin: 20px 0;  background: url(../images/lab.png) no-repeat; overflow: hidden;}
.hzixun .ly_tit {float: left; width: 100%; height: 50px; margin-top: 50px; line-height: 50px; font-size: 30px; color: #fff; text-align: center; overflow: hidden;}
.hzixun .ly_tit span {position: relative; padding: 0 160px; height: 50px; display: inline-block;}
.hzixun .ly_tit span:before {content: ""; position: absolute; right: 0; top: 24px; width: 145px; height: 1px; background: #fff;}
.hzixun .ly_tit span:after {content: ""; position: absolute; left: 0; top: 24px; width: 145px; height: 1px; background: #fff;}
.hzixun .tbox {float: left; width: 100%; overflow: hidden;}
.hzixun .tbox .zx_list {float: left; width: 850px; overflow: hidden;}
.hzixun .tbox .zx_list li {float: left; width: 100%; margin-top: 25px; overflow: hidden;}
.hzixun .tbox .zx_list li input {float: left; width: 100%; height: 40px; font-size: 14px; color: #333; text-indent: 15px; border: none; outline: none; background: #eee;}
.hzixun .tbox .zx_list li textarea {float: left; width: 100%; height: 150px; padding: 10px; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #333; outline: none; resize: none; background: #eee; overflow: hidden;}
.hzixun .tbox .zx_list li button {float: left; width: 150px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: #c94f3a; transition: all .2s;}
.hzixun .tbox .zx_list li:hover button {background: #d7604b;}
.hzixun .tbox .code {float: right; width: 350px; margin-top: 125px; text-align: center; overflow: hidden;}
.hzixun .tbox .code img {width: 150px; height: 150px; clear: both;}
.hzixun .tbox .code span {float: left; width: 100%; text-align: center; font-size: 14px; color: #fff; line-height: 50px; overflow: hidden;}

.cfzx {float: left; position: relative; width: 100%; margin-bottom: 20px; overflow: hidden;}
.cfzx .pic {float: left; width: 100%; height: 711px; overflow: hidden;}
.cfzx .pic img {width: 100%; height: 100%;}
.cfzx ul {position: absolute; z-index: 9999; right: 0; top: 0; width: 400px; height: 711px; overflow: hidden;}
.cfzx ul li {float: right; width: 386px; height: 178px; color: #fff; padding: 25px; border-bottom: 1px solid rgba(255,255,255,.5); -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(0,0,0,.7); overflow: hidden;}
.cfzx ul li a {color: #fff; display: block;}
.cfzx ul li.cur {background: #c94f3a; width: 400px;}
.cfzx ul li em {font-size: 16px; font-weight: bold; margin-top: 5px; line-height: 30px; height: 30px; overflow: hidden; display: block;}
.cfzx ul li span {font-size: 14px; line-height: 24px; max-height: 72px; margin-top: 10px; display: block; overflow: hidden;}




/*------------律师推荐------------*/
.lb_live {float: left; width: 100%; margin-top: 30px; overflow: hidden;}
.lb_tjj {background: #c94f3a; padding: 20px 0;}
.lb_tjj .ly_tit {float: left; width: 100%; margin: 30px 0; line-height: 50px; font-size: 35px; color: #fff; text-align: center; overflow: hidden;}
.lb_tjj .ly_tit span {position: relative; height: 60px; display: inline-block;}
.lb_tjj .ly_tit span:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff;}
.lb_tjj .ly_tit span:after {content: ""; position: absolute; left: 50%; margin-left: -15px; bottom: 0; width: 30px; height: 3px; background: #fff;}
.lb_live .lb_itit em {float: right; font-size: 14px; color: #999;}
.lb_live .lb_itit em a {color: #999;}
.lb_live .lb_itit em a:hover {color: #0d7ab3; text-decoration: underline;}

.lb_live .ls_list {float: left; width: 100%; overflow: hidden;}
.lb_live .ls_list dl {float: left; width: 20%; margin-top: 45px; overflow: hidden;}
.lb_live .ls_list dl a {float: left; width: 100%; display: block;}
.lb_live .ls_list dl dt {width: 140px; height: 140px; margin: auto; text-align: center; overflow: hidden; display: block;}
.lb_live .ls_list dl dt img {width: 140px; height: 140px; border-radius: 50%;}
.lb_live .ls_list dl dd {float: left; width: 100%; height: 30px; line-height: 30px; margin-top: 10px; font-size: 16px; color: #fff; text-align: center; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.lb_live .ls_list dl dd.sz {font-size: 14px; color: #fff; margin: 0;}
.lb_live .ls_list dl:hover .name {color: #fff;}
.lspage {float: left; width: 100%; margin: 20px 0; display: flex; flex-direction: row; justify-content: center;}
.lspage .pre {width: 122px; height: 52px; background: #fff; text-align: center; line-height: 52px; font-size: 14px; display: inline-block;}
.lspage .pre a {position: relative; text-indent: -9999px; display: block;}
.lspage .pre a:before {content: ""; position: absolute; left: 50%; top: 50%; margin-top: -5px; width: 10px; height: 10px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; transform: rotate(-45deg);}
.lspage .next {width: 122px; height: 52px; background: #fff; text-align: center; line-height: 52px; font-size: 14px; display: inline-block;}
.lspage .next a {position: relative; text-indent: -9999px; display: block;}
.lspage .next a:before {content: ""; position: absolute; left: 50%; top: 50%; margin-top: -5px; width: 10px; height: 10px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; transform: rotate(135deg);}
.lspage .swiper-button-disabled {background: rgba(255,255,255,.3);}


.copyright {float: left; width: 100%; height: 200px; background: #4c4948; display: flex; align-items: center; overflow: hidden;}
.copyright .wbox {width: 1200px; margin: auto; display: flex; justify-content:space-between; align-items: center; overflow: hidden;}
.copyright .wbox .info {display: flex; flex-direction: column; padding-right: 50px; color: #fff; font-size: 14px;}
.copyright .wbox .info em {padding-left: 30px; background: url(../images/tel_bot.png) no-repeat left center; background-size: 20px auto;}
.copyright .wbox .info span {padding-left: 30px; margin-top: 20px; background: url(../images/adress.png) no-repeat left center; background-size: 20px auto;}
.copyright .wbox .txtRight{display: flex; justify-content:space-between; align-items: center; overflow: hidden;}
.copyright .wbox .code {width: 122px; height: 122px;}
.copyright .wbox .code img {width: 100%; height: 100%;}
.copyright .wbox .txt {float: left; text-align: left; margin-top: 10px; font-size: 14px; color: #fff; overflow: hidden;}
.copyright .wbox .txt p {line-height: 32px;}
.technical {float: left; width: 100%; line-height: 30px; padding: 15px 0; color: #fff; font-size: 14px; background: #4c4948; text-align: center; overflow: hidden;}

/*------------右侧窗口------------*/
.zixun_box {z-index: 9999; position: fixed; right: -280px; top: 50%; width: 280px; margin-top: -183px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.3); transition: all linear .2s;}
.zxblock {right: 0px !important;}
.pfzxlist {float: left; width: 100%; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pfzxlist h1 {float: left; width: 100%; font-size: 20px; margin-top: 5px; line-height: 30px; color: #c94f3a; text-align: center; overflow: hidden;}
.pfzxlist li {float: left; width: 100%; margin-top: 10px; overflow: hidden;}
.pfzxlist li input {float: left; width: 100%; height: 30px; font-size: 12px; color: #333; text-indent: 15px; border: none; outline: none; background: #eee;}
.pfzxlist li textarea {float: left; width: 100%; height: 150px; padding: 10px; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; color: #333; outline: none; resize: none; background: #eee; overflow: hidden;}
.pfzxlist li button {float: left; width: 100%; height: 38px; line-height: 38px; font-size: 14px; color: #fff; background: #d7604b; transition: all .2s;}
.pfzxlist li:hover button {background: #c94f3a;}
.zxblock .menu.open {position: absolute; z-index: 99; left: auto; right: 0; top: 0; width: 50px; height: 50px; text-indent: -9999px; cursor: pointer;}
.zxblock .menu.open span {float: right; width: 34px; height: 34px; background: url(../images/close.png) no-repeat center; transition: none;}
.zxblock .menu.open span:hover {float: right; width: 34px; height: 34px; background: url(../images/close.png) no-repeat center;}
.zixun_box .menu {position: absolute; z-index: 99; left: -40px; top: 0; width: 40px; height: 160px;}
.zixun_box .menu span {width: 100%; height: 100%; text-indent: -9999px; border-radius: 5px 0 0 5px; background: #d7604b url(../images/open.png) no-repeat center; transition: all .2s; display: block; cursor: pointer;}
.zixun_box .menu span:hover {background: #c94f3a url(../images/open_hover.png) no-repeat center;}

/*------------律师详细------------*/
.gmn {float: left; width: 100%; padding-bottom: 50px; margin-top: -18px; background: #303c52; overflow: hidden;}
.gmn .laswyer {float: left; width: 100%; padding-top: 80px; background: url(../images/info-bg.png) no-repeat right top;}
.gmn .laswyer dl {float: left; min-height: 240px; position: relative;}
.gmn .laswyer dl dt {position: absolute; left: 0; top: 0; width: 240px; height: 240px;}
.gmn .laswyer dl dt img {width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 3px 10px rgba(0,0,0,.15);}
.gmn .laswyer dl dd {margin-left: 280px; overflow: hidden; display: block;}
.gmn .laswyer dl dd.name {font-size: 24px; color: #fff; font-weight: 700; margin-top: 15px;}
.gmn .laswyer dl dd.name em {font-size: 12px; color: #828fa3; padding-left: 50px;}
.gmn .laswyer dl dd.sz {font-size: 14px; color: #fff; margin-top: 20px;}
.gmn .laswyer dl dd.pj {font-size: 12px; color: #828fa3; margin-top: 10px;}
.gmn .laswyer dl dd.info {font-size: 14px; color: #828fa3; margin-top: 20px; max-height: 78px; line-height: 26px; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.gmn .laswyer dl dd.ask {margin-top: 20px;}
.gmn .laswyer dl dd.ask button {width: 180px; height: 40px; color: #fff; background: #c94f3a; transition: all .2s;}
.gmn .laswyer dl dd.ask:hover button {background: #1794d5;}

.ls_tab {float: left; width: 100%; margin-top: 30px; overflow: hidden;}
.ls_tab ul {width: 1200px; margin: auto; height: 60px; background: #e6e6e6; overflow: hidden;}
.ls_tab ul li {float: left; position: relative; width: 130px; line-height: 58px; text-align: center; font-size: 14px; color: #666; cursor: pointer; border-top: 2px solid #e6e6e6;}
.ls_tab ul li:hover {color: #c94f3a;}
.ls_tab ul li.cur {border-top: 2px solid #c94f3a; color: #c94f3a; background: #fff;}
.ls_tab ul li:after {content: ""; position: absolute; top: 14px; right: 0; width: 1px; height: 32px; background: #ddd;}
.ls_tab ul li:last-child:after,.ls_tab ul li.cur:after {background: none;}

.pt_detail {float: left; width: 100%; verflow: hidden;}
.pt_detail .listtab {width: 1200px; margin: auto; background: #fff; overflow: hidden;}
.pt_detail .listtab ul {padding: 20px 35px; overflow: hidden;}
.pt_detail .listtab li {float: left; position: relative; width: 100%; height: 35px; line-height: 35px; font-size: 14px; color: #666; border-bottom: 1px dashed #ddd; overflow: hidden;}
.pt_detail .listtab li:after {content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; border-radius: 50%; margin-top: -2px; background: #ccc;}
.pt_detail .listtab li span {float: left; color: #666; padding-left: 15px; transition: all .2s;}
.pt_detail .listtab li:hover span {color: #0d7ab3; text-decoration: underline; transition: all .2s;}
.pt_detail .listtab li em {float: right; font-size: 12px; color: #999;}
.pt_detail .listtab .topinfo {float: left; width: 1160px; margin: 0 20px; padding: 50px 35px 30px; border-bottom: 2px solid #e6e6e6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.pt_detail .listtab .topinfo .lawinfo {float: left; width: 180px; overflow: hidden;}
.pt_detail .listtab .topinfo .lawinfo span {float: left; width: 100%; font-size: 18px; color: #bbb;}
.pt_detail .listtab .topinfo .lawinfo em {float: left; width: 100%; font-family: arial; font-size: 36px; color: #0d7ab3; line-height: 36px; margin-top: 15px;}
.pt_detail .listtab .topinfo .cs_list {float: left; width: 500px; padding-left: 50px; border-left: 1px solid #eee; overflow: hidden;}
.pt_detail .listtab .topinfo .cs_list .cow1 {float: left; width: 100%; overflow: hidden;}
.pt_detail .listtab .topinfo .cs_list .cow1 span {float: left; font-size: 14px; color: #666; line-height: 26px;}
.pt_detail .listtab .topinfo .cs_list .cow1 i {float: left; margin-left: 10px; font-size: 14px; height: 26px; line-height: 26px; border-radius: 3px; background: #eee; color: #666;}
.pt_detail .listtab .topinfo .cs_list .cow1 i a {color: #666; padding: 0 10px; display: block;}
.pt_detail .listtab .topinfo .cs_list .cow1 i a:hover {color: #0d7ab3;}
.pt_detail .listtab .topinfo .cs_list .cow2 {float: left; width: 100%; margin-top: 20px; overflow: hidden;}
.pt_detail .listtab .topinfo .cs_list .cow2 span {float: left; font-size: 14px; color: #666; line-height: 26px;}
.pt_detail .listtab .topinfo .cs_list .cow2 i {float: left; margin-left: 10px; font-size: 14px; height: 26px; line-height: 26px; color: #666;}
.pt_detail .listtab .topinfo .cs_list .cow2 i.cur {border-radius: 3px; background: #0d7ab3; color: #fff;}
.pt_detail .listtab .topinfo .cs_list .cow2 i.cur a {color: #fff;}
.pt_detail .listtab .topinfo .cs_list .cow2 i.cur a:hover {color: #fff;}
.pt_detail .listtab .topinfo .cs_list .cow2 i a {color: #666; padding: 0 10px; display: block;}
.pt_detail .listtab .topinfo .cs_list .cow2 i a:hover {color: #0d7ab3;}
.pt_detail .listtab .topinfo .pj {float: left; padding-left: 20px; margin-top: 20px;}
.pt_detail .listtab .topinfo .pj button {width: 180px; height: 40px; color: #fff; background: #1794d5; transition: all .2s;}
.pt_detail .listtab .topinfo .pj:hover button {background: #0d7ab3;}

.pt_detail .listtab .msg_list {float: left; width: 100%; padding: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.pt_detail .listtab .msg_list dl {float: left; position: relative; width: 100%; min-height: 70px; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; overflow: hidden;}
.pt_detail .listtab .msg_list dl dt {position: absolute; left: 0; top: 0; width: 60px; height: 60px;}
.pt_detail .listtab .msg_list dl dt img {width: 60px; height: 60px; border-radius: 50%;}
.pt_detail .listtab .msg_list dl dd {margin-left: 80px; overflow: hidden; display: block;}
.pt_detail .listtab .msg_list dl dd.name {line-height: 30px;}
.pt_detail .listtab .msg_list dl dd.name span {float: left; font-size: 16px; color: #333;}
.pt_detail .listtab .msg_list dl dd.name em {float: right; font-size: 12px; color: #999;}
.pt_detail .listtab .msg_list dl dd.txt {margin-top: 10px; font-size: 14px; color: #666; line-height: 24px;}

.pages {float: left; width: 100%; text-align: center; margin: 50px 0 100px; overflow: hidden;}
.pages .u-page {width: 500px; color: #999; margin: auto;}
.u-page .u-p-prev {border-left: 1px solid #eee; margin-right: -4px;}
.u-page .u-p-prev, .u-page .u-p-next {width: auto; padding: 0 20px; white-space: nowrap;}
.u-page a {float: left; display: inline-block; width: 40px; height: 38px; line-height: 38px; border: 1px solid #eee; border-left: none; background: #fff;text-align: center; color: #999; transition: all .2s;}
.u-page .borl {border-left: 1px solid #eee;}
.u-page a:hover, .u-page a.u-p-on {background: #c94f3a; border-color: #c94f3a; color: #fff;}
.u-page span {float: left; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center;}


/*------------经典案例------------*/
.banner_sevice {width: 1200px; margin: auto; overflow: hidden; display: block; clear: both;}
.fl_sev {float: right; width: 35%; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden;}
.fl_sev .lb_itit {padding-bottom: 10px; height: 34px; line-height: 34px; margin-top: 10px; border-bottom: 3px solid #0d7ab3;}
.fl_sev .lb_itit span {display: inline; float: left; color: #0d7ab3; font-size: 28px;}

.index_slide {position: relative; float: left; width: 750px; height: 380px; margin-top: 10px; overflow: hidden; background: #c7c4c4;}
.fullSlide {width: 100%; position: relative; height: 380px; background: #000;}
.fullSlide .bd {margin: 0 auto; position: relative; z-index: 0; overflow: hidden;}
.fullSlide .bd ul {width: 100%!important;}
.fullSlide .bd li {width: 100%!important; height: 380px; overflow: hidden; text-align: center; background-position: center top; background-repeat: no-repeat;  -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;}
.fullSlide .bd li a {display: block; height: 100%; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;}
.fullSlide .hd {width: 100%; position: absolute; z-index: 1; bottom: 20px; left: 0; height: 30px; line-height: 30px; background: none;}
.fullSlide .hd ul {text-align: center;}
.fullSlide .hd ul li {cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 30px; height: 6px; margin: 5px; overflow: hidden; background: #fff; filter: alpha(opacity=60); opacity: 0.6; line-height: 999px;}
.fullSlide .hd ul .on {background: #0d7ab3;}
.fullSlide .prev, .fullSlide .next {display: block; position: absolute; z-index: 1; top: 50%; margin-top: -30px; left: 5%; z-index: 1; width: 40px; height: 60px; background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; display: none;}
.fullSlide .next {left: auto; right: 5%; background-position: -6px -137px;}

.fl_sev .sev_list {float: left; width: 100%; margin-top: 25px; overflow: hidden;}
.fl_sev .sev_list li {float: left; width: 79px; height: 79px; margin: 25px 10px 10px; padding: 15px; line-height: 30px; font-size: 18px; color: #333; border: 2px solid #5a96b6; border-radius: 50%; background: #e6f6ff; overflow: hidden;}
.fl_sev .sev_list li a {color: #333; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.fl_sev .sev_list li:hover a {color: #fff;}
.fl_sev .sev_list li:hover {color: #fff; background: #5a96b6;}

.flzc_list {width: 1200px; margin: auto; overflow: hidden;}
.flzc_list .weizhi {float: left; width: 100%; color: #ccc; font-size: 12px;}
.flzc_list .weizhi i {margin: 0 5px;}
.flzc_list .weizhi a {color: #b4b4b4; display: inline;}
.flzc_list .weizhi a:hover {color: #0d7ab3;}
.flzc_list .weizhi a.wz-on {color: #666;}

.flzc_list .con-list {float: left; width: 100%; border: 1px solid #ddd; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.flzc_list .con-list h1 {float: left; width: 100%; margin-top: 20px; text-indent: 30px; line-height: 30px; font-size: 24px; color: #333; overflow: hidden;}
.flzc_list .lm {width: 900px;}
.flzc_list .con-list ul {padding: 10px 30px; overflow: hidden;}
.flzc_list .con-list li {padding: 30px 0; min-height: 120px; _height: 120px; border-bottom: 1px dashed #efefef; overflow: hidden;}
.flzc_list .con-list li .pic {float: left; margin-right: 20px; display: block}
.flzc_list .con-list li .pic img {width: 210px; height: 120px; display: block;}
.flzc_list .con-list li .title {color: #333; font-size: 18px; transition: all .2s;}
.flzc_list .con-list li .title:hover {color: #0d7ab3;}
.flzc_list .con-list li .s-cbbb {margin-top: 10px; font-size: 12px; color: #bbb !important;}
.flzc_list .con-list li .ico-law {width: 11px; height: 11px; margin-right: 5px; background: url(../images/icolaw.png) no-repeat; display: inline-block; vertical-align: middle; overflow: hidden;}
.flzc_list .con-list li .txt {max-height: 84px; margin-top: 10px; line-height: 200%; font-size: 14px; color: #666; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/*------------律师推荐------------*/
.lvshi_list {float: left; width: 100%; margin-top: 30px; overflow: hidden;}
.lvshi_list .ls_box {float: left; width: 100%; padding: 0 40px; border: 1px solid #ddd; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.lvshi_list .ls_box dl {float: left; position: relative; width: 100%; min-height: 165px; padding-bottom: 30px; margin-top: 30px; border-bottom: 1px dashed #ddd; overflow: hidden;}
.lvshi_list .ls_box dl dt {position: absolute; left: 0; top: 5px; width: 160px; height: 160px;}
.lvshi_list .ls_box dl dt a {display: block;}
.lvshi_list .ls_box dl dt img {width: 100%; height: 100%;}
.lvshi_list .ls_box dl dd {margin-left: 190px; overflow: hidden; display: block;}
.lvshi_list .ls_box dl dd.name {line-height: 30px;}
.lvshi_list .ls_box dl dd.name span {font-size: 16px; color: #333;}
.lvshi_list .ls_box dl dd.name span a {color: #333; display: inline; transition: all .2s;}
.lvshi_list .ls_box dl dd.name span a:hover {color: #0d7ab3; text-decoration: underline;}
.lvshi_list .ls_box dl dd.name em {font-size: 12px; color: #0d7ab3; padding-left: 15px;}
.lvshi_list .ls_box dl dd.zyz {line-height: 30px; font-size: 12px; color: #999; margin-top: 5px; overflow: hidden;}
.lvshi_list .ls_box dl dd.info {max-height: 104px; line-height: 26px; font-size: 14px; color: #666; margin-top: 5px; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}

/*------------律所新闻------------*/
.news_slide {position: relative; width: 100%; height: 540px; overflow: hidden; background: #c7c4c4;}
.newsfullSlide {width: 100%; position: relative; height: 540px; background: #000;}
.newsfullSlide .bd {margin: 0 auto; position: relative; z-index: 0; overflow: hidden;}
.newsfullSlide .bd ul {width: 100%!important;}
.newsfullSlide .bd li {width: 100%!important; height: 540px; overflow: hidden; text-align: center; background-position: center top; background-repeat: no-repeat;  -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;}
.newsfullSlide .bd li a {display: block; height: 100%; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;}
.newsfullSlide .hd {width: 100%; position: absolute; z-index: 1; bottom: 20px; left: 0; height: 30px; line-height: 30px; background: none;}
.newsfullSlide .hd ul {text-align: center;}
.newsfullSlide .hd ul li {cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 30px; height: 6px; margin: 5px; overflow: hidden; background: #fff; filter: alpha(opacity=60); opacity: 0.6; line-height: 999px;}
.newsfullSlide .hd ul .on {background: #0d7ab3;}
.newsfullSlide .prev, .newsfullSlide .next {display: block; position: absolute; z-index: 1; top: 50%; margin-top: -30px; left: 5%; z-index: 1; width: 40px; height: 60px; background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; display: none;}
.newsfullSlide .next {left: auto; right: 5%; background-position: -6px -137px;}

.news_tab {float: left; width: 100%; overflow: hidden;}
.news_tab ul {width: 1200px; margin: auto; padding: 0px !important; height: 50px; background: #e6e6e6; overflow: hidden;}
.news_tab ul li {float: left; padding: 0px !important; min-height: auto !important; position: relative; width: 130px; line-height: 48px; text-align: center; font-size: 14px; color: #666; cursor: pointer; border-top: 2px solid #e6e6e6;}
.news_tab ul li:hover {color: #c94f3a;}
.news_tab ul li.cur {border-top: 2px solid #c94f3a; padding: 0px !important; color: #c94f3a; background: #fff;}
.news_tab ul li:after {content: ""; position: absolute; top: 14px; right: 0; width: 1px; height: 32px; background: #ddd;}
.news_tab ul li:last-child:after,.ls_tab ul li.cur:after {background: none;}

/*------------在线咨询------------*/
.askbox {float: left; width: 100%; margin-top: 20px; overflow: hidden;}
.askbox h1 {float: left; width: 100%; line-height: 30px; font-size: 22px; color: #000; overflow: hidden;}
.askbox span {float: left; width: 100%; margin-top: 20px; overflow: hidden;}
.askbox span textarea {float: left; width: 100%; height: 150px; padding: 10px; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #333; outline: none; resize: none; background: #fff; overflow: hidden;}
.askbox em {float: left; width: 100%; margin-top: 20px; overflow: hidden;}
.askbox em button {float: left; width: 180px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: #0d7ab3; transition: all .2s;}
.askbox em:hover button {background: #04699e;}

.zixun_list {float: left; width: 100%; margin-top: 30px; overflow: hidden;}
.zixun_list .list {float: left; width: 100%; padding: 20px 20px 0; border: 1px solid #ddd; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.zixun_list .list h1 {float: left; width: 100%; line-height: 30px; font-size: 20px; color: #333; text-indent: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; overflow: hidden;}
.zixun_list .list ul {padding: 10px; overflow: hidden;}
.zixun_list .list li {float: left; position: relative; width: 100%; height: 35px; line-height: 35px; font-size: 14px; color: #666; border-bottom: 1px dashed #ddd; overflow: hidden;}
.zixun_list .list li:after {content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; border-radius: 50%; margin-top: -2px; background: #ccc;}
.zixun_list .list li span {float: left; color: #666; padding-left: 15px; transition: all .2s;}
.zixun_list .list li:hover span {color: #0d7ab3; text-decoration: underline; transition: all .2s;}
.zixun_list .list li em {float: right; font-size: 12px; color: #999;}

.zixun_list .list .contact {float: left; width: 100%; padding: 30px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 40px; font-size: 20px; color: #666; overflow: hidden;}
.zixun_list .list .map {float: left; width: 100%; padding: 30px 20px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.zixun_list .list .map img {max-width: 100%;}

.n_detail {float: left; width: 100%; padding: 50px 60px; margin-top: 35px; border: 1px solid #ddd; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.n_detail h1 {width: 100%; line-height: 150%; font-size: 24px; color: #333; font-weight: 700;}
.n_detail .s-cbbb {margin-top: 15px; color: #bbb;}
.n_detail .s-cbbb span {margin-right: 20px; font-size: 12px;}
.n_detail .s-cbbb .i-law186 {width: 12px; height: 12px; margin-right: 5px; display: inline-block; vertical-align: middle; overflow: hidden; background: url(../images/time.png) no-repeat;}
.n_detail .s-cbbb .i-law187 {width: 11px; height: 11px; margin-right: 5px; display: inline-block; vertical-align: middle; overflow: hidden; background: url(../images/icolaw.png) no-repeat;}

/*------------详细页------------*/
.n_detail .content {float: left; width: 100%; padding-top: 45px; margin-top: 30px; border-top: 1px solid #ddd; font-size: 14px; line-height: 28px; color: #666; overflow: hidden;}
.n_detail .content img {max-width: 100%; margin: 20px 0; overflow: hidden; clear: both;}
.n_detail .xg_div {float: left; margin-top: 35px; padding-top: 20px; margin-top: 30px; border-top: 1px solid #ddd; width: 100%; overflow: hidden;}
.n_detail .xg_div h1 {width: 100%; line-height: 150%; font-size: 20px; color: #333; font-weight: normal;}
.n_detail .xg_div li {float: left; width: 100%; line-height: 40px; font-size: 12px; color: #0d7ab3;}
.n_detail .xg_div li a {color: #0d7ab3; transition: all .2s;}
.n_detail .xg_div li a:hover {color: #f60;}