.swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 5px;background: #ab0006;}


/*banner图*/
.index-banner{width: 100%;height:480px;transition: all 1s;-webkit-transition: all 1s; /* Safari */}
.index-banner .swiper-container{height:100%;}
.index-banner .swiper-slide a{display: block;width: 100%;height: 100%;background-position:center;background-repeat:no-repeat;background-size:cover;}

.index-banner .swiper-container .swiper-pagination{bottom:30px;}
.index-banner .swiper-container .swiper-pagination-bullet{opacity: 1;border-radius:0;width:28px;margin:0 8px;background:none;height:6px;transition: all .3s;background:#fff;border-radius: 3px;}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background: #b00000;}

.index-banner .swiper-button-next,.index-banner .swiper-button-prev{width:50px;height:50px;margin-top:-25px;background:url(../images/icon-prev02.png) no-repeat center;display:none;transition: all 0.6s;-webkit-transition: all 0.6s;opacity:0.6; left:6%;}
.index-banner .swiper-button-next{background:url(../images/icon-next02.png) no-repeat center;right:6%;left:auto;}
.index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev{display:block;transition: all 0.6s;-webkit-transition: all 0.6s;}
.index-banner .swiper-button-next:hover,.index-banner .swiper-button-prev:hover{opacity:1;transition: all 0.6s;-webkit-transition: all 0.6s;}


@media(max-width:1080px){
	.index-banner{height:400px;}
}

@media(max-width:769px){
	.index-banner{height:250px;}
  	.index-banner .swiper-container .swiper-pagination{bottom:10px;}
  	.index-banner .swiper-container .swiper-pagination-bullet{width:24px;height:4px;margin: 0 6px;}
}

@media(max-width:480px){
  	.index-banner{height:180px;}
  	.index-banner .swiper-container .swiper-pagination-bullet{width:18px;height:3px;margin: 0 4px;}
}
@media(max-width:360px){
  	.index-banner{height:126px;}
  	
}

/* 首页内容区 */
.index-item{width: 100%;padding: 72px 0 80px;background: #fff;}
.title-box{width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 30px;}
.title-box h3{text-align: center;font-size: 36px;line-height: 42px;color: #000;font-weight: 500;}
.title-box h4{padding: 0 40px;text-align: center;font-size: 14px;line-height: 28px;color: #000;font-weight: 500;position: relative;}
.title-box h4::before{content: "";position: absolute;left: 0;top: 13px;height: 2px;width: 37px; background: #ab0006;}
.title-box h4::after{content: "";position: absolute;right: 0;top: 13px;height: 2px;width: 37px; background: #ab0006;}

@media (max-width:1024px) {
	.index-item{padding:35px 0 45px;}
	.title-box h3{font-size:28px ;line-height: 36px;}
	.title-box h4{font-size: 12px;line-height: 24px;}
	.title-box h4::before,.title-box h4::after{width: 25px;}
	.title-box{margin-bottom: 20px;}
}
@media (max-width:769px) {
	.index-item{padding:25px 0 35px;}
	.title-box h3{font-size: 22px;line-height: 30px;}
	.title-box h4::before,.title-box h4::after{width: 18px;}
	.title-box{margin-bottom: 15px;}
}

/* 首页 解决方案 */
.solution-itembox{width: 100%;}
.solution-itembox .solution-item{height: 280px;border: 1px solid #e0e0e0;float: left;width: 49%;margin-left: 2%;margin-bottom: 2%;}
.solution-itembox .solution-item:nth-child(2n+1){margin-left: 0;}
.solution-itembox .solution-item a{width: 100%;display: block;height: 100%;}
.solution-itembox .solution-item .indexsolution-item{width: 100%;height: 100%;}
.solution-itembox .solution-item .img,.solution-itembox .solution-item .txt{float: left;width: 50%;height: 100%;}
.solution-itembox .solution-item .img{display: block;position: relative;}
.solution-itembox .solution-item .img img{width: 100%;display: block;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.solution-itembox .solution-item .img .info{position: absolute;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;display: flex;align-items: center;padding: 0 30px;}
.solution-itembox .solution-item .img .infobox{width: 100%;}
.solution-itembox .solution-item .img .info h3{text-align: center;font-size: 20px;line-height: 36px;color: #fff;}
.solution-itembox .solution-item .img .info p{margin: 10px 0 30px;height: 72px;font-size: 14px;line-height: 24px;color: #ccc;}
.solution-itembox .solution-item .img .info .enter{display: block;margin: 0 auto;border: 1px solid #fff;font-size: 14px;line-height: 24px;height: 36px;line-height: 34px;width: 104px;text-align: center;color: #fff;}
.solution-itembox .solution-item .img:hover .info .enter{background: #ab0006;border-color: #ab0006;}

.solution-itembox .solution-item .txt ul{padding: 22px 40px;}
.solution-itembox .solution-item .txt li{border-bottom: 1px dashed #e0e0e0;padding-bottom: 18px;}
.solution-itembox .solution-item .txt li a{display: block;width: 100%;}
.solution-itembox .solution-item .txt li h3{font-size: 16px;line-height: 36px;color: #000;font-weight: 600;}
.solution-itembox .solution-item .txt li p{font-size: 14px;line-height: 24px;color: #999;}
.solution-itembox .solution-item .txt li:last-child{border: 0;}
.solution-itembox .solution-item .txt li:hover h3{color: #ab0006;}

@media (max-width:1200px) {
	.solution-itembox .solution-item{height: 230px;}
	.solution-itembox .solution-item .img .info h3{line-height: 32px;}
	.solution-itembox .solution-item .txt ul{padding:12px 32px;}
	.solution-itembox .solution-item .txt li h3{line-height: 32px;}
	.solution-itembox .solution-item .txt li {padding-bottom: 10px;}
}
@media (max-width:1024px) {
	.solution-itembox .solution-item .img .info{padding: 0 25px;}
	.solution-itembox .solution-item .img .info h3{font-size: 18px;line-height: 30px;}
	.solution-itembox .solution-item .img .info p{margin: 8px 0 18px;font-size: 12px;line-height: 20px;height: 60px;}
	.solution-itembox .solution-item .txt ul{padding: 25.5px 30px;}
	.solution-itembox .solution-item .txt li h3{font-size: 14px;line-height: 28px;}
	.solution-itembox .solution-item .txt li p{line-height: 20px;font-size: 12px;}
	.solution-itembox .solution-item .img .info .enter{width: 90px;line-height: 30px;height: 32px;}
}
@media (max-width:991px){
	.solution-itembox .solution-item{height: 180px;}
	.solution-itembox .solution-item .img .info h3{font-size: 16px;line-height: 28px;}
	.solution-itembox .solution-item .txt ul{padding: 12px 18px;}
	.solution-itembox .solution-item .txt li{padding-bottom: 8px;}
	.solution-itembox .solution-item .txt li h3{line-height: 24px;}
	
}
@media (max-width:769px){
	.solution-itembox .solution-item{width: 100%;float: none;margin-left: 0;}
}
@media (max-width:480px){
	.solution-itembox .solution-item{height: auto;}
	.solution-itembox .solution-item .img, .solution-itembox .solution-item .txt{float: none;width: 100%;height: auto;}
	.solution-itembox .solution-item .img{height: auto;background: none;}
}

/* 首页 产品 */
.index-probg{background:url(../images/ht/probg.jpg);}
.prolist-item{width: 100%;display: block;}
.indexpro-list{width: 1352px;position: relative;margin: 0 auto;}
.prolist-top{position: relative;width: 100%;background: #f5f5f5;text-align: left;padding: 25px 38px;}
.prolist-top h3{font-size: 16px;line-height: 36px;color: #000;font-weight: 600;}
.prolist-top p{font-size: 14px;line-height: 24px;color: #999;height: 48px;}
.prolist-bottom{position: relative;padding: 30px;background-color: #fff;}

.prolist-bottom .info{text-align: left;display: flex;align-items: center;height: 106px;}
.prolist-bottom .info .img{width: 106px;height: 100%;background-position: center;background-size: cover;}
.prolist-bottom .info .txt{width: calc(100% - 106px);padding-left: 15px;}
.prolist-bottom .info .txt h3{font-size: 20px;line-height: 30px;color: #333;font-weight: 600;}
.prolist-bottom .info .txt p{margin-top: 5px;height: 72px;font-size: 14px;line-height: 24px;color: #999;}
.prolist-bottom .tag{width: 100%;margin-top: 25px;}
.prolist-bottom .tag ul{width: 100%;height: 84px;overflow: hidden;margin: 0 -5px;}
.prolist-bottom .tag li{float: left;height: 32px;font-size: 14px;color: #999;margin-bottom: 10px;padding: 0 5px;}
.prolist-bottom .tag li span{max-width: 150px;overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;line-height: 30px;border: 1px solid #e0e0e0;padding: 0 10px;}

/* 分页 */
.indexpro-list .swiper-button-next, .swiper-button-prev{width: 36px;height: 36px;margin-top: -18px;background-color: rgba(0,0,0,0.5);background-size: 14px;background-image: url(../images/pro-next.png);right: 0;opacity: unset;}
.indexpro-list .swiper-button-prev{background-image: url(../images/pro-prev.png);left: 0;}
.indexpro-list .swiper-button-next.swiper-button-disabled{opacity: 0.35;}
.indexpro-list .swiper-pagination{display:none;bottom: -25px;left: 50%;transform: translateX(-50%);}
.indexpro-list .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 5px;background: #ab0006;}
.prolist-item:hover .prolist-top h3{color: #ab0006;}

@media (max-width:1440px) {
	.indexpro-list{width: 1320px}
}
@media (max-width:1350px) {
	.indexpro-list{width: 1260px}
}
@media (max-width:1281px) {
	.indexpro-list{width: 100%}
	.indexpro-list .swiper-button-next, .swiper-button-prev{display: none;}
	.indexpro-list .swiper-pagination{display: block;}
}
@media (max-width:1199px){
	
	/* .pro-list .swiper-button-next, .swiper-button-prev{display: block;width: 30px;height: 30px;}
	.pro-list .swiper-pagination{display: none;} */
	
	.prolist-top{padding: 20px 32px;}
	.prolist-bottom{padding: 25px;}
	.prolist-bottom .info .img{width: 80px;height: 80px;}
	.prolist-bottom .info .txt{width: calc(100% - 80px);padding-left: 8px;}
	.prolist-bottom .info .txt h3{font-size: 18px;}
	.prolist-bottom .tag ul{margin: 0 -3px;}
	.prolist-bottom .tag li{padding: 0 3px;}
	.prolist-bottom .tag li span{font-size: 13px;line-height: 28px;height: 30px;padding: 0 5px;}
}

@media (max-width:1024px) {
	.indexpro-list{width: 100%}
	.indexpro-list .swiper-button-next, .swiper-button-prev{display: none;}
	.indexpro-list .swiper-pagination{display: block;}
	.prolist-bottom{padding: 20px;}
	.prolist-bottom .info{height: 92px;}
	.prolist-bottom .info .img{width: 65px;height: 65px;}
	.prolist-bottom .info .txt{width: calc(100% - 65px);}
	.prolist-bottom .info .txt h3{font-size: 16px;line-height: 28px;}
	.prolist-bottom .info .txt p{font-size: 12px;line-height: 20px;height: 60px;}
	.prolist-top{padding: 15px 24px;}
	.prolist-top h3{font-size: 14px;line-height: 28px;}
	.prolist-top p{font-size: 12px;line-height: 20px;height: 40px;}
	.prolist-bottom .tag{margin-top: 15px;}
}

@media (max-width:991px) {
	.indexpro-list .swiper-pagination{display: none;}
	.indexpro-list .swiper-wrapper{display: block;}
	.indexpro-list .swiper-slide{margin-bottom: 10px;}
	.indexpro-list .swiper-slide:nth-child(n+4){display: none;}
	.prolist-top p{height: auto;max-height: 40px;}
	.prolist-bottom .info .txt{padding-left: 15px;}
	.prolist-bottom .info .txt p{height: auto;max-height: 60px;}
	.prolist-bottom .info{height: auto;}
	.prolist-bottom .tag ul{height: auto;max-height: 84px;margin: 0 -5px;}
	.prolist-bottom .tag li{padding: 0 5px;}
}

/* 首页 成功案例 */
.case-class{width: 100%;}
.case-class .caseclass-item{display: block;width: 100%;position: relative;padding-bottom: 10px;}
.case-class .caseclass-item .classbox{width: 100%;background: #f5f5f5;padding:23px 0;display: flex;justify-content: center;align-items: center;}
.case-class .caseclass-item .classbox .img{width: 24px;}
.case-class .caseclass-item .classbox .img img{width: 100%;}
.case-class .caseclass-item .classbox h3{margin-left: 10px;font-size: 18px;line-height: 24px;color: #999;}
.case-class .caseclass-item.cur .classbox{background: #ab0006;}
.case-class .caseclass-item.cur .classbox h3{color: #fff;} 

.case-class .caseclass-item:hover .classbox{background: #ab0006;}
.case-class .caseclass-item:hover .classbox h3{color: #fff;} 

.case-class .caseclass-item .arrow{display: none;border-left-width: 20px;border-right-width:20px ;border-top: 20px solid #ab0006;bottom: 0;top: auto;}
.case-class .caseclass-item.cur .arrow{display: block;}

.case-list{width: 100%;}
.case-item{display: none;width: 100%;}
.case-item.show{display: block;}
.case-item .item-info {width: 100%;display: flex;align-items: center;margin: 30px 0 40px;}
.case-item .item-info .pic{width: 320px;height: 240px;background-size: cover;display: block;}
.case-item .item-info .info{width: calc(100% - 320px);padding-left: 30px;}
.case-item .item-info .info .title{font-size: 24px;line-height: 36px;color: #333;font-weight: 600;}
.case-item .item-info .info .txt{width: 100%;height: 100px;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;}
.case-item .item-info .info .txt p{font-size: 14px;line-height: 24px;color: #999;height: 72px;}
.case-item .item-info .info .tags{width: 100%;}
.case-item .item-info .info .tags .tagstop {color: #ab0006;font-size: 16px;line-height: 36px;}
.case-item .item-info .info .tags .tagslist{width: 100%;margin: 0 -5px;}
.case-item .item-info .info .tags .tagslist li{float: left;padding: 0 5px;}
.case-item .item-info .info .tags .tagslist li span{cursor: pointer;margin-top: 10px;display: block;text-align: center;padding: 0 10px;color: #999999;font-size: 14px;line-height: 34px;height: 36px;border: 1px solid #e0e0e0;}
.case-item .item-info .info .tags .tagslist li span:hover{border: 1px solid #ab0006;background: #fff;
box-shadow: 0px 0px 8px 0px rgba(176, 0, 0, 0.28);
-webkit-box-shadow:  0px 0px 8px 0px rgba(176, 0, 0, 0.28);
-o-box-shadow:  0px 0px 8px 0px rgba(176, 0, 0, 0.28);
-moz-box-shadow:  0px 0px 8px 0px rgba(176, 0, 0, 0.28);
transition: all 0.6s;
-webkit-transition: all 0.6s;
}

@media (max-width:1199px) {
	.case-item .item-info .info .txt{height: 54px;}
	.case-item .item-info .info .txt p{height: 48px;-webkit-line-clamp:2;}
}

@media (max-width:1024px) {
	.case-class .caseclass-item .classbox{padding: 15px 0;}
	.case-class .caseclass-item .classbox h3{font-size: 16px;}
	.case-item .item-info .pic{width: 260px;height: 200px;}
	.case-item .item-info .info{width: calc(100% - 260px);padding-left: 20px;}
	.case-item .item-info .info .txt{margin: 5px 0;height: 40px;}
	.case-item .item-info .info .title{font-size: 16px;line-height: 30px;}
	.case-item .item-info .info .txt p{font-size: 12px;line-height: 20px;height: 40px;}
	.case-item .item-info .info .tags .tagstop{font-size: 14px;line-height: 28px;}
	.case-item .item-info .info .tags .tagslist li span{margin-top: 8px;font-size: 14px;line-height: 30px;height: 32px;}
	.case-item .item-info{margin: 20px 0 30px;}
}
@media (max-width:769px) {
	.case-item .item-info{display: block;}
	.case-item .item-info .pic{margin: 0 auto;width: auto;max-width: 320px;height: 240px;}
	.case-item .item-info .info{width: 100%;padding-left: 0;margin-top: 10px;}
	.case-class .caseclass-item .classbox{padding: 10px 0;}
	.case-class .caseclass-item .classbox h3{font-size: 14px;}
}
@media (max-width:480px) {
	.case-item .item-info{margin: 15px 0 20px;}
}

/* 首页 新闻资讯 */
.newsbg{background: #f5f5f5;}
.newslist{width: 100%;}
.newslist ul{margin: 0 -20px;}
.newslist li {float: left;padding: 0 20px;width: 50%;margin-bottom: 40px;}
.newslist li  a{display: flex;align-items: center;}
.newslist li .img{width: 232px;height: 145px;}
.newslist li .img img {display: block;width: 100%;height: 100%;}
.newslist li  .txt{width: calc(100% - 232px);padding-left: 15px;}
.newslist li  .txt h3{font-size: 20px;line-height: 28px;color: #333;font-weight: 600;}
.newslist li  .txt .time{display: flex;align-items: center;margin: 10px 0 15px;}
.newslist li  .txt .time .icon{width: 16px;height: 16px;}
.newslist li  .txt .time .icon img{width: 100%;height: 100%;display: block;}
.newslist li  .txt .time p{margin-left: 5px;line-height: 28px;font-size: 14px;color: #999999;font-family: "arial";}
.newslist li  .txt .detail{width: 100%;font-size: 14px;line-height: 28px;color: #999;height: 56px;overflow: hidden;}
.newslist li:hover .txt h3{color: #ab0006;}
.newslist li:hover .detail{color: #666;}

@media (max-width:1199px) {
	.newslist li .img{width: 220px;height: 138px;}
	.newslist li  .txt{width: calc(100% - 220px);}
	.newslist li .txt .time{margin: 5px 0 10px;}
}
@media (max-width:1024px) {
	.newslist li{margin-bottom: 30px;}
	.newslist li .img{width: 208px;height: 130px;}
	.newslist li  .txt{width: calc(100% - 208px);}
	.newslist li .txt h3{font-size: 16px;line-height: 24px;}
	.newslist li .txt .time p,{font-size: 12px;line-height: 24px;}
	.newslist li .txt .detail{font-size: 12px;line-height: 24px;height: 48px;}
}
@media (max-width:991px) {
	.newslist ul{margin: 0 ;}
	.newslist li{padding: 0;width: 100%;}
	.newslist li .img{width: 192px;height: 120px;}
	.newslist li  .txt{width: calc(100% - 192px);padding-left: 15px;}
	
}
@media (max-width:480px) {
	.newslist li a{display: block;}
	.newslist li{margin-bottom: 20px;}
	.newslist li .img{width: 100%;height: 180px;}
	.newslist li .txt{width: 100%;padding-left: 0;border: 1px solid #e0e0e0;padding: 10px ;border-top: 0;}
	.newslist li .txt .time{margin: 3px 0 6px;}
}

/* 首页 公司资质 */
.honor-list{width:100%;margin:0 auto;}
.honor-list ul{width: 100%;margin: 0 -20px;}
.honor-list li{float:left;width:25%;margin-bottom:40px;padding: 0 20px;}
.honor-list li a{float:left;width:100%;}
.honor-list li a .pic-box{float:left;width:100%;height:0;padding-bottom:100%;border:#e0e0e0 solid 1px;background: #fff;position:relative;overflow:hidden;}
.honor-list li a .pic{position:absolute;width:100%;padding:10%;height:100%;vertical-align: middle;display: -webkit-flex; -webkit-align-items: center; display: flex;align-items: center;text-align:center;}
.honor-list li a .pic img{vertical-align:middle;max-width:100%;max-height:100%;display:block;margin:0 auto;}
.honor-list li a .pic-box .honor-bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:9;background:rgba(171,0,6,0.5);opacity:0;transition: all 0.6s;-webkit-transition: all 0.6s;}
.honor-list li a .pic-box .honor-bg img{display:block;width:34px;height:34px;position:absolute;left:50%;top:100%;z-index:10;margin-left:-17px;margin-top:-17px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.honor-list li:hover a .pic-box .honor-bg{opacity:1;transition: all 0.6s;-webkit-transition: all 0.6s;}
.honor-list li:hover a .pic-box .honor-bg img{top:50%;transition: all 0.6s;-webkit-transition: all 0.6s;}

@media (max-width:1024px) {
	.honor-list ul{width: 100%;margin: 0 -15px;}
	.honor-list li{margin-bottom:30px;padding: 0 15px;}
}
@media (max-width:769px) {
	.honor-list li{width: 50%;}
}
@media (max-width:480px) {
	.honor-list ul{width: 100%;margin: 0 -10px;}
	.honor-list li{margin-bottom:20px;padding: 0 10px;}
}