/* 分类 */
.category .level1_item {
	/* border-bottom: 0.01rem solid rgba(223, 223, 223, 1); */
}
.category .level1 {
	font-size: 0.16rem;
	color: #333333;
	width: 100%;
	height: 100%;
	position: relative;
	line-height: 0.46rem;
	border-bottom: 0.01rem solid rgba(223, 223, 223, 1);
}
.category a {
	display: block;
	width: 100%;
	color: inherit;
	line-height: inherit;
	font-size: inherit;
	font-weight: inherit;
}
.category .level1 .arrow {
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.12rem;
	height: 100%;
	background-image: url('../img/service/s2.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	cursor: pointer;
	transition: var(--transition);
}
.category .level1 .arrow.active {
	background-image: url('../img/service/s1.png');
}
.category .level2_item {
	font-size: 0.16rem;
	color: #333333;
	line-height: 0.35rem;
	transition: var(--transition);
}
.category .level2_item a {
	padding-left: 0.18rem;
	font-size: 0.15rem;
	color: #555555;
	line-height: 0.32rem;
	position: relative;
	transition: var(--s_tran);
}
.category .level2_item a::before {
	content: '';
	width: 0.04rem;
	height: 0.04rem;
	border-radius: 50%;
	background: rgba(85, 85, 85, 1);
	display: block;
	position: absolute;
	top: 50%;
	left: 0.08rem;
	transform: translateY(-50%);
	transition: var(--s_tran);
}
.category .level2_item:hover .level2::before,
.category .level2_item.active .level2::before {
	background: var(--g);
}
.category .level2_item:hover .level2,
.category .level2_item.active .level2 {
	color: var(--c);
}
.category .level2_list {
	display: none;
	padding-bottom: 0.1rem;
	padding-top: 0.1rem;
}


.serv .content {
	padding-top: 0.6rem;
	padding-bottom: 1rem;
}

.serv .content .flex_box1 {
	flex: 0 0 3rem;
}

.serv .content .flex_box2 {
	flex: 0 0 0.4rem;
}

.serv .content .flex_box3 {
    flex: 0 0 10.6rem;
    width: 10.6rem;
}

.serv .content .flex_box3 a {
    display: inline;
}
.serv .content .flex_box3 a:hover {
    color: var(--c);
}

.serv .content .flex_box3 .title {
	font-size: 0.28rem;
	color: #000000;
	border-bottom: 0.01rem solid var(--c);
	padding-bottom: 0.18rem;
	line-height: 1;
	margin-bottom: 0.2rem;
	position: relative;
}

.serv .content .flex_box3 .title::after{
	content: '';
	width: 0.5rem;
	height: 0.03rem;
	background: var(--g);
	display: block;
	position: absolute;
	left: 0;
	bottom: -0.02rem;
}

.serv .content .flex_box3 img{
    display: inline;
    width: revert-layer;
	height: auto;
}

.serv .content .flex_box3 img,
.serv .content .flex_box3 table {
    max-width: 100%;
}

.serv .content .flex_box3 .info_title {
	color: var(--c);
	border-left: 0.02rem solid var(--c);
	line-height: 1;
	padding-left: 0.1rem;
	font-family: 'sb';
}
.serv .content .flex_box3 .info {
	margin-bottom: 0.3rem;
	margin-top: 0.15rem;
}
.serv .content .flex_box3 .info p {
	font-size: 0.16rem;
	color: #333333;
	line-height: 0.3rem;
}
@media (max-width: 768px) {
    .bread > .flex_box .cate {
        justify-content: flex-start;
        overflow: auto;
    }
    .serv .content .common_center {
        flex-wrap: wrap;
    }
    .serv .content .common_center div {
        flex: 0 0 100%;
    }
    .category a {
        font-size: 12px;
    }
    .serv .content .common_center .flex_box3 {
        margin-top: 20px;
        font-size: 12px;
        line-height: 1.5;
        flex: none;
        width: 100%;
    }
}