* {
	padding: 0;
	margin: 0;
	border: none;
	list-style-type: none;
	text-decoration: none;
	box-sizing: border-box;
	outline: none;
}
html,body {
    position: relative;
    height: 100%;
  }
.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: 80px;position: fixed;left: 50%;transform: translateX(-50%);top: 0; border-bottom: 1px solid rgba(255,255,255,0.07); z-index: 999999;}
.firstHeadNavBg{background: rgba(255,255,255,0.9);}
.head2{background: #fff;}
.head-top{height: 80px;}
.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 .logo01{display: none;}

.firstHeadNavBg .head-top-logo a .logo{display: none;}
.firstHeadNavBg .head-top-logo a .logo01{display: block;}
.head-top-scroll .head-top-logo a .logo{display: none;}
.head-top-scroll .head-top-logo a .logo01{display: block;}
.head-top-scroll .head-top-logo a h3{color: #333;}
.head-top-scroll .head-top-logo a h6{color: #999;} 
.top-nav{width: 45%;margin-left: 7%;justify-content: space-between;}
.top-nav .nav-list{position: relative;}
.top-nav .nav-list .list-link{position: relative;height: 80px;font-size: 16px;color: #fff;justify-content: center;align-items: center;}
.inner-head-top .top-nav .nav-list .list-link{color: #333;}
.firstHeadNavBg .top-nav .nav-list .list-link{color: #333;}
.top-nav .nav-list .list-link#nav-active{font-weight: 600;}
.head-searchWp{width: 170px;border: 1px solid #fff;border-radius: 99px; padding-left: 20px;align-items: center;}
.inner-head-top .head-searchWp{border: 1px solid #666;}
.head-searchWp input{background: transparent;height: 36px;color: #fff;}
.inner-head-top .head-searchWp input{color: #333;}
.head-searchWp input::placeholder{color: #fff;}
.inner-head-top .head-searchWp input::placeholder{color: #666;}
.head-searchBtn{font-size: 18px;color: #fff; margin-left: -55px;background: transparent;}
.inner-head-top .head-searchBtn{color: #666;}
.firstHeadNavBg .head-searchWp{border-color: #666;}
.firstHeadNavBg .head-searchWp input{color: #666;}
.firstHeadNavBg .head-searchWp input::placeholder{color: #666;}
.firstHeadNavBg .head-searchBtn{color: #666;}
.language a{display: block; width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 50%;color: #333;background: #d7d7d7;
transition: all 0.5s;}
.language:hover a{background: #c23e3c;color: #fff;}
.nav-list-item{position: absolute;width: 200px;background: #fff;left: 50%;transform: translateX(-50%); top: 100%;
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{font-size: 15px;line-height: 2;}
.nav-list-item a:not(:last-child){border-bottom: 1px solid #f1f1f1;}
.nav-list-item a:hover{color: #042b46;}
.top-nav .nav-list:hover .nav-list-item{display: block;}
.head-top-scroll .top-nav .nav-list .list-link{color: #333;}
.head-top-scroll .top-nav .nav-list .list-link:before{background: #333;}
@media screen and (max-width: 1200px) {
	.head-searchWp{display: none;}	
	.top-nav{width: 55%;}
}
@media screen and (max-width: 992px) {
	.language{display: none;}
}
@media screen and (max-width: 768px) {

}
/*mobile-menu*/
.mobile-navbtn{display: none;}
.mobile-navbtn div{width: 24px;height: 3px;margin-bottom: 4px;border-radius: 99px; background: #fff;}
.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;}
	.firstHeadNavBg .mobile-navbtn div{background: #333;}
}
@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{width: 160px;}
	
}

/*banner*/
.index-banners{width: 100%;height: 100%;}
.index-banners .swiper-wrapper .swiper-slide{width: 100%;height: 100%;}
.index-banners .swiper-wrapper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.index-banners .swiper-text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;}
.index-banners .swiper-text .container{height: 100%;}
.index-banners .swiper-text .container .row{width: 50%; height: 100%;flex-direction: column;justify-content: center;}
.index-banners .swiper-text .bannerJg{font-size: 46px;font-weight: 600;letter-spacing: 4px;margin-top: 0px;margin-bottom: 0px;color: #fff;}
.index-banners .swiper-text .bannerCpName{font-size: 56px;font-weight: 600;letter-spacing: 4px;color: #fff;position: relative;text-shadow: 1px 1px 0 #000;}
.index-banners .swiper-text .bannerCpGy{font-size: 22px;color: #fff;margin-top: 10px;letter-spacing: 2px;}
.bannerLink{width: 200px; align-items: center;margin-top: 24px;}
.bannerLink span:first-child{width: 50px;height: 50px;border-radius: 50%; background: #c23e3c;justify-content: center;align-items: center;
transform: rotate(-30deg);transition: all 0.3s;}
.bannerLink span:first-child .icon{font-size: 30px;color: #fff;}
.bannerLink span:last-child {margin-left: 10px;font-size: 20px; color: #333;}
.bannerLink:hover span:first-child{transform: rotate(0deg);}
.index-banners .banner-text2 .container .row{width: 100%;text-align: center;}
.index-banners .banner-text2 .bannerCpName{font-size: 50px;}
.index-banners .index-banner-pagination{bottom: 40px;left: 6%;}
.index-banners .index-banner-pagination .swiper-pagination-bullet{background: rgba(255,255,255,0.8);transition: all 0.5s;}
.index-banners .index-banner-pagination .swiper-pagination-bullet-active{width: 24px;border-radius: 99px;background: rgba(194,62,60,0.8);}
.index-banner-prev,.index-banner-next{width: 50px;height: 50px;border: 1px solid #999;border-radius: 50%;justify-content: center;align-items: center;}
.index-banner-prev .icon,.index-banner-next .icon{color: #fff;}
.index-banner-next{right: 6%;bottom: 40px;}
.index-banner-prev{right: 10%;bottom: 40px;}
.index-banner-prev:hover,.index-banner-next:hover{background: rgba(194,62,60,1);border: 1px solid rgba(194,62,60,1);}
.index-banner-prev:hover .icon,.index-banner-next:hover .icon{color: #333;}
@media screen and (max-width: 1350px) {
	.index-banner-prev{right: 12%;}
}
@media screen and (max-width: 1200px) {
	
}
@media screen and (max-width: 992px) {
	.head-contact{display: none;}
	.index-banners{margin-top: 0px;}
	.scrollLogo{display: block;}
	.head-top-logo a h3{color: #333;}
	.head-top-logo a h6{color: #666;}
	.index-banner-prev{right: 13%;}
}
@media screen and (max-width: 768px) {
	.index-banners .swiper-text .bannerJg{font-size: 20px;}
	.index-banners .swiper-text .bannerCpName{font-size: 26px;}
	.index-banners .swiper-text .bannerCpName::before{display: none;}
	.index-banners .swiper-text .bannerCpGy{font-size: 16px;}
	.bannerLink span:last-child{font-size: 16px;}
	.index-banners .banner-text2 .container .row{width: 100%;}
	.index-banners .index-banner-pagination{bottom: 24px;}
	.swiper-button-next, .swiper-button-prev{display: none;}
}

/*footer*/
.pageSwiper .swiper-wrapper .swiper-slide.index-footerBg{display: block;height: auto!important;margin-bottom: 0!important;
overflow: hidden;}
.footnavBg{background: #222;}
.footerTitle{padding-top: 50px;padding-bottom: 50px;justify-content: space-between;align-items: center;}
.footerLogo img{width: 200px;}
.footerNavList {width: 60%;justify-content: space-between;}
.footerNavList li{flex: 1;text-align: right;}
.footerNavList li a{display: block;font-size: 16px;color: #fff;font-weight: 600;}
.foot-line{height: 1px; background: rgba(255,255,255,0.2);}
.footerContactWp{padding-top: 30px;padding-bottom: 30px;}
.footerContactWp .row{justify-content: space-between;align-items: center;}
.dd{align-items: center;margin-right: 16px;}
.footerContactIcon{width: 55px;height: 55px;background: #c23e3c;border-radius: 6px; justify-content: center;align-items: center;font-size: 40px;color: #fff;
margin-right: 10px;}
.footerContactC h5{color: #fff;}
.footerContactC h4{color: #fff;font-weight: 600;}
.footer-code h5{color: #fff;text-align: center;}
.footer{justify-content: center; padding: 20px 0;color: #fff;}
.footer li{margin: 0 10px;}
.footer a{color: #fff;}
@media screen and (max-width: 1200px) {
	.footerContacts{margin-bottom: 10px;}
	.footer-code{margin-bottom: 10px;}
}
@media screen and (max-width: 768px) {
	.footnavBg{padding-bottom: 70px;}
	.footerTitle{padding-top: 20px;padding-bottom: 20px;}
	.footerLogo{margin-bottom: 16px;}
	.footerLogo img{width: 200px;}
	.footerNavList{width: 100%;}
	.footerNavList li{text-align: center;}
	.footerNavList li a{font-size: 14px;}
	.footerContactWp{padding-top: 20px;padding-bottom: 20px;}
	.footerContactIcon{width: 40px;height: 40px;font-size: 28px;}
	.footerContactC h4{font-size: 16px;}
	.footer-code{display: none;}
	
}
/*mobile footer*/
.footer_float {
	width: 100%;
	height:0px;
	padding:0;
	overflow:hidden;
	position: fixed!important;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background: #333;
	-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: #c23e3c url(../images/toTop.png) no-repeat center center; }