/* 全局样式 */
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input, span{ margin:0; padding:0; -webkit-text-size-adjust: none； }
h1, h2, h3, h4, h5, h6 { font-size:12px; font-weight:normal; }
a img { border:0; }
table { border-collapse:collapse; border-spacing:0; }
body { color:#000000;font:12px; background: #fff;}
ul, ol, li { list-style-type:none; vertical-align:0; }
a { outline-style:none; color:#505050; text-decoration:none;  }
img{display:block;}
i{font-style:normal;}
.left { float:left; }
.right { float:right; }

.hz_yd{
	width: 100%;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
}
/*banner*/
.banner{
	position: relative;
	z-index: 1;
}
.banner img{
	width: 100%;
}

.hz_yd_nr {
    background: url(../img/bj.png);
    background-size: 100% 100%;
    height: auto;
    padding-top: 1%;
}

/*法律*/
.falv {
    width: 90%;
    background-color: #fff;
    margin-top: -25%;
    position: relative;
    z-index: 10;
    padding: 20px 2%;
    box-sizing: border-box;
    overflow: hidden;
    margin-left: 10%;
}
.falv .left{
	width: 65%;
}
.falv .left p {
	font-size: 18px;
	line-height: 40px;
	display:flex;
}
.falv .left p img{
	display: inline-block;
	align-self:center;
	margin-right: 10px;
}
.falv .right{
	width: 30%;
}
.falv .right img{
	width: 100%;
}

.zixun {
    font-size: 18px;
    color: #fff;
    background: url(../img/zixun_bj.png);
    background-size: 100% 100%;
    width: 90%;
    overflow: hidden;
    margin-left: 10%;
    line-height: 50px;
    text-align: center;
    margin-top: 30px;
}
.zixun>a{
    color: #fff;
}
/*简介*/
.jianjie{
	margin-top: 40px;
}
.title{
	background:url(../img/jjbt_bj.jpg);
	background-size: 100% 100%;
    padding-bottom: 10px;
    padding-top:70px;
}
h5{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
.p{
    text-align: center;
    font-size: 18px;
}
.jianjie_nr {
    position: relative;
    width: 100%;
    margin-top: 30px;
    overflow: hidden;
}
.jianjie_nr>div{

}
.jianjie_nr ul {
    width: 300%;
   transition: all 1000ms ease;
   position: absolute;
    
   
   transform:translate(10%);
}
.jianjie_nr ul li{
    padding: 30px 2%;
    width: 30%;
    background-color: #fff;
    text-align: center;
    float: left;
    margin-left:10px;
}
.jianjie_nr ul li:nth-child(1){
    margin-left: 0px;
}
.jianjie_nr ul li>img {
    margin: 0 auto;
    width: 100%;
}
.jianjie_nr ul li h4{
    font-size: 20px;
    font-weight: bold;
    color: #C6272F;
        margin: 6px;
}
.jianjie_nr ul li p{
    font-size: 16px;
    margin-top: 20px;
}
.jianjie_nr ol{
    position: absolute;
    top:100%;
    left: 50%;
    transform: translate(-50%,-100%);
    display:flex
}
.jianjie_nr ol li{
    width: 12px;
    height: 12px;
    background-color: red;
    border-radius: 50%;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    background: url(../img/dian.jpg);
    background-size: 100% 100%;
    align-self:center;
}
.jianjie_nr ol .hover1{
    width: 18px!important;
    height: 18px!important;
    background: url(../img/dians.jpg);
    background-size: 100% 100%;
    align-self:center;
}

/*业务领域*/
.lingyu{
    margin-top: 40px;
    position: relative;
}
.lingyu .tu img{
    width: 100%;
}
.lingyu h5{
    color: #fff;
}
.slideBox{ 
    width:100%;
    height:auto;
    overflow:hidden;    
    padding-bottom: 40px; 
    margin-top: -300px;
    position: relative;
}
.slideBox .hd {
    width: 20%;
    height: auto;
    overflow: hidden;
    position: absolute;
    bottom: 5px;
    z-index: 1;
    left: 55%;
    transform: translate(-55%,0);
}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;width: 100%;display:flex;  }
.slideBox .hd ul li{ 
    float:left; 
    margin-right:2px;  
    width:13px; height:13px; 
    line-height:14px; 
    text-align:center; 
    background:#000; 
    cursor:pointer; 
    background:red;
    border-radius: 49%;
    border:1px solid #fff;
    margin-left: 1%;
    color: #fff;
    background: url(../img/dian.jpg);
    background-size: 100% 100%;
    align-self:center;
}
.slideBox .hd ul li.on{ 
    border-radius: 50%; 
    width: 18px!important;
    height: 18px!important;
    border:1px solid #fff;
    background: url(../img/dians.jpg);
    background-size: 100% 100%;
    align-self:center;
}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;width: 100%;margin: 0 auto;}
.slideBox .bd img{ width:90%; height:auto; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{font-size: 47px; position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px;  color: #fff; }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.ly_nr {
    width: 55%;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px 6%;
    margin-top: 25px;
    box-sizing: border-box;
}
.ly_nr h6{
    font-size: 20px;
    font-weight: bold;
    color: #CB2D34;
    text-align: left;
}
.ly_nr p{
    font-size: 18px;
    line-height: 35px;
}
.zixuns{
    width: 30%;
    height: 45px;
    line-height: 45px;
    background-color: #000;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin: 0 auto;
    margin-top: 40px;
}
.zixuns a{
    color: #fff;
}
/*主任律师*/
.zrls {
    margin-top: 40px;
}

.zrls>.hb{
    width: 97%;
    margin: 0 auto;
    margin-top: 25px;
    position: relative;
}
.zrls>.hb>img{
    width: 100%;
    
}
.zrls>.hb>.name{
    width: 30%;
    line-height: 50px;
    background-color: #C6272F;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-indent: 15%;
    position: absolute;
    bottom: 128px;
    z-index:999;
    
}
.zrls>.hb>.jy{
    width: 86%;
    background:url(../img/zrls.png);
    background-size: 100% 100%;
    padding: 20px 5%;
    position: absolute;
    font-size: 18px;
    color: #fff;
    bottom: 30px;
}
.zrls>.zrls_nr{
    width: 97%;
    margin:0 auto;
    font-size: 18px;
    line-height: 35px;
    margin-top: 15px;
}
.zrls>.zrls_nr>p{
  display:flex;  
  overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}

.zrls>.zrls_nr>p>span{
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #C6272F;
    align-self:center;
    margin-right: 10px;
}



/*律师团队*/
.tuandui{
    margin-top: 40px;
}
h6{
    font-size: 18px;
    text-align: center;
}
h6>span{
    color: #9F202B;
}
.tuandui>.team {
    width: 97%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 40px;
    position: relative;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tuandui>.team>li {
    width: 18%;
}
.tuandui>.team>li:nth-child(2){
    margin: 0 3%;
}
.tuandui>.team>li img{
    margin:0 auto;
    width: 100%;
}
.tuandui>.team>li:last-child{
    margin-right: 0px;
}
.tuandui>.team_js{
    width: 97%;
    margin: 0 auto;
    background-color: #fff;
    padding: 50px 8%;
    padding-top: 80px;
    box-sizing: border-box;
    font-size: 17px;
    line-height: 30px;
    position: relative;
    z-index: 1;
}
.tuandui>.team_js>li{
    margin-bottom: 5px;
    display: none;
}
.tuandui>.team_js h4{
    font-size: 20px;
    font-weight: bold;
}
#left, #right {
    font-size: 30px;
    color: #302f2f;
    position: absolute;
    top: 50%;
    transform: translate(0%,-50%);
    font-weight: bold;
}
#left{
    left: 0%;
}
#right{
    right: 0%;
}
.tuandui>.team_js>ol {
    position: absolute;
    left: 50%;
    transform: translate(-50%,0%);
    margin-top: 15px;
    display:flex;
}
.tuandui>.team_js>ol li{
    width: 13px;
    height: 13px;
    background-color: red;
    border-radius: 50%;
    float: left;
    margin-left: 7px;
    background: url(../img/dian.jpg);
    background-size: 100% 100%;
    align-self:center;
}
.tuandui>.team_js>ol>.hover{
    background-color: #000;
    width: 18px!important;
    height: 18px!important;
    border:1px solid #fff;
    background: url(../img/dians.jpg);
    background-size: 100% 100%;
    align-self:center;
}


/*成功案例*/
.anli{
    margin-top: 40px;
}
.anli>.anli_nr{
    width: 97%;
    margin:0 auto;
}
.anli>.anli_nr p{
    font-size: 17px;
    line-height: 60px;
    color: #333333;
    border-bottom: 1px solid #cec8c8;
    position: relative;
overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
.anli>.anli_nr p>img{
   position: absolute;
   top: 55%;
   left: 94%;
   transform: translate(-55%,-94%);
}


/*汉卓荣誉*/
.rongyu{
    margin-top: 40px;
}
.rongyu h5{
    color: #fff;
}
.tu img {
    width: 100%;
}
.rongyu>.tu{
    position: relative;
}
.rongyu>.tu>.ry_nr{
    overflow: hidden;
    position: absolute;
    top: 77px;
    width: 100%;
}
.rongyu>.tu>.ry_nr>.ying{
    width: 85%;
    margin:0 auto;
    display: none;
}
.rongyu>.tu>.ry_nr>div>img{
    width: 100%;
    margin-top: 35px;
}
.rongyu>.tu>.ry_nr>.tab{
    width: 90%;
    float: right;
    line-height: 80px;
    background-color: #C6272F;
    font-size: 30px;
    color: #fff;
    letter-spacing: 2px;
    padding-left: 5%;
    box-sizing: border-box;
    margin-top: 50px;
    position: relative;
}
#left1{
    margin-right: 20px;
}
#left1,#right1{
    color: #fff;
    font-size: 45px;
}
.rongyu>.tu>.ry_nr>.tab>span{
    width: 20%;
    position: absolute;
    top: 100%;
    left:98%;
    transform: translate(-100%,-98%);
}

/*联系我们*/
.lianxi{
    margin-top: 70px;
    background:url(../img/lianxi.png);
    padding: 35px 1.5%;
    padding-top: 80px;
}
.lianxi h5{
    color: #fff;
}
.lianxi>form>p{
    font-size: 18px;
    text-align: center;
    color: #fff;
}
.lianxi>form>input{
    width:49%;
    float: left;
    border:1px solid #fff;
    text-indent: 1em;
    line-height: 45px;
    margin-top: 20px;
}
.lianxi>form>input:nth-child(4){
    float: right;
}
.lianxi>form>textarea{
    width: 100%;
    line-height: 60px;
    border:1px solid #fff;
    text-indent: 1em;
    margin-top:20px;
}

/*底部*/
footer{
    padding: 30px 0;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
}
footer p span{
    display: inline-block;
}
/*微信公众号*/
.gzh{
    margin: 5px 0;
    background: #fff;
    padding: 25px 0 20px 0;
    box-sizing: border-box;
    text-align: center;
}
.gzh div{
    width: 46%;
    margin: 0 auto;
}
.gzh div img{
    width: 100%;
}
.gzh p{
    font-size: 16px;
    margin-top: 0.02rem;
}
@media screen and (max-width: 606px){
.slideBox {
    margin-top: -285px;
}
}
@media screen and (max-width: 550px){
.slideBox .hd {
    left: 53.5%;
}
}
@media screen and (max-width: 568px){
.slideBox {
    margin-top: -267px;
}
.ly_nr {
    width: 62%;
}
}
@media screen and (max-width: 538px){
.slideBox {
    margin-top: -237px;
}
.ly_nr p {
    line-height: 28px;
}
}


@media screen and (max-width: 500px){
.falv .left p {
    font-size: 16px;
    line-height: 28px;
}
h5 {
    font-size: 26px;
}
.p {
    font-size: 16px;
}
.jianjie_nr ul li p {
    font-size: 12px;
}
.jianjie_nr {
    margin-top: 15px;
    padding-bottom: 20px;
}
.jianjie_nr ul li {
    padding: 18px 2%;
}
.ly_nr h6 {
    font-size: 18px;
}
.ly_nr p {
    font-size: 15px;
    line-height: 28px;
}


.zrls>.hb>.name {
    line-height: 45px;
    font-size: 26px;
    bottom: 110px;
}
.zrls>.hb>.jy {
    padding: 15px 5%;
    font-size: 16px;
    bottom: 20px;
}
.zrls>.zrls_nr {
    font-size: 16px;
    line-height: 30px;
}
.zixuns {
    font-size: 15px;
}
.anli>.anli_nr p {
    font-size: 15px;
    line-height: 45px;
}
.rongyu>.tu>.ry_nr {
    top: 65px;
}
.rongyu>.tu>.ry_nr>div>img {
    margin-top: 0px;
}
.rongyu>.tu>.ry_nr>.tab {
    line-height: 55px;
    font-size: 24px;
}
#left1, #right1 {
    font-size: 32px;
}
.rongyu>.tu>.ry_nr>.tab>span {
    top: 100%;
    left: 100%;
    transform: translate(-100%,-100%);
    width: 28%;
}
.tuandui>.team_js {
    padding-top: 70px;
}
.tuandui>.team_js h4 {
    font-size: 18px;
}
.tuandui>.team_js>li {
    font-size: 15px;
}
}

@media screen and (max-width: 450px){
.ly_nr {
    width: 66%;
    margin: 0 auto;
    background-color: #fff;
    padding: 15px 4%;
    margin-top: 15px;
}

.ly_nr h6 {
    font-size: 15px;
}
.slideBox {
    margin-top: -210px;
}
.slideBox .hd {
    left: 55%;
    transform: translate(-55%,0);
}
.rongyu>.tu>.ry_nr>.tab {
    line-height: 50px;
    background-color: #C6272F;
    font-size: 24px;
    margin-top: 30px;
}
.slideBox .hd {
    left: 55%;
}
.jianjie_nr ul li p {
    margin-top: 10px;
}
}

@media screen and (max-width: 498px){
.ly_nr {
    margin-top: 20px;
}
.slideBox {
    margin-top: -223px;
}
.slideBox .hd {
    left: 52%;
}
}
@media screen and (max-width: 464px){
.slideBox {
    margin-top: -214px;
}
.slideBox .prev, .slideBox .next {
    top: 45%;

}
}
@media screen and (max-width: 429px){
.slideBox {
    margin-top: -188px;
}
.slideBox .prev, .slideBox .next {
    top: 40%;
}
}
@media screen and (max-width: 400px){
.slideBox .hd {
    width: 25%;

}
.falv .left p img {
    width: 16px;
}
.falv .left p {
    font-size: 14px;
    line-height: 24px;
}
.zixun {
    font-size: 14px;
}
h5 {
    font-size: 22px;
}
.p {
    font-size: 12px;
}
.jianjie_nr ul li h4 {
    font-size: 15px;
}
.ly_nr p {
    font-size: 12px;
    line-height: 23px;
}
.slideBox {
    margin-top: -187px;
    padding-bottom: 35px;
}
.slideBox .prev, .slideBox .next {
    font-size: 35px;
    top: 45%;
}
.zrls>.hb>.name {
    line-height: 40px;
    font-size: 22px;
    bottom: 105px;
}
.zrls>.hb>.jy {
    padding: 12px 5%;
    font-size: 14px;
    bottom: 17px;
}
.zrls>.zrls_nr {
    font-size: 12px;
    line-height: 25px;
}
.zrls>.zrls_nr>p>span {
    width: 12px;
    height: 12px;
}
.zixuns {
    width: 30%;
    height: 40px;
    line-height: 40px;
    background-color: #000;
    text-align: center;
    font-size: 13px;
    color: #fff;
    margin: 0 auto;
    margin-top: 30px;
}
.zixuns >a{
    color: #Fff;
}
h6 {
    font-size: 14px;
    text-align: center;
}
.tuandui>.team_js h4 {
    font-size: 15px;
}
.tuandui>.team_js>li {
    font-size: 12px;
    line-height: 23px;
}
.tuandui>.team_js {
    padding-top: 60px;
}
.tuandui>.team_js>ol {
    left: 49%;
}
.anli>.anli_nr p {
    font-size: 12px;
    line-height: 40px;
}
.anli>.anli_nr p>img {
    position: absolute;
    top: 55%;
    left: 98%;
    transform: translate(-55%,-94%);
    width: 18px;
}
.rongyu>.tu>.ry_nr>.tab {
    line-height: 45px;
    background-color: #C6272F;
    font-size: 20px;
    margin-top: 20px;
}
.slideBox .hd {
    left: 51.5%;
}
.rongyu>.tu>.ry_nr {
    top: 54px;
}
.lianxi>form>p {
    font-size: 14px;
}
}
@media screen and (max-width: 371px){
.slideBox {
    margin-top: -165px;
    padding-bottom: 35px;
}
.slideBox .prev, .slideBox .next {
    font-size: 35px;
    top: 40%;
}
footer {
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
    line-height: 23px;
}
.lianxi>form>textarea {
  margin-top: 10px;
    line-height: 50px;

}
h5 {
    font-size: 18px;
}
.title {
    padding-top: 45px;
}
.tuandui>.team {
    margin-top: 25px;
}
}
@media screen and (max-width: 350px){
.tuandui>.team_js {

    padding: 50px 6%;

}
.jianjie_nr {
    margin-top: 15px;
    padding-bottom: 20px;
}
.anli>.anli_nr p>img {
    display: none;
}
.slideBox {
    margin-top: -160px;
    padding-bottom: 35px;
}
.ly_nr {
    width: 65%;
}
.slideBox .prev, .slideBox .next {
    font-size: 35px;
    top: 40%;
}

.anli>.anli_nr p {
    font-size: 12px;
    line-height: 35px;
}
.rongyu>.tu>.ry_nr {
    top: 43px;
}
}
@media screen and (max-width: 330px){
.slideBox {
    margin-top: -153px;
    padding-bottom: 35px;
}
.slideBox .prev, .slideBox .next {
    font-size: 35px;
    top: 35%;
}
.slideBox .hd {
    left: 52.5%;
    transform: translate(-55%,0);
}
}
@media screen and (max-width: 320px){
.slideBox .hd {
    left: 51%;
    transform: translate(-55%,0);
}
}