.index-carousel .carousel-item-wrap>div{overflow: hidden;position: relative;}
	.index-carousel .carousel-item-wrap>div>img{position: absolute;top: 0;left: 50%;transform:translateX(-50%);}
	.index-title{font-size: 26px;color: #0a1218;height: 32px;line-height: 40px;margin-bottom: 65px;}
	i.index-title-line{position: absolute;width: 46px;height: 3px;background-color: #fb0102;left: 50%;transform:translateX(-50%);bottom: -10px;}
	.index-title-remark{font-size: 14px;color: #858686;margin: 30px 0;}
	.index-about{width: 100%;background: url('../images/index-bg.jpg') center top repeat-y;padding: 80px 0;}
	.index-about .title{background: url("../images/about-title.png") center top no-repeat;}
	.index-serve .title-wrap  .title{background: url("../images/serve-title.png") center top no-repeat;}
	.index-news-wrap .news-wrap .title{background: url("../images/news-title.png") center top no-repeat;}
	.index-video2-wrap .news-wrap .title{background: url("../images/video-title.png") center top no-repeat;}
	.index-example-wrap .classic-case .title{background: url("../images/classic-case-title.png") center top no-repeat;}
	.index-video2-wrapbg .news-wrap .title{background: url("../images/video-title.png") center top no-repeat;}
	.index-about .content{padding: 25px;height: 470px;width: 100%;background-color: #fff;}
	.index-about .content .left{width: 477px;height: 401px;}
	.index-about .content .left .img-wrap{border: 1px solid #ccc;padding: 10px;}
	.index-about .content .left>img{width: 455px;height: 379px;}
	.index-about .content .right{width: 660px;height: 100%;padding: 10px;}
	.index-about .right h3{font-size: 22px;color: #0a1218;margin-bottom: 20px;}
	.index-about .right .company-info{height: 240px;overflow:hidden;}
	.index-about .right .company-info p{color: #858686;line-height: 28px;text-indent: 2em;}
	.index-about .right ul{position: absolute;left: 10px;bottom: 10px;}
	.index-about .right ul>li{width: 210px;font-size: 16px;color: #1e1e1e;;line-height: 36px;float: left;}
	.index-about .right .img-wrap{width: 210px;height: 110px;overflow: hidden;}
	.index-about .right .img-wrap>img{transition:transform 0.5s;}
	.index-about .right ul>li:hover img{transform:scale(1.2);}
	.index-about .right ul>li:hover p{color: #fb0102;}
	.index-serve{height: 440px;background: url('../images/index-serve-bg2.jpg') center top repeat-y;padding: 20px 0 150px;}
	.index-serve .title{color: #fff;}
	.index-serve .index-title-remark{color: rgba(255,255,255,0.6);}
	.index-serve .serve-item-wrap{margin-top: 50px;text-align: center;}
	/* .index-serve .serve-item-wrap ul{width: 1200px; margin: 0 auto;} */
	.index-serve .serve-item-wrap li{display: inline-block;vertical-align: top;height: 110px;width:144px;font-size:16px;cursor: pointer;position: relative;margin-right: 14px;}
	.index-serve .line{height: 2px;width: 25px;position: absolute;bottom: 0;left: 50%;transform:translateX(-50%);background-color: #fff;transition:all .5s;}
	.index-serve .serve-item-wrap ul+ul{margin-top: 40px;}
	.index-serve li:hover i{transform:scale(1.2);}
	.index-serve li:hover .line{background-color: #FB0102;}
	.index-serve li+li{margin-left: 10px;}
	.index-serve .serve-item-wrap li a{display: block;}
	.index-serve .serve-item-wrap i{display: inline-block;width: 60px;height: 52px;transition:transform .5s;}
	.index-serve li i{background: url('../images/index-serve-icon.png') 0 0 no-repeat;}
	.index-serve ul+ul li i{background: url('../images/index-serve-icon1.png') 0 0 no-repeat;}
	.index-serve li:nth-of-type(1) i{background-position: 4px 0px;}
	.index-serve li:nth-of-type(2) i{background-position: -184px 0px;}
	.index-serve li:nth-of-type(3) i{background-position: -374px 0px;}
	.index-serve li:nth-of-type(4) i{background-position: -568px 0px;}
	.index-serve li:nth-of-type(5) i{background-position: -760px 0px;}
	.index-serve li:nth-of-type(6) i{background-position: -930px 0px;}
	.index-serve li:nth-of-type(7) i{background-position: -1062px 0px;}
	.index-serve ul+ul li:nth-of-type(1) i{background-position: 2px 0px;}
	.index-serve ul+ul li:nth-of-type(2) i{background-position: -178px 0px;}
	.index-serve ul+ul li:nth-of-type(3) i{background-position: -343px 0px;}
	.index-serve ul+ul li:nth-of-type(4) i{background-position: -513px 0px;}
	.index-serve ul+ul li:nth-of-type(5) i{background-position: -688px 0px;}
	.index-serve ul+ul li:nth-of-type(6) i{background-position: -875px 0px;}
	.index-serve ul+ul li:nth-of-type(7) i{background-position: -1062px 0px;}
	.index-serve .title{margin-top: 20px;}
	.index-serve .remark{margin-top: 30px; color: rgba(255,255,255,0.6);}
	.index-news-wrap{background: url('../images/index-bg.jpg') center top repeat-y;}
	/*.index-news-wrap .classic-case ul{height: 280px;}*/
	/*.index-news-wrap .classic-case li{width: 200px;height: 280px;float: left;}*/
	.index-news-wrap .news-item-wrap li:hover h3{background-color: #fb0102;color: #fff;}
	.index-news-wrap .news-wrap{padding: 80px 0;font-size: 0;}
	.index-news-wrap .news-item-wrap>li{width: 380px;display: inline-block;text-align: left;font-size: 14px;background-color: #fff;}
	.index-news-wrap .img-wrap{height: 240px;position: relative;overflow: hidden;}
	.index-news-wrap .img-wrap img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
	.index-news-wrap h3{font-size: 16px;line-height: 70px;text-align: center;color: #555a5d;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.index-news-wrap .news-list{height: 200px;overflow-y: scroll;}
	.index-news-wrap .news-list::-webkit-scrollbar{display: none;}
	.index-news-wrap .news-list li{color: #555a5d;line-height: 36px;padding: 0 10px;}
	.index-news-wrap .news-list .news-title{width: 250px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	
	.index-video2-wrap{background: url('../images/index-bg.jpg') center top repeat-y;}
	/*.index-news-wrap .classic-case ul{height: 280px;}*/
	/*.index-news-wrap .classic-case li{width: 200px;height: 280px;float: left;}*/
	.index-video2-wrap .news-item-wrap li:hover h3{background-color: #fb0102;color: #fff;}
	.index-video2-wrap .news-wrap{padding: 80px 0;font-size: 0;}
	.index-video2-wrap .news-item-wrap>li{width: 380px;display: inline-block;text-align: left;font-size: 14px;background-color: #fff;margin:0px 20px 17px 0px}
	.index-video2-wrap .img-wrap{height: 240px;position: relative;overflow: hidden;}
	.index-video2-wrap .img-wrap img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
	.index-video2-wrap h3{font-size: 16px;line-height: 70px;text-align: center;color: #555a5d;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.index-video2-wrap .news-list{height: 200px;overflow-y: scroll;}
	.index-video2-wrap .news-list::-webkit-scrollbar{display: none;}
	.index-video2-wrap .news-list li{color: #555a5d;line-height: 36px;padding: 0 10px;}
	.index-video2-wrap .news-list .news-title{width: 250px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	
	.index-example-wrap{padding-bottom: 0;}
	
	.index-example-wrap .news-wrap{padding: 0 0 80px 0;}
	.layui-icon-triangle-r{color: #555a5d;}
	.index-video-wrap2{height: 680px;}
	.index-video-wrap{height: 381px;background: url('../images/index-video-bg.jpg') no-repeat;}
	.index-video-wrap{padding: 125px;color: #fff;}
	.index-video-wrap .title{font-size: 20px;}
    .index-video-wrap .video-btn{width: 130px;height: 42px;background: url('../images/play-btn.jpg') no-repeat;border: none;margin-top: 50px;}
    @media screen and (max-width: 768px){
	.index-about,.index-about .content,.index-about .right .company-info{height: auto !important;padding: 20px 0;}
	.index-about .content .left,.index-about .content .left img{width: 100%;height: auto;}
	.index-carousel .carousel-item-wrap>div>img{width: 100%;}
	.index-about .content{height: auto;display: flex;flex-direction: column;}
	.index-about .content .right{width: auto !important;}
	.index-about .right ul{display: none;}
	.index-serve{height: 500px;}
	.index-serve .serve-item-wrap{display: flex;padding: 0 5px;flex-direction: column;}
	.index-serve .serve-item-wrap ul{display: flex;overflow-x: scroll;}
	.index-serve .serve-item-wrap li{height: auto;padding-bottom: 20px;margin-right: 40px;}
	.index-news-wrap{padding: 20px 0;}
	.index-news-wrap .news-wrap{margin-top: 0px;}
	.index-example-wrap .news-wrap{padding: 0 0 50px 0;}
	.index-news-wrap .news-wrap{padding: 0px 0;font-size: 0;}
	.index-video2-wrap{padding: 20px 0;}
	.index-video2-wrap .news-wrap{margin-top: 30px;}
	
	.index-example-wrap .classic-case .news-item-wrap>li{margin-left: 0;width: 100%;}
	.index-news-wrap .news-wrap:not(.classic-case) .news-item-wrap>li{display: none;width: 100%;}
	.index-news-wrap .news-wrap:not(.classic-case) .news-item-wrap>li:nth-of-type(2){display: block;margin-left: 0;}
	.index-news-wrap .news-item-wrap>li img{width: 100%;}
	
	.index-video2-wrap .news-wrap:not(.classic-case) .news-item-wrap>li{display: block;width: 100%;}
	.index-video2-wrap .news-wrap:not(.classic-case) .news-item-wrap>li:nth-of-type(2){display:block ;margin-left: 0;}
	.index-video2-wrap .news-item-wrap>li img{width: 100%;}
	
	.index-video-wrap{padding: 30px  0 0 0;background-size: cover;background-position: -200px 0;height: 200px}
	.index-video-wrap2{padding: 0  0 0 0;height: 381px;}
	.index-video-wrap .video-btn{margin-top: 30px;}
	.index-example-wrap .img-wrap{height: auto;}
	.index-example-wrap .img-wrap img{position: static;transform: initial;}
	.index-example-wrap .news-item-wrap li+li{margin-top: 20px;}
/*	.index-news-wrap .classic-case ul {height: auto; width: 100%; display: grid; grid-template-columns: repeat(3,33.33%); grid-template-rows: 140px 140px; }*/
	/*.index-news-wrap .classic-case li{width: auto;height: auto;position: static;}
	.index-news-wrap .classic-case img{width: 100%;height: 100%;}*/
	
}