* {
	padding: 0;
	margin: 0;
	border: none;
	list-style-type: none;
	text-decoration: none;
	box-sizing: border-box;
	outline: none;
}

.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}

.flexbj {
	display: flex;
	flex-wrap: wrap;
}
.cl{
	clear: both;
}
@font-face {
	font-family: 'oswald-regular';
	src: url(../font/OSWALD-REGULAR.TTF);
}

@font-face {
	font-family: 'oswald-bold';
	src: url(../font/Oswald-Stencil-Bold.ttf);
}
@font-face {
	font-family: 'playfair';
	src: url(../font/PlayfairDisplay-Bold-4.ttf);
}

/****导航****/
.head-top-bg{width: 100%;position: relative;left: 50%;transform: translateX(-50%);background: rgba(0,0,0,0.8); z-index: 999999;}
.head-top{padding: 0 5%; height: 90px;justify-content: space-between;align-items: center;}
.head-top-scroll{position: fixed;top: -200px;background: rgba(17,17,17,0.5);}
.head-top-scroll .head-top{height: 80px;}
.head-top-logo {flex: 1;}
.head-top-logo img{height: 56px;}
.head-top-wel{flex: 1; color: #fff;text-align: center;}
.head-menu-btn{flex: 1;flex-direction: column;justify-content: flex-end;align-items: flex-end;cursor: pointer;}
.head-menu-btn div{width: 24px;height: 3px;margin-bottom: 4px;border-radius: 99px;transition: all 0.5s;}
.head-menu-btn div:nth-child(1){background: rgba(255,255,255);}
.head-menu-btn div:nth-child(2){background: rgba(255,255,255,0.6);}
.head-menu-btn div:nth-child(3){background: rgba(255,255,255,0.2);}
.head-menu-btn:hover div{width: 30px;}
.top-nav{position: fixed; width: 100%;height: 100%;top: 0;left: 100%; justify-content: space-between;z-index: 9999999;background-color: #2a2a29;transition: all 0.8s;}
.menu-com-content{flex: 1;padding: 5%;flex-direction: column;justify-content: center;align-content: center;background: #fff url(../images/menu-bg.png)no-repeat center center;}
.menu-com-content .menu-img{overflow: hidden;}
.menu-com-content .menu-img img{width: 100%;}
.menu-com-content h3{font-size: 50px; font-family: 'playfair';margin: 16px 0;padding-bottom: 16px;position: relative;}
.menu-com-content h3:after{content: ''; width: 50px;height: 2px;background: #ddd;position: absolute;left: 0;bottom: 0;}
.menu-contact-item{margin-bottom: 16px;}
.menu-contact-item h5{margin-top: 0;margin-bottom: 4px;}
.menu-contact-item .icon{color: #666;font-size: 16px;}
.menu-contact-item span{font-family: 'oswald-regular';font-size: 16px;font-weight: 600;}
.menu-contact-item span a{color: #333;}
.menu-contact-item span a:hover{text-decoration: underline;}
.menu-link{flex: 1;flex-direction: column; justify-content: space-between;align-items: center;padding: 30px 3% 5% 5%;background:#2a2a29 url(../images/menu-bg1.png) no-repeat center center;position: relative;}
.menulinkitem{width: 100%; justify-content: space-between;align-items: center;}
.menulinkitem .menu-logo img{height: 55px;}
.menuclose{align-self: flex-end; justify-content: center;align-items: center; position: relative;width: 80px;height: 80px;}
.menu-cir{position: absolute;left: 0%;right: 0%;top: 0%;bottom: 0%; border: 1px solid #c6ad7c;border-radius: 50%;transition: all 0.5s;cursor: pointer;}
.menuclose .menu-close{color: #fafafa;font-style: italic;}
.menuclose:hover .menu-cir{transform: scale(1.1);}
.menu-link .nav-list{text-align: center;}
.menu-link .nav-list .list-link{display: inline-block; position: relative;height: 100px;line-height: 100px;font-size: 20px;font-weight: 600; color: #fff;}
.menu-link .nav-list .list-link:before{content: '';position: absolute; width: 0;height: 2px;background: #c6ad7c;left: 50%;transform: translateX(-50%); bottom: 0;
transition: all 0.3s;}
.menu-link .nav-list .list-link:hover:before{width: 100%;}
.menu-link .nav-list .list-link#nav-active:before{width: 100%;}
.welcome{position: absolute;top: 80%;right: 1%;z-index: 99999;}
.welcome-text-wp{position: relative;}
.welcome-text{animation: rotate 10s linear infinite;}
.welcome-scroll{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 70px;height: 70px;background: #333;border-radius: 50%;
justify-content: center;align-items: center;overflow: hidden;}
.welcome-scroll .icon{font-size: 30px;color: #f7b12a;}
.scrollNav-wp{display: none;}
.scrollNav{justify-content: space-between;align-items: center;}
.scrollNav .scrollNav-list .list-link{display: inline-block; position: relative;padding-bottom: 6px; font-size: 14px;font-weight: 600; color: #fff;}
.scrollNav .scrollNav-list .list-link:before{content: '';position: absolute; width: 0;height: 2px;background: #c6ad7c;left: 50%;transform: translateX(-50%); bottom: 0;
transition: all 0.3s;}
.scrollNav .scrollNav-list .list-link:hover:before{width: 100%;}
.scrollNav .scrollNav-list .list-link#scrollNav-active:before{width: 100%;}
@media screen and (max-width: 1350px) {
	.head-top-logo a img{height: 50px;}
	
}
@media screen and (max-width: 1200px) {
	.head-top-logo a h3{font-size: 20px;letter-spacing: 1px;}
	.head-top-logo a h6{font-size: 12px;font-weight: normal;}
	.welcome{top: 70%;}
}
@media screen and (max-width: 1100px) {
	.menu-com-content{display: none;}
	.head-menu-btn{flex:0.3;}
	.wel{display: none!important;}
}
@media screen and (max-width: 998px) {
	.head-top-wel{display: none!important;}
	.head-top-logo a img{height: 40px;}
	.head-top{height: 60px;}
	.head-top-scroll .head-top{height: 60px;}
	.welcome{display: none!important;}
	.menulinkitem .menu-logo img{height: 50px;}
	.menuclose{width: 60px;height: 60px;}
	.menu-link{justify-content: flex-start;}	
	.menu-link ul{margin-top: 40px;}
	.menu-link .nav-list .list-link{height: 60px;line-height: 60px;}

}
@keyframes rotate{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(-360deg);
	}
}


/*banner*/
.index-banners{margin-top: -100px;}
.index-banners .swiper-wrapper .swiper-slide img{width: 100%;}
.index-banners .swiper-wrapper .swiper-slide{position: relative;z-index: 1;}
.index-banners .index-banner-pagination{bottom: 30px;left: 5%;color: #fff;font-family: 'oswald-regular';font-size: 30px;letter-spacing: 5px;}
.index-banner-prev,.index-banner-next{top: 50%;transform: translateY(-50%);}
.index-banner-prev{left: 5%;}
.index-banner-next{right: 5%;}
@media screen and (max-width: 992px) {
	.index-banners{margin-top: 0px;}
	.index-banners .index-banner-pagination{font-size: 20px;}
}
@media screen and (max-width: 768px) {
	.index-banners .index-banner-pagination{bottom: 16px;}
}

/*footer*/
.footer-bg{background: #1a1a1a;}
.footer-nav{justify-content: space-between;align-items: center;padding: 60px 0 40px 0;border-bottom: 1px solid #444;}
.footer-nav-list a{font-size: 18px;font-weight: 600;color: #fff;margin-left: 40px;}
.footer-contact{padding: 40px 0;justify-content: space-between;align-items: center;}
.ft-contact-item1{width: 60%;}
.footer-contact-list{width: 50%;margin: 10px 0; font-size: 16px; color: #fff;font-family:'oswald-regular';}
.footer-contact-list a{color:#fff;}
.footer-contact-list a:hover{text-decoration:underline;}
.footer-contact-list .icon{color: #999;}
.ft-contact-item2{width: 40%;justify-content: flex-end;align-items: center;}
.ft-code{color: #fff;text-align: center;margin-left: 10%;}
.footer-line1{height: 1px;background: #444;}
.footer-copy{line-height: 40px;text-align: center;color: #fff;}
.footer-copy a{color: #fff;}

@media screen and (max-width: 1260px) {
	.footer-contact{justify-content: space-between;}
	.footer-contact-list{width: 49%;}
}

/*mobile footer*/
.footer_float {
	width: 100%;
	height:0px;
	padding:0;
	overflow:hidden;
	position: fixed!important;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background: rgba(26,26,26,0.9);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.foot_float {
	width: 100%;
	position: fixed;
	height: 0.8rem;
	bottom: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.foot-relative_float {
	position: relative;
	width: 100%;
	height: 0.8rem;
}
.foot_float a {
	display: block;
	float: left;
	width: 33.33%;
	color: #ffffff
}
.foot_float a span {
	display: block;
	width: 100%;
	text-align: center;
	font-size:30px;
	line-height:40px;
}
.foot_float a h3 {
	width: 100%;
	text-align: center;
	font-size:14px;
	line-height:20px;
	margin: 0;
}
@media screen and (max-width: 998px) { 
	.footer-nav-list{width: 100%; justify-content: space-between;}
	.footer-nav-list a{margin-left: 0;}
	.footer-contact-list{width: 49%;padding: 20px 0;}
	.footer-line1{margin: 0;}
} 
@media screen and (max-width: 768px) { 
	.footnav{padding: 6% 0 94px 0;}
	.footer_float {height:70px;padding:5px 0;}
	
	.footer-nav-list a{font-size: 16px;}
	.footer-bg{margin-bottom: 70px;}
	.footer-logo img{height: 30px;}
	.footer-nav{padding: 40px 0;}
	.footer-logo{margin-bottom: 16px;}
	.footer-contact-list{width: 100%;margin-bottom: 0;padding: 10px 0;font-size: 14px;}
	.footer-nav-list a{font-size: 14px;}
	.ft-contact-item1{width: 100%;}
	.footer-contact{padding: 20px 0;}
	.ft-contact-item2{width: 100%;justify-content:flex-start;}
	.ft-code{margin-left: 0;margin-right: 16px;}
	.footer-copy{font-size: 12px;}
} 

/*toTop*/
.toTop{display: none; position: fixed;right: 3%;bottom: 80px;z-index: 999999;}
.toTop a{display: block;width: 40px;height: 40px;border-radius: 99px;background: #333 url(../images/toTop.png) no-repeat center center; }