.pageSwiper{width: 100%;height: 100%;}
.pageSwiper .swiper-wrapper .swiper-slide{ background: #fff;}
.page-pagination{flex-direction: column;right:10px;top: 50%;transform: translateY(-50%);}
.page-pagination .swiper-pagination-bullet{width: 10px;height: 10px;}
.page-pagination .swiper-pagination-bullet-active{background: #32b8c3;border-radius: 99px; transition: all 0.3s;position: relative;}
.page-pagination .swiper-pagination-bullet-active::before{content: '';position: absolute;width: 16px;height: 16px;border: 1px solid #fff;border-radius: 50%;
left: 50%;top: 50%;transform: translate(-50%,-50%);}

/*关于我们*/
.indexAboutBg{position: absolute;width: 100%;height: 100%;background: url(../images/aboutBg.jpg) no-repeat left center;background-size: cover;z-index: 1;}
.in-about{height: 100%;position: relative;z-index: 2;}
.in-about .row{height: 100%;align-items: center;}
.in-about-contentWp{width: 50%;margin-left: auto;margin-top: 80px;}
.in-about-contentWp h6{font-family: 'oswald';font-size: 16px;color: #fff;}
.in-about-contentWp h1{font-size: 40px;font-weight: 600;margin-top: 24px;margin-bottom: 24px;color: #fff;}
.in-about-contentWp h2{font-size: 28px;color: #fff;}
.in-about-icon{margin-bottom: 24px;}
.in-about-content{color: #fff;line-height:2;margin:20px 0;}
.in-about-countWp{justify-content: space-between; color: #fff;font-size: 30px;margin-bottom: 24px;}
.in-about-countItem{width: 32.3333%;}
.in-about-countIcon{width: 80px;height: 80px;border: 1px dashed #fff;border-radius: 50%;justify-content: center;align-items: center;transition: all 0.5s;}
.in-about-countIcon .icon{font-size: 44px;color: #fff;}
.in-about-count{margin-left: 6px;}
.in-about-counts span:first-child{font-family: 'oswald-bold';font-size: 34px;}
.in-about-counts span:last-child{font-size: 16px;}
.in-about-count h6{margin-top: 6px; margin-bottom: 0;}

.index-more{width: 200px;align-items: center;}
.index-more span:first-child{color: #fff;}
.index-more span:nth-child(2){width: 50px;height: 50px;border-radius: 50%;background: #32b8c3;justify-content: center;align-items: center;
transition: all 0.3s;transform: rotate(-30deg);margin-left: 10px;}
.index-more span:nth-child(2) .icon{font-size: 24px;color: #fff;}
.index-more:hover span:nth-child(2){transform: rotate(0);}
@media screen and (max-width: 992px) {
	.in-about-right{width: 100%;order: 1;}
	.in-about-contentWp{width: 100%;order: 2;}
}
@media screen and (max-width: 768px) {
	.in-about-contentWp h1{font-size: 22px;}
	.in-about-contentWp h2{font-size: 15px;}
	.in-about-icon{display: none;}
	.in-about-content{line-height: 2;}
	.in-about-countIcon{width: 50px;height: 50px;}
	.in-about-countIcon .icon{font-size: 30px;}
	.in-about-counts span:first-child{font-size: 24px;}
}

/*产品*/
.indexProductBg{position: absolute;width: 100%;height: 100%;background: url(../images/productBg_02.jpg) no-repeat left center;background-size: cover;z-index: 1;}
.sec-productWp{position: relative;height: 100%; z-index: 2;}
.sec-product{height: 100%;flex-direction: column;justify-content: center;}
.sec-title{width: 100%; justify-content: space-between;margin-bottom:50px;}
.sec-title .index-sec-title h5{font-size: 16px;text-transform: uppercase;color: #333;}
.sec-title .index-sec-title h2{margin-right: 10px;font-weight: 600;color: #333;}
.tabs{width: 70%;align-items: flex-end;justify-content: flex-end;}
.tabs a{display: block;width: 15%; height: 40px;line-height: 40px;border-radius: 99px;padding: 0 10px; text-align: center;background: #9b9b9b;color: #fff;
margin-left: 1%;position: relative;overflow: hidden;}
.tabs a span{position: relative;z-index: 2;}
.tabs a.active{background: #32b8c3;color: #fff;}
.tabs a::before{content: '';position: absolute;width: 0;height: 100%;left: 0;top: 0; border-radius: 99px;background: #32b8c3;transition: all 0.5s;z-index: 1;}
.tabs a:hover{color: #fff;}
.tabs a:hover::before{width: 100%;}


.tabss{width: 70%;align-items: flex-end;justify-content: flex-end;}
.tabss a{display: block;width: 15%; height: 40px;line-height: 40px;border-radius: 99px;padding: 0 10px; text-align: center;background: #9b9b9b;color: #fff;
margin-left: 1%;position: relative;overflow: hidden;}
.tabss a span{position: relative;z-index: 2;}
.tabss a.active{background: #32b8c3;color: #fff;}
.tabss a:hover{color: #fff;}


.in-secListWp{width: 100%;}
.in-secListWp .swiper-wrapper .swiper-slide{background: transparent;}
.secList{justify-content: space-between; align-items: center;}
.secList:after{content:''; width:24%;}
.secList li{width: 24%;background: #e7e7e7;overflow: hidden;position: relative;z-index: 1;}
.in-product-titleWp{padding: 20px 10px;justify-content: space-between;align-items: flex-end;}
.in-product-title{position: relative;padding-top: 20px;font-size: 18px;color: #333;}
.in-product-title::before{content: '';position: absolute;width: 35px;height: 4px;background: #32b8c3;left: 0;top: 0;}
.in-product-icon{font-size: 30px;color: #333;}
.secPic{overflow: hidden;}
.secList li img{display: block; width: 100%;transition: all 0.5s;}
.secList li:hover img{transform: scale(1.1);}
.secList li:hover .in-sec-mask{height: 100%; top: 0;}
.indexProductMore{margin: 0 auto;}
@media screen and (max-width: 1200px) {
	.index-sec-navWp p{width: 50%;}
	.tabs{width: 60%;}
	.tabs a{width:20%;}
	.tabss{width: 60%;}
	.tabss a{width:20%;}
}
@media screen and (max-width: 992px) {
	.sec-title .index-sec-title h2{font-size: 20px;}
	.index-sec-navWp p{width: 100%;}
	.tabs{width: 100%;margin-top: 10px;justify-content: flex-start;}
	.tabs a{margin-left: 0;margin-right: 1%;}
	.tabss{width: 100%;margin-top: 16px;justify-content: flex-start;}
	.tabss a{margin-left: 0;margin-right: 1%;}
}
@media screen and (max-width: 768px) {
	.sec-title{margin-bottom:20px;}
	.sec-title .index-sec-title h2{font-size: 20px;}
	.tabs a{width:45%;margin-left: 0;margin-bottom:5px;}
	.tabss a{width:45%;margin-left: 0;margin-bottom:5px;}
	.secListBg{padding: 24px 0;}
	.secList li{width: 49%;padding:6px;}
	.secList li:nth-child(3),.secList li:nth-child(4){}
	.in-product-icon{display: none;}
	.in-secListWp{margin-bottom: 0;}
	.in-product-titleWp{padding: 5px 10px;}
	.in-product-title{font-size: 16px;padding-top:10px;}
}

/*应用领域*/
.index-applyBg{position: relative;width: 100%;height: 100%;overflow: hidden;}
.index-applyPic img{display: none; width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;z-index: 1;}
.index-applyPic img.index-applyBgactive{animation: pictobig 1s ease-in-out both;}
.index-applyText{display: none; position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;background: transparent;}
.index-applyText .container{height: 100%;}
.index-applyText .container .row{width: 100%;height: 100%;flex-direction: column;justify-content: center;}
.index-applyText .container .row h4{font-size: 32px;color: #fff;}
.index-applyText .container .row h5{text-transform: uppercase;color: #fff;}
.index-applyText .container .row h3{font-size: 40px;letter-spacing: 2px; font-weight: 600;color: #fff;position: relative;padding-left: 20px;}
.index-applyText .container .row h3::before{content: '';position: absolute;width: 5px;height: 100%;background: #32b8c3;left: 0;top: 0;}
.index-applyText .container .row p{width: 50%; font-size: 16px;line-height: 2.5;color: #fff;margin: 10px 0;}
.index-applyText .container .row a{display: block;width: 120px;height: 40px;line-height: 40px;text-align: center;color: #fff;background: #32b8c3;position: relative;}
.index-applyText .container .row a span{position: relative;z-index: 2;}
.index-applyText .container .row a::before{content: '';position: absolute;width: 0;height: 100%;left: 0;top: 0;background: #4e8831;z-index: 1;transition: all 0.5s;}
.index-applyText .container .row a:hover::before{width: 100%;}
.index-applyNavWp{position: absolute;width: 100%;height: 100px;left: 0; bottom: 0;z-index: 33;}
.index-applyNavWp li{width: 12.5%;border-top: 1px solid #fff;}
.index-applyNavWp li:not(:last-child){border-right: 1px solid #fff;}
.index-applyNavWp li a{display: block;width: 100%;height: 100%;line-height: 100px;font-size: 22px;font-weight: 600;color: #fff;text-align: center;position: relative;}
.index-applyNavWp li a::before{content: '';position: absolute;width: 0;height: 100%;left: 0;top: 0;background: #32b8c3;z-index: 1;transition: all 0.5s;}
.index-applyNavWp li a span{position: relative;z-index: 2;}
.index-applyNavWp li a:hover::before{width: 100%;}
@keyframes pictobig{
	from{
		-webkit-transform: scale(1.04);
    	-moz-transform: scale(1.04);
    	-o-transform: scale(1.04);
		transform: scale(1.04);
	}
	to{
		-webkit-transform: scale(1);
    	-moz-transform: scale(1);
    	-o-transform: scale(1);
		transform: scale(1);
	}
}
@media screen and (max-width: 768px) {
	.index-applyText .container .row h4{font-size: 18px;}
	.index-applyText .container .row h3{font-size: 20px;}
	.index-applyText .container .row p{width: 100%;}
	.index-applyNavWp{height: auto;}
	.index-applyNavWp li{width: 25%;}
	.index-applyNavWp li a{font-size: 14px;line-height: 4;}
}
/*新闻*/
.indexNewsBg{position: absolute;width: 100%;height: 100%;background: url(../images/newsBg_02.jpg) no-repeat left center;background-size: cover;z-index: 1;}
.sec-newsWp{height: 100%;position: relative;z-index: 2;}
.sec-news{height: 100%;flex-direction: column;justify-content: center;}
.sec-news .sec-title .tabs{justify-content: flex-end;}
.sec-news .sec-title .tabs a{padding: 0 10px;}
.indexNewsItemWp{width: 100%;}
.indexNews-pic{overflow: hidden;}
.indexNews-pic img{display: block;width: 100%;transition: all 0.5s;}
.indexNews-title{background: #f2f2f2; padding: 4% 20px;}
.indexNews-title h6{font-family: 'oswald-bold'; font-size: 14px;color: #666;}
.indexNews-title h4{font-size: 18px;color: #333;margin-top: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.indexNews-title p{line-height: 2;color: #666;}
.indexNewsItemWp .indexNewsSwiper .swiper-wrapper .swiper-slide:hover .indexNews-pic img{transform: scale(1.1);}
.indexNewsItemWp .indexNewsSwiper .swiper-wrapper .swiper-slide:hover .indexNews-title h4{color: #32b8c3;}

/* marqueeleft */
.marqueeleft{width:100%;height:384px;overflow:hidden;margin:40px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 10px;display:inline;width:406px;height:auto;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 1px solid;width:406px;height:304px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:left;height:80px;line-height:80px; background:#f2f2f2; font-size:16px;text-indent:30px;}

.marqueephone{width:100%;height:350px;overflow:hidden;margin:20px auto; display:none;}
.marqueephone .li_img{width:48%;height:auto; padding:1%; float:left; text-align:center;}
.marqueephone .li_img img{width:100%;height:auto;}
.marqueephone .li_img p{width:100%;height:auto; line-height:40px;background:#f2f2f2; font-size:14px; color:#333;}


@media screen and (max-width: 992px) {
	.sec-news .sec-title .tabs{justify-content: flex-start;}
}
@media screen and (max-width: 768px) {
	.indexNews-title p{height: 50px;}
	.marqueeleft{display:none;}
	.marqueephone{display:block;}
}
.indexshowBg{position: absolute;width: 100%;height: 100%;background: url(../images/showBg_02.jpg) no-repeat left center;background-size: cover;z-index: 1;}