html {
    scroll-behavior: smooth;
		height: 100%;
		font-size:10px;
}
body {
	height: 100%;
	font-family: 'Lato', sans-serif;
	background: #fff;
	color: #333333;
	min-height: 100%;
}
body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
   -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
    outline: none;
}
h1,h2,h3,h4,h5,h6,p,ul {margin: 0;padding: 0;font-family: 'Poppins', sans-serif;}
ul {list-style-type: none;}
a{color: inherit;}
a:hover {text-decoration: none !important;}
a:focus {outline: none;text-decoration: none !important;}
a:link {text-decoration: none !important;}
button:focus{outline: none;}
a:visited {text-decoration: none !important;}
input{border: none;}
input:focus{outline: none;}
div:focus{outline: none;}
.full-img{width: 100%;height: 100%; object-fit:cover;}
.text-center{text-align: center;}
.theme-color{color: #0080FF;}
.flex{display: flex;}
.flex-item{flex: 1;}
.flex-column{flex-direction: column;}
.flex-wrap{display: flex;flex-wrap: wrap;}
.flex-center{justify-content: center;}
.flex-middle{align-items: center;}
.flex-between{justify-content: space-between;}
.flex-around{justify-content: space-around;}
.flex-end{justify-content:flex-end;}
/* 首页 */
.pc-content{
	width: 120rem;
	margin: 0 auto;
}
.pc-content-t{
    position: absolute;
	bottom: 16.72%;
    left: 11%;
    /*display: flex; */
    align-items: center;
	width: 120rem;
	margin: 0 auto;
}
.header{
	height: 10rem;
}
.header-phone-img{
		width: 4rem;
		height: 4rem;
		margin-right: 1rem;
}
.header-phone{
	font-family: FandolHei-Bold;
	font-size: 2rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #333333;
}
.header-phone-desc{
	font-family: SourceHanSansCN-Regular;
	font-size: 1rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #969696;
}
.logo {
	width: 26rem;
}
/* banner 轮播 */
.banner-top,.swiper1{
   	height: 66rem;
   }
   /* 轮播图会变形，写响应式高度 */
@media screen and (min-width:1200px) and (max-width:1920px){
   .banner-top,.swiper1{
   	height: 66rem;
   }
}
@media screen and (min-width:1910px) and (max-width:2560px){
   .banner-top,.swiper1{
   	height: 88rem;
   }
}
.banner2{
	height: 100%;
	width: 100%;
	/* background: url(../image/pc/banner2bg.jpg); */
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	padding-left: 40px;
}
.banner-title{
	font-size: 5rem;
	font-weight: 400;
	line-height: 8.5rem;
}
.banner-desc{
	font-size: 3rem;
	color:#666666;
	letter-spacing:.5rem;
	margin-top: 2rem;
}
.banner-btn{
	margin-top: 6rem;
}
.banner-btn-item{
	border: 2px solid #0080FF;
	width: 20rem;
	height: 5rem;
	border-radius: 0.2rem;
	line-height: 5rem;
	text-align: center;
	font-size: 2.4rem;
}
.banner-btn-item:hover{
	cursor:pointer
}
.banner-btn-item:nth-child(1){
	background: #0080FF;
	color: #FFFFFF;
	margin-right: 3rem;
}
.banner-btn-item:nth-child(2){
	color: #0080FF;
	background: transparent;
}
/* 数据 */
.number-panel{
	height: 15rem;
	box-shadow: 0 0 2rem 0 rgba(169, 195, 255, 0.24);
}
.number-panel-content{
	height: 15rem;
}
.number-panel-h1{
	font-size: 4.8rem;
	color: #0080ff;
}
.number-panel-h5{
	font-size: 2.4rem;
}
.number-panel-desc{
	font-size: 1.6rem;
	color: #666666;
}
.vertical-line{
	width: 0.1rem;
	height: 4rem;
	background-color: #c7c7c7;
}
/* 每个模块的大标题 */
.panel-title{
	margin-bottom:6rem;
}
.panel-title1{
	color: #999999;
	text-transform:uppercase;
	font-size: 6rem;
	opacity: 0.1;
	font-weight: 700;
}
.panel-title2{
	font-size: 3rem;
	margin-top: -3.5rem;
}
.panel-title3{
	color: #999999;
	font-size: 1.6rem;
	margin-top: 2.9rem;
}
.panel-a-box,.panel-b-box,.panel-d-box,.panel-e-box,.panel-f-box,.panel-g-box{
	padding: 7rem 0 8rem;
}
.panel-b-box,.panel-d-box,.panel-f-box{
	background: #fbfbfb;
}
/* 常见按钮 */
.panel-btn{
	background: #0080FF;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.4rem;
	width: 12rem;
	height: 3.2rem;
	line-height: 3.2rem;
	border-radius: 0.4rem;
	display: inline-block;
}
.panel-btn:hover{
	cursor: pointer;
}
.panel-btn1{
	background: #0080FF;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.4rem;
	width: 12rem;
	height: 3.2rem;
	line-height: 3.2rem;
	border-radius: 0.4rem;
	display: inline-block;
}
.panel-btn1:hover{
	cursor: pointer;
	transform: scale(1.1);
}
/* 模块a 专业领域 */
.panel-a-item{
	background-color: #FFF;
	width: 29.9rem;
	height: 32rem;
	padding: 4rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	transition: .3s;
	border-bottom: 0.1rem solid #FFFFFF;
}
.panel-a-item:nth-child(-n + 7){
	border-bottom: 0.1rem solid #f0f0f0;
}
.panel-a-line{
	width: 0.1rem;
	height: 32rem;
	background: #F0F0F0;
}
.panel-a-item:hover{
	transform: scale(1.05);
	box-shadow: 0 0 2rem 0 rgba(169, 195, 255, 0.24);
	border-bottom: 0.1rem solid #fff;
}
.panel-a-item:hover .panel-a-more{
	background: #0080FF;
	color: #FFFFFF;
}
.panel-a-img{
	width: 10rem;
	height: 6.5rem;
}
.panel-a-title{
	font-size: 2rem;
}
.panel-a-desc{
	font-size: 1.4rem;
	color: #999999;
  line-height: 2rem;
}
.panel-a-more{
	font-size: 1.4rem;
	transition: .3s;
	text-align: center;
	line-height: 3.2rem;
	border-radius: 0.4rem;
	width: 12rem;
	height: 3.2rem;
}
/* 模板b 离婚常见问题纠纷 */

.panel-b-item{
	background: #FFFFFF;
	width: 28.5rem;
	height: 28.9rem;
	border-bottom-right-radius: 3rem;
	padding: 3rem;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.panel-b-item:hover
{
	transform: scale(1.05);
	box-shadow: 0 0 3rem 0 rgba(169, 195, 255, 0.24);
	border-bottom: 0.1rem solid #fff;
}
.panel-b-item:nth-child(-n +4){
	margin-bottom: 3rem;
}
.panel-b-img{
	position: absolute;
	width: 7rem;
	height: 7rem;
	right:-0.5rem;
	top: -0.5rem;
}
.panel-b-title{
	font-size: 2rem;
}
.panel-b-title::before{
	content: "";
	display: inline-block;
	background: #0080FF;
	height: 2.4rem;
	width: 0.4rem;
	border-radius: 0.5rem;
	margin-right: 1rem;
}
.panel-b-desc{
	font-size: 1.4rem;
	color: #999999;
	line-height: 3.2rem;
}
.panel-b-desc>li{
	border-bottom: 1px solid #999999;
	display: inline-block;
}

/* 表单 */
.panel-form-box{
	background-image: url(../image/pc/表单bg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 19.7rem;
}
.panel-form{
	margin-top: 4rem;
}
.panel-form-title{
	font-size: 3rem;
	font-weight: bold;
	color: #fdfbfb;
}
.panel-form-line{
	width: 0.2rem;
	height: 3rem;
	background-color: #fdfbfb;
	margin:  0 2rem;
}
.input-item{
	background-color: #FFFFFF;
	width: 31rem;
	height: 5rem;
	border-radius: 0.4rem;
	margin-right: 1.8rem;
	padding: 0 2rem;
}
.input-item input{
	flex: 1;
	height: 2.8rem;
	padding: 0 2rem;
	font-size: 1.6rem;
}
.panel-form-btn{
	background: #fbbc05;
	color: #ea4335;
	font-size: 2rem;
	width: 22.7rem;
	height: 5rem;
	text-align: center;
	border-radius: 0.4rem;
}
/*  */
.panel-c-box{
	padding: 7rem 0 0;
	box-sizing: border-box;
}
.panel-c-content{
	margin-top: -3rem;
	height: 55.8rem;
}
.panel-c-left,.panel-c-right{
	width: 37.4rem;
}
.panel-c-left{  margin-top: 2.5rem;}
.panel-c-left .panel-c-title{
	text-align: right;
}
.panel-c-item{
	margin-bottom: 5.5rem;
}
.panel-c-title{
	margin-bottom: 2rem;
	font-size: 2rem;
	position: relative;
}
.panel-c-left .panel-c-title img{
	width: 9.1rem;
	height: 8.5rem;
	position: absolute;
	right: -4.6rem;
	z-index: -1;
	top: -1.4rem;
}
.panel-c-right .panel-c-title img{
	width: 9.1rem;
	height: 8.5rem;
	position: absolute;
	left: -4.6rem;
	z-index: -1;
	top: -1.4rem;
}
.panel-c-msg img{
	width: 3.6rem;
	height: 3.6rem;
}
.c-msg-text{
	display: inline-block;
	width: 30.8rem;
	font-size: 1.4rem;
	line-height: 2.2rem;
	color: #666666;
}
.panel-c-left .c-msg-text{
	text-align: right;
}
.panel-c-img{
	height: 55.8rem;
	width: 30.3rem;
}
.panel-c-btn{
	width: 26rem;
	height: 5rem;
	border-radius: 0.4rem;
	background-color: #0080FF;
	text-align: center;
	line-height: 5rem;
	color: #FFFFFF;
}
/* 模块d 律师团队 */
.panel-d-item:nth-child(2n+1){
	margin-right: 2rem;
}
.panel-d-item{
	width: 52rem;
	height: 27rem;
	background-color: #ffffff;
	box-shadow: 1rem 1rem 2rem 0rem rgba(153, 153, 153, 0.07);
	border-radius: 1rem;
	margin-bottom: 3rem;
}
.panel-b-left{
	width: 19rem;
	height: 27rem;
	border-radius: 1rem 0rem 0rem 1rem;
}
.panel-d-right{
	font-size: 1.4rem;
	padding: 3rem 2rem;
	box-sizing: border-box;
}
.panel-d-title{
	font-size: 2rem;
}
.d-title-tag{
	background-size: 100% 100%;
	width: 9rem;
	height: 2rem;
	border-radius: 1rem;
	color: #FFFFFF;
	font-size: 1rem;
	line-height: 2rem;
	padding-left: 3rem;
	margin-right: 1rem;
}
.d-tag-item{
	color: #0080FF;
	font-size: 1.4rem;
	width: 9rem;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	border-radius: 2rem;
	border: solid 0.1rem #0080ff;
}
.panel-d-text{
	color: #808080;
}
.panel-d-line{
	background-color: #cccccc;
	width: 1px;
	height: 1.8rem;
	margin: 0 1rem;
}
.swiper2-box,.swiper3-box{
	position: relative;
}
.swiper2{
	width: 110rem;
}
/* 模块e 美宜家标准服务流程 */
.panel-e{
	margin-bottom: 11rem;
}
.panel-e-left{
	height: 28rem;
}
.panel-e-item{
	margin-bottom: 6rem;
}
.panel-e-item:nth-child(3n){
	margin-bottom:0;
}
.panel-e-item:nth-child(-n+3){
	margin-right: 6rem;
}
.e-item-img{
	width: 2rem;
	height: 3rem;
	margin-right: 2rem;
}
.panel-e-text{
	display: inline-block;
}
.e-title-tip{font-size: 1.4rem;}
.e-item-title{
	font-size: 2rem;
}
.e-item-desc{font-size: 1.4rem;color: #999999;}
.panel-e-right {
	width: 49rem;
	height: 35rem;
	margin-left: 4rem;
}
.panel-e-btn{
	background: #0080FF;
	color: #FFFFFF;
	font-size: 2rem;
	width: 23rem;
	height: 5rem;
	border-radius: 0.4rem;
	text-align: center;
	line-height: 5rem;
	margin: auto;
}
/* 模块f */
.swiper3-box{
	margin-bottom: 6rem;
}
.swiper3-box .swiper-slide {
	height: 40rem;
	background: url(../../../../uploads/allimg/20210106/1-2101061J634a9.png) no-repeat;
	background-size: 100% 100%;
/* 	background-color: #ffffff;
	box-shadow: 0rem 0rem 2rem 0rem 
		rgba(0, 128, 255, 0.14);
	border-radius: 0rem 0rem 3rem 0rem; */
}
.swiper3{
	width: 100rem;
}
.swiper3 .swiper-wrapper{
	width: 105rem;
	height: 45rem;
	align-items: center;
}

.panel-f-item{
	padding: 4rem 0;
}
.panel-f-avatar{
	width: 8rem;
	height: 8rem;
	margin-right: 3rem;
}
.f-name{
	font-size: 2rem;
	margin-bottom: 0.4rem;
}
.f-subname{
	font-size: 1.4rem;
	color: #999999;
}
.panel-f-desc{
	font-size: 1.4rem;
	color: #999999;
	text-indent: 2.5rem;
	width: 23rem;
	letter-spacing: 1px;
	line-height: 2rem;
	margin:3rem auto;
}
/* 模块g 联系我们 */
.panel-g-left {
	width:  79rem;
	height:  44rem;
	margin-right: 2rem;
}
.panel-g-right{
	width: 40rem;
	height: 44rem;
	background: url('http://tm10.andylawyer.cn//allimg/20d37dcd59335183.jpg') no-repeat;
	background-size: 100% 100%;
	font-size: 3rem;
	text-align: center;
	display: flex;
	flex-direction: column-reverse;
}
.panel-g-text{
	line-height: 8rem;
}
/* 页脚 */
.body-footer-box{
	height: 20rem;
	background-color: #333333;
	color: #FFFFFF;
	font-size: 1.4rem;
}
.body-footer{
	height: 20rem;
}
.footer-left{
	height: 100%;
	margin-right: 4rem;
}
.footer-left-top{
	height: 12rem;
}
.footer-left-bottom{
	height: 8rem;
	line-height: 8rem;
	font-size: 1.6rem;
	border-top: solid 1px #5E5E5E;
}
.footer-left-top img{
	width: 3.2rem;
	height: 3.2rem;
}
.footer-left-line{
	background-color: #FFFFFF;
	width:1px;
	height: 3rem;
	margin: 0 2rem;
}
.footer-right-item:nth-child(1){
	margin-right: 3rem;
}
.footer-right-item img{
	width: 10rem;
	height: 10rem;
}
.footer-right-text{
	margin-top: 1rem;
}
/* 右侧悬浮 */
.body-float-box{
	position: fixed;
	right: 3rem;
	top: 20%;
	z-index: 99;
}
.body-float-box1{
    position: fixed;
	right: 11rem;
	top: 55%;
	z-index: 99;
}
.float-item{
	width: 8rem;
	height: 8rem;
	background: #e5f2ff;
	border-radius: 0.4rem;
	color: #0080FF;
	font-size: 1.4rem;
	text-align: center;
	transition: .5s;
	margin-bottom: 1rem;
}
.float-item1{
	width: 8rem;
	height: 8rem;
	background: #e5f2ff;
	border-radius: 0.4rem;
	color: #0080FF;
	font-size: 1.4rem;
	text-align: center;
	transition: .5s;
	margin-bottom: 1rem;
}
.float-item:hover{
	color: #ffffff;
	background: #0080FF;
	cursor: pointer;
}
.float-item .iconfont{
	font-size: 3rem;
}
/* 底部弹框 */
.footer-modal-box{
	position: fixed;
	width: 100%;
	height:0;
	bottom: 0;
	background: url(../image/pc/弹框bg.jpg) no-repeat; 
	background-size: 100% 100%;
	z-index: 99;
	transition: 0.5s all;
	opacity: 0;
}
.footer-modal-box.active{
	height: 11rem;
	opacity: 1;
}
.footer-modal{height: 100%;position: relative;}
.footer-close-btn{
	position: absolute;
	right: 0;
	top: -2rem;
	width: 4rem;
	height: 4rem;
}
.footer-modal-left{
	margin-right: 2rem;
}
.footer-modal-right{margin-top: 2rem;}
.panel-form-desc{
	font-size: 1.4rem;
	color: #FFFFFF;
	margin-top: 1.5rem;
	white-space: nowrap;
}
.footer-modal-line{
	background-color: #FFFFFF;
	height: 1.4rem;
	width: 0.1rem;
	margin: 0 1rem;
}
.footer-modal .input-item{
	margin-right: 1rem;
}
.modal fade{
	position: fixed;
	bottom:20rem;
	left: 25%;
	width: 750px;
	height: 432px;
	z-index: 99;
}
.modal-close-image{
	position: absolute;
	top: 2rem;
	right: 2rem;
	width: 3rem;
	z-index: 0;
}
.modal-dialog{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events:auto !important;
	
}
.modal1-content{
	width: 80rem;
	display: flex;
	background: #0080FF;
	border-radius: 1.5rem;
	position: relative;
}
.modal1-content1{
	background: #FFFFFF;
	border-radius: 1.5rem;
	text-align: center;
	display: flex;
	align-items:center;
	justify-content: center;
	padding: 4rem 0;
}
.modal1-body{
	height: 34rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.modal1-content2{
	display: flex;
	text-align: center;
	align-items:center;
	justify-content: center;
	padding: 4rem 0;
}
.form-case
{
	background: rgba(245,245,245,0.3);
	color: #FFFFFF;
	font-size: 1.5rem;
	border-radius: 5px;
	padding: 0.2rem 0rem;
	width: 31rem;
	margin-top: 1rem;
	height: 4rem;
	line-height: 4rem;
	overflow: hidden;
	display: flex;
}
.agree-text{
	color: #FFF600;
	
}
.modal-input-item{
	background-color: #FFFFFF;
	width: 31rem;
	height: 5rem;
	border-radius: 0.4rem;
	padding: 0 2rem;
	margin-bottom: 1rem;
}
.modal-input-item input{
	flex: 1;
	height: 2.8rem;
	padding: 0 2rem;
	font-size: 1.6rem;
}