@charset "UTF-8";
* { margin: 0; padding: 0; outline: none; }

html, body { width: 100%; height: auto; text-align: center; font-family: "微软雅黑",arial; }

body { text-align: left; }

img { border: none; }

li { list-style: none; }

a { text-decoration: none; }

@-webkit-keyframes xs { 0% { background: #744205; opacity: 0; }
  100% { background: #744205; opacity: 1; } }
.wrap { width: 100%; height: auto; position: relative; overflow: hidden; }
.wrap img { display: block; width: 100%; height: auto; }
.wrap header, .wrap footer { height: 30px; width: 100%; background: #1a1a1a; line-height: 30px; color: #f5f5f5; font-size: 12px; }
.wrap header .header, .wrap footer .header { width: 100%; max-width: 1200px; height: 30px; margin: 0 auto; display: flex; justify-content: space-between; }
.wrap header .header .wel, .wrap footer .header .wel { width: auto; height: 30px; padding-left: 15px; }
.wrap header .header ul, .wrap footer .header ul { width: 390px; height: 30px; display: inline-flex; justify-content: space-between; }
.wrap header .header ul li, .wrap footer .header ul li { width: auto; }
.wrap header .header ul li:before, .wrap footer .header ul li:before { float: left; width: 16px; height: 30px; content: ''; margin-right: 8px; }
.wrap header .header ul li:nth-child(1):before, .wrap footer .header ul li:nth-child(1):before { background: url(../images/tel.png) no-repeat; }
.wrap header .header ul li:nth-child(2), .wrap footer .header ul li:nth-child(2) { padding-right: 8px; }
.wrap header .header ul li:nth-child(2):before, .wrap footer .header ul li:nth-child(2):before { background: url(../images/address.png) no-repeat; }
.wrap header .footer, .wrap footer .footer { width: 100%; max-width: 1200px; height: 30px; margin: 0 auto; text-align: center; }
.wrap .logo { width: 100%; height: 114px; padding: 23px 0; background: #fff; }
.wrap .logo:before { display: block; width: 500px; height: 114px; background: url(../images/logo.jpg) no-repeat; content: ''; margin: 0 auto; }
.wrap .banner { width: 100%; max-width: 1920px; margin: 0 auto;height:860px; position: relative; background:url(../images/banner.jpg) no-repeat center; }
.wrap footer{
	height:auto;
	min-height:90px;
	padding:10px 0;
	line-height:1.8;
}
.wrap .footer{
	width:100%;
	max-width:1200px;
	display:flex;
	height:auto;
	min-height:30px;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:6px 18px;
	box-sizing:border-box;
	padding:0 16px;
}
.wrap .footer a{
	color:#ffffff;
	margin-left:0;
}

.wrap .footer a.gongan{
	display:flex;
	align-items: center;
	
	
}
.wrap .footer a.gongan img{
	width:20px;
	height:20px;
}
.wrap .friend-links,
.wrap .site-statement{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	color:#ffffff;
	font-size:12px;
	text-align:center;
	box-sizing:border-box;
	padding:0 16px;
}
.wrap .friend-links a{
	color:#ffffff;
	margin-left:8px;
}
.wrap .friend-links a:hover{
	text-decoration:underline;
}
.wrap .site-statement p{
	margin:0 20px;
}

.wrap .banner:after { position: absolute; right: rem(50px); top: 0; height: 20px; width: 32px; background: #000; color: #fff; text-align: center; line-height: 20px; font-size: 12px; content: '广告'; border-radius: 0 0 5px 5px; z-index: 9; }
.wrap .banner .preNext { position: absolute; top: 40%; width: 80px; height: 80px; background: url(../images/prenext.png); opacity: 0.3; z-index: 3; }
.wrap .banner .preNext:hover { opacity: 1; }
.wrap .banner .banner_pre { left: 5%; background-position: 0 0; }
.wrap .banner .banner_next { right: 5%; background-position: -80px 0; }
.wrap .banner .banner_dot { position: absolute; left: 0; right: 0; bottom: 100px; margin: 0 auto; width: 100%; height: 8px; width: 100%; padding: 20px 0; display: flex; justify-content: center; z-index: 3; }
.wrap .banner .banner_dot span { display: block; width: 60px; height: 8px; background: #b5b5b5; opacity: 1; border-radius: 0; }
.wrap .banner .banner_dot span.swiper-pagination-bullet-active { background: #d1922f; }
.wrap .banner nav { width: 100%; height: 80px; position: absolute; left: 0; bottom: 0; z-index: 9; }
.wrap .banner nav:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; z-index: -1; content: ''; }
.wrap .banner nav .nav { width: 100%; max-width: 1200px; height: 80px; display: flex; margin: 0 auto; }
.wrap .banner nav .nav a { display: block; height: 100%; width: 180px; color: #fff; font-size: 20px; text-align: center; line-height: 80px; }
.wrap .banner nav .nav a:hover { animation: xs 1s; animation-fill-mode: forwards; }
.wrap .banner nav .nav a:nth-child(1) { background: #744205; }

/*# sourceMappingURL=index.css.map */