@charset "utf-8";
html,body{min-width:1300px;overflow:auto;}
*{ margin:0; padding:0;}
body,p,h1,h2,h3,h4,h5,table,ul,li,form,input{ margin:0; padding:0; color:#000; font-family:"Microsoft yahei"; }

body,p{ font-size:14px; border:none; color: #000;}
a{ font-size:14px; color:#000; text-decoration:none; border:none; padding:0; margin:0;}
table{border-collapse:collapse;}
img{ border:0; margin:0; padding:0;}
ul,li{ list-style:none; border:0; margin:0; padding:0;}
dl,dt,dd{ margin:0; padding:0; -webkit-margin-start:0;}
/* h1,h2,h3,h4,h5{ font-weight:normal; font-size:12px; display:block;} */
strong,b{ font-weight:normal;}
table,tr,td{ border-spacing:0;}
em,i,b{ font-style:normal;}
p{ line-height: 170%; color: #555; font-size: 14px;}
input{ border: none; background: none; }
figcaption{ display: block;}
input:focus{ outline: none; }
::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color: #dfdfdf; } 
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px;color: #dfdfdf; } 
.fl{float:left;}
.fr{float:right;}

/* // 导航栏 */
.menu-box{
    z-index:999;
    height: 180px;
background-color: rgb(140,21,23);}
.menu-top{width: 100%; height: 120px; display: flex; justify-content: space-around; align-items: center; background-color: rgb(140,21,23); margin: 0 auto;}
.logo{display: flex;align-items: center;}
.logo img{height: 80px;}
.logo h1{margin-left: 10px; color: #fff; font-size: 2.2vw;}

.menu{border-top: 1px solid rgba(183, 42, 45, 0.407); min-width:1300px; height: 60px; z-index:999; background-color: rgb(140,21,23);}
.menu-ul{width: 100%; background-color: rgb(140,21,23); height: 60px; display: flex; justify-content: center; align-items: center; margin: 0 auto;}



/* 结尾 */
.tail{
	margin-top: 30px;
	height: 180px;
	background-color: rgb(140,21,23);
	display: flex;
	justify-content: center;
}
.tail-box{
	width: 80%;	
	display: flex;
	align-items: center;
}
.tail-logo img{
	width: 350px;
}
.tail-content{
	margin-left: 100px;
	display: flex;
	flex-direction: column;
	color: #fff;
}
.tail-content span{
	line-height: 30px;
}
.tail-ewm{
	margin-left: 200px;
}
.tail-ewm img{width:120px;height:120px;}


/* 首页 */
/* // 轮播图 */

.small-item{
	background-color: aqua;
}

.lunbo{
	width: 100%;
}
.lunbo .content{
	width: 100%;
	height: 450px;
	position: relative;
}
#item{
	width: 100%;
	height: 100%;
	
}
.item{
	position: absolute;
	opacity: 0;
	transition: all 1s;
	width: 100%;
	height: 100%;
}
.item.active{
	opacity:1;
}
.item a{
	width: 100%;
	height: 100%;
}
.item img{
	width: 100%;
	height: 100%;

}
#btn-left{
	width: 30px;
	height: 69px;
	font-size: 30px;
	color: white;
	background-color:rgba(0,0,0,0.4);
	line-height: 69px;
	padding-left:5px;
	z-index: 10;/*始终显示在图片的上层*/
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-60%);/*使按钮向上偏移居中对齐*/
	cursor: pointer;
	opacity: 0;/*平时隐藏*/
}
.lunbo:hover #btn-left{
	/*鼠标滑入，显示图标*/
	opacity: 1;
}

#btn-right{
	width: 26px;
	height: 69px;
	font-size: 30px;
	color: white;
	background-color:rgba(0,0,0,0.4);
	line-height: 69px;
	padding-left: 5px;
	z-index: 10;
	position: absolute;
	right: 0;
	top: 50%;
	cursor: pointer;
	opacity: 0;
	transform: translateY(-60%);
}
.lunbo:hover #btn-right{
	opacity: 1;
}
#circle{
	height: 20px;
	display: flex;
	position: absolute;
	bottom: 35px;
	right: 25px;
}
.circle{
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border: 2px solid white;
	background: rgba(0,0,0,0.4);
	cursor: pointer;
	margin: 5px;
}
.white{
	background-color: #FFFFFF;
}