* {
	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);
}
/****导航****/
.head-top-bg{width: 100%; height: 100px;position: relative;left: 50%;transform: translateX(-50%);border-bottom: 1px solid rgba(255,255,255,0.2); z-index: 999999;}
.head-top{height: 100px;}
.head-top-scroll{position: fixed;top: -200px;background: #fff;}
.head-top .row{justify-content: space-between; align-items: center;z-index: 999999;}
.head-top-logo a{align-items: center;}
.head-top-logo a .logo{display: block; height: 65px;}
.scrollLogo{display: none;}
.head-top-scroll a .logo{display: none;}
.head-top-scroll .scrollLogo{display: block;height: 65px;}
.top-nav{width: 45%;margin-left: 7%;justify-content: space-between;}
.top-nav .nav-list{position: relative;}
.top-nav .nav-list .list-link{display: block; position: relative; height: 100px;line-height: 100px;font-size: 16px;font-weight: 600; color: #fff;}
.top-nav .nav-list .list-link:before{content: '';position: absolute; width: 0;height: 3px;background: #0170b5;left: 50%;transform: translateX(-50%); bottom: 0;
transition: all 0.3s;}
.top-nav .nav-list .list-link:hover:before{width: 100%;}
.top-nav .nav-list .list-link#nav-active:before{width: 100%;}
.head-top-scroll .top-nav .nav-list .list-link{color: #333;}
.nav-list-item{position: absolute;width: 200px;padding-top: 2%;padding-bottom: 2%; background: #fff;left: 50%;transform: translateX(-50%); top: 100px;
border-top: solid 1px #f5f5f5;transition: all 0.5s;display: none;}
.nav-list-item a{justify-content: center; align-items: center;color: #333;}
.nav-list-item a h5{line-height: 2;}
.nav-list-item a:not(:last-child){border-bottom: 1px solid #ddd;}
.nav-list-item a:hover{color: #0170b5;}
.top-nav .nav-list:hover .nav-list-item{display: block;}
.head-mobileWp{align-items: center;border: 1px solid #fff;border-radius: 99px;padding: 4px 10px;}
.head-mobileWp .icon{font-size: 24px; color: #fff;}
.head-mobileWp span{font-family: 'oswald-regular';font-size: 20px;font-weight: 600; color: #fff;}
.head-top-scroll .head-mobileWp{border: 1px solid #333;}
.head-top-scroll .head-mobileWp .icon{color: #333;}
.head-top-scroll .head-mobileWp span{color: #333;}
@media screen and (max-width: 1350px) {
	.head-top-logo a img{height: 60px;}
	.top-nav{width: 40%;}
}
@media screen and (max-width: 768px) {
	.head-mobileWp{display: none;}
	.head-top-scroll .scrollLogo{height: 40px;}
}
/*mobile-menu*/
.mobile-navbtn{display: none;}
.mobile-navbtn div{width: 24px;height: 3px;margin-bottom: 4px;border-radius: 99px; background: #333;}
.mobile-menu{position: fixed;width: 100%;height: 100vh;background: rgba(51,51,51,.95); top: 0; left: 100%;z-index: 999999999;transition: all 0.5s;}
.mobile-menu ul{padding-top: 100px;}
.mobile-menu ul li a{display: block;text-align: center;font-size: 18px;font-weight: 600;color: #fff;padding: 6% 0;}
.mobile-closebtn{position: absolute;right: 4%;top: 5%;}
.mobile-closebtn div{width: 24px;height: 3px;border-radius: 99px; background: #fff;}
.mobile-closebtn div:first-child{transform: rotate(45deg);margin-bottom: -3px;}
.mobile-closebtn div:nth-child(2){transform: rotate(-45deg);}
@media screen and (max-width: 992px) {
	.top-nav{display: none;}
	.mobile-navbtn{display: block;}
	.head-top-bg{height: 80px;}
	.head-top{height: 80px;}
	.head-top .row{height: 80px;}
}
@media screen and (max-width: 768px) {	
	.head-contact{display: none;}
	.head-top-logo{width: 90%;}
	.head-top-logo a h3{font-size: 16px;margin-top: 0;margin-bottom: 0;}
	.head-top-logo a h6{display: none;}
	.head-top-logo a img{height: 40px;}
}

/*banner*/
.index-banners{margin-top: -100px;}
.index-banners .swiper-wrapper .swiper-slide{position: relative;z-index: 1;}
.index-banners .swiper-wrapper .swiper-slide img{width: 100%;}
.index-banners .swiper-wrapper .swiper-slide .swiper-text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;}
.index-banners .index-banner-pagination{bottom: 30px;left: 50%;transform: translateX(-50%);}
.index-banners .index-banner-pagination .swiper-pagination-bullet{background: rgba(255,0,0,0.5);transition: all 0.5s;}
.index-banners .index-banner-pagination .swiper-pagination-bullet-active{width: 24px;border-radius: 99px;background: rgba(255,0,0,1);}
@media screen and (max-width: 1200px) {
	.index-banners .banner-text h3{font-size: 26px;text-transform: uppercase;font-weight: 600;}
	.index-banners .banner-text h2{font-size: 50px;font-weight: 600;letter-spacing: 4px;}
	.index-banners .banner-text h4{font-size: 22px;}
}
@media screen and (max-width: 992px) {
	.head-contact{display: none;}
	.index-banners{margin-top: 0px;}
	.head-top-logo a .logo{display: none;}
	.scrollLogo{display: block;}
	.head-top-logo a h3{color: #333;}
	.head-top-logo a h6{color: #666;}
}
@media screen and (max-width: 768px) {
	.index-banners .index-banner-pagination{bottom: 16px;}
	.index-banners .banner-text h3{font-size: 12px;text-transform: uppercase;font-weight: 600;}
	.index-banners .banner-text h2{font-size: 20px;font-weight: 600;letter-spacing: 4px;}
	.index-banners .banner-text h4{font-size: 12px;}
	.index-banners .banner-line{margin: 10px auto;}
	.index-banners .banner-text2 h4{margin-top: 8px; margin-bottom: 32px;}
}

/*footer*/
.footnav{padding: 3% 0 2% 0;background: #1a1a1a;}
.footerTitle{justify-content: space-between;align-items: center;padding-bottom: 2%;margin-bottom:2%; border-bottom: 1px solid rgba(38,38,38);}
.footerTitle h3{font-weight: 600;color: #fff;margin-top: 0;margin-bottom: 0;}
.footerNavList li{padding-right: 30px;margin-left: 30px;position: relative;}
.footerNavList li:last-child{padding-right: 0;}
.footerNavList li a{font-size: 16px;color: #fff;}
.footerNavList li:not(:last-child)::after{content: '/';position: absolute;right:0;top: 0;color: #fff;}
.footnav .dt{font-size: 18px; color: #fff;font-weight: 600;padding-bottom: 16px; margin-bottom: 16px;position: relative;}
.footnav .dt::before{content: '';position: absolute;left: 0;bottom: 0;width: 16%;height: 1px;background: rgba(255,255,255,0.7);}
.footnav .dt::after{content: '';position: absolute;left: 16%;bottom: 0;width: 50%;height: 1px;background: #494949;}
.footnav .dd{ color: #a5a5a5;line-height: 36px;}
.footnav .dd:hover{color: #fff;}
.footerItem{justify-content: space-between;}
.footerItems{width: 25%;padding-right: 2%;}
.foot-line{height: 1px;background: rgba(38,38,38); margin: 24px 0;}
.footer-code{color: #a5a5a5;}
.footer{color: #a5a5a5;justify-content: center;align-items: center;}
.footer a{color: #a5a5a5;}
.footer a:hover{color: #fff;}
.footer span{margin: 0 10px;}
@media screen and (max-width: 768px) {
	.footerTitle{margin-bottom: 16px;padding-bottom: 16px;}
	.footerTitle h3{font-size: 20px;}
	.footerNavList{display: none;}
	.footerItems{width: 50%;}
	.footerItems:not(:last-child){margin-bottom: 16px;}
	.footerItems:nth-child(3){width: 100%;}
	.footnav .dt{font-size: 16px;}
	.footnav .dd{line-height: 26px;}
	.foot-line{margin: 16px 0;}
	
}
/*mobile footer*/
.footer_float {
	width: 100%;
	height:0px;
	padding:0;
	overflow:hidden;
	position: fixed!important;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background: rgba(255,0,0,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: 80px;}
	.footer-logo img{height: 30px;}
} 

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