.fs0 {
    font-size: 0
}

.arrow-r {
    position: relative
}

.arrow-r:before, .arrow-r:after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 5.5px;
    top: 3.4px;
    border-top: 5px transparent dashed;
    border-right: 5px transparent dashed;
    border-bottom: 5px transparent dashed;
    border-left: 5px #fff solid;
    overflow: hidden
}

.arrow-r:before {
    left: 6.5px;
    border-left: 5px solid
}

.arrow-r:after {
    border-left: 5px solid #fff
}

.icon-self, .icon2 {
    display: inline-block;
    vertical-align: middle
}

.self-title {
    font-size: 30px;
    color: #404040;
    line-height: 64px;
    padding-top: 32px;
    text-align: center;
    position: relative
}

.self-title:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 34px;
    height: 7px;
    background-color: #1a7fee;
    border-radius: 7px;
    bottom: 0
}

.more-btn {
    width: 220px;
    line-height: 19px;
    font-size: 18px;
    color: #4f8bd2;
    text-align: center;
    display: block;
    margin: 0 auto;
    border-radius: 50px
}

.more-btn:hover {
    background-color: #f3c422;
    color: #fff
}

.more-btn:hover .arrow-r:after {
    border-left: 5px solid #f3c422
}

.more-btn .text {
    vertical-align: middle;
    display: inline-block;
    margin: 15px 0
}

.more-btn .arrow-r {
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    box-sizing: border-box;
    border-radius: 100%;
    border: 1px solid;
    margin-left: 20px;
    padding-left: 6px
}

.data-w {
    padding-bottom: 0
}

.data-w .tag-b .item {
    float: left;
    width: 265px;
    font-size: 16px;
    color: #666;
    padding: 40px 20px
}

.data-w .tag-b .item:hover {
    background: #dbe9fa;
    transition: all .3s
}

.data-w .tag-b .item .text-b {
    padding-top: 6px;
    padding-left: 9px
}

.data-w .tag-b .item .icon-self {
    display: inline-block;
    height: 60px;
    width: 60px;
    border-radius: 100%
}

.data-w .tag-b .item .i-heart {
    background-color: #f3c422;
    background-position: -1px -151px
}

.data-w .tag-b .item .i-praise {
    background-color: #4ea0f9;
    background-position: 0 -211px
}

.data-w .tag-b .item .i-diamond {
    background-color: #1a7fee;
    background-position: 0 -263px
}

.data-w .tag-b .item .num-b {
    margin-top: 8px;
    font-size: 14px;
    color: #353535
}

.data-w .tag-b .item .num-b .num {
    font-size: 24px;
    margin-right: 8px
}

.data-w .tag-b .item .num-b .fs18 {
    font-size: 18px;
    margin-right: 8px
}

.data-w .tel-b {
    font-size: 24px;
    line-height: 50px;
    color: #353535;
    text-align: right;
    padding-right: 50px;
    padding-top: 22px
}

.data-w .tel-b .i-call {
    height: 26px;
    width: 25px;
    margin-right: 10px;
    background-position: 0 -466px
}

.data-w .tel-b .btn-online {
    border-radius: 40px;
    color: #fff;
    line-height: 40px;
    font-size: 18px;
    width: 160px;
    background-color: #faad3b
}

.introduce-w {
    padding: 50px 0 40px
}

.introduce-w .law-info-b {
    width: 300px
}

.introduce-w .law-info-b .subtitle {
    padding-left: 20px;
    color: #fff;
    font-size: 24px;
    line-height: 60px;
    background-color: #1a7fee
}

.introduce-w .law-info-b .item-b {
    padding: 27px 23px 40px 16px;
    line-height: 30px;
    font-size: 16px;
    min-height: 311px;
    color: #666;
    margin-bottom: 15px;
}

.introduce-w .law-info-b .item:last-child .two-r {
    border-color: transparent
}

.introduce-w .law-info-b .item .two-r {
    padding: 8px 0 8px 6px;
    border-bottom: 1px solid #d8e5f9
}

.introduce-w .law-info-b .item .two-nowrap {
    padding: 8px 0 8px 6px;
    border-bottom: 1px solid #d8e5f9
}

.introduce-w .law-info-b .item .icon2 {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    margin-top: 8px;
    margin-right: 7px;
    background-image: url(../images/school-star2.png)
}

.introduce-w .law-info-b .item .icon-01 {
    background-position: 0 0
}

.introduce-w .law-info-b .item .icon-02 {
    background-position: 0 -32px
}

.introduce-w .law-info-b .item .icon-03 {
    background-position: 0 -64px
}

.introduce-w .law-info-b .item .icon-04 {
    background-position: 0 -96px
}

.introduce-w .law-info-b .item .icon-05 {
    background-position: 0 -128px
}

.introduce-w .law-info-b .item .icon-06 {
    background-position: 0 -160px
}

.introduce-w .law-info-b .item .icon-07 {
    background-position: 0 -192px
}

.introduce-w .law-info-b .item .icon-08 {
    background-position: 0 -224px
}

.introduce-w .introduce-b {
    padding-left: 40px
}

.introduce-w .introduce-b .title {
    font-size: 30px;
    line-height: 36px;
    color: #353535;
    border-bottom: 1px solid #dae6f4;
    padding-bottom: 20px;
    position: relative
}

.introduce-w .introduce-b .title:after {
    content: '';
    position: absolute;
    width: 63px;
    height: 5px;
    border-radius: 5px;
    background-color: #1a7fee;
    bottom: -3px;
    left: 0
}

.introduce-w .introduce-b .text-b {
    padding: 20px 0 40px
}

.introduce-w .introduce-b .text-b .img-b {
    width: 280px;
    height: 220px;
    border-radius: 4px;
    overflow: hidden;
	margin: 10px 20px;
}

.introduce-w .introduce-b .text-b .law-img {
    display: block;
    width: 100%
}

.introduce-w .introduce-b .text-b .name-b {
    position: absolute;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    width: 100%;
    bottom: 0;
    text-align: center;
    background: linear-gradient(to bottom, rgba(76, 157, 247), rgba(23, 127, 255))
}

.introduce-w .introduce-b .text-b p{
    font-size: 16px;
    color: #404040;
    line-height: 26px;
    padding: 10px 20px;
	/* display: table-cell; */
	text-indent: 24px;
}

.introduce-w .introduce-b .text-b .text {
    font-size: 16px;
    color: #404040;
    line-height: 31px;
    padding: 10px 20px
}

.introduce-w .introduce-b .text-b .text .link {
    color: #428cea
}

.introduce-w .profession-b {
    color: #375893
}

.introduce-w .profession-b .subtitle {
    padding-top: 15px;
    width: 110px;
    height: 85px;
    background-color: #1a7fee;
    border-radius: 4px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 34px
}

.introduce-w .profession-b .item-b {
    font-size: 0
}

.introduce-w .profession-b .item-b .item {
    font-size: 16px;
    margin-left: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    display: inline-block;
    width: 162px;
    height: 40px;
    line-height: 40px;
    background-color: #d2e7ff;
    text-align: center;
    transition: all .5s
}

.introduce-w .profession-b .item-b .item:hover {
    background-color: #f3c422;
    color: #fff;
    cursor: defull
}

.introduce-w .w.fix {
    display: flex;
    align-items: flex-start;
}
.introduce-w .law-info-b {
    flex-shrink: 0;
    width: 300px;
}
.introduce-w .introduce-b {
    flex: 1;
    min-width: 0;        /* 防止内容撑开弹性容器 */
    padding-left: 40px;
    word-break: break-word;
    overflow: hidden;
}

.case-w .content-b {
    padding: 35px 0 30px
}

.case-w .img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .8s
}

.case-w .img-b {
    border-radius: 4px;
    position: relative;
    display: block;
    width: 500px;
    height: 340px;
    overflow: hidden
}

.case-w .img-b:hover .img {
    transform: scale(1.1)
}

.case-w .img-b:hover:after {
    opacity: .8
}

.case-w .item-b {
    position: relative;
    top: -7px;
    padding: 0 13px 0 32px
}

.case-w .item-b .item {
    padding: 7px 0px 11px 7px;
    border-radius: 4px;
    margin-bottom: 2px
}

.case-w .item-b .item:hover .time-b {
    color: #fff;
    background-color: #f3c422
}

.case-w .item-b .item:hover .time-b .day {
    color: #fff
}

.case-w .item-b .item:hover .link {
    color: #428cea;
    text-decoration: underline
}

.case-w .item-b .time-b {
    width: 100px;
    height: 100px;
    background-color: #d2e7ff;
    text-align: center;
    color: #0059bb;
    transition: all .5s;
    border-radius: 4px
}

.case-w .item-b .time-b .day {
    transition: all .5s;
    margin-top: 15px;
    font-size: 30px;
    color: #0059bb;
    line-height: 45px
}

.case-w .item-b .text-b {
    font-size: 14px;
    color: #858585;
    line-height: 24px;
    padding-left: 19px
}

.case-w .item-b .text-b .subtitle {
    font-size: 18px;
    color: #404040;
    line-height: 40px;
    display: block;
    width: 520px
}

.advantage-w .item-b {
    padding-top: 16px
}

.advantage-w .item {
    font-size: 16px;
    display: inline-block;
    width: 230px;
    height: 304px;
    border-radius: 5px;
    transition: all .5s;
    text-align: center;
    padding: 20px 20px 0;
    color: #858585;
    line-height: 28px;
    margin: 0 15px
}

.advantage-w .item:hover {
    box-shadow: 0 0 15px #ccc
}

.advantage-w .icon-b {
    width: 120px;
    height: 160px;
    background-color: #1a7fee;
    margin: 0 auto 16px;
    font-size: 36px;
    line-height: 160px;
    color: #fff;
    border-radius: 120px;
    position: relative
}

.advantage-w .r-bd {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 110px;
    width: 70px
}

.advantage-w .r-bd:before {
    content: '';
    position: absolute;
    width: 70px;
    height: 30px;
    top: -5px;
    left: 0;
    background: url(../images/brackets.png)
}

.advantage-w ul {
    height: 352px
}

.advantage-w ul li.item {
    float: left;
    display: block
}

.advantage-w ul li.item-even .icon-b {
    background: #faad3b
}

.advantage-w ul li.item-even .icon-b .r-bd:before {
    background-position: 0 -30px;
    top: 80px
}

.corpus-w .w {
    text-align: center
}

.corpus-w .item-b {
    text-align: left;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 10px
}

.corpus-w .item {
    transition: all .3s;
    margin: 0 5px;
    display: inline-block;
    width: 344px;
    height: 290px;
    padding: 31px 21px 65px;
    font-size: 14px;
    line-height: 28px;
    color: #858585;
    border-radius: 4px;
    position: relative;
    vertical-align: top
}

.corpus-w .item .img-b {
    height: 210px;
    width: 344px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    display: block
}

.corpus-w .item .img-b:after {
    content: 'MORE+';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 111px;
    height: 36px;
    line-height: 36px;
    border-radius: 36px;
    font-size: 16px;
    text-align: center;
    color: #d3c9c2;
    background-color: rgba(255, 255, 255, .2);
    transition: all .3s;
    opacity: .6
}

.corpus-w .item:hover {
    padding-top: 21px;
    padding-bottom: 75px
}

.corpus-w .item:hover .link {
    color: #428cea;
    text-decoration: underline
}

.corpus-w .item:hover .img-b {
    display: block;
    width: 344px;
    height: auto
}

.corpus-w .item:hover .img-b .img {
    transform: scale(1.1)
}

.corpus-w .item:hover .img-b:after {
    opacity: .8
}

.corpus-w .item .img {
    display: block;
    width: 100%;
    height: 210px;
    border-radius: 5px;
    transition: all .5s
}

.corpus-w .item .subtitle {
    display: block;
    padding-top: 16px;
    line-height: 30px;
    font-size: 18px;
    color: #404040
}

.honer-w .w {
    position: relative
}

.honer-w .swiper-container {
    padding: 36px 0 40px;
    width: 1050px;
    height: 206px
}

.honer-w .swiper-container .item {
    width: 300px;
    height: 206px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin: 0 25px
}

.honer-w .swiper-container .item .img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .8s
}

.honer-w .swiper-container .item:hover .img {
    transform: scale(1.1)
}

.honer-w .swiper-container .item .text-b {
    position: absolute;
    font-size: 18px;
    line-height: 54px;
    color: #fff;
    background-color: #4f8bd2;
    text-align: center;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4))
}

.honer-w .swrapr-btn {
    position: absolute;
    width: 50px;
    height: 100px;
    top: 54%;
    margin-top: -47px;
    left: 15px;
    background-position: 0 -589px;
    z-index: 1
}

.honer-w .swrapr-btn:hover {
    background-position: 0 -699px
}

.honer-w .swrapr-btn.btn-r {
    background-position: 0 -805px;
    left: auto;
    right: 15px
}

.honer-w .swrapr-btn.btn-r:hover {
    background-position: 0 -908px
}

.audio-w .item-b {
    padding-top: 50px
}

.audio-w .item {
    width: 410px;
    padding: 22px 40px 26px 130px;
    border-radius: 120px;
    border: 1px solid #eee;
    font-size: 12px;
    color: #858585;
    cursor: pointer;
    margin-bottom: 40px;
    position: relative
}

.audio-w .item:hover .link {
    color: #428cea;
    text-decoration: underline
}

.audio-w .item:hover .law-img {
    display: none
}

.audio-w .item.play .progress-play-bar:after, .audio-w .item.pause .progress-play-bar:after {
    background-color: #3396f6
}

.audio-w .item.play .law-img, .audio-w .item.play .icon-pause {
    display: none
}

.audio-w .item.pause .law-img, .audio-w .item.pause .icon-play {
    display: none
}

.audio-w .item.play:hover .law-img, .audio-w .item.play:hover .icon-play {
    display: one;
    display: balock
}

.audio-w .item.play:hover .icon-pause {
    display: block
}

.audio-w .item.pause:hover .law-img, .audio-w .item.pause:hover .icon-pause {
    display: none
}

.audio-w .item.pause:hover .icon-play {
    display: block
}

.audio-w .item .link {
    display: block;
    font-size: 16px;
    color: #303030;
    margin-bottom: 13px
}

.audio-w .item .aside-b {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    position: absolute;
    left: 40px;
    overflow: hidden
}

.audio-w .item .aside-b .law-img, .audio-w .item .aside-b .icon-self {
    width: 100%;
    height: 100%
}

.audio-w .item .aside-b .icon-pause {
    background-position: -14px -45px;
    background-color: #3396f6
}

.audio-w .item .aside-b .icon-play {
    background-position: 6px -94px;
    background-color: #3396f6
}

.audio-w .item .info-b {
    height: 70px
}

.audio-w .item .info-b .progress-bar-b {
    position: relative;
    padding: 5px 60px 0 50px;
    margin-top: 17px
}

.audio-w .item .info-b .progress-bar-b .time-play, .audio-w .item .info-b .progress-bar-b .time-end {
    position: absolute;
    font-size: 14px;
    left: 0;
    top: 0
}

.audio-w .item .info-b .progress-bar-b .time-end {
    left: auto;
    right: 0;
    margin-right: 8px
}

.audio-w .item .progress-bar {
    height: 2px;
    background-color: #e2e2e2;
    position: relative
}

.audio-w .item .progress-play-bar {
    margin-top: -2px;
    width: 0;
    position: relative;
    height: 2px;
    background-color: #3396f6
}

.audio-w .item .progress-play-bar:after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #858585;
    top: -3px;
    left: 100%
}

.audio-w .item .aside-b .icon-play:hover {
    background-position: 6px -94px
}

.audio-w .item.play .aside-b .icon-play {
    background-position: -14px -45px
}

.audio-w .item.play .aside-b .icon-play:hover {
    background-position: 6px -94px
}

.audio-w .item.pause .aside-b .icon-pause {
    background-position: 6px -94px
}

.video-w .item-b {
    padding: 40px 0
}

.video-w .item {
    border-radius: 4px;
    overflow: hidden;
    width: 370px;
    font-size: 14px;
    color: #858585;
    background: #ecf4fd
}

.video-w .item.l {
    margin-right: 45px;
    transition: all .5s
}

.video-w .item:hover {
    background-color: #fff;
    box-shadow: 0 0 20px #c3cdde
}

.video-w .item:hover .info-b .link {
    color: #428cea;
    text-decoration: underline
}

.video-w .item:hover .img {
    transform: scale(1.1)
}

.video-w .item:hover .img-b:after {
    opacity: 1;
    transition: all .3s
}

.video-w .item:hover .img-b:before {
    opacity: 0;
    transition: all .3s
}

.video-w .item .img-b {
    display: block;
    position: relative;
    height: 208px;
    overflow: hidden
}

.video-w .item .img-b:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .2;
    transition: all .3s
}

.video-w .item .img-b:after {
    content: '';
    opacity: .6;
    position: absolute;
    width: 50px;
    height: 50px;
    transition: all .3s;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url("../images/sprite.png");
    background-position: -1px -330px
}

.video-w .item .img {
    width: 100%;
    height: 208px;
    display: block;
    transition: all .8s
}

.video-w .item .info-b {
    padding: 0 20px 39px
}

.video-w .item .info-b .link {
    display: block;
    font-size: 18px;
    color: #404040;
    padding-top: 18px;
    padding-bottom: 15px
}

.qa-w {
    font-size: 0
}

.qa-w .item-b {
    padding: 36px 0 20px
}

.qa-w .item {
    width: 490px;
    padding: 20px;
    padding-left: 70px;
    font-size: 16px;
    color: #858585;
    border-radius: 4px;
    position: relative;
    margin-bottom: 20px
}

.qa-w .item:hover .link {
    color: #428cea;
    text-decoration: underline
}

.qa-w .item .subtitle {
    font-size: 18px;
    color: #404040;
    line-height: 30px;
    padding-top: 3px
}

.qa-w .item .time {
    font-size: 14px;
    margin-top: 12px
}

.qa-w .item .a-content {
    line-height: 28px;
    padding-top: 5px
}

.qa-w .item .q-b {
    height: 80px
}

.qa-w .item .a-b {
    height: 61px
}

.qa-w .item .a-b .tag {
    background-color: #fc6550
}

.qa-w .tag {
    width: 36px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #1a7fee;
    left: 20px
}

.evaluation-w {
    font-size: 14px;
    color: #858585
}

.evaluation-w .item-b {
    padding: 36px 0 20px
}

.evaluation-w .item {
    padding: 30px 122px 30px 30px;
    border-radius: 4px;
    width: 430px;
    position: relative;
    margin-bottom: 20px
}

.evaluation-w .item:hover .tag {
    background-color: #83a4d7
}

.evaluation-w .content {
    font-size: 18px;
    color: #404040;
    font-size: 18px;
    line-height: 23px;
    padding-bottom: 13px
}

.evaluation-w .tag {
    display: inline-block;
    line-height: 24px;
    color: #fff;
    font-size: 14px;
    background-color: #91b9f5;
    padding: 0 10px;
    border-radius: 5px;
    margin-right: 5px;
    transition: all .5s
}

.evaluation-w .tag-b {
    padding-bottom: 22px
}

.evaluation-w .name {
    font-size: 16px
}

.evaluation-w .satisfaction-b {
    position: absolute;
    padding: 43px 31px 0;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #858585;
    text-align: center
}

.online-ask-w {
    border-radius: 4px;
    overflow: hidden
}

.online-ask-w .online-ask-img {
    height: 155px;
    width: 100%
}

.no-mg-r {
    margin-right: 0
}

.lwx-online-form{width:1180px; height: 355px; margin:0 auto; background: linear-gradient(to right,#bce1fe,#ddf3ff,#a9e4fe,#d8f4ff); border-radius: 15px;}
.lwx-online-form .lwx-title{text-align: center; color: #00428b; font-size: 32px; padding:40px 0px 20px 0px;}
.lwx-online-form .lwx-desc{text-align: center; color: #585858; font-size: 17px; line-height: 25px;}
.lwx-online-form .lwx-container{background: linear-gradient(to right bottom,#0cabff,#1682ff); width:1050px; height: 170px; margin:30px auto 0 auto; border-radius: 10px; display: flex;}
.lwx-online-form .lwx-container .lwx-col1{margin-top: 30px;}
.lwx-online-form .lwx-container .lwx-col2{margin-top: 30px; margin-right: 30px;}
.lwx-online-form .lwx-container .lwx-input{float:left; width: 400px; height: 43px; line-height: 43px; outline: none; background-color: #ffffff; border-radius: 10px; font-size: 20px; text-indent: 1em; margin-left: 30px; margin-bottom: 25px; border: none;}
.lwx-online-form .lwx-container .lwx-select{float:left; width: 400px; height: 43px; line-height: 43px; outline: none; background-color: #ffffff; border-radius: 10px; font-size: 20px; text-indent: 1em; margin-left: 30px; border: none;}
.lwx-online-form .lwx-container .lwx-submit{float:left; width: 127px; height: 115px; background-color: #faad3b; color: #ffffff; border-radius: 10px; font-size: 26px; text-align: center; margin-left: 30px; outline: none; border: none;}