@charset "GB2312";

html {
  line-height: 1.15;}
body {
  margin: 0; }
html {
  font-size: 10vw !important; }

@media screen and (min-width: 540px) {
  html {
    font-size: 54PX !important; } }


button,
input,
optgroup,
select,
textarea {
  font-size: initial;
  *font-size: 100%; }


blockquote, body, dd, dl, figure, form, h1, h2, h3, h4, h5, h6, ol, p, ul {
  margin: 0; }


ol, ul {
  padding: 0;
  list-style: none; }


a {
  text-decoration: none;
  color: inherit; }


button, input {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  background-color: transparent; }


em, i {
  font-style: normal; }


h1, h2, h3, h4, h5, h6, input, select, textarea {
  font-size: 100%; }

input, select, textarea {
  font-family: inherit;
  box-sizing: border-box; }

img {
  display: inline-block;
  border: none; }


p {
  word-break: normal; }


main {
  display: block; }


body {
  max-width: 10rem;
  margin: 0 auto;
  line-height: 1;
  font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif; }
.r, .fr {
  float: right; }


.l, .fl {
  float: left; }


.fix:before, .clearfix:before, .fix:after, .clearfix:after {
  content: '';
  display: table;
  clear: both; }


.nowrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }


.nowrap-n {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2; }
  
.nowrap-n.l3 {
    -webkit-line-clamp: 3; }
  
.nowrap-n.l4 {
    -webkit-line-clamp: 4; }
  
.nowrap-n.l5 {
    -webkit-line-clamp: 5; }


.db {
  display: block; }


.dib {
  display: inline-block; }

.oh {
  overflow: hidden; }


.dn {
  display: none; }


.rel {
  position: relative; }


.b {
  font-weight: bold; }


.em {
  padding-right: 1em; }


.em-l {
  padding-left: 1em; }


.em2 {
  padding-right: 2em; }


.em2-l {
  padding-left: 2em; }


.fs0 {
  font-size: 0; }


.tc {
  text-align: center; }


.bd1 {
 position: relative;
  border: none !important; }
  
.bd1:before {
 content: '';
  position: absolute;
    border: 1PX solid;
    top: -0%;
    right: -0%;
    bottom: -0%;
    left: -0%;
    transform: scale(0.5); }

.bdb1, .bdt1 {
  position: relative;
  border: none !important; }
  
.bdb1:before, .bdt1:before {
content: '';
 position: absolute;
 bottom: 0;
width: 100%;
 border-top: 1PX solid;
    transform-origin: 0 0;
    left: 0; }


.bdt1:before {
  bottom: auto;
  top: 0; }



/* 2倍屏 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .bd1:before {
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    transform: scaleX(0.5) scaleY(0.5); }
  .bdb1:before, .bdt1:before {
    transform: scaleY(0.5); } }



/* 3倍屏 */
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  .bd1:before {
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    transform: scaleX(0.33) scaleY(0.33); }
  .bdb1:before, .bdt1:before {
    transform: scaleY(0.33); } }





.menuwt a        {font-size:20px;color:#ffffff;font-weight:bold;} /*首页-业务领域-详细查看*/
.menuwt a:hover  {font-size:18px;color:#ffffff;font-weight:bold;}




.titles {
  border-bottom: 0.4rem solid #eeeded; }




.titlemulu {
  padding: 0.13333rem 0.4rem 0.01333rem; }
  
.titlemulu .title {
    font-size: 0.66667rem;
    color: #3e3e3e;
    line-height: 1.21333rem; }
  
.titlemulu .more {
    color: #0d8cff; }
  
.titlemulu .titlemulu2 {
    line-height: 0.81333rem;
    font-size: 0.33333rem;
    color: #999; }
  
.titlemulu .content {
    font-size: 0.4rem;
    color: #717171;
    line-height: 0.66667rem;
    white-space: pre-line;}
   
.titlemulu .more-b {
    max-height: 9.33333rem;
    overflow: hidden;
    position: relative;
    padding-bottom: 0.53333rem; }
    
.titlemulu .more-b.active {
 max-height: none; }
      
.titlemulu .more-b.active .show-more {
        display: none; }




.banner-img-x {
  overflow: hidden;
  border-radius: 0.13333rem;
  margin-bottom: 0.33333rem; }
  


.banner-img-x .img {
    display: block;
    width: 100%;
    height: 3.66667rem; }
  .banner-img-x .video {
    display: block;
    width: 100%;
    height: 5.17333rem; }
  .banner-img-x .ask-b {
    height: 1.12rem;
    background-color: #eaf5ff;
    line-height: 1.12rem;
    font-size: 0.33333rem;
    color: #858585;
    padding: 0 0.17333rem 0 0.22667rem; }
  .banner-img-x .ask-text {
    position: relative;
    padding-left: 0.34667rem; }
  .banner-img-x .ask-text:before {
    content: '';
    position: absolute;
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 100%;
    background-color: #49ca21;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0; }
  .banner-img-x .ask-btn {
    line-height: 0.66667rem;
    text-align: center;
    border-radius: 0.66667rem;
    width: 2rem;
    font-size: 0.30667rem;
    color: #fff;
    background-color: #3f8af7;
    display: inline-block;
    float: right;
    margin-top: 0.2rem;
    box-shadow: 0 0 10px #9bcaeb; }









.lawyerlist {
  background-color: #f7f7f7;
  font-size: 0.29333rem;
  color: #b8b8b8;
  position: relative;
  border-radius: 0.10667rem;
  height: 1.09333rem;
  padding: 0.26667rem 0 0.26667rem 1.57333rem;
  line-height: 0.54667rem;
  margin-top: 0.26667rem; }
.lawyerlist .name {
  font-size: 0.42667rem;
  color: #3e3e3e;
  line-height: 0.56rem; }
.lawyerlist .tag {
  font-size: 0.26667rem;
  color: #ff7800;
  border: 0.01333rem solid;
  border-radius: 0.04rem;
  background-color: #fff;
  padding: 0.04rem 0.08rem;
  vertical-align: middle;
  margin-left: 0.10667rem; }
.lawyerlist .lawyerface {
  width: 1.09333rem;
  height: 1.09333rem;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  left: 0.29333rem; }
.lawyerlist .law-img {
  display: block;
  width: 100%; }
.lawyerlist .ask-btn {
  width: 1.78667rem;
  height: 0.66667rem;
  background-color: #0d8cff;
  font-size: 0.34667rem;
  color: #fff;
  display: block;
  position: absolute;
  border-radius: 0.66667rem;
  line-height: 0.66667rem;
  text-align: center;
  right: 0.37333rem;
  top: 0;
  bottom: 0;
  margin: auto; }




.law-card-x {
  position: relative;
  border-radius: 0.13333rem;
  overflow: hidden;
  background-color: #f7f7f7;
  padding: 0.53333rem 0 0.23333rem;
  margin-bottom: 0.53333rem; }
  .law-card-x .tag {
    font-size: 0.37333rem;
    color: #fefefe;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 0.53333rem;
    padding: 0 0.16rem;
    background: #0d8cff;
    border-radius: 0 0 0.13333rem 0; }
  .law-card-x .img-b {
    width: 1.09333rem;
    height: 1.09333rem;
    border-radius: 100%;
    overflow: hidden;
    margin: 0.33333rem 0.24rem 0.33333rem 0.4rem; }
  .law-card-x .img {
    display: block; }
  .law-card-x .name {
    font-size: 0.4rem;
    color: #3e3e3e;
    line-height: 0.61333rem;
    margin-top: 0.13333rem; }
  .law-card-x .law-room {
    font-size: 0.34667rem;
    color: #717171;
    line-height: 0.64667rem; }
  .law-card-x .law-domain {
    font-size: 0.34667rem;
    color: #717171;
    line-height: 0.64667rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden; }
  .law-card-x .btn {
    font-size: 0.4rem;
    color: #fff;
    background: linear-gradient(90deg, #3cb1d1, #42cbbb);
    box-shadow: 0 3px 0 #0a90b0;
    width: 1.92rem;
    height: 0.66667rem;
    line-height: 0.66667rem;
    display: block;
    text-align: center;
    border-radius: 0.66667rem;
    position: absolute;
    top: -0.33333rem;
    bottom: 0;
    margin: auto;
    right: 0.4rem; }





.lawyerxxx {
  background-color: #eaf5ff;
  padding: 0.53333rem 0.53333rem 0.8rem 2.4rem;
  font-size: 0.34667rem;
  color: #666;
  line-height: 0.77333rem;
  position: relative;
  margin-bottom: 0.53333rem; }

.lawyerxxx .img-b {
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 100%;
  overflow: hidden;
  left: 0.53333rem;
  top: 0.8rem; }
.lawyerxxx .name {
  font-size: 0.48rem;
  color: #000;
  line-height: 0.77333rem; }
.lawyerxxx .law-room {
  font-size: 0.32rem;
  color: #b8b8b8;
  line-height: 0.56rem; }


.lawyerxxx .img {
  display: block;
  width: 100%; }

.lawyerxxx .tag {
  font-size: 0.26667rem;
  color: #fff;
  background-color: #ff3333;
  display: inline-block;
  line-height: 0.41333rem;
  padding: 0 0.13333rem;
  border-radius: 0.05333rem 0.05333rem 0.05333rem 0;
  vertical-align: middle;
  margin-left: 0.06667rem; }
.lawyerxxx .btn {
  width: 4.8rem;
  line-height: 0.8rem;
  font-size: 0.37333rem;
  color: #fff;
  background-color: #0d8cff;
  border-radius: 0.8rem;
  display: block;
  text-align: center;
  margin-top: 0.26667rem;
  box-shadow: 0 2px 5px 0 #82bcef; }

.lawyerxxx .btn-b {
  margin-top: 0.26667rem; }

.lawyerxxx .btn-let {
  width: 2.64rem;
  line-height: 0.77333rem;
  color: #fff;
  background-color: #0d8cff;
  border: 0.01333rem solid #0d8cff;
  border-radius: 0.8rem;
  float: left;
  margin-right: 0.26667rem;
  text-align: center;
  box-shadow: 0 2px 5px 0 #82bcef; }

.lawyerxxx .line {
  background-color: #fff;
  color: #0d8cff; }





.channel1 {
  line-height: 1.54667rem;
  font-size: 0.53333rem;
  color: #3e3e3e; }
  .channel1:before {
    width: 0.17333rem;
    height: 0.53333rem;
    border-radius: 0.17333rem;
    content: '';
    background: #0d8cff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.16rem; }
  .channel1 .dib {
    vertical-align: middle; }
  .channel1 .com-more {
    font-size: 0.34667rem;
    color: #999;
    float: right; }






.bg-w-x {
  overflow: hidden;
  padding: 0 0.4rem; }

.kno-ul-x .kno-li {
  font-size: 0.46667rem;
  color: #3e3e3e;
  line-height: 0.66667rem;
  padding: 0.42667rem 0 0.32rem 0; }


.kno-ul-x .info {
  font-size: 0.33333rem;
  color: #999;
  line-height: 0.8rem; }


.kno-ul-x .img-b {
  width: 2.01333rem;
  height: 1.77333rem;
  border-radius: 0.13333rem;
  overflow: hidden;
  display: block;
  margin-left: 0.88rem; }


.kno-ul-x .img {
  display: block;
  width: 100%; }







.ask-x {
  font-size: 0.46667rem;
  color: #3e3e3e; }
  .ask-x .icon-ask {
    width: 0.64rem;
    height: 0.64rem;
    text-align: center;
    line-height: 0.64rem;
    border-radius: 100%;
    background-color: #0d8cff;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto; }
  
.ask-x .ask-li {
    padding: 0.53333rem 0; }
  .ask-x .subtitle {
    line-height: 0.64rem;
    padding-left: 0.93333rem;
    margin-bottom: 0.33333rem;
    display: block; }
  
.ask-x .icon-answer {
    width: 0.64rem;
    height: 0.64rem;
    text-align: center;
    line-height: 0.64rem;
    border-radius: 100%;
    background-color: #FD3333;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto; }
  
.ask-x .icon-law {
    width: 0.64rem;
    height: 0.64rem;
 top: 0;
left: 0;
margin: auto;
 position: absolute;
 border-radius: 100%;
    overflow: hidden; }
  
.ask-x .img {
    display: block;
    width: 100%; }
  
.ask-x .content {
    font-size: 0.37333rem;
    color: #999;
    padding-left: 0.93333rem;
    line-height: 0.53333rem;
    white-space: initial;}









.footer-x {
    padding-top: 0.66667rem;
    font-size: 0.32rem;
    color: #858585;
    line-height: 0.44rem;
    text-align: center;
    box-sizing: border-box; }

.footer-x .bg-b {
    margin-bottom:0.6rem;
      background-size: 100%;
    padding: 1.44rem 0 0;
    height: 6.61333rem;
    box-sizing: border-box;
    margin-top: -1.86667rem;
    box-shadow: 0 1.33333rem 0 #f6f6f6; }

.footer-x .link-b {
    border-top: 0.01333rem solid #e9e9e9;
    padding-top: 0.22667rem;
    font-size: 0.37333rem;
    color: #858585;
    line-height: 0.88rem;
    text-align: center; }
.footer-x .link-li {
    display: inline-block; }
.footer-x .line {
    color:#ababab;
    border-right: 0.02667rem solid;
    display: inline-block;
    height: 0.29333rem;
    margin: 0 0.26667rem; }
.footer-x .copy-right {
    color:#ababab;
    line-height:1.6;
    font-size:0.3rem; }



.bottom1 {
	HEIGHT: 40px
}
#bottom {
	Z-INDEX: 99999; POSITION: fixed; BACKGROUND-COLOR: #007bcb; WIDTH: 100%; BOTTOM: 0px; DISPLAY: table
}
#bottom UL LI {
	MIN-WIDTH: 33%; WIDTH: 33%; FLOAT: left
}
#bottom A {
	DISPLAY: block; COLOR: #fff
}

#bottom2 {
	Z-INDEX: 99999; POSITION: fixed; BACKGROUND-COLOR: #007bcb; WIDTH: 100%; BOTTOM: 0px; DISPLAY: table
}
#bottom2 UL LI {
	MIN-WIDTH: 49%; WIDTH: 49%; FLOAT: left}
#bottom2 A {
	DISPLAY: block; COLOR: #fff
}

.c1 {
	font-size: 0.32rem;TEXT-ALIGN: center; COLOR: #fff; BORDER-RIGHT: #2797d9 1px solid
}
.c2 {
	font-size: 0.32rem;TEXT-ALIGN: center; COLOR: #fff; BORDER-RIGHT: #2797d9 1px solid
}
.c3 {
	font-size: 0.32rem;TEXT-ALIGN: center; COLOR: #fff
}
.c1i {font-size: 0.32rem;TEXT-ALIGN: center; MARGIN: 0px auto; WIDTH: 20px; HEIGHT: 20px; PADDING-TOP: 6px
}



.c_1 {
	font-size: 22px;color: rgb(255, 255, 0);
}
.c_2 {
	font-size: 26px; color: rgb(255, 255, 0);
}