.header,
.footer,
.main{display: none;}

/* banner */
.banner{overflow: hidden;}
.banner img{ width: 100%; max-width: 100%; }
.banner .pc{ display: block; }
.banner .moble{ display: none; }
.banner .swiper-button-prev{ left: 30px;}
.banner .swiper-button-next{ right: 30px;}
.banner .swiper-pagination-bullet{ width: 12px; height: 12px; }
.banner .swiper-pagination-bullet-active{  }
.swiper-container{
	--swiper-theme-color: #C8000A;/* 设置Swiper风格 */
	--swiper-navigation-color: #C8000A;/* 单独设置按钮颜色 */
	--swiper-navigation-size: 40px;/* 设置按钮大小 */
}
@media (max-width: 1024px) {
	.banner .pc{ display: none; }
	.banner .moble{ display: block; }
}
@media (max-width: 768px) {
	.swiper-container{
		--swiper-navigation-size: 30px;/* 设置按钮大小 */
	}
}
@media (max-width: 480px) {
	.swiper-container{
		--swiper-navigation-size: 25px;/* 设置按钮大小 */
	}
	.banner .swiper-button-prev{ left: 10px; opacity: 0.5;}
	.banner .swiper-button-next{ right: 10px; opacity: 0.5; }
}



/* 数据统计 */
.index-1{ padding:70px 0;overflow:hidden;background-color: #f5f5f5; border-top: 3px solid #383735; }
.number-l1{ overflow:hidden; }
.number-l1 li{ padding:10px 10px 20px;position:relative;float:left;width:20%;text-align:center; }
/* .number-l1 .i2{ width:22.3%; } */
/* .number-l1 .i3{ width:24%; } */
/* .number-l1 .i4{ width:29.3%; } */
/* .number-l1 li:before{content:'';position:absolute;left:0;top:50%;width:1px;height:124px;margin-top:-62px;background-color:#e5e5e5} */
.number-l1 li:first-child:before{display:none}
.number-l1 .number{margin-bottom:8px;font-size:20px;color:#000}
.number-l1 .number span{margin-right:4px;font-size:60px;color:#000;font-weight:700;line-height:1}
.number-l1 h4{font-size:16px;color:#454b51;font-weight:400}
@media only screen and (max-width:1599px){
	.index-1{padding:58px 0}
	.number-l1 li{padding:8px 8px 15px}
	.number-l1 .number{font-size:15px}
	.number-l1 .number span{font-size:45px}
	.number-l1 h4{font-size:14px}
}
@media only screen and (max-width:1359px){
	.index-1{padding:41px 0}
	.number-l1 .number{font-size:12px}
	.number-l1 .number span{font-size:36px}
	.number-l1 h4{font-size:14px}
}
@media only screen and (max-width:768px){
	.number-l1{ display: flex; flex-wrap: wrap;  }
	.number-l1 li{ width: 33%; float: none;  }
	.number-l1 h4{font-size:12px}
}
@media only screen and (max-width:480px){
	.index-1{ padding: 20px 0 15px;  }
	.number-l1 .number span{ font-size: 28px; }
}


/* 产品 */
.index-pro{ padding: 90px 0; }
.index-pro .proTab{ padding-top: 70px; }
.index-pro .proTab ul{ align-items: stretch; }
.index-pro .proTab ul li{ width: 19%; position: relative; padding-bottom: 35px; }
.index-pro .proTab ul li::before{ display: block; content: ""; width: 80%; height: 1px; background-color: #ddd; position: absolute; bottom: 0; left: 10%; }
.index-pro .proTab ul li .txt{ text-align: center; }
.index-pro .proTab ul li .txt h3{ font-size: 20px; font-weight: normal; color: #383735; padding-bottom: 10px; }
.index-pro .proTab ul li .txt p{ font-size: 14px; text-transform: uppercase; color: #383735;}
.index-pro .proTab ul li .ico{ padding-top: 30px; text-align: center; }
.index-pro .proTab ul li .ico img{ max-width: 80%; }
.index-pro .proTab ul li .ico img.a{ display: inline-block; }
.index-pro .proTab ul li .ico img.b{ display: none;}
.index-pro .proTab ul li.active .txt h3,
.index-pro .proTab ul li:hover .txt h3{ color: #C8000A; font-weight: bold;}
.index-pro .proTab ul li.active .txt p,
.index-pro .proTab ul li:hover .txt p{ color: #C8000A; }
.index-pro .proTab ul li.active .ico img.a,
.index-pro .proTab ul li:hover .ico img.a{ display: none;}
.index-pro .proTab ul li.active .ico img.b,
.index-pro .proTab ul li:hover .ico img.b{ display: inline-block;}

.index-pro .proBox{ margin-top: 50px; }
.index-pro .proBox .item{ display: none; position: relative; 
	--swiper-theme-color: #C8000A;/* 设置Swiper风格 */
	--swiper-navigation-color: #C8000A;/* 单独设置按钮颜色 */
	--swiper-navigation-size: 40px;/* 设置按钮大小 */
}
.index-pro .proBox .item.active{ display: block; }
.index-pro .proBox .item .swiper-button-next{ outline: none; right: -80px;}
.index-pro .proBox .item .swiper-button-prev{ outline: none; left: -80px; }
.index-pro .proBox .proItem{display: block;}
.index-pro .proBox .proItem .pic{ padding-bottom: 83%; border: 3px solid #FFFFFF; }
.index-pro .proBox .proItem:hover .pic{ border-color: #C8000A; }
.index-pro .proBox .proItem .pic img{ max-width: 100%; }
.index-pro .proBox .proItem .txt{ text-align: center; padding-top: 20px; }
.index-pro .proBox .proItem .txt h3{ font-size: 20px; font-weight: normal; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.index-pro .proBox .proItem:hover .txt h3{ color: #C8000A; }
.index-pro .proBox .proItem .txt p{ font-size: 18px; padding-top: 10px; }
.index-pro .proBox .proItem .txt p span{ font-family: "黑体"; }
@media (max-width: 1240px) {
	.index-pro{ padding: 70px 0; }
	.index-pro .proTab{ padding-top: 50px; }
}
@media (max-width: 1024px) {
	.index-pro .proTab{padding-top: 30px;}
	.index-pro .proTab ul li{padding-bottom: 25px;}
	.index-pro .proTab ul li .txt h3{ font-size: 16px; padding-bottom: 5px;}
	.index-pro .proTab ul li .txt p{font-size: 12px;}
	.index-pro .proTab ul li .ico{padding-top: 20px;}
	
	.index-pro .proBox{margin-top: 30px;}
	.index-pro .proBox .proItem .pic{border-width: 2px;}
	.index-pro .proBox .proItem .txt{ padding-top: 10px;}
	.index-pro .proBox .proItem .txt h3{font-size: 16px;}
	.index-pro .proBox .proItem .txt p{font-size: 14px; padding-top: 5px;}
}
@media (max-width: 768px) {
	.index-pro{ padding: 50px 0; }
	.index-pro .proTab ul li .ico img{max-width: 70px;}
}
@media (max-width: 480px) {
	.index-pro{padding: 50px 0 60px;}
	.index-pro .proTab{padding-top: 15px;}
	.index-pro .proTab ul{ justify-content: flex-start;}
	.index-pro .proTab ul li{width: 33.33%; padding-bottom: 15px; padding-top: 15px;}
	.index-pro .proTab ul li .txt h3{ font-size: 14px; padding-bottom: 0;}
	.index-pro .proTab ul li .txt p{display: none;}
	.index-pro .proTab ul li .ico{padding-top: 10px;}
	.index-pro .proTab ul li .ico img{max-width: 50px;}
	
	.index-pro .proBox{margin-top: 15px;}
	.index-pro .proBox .proItem .txt h3{font-size: 14px;}
	.index-pro .proBox .proItem .txt p{font-size: 12px;}
}



/* 行业应用 */
.index-apply{ padding-top: 30px; }
.index-apply .index-tit{ padding-bottom: 50px; }
.index-apply .applyBox{ display: flex;flex-wrap: wrap;align-items: stretch; }
.index-apply .applyBox .left{ width: 50%; }
.index-apply .applyBox .right{ width: 50%; }
.index-apply .applyBox .item{ background: no-repeat center; background-size: cover; position: relative; overflow: hidden; }
.index-apply .applyBox .item img{ opacity: 1; width: 100%; transition: 0.7s; }
.index-apply .applyBox .item:hover img{ transform: scale(1.1); }
.index-apply .applyBox .item .txt{ position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.3); color: #FFFFFF; padding: 30px 50px; }
.index-apply .applyBox .item .txt h3{ font-size: 24px; padding-bottom: 10px; }
.index-apply .applyBox .item .txt p{ font-size: 16px; }
@media (max-width: 1240px) {
	.index-apply .applyBox .item .txt h3{font-size: 20px;}
}
@media (max-width: 1024px) {
	.index-apply{padding-top: 0;}
	.index-apply .index-tit{padding-bottom: 40px;}
	.index-apply .applyBox .item .txt{padding: 20px 30px;}
	.index-apply .applyBox .item .txt h3{ padding-bottom: 5px; }
	
}
@media (max-width: 768px) { 
	.index-apply .applyBox .item .txt h3{ font-size: 18px;}
	.index-apply .applyBox .item .txt{padding: 15px 20px;}
}
@media (max-width: 680px) {
	.index-apply .index-tit{padding-bottom: 30px;}
	.index-apply .applyBox .right{width: 100%;}
	.index-apply .applyBox .left{width: 100%;}
	.index-apply .applyBox .item .txt{padding: 15px 20px;}
	.index-apply .applyBox .item .txt h3{font-size: 18px;}
	.index-apply .applyBox .item .txt p{font-size: 14px;}
}



/* 公司简介 */
.index-about{ padding: 100px 0; }
.index-about .ab_box{ padding-top: 60px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: stretch; }
.index-about .ab_box .img{ width: 50%; background: no-repeat center; background-size: cover; }
.index-about .ab_box .img img{ width: 100%; opacity: 0; }
.index-about .ab_box .text{ width: 50%; background-color: #383735;color: #FFFFFF; padding: 60px;  }
.index-about .ab_box .text h3{ font-size: 20px; padding-bottom: 40px; }
.index-about .ab_box .text .txt { font-size: 18px; line-height: 34px; text-align: justify; }
.index-about .ab_box .text .txt p{ padding-bottom: 30px; }
.index-about .ab_box .text .more{ margin-top: 0; text-align: right; }
.index-about .ab_box .text .more a{color: #FFFFFF; font-size: 18px; display: inline-block; padding: 10px 30px; background-color: #C8000A; border-radius: 30px; }
.index-about .ab_box .text .more a:hover{ background-color: #a20008; }
@media (max-width: 1240px) {
	
}
@media (max-width: 1024px) {
	.index-about{padding: 80px 0 70px;}
	.index-about .ab_box{padding-top: 40px;}
	.index-about .ab_box .text{padding: 40px;}
	.index-about .ab_box .text h3{padding-bottom: 20px;}
	.index-about .ab_box .text .txt p{padding-bottom: 20px; font-size: 16px; line-height: 30px;}
	.index-about .ab_box .text .more a{ font-size: 14px; }
	
}
@media (max-width: 768px) {
	.index-about{padding: 60px 0 50px;}
	.index-about .ab_box .text h3{ font-size: 18px; }
	.index-about .ab_box .text .txt p{font-size: 14px; line-height: 28px;}
}
@media (max-width: 680px) {
	.index-about{padding: 50px 0 50px;}
	.index-about .ab_box{padding-top: 30px;}
	.index-about .ab_box .img{width: 100%;}
	.index-about .ab_box .text{width: 100%; padding: 20px;}
	.index-about .ab_box .text h3{padding-bottom: 10px;}
	.index-about .ab_box .text .txt p{padding-bottom: 10px;}
}



/* 发展历程 */
.index-licheng{}
.jsclass_list{ position: relative;}
.jsclass_list li{ width: 25%; float: left; transition: ease 1s; height: 760px; overflow: hidden; position: relative;}
.jsclass_list li.on{ width: 50%;}
.jsclass_list li a{ display: block; width: 100%; height: 100%;}
.jsclass_list li .imgauto{ width: 100%; height: 100%; transition: ease 1s; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.jsclass_list li .imgauto::after{ content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }
.jsclass_list li.on .imgauto::after{ display: none; }
.jsclass_list li .imgauto.lc{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.jsclass_list li .imgauto.lc img{ width: auto; }
.jsclass_list li.on .imgauto.lc img{ width: 98%; height: auto; }
.jsclass_list .infobox{ transition: ease 1s; height: 470px; display: table; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); color: #fff; text-align: center; }
.jsclass_list .infobox .table_cell{ display: table-cell; vertical-align: middle;}
.jsclass_list .desc{ width: 240px; line-height: 30px; margin: 0 auto; font-size: 16px;}
.jsclass_list li h3{ font-size: 24px; font-weight: bold; margin-bottom: 20px; }
.jsclass_list li .icon{ margin-bottom: 50px;}
.jsclass_list li .icon .act{ display: inline-block; }
.jsclass_list li .icon .hov{ display: none; }
.jsclass_list li .line{ display: block; width: 24px; transition: ease 1s;  height:1px; background: #fff; margin: 40px auto;}
.jsclass_list li .index_more{ opacity: 0;font-size: 16px;}
.jsclass_list li.on .infobox{ background: rgba(0, 0, 0, 0.5); width: 46%;}
.jsclass_list li.on .line{ width: 66%;}
.jsclass_list li.on .index_more{ opacity: 1;}
.jsclass_list li:last-child{ position: absolute;right: 0; top: 0;}
.jsclass_list li.on .icon .act{ display: none; }
.jsclass_list li.on .icon .hov{ display: inline-block; }
@media (max-width: 1440px) {
	.jsclass_list li{height: 600px;}
}
@media (max-width: 1240px) {
	.jsclass_list li{height: 460px;}
}
@media screen and (max-width:980px){
	.jsclass_list li{ width: 100%!important; height: 320px;}
	.jsclass_list li:nth-child(2){ height: auto; }
	.jsclass_list li:nth-child(2) img{ max-width: 96%;  }
	.jsclass_list li .imgauto::after{display: none;}
	.jsclass_list .infobox{ height:auto; margin: 0 auto; padding: 20px; }
	.jsclass_list li:last-child{ position: relative;}
	.jsclass_list li .icon{ margin-bottom: 10px;}
	.jsclass_list li .line,.jsclass_list li .index_more{ display: none;}
	.jsclass_list li h3{ margin: 10px 0; font-size: 18px;}
	.jsclass_list li .infobox{     background: rgba(0, 0, 0, 0.5)}
	.jsclass_list li .icon img{ height: 30px;}
	.jsclass_list .desc{ line-height: 24px;}
}
@media screen and (max-width:480px){
	.jsclass_list li:nth-child(2){ height: 300px; }
	.jsclass_list li:nth-child(2) img{ max-width: 98%;  }
	.jsclass_list .desc{ font-size: 14px;}
}


/* 新闻中心 */
.index-news{padding: 120px 0 80px;}
.index-news .news_box{ padding-top: 100px; padding-bottom: 100px; position: relative; }
.index-news .news_box .item{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.index-news .news_box .item .text{ width: 50%; }
.index-news .news_box .item .text .tit{ }
.index-news .news_box .item .text .tit h3{ font-size: 20px; color: #383735; }
.index-news .news_box .item .text .date{ padding-left: 25px; margin: 30px 0; font-size: 16px; line-height: 30px; background: url(../images/icon_date.png) no-repeat center left; color: #C8000A; }
.index-news .news_box .item .text .txt{ font-size: 16px; line-height: 30px;  }
.index-news .news_box .item .text .more{padding-top: 50px;}
.index-news .news_box .item .text .more span{ display: inline-block; color: #FFFFFF; background-color: #383735; border-radius: 25px; padding: 20px 40px; font-size: 22px; }
.index-news .news_box .item .img{ width: 50%; }
.index-news .news_box .item .img .picScale{ padding-bottom: 70%; }
.index-news .news_box .item .img img{ max-width: 100%;}

.index-news .swiper-pagination{ position: absolute; bottom: 0; width: 100%; }
.index-news .swiper-pagination span{ margin: 0 10px; background: none; position: relative; width: 15px; height: 15px; opacity: 1; }
.index-news .swiper-pagination span::after,
.index-news .swiper-pagination span::before{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.index-news .swiper-pagination span::after{ display: block; content: ''; width: 5px; height: 5px; background-color: #383735; border-radius: 10px; }
.index-news .swiper-pagination span::before{ display: block; content: ''; width: 14px; height: 14px; border-radius: 30px; position: absolute; border: 2px solid #383735;  transform: translate(-50%, -50%) scale(0); transition: 0.3s; }
.index-news .swiper-pagination-bullet-active::before{ transform: translate(-50%, -50%) scale(1) !important; }
@media (max-width: 1240px) {
	.index-news{ padding: 100px 0 80px; }
}
@media (max-width: 1024px) {
	.index-news{ padding: 80px 0 60px; }
	.index-news .news_box{padding-top: 50px; padding-bottom: 60px;}
	.index-news .news_box .item .text .more{ padding-top: 20px; }
	.index-news .news_box .item .text .date{ margin: 20px 0;}
	.index-news .news_box .item .text .more span{font-size: 18px; padding: 15px 30px;}
}
@media (max-width: 768px) {
	.index-news{ padding: 60px 0 40px; }
	.index-news .news_box{padding-top: 30px; padding-bottom: 40px;}
	.index-news .news_box .item .text .tit h3{font-size: 16px;}
	.index-news .news_box .item .text .date{font-size: 14px; line-height: 20px; height: 20px; }
	.index-news .news_box .item .text .txt{ font-size: 14px; line-height: 26px; }
	.index-news .news_box .item .text .more span{ padding: 10px 20px; font-size: 14px; }
}
@media (max-width: 580px) {
	.index-news .news_box .item{ flex-direction: column-reverse; }
	.index-news .news_box .item .text{width: 100%; }
	.index-news .news_box .item .img{width: 100%; margin-bottom: 10px;}
	.index-news .news_box .item .text .date{margin: 10px 0;}
	.index-news .news_box .item .text .more{padding-top: 10px;}
}









@media (max-width: 1240px) {
	
}
@media (max-width: 1024px) {
	
}
@media (max-width: 768px) {
	
}
@media (max-width: 480px) {
	
}