.main{
	width: 1200px;
	margin: 30px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top .bannar img{
	width: 100%;
}
.top .menu{
	height: 50px;
	background: #bd1a2d;
	width: 100%;
}
.top .menu ul{
	width: 1200px;
	margin: 0 auto;
	height: 50px;
	display: flex;
	justify-content: space-between;
}
.top .menu ul li{
	line-height: 50px;
}
.top .menu ul li a{
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}

.top1 .bannar img {
    width: 100%;
}
.tpxw{
	width: 380px;
	/* height: 400px; */
}
/* 本例子css */
.slideBox{ width:380px; height:271px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:12px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; background:#77787a; cursor:pointer;border-radius: 10px;}
.slideBox .hd ul li.on{ background:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;position: relative;  }
.slideBox .bd li p{position: absolute;bottom: 0;left: 0;background: rgba(0, 0, 0, .5);color: #fff;width: 100%;
	height: 46px;line-height: 46px;text-indent: 20px;font-size: 16px;}
.slideBox .bd img{ width:380px; height:271px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.sin{
	width: 380px;
}
.sin .tit h1{
	background: url(../img/titBg.png) no-repeat;
	width: 144px;
	height: 38px;
	line-height: 44px;
	color: #fff;
	text-align: center;
	font-family: 'Courier New', Courier, monospace;
	font-size: 22px;
	font-weight: bold;
}
.sin .tit{
	border-bottom: solid 1px #eee;
	position: relative;
	margin-bottom: 15px;
	margin-top: 15px;
}
.sin .tit a{
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 14px;
	color: #666666;
}
.sin ul{

}
.sin ul li{
	line-height: 35px;
	background: url(../img/dot.png) no-repeat left center;
	text-indent: 12px;
}
.sin ul li a{
	color: #333333;
	font-size: 15px;
	text-decoration: none;
}
.sin ul li span{
	float: right;
	color: #999999;
	font-size: 16px;
}
.jgzn{
	width: 580px;
	margin-top: 20px;
}
.tzgg{
	width: 580px;
	margin-top: 20px;
}
.pic ul{
	display: flex;
	justify-content: space-around;
	width: 1152px;
}
.borderDiv{
	border: solid 1px #cbd3da;
	margin-top: 15px;
}
.pic{
	display: flex;
	height: 243px;
    align-items: center;
}
.titT{
	background: url(../img/titTbg.png) no-repeat;
	width: 46px;
	height: 243px;
	text-align: center;
}
.titT h1{
	writing-mode: vertical-lr;
	font-family: 'Courier New', Courier, monospace;
    font-size: 22px;
    font-weight: bold;
	color: #fff;
    margin-bottom: 87px;
	padding-top: 28px;
	
}
.titT a{
	font-size: 14px;
	color: #fff;
	opacity: .4;
}
.note{
	width: 100%;
}
.note p{
	font-size: 16px;
	margin-top: 50px;
	line-height: 50px;
}
.note h1{
	background: url(../img/noteBg.png) no-repeat;
	width: 1200px;
	height: 77px;
	color: #fff;
	font-size: 16px;
	line-height: 77px;
	text-align: center;
	font-weight: 100;

}