* {
	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(0,0,0,0.05); 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 img{width:400px;}
.head-top-logo a .logo{display: block;}
.head-top-logo a .logoss{display:none;}
.scrollLogo{display: none;}
.head-top-scroll .scrollLogo{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: #333;justify-content: center;align-items: center;}
.top-nav .nav-list .list-link span:nth-child(2){margin-left: 4px;transition: all 0.5s;}
.top-nav .nav-list .list-link span:nth-child(2) .icon{font-size: 24px;color: #545454;}
.top-nav .nav-list .list-link span:nth-child(2) img{width: 24px;}
.top-nav .nav-list .list-link:hover span:nth-child(2){transform: rotateY(360deg);}
.top-nav .nav-list .list-link#nav-active{font-weight: 600;}

.head-searchWp{width: 170px;border: 1px solid #666;border-radius: 99px; padding-left: 20px;align-items: center;}
.head-searchWp input{background: transparent;height: 36px;}
.head-searchBtn{font-size: 18px;color: #666; margin-left: -55px;background: transparent;}
.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: #32b8c3;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: 58%;}
	.head-top-logo a img{width:330px;}
}
@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: #32b8c3;}
.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{width:330px;}
}

/*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;}
.mobilebanner{display: none;}
.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{height: 100%;margin-top: -7%; flex-direction: column;justify-content: center;}
.index-banners .swiper-text .bannerJg{font-size: 56px;font-weight: 600;font-style: oblique; letter-spacing: 4px;margin-top: 0px;margin-bottom: 0px;color: #333;}
.index-banners .swiper-text .bannerCpName{font-size:40px;font-weight: 600;font-style: oblique; letter-spacing:2px;color:#333;padding-left: 8%;position: relative;}
.index-banners .swiper-text .bannerCpName::before{content: '';position: absolute;left: 3%;top: 50%;transform: translateY(-50%);width: 50px;height: 6px;background: #32b8c3;
transform: skewX(-20deg);-ms-transform: skewX(-20deg);-moz-transform: skewX(-20deg);-webkit-transform: skewX(-20deg);-moz-transform: skewX(-20deg);}
.index-banners .swiper-text .bannerCpGy{font-size: 22px;color:#333;margin-top: 10px;letter-spacing:0px;}
.bannerLink{width: 200px; align-items: center;margin-top: 24px;}
.bannerLink span:first-child{width: 50px;height: 50px;border-radius: 50%; background: #32b8c3;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: 50%;margin-top: 0;margin-left: auto;}
.index-banners .banner-text2 .bannerCpName{font-size:40px;padding-left: 14%;}
.index-banners .index-banner-pagination{bottom: 40px;left: 6%;}
.index-banners .index-banner-pagination .swiper-pagination-bullet{background: rgba(50,184,195,0.8);transition: all 0.5s;}
.index-banners .index-banner-pagination .swiper-pagination-bullet-active{width: 24px;border-radius: 99px;background: rgba(50,184,195,1);}
.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-next{right: 6%;bottom: 40px;}
.index-banner-prev{right: 10%;bottom: 40px;}
.index-banner-prev:hover,.index-banner-next:hover{background: rgba(50,184,195,1);border: 1px solid rgba(50,184,195,1);}
.index-banner-prev:hover .icon,.index-banner-next:hover .icon{color: #fff;}
@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) {
	.pcbanner{display: none;}
	.mobilebanner{display: block;}
	.index-banners .swiper-text .container .row{justify-content: flex-start;margin-top: 0;padding-top: 110px;}
	.index-banners .swiper-text .bannerJg{font-size: 20px;}
	.index-banners .swiper-text .bannerCpName{font-size: 20px;}
	.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:#333;}
.footerTitle{padding-top: 50px;padding-bottom: 50px;justify-content: space-between;align-items: center;}
.footerLogo img{width:400px;}
.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.1);}
.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: 60px;height: 60px;background: #32b8c3;border-radius: 6px; justify-content: center;align-items: center;font-size: 40px;color: #fff;
margin-right: 8px;}
.footerContactC h5{color: #fff;}
.footerContactC h4{font-family: 'oswald-bold';color: #fff;font-weight: 600;letter-spacing: 1px;}
.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;}
	.footerNavList {width:50%;}
}
@media screen and (max-width: 980px) {
	.footerLogo img{width:300px;}
	.footerNavList {width:60%;}
}
@media screen and (max-width: 768px) {
	.footnavBg{padding-bottom: 70px;}
	.footerTitle{padding-top: 20px;padding-bottom: 20px;}
	.footerLogo{margin-bottom: 16px;}
	.footerLogo img{width:300px;}
	.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: rgba(50,184,195);
	-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: #32b8c3 url(../images/toTop.png) no-repeat center center; }