/*!
 * Author: happynetlife
 * Mail: happynetlife@qq.com
 * Date time: 2020/11/17
 * Copyright (c) 2016~2020 王兴民 All rights reserved.
 */.bh1 {
	height: 359px
}

.slider {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden
}

.slider.default {
	height: 359px
}

.slider ul {
	list-style: none outside none
}

.slider ul,.slider li {
	padding: 0
}

.slider .slider-item li {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	overflow: hidden
}

.slider .slider-item li img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.slider .slider-item li p {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 30px;
	padding: 10px 0;
	font-size: 14px;
	line-height: 30px;
	text-indent: 1em;
	color: #fff;
	background-color: rgba(0,0,0,.3);
	background-color: #333 \9
}

.slider .slider-item li:not(:first-child) {
	display: none
}

.slider.default .slider-item li {
	height: 359px
}

.slider .slider-nav {
	position: absolute;
	margin: auto;
	text-align: center
}

.slider .slider-nav li {
	width: 16px;
	height: 16px;
	line-height: 1;
	display: inline-block;
	zoom: 1;
	*display: inline
}

.slider .slider-nav a {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0 auto;
	height: 6px;
	width: 6px;
	border: 1px solid #000;
	background-color: #222;
	font: 0/0 a;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px
}

.slider .slider-nav a.active {
	background-color: red
}

.slider.default .slider-nav {
	bottom: 20px;
	right: 10px
}

.btn-group.group-spec {
	margin-right: -30px;
	padding: 0
}

.btn-group li {
	height: 136px;
	width: 187px;
	float: left;
	margin-right: 15px;
	background-color: #f2f2f2
}

.btn-group li a {
	height: 100%
}

.btn-group li a>span {
	display: block;
	height: 100px;
	line-height: 100px;
	font-size: 64px;
	-webkit-transition: 300ms all ease-in-out;
	transition: 300ms all ease-in-out
}

.btn-group li a>p {
	padding: 0;
	line-height: 30px;
	font-size: 16px
}

.btn-group li a:link,.btn-group li a:visited,.btn-group li a:active {
	color: #3a94e3
}

.btn-group li a:hover {
	color: red
}

.btn-group li a:hover>span {
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	*filter: flipH()
}

<!-- 写点样式，让轮播好看点 -->
ul, ol { padding: 0;}
#slide1 { position: relative; overflow: auto; text-align: center;}
#slide1 li { list-style: none;}
#slide1 ul li { float: left; }
#slide1 ul li img { height: 359px;object-fit: cover; width: 100%;}
#slide1 ul li p { position: absolute;bottom: 0;line-height: 45px; opacity: .4;background-color: #000;color: #fff;width: 585px;height:45px;text-indent: 20px;text-align:left}
#slide1 { width: 585px;}
#slide1 .dots { position: absolute; right: 0; bottom: 10px;}
#slide1 .dots li { display: inline-block; width: 6px;height: 6px; margin: 0 4px; text-indent: -999em;border: 2px solid #1e9fff;border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}
#slide1 .dots li.active {background: #fff;opacity: 1;}
#slide1 .arrow { position: absolute; top: 200px;}
#slide1 #al { left: 15px;}
#slide1 #ar { right: 15px;}