.banner { position: relative;width:100%; height:414px; margin:0 auto;overflow: hidden;}
.banner .bd img {width:100%; height:414px;display: block;}
.banner .hd {width:100%;overflow:hidden; zoom:1; position:absolute; bottom:10px;z-index:3; text-align:center;}
.banner .hd ul{ text-align:center;}
.banner .hd li{display:inline-block; *display:inline; line-height:12px; text-align:center; font-size:12px; width:12px; height:12px; cursor:pointer; overflow:hidden; background:#fff; margin-left:4px;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.banner .hd .on{ filter: alpha(opacity=100); opacity: 1; background-color: #3a6ab2;}



/*新增滚动图片*/
/*新增部分*/
.special {
    overflow: hidden;
    margin: 20px auto 0;width:1200px;
}
.special ul{
    overflow: hidden;
}
.special ul li{
    float: left;
    width: 150px;background:#f5f5f5;margin: 0 11px;border-radius:10px;padding-bottom:10px;
    position:relative;
}
.special ul li a{
    display: block;
    overflow: hidden;
    position: relative;
}
.special ul li a h2{font-size:16px;text-align:center;color:#333;font-weight:bold;}
.special ul li a p {
	width: 100%;
	box-sizing: border-box;
        font-size: 14px;
        height:26px;
        line-height:26px;	white-space: nowrap;
	text-overflow: ellipsis;color:#666;
	overflow: hidden;text-align:center;margin-bottom:0;
}

.special ul li a img{
    width: 150px;
    height: 210px;
    transition: .4s;border-radius:10px 10px 0 0;

}
.special ul li a:hover img{
    transform: scale(1.1);color: rgb(137, 18, 20);
    font-size: 17px;
}








.ibanner{
	width: 380px;height: 263px;
	overflow: hidden;
	position: relative;
}
.ibanner .hd {
	height: 46px;
	overflow: hidden;
	position: absolute;
	right: 1%;
	bottom: -8px;
	z-index: 1;
}
.ibanner .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}
.ibanner .hd ul li {
	float: left;
	margin: 10px 10px 0 0;
	width: 10px;
	height: 10px;
	line-height: 10px;
	text-align: center;
	border:1px solid #fff;
    background:#fff;
    cursor: pointer;
    border-radius: 0.5rem;
}
.ibanner .hd ul li.on {
	background: #3a6ab2;
	border:1px solid #3a6ab2;
	width: 15px;
	height: 10px;
    line-height: 10px;
    opacity: 1;
    color: #fff;
}
.ibanner .bd {
	position: relative;
	z-index: 0;
}
.ibanner .bd li h1 {
	width: 100%;
	box-sizing: border-box;
	height: 46px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/tt_bg.png);
	font-size: 15px;
	font-weight: normal;
	width: 100%;
	line-height: 46px;
	z-index: 999;
	padding: 0 90px 0 10px;
}
.ibanner .bd li h1 a {
	color: #ffffff;
	display: block;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.ibanner .bd li h1 a:hover {
	color:#ff3300;
}
.ibanner .bd li .pic{
	/* height: calc(248px + 0.32rem); */
	height: 263px;
	overflow: hidden;
	display: flex;
	justify-content: center;
}
.ibanner .bd img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
}
.ibanner .bd li img:hover{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}