@media (max-width:767px){
	body{
		font-size: 13px;
	}
	.m{
		width:95%;
		margin:0 auto;
	}
	.business_con img{
    width: 80%;
    text-align: center;	
	}

	/*导航部分*/
	.header-right,.header-middle,.nav ul div,.zixun{
		display: none;
	}
	.header{
		margin: 0px auto!important;
		/* background: #fff;
		position: fixed;
		top: 0px;
		z-index: 999;
		width: 100%; */
	}
	.banner img{
		height:250px;
		object-fit: cover;
	}
	.tab{
		margin-top: 20px;
	}
	.logo{
		width:200px;
		height: auto;
		margin: 10px 0px;
	}
	.mobile_nav{
		display: block;
		position: absolute;
		right: 10px;
		top: 16px;
		width: 30px;
		height: 25px;
	}
	/* .nav{
		width: 130px;
	} */
	.nav ul{
		width: 130px;
		background: #fff;
		position: absolute;
		right: 0px;
		top: 50px;
		line-height: 30px;
		display: none;
		z-index: 9;
	}
	.nav ul li{
		width: 100%;
	}
	.nav ul li a{
		line-height: 30px;
	}
	.nav dl{
		top: -70px;
		right: 130px;
	}
	.nav-color a{
		color:#fff;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets{
		bottom:10px;
	}
	.swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}
	.subnav{
		position: static;
		margin-top: 20px;
	}
	.subnav li a{
		line-height: 50px;
		font-size: 14px;
	}
	.subnav li img{
		width: 20px;
		height: 20px;
	}
	
	/*首页正文*/
	.public_title{
		margin: 30px auto;
	}
	.business{
		padding-top: 0px;
	}
	.chinese{
		font-size: 24px;
	}
	.bus_swiper{
		display: none;
	}
	.swiper-container3{
		display: block;
		overflow: hidden;
	}
	.swiper-button-prev{
		left: 10px;
	}
	.swiper-button-next{
		right: 10px;
	}
	.swiper-button-next, .swiper-button-prev{
		top:50%
	}
	.area .flex span{
		font-size: 18px;
	}
	.area .flex img{
		width: 40px;
		height: 40px;
	}
	.layer{
		height: 130px;
		margin-top: 50px;
	}
	.layer div{
		font-size: 17px;
		padding: 55px 0px 10px;
	}
	.layer p{
		font-size: 12px;
	}
	.about_con{
		display: block;
	}
	.about_left,.about_right{
		width: 100%;
		clear: both;
		float: none;
		height: auto;
		position: static;
	}
	.about_right{
		margin-top: 15px;
	}
	.about_left_back,.about_left_line,.about_left p,.common_left li p{
		display: none;
	}
	.about_left img{
		position: static;
		width: 100%;
		height: 150px;
		object-fit: cover;
	}
	.about_right a{
		margin-top: 15px;
		font-size: 16px;
		float: right;
	}
	.common{
		display: block;
	}
	.common_left{
		width: 100%;
	}
	.common_left li{
		float: left;
		width: 24.5%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		border: none;
		border-right: none;
		border-bottom: 5px solid #e6e6e6;
		padding: 0px;
	}
	.common_hover,.common_left li:hover{
		border: none!important;
		border-right: none!important;
		border-bottom: 5px solid #9F3B3B!important;
	}
	.common_left li div{
		padding-top:10px;
	}
	.common_right{
		position: static;
		width: 100%;
	}
	.common_right li{
		display: block;
	}
	.common_right img{
		width: 100%;
		height: 150px;
		margin-right: 0px;
		margin-top: 15px;
	}
	.common_right ul{
		width: 100%;
		height: 390px;
		margin-top: 15px;
	}
	.flex2{
		margin: 20px;
	}
	.know a{
		margin: 20px 10px;
	}
	.service li{
		width:47%;
		margin: 10px 1.5%;
		height: 170px;
	}
	.service1{
		width: 80px;
		height: 80px;
	}
	.service1, .service2{
		margin: 15px auto;
	}
	.service_middle{
		margin: 0px 15px;
		font-size: 14px;
	}
	.service_number{
		font-size: 30px;
		bottom: 5px;
		display: none;
	}
	.why li{
		width: 47%;
		margin: 10px 1.5%;
		position: relative;
	}
	.why li:nth-child(odd){
		float: left;
	}
	.why li:nth-child(even){
		float: right;
	}
	.why li img{
		width: 100%;
		height: 100px;
	}
	.why li p{
		font-size: 17px;
		position: absolute;
		top:43px;
		margin-top:0px;
		margin: auto;
		left: 0;
		right: 0;
	}
	.imme li{
		width: 47%;
		margin: 10px 1.5%;
	}
	.imme li img{
		width: 120px;
		height: 125px;
		margin-bottom:20px
	}
	.imme li div img{
		width: 40px;
		height: 35px;
		
	}
	.imme li div{
		top:25px;
		font-size: 16px;
	}
	.imme a{
		width: 100%;
		margin-top: 15px;
	}
	.customer li{
		width: 47%;
		margin: 10px 1.5%;
	}
	.customer li img{
		height: 100px;
	}
	.customer li p{
		line-height: 18px;
	}
/*	.customer li:last-child{
		height: 100px;
		line-height: 100px;
		font-size: 100px;
	}*/
	.related-left, .related-right{
		width: 100%;
		clear: both;
		float: none;
	}
	.relate_title p{
		font-size: 20px;
	}
	.relate_middle{
		margin-top: 10px;
	}
	.relate_middle img{
		width: 150px;
		height: 100px;
	}
	.relate_middle div{
		width: 55%;
	}
	.relate_middle div div{
		width: 100%;
		margin: 10px auto;
	}
	.relate_middle div a{
		margin-top: 15px;
	}
	.related-left ul li{
		width: 90%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.related-right{
		margin-top: 20px;
	}
	.related-right ul{
		margin-top: 15px;
	}
	.related-right li{
		height: auto;
	}
	.call{
		height: 130px;
		margin-top: 50px;
	}
	.call div{
		font-size: 22px;
		padding: 25px 0px 10px;
	}
	.call p{
		width: 70%;
		font-size: 18px;
		line-height: 35px;
		margin-top: 10px;
	}
	.online_left,.online_right{
		width: 100%;
		clear: both;
		float: none;
	}
	.online_right button{
		margin-bottom:80px;
	}
	.online_left{
		margin-bottom: 30px;
	}
	.online_left li div{
		width: 25px;
		height: 25px;
		margin-right: 7px;
	}
	.online_left li img{
		margin-top: 3px;
	}
	.online_left li span{
		line-height: 45px;
	}
	.ma{
		margin: 20px auto;
	}
	.online_right div input{
		width: 47%;
		margin: 10px 1.5%;
	}
	.online_right textarea{
		width: 92%;
		padding: 5px 4%;
	}
	
	/*业务领域*/
	.current{
		margin: 25px auto;
	}
	.tab li{
		margin: 0px 5px;
		padding-bottom:5px;
		width: 90px;
	}
	.tab2{
		display: block;
	}
	.tab2 li{
		width: 29%;
		margin: 0px 1.515%;
	}
	.triangle,.current{
		display: none;
	}
	.something{
		display: block;
		padding: 0px;
		border: none;
		margin: 15px auto;
	}
	.something li{
		float: left;
		width: 32%;
		margin: 5px 0.515%!important;
		border-radius: 25px;
		font-size: 13px;
		line-height: 35px;
	}
	
	/*律师答疑*/
	.layer_list li a{
		padding: 20px 0px;
	}
	.date{
		font-size: 24px;
		margin-right: 6px;
	}
	.date span{
		font-size: 18px;
	}
	.dayi2{
		width: 95%;
	}
	.layer_question{
		font-size: 18px;
		width: 96%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.layer_answer{
		display: block;
    	width: 96%;
	}
	.layer_width{
		width: 65%!important;
	}
	.ys{
		margin:20px auto;
	}
	.ys li{
		margin: 0px 5px;
	}
	.prve a, .next a,.ys li:first-child{
		padding: 5px 7px;
	}
	.ys_number a{
		padding: 5px;
	}
	
	/*法律解读*/
	.law{
		display: block;
		margin-top: 20px;
	}
	.law li{
		width: 100%;
		height: auto;
		margin: 10px 0px;
	}
	.law a div{
		margin: 20px;
	}
	.law a img{
		height: 150px;
		margin-bottom: 15px;
	}
	.add{
		line-height: 260px;
	}
	
	/*经典案例*/
	.case{
		margin-top: 20px;
	}
	.case a{
		display: block;
		height: auto;
		text-align: center;
		padding-bottom: 15px;
	}
	.case img{
		margin: 10px auto;
		height: 130px;
	}
	.case a div{
		width: 90%!important;
		padding: 0px 5%;
	}
	.case a div div{
		margin: 15px auto;
	}
	.will_samll_ttile{
		margin-top: 20px;
		font-size: 16px;
		line-height: 40px;
	}
	.layer_line{
		display: none;
	}
	.layer_swiper{
		display: block;
	}
	.layer_left,.layer_right{
		width:95%;
		margin:10px auto;
		height: auto;
	}
	.layer_swiper img{
		width: 100%;
		height:auto;
		position: static;
	}
	.team li{
		width: 100%;
		display: flex;
		align-items: center;
		padding-bottom: 0px;
		margin: 10px 0px;
	}
	.team li img{
		width:30%;
		height: auto;
		margin-right: 10px;
	}
	.introduce{
		font-size: 13px;
		line-height: 20px;
	}
	.law_samll_title{
		font-size: 17px;
		margin: 5px auto;
	}
	
	/*联系我们*/
	.callus{
		display: block;
		margin: 30px auto;
	}
	.callus div{
		display: none;
	}
	.callus ul{
		margin: 0px 35px 0px;
	}
	#allmap{
		height: 350px;
	}
	
	/*03遗产继承*/
	.le li{
		margin: 15px 1.515%;
	}
	.le li div{
		width: 90px;
		height: 90px;
	}
	.le li div img{
		height: 50px;
		width: auto;
		margin-top: 20px;
	}
	.liu1,.liu2{
		width: 100px;
		height: 100px;
	}
	.legal{
		height: 700px;
	}
	.legal_list li{
		width: 30%;
		margin: 10px 1.515%;
	}
	.legal_list li p{
		font-size: 18px;
		top: 40px;
	}
	.legal_list li:last-child{
		margin:10px auto;
		text-align: center;
		width: 100%;
	}
	.legabout{
		display: block;
	}
	.legabout div{
		width: 100%;
	}
	.legabout img{
		width: 100%;
		height: 150px;
		margin-right: 0;
	}
	.book-swiper{
		display: none;
	}
	.mobile-book-swiper {
		display: block;
	}
	.mobile-book-swiper img{
		width: 100%;
	}
	.do{
		display: none;
	}
	.do1, .do2, .do3, .do4, .do5{
		position: static;
		margin: 0 10px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		display: inline-block;
	    float: left;
	}
	.follow{
		position: static;
	}
	.follow p{
		position: static;
		margin: 0 auto;
		width: 75%;
		line-height: 50px;
		display: inline-block;
		text-align: left;
	}
	.law03{
		display: none;
	}
	.bookType li{
		width: 25%;
		margin: 20px 0px;
		line-height: 40px;
	}
	.smallcurcle{
		width: 100%;
		margin-top: 0px;
	}
	.bigcurcle{
		display: none;
	}
	.why_con div{
		width: 100%;
		position: static;
		margin: 15px auto;
		border-bottom: 1px solid #e6e6e6;
	}
	.why_small_title{
		margin: 10px auto 20px;
	}
	.why_public{
		margin-top: -120px;
	}
	.need_left,.need_right{
		float: none;
		clear: both;
		width: 100%;
	}
	.needimg{
		width: 50%;
		height: auto;
		margin: 15px 25%;
		text-align: center;
	}
	.problem_left,.problem_right{
		width: 100%;
		clear: both;
		float: none;
	}
	.problem-swiper img{
		width: 100%;
		height: 150px;
	}
	.pro{
		position: static;
		width: 100%;
		
	}
	.pro-con,.pto-title,.pro-date{
		padding:10px 0px;
		margin: 0px 20px;
	}
	.pro_prev{
		left: 75%!important;
	}
	.pro_next, .pro_prev{
		top: 100%!important;
	}
	.reading-swiper{
		display: none;
	}
	.mobile-reading-swiper{
		display: block;
	}
	.mobile-reading-swiper .swiper-slide{
		margin: 10px auto;
	}
	.mobile-reading-swiper .swiper-slide:hover{
		box-shadow: 0px 0px 10px #666;
		margin: 10px auto;
	}
	.mobile-reading-swiper{
		padding-bottom: 50px;
	}
	.mobile-reading-swiper .swiper-slide:hover .read_add{
		display: none;
	}
	.mobile-reading-swiper .swiper-slide:hover .read_add2{
		display: block;
	}
	.mobile-reading-swiper a{
		position: relative;
		display: block;
		padding-bottom:50px;
	}
	.mobile-reading-swiper a div{
		height: 70px;
		width: 85%;
		margin: 5px auto;
		color:#9F3B3B
	}
	.mobile-reading-swiper a p{
		font-size: 14px;
		line-height: 22px;
		width: 85%;
		margin: 5px auto;
	}
	.read_prev{
		left: 75%!important;
	}
	
	/*房产律师*/
	.about_back{
		height: 250px;
	}
	.house_about_left .public_title{
		margin: 30px auto;
	}
	.house_about_left{
		width: 100%;
		
	}
	.house_about_right,.b_english{
		display: none;
	}
	.bArea li div{
		width: 70px;
		height: 70px;
		margin: 0px auto 10px;
	}
	.bArea li div img{
		height: 34px;
		margin-top: 18px;
	}
	.b_title{
		font-size: 16px;
	}
	.ques img{
		display: none;
	}
	.ques_right,.ques_left,.ques_right div, .ques_left div{
		position: static;
	}
	.ques_right div, .ques_left div{
		width: 45%;
		margin: 10px 2%;
		float: left;
	}
	.heart{
		height: 1100px;
		margin: 30px auto;
	}
	.heart li{
		padding: 20px 0px;
		width: 100%;
		border: none!important;
		border-bottom: 1px solid #fff!important;
	}
	.heart li img{
		width: 50px;
	}
	.heart_title{
		font-size: 20px;
		margin: 5px auto;
	}
	.heart_con{
		line-height: 25px;
	}
	.heart li a{
		margin-top: 15px;
	}

	.la1,.la2,.la3{
		display: none;
	}
	.pro2 li{
		width: 45%;
		margin: 10px 2%!important;
		justify-content: center;
		height: 80px;
	}
	.pro2 li p{
		display: none;
	}
	.pro2 li div{
		text-align: center;
	}
	.pro2 li div p{
		display: block;
		text-align: center;
	}
	.cus{
		height: 580px;
	}
	.case-swiper{
		display: none;
	}
	.mobile-case-swiper{
		display: block;
	}



	
	/*底部*/
	.botttom,.foot{	
		display: none;
	}
	.mobile_bottom{
		display: block;
		width: 100%;
		right: 1px;
		background: rgba(0,0,0,0.5);
		position: fixed;
		bottom: 0;
		z-index: 999;
	}
	.mobile_bottom li{
		width: 25%;
		text-align: center;
		padding: 5px 0px;
	}
	.mobile_bottom li img{
		height: 25px;
		
	}
	.mobile_bottom li p{
		color:#fff;
		margin:5px auto;
	}
	/*悬浮窗
	.left{
		display: none;
	}*/
	.left ul {
    width: 65px;
	}
	.left li {
    height: 65px;
	}
	.online_right {
    padding-bottom: 4rem;
	}
	.teamimg img{
    height: 12rem;
    object-fit: cover;
    object-position: top;
	}

}