@charset "utf-8";
/*banner*/
.banner{position: relative;height: calc(100vh - 100px);overflow: hidden;}
.banner .swiper-slide .pic{position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: block;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 10s linear;}
.banner .swiper-slide .video{height: 100%;}
.banner .swiper-slide .video video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-slide-active .pic{transform: scale(1.1);}
.banner .swiper-pagination{z-index: 2;bottom: 60px;display: flex;justify-content: center;align-items: center;}
.banner .swiper-pagination .swiper-pagination-bullet{position: relative;width: 60px;height: 4px;margin: 0 8px;background-color: rgba(255,255,255,1);border-radius: 2px;overflow: hidden;opacity: 1;transition: .3s;}
.banner .swiper-pagination .swiper-pagination-bullet::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #CE000C;border-radius: 2px;transform: scaleX(0);}
.banner .swiper-pagination .swiper-pagination-bullet-active{width: 120px;background-color: rgba(255,255,255,.4);}
.banner .swiper-pagination .swiper-pagination-bullet-active::after{transform-origin: left;animation: bannerProgress 4s linear forwards;}
.banner .btn{z-index: 1;position: absolute;top: 50%;width: 60px;height: 60px;margin-top: -30px;border: 1px solid #CE000C;border-radius: 50%;cursor: pointer;transition: .3s;filter: drop-shadow(2px 2px 4px rgba(0,0,0,.3));}
.banner .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid #CE000C;}
.banner .prev-btn{left: 0;transform: translateX(-100%);}
.banner .prev-btn::after{border-left: 2px solid #CE000C;transform: translate(-30%,-50%) rotate(-45deg);}
.banner .next-btn{right: 0;transform: translateX(100%);}
.banner .next-btn::after{border-right: 2px solid #CE000C;transform: translate(-70%,-50%) rotate(45deg);}
.banner .btn:hover{background-color: #CE000C;}
.banner .btn:hover::after{border-color: #fff;}
.banner:hover .prev-btn{transform: translateX(40%);}
.banner:hover .next-btn{transform: translateX(-40%);}
@keyframes bannerProgress{
	to{transform: scaleX(1);}
}

/******首页******/
.index-container{min-height: 500px;overflow: hidden;}
.index-container .brief{line-height: 1.6;text-align: justify;}
/*标题*/
.index-title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 60px;}
.index-title .name{display: flex;align-items: flex-end;line-height: 1;font-weight: bold;}
.index-title .name .cn{position: relative;font-size: 42px;}
.index-title .name .cn::before{content: '';position: absolute;left: calc(100% + 12px);top: 4px;width: 140%;height: 6px;background-image: linear-gradient(90deg,#CE000C,rgba(0,0,0,0));transform: skewX(-35deg) translateX(4px);;}
.index-title .name .cn::after{content: '';position: absolute;left: calc(100% + 12px);top: 10px;width: 140%;height: 6px;background-image: linear-gradient(90deg,#0097F0,rgba(0,0,0,0));transform: skewX(-35deg)}
.index-title .name .en{margin-left: 10px;font-size: 16px;text-transform: uppercase;color: #CE000C;}
.index-title .brief{width: 67.5%;}
.index-title.white .name{color: #fff;}
.index-title.white .name .en{color: #fff;}
/*更多按钮*/
.index-more-btn{display: flex;justify-content: space-between;align-items: center;width: 12em;box-sizing: border-box;padding: 0 1.5em;border: 1px solid #CE000C;border-radius: 30px;font-size: 18px;line-height: 3;color: #CE000C;white-space: nowrap;transition: .3s;}
.index-more-btn .arrow{width: 1.32em;height: .66em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyNiAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIuNjY3IDUuODY3SDBWNy4yaDIyLjkzM0wxOC40IDExLjczM2wuOTMzLjkzNCA2LTYtNi02LS45MzMuOTMzeiIgZmlsbD0iI0NFMDAwQyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+');background-size: 100% 100%;}
.index-more-btn:hover .arrow{filter: brightness(0) invert(1);transition: .3s .5s;}
.index-more-btn.white{border-color: #fff;color: #fff;}
.index-more-btn.white .arrow{filter: brightness(0) invert(1);}
/*布局*/
.index-container .part1{padding: 60px 0 80px;margin-top: 65px;background: #F5F5F9 url(../images/index_part_bg1.jpg) center no-repeat;background-size: cover;}
.index-container .part2{position: relative;padding: 120px 0 90px;margin-top: 70px;background: #5EA7E4 url(../images/index_part_bg2.jpg) center no-repeat;background-size: cover;}
.index-container .part2::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 62.5%;background: url(../images/index_part2_bg_elem1.jpg) center no-repeat;background-size: cover;clip-path: polygon(0 0, 72% 0, 100% 100%, 0 100%);}
.index-container .part2::after{content: '';position: absolute;right: 0;bottom: 0;width: 53.54%;height: calc(100% + 70px);background: url(../images/index_part2_bg_elem2.png) center top no-repeat;background-size: cover;}
.index-container .part2 > .w1440{z-index: 1;}
.index-container .part3{padding: 60px 0 70px;margin-top: 60px;background: #FAFCFC url(../images/index_part_bg3.jpg) center no-repeat;background-size: cover;}
.index-container .part4{padding: 60px 0;background: #fff;}

/*产品信息轮播*/
.product-info-swiper{position: relative;margin-top: 120px;}
.product-info-swiper .btn{z-index: 1;position: absolute;top: 50%;width: 60px;height: 60px;margin-top: -30px;background-color: #fff;border: 1px solid #CE000C;cursor: pointer;transition: .3s;}
.product-info-swiper .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid #CE000C;}
.product-info-swiper .prev-btn{left: 90px;}
.product-info-swiper .prev-btn::after{border-left: 2px solid #CE000C;transform: translate(-30%,-50%) rotate(-45deg);}
.product-info-swiper .next-btn{right: 90px;}
.product-info-swiper .next-btn::after{border-right: 2px solid #CE000C;transform: translate(-70%,-50%) rotate(45deg);}
.product-info-swiper .btn:hover{background-color: #CE000C;}
.product-info-swiper .btn:hover::after{border-color: #fff;}
.product-info-swiper .swiper-button-disabled{cursor: not-allowed;opacity: .4;}
/*产品信息*/
.product-info-wrap{display: flex;justify-content: space-between;padding: 40px 80px 20px;background: #fff url(../images/product_info_bg.jpg) right top no-repeat;background-size: cover;border-radius: 10px;box-shadow: 0 30px 30px -20px rgba(0,0,0,.2);}
.product-info-wrap > .con-l{width: 44%;}
.product-info-wrap > .con-r{width: 52%;}
.product-info-wrap .pic{overflow: hidden;transform: translateY(-25%);}
.product-info-wrap .pic em{display: block;padding-top: 100%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: .5s;}
.product-info-wrap .info{}
.product-info-wrap .info .tit{margin-bottom: .5em;font-weight: bold;}
.product-info-wrap .info .txt{line-height: 1.6;}
.product-info-wrap .info .feature{display: flex;flex-wrap: wrap;margin-top: 40px;}
.product-info-wrap .info .feature span{display: flex;align-items: center;margin-right: 1.5em;font-weight: bold;}
.product-info-wrap .info .feature span .icon{position: relative;width: 60px;height: 60px;margin-right: .8em;border: 1px solid #CE000C;border-radius: 50%;}
.product-info-wrap .info .feature span .icon img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 56%;height: 56%;margin: auto;}
.product-info-wrap .info .index-more-btn{margin-top: 80px;}

/*关于我们*/
.about-box{width: 40%;color: #fff;}
.about-box .brief{color: rgba(255,255,255,.6);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.about-box .index-more-btn{margin-top: 90px;}
/*数据展示*/
.data-show-wrap{display: flex;justify-content: space-between;margin-top: 60px;}
.data-show-wrap .item .num{height: 60px;}
.data-show-wrap .item .num span{display: inline-block;vertical-align: top;font-size: 60px;line-height: 1;font-weight: bold;}
.data-show-wrap .item .num sup{display: inline-block;font-size: 16px;transform: translateY(-.3em);}
.data-show-wrap .item .num em{display: inline-block;vertical-align: bottom;}
.data-show-wrap .item .txt{margin-bottom: .8em;line-height: 1;}

/*合作伙伴logo轮播*/
.partner-logo-swiper{position: relative;padding-bottom: 70px;overflow: hidden;}
.partner-logo-swiper .swiper-slide a{display: block;padding: 20px;background-color: #fff;cursor: default;transition: .5s;}
.partner-logo-swiper .swiper-slide .pic{width: 80%;margin: auto;}
.partner-logo-swiper .swiper-slide .pic em{display: block;padding-top: 30%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: .5s;}
.partner-logo-swiper .swiper-slide a:hover .pic em{transform: scale(1.05);}
.partner-logo-swiper .swiper-pagination{z-index: 1;bottom: 0;font-size: 0;}
.partner-logo-swiper .swiper-pagination .swiper-pagination-bullet{width: 60px;height: 4px;margin: 0 8px;background-color: #D8D8D8;border-radius: 2px;opacity: 1;transition: 0.5s;}
.partner-logo-swiper .swiper-pagination .swiper-pagination-bullet-active{background-color: #CE000C;}

/*新闻信息轮播*/
.news-info-swiper{position: relative;padding-bottom: 70px;overflow: hidden;}
.news-info-swiper .swiper-slide a{position: relative;display: block;background-color: #F8F8F9;border-radius: 10px;overflow: hidden;}
.news-info-swiper .swiper-slide .pic{overflow: hidden;}
.news-info-swiper .swiper-slide .pic em{display: block;padding-top: 65%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: .5s;}
.news-info-swiper .swiper-slide .date{position: relative;padding-left: 1.5em;line-height: 1;color: #999;}
.news-info-swiper .swiper-slide .date::before{content: '';position: absolute;left: 0;top: 50%;width: .8em;height: .8em;margin-top: -.4em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNSAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4zMzMgMGMtMy44NjIgMC03IDMuMTM4LTcgNyAwIDMuODYzIDMuMTM4IDcgNyA3IDMuODYzIDAgNy0zLjEzNyA3LTcgMC0zLjg2Mi0zLjEzNy03LTctN3ptMi45ODggOS40MzhMNi45NyA3LjVoLS4xMzhWM2gxdjMuODVsMi45ODggMS43MjUtLjUuODYzeiIgZmlsbD0iIzk5OSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+');background-size: 100% 100%;}
.news-info-swiper .swiper-slide .info{padding: 40px;}
.news-info-swiper .swiper-slide .info .tit{margin-top: 1.6em;line-height: 1.6;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-info-swiper .swiper-slide .hidden-info{position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding: 40px;background: #F6F6F7 url(../images/news_swiper_item_bg.jpg) center no-repeat;background-size: cover;transform: translateY(100%);transition: .5s;}
.news-info-swiper .swiper-slide .hidden-info .tit{margin-top: 1.6em;line-height: 1.6;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-info-swiper .swiper-slide .hidden-info .txt{margin-top: 1.8em;line-height: 1.6;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.news-info-swiper .swiper-slide .hidden-info .more{position: relative;width: 56px;height: 56px;margin-top: 80px;background-color: #CE000C;border-radius: 50%;transition: .3s;}
.news-info-swiper .swiper-slide .hidden-info .more::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 36%;height: 18%;margin: auto;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyNiAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIuNjY3IDUuODY3SDBWNy4yaDIyLjkzM0wxOC40IDExLjczM2wuOTMzLjkzNCA2LTYtNi02LS45MzMuOTMzeiIgZmlsbD0iI0NFMDAwQyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+');background-size: 100% 100%;filter: brightness(0) invert(1);}
.news-info-swiper .swiper-slide a:hover .hidden-info{transform: translateY(0);}
.news-info-swiper .swiper-slide .hidden-info .more:hover{transform: translateX(.3em);}
.news-info-swiper .swiper-pagination{z-index: 1;bottom: 0;font-size: 0;}
.news-info-swiper .swiper-pagination .swiper-pagination-bullet{width: 60px;height: 4px;margin: 0 8px;background-color: #D8D8D8;border-radius: 2px;opacity: 1;transition: .5s;}
.news-info-swiper .swiper-pagination .swiper-pagination-bullet-active{background-color: #CE000C;}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	/*banner*/
	.banner{height: auto;}
	.banner .swiper-slide .pic{position: static;padding-top: 45%;}
	.banner .swiper-slide .video{height: auto;padding-top: 45%;}
	.banner .swiper-pagination{bottom: 15px;}
	.banner .swiper-pagination .swiper-pagination-bullet{width: 20px;margin: 0 4px;}
	.banner .swiper-pagination .swiper-pagination-bullet-active{width: 40px;}

	/******首页******/
	.index-container{min-height: 300px;}
	/*标题*/
	.index-title{margin-bottom: 30px;}
	.index-title .name{flex-direction: column;align-items: flex-start;}
	.index-title .name .cn{font-size: 20px;}
	.index-title .name .cn::before{top: 2px;width: 100%;}
	.index-title .name .cn::after{top: 8px;width: 100%;}
	.index-title .name .en{margin: .4em 0 0 0;font-size: 12px;}
	/*更多按钮*/
	.index-more-btn{width: 10em;padding: 0 1em;font-size: 12px;line-height: 30px;}
	/*布局*/
	.index-container .part1{padding: 40px 0;margin-top: 20px;}
	.index-container .part2{padding: 40px 0;margin-top: 20px;}
	.index-container .part2::before{width: 100%;}
	.index-container .part2::after{width: 60%;height: 60%;}
	.index-container .part3{padding: 40px 0;margin-top: 0;}
	.index-container .part3 .index-title{flex-direction: column;align-items: flex-start;}
	.index-container .part3 .index-title .brief{width: 100%;margin-top: 1.5em;}
	.index-container .part4{padding: 40px 0;margin-top: 0;}

	/*产品信息轮播*/
	.product-info-swiper{margin-top: 30px;}
	.product-info-swiper .btn{display: none;}
	/*产品信息*/
	.product-info-wrap{flex-wrap: wrap;padding: 30px;border-radius: 4px;}
	.product-info-wrap > .con-l{width: 100%;}
	.product-info-wrap > .con-r{width: 100%;margin-top: 30px;}
	.product-info-wrap .pic{width: 80%;margin: 0 auto;transform: translateY(0);}
	.product-info-wrap .info .feature{margin-top: 20px;}
	.product-info-wrap .info .feature span{margin-right: 1em;}
	.product-info-wrap .info .feature span .icon{width: 30px;height: 30px;margin-right: .4em;}
	.product-info-wrap .info .index-more-btn{margin-top: 50px;}

	/*关于我们*/
	.about-box{width: 80%;}
	.about-box .brief{color: #fff;}
	.about-box .index-more-btn{margin-top: 50px;}
	/*数据展示*/
	.data-show-wrap{margin-top: 40px;}
	.data-show-wrap .item .num{height: 30px;}
	.data-show-wrap .item .num span{font-size: 30px;}
	.data-show-wrap .item .txt{font-size: 12px;}

	/*合作伙伴logo轮播*/
	.partner-logo-swiper{padding-bottom: 20px;}
	.partner-logo-swiper .swiper-slide a{padding: 10px;}
	.partner-logo-swiper .swiper-slide .pic{width: 80%;margin: auto;}
	.partner-logo-swiper .swiper-pagination .swiper-pagination-bullet{width: 30px;height: 3px;margin: 0 4px;}

	/*新闻信息轮播*/
	.news-info-swiper{padding-bottom: 20px;overflow: hidden;}
	.news-info-swiper .swiper-slide .info{padding: 20px 10px;}
	.news-info-swiper .swiper-slide .info .tit{margin-top: 1em;}
	.news-info-swiper .swiper-slide .hidden-info{display: none;}
	.news-info-swiper .swiper-pagination .swiper-pagination-bullet{width: 30px;height: 3px;margin: 0 4px;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
	
}