[v-cloak] {
	display: none;
}

.menu-has-children {
	cursor: pointer;
}

.menu-has-children-select__name {
	color: #fff;
	margin-left: 3px;
}

.menu-has-children .language {
	cursor: pointer;
}

.menu-has-children .language .language-item {
	height: 28px;
	cursor: pointer;
}

.menu-has-children .language .language-item label {
	cursor: pointer;
}

.menu-has-children .language .language-item__ic {
	margin-right: 3px;
	cursor: pointer;
}

.address-content {
	margin-top: 15px;
}

.contacts-wrap {
	display: flex;
	margin-top: 15px;
}

.contacts-wrap .contacts {
	margin-right: 30px;
	display: flex;
}

.contacts-wrap .contacts .contacts__value {
	margin-left: 10px;
}

.contacts-email {
	display: flex;
}

.contacts-email .contacts-email__value {
	margin-left: 10px;
}

.container-fluid .brand-logos {
	display: flex;
	justify-content: center;
	width: 100%;
	box-sizing: border-box;
	/* padding-right: 3%; */
}

.container-fluid .brand-logos__pic {
	/* width: 880px; */
	width: 88%;
	max-width: 98%;
}



.about-area {
	background-color: #ffffff !important;
}

.service-area {
	background-color: #f9f9ff;
	padding-bottom: 50px !important;
}

.about-right {
	padding-left: 2%;
	padding-right: 8% !important;
}

.service-area .breed {
	padding-left: 10%;
	padding-right: 10%;
	box-sizing: border-box;
}

.service-area .breed .breed-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
	color: #282828;
}

.service-area .breed .breed-item__icon {
	width: 220px;
	height: 220px;
	border-radius: 50%;
	object-fit: cover;
	margin-bottom: 10px;
}

.service-area .breed .breed-item__name {
	padding: 3px 13px;
	background-color: #347fb7;
	color: #ffffff;
}

.feature-area .feature-area__desc {
	font-size: 16px;
	line-height: 30px;
}

.recent-work-area .single-recent-work {
	padding: 0;
}

.recent-work-area .content {
	background-color: rgba(0, 0, 0, .4);
	box-sizing: border-box;
	padding: 30px 30px 10px;
	width: 100%;

}


.recent-work-area .content .content__title {
	transition: all 0.3s ease 0s;
	margin-bottom: 10px;
	display: inline-block;
}

.recent-work-area .content .content__desc {
	font-size: 16px;
	line-height: 30px;
}

.recent-work-area .content .content__title:hover {
	/* color: #13a7a7 !important; */
	/* color: #ff25ea !important; */
}

.recent-work-area .single-recent-work .content p {
	padding: 0;
}

/* 
#protfolio-area-content {
	width: 100%;
	height: 1000px;
	z-index: 1;
	position: relative;
	background-color: #ffffff;
}

#protfolio-area-content .img {
	position: absolute;
	cursor: pointer;
	border: 6px solid white;
	-webkit-transition: 1s all ease-in-out;
	-moz-transition: 1s all ease-in-out;
	-ms-transition: 1s all ease-in-out;
	-o-transition: 1s all ease-in-out;
	transition: 1s all ease-in-out;
	object-fit: cover;
}

#protfolio-area-content .img span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: 1s opacity ease-in-out;
	-moz-transition: 1s opacity ease-in-out;
	-ms-transition: 1s opacity ease-in-out;
	-o-transition: 1s opacity ease-in-out;
	transition: 1s opacity ease-in-out;
}

#protfolio-area-content .img.piece {
	border: 1px solid white;
	box-shadow: 0px 0px 2px black;
} */

.prd-list-wrap{
	background-color: #fcfcff;
}

.prd-list {
	position: relative;
	width: 100%;
	/* height: 800px; */
	overflow: hidden;
	/* background-color: #ffffff; */
	background-color: #fcfcff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.prd-list-gif{
	width: 80%;
}

.prd-list-gif__value{
	width: 100%;
	height: auto;
}

.prd-list-box{
	position: relative;
	width: 90%;
	height: 100%;
	/* border: solid 1px #f00; */
}

.prd-list-item {
	position: absolute;
	left: 18%;
	overflow: hidden;
/* 	width: 200px;
	height: 200px; */
	/* height: 15rem; */
	height: 12rem;
	/* border: solid 1px #f00; */
}

.prd-list-item2{
	left: 28%;
}

.prd-list-item3{
	left: 38%;
	top: 15%;
}

.prd-list-item__pic{
	position: absolute;
	left: 0px;
	/* 初始位置在左侧屏幕外 */
	opacity: 0;
	width: 100%;
	height: 100%;
	/* 图片宽度，可以根据需要调整 */
	/* height: auto; */
	/* object-fit: cover; */
	object-fit: contain;
}

.prd-animation{
	animation: flyInAndFadeIn 1.6s linear forwards;
}

@keyframes flyInAndFadeIn {
	0% {
		left: -100%;
		opacity: 0.7;
	}

	100% {
		/* left: -50px; */
		left: 0px;
		opacity: 1;
	}
}


@media (max-width: 800px) {
	.container-fluid .brand-logos__pic {
		width: 880px;
	}

	.service-area .breed .breed-item {
		margin-bottom: 38px;
	}
	
	.section-gap{
		padding: 0px 0 30px ;
	}
	
	.section-gap .menu-content{
		padding-bottom: 10px;
	}
}