/* 轮播图 */
.swiper-pagination .swiper-pagination-bullet-active {
	width: 15px;
	height: 15px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}

/* 楼层标题 */
.cont-title {
	position: relative;
	padding-left: 30px;
}

.cont-title>.effect {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	height: 14px;
	width: 20px;
}


.side-link {
	position: relative;
}

.side-link:hover {
	color: #C8C8C8;
}

.side-link::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	content: ' ';
	width: 100%;
	height: 1px;
	background-color: rgba(200, 200, 200, .3);
}

.side-link>img {
	height: 15px;
}




/* 实木 */
.crosswise_img {
	width: 60%;
}

.title_name {
	padding-top: 19px;
}

.checked {
	width: 82%;
	display: flex;
	justify-content: space-between;
}

.checked li {
	display: flex;
	justify-content: flex-start;
	padding-top: 40px;
}

.checked li img {
	width: 27px;
	height: 24px;
}

/* 导航头部 */
.andvan_mid {
	display: flex;
	justify-content: space-between;
}

.advantage_img {
	width: 100%;
	margin-top: 24px;
}

.advantage_img img {
	width: 100%;
}

.advantSmall {
	width: 40%;
	padding-left: 98px;
	padding-top: 50px;
	display: flex;
	justify-content: space-between;
}

.small_vantimg {
	width: 80%;
}

.small_vantimg img {
	width: 100%;
}

.container_andvan {
	position: relative;
}

.advant_bac {
	width: 50%;
	position: absolute;
	top: 115px;
	left: 40%;
	z-index: -1;
}

.row_nav_list {
	position: relative;
	width: 100%;
}

.nav_list_item {
	width: calc(100% / 6);
	cursor: pointer;
}

.bac_banner {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 226px;
	background: #3AEFD0;
	opacity: 0.1;
	z-index: 1;
}

.banner_cont li {
	width: 20%;
	/* padding-top: 76px; */
}

.banner_cont li img {
	width: 100%;
}

.title {
	padding-top: 15px;
	font-size: 18px;
	color: #00586D;
	letter-spacing: 0px;
	text-align: center;
	font-family: 微软雅黑;
	font-weight: bold;
}

.content {
	margin-top: 2px;
	font-size: 14px;
	color: #8f8f8f;
	letter-spacing: 0px;
	text-align: center;
}


/* 效果图切换 */
.effect_img {
	position: relative;
	height: 55px;
	transform: scale(1);
	padding: 0 15px;
}

.effect_img>.effect {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
	height: 40px;
	transform: translateY(-50%) scale(0);
}

.nav_list_item:hover>.effect_img>.effect,.active.nav_list_item>.effect_img>.effect {
	animation: fadeAnmate1 .3s linear;
	animation-fill-mode: forwards;
}

@keyframes fadeAnmate1 {
	0% {
		transform: translateY(-50%) scale(0);
	}

	70% {
		transform: translateY(-50%) scale(1.2);
	}

	100% {
		transform: translateY(-50%) scale(1);
	}
}

.effect_img>.img {
	height: 45px;
}

.effect_img>.img1 {
	height: 45px;
	display: none;
}

.effect_text {
	padding-bottom: 20px;
	font-weight: 600;
	color: #666;
	font-family: "微软雅黑";
	/* border-bottom: 1px solid rgba(0, 88, 109, .3); */
}

.nav_list_item:hover .effect_text {
	color: #00586D;
}
.active.nav_list_item .effect_text { color: #00586D; }

.nav_list_item:hover .effect_img>.img1,.active.nav_list_item .effect_img>.img1 {
	display: block;
}

.nav_list_item:hover .effect_img>.img,.active.nav_list_item .effect_img>.img {
	display: none;
}

.check_fz_sty {
	position: relative;
	top: 2px;
	font-size: 16px;
	font-weight: bold;
	color: #00566d;
	margin-left: 10px;
}

.foot_area li {
	width: 265px;
}

.btn_mask {
	position: relative;
	width: 113px;
	line-height: 30px;
	color: #00586d;
	background-color: transparent;
	text-align: center;
	margin-top: 20px;
	font-size: 12px;
	transition: all .3s;
	border: 1px solid #3AEFD0;
	cursor: pointer;
}

.btn_mask::after {
	display: block;
	content: '';
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: #3AEFD0;
	transition: .8s;
}

.btn_mask:hover { color: #fff; }

.btn_mask:hover::after {
	width: 100%;
}

.ban_bg_1 {
	position: relative;
	height: 689px;
	background: url(../img/product_solidwood/bg_1.jpg) no-repeat top center;
}

.db { display: block; }

.hover_scale {
	display: block;
	overflow: hidden;
	cursor: pointer;
}

.hover_scale img {
	transition: all .35s;
	-webkit-transition: all .35s;
}

.hover_scale:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

.dn { display: none; }

.nav_list_item .margin-top { margin-top: 5px; }
