* {
	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);
}
:root {
  --primary-color: #72af22; 
}
/* 滚动条样式 */
::-webkit-scrollbar {
    width: 0px; /* 设置滚动条宽度 */
   	border-radius: 0px;
}
 
::-webkit-scrollbar-thumb {
    background-color: #aaa; /* 设置滑块颜色 */
}
 
::-webkit-scrollbar-track {
    background-color: #fff; /* 设置滚动条背景颜色 */
}
 
::-webkit-scrollbar-button {
    display: none; /* 隐藏滚动条两侧的按钮 */
}
::-webkit-scrollbar-corner {
    display: none; /* 隐藏交叉点 */
}
::-webkit-resizer {
    display: none; /* 隐藏调整元素大小手柄 */
}
/****导航****/
.head-top-bg{width: 100%; height: 80px;position: fixed;left: 0;top: 0; border-bottom: 1px solid rgba(0,0,0,0.07); z-index: 999999;}
.firstHeadNavBg{background: rgba(0,0,0,0.8);}
.head2{background: #fff;}
.head-top{height: 80px;}
.head-top-scroll{position: fixed;top: 0;left: 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.08);}
.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;}
.head-top-scroll .bars{background-color: #333;}


.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: var(--primary-color);}
.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 .list-link{position: relative;height: 80px;font-size: 16px;color: #333;justify-content: center;align-items: center;}
.inner-head-top .top-nav .nav-list .list-link{color: #333;}
.top-nav .nav-list .list-link#nav-active{color: var(--primary-color);font-weight: 600;}

.inner-head-top .languageWp .language .languageicon{background: #999 url(../images/language.gif) center center;background-size: cover;}
.inner-head-top .languageWp .language{color: #999;}
.languageWp .language{color: #666;}
.languageWp .language .languageicon{display: block;width: 21px;height: 21px;border-radius: 100%;font-size: 0;vertical-align: middle;background: url(../images/language.gif) center center;background-size: cover;background-color: #999;}
.languageWp .language .languagetext{margin: 0 0 0 6px;}
.head-top-scroll .languageWp .language .languageicon{background-color: #999;}
.head-top-scroll .languageWp .language{color: #666;}

.nav-list{position: relative;}
.navListItem{position: absolute;width: 250px;background: rgba(255,255,255,0.98);left: 50%;transform: translateX(-50%); top: 100%;transition: all 0.5s;border-radius: 10px;display: none;}
.navListItemWp{position: relative;}
.navnames{display: block;padding: 14px 0px;font-size: 16px; color: #333;text-align: center;transition: 0.5s ease;}
.navnames:not(:last-child){border-bottom: 1px solid #f1f1f1;}
.navnames:hover{color: var(--primary-color);}
.nav-list:hover .navListItem{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;}
.form button{border: none;background: none;color: #8b8ba7;}
.form {
  --timing: 0.3s;
  --width-of-input: 200px;
  --height-of-input: 40px;
  --border-height: 2px;
  --input-bg: #fff;
  --border-color: #2f2ee9;
  --border-radius: 30px;
  --after-border-radius: 1px;
  position: relative;
  width: 140px;
  height: 40px;
  display: flex;
  align-items: center;
  padding-inline: 0.8em;
  border-radius: 30px;
  transition: border-radius 0.5s ease;
}
.input {
  font-size: 0.9rem;
  background-color: transparent;
  width: 100%;
  height: 100%;
  padding-inline: 0.5em;
  padding-block: 0.7em;
  border: none;
}
.form:before {
  content: "";
  position: absolute;
  background: var(--primary-color);
  transform: scaleX(0);
  transform-origin: center;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  border-radius: 1px;
  transition: transform var(--timing) ease;
}
.form:focus-within {
  border-radius: var(--after-border-radius);
}
input:focus {
  outline: none;
}
.form:focus-within:before {
  transform: scale(1);
}
.reset {
  border: none;
  background: none;
  opacity: 0;
  visibility: hidden;
}
input:not(:placeholder-shown) ~ .reset {
  opacity: 1;
  visibility: visible;
}
.form svg {
  width: 17px;
  margin-top: 3px;
}
@media screen and (max-width: 1200px) {
	.head-searchWp{display: none;}	
	.top-nav{width: 55%;}
	.nav-list:hover .nav-list-item{height: 260px; transition: 0.5s ease; }
}
@media screen and (max-width: 992px) {
	.form{display: none;}
}
@media screen and (max-width: 768px) {

}
/*mobile-menu*/
.mobile-navbtn{display: none;}
#checkbox {display: none;}
.toggle {position: relative;width: 30px;height: 30px;cursor: pointer;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;transition-duration: .5s;margin-bottom: 0;z-index: 999;}
.bars{width: 100%;height: 2px;background-color: rgb(255, 255, 255);border-radius: 4px;margin-left: auto;}
.bar2 {transition-duration: .8s;}
.bar1,.bar3 {width: 70%;}
#checkbox:checked + .toggle .bars {position: absolute;transition-duration: .5s;}
#checkbox:checked + .toggle .bar2 {transform: scaleX(0);transition-duration: .5s;}
#checkbox:checked + .toggle .bar1 {width: 100%;transform: rotate(45deg);transition-duration: .5s;}
#checkbox:checked + .toggle .bar3 {width: 100%;transform: rotate(-45deg);transition-duration: .5s;}
#checkbox:checked + .toggle {transition-duration: .5s;transform: rotate(180deg);}
.bars{animation: navbar 2s ease-in-out infinite}
.bar1{animation-delay: 0.1s;}
.bar2{animation: none;}
.bar3{animation-delay: 0.3s;}
.animationnone{animation:none;}
.head-top-bg.inner-head-top .bars{background: #333;}
.head-top-bg.inner-head-top .bars.animationnone{background: #fff;}

.firstHeadNavBg .mobile-navbtn div{background: #fff;}
.mobile-menu{position: fixed;width: 100%;height: 100vh;background: rgba(51,51,51,.95); top: 0; left: 100%;z-index: 998;transition: all 0.5s;}
.mobile-menu.show {left: 0;} 
.mobile-menu ul{padding-top: 100px;}
.mobile-menu ul li{border-bottom: 1px solid rgba(255,255,255,0.1);}
.mobile-menu ul li .mobmenusfir{display: block;font-size: 18px;font-weight: 600;color: #fff;padding: 20px 0;}
.mobile-menu ul li .mobmenus{justify-content: space-between;align-items: center;padding: 20px 0;}
.mobmenus a{font-size: 18px;font-weight: 600;color: #fff;} 
.mobmenus i{width: 34px;height: 34px;position: relative;cursor: pointer;transition: 0.5s;}
.mobmenus i::before{content: "";width: 14px;height: 2px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.mobmenus i::after{content: "";width: 2px;height: 14px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.rotate{transform: rotate(135deg);transition: 0.5s;}
.mobmenusec{border-top: 1px dashed rgba(255,255,255,0.1);display: none;padding: 10px 0;}
.mobmenusec a{display: block; color: #fff;line-height: 4;position: relative;padding-left: 16px;}
.mobmenusec a::before{content: "";width: 4px;height: 4px;border-radius: 50%;background: #c7a033;position: absolute;left: 3px;top: 50%;transform: translateY(-50%); transition: all 0.4s;}
.mobmenusec a::after{content: "";width: 10px;height: 10px;border-radius: 50%;border: 1px solid #c7a033;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: all 0.4s;}
.lang{display: block;font-size: 18px;font-weight: 600;color: #fff;padding: 20px 0;}
@keyframes navbar{
	0% {
    width: 100%;
  }

  50% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
	.top-nav{display: none;}
	.mobile-navbtn{display: block;}
	.head-top-bg.inner-head-top{height: 80px;}
	.head-top{height: 80px;}
	.languageWp{display: none;}
	.head-top .row{height: 80px;align-items: center;}
}
@media screen and (max-width: 768px) {	
	.head-contact{display: none;}
	.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: 180px;}	
}

/*banner*/
.index-banners{width: 100%;height: 100vh;}
.index-banners .swiper-wrapper .swiper-slide img.bannerBg{width:100%;height:100%;object-fit: cover;transition:1s linear 2s;transform:scale(1.1,1.1);}
.index-banners .swiper-wrapper .swiper-slide.swiper-slide-active img{transition:6s linear;transform:scale(1,1);}
.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%;justify-content: space-between;align-items: center;}
.index-banners .swiper-text .container .row .banTextWp{width: 48%;}
.index-banners .swiper-text .container .row .banTextPic{width: 48%;}
.index-banners .swiper-text .container .row .banTextPic img{width: 100%;}
.bannerIco{display: none;}
.index-banners .swiper-text .container .row .p1{font-size: 50px;font-weight: 600;margin-top: 0px;margin-bottom: 10px;color: #333;}
.index-banners .swiper-text .container .row .p2,.index-banners .swiper-text .p3{font-size: 22px;font-weight: 600;letter-spacing: 2px;color: #333;}
.index-banners .swiper-text .container .row .banlink{width: 130px;height: 40px;line-height: 40px;text-align: center;background: var(--primary-color);margin: 40px 0 0 0;color: #fff;}
.index-banners .swiper-text .container .row .banGn{margin-top: 40px; color: #333;font-size: 20px;align-items: center;}
.index-banners .swiper-text .container .row .banGn .banGncl{display: inline-block; width: 1px;height: 40px;background: #333;margin: 0 24px;}
.index-banners .swiper-text.swiper-text2 .container .row{width: 50%;text-align: center;margin-left: 0;}

.index-banners .index-banner-pagination{bottom: 40px;right: 6%;}
.index-banners .index-banner-pagination .swiper-pagination-bullet{width: 42px;height: 42px; color: #333;transition: all 0.2s;font-size: 20px;}
.index-banners .index-banner-pagination .swiper-pagination-bullet-active{font-size: 30px;padding: 0 4px;margin: 0 6px; position: relative;}
.index-banners .index-banner-pagination .swiper-pagination-bullet-active::after{content: '';position: absolute;left: 10%; bottom: 0;width: 80%;height: 1px;background: #999;}
.index-banners .index-banner-pagination:last-child .swiper-pagination-bullet::after{content: '';}
.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: #333;}
.index-banner-next{left: calc(6% + 70px);bottom: 60px;}
.index-banner-prev{left: 6%;bottom: 60px;}
.index-banner-prev:hover,.index-banner-next:hover{background: var(--primary-color);border: 1px solid var(--primary-color);}
.index-banner-prev:hover .icon,.index-banner-next:hover .icon{color: #fff;}

@media screen and (max-width: 1300px) {
	.index-banners .swiper-text .container .row .p1{font-size: 50px;}
}
@media screen and (max-width: 1200px) {
	.index-banners .swiper-text .container .row .banTextWp .bannerLogo{width: 150px;height: 36px;}
	.index-banners .swiper-text .container .row .p1{font-size: 40px;}
	.index-banners .swiper-text .container .row .p2, .index-banners .swiper-text .p3{font-size: 18px;}
}

@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-banners .swiper-text .container .row .banGn{justify-content: center;margin-top: 10px;}
	.index-banners .index-banner-pagination{bottom: 10px;}
	.index-banners .index-banner-pagination .swiper-pagination-bullet{width: 30px;height: 30px; font-size: 12px;}
	.index-banners .index-banner-pagination .swiper-pagination-bullet-active{font-size: 14px;}
	.index-banners .swiper-text .p1{font-size: 18px;letter-spacing: 0;margin-bottom: 8px;}
	.index-banners .swiper-text .p2, .index-banners .swiper-text .p3{font-size: 14px;letter-spacing: 0;}
	.index-banners .swiper-text .banlink{display: none;}
	.index-banners .swiper-text .container .row{flex-direction: column;justify-content: center;}
	.index-banners .swiper-text .container .row .banTextWp{width: 100%;margin-bottom: 24px;order: 1;}
	.index-banners .swiper-text .container .row .banTextPic{width: 100%;max-height: 540px;order: 2;}
	.index-banners .swiper-text .container .row .banTextWp .bannerLogo{width: 130px;height: 31px;margin: 0 auto 16px auto;}
	.index-banners .swiper-text .container .row .p1{font-size: 26px;text-align: center;}
	.index-banners .swiper-text .container .row .p2, .index-banners .swiper-text .p3{font-size: 18px;text-align: center;}
	.index-banners .swiper-text .container .row .banGn{font-size: 18px;}
	.index-banners .swiper-text .container .row .banGn .banGncl{height: 30px; margin: 0 12px;}
	.bannerPic{display: none;}
	.bannerIco{display: block;}
}
@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%;}

}

/*footer*/
.indexFoot{display: block;
    height: auto!important;
    margin-bottom: 0!important;
    overflow: hidden;}
.footnavBg{background: #272727;padding: 60px 0 24px 0;}
.footerTitle{justify-content: space-between;align-items: center;}
.footerLogo img{width: 200px;}
.footerNavList {width: 60%;justify-content: space-between;}
.footerNavList li h3{font-size: 22px;color: #fff;margin-bottom: 12px;}
.footerNavList li a{display: block;font-size: 14px;color: #9a9a9a;line-height: 2.5;}
.footerNavList li a:hover{color: #fff;}
.footerRx{flex-direction: column;align-items: flex-end;}
.footerRx h5{font-size: 14px;color: #fff;}
.footerRx h4{font-size: 36px;color: #fff;margin: 16px 0;}
.footerRx img{width: 150px;}
.footerRx .footcode h5{text-align: center;margin-top: 8px;}
.foot-line{height: 1px; background: rgba(199,160,51,0.2);margin: 50px 0 30px 0;}
.beian{margin-bottom: 12px;}
.beian,.beian a{font-size: 12px; color: rgba(255,255,255,0.7);}
.beian a:hover{color: rgba(255,255,255,1);}
.footerContactWp .row{justify-content: space-between;align-items: center;}
.footcontactxx{justify-content:space-between; align-items: center;font-size: 12px;color: rgba(255,255,255,0.7);}
.footcontactxx .footerContactC span{display: inline-block;margin-right: 16px;}
.footcontactxx a{color: rgba(255,255,255,0.7);}
.footcontactxx a:hover{color: rgba(255,255,255,1);}

.indexfootnavBg{padding: 70px 0 50px 0;background: #272727;}
.indexfootnavBg .foot-line{margin: 70px 0 50px 0;}
@media screen and (max-width: 1200px) {
	.footerContacts{margin-bottom: 10px;}
	.footer-code{margin-bottom: 10px;}
}
@media screen and (max-width: 768px) {
	.footnavBg{padding-bottom: 0px;}
	.footerTitle{padding-top: 20px;padding-bottom: 20px;}
	.footerLogo{margin-bottom: 16px;}
	.footerLogo img{width: 200px;}
	.footerNavList{width: 100%;}
	.footerNavList .nav-list{margin-bottom: 8px;width: 49%;}
	.footerNavList li a{font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2;}
	.footerContactWp{padding-top: 20px;padding-bottom: 20px;}
	.footerContactIcon{width: 40px;height: 40px;font-size: 28px;}
	.footerContactC h4{font-size: 16px;}
	.footer-code{display: none;}
	.footerRx{align-items: flex-start;margin-top: 24px;}
	.footerNavList li h3{font-size: 18px;}
	.footerRx h4{font-size: 26px;}
	.footerRx img{width: 80px;}
	.indexfootnavBg .foot-line{margin: 10px 0;}
	.foot-line{margin: 10px 0;}
	
	
}
/*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;}
} 


@media screen and (max-width: 1400px) { 
	.pageSwiper .container{padding-left: 50px;padding-right: 50px;}
} 
@media screen and (max-width: 1200px) { 
	.pageSwiper .container{padding-left: 15px;padding-right: 15px;}
} 
@media screen and (max-width: 768px) {
	.pageSwiper .container{padding-left: 30px;padding-right: 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: var(--primary-color) url(../images/toTop1.png) no-repeat center center; }