*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
	outline: none;
	list-style-type: none;
	border: none;
	font-family: "microsoft yahei",helvetica,"Pingfang sc",sans-serif;
}
.cl{clear: both;}
.icon{width: 1em; height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
.flexbj{display: -webkit-flex;display: flex; flex-wrap: wrap;}
:root{
	--primary-color:#ff434f;
	--secondary-color:#e3e3e3;
	--text-color-lightest:#e7e9ec;
	--text-color-darker:#2e2e2e;
	--text-clor-gray:#8b8b8b;
	--text-color-dark-gray:#727272;
	--text-color-light-gray:#c6c6c6;
	--backdrop-color:rgba(42,42,42,0.69);
}
header{width: 100%;height: 100px;display: flex;padding: 0 40px 0 0;		position: relative;z-index: 200;}
.head-logo-left{width: 8%; height: 100px; float: left;background: #fff;}
.logo{width: ;}
.logo img{width: auto; height: 100px;}
header nav{align-self: center;margin-left: 20%;}
header nav a{color: var(--text-color-lightest);padding: 0 24px;font-size: 16px;position: relative;}
header nav a:after{content: '';position: absolute;top: 4px;right: 0;height: 16px;width: 1px;background: rgba(255,255,255,.2);}
header nav a:hover{color: #fff;}
header.sticky{position: fixed; background-color: white;box-shadow: 0 0 18px rgba(0,0,0,0.2);animation: dropDown 0.5s ease-in-out forwards;}
header.sticky .logo,header.sticky nav a,header.sticky nav i{color: var(--text-color-darker);}
header.sticky nav a:after{background: rgba(0,0,0,.2);}
.m-header-nav-wp{margin: 0 0 24px 0;display: none;}
.m-header-nav-wp a{width: 33.3333%;display: block;float: left; text-align: center;background: #004825;color: #fff;line-height: 60px;
border-right: 1px solid #02773e;border-bottom: 1px solid #02773e;}
.m-header-nav-wp a:nth-child(3){border-right: none;}
.m-header-nav-wp a:nth-child(6){border-right: none;}
@keyframes  dropDown{
	from{
		transform: translateY(-100px);
	}
	to{transform: translateY(0);}
}
@media screen and (max-width: 1400px) {
	header{height: 90px;}
	.head-logo-left{height: 90px;}
	.logo img{width: auto; height: 90px;}
	header nav{margin-left: 16%;}
}
@media screen and (max-width: 1400px) {
	header nav{margin-left: 14%;}
}
@media screen and (max-width: 1300px) {
	header nav{margin-left: 10%;}
}
@media screen and (max-width: 1200px) {
	header nav a{padding: 0 16px;}
}
@media screen and (max-width: 1100px) {
	header nav a{padding: 0 8px;}
}
@media screen and (max-width: 1000px) {
	header nav {display: none;}
	.m-header-nav-wp{display: block;}
	header{height: 60px;}
	.head-logo-left{height: 60px;}	
	.logo img{width: auto; height: 60px;}
}
/*轮播开始*/
.glide{position: relative;top: -110px;z-index: 50;}
.glide__slide img,.glide__slide video{width: 100vw;/*height: 100vh;*/object-fit: cover;}
.slide-caption{position: absolute;z-index: 70;color: var(--text-color-lightest);text-align: center;max-width: 80vw;}
.glide__slide{display: flex;align-items: center;justify-content: center;}
.slide-caption h1{font-size: 54px;font-weight: 600;}
.slide-caption h3{font-size: 24px;margin: 48px 0;}
.left{max-width: 80vw;float: left;}
.right{float: right;}
.slide-caption > * {opacity: 0;}
.explore-btn{padding: 14px 32px;background-color: var(--primary-color);border: 0;border-radius: 4px;color: var(--text-color-lightest);
font-size: 18px;cursor: pointer;outline: none;}
@media screen and (max-width: 1000px) {
	.glide{top: 0px;}
}

/*轮播结束*/

/*关于我们*/
.in-about-bg{background: url(../images/about-2_02.png) no-repeat left bottom;padding: 0 0 4% 0;}
.in-about-wp{justify-content: space-between;align-items: center;}
.in-about-text{width: 50%;}
.in-about-text h1{font-family: arial;font-size: 46px;color: rgba(51,51,51,0.2);text-transform: uppercase;font-weight: 600;}
.in-about-text h2{color: #333;font-weight: 600;}
.in-about-t-line{width: 45px;height: 2px;background: #333;margin: 24px 0;}
.in-about-content{font-size: 16px;color: #666;line-height: 30px;}
.in-about-more{display: block;width: 130px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #333;background: transparent;
color: #333;margin: 30px 0;font-family: arial;text-transform: uppercase;letter-spacing: 1px;}
.in-about-cl img{width: 100%;}
.in-about-img{width: 40%;}
.in-about-img img{width: 100%;}
.in-s-about-img{display: none;}
.in-s-about-img img{width: 100%;}
@media screen and (max-width: 1400px) {
	.in-about-content{font-size: 14px;color: #666;line-height: 30px;}
}
@media screen and (max-width: 1000px) {
	.in-about-text h1{font-size: 26px;}
	.in-about-text h2{font-size: 20px;margin-top: 10px;}
	.in-about-t-line{margin: 16px 0;}
	.in-about-img{display: none;}
	.in-about-text{width: 100%;}
	.in-s-about-img{display: block;margin-top: 26px;}
	
}
/*首页产品*/
.in-product-wp{padding: 100px 0;}
.in-cp-title{text-align: center;height: 62px;background: url(../images/product-t_03.png) no-repeat center bottom;}
.in-cp-title h2{width: 100%; line-height: normal; font-weight: 600;margin:0; align-self: flex-end;}
.in-cp-titleh5{text-align: center;color: #666;margin-top: 16px;}
.in-cp-wp{margin-top: 60px;justify-content: space-between;}
.in-cp-list1{width: 43%;background: #dadada;position: relative;}
.in-cp-list-img{width: 100%;height: 100%; justify-content: center;align-items: center;overflow: hidden;}
.in-cp-list-img img{width: 100%;transition: all 0.5s;}
.in-cp-title-text{position: absolute;content: '';width: 90%;left: 5%; bottom: 10px;}
.in-cp-title-text h3{color: #333;}
.in-cp-title-text h5{color: #666;}
.in-cp-list2{width: 27%;background: #dadada;position: relative;}
.in-cp-wp1{margin-top: 20px;}
.in-cp-list1:hover .in-cp-list-img img{transform: scale(1.1);}
.in-cp-list2:hover .in-cp-list-img img{transform: scale(1.1);}
@media screen and (max-width: 1000px) {
	.in-cp-title h2{font-size: 20px;}
	.in-cp-wp{margin-top: 24px;}
	.in-cp-wp1{margin-top: 16px;}
	.in-cp-title-text{bottom: 0;}
	.in-cp-title-text h3{font-size: 14px;}
	.in-cp-title-text h5{font-size: 12px;}
}
@media screen and (max-width: 800px) {
	.in-product-wp{padding: 40px 0;}
	.in-cp-title{height: 40px; background-size: 60%;}
}
/*性能*/
.in-per-bg{background: url(../images/xn-bg_02.jpg) no-repeat center center;padding: 100px 0;background-size: cover;}
.in-per-title{text-align: center;height: 62px;background: url(../images/xn-title_03.png) no-repeat center bottom;}
.in-per-title h2{color: #fff;}
.in-per-titleh5{color: #fff;}
.in-per-slide-title{align-items: center;}
.in-per-slide-title h3{font-size: 30px;font-weight: 600;color: #fff;margin: 0 0 0 16px;}
.in-per-slide-text{font-size: 16px;color: #fff;line-height: 30px;margin: 16px 0;}

/*荣誉证书*/
.in-honor-wp{padding-top: 100px;padding-bottom: 100px;}
.in-honor-title{text-align: center;height: 62px;background: url(../images/honor-title_03.png) no-repeat center bottom;}
.scroll{border: 1px solid #ccc;overflow: hidden;margin-top: 50px;}
.scroll ul {white-space: nowrap;}
.scroll ul li {display: inline-block;margin: 10px;}
.scroll ul img {vertical-align: top;}
.padding-5 {padding: 5px;}
.margin-t-20 {margin-top: 20px;}
.select {margin-top: 10px;}
@media screen and (max-width: 1400px) {
	.scroll ul li img {width: 380px;height: auto;}
}
@media screen and (max-width: 800px) {
	.in-honor-wp{padding-top: 40px;padding-bottom: 40px;}
	.in-honor-title{height: 40px; background-size: 60%;}
	.scroll{margin-top: 32px;}
	.scroll ul li img {width: 240px;height: auto;}
}
/*首页新闻*/
.in-news-title{text-align: center;height: 62px;background: url(../images/news-title_03.png) no-repeat center bottom;}
.in-news-wp{margin-top: 50px;justify-content: space-between;}
.in-news-list{width: 32.3333%;}
.in-news-list-img{overflow: hidden;}
.in-news-list-img img{width: 100%;transition: all 0.5s;}
.in-news-date{justify-content: space-between;align-items: center;margin: 10px 0;}
.in-news-date h4{font-size: 18px;color: #333;margin-bottom: 0;}
.in-news-date h6{font-size: 14px;color: #999;margin-bottom: 0;}
.in-news-des{font-size: 14px;color: #999;line-height: 28px;}
.in-news-more a{display: block;line-height: 40px;font-size: 18px;color: #333;}
.in-news-more a .icon{font-size: 22px; color: #999;transition: all 0.5s;}
.in-news-more:hover a .icon{transform: translateX(10px);}
.in-news-list:hover .in-news-list-img img{transform: scale(1.1);}
.in-news-right{width: 32.3333%;flex-direction: column;justify-content: space-between;}
.in-news-right-list{border-bottom: 1px solid #e9e9e9;padding-bottom: 16px;}
.in-news-right-list a{justify-content: space-between;align-items: center;}
.in-news-right-img{width: 30%;overflow: hidden;}
.in-news-right-img img{width: 100%;transition: all 0.5s;}
.in-news-right-text{width: 68%;}
.in-news-right-title{justify-content: space-between;align-items: center;margin-bottom: 8px;}
.in-news-right-title h4{font-size: 18px;color: #333;margin-bottom: 0;}
.in-news-right-title h6{font-size: 14px;color: #999;margin-bottom: 0;}
.in-news-right-list:hover .in-news-right-img img{transform: scale(1.2);}
@media screen and (max-width: 1400px) {
	.in-news-right-img{display: none;}
	.in-news-right-text{width: 100%;}
} 
@media screen and (max-width: 1200px) {
	
} 
@media screen and (max-width: 992px) {
	.in-news-titleen img{height: 26px;}
}
@media screen and (max-width: 800px) {
	.in-news-title{height: 40px; background-size: 60%;}

}
@media screen and (max-width: 768px) {
	.synews{padding: 4% 0;}
	.in-merc-title{margin-top: 10px;}
	.in-news-wp{margin-top: 16px;}
	.in-news-date h4{font-size: 16px;margin-bottom: 8px;}
	.in-news-des{line-height: normal;}
	.in-news-more a{font-size: 14px;}
	.in-news-list{width: 49%;}
	.in-news-right{width: 100%;margin-top: 16px;}
	.in-news-right-title h4{font-size: 16px;}
	.in-news-titleen img{height: 20px;}
	.in-news-right-list{margin-bottom: 10px;}
}

/*首页底部*/
.footnav{width:100%; height:auto;background: url(../images/foot-bg_03.jpg) no-repeat center center;padding:4% 0 0 0;margin-top: 100px; 
color:#fff;background-size: cover;}
.footnav .logo_m{width:30%; height:auto; float:left; padding-right:5%;}
.footnav .logo_m .dt{width:100%; float:left; font-family:Arial;font-size:25px; line-height:60px; font-weight:bold;}
.footnav .logo_m img{width:auto; height:48px; float:left;}
.footnav .logo_m .logo_title{width:auto; line-height:48px; float:left; font-size:20px; color:#fff; font-weight:bold;}
.footnav .logo_m .logo_txt{width:auto; line-height:30px; padding:4% 0; float:left;}
.footnav .logo_m .select_txt{width:100%; line-height:46px; padding:0; float:left;}
.footnav .logo_m .select_txt select{width:200px; height:44px; line-height:44px; border:1px solid #fff; color:#fff; padding-left:10px; float:left; background:none; font-size:15px; border-radius:3px;}
.footnav .logo_m .select_txt select option{line-height:44px; height:44px; background:#41250a; color:#fff;}
.footer-content{justify-content: space-between;position: relative;}
.footnav .tit{width: 16.6666%;}
.footnav .tit .dt{width:100%; float:left; font-family:Arial;font-size:18px; line-height:50px; font-weight:bold; color:#fff; text-transform:uppercase;}
.footnav .tit .dd{width:100%; float:left; line-height:35px;color:#999;}
.footnav .tit .dd:hover{color:#fff;}
.footer-contact li {line-height: 35px;}
.footer-contact li .icon{font-size: 16px;color: #fff;}
.footer-code h6{margin-top: 4px;}
.footer-codeimg img{width: 100px;}
.foot-logo{position: absolute;left: 0;bottom: 40px;}
.foot-logo img{width: 100%;}
.footnav .contact{width:20%; height:auto; float:right; line-height:35px; text-align:left; font-family:Arial;}
.footnav .contact .dt{width:100%; float:left; font-family:Arial;font-size:18px; line-height:50px; font-weight:bold; color:#fff; text-transform:uppercase;}
.footnav .contact .dl_contact{width:100%; float:left; line-height:30px; padding:5% 0;}
.footnav .contact .dl_contact dl{width:50%; float:left; text-align:left; padding:1% 0; font-family:Arial;}
.footnav .contact .dl_contact dl dt{width:100%; font-size:16px; color:#fff; font-weight:bold;}
.footnav .contact .dl_contact dl dd{width:100%; font-size:15px; color:#ffffff;}
.footnav .contact .search_foot{width:100%;height:auto; float:left; border-radius:5px; font-size:16px;}
.footnav .contact .search_foot .key{width:100%;height:58px;line-height:58px;border:1px solid #fff;float:left; color:#fff; text-indent:15px; background:none; border-radius:3px;}
.footnav .contact .search_foot .key[type="text"]:focus{outline:none;}
.footnav .contact .search_foot .sub{float:left;width:100%;height:60px; font-size:18px; margin:15px 0; line-height:60px; border:none; color:#fff; background:#41250a;cursor:pointer; border-radius:3px;}
.footnav .contact .search_foot .sub span{display:none;}
.ding{width:64px; height:64px; position:absolute; right:0px;}
.foot-line{height: 1px;background: #444;margin-top: 20px;}
.footer{width:100%; line-height:30px; padding:10px 0; text-align:center; font-size:14px;}
.footer a{color:#fff !important;}
.footer a:hover{color:#fff !important;}

@media screen and (max-width: 1100px) { 
.footnav{font-size:14px;}
.footnav .logo_m{width:100%;padding-right:0;}
.footnav .logo_m .dt{font-size:18px;line-height:40px;}
.footnav .logo_m .logo_txt{padding:2% 0;}
.footnav .tit{width: 25%;}
.m-footer-contact{width: 100%!important;}
.footnav .tit .dt{font-size:18px; line-height:50px;}
.footnav .tit .dd{width:100%; float:left; line-height:35px;color:#999;}
.footnav .contact{width:100%;}
.footnav .contact .dt{font-size:18px;line-height:50px;}
.footnav .contact .dd{width:100%; font-size:14px; line-height:28px; padding:0 0 10px 0;}
.footnav .contact .dl{padding:1% 0;}
.footer{text-align:left;}
.foot-logo{position: static; width: 100%;}
} 

@media screen and (max-width: 860px) {
.footnav{padding:8% 0 2% 0;margin-top: 40px;}
.footnav .logo_m .logo_title{font-size:18px;}
.footnav .logo_m .logo_txt{padding:2% 0;}
.footnav .tit .dt{font-size:15px;}
.footnav .contact .dt{font-size:15px;}
.footer{line-height:30px; padding:4% 0 80px 0;}
.footnav .contact .dl_contact{line-height:30px; padding:5% 0 90px 0;}
.footnav .contact .dl_contact dl dt{font-size:14px;}
.footnav .contact .dl_contact dl dd{font-size:13px;}
} 


/* footer */
.footer_float {
	width: 100%;
	height:0px;
	padding:0;
	overflow:hidden;
	position: fixed!important;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background: #004825;
	-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-logo{margin-bottom: 24px;}
	.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: 660px) { 
	.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:1100px ) {
	header.open .burger-line1,header.open .burger-line2,header.open .burger-line3,
	header.sticky .burger-line1,header.sticky .burger-line2,header.sticky .burger-line3
	{
		background-color: var(--text-color-darker);
		transition: 0.4s ease;
	}
	header.open .burger-line1{
		transform: rotate(45deg) translate(3px,5px);
	}
	header.open .burger-line2{
		transform: translateX(5px);
		opacity: 0;
	}
	header.open .burger-line3{
		transform: rotate(-45deg) translate(3px,-5px);
	}
	header.open .logo{
		z-index: 40;
		color: var(--text-color-darker);
	}
	
	@keyframes  slidedown{
		from{
			height: 0;
			opacity: 0;
		}
		to{
			height: 100vh;
			opacity: 1;
			padding-top: 80px;
		}
	}
	
	@keyframes  showmenu{
		from{
			opacity: 0;
			transform: translateY(-1vh);
		}
		to{
			opacity: 1;
			transform: translateY(0);
		}
	}
	
	.service-item .service-title{
		font-size: 20px;
	}
	.service-item .service-content{
		font-size: 14px;
		line-height: 24px;
	}
	.team-members{
		grid-template-columns: repeat(2,1fr);
		row-gap: 36px;
		column-gap: 6vw;
	}
	.activities{
		grid-template-columns: repeat(2,1fr);
		row-gap: 36px;
	}
}

@media screen and (max-width:992px ) {
	.slide-caption h1{
		font-size: 48px;
	}
	.slide-caption h3{
		font-size: 18px;
	}
	.features,.services{
		grid-template-columns: repeat(2,1fr);
		grid-template-rows: unset;
	}
	.data-section{
		grid-template-columns: repeat(2,minmax(200px,auto));
		padding: 24px 0;
		height: auto;
		row-gap: 24px;
	}
	.showcases .case-item{
		width: 33.3333%;
		padding: 0;
	}
}


@media  screen and (max-width: 768px) {
	section,.footer-menus{
		padding: 0 40px;
	}
	
	.footer-menus{
		grid-template-columns:2fr repeat(2,1fr);
		row-gap: 24px;
	}
	.contact-us{
		grid-row:1/3;
	}
	.footer-menu{
		text-align: right;
	}

	.activities{
		grid-template-columns:1fr;
		row-gap:36px;
	}
	
	.data-section{
		grid-template-columns:1fr;
	}
	
	.team-members{
		grid-template-columns:minmax(200px,400px);
	}
	
	.features,.services{
		grid-template-columns:1fr;
	}
	.showcases .case-item{
		width: 50%;
	}
}

@media screen and (max-width:576px ) {
	.slide-caption h1{
		font-size: 28px;
	}
	.slide-caption h3{
		font-size: 14px;
	}
	.explore-btn{
		font-size: 14px;
		padding: 8px 18px;
	}
	
	.showcases .case-item{
		width: 100%;
		height: 60vw;
	}
	
	.footer-menus{
		grid-template-columns:1fr;
	}
	.footer-menu{
		justify-self:start;
		text-align: left;
	}
}