/****************************************************************************************** */
/* 首页 */
/****************************************************************************************** */
/* 首页banner */
.index-banner{width: 100%;position: relative;background-color: #f5f5f5;height: 561px;}
.index-banner-left{ /*width: 50%;height: 100%; */ padding: 0 150px; position: absolute;left: 0; top: 50%;transform: translateY(-50%);z-index: 1 }
.index-banner .com-more{color: #fff;}
.index-banner-title{font-weight: bolder;margin-bottom: .3rem;line-height: 1.2;color: #fff}
.index-banner-right{float: right;width: 100%;overflow: hidden;height: 100%;}
/*.index-banner-right .swiper-slide{height: 46vw!important;}*/
.index-banner-pagination{position: relative;width: 100%;margin-top: .5rem;}
.index-banner-count{width: 3.3rem;text-align: center;}
.index-banner-count .iconfont{display: inline-block; color: #fff;font-size: 20px;font-weight: bold;vertical-align: middle;padding: .1rem;cursor: pointer;}
.index-banner-count div{display: inline-block; color: #fff; min-width: 2rem;text-align: center;vertical-align: middle;}
.index-banner-count div span{color: #fff;font-size: 18px;font-family: 'enfont';}
.index-banner-count div .current{/*color: #930784;*/color: #fff; font-size: 30px;}
.index-banner-show{width: 3.3rem;height: 2px;background-color: #AAAAAA;margin-top: .4rem;position: relative;}
.index-banner-show .index-banner-current{height: 2px;position: absolute;left: 0;top:0;width: 0;background: #F9FDFD;}
.index-banner img{ min-height: 100%; min-width: 100%; max-width: none;/*object-fit: cover;*/}
.index-banner .swiper-slide{ overflow: hidden;/*object-fit: cover;*/}
/* 产品 */
.index-product .com-title{margin-bottom: .6rem;}
.index-product-container .index-left{overflow: hidden;position: relative;height: 8.7rem;border-radius: 8px;background-position: center;background-size: cover;background-repeat: no-repeat;float: left;width: 49%;}
.index-product-container .index-right{width: 49%;float: right;}
.index-product-container .msg{position: absolute;left: 1rem;z-index:1;top: 50%;transform: translate(0,-50%);color: #FFFFFF;}
.index-product-container .msg p{font-weight: bold;}
.index-product-container .msg .com-more{margin-top: 1rem;}
.index-product-item{background: #f3f3f3;border-radius: 6px;width: 48.3%;position: relative;text-align: center;height: 4.1rem;padding-top: .6rem;float: left;margin-bottom: .5rem;}
.index-product-item:nth-child(2n-1){margin-right: 3.4%;}
.index-product-item:hover .com-more{height: .8rem;opacity: 1;margin-top: -.2rem;}
.index-product-item:hover>span{height: 0;opacity: 0;}
.index-product-item img{margin: 0 auto;max-width: 80%; max-height: 56%; position: relative;z-index: 10;}
.index-product-item p{margin: .1rem 0 .12rem;position: relative;z-index: 10;}
.index-product-item>span{color: #999999;height: .4rem;opacity: 1;display: inline-block;overflow: hidden;transition: all .3s ease;position: relative;z-index: 10;}
.index-product-item .shadow{position: absolute;left: 0;width: 100%;height: auto;top: 45%;max-width: 100%; display: none;}
.index-product-item .com-more{height: 0;overflow: hidden;opacity: 0;text-align: center;color: #666666;z-index: 1;position: relative;z-index: 10;}
.index-product-single .index-right{float: left;}
.index-product-single .index-left{float: right;}
.index-product-single .index-left .shadow{ position: absolute;background: rgba(0,0,0, .2); width: 100%;height: 100%;z-index: 0}
/* 技术 */
.index-technology{height:7.5rem;color: #FFFFFF;text-align: center;position: relative;}
.index-technology p{margin-bottom: .2rem;}
.index-technology h2{font-weight: bold;margin-bottom: .5rem;}
.index-technology-container>span{max-width: 11rem;padding: 0 15px;display: inline-block;color: #fff;}
.index-technology-container{position: absolute;left: 0;width: 100%;top: 50%;transform: translate(0,-50%);}
.index-technology .com-more{text-align: center;margin-top: 1rem;}
/* 方案 */
.index-case .index-case-title{color: #930784;text-align: center;}
.index-case h2{font-weight: bold;text-align: center;margin: .2rem 0 .8rem;}
.index-case-container{position: relative;}
.index-case-container .iconfont{position: absolute;top: 2rem;padding: .1rem;font-size: 36px;color: #999;cursor: pointer;}
.index-case-container .index-case-prev{left: -.8rem;}
.index-case-container .index-case-next{right: -.8rem;}
.index-case-swiper{height: 6.6rem;position: relative;}
.index-case-swiper .swiper-slide .case-item>img{ width: 100%; height: 324px; }
.index-case-swiper .swiper-slide{height: 5rem;padding: 0 15px;user-select: none;}
.index-case-swiper .swiper-slide .case-item{position: relative;background-color: #FAFAFA;border-radius: 8px;overflow: hidden;}
.index-case-swiper .swiper-slide .case-item:hover img{ transform: scale(1.1) }
.index-case-swiper .swiper-slide .case-item .iconfont{ top: 40%; left: 50%;z-index: 2; transform: translate(-50%, -50%); color: #fff}
.index-case-swiper .swiper-slide .case-item p{text-align: center;padding: .4rem;color: #999999;}
.case-pagination{position: absolute;bottom: 0;left: 0;text-align: center;width: 100%;}
.case-pagination .swiper-pagination-switch{width: 1rem; cursor: pointer;height: 3px;background: #f1f1f1;margin: 0 5px;display: inline-block;transition: all ease .2s;}
.case-pagination .swiper-active-switch{background-color: #930784;}

/* 响应 */
@media (max-width:1750px) {
	.index-case-container{width: 90%;margin: 0 auto;}
}
@media (max-width:1400px) {
	.index-banner-pagination{margin-top: .4rem;}
	.index-banner-left{padding: 1.5rem 0 .8rem 1rem;}
}
@media (max-width:1366px) {
	.f60{ font-size: 50px; }
	.com-video-box i{ right: 0.4rem;}
	.index-banner{ height: 500px }
}
@media (max-width:1200px) {
	.index-banner-left{padding: 1.2rem 0 0 1rem;}
	.index-case-swiper{height: 5.5rem;}

	.index-case-swiper .swiper-slide .case-item>img{ height: 184px; }
	/*.index-banner-pagination{ margin-top: .4rem }*/

}
@media (max-width:1000px) {
	.index-banner-right{float: left;width: 100%;}
	.index-banner-left{float: right;width: 100%;padding-bottom: 1rem; padding: 0.375rem;}
	.index-banner-count,.index-banner-show{width: 5rem;}
	.index-product-container .index-left{width: 100%;height: 85vw;margin-bottom: .2rem;}
	.index-product-container .index-right{width: 100%;height: auto;}
	.index-product-single .index-left{width: 100%;float: left;}
	.index-product-single .index-right{width: 100%;float: right;}
	.index-product-item{height: auto;padding-bottom: .4rem;margin-bottom: .2rem;}
	.index-product-item>span{display: none;}
	.index-product-item .com-more{height: auto;opacity: 1;}
	.index-product-item:hover .com-more{height: auto;margin-top: 0;}
	/*.index-banner-right,.index-banner-right .swiper-slide{height: 100vw!important;}*/
	.index-technology{height: 100vw;}
	.index-banner-title{ margin-bottom: 0.1rem;}
	.index-banner-pagination{ margin-top: 0.5rem; }

	.index-banner{ height: 10rem }

}
@media (max-width:500px) {
	.index-case-container{width: 80%;}
	.index-case-swiper{height: 7rem;}
	.index-banner-left{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		color: #fff;
	}
	.index-banner{ height: 8rem; background: #000;}
	.index-banner-title {
		font-size: 38px;
	}
	/*.index-banner-right, .index-banner-right .swiper-slide{ height: 100vh!important; width: 100vw!important; background: rgba(0,0,0, 1); overflow: hidden }*/
	.index-banner-right, .index-banner-right .swiper-slide>img{ height: 100%; margin: 0 auto; max-width: none; opacity: 0.8;}
	.index-banner-count div span{ color: #fff}
	.index-product-item{ width: 100%; margin-right: 0 }
}
@media (max-width:321px) {
	.index-banner-left{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		color: #fff;
	}
	.index-banner{ height: auto; }
	.index-banner-right, .index-banner-right .swiper-slide{ height: calc( 100vh - 1.3rem )!important; width: 100vw!important; background: rgba(0,0,0, 1); overflow: hidden }
	.index-banner-right, .index-banner-right .swiper-slide>img{ height: 100%; width: auto; max-width: none}
	.index-banner-count div span{ color: #fff}
	.index-technology{ height: 7.5rem; }
}