/*
* @Author: Sun Jijing
* @Date:   2024-01-23 15:36:53
* @Last Modified by: Sun Jijing
* @Last Modified time: 2024-01-24 14:16:42
*/
html, body { width: 100%; height: 100%; }
.fuwu_box { position: relative; }
.fuwu_tit { height: 18vh; position: absolute;  top: 0; z-index: 10; left: 0; text-align: center; width: 100%; }
.fuwu_tit img { height: 100%; }
.fuwu_box, .fuwu_con, .parallax-bg { width: 100%; height: 100%; }
.parallax-bg { position: absolute; left: 0; top: 0; width: 250vw; height: 100%; background-size: 100% 100%; z-index: 1; }
.fuwu_list li { position: relative; }
.fuwu_list li .con .cj { width: 70%; position: absolute; left: 0; bottom: 27.5%; }
.fuwu_list li .con .cj img { width: 100%; }
.addBoard { position: absolute; left: 65%; bottom: 27.5%; background: url(zsp_img.png) no-repeat center bottom; height: 55vh; }
.board_list li { width: 170px; height: 40px; margin-bottom: 10px; background: url(zsp_item_bg.png) no-repeat center/100% 100%; }
.board_list li a { display: block; height: 100%; padding-left: 20px; font-size: 14px; color: #333; font-weight: bold; text-decoration: underline; display: flex; align-items: center; }
.board_list li:hover a { color: #d54622; }
.board_list li a::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #d54622; position: absolute; left: 10px; top: 50%; margin-top: -3px; }
.item01 .addBoard { background-position: 20% bottom; }
.item02 .addBoard { width: 344px; left: 52%; }
.item02 .addBoard .board_list.fr { margin-top: 20px; }
.item03 .addBoard { width: 342px; left: 52%; }
.item04 .addBoard { width: 344px; left: 52%; }
.item04 .addBoard .board_list.fr { margin-top: 20px; }
.item05 .addBoard { width: 344px; left: 52%; }
.item05 .addBoard .board_list.fl { margin-top: 10px; }

.car { position: absolute; right: 28%; bottom: 20%; z-index: 10; height: 15%; }
.car img { height: 100%; }

.fuwu_but { display: block; width: 80px; height: 80px; border-radius: 50%; background: rgba(0, 0, 0, .3); position: absolute; z-index: 100000; top: 50%; margin-top: -40px; color: #fff; font-size: 70px; font-family: '宋体'; text-align: center; line-height: 80px; }
.prev { left: 0; }
.next { right: 0; }

@media screen and (max-width: 1200px) {
	.fuwu_box { height: 56vw; position: relative; }
	.fuwu_tit { height: auto; width: 24vw; left: 38vw; }
	.fuwu_tit img { height: auto; width: 100%; }
	.addBoard { bottom: 16.6vw; height: 30vw; z-index: 10; }
	.fuwu_list li .con .cj { bottom: 16vw; }
	.car { height: 8vw; bottom: 11.5vw; position: absolute; }
}
@media screen and (max-width: 1024px) {
	.fuwu_list li .con .cj { width: 40%; left: 20%; }
}
@media screen and (max-width: 768px) {
	body { background: #e3f5fb; }
	.fuwu_tit { position: static; width: 70vw; margin: 0 auto; }
	.fuwu_box { height: auto; margin: 30px 0; }
	.fuwu_box, .fuwu_con { height: auto; }
	.fuwu_list { display: block !important; }
	.fuwu_list li .con .cj, .addBoard { width: 92%; position: static; height: auto; margin: 0 auto; }
	.addBoard { background: none; width: 92% !important; margin: 20px auto 0; position: relative; left: 0 !important; bottom: 0 !important; z-index: 10; }
	.board_list { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; }
	.board_list li { width: 48%; }
	.parallax-bg, .car, .fuwu_but { display: none; }
	.item02 .addBoard .board_list.fr, .item04 .addBoard .board_list.fr { margin-top: 0; }
}