* {
	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: fixed;top: 0;background: rgba(255, 255, 255); z-index: 999999;transition: 0.3s ease-in-out;}
.head-top-scroll{height: 70px;box-shadow: 0 6px 13px 0 rgba(69,69,69,0.13);}
.head-top{height: 100%;align-items: center;}
.head-top .row{width: 100%;height: 100%;justify-content: space-between; align-items: center;z-index: 999999;}
.head-top-logo img{height: 50px;transition: 0.3s ease-in-out;}
.head-top-logo-sc img{height: 40px;transition: 0.3s ease-in-out;}
.top-fr{height: 100%;align-items: center;}
.top-nav{height: 100%; align-items: center;}
.nav-list{height: 100%;align-items: center;position: relative;}
.nav-list .list-link{position: relative;align-items: center;height: 100%; font-size: 16px;color: #333;font-weight: 500; margin: 0 20px;}
.nav-list .list-link::before{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 0;height: 2px;background: #09873d;transition: all 0.3s;}
.nav-list .list-link:hover{color: #09873d;}
.nav-list .list-link:hover::before{width: 100%;}
.nav-list .list-link#nav-active::before{width: 100%;}
.searchFom{width: 200px;height: 40px;margin: 0 30px; padding-top: 0;padding-bottom: 0;border-radius: 99px;}
.serachIpt{font-size: 14px;line-height: 40px; background: transparent;}
.serachBtn{padding: 0;}

.head-contact{justify-content: space-between;align-items: center;}
.head-contact-icon{width: 30px;height: 30px;background: #09873d;border-radius: 99px;justify-content: center;align-items: center;}
.head-contact-icon .icon{font-size: 20px; color: #fff;}
.head-mobile{font-family: 'oswald-regular';font-size: 26px;margin-left: 3px;color: #444;}
.headshadow{height: 100px;}
@media screen and (max-width: 1400px) {
	.top-nav .nav-list .list-link{margin: 0 10px;}
	.searchFom{margin: 0 20px;}
}
@media screen and (max-width: 1200px) {
	.head-contact{display: none;}
}
@media screen and (max-width: 1100px) {

}
@media screen and (max-width: 768px) {
	.head-top-logo img{height: 40px;}
	.headshadow{height: 80px;}
}

/*mobile-menu*/
.mobile-navbtn{display: none;}
.mobile-navbtn div{width: 24px;height: 3px;margin-bottom: 4px;border-radius: 99px; background: #337ab7;}
.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: 4% 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);}
.mobilSearchFom{width: 200px;height: 40px;margin: 30px auto 0 auto;border: none;padding-top: 0;padding-bottom: 0;border-radius: 99px;}
@media screen and (max-width: 992px) {
	.top-nav{display: none;}
	.searchFom{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*/
.indexBanner .swiper-wrapper .swiper-slide img{display: block; width: 100%;}
.indexBanner .swiper-wrapper .swiper-slide{position: relative;z-index: 1;}
.inBaPr,.inBaNe{width: 40px;height: 60px;transform: translateY(-50%);font-size: 40px;background: rgba(35, 40, 45, 0.5);color: #fff;font-size: 30px;justify-content: center;align-items: center;}
.inBaPr{left: 0;top: 50%;}
.inBaNe{right: 0;top: 50%;}
.indexBanner .index-banner-pagination{bottom: 30px;left: 50%;transform: translateX(-50%);justify-content: center;align-items: center;}

.indexBanner .index-banner-pagination .swiper-pagination-bullet{position: relative;background: rgba(9, 135, 62, 0.5);}
.indexBanner .index-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(9, 135, 62, 1);}
@media screen and (max-width: 992px) {

}
@media screen and (max-width: 768px) {
	.indexBanner .index-banner-pagination{bottom: 16px;}
	.inBaPr, .inBaNe{width: 30px;height: 50px;}
}


/*footer*/
.footerWp{padding: 4% 0 2% 0;background: #09873d;position: relative;z-index: 2;}
.footer-navWp{color: #fff;justify-content: space-between;align-items: center;}
.footer-navBar{width: 50%;}
.footer-navBar li{position: relative;width: 20%;text-align: right;}
.footer-navBar li a{display: block;font-size: 14px; color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.footer-navBar li:not(:first-child)::before{content: '/';position: absolute;left: 20%;top: 50%;transform: translateY(-50%);}
.footer-line{height: 1px;border: 1px solid rgba(255,255,255,0.2);margin: 24px 0;}
.footer-beian{color: #ddd;justify-content: space-between;align-items: center;}
.footer-beian a{color: #ddd;}
@media screen and (max-width: 1100px) {
	.footer-company{width: 100%;margin-bottom: 24px;}
	.footer-navBar{width: 100%;justify-content: space-between;}
	.footer-navBar li{text-align: center;}
	.footer-navBar li:not(:first-child)::before{left: 0;}
}
@media screen and (max-width: 768px) {
	.footer-company{font-size: 18px;}
	.footer-navBar li a{font-size: 12px;}
	.footer-beian{font-size: 12px;}
}
/*mobile footer*/
.footer_float {
	width: 100%;
	height:0px;
	padding:0;
	overflow:hidden;
	position: fixed!important;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background: rgba(0,119,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;

	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%;

}
.foot_float a {display: block;float: left;width: 33.3333%;color: #ffffff;position: relative;}
.foot_float a:not(:last-child)::before{content: '';position: absolute;right: 0;top: 0;width: 1px;height: 100%;background: rgba(255,255,255,0.2);}
.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) { 
	.footerWp{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{width: 50px; height: 50px;background: #09873d;color: #fff;flex-direction: column;justify-content: center;align-items: center;}
.topIcon{text-align: center;}
.toTop a h5{font-size: 14px; margin-top: 0; margin-bottom: 0;text-align: center;}