@charset "utf-8";
/*banner*/
.banner{position: relative;height: 100vh;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: 1;bottom: 50px;font-size: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{position: relative;width: 40px;height: 40px;margin: 0 10px;background-color: rgba(255,255,255,.5);font-size: 16px;text-align: center;line-height: 40px;font-weight: bold;color: transparent;opacity: 1;transform: scale(0.25);transition: .5s;}
.banner .swiper-pagination .swiper-pagination-bullet svg{z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;fill: transparent;stroke-width: 2px;stroke: #fff;stroke-dasharray: 114;stroke-dashoffset: -114;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background-color: rgba(255,255,255,0);color: #fff;transform: scale(1);filter: drop-shadow(1px 1px 2px rgba(0,0,0,.2));}
.banner .swiper-pagination .swiper-pagination-bullet-active svg{animation: svgAni 4s linear forwards;}
.banner .btn{z-index: 1;position: absolute;top: 50%;width: 60px;height: 60px;margin-top: -30px;border: 1px solid #fff;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 #fff;}
.banner .prev-btn{left: 0;transform: translateX(-100%);}
.banner .prev-btn:after{border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.banner .next-btn{right: 0;transform: translateX(100%);}
.banner .next-btn:after{border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.banner .btn:hover{background-color: #CF2020;border-color: #CF2020;}
.banner:hover .prev-btn{transform: translateX(40%);}
.banner:hover .next-btn{transform: translateX(-40%);}
@keyframes svgAni{
	to{stroke-dashoffset: 0;}
}

/******首页******/
.index-container{min-height: 500px;overflow: hidden;}
/*标题*/
.index-title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 50px;}
.index-title .name{display: inline-flex;align-items: center;}
.index-title .name .icon{width: .9em;height: .9em;margin-right: .25em;}
.index-title .name .cn{font-weight: bold;}
.index-title .name .en{margin-left: .25em;font-family: 'DINPro-Regular';text-transform: uppercase;opacity: .2;}
/*更多按钮*/
.index-more-btn{display: inline-flex;justify-content: center;align-items: center;padding: 0 1.5em;border: 1px solid #ccc;border-radius: 1.5em;line-height: 3;color: #999;white-space: nowrap;transition: .3s;}
.index-more-btn .arrow{width: .5em;height: .5em;margin-left: 2.5em;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(20%,-10%) rotate(45deg);}
/*布局*/
.index-container .part1{padding: 100px 0;}
.index-container .part2{padding: 100px 0;background: #F1F2F4 url(../images/index_part_bg1.jpg) center no-repeat;background-size: cover;}
.index-container .part2 .news-tab-box{margin-top: -85px;}
.index-container .part3{padding: 100px 0;}
.index-container .part3 .customer-logo-swiper{margin-top: -90px;}
.index-container .part4{padding: 80px 0;background: #EFF0F2 url(../images/index_part_bg2.jpg) center no-repeat;background-size: cover;}

/*解决方案展示区*/
.solution-show-box{font-size: 0;}
.solution-show-box *{box-sizing: border-box;}
.solution-show-box .item{position: relative;display: inline-block;vertical-align: top;width: 32.8%;border-bottom: 20px solid transparent;font-size: 16px;}
.solution-show-box .item .pic{overflow: hidden;}
.solution-show-box .item .pic em{display: block;width: 105%;padding-top: 70%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 1s;}
.solution-show-box .item .info{position: absolute;left: 0;right: 0;bottom: 0;padding: 5em 1.25em 1.25em;background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.9));color: #fff;}
.solution-show-box .item .info .tit{margin-bottom: .2em;font-weight: bold;}
.solution-show-box .item .info .txt{line-height: 1.6;opacity: .8;}
.solution-show-box .item .info .more{display: flex;align-items: center;height: 0;line-height: 1;overflow: hidden;transition: .3s;}
.solution-show-box .item .info .more::after{content: '';width: .5em;height: .5em;margin-left: .5em;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(20%,-10%) rotate(45deg);}
.solution-show-box .item:nth-child(1){width: 65.6%;}
.solution-show-box .item:nth-child(1) .pic em{padding-top: 35%;}
.solution-show-box .item:nth-child(2){float: right;}
.solution-show-box .item:nth-child(2) .pic em{padding-top: 145%;}
.solution-show-box .item:nth-child(4){border-left: 20px solid transparent;}
.solution-show-box .item:nth-child(4) .pic em{padding-top: 151.5%;}
.solution-show-box .item:nth-child(5){position: absolute;left: 0;bottom: 0;}
.solution-show-box .item:nth-child(6){position: absolute;right: 0;bottom: 0;}
.solution-show-box .item:hover .pic em{transform: translateX(-4.5%);}
.solution-show-box .item:hover .info .more{height: 1em;margin-top: 1em;}

/*新闻，选项卡*/
.news-tab-box{}
.news-tab-box .tabs{display: flex;justify-content: flex-end;margin-right: 240px;}
.news-tab-box .tabs .item{position: relative;margin: 0 .8em;line-height: 1;font-weight: bold;color: #666;cursor: pointer;transition: .3s;}
.news-tab-box .tabs .item::before{content: '';display: none;position: absolute;right: calc(100% + .4em);top: 50%;width: .4em;height: .4em;box-sizing: border-box;margin-top: -.2em;border: 1px solid currentColor;border-radius: 50%;}
.news-tab-box .tabs .item::after{content: '';display: none;position: absolute;right: calc(100% + .4em + 8px);top: 50%;width: 2em;height: 1px;background-color: currentColor;}
.news-tab-box .tabs .item.on{margin-left: 3em;color: #CF2020;}
.news-tab-box .tabs .item.on::before{display: block;}
.news-tab-box .tabs .item.on::after{display: block;}
.news-tab-box .tab-content{margin-top: 60px;overflow: hidden;}
.news-tab-box .tab-content .swiper-slide{display: flex;justify-content: space-between;flex-wrap: wrap;}
.news-tab-box .tab-content .swiper-slide > .item{width: 32.33%;}
.news-tab-box .tab-content .swiper-slide > .item:nth-child(2) .index-news-wrap2{position: relative;height: 100%;box-sizing: border-box;}
.news-tab-box .tab-content .swiper-slide > .item:nth-child(2) .index-news-wrap2 .more{position: absolute;left: 20px;bottom: 20px;}
/*首页新闻*/
.index-news-wrap{display: block;background-color: #fff;}
.index-news-wrap .pic{overflow: hidden;}
.index-news-wrap .pic em{display: block;padding-top: 53%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.index-news-wrap .info{padding: 20px;}
.index-news-wrap .info .date{display: flex;align-items: center;margin-bottom: .8em;color: #999;}
.index-news-wrap .info .date::before{content: '';width: 1em;height: 1em;margin-right: .5em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik05IDE3QTggOCAwIDEgMCA5IDFhOCA4IDAgMCAwIDAgMTZ6Ii8+PHBhdGggZD0iTTkuMDAzIDQuMnY0LjgwNGwzLjM5MiAzLjM5MSIvPjwvZz48L3N2Zz4=');background-size: 100% 100%;filter: brightness(0) invert(.6);}
.index-news-wrap .info .tit{line-height: 1.6;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: .3s;}
.index-news-wrap .info .more{display: flex;align-items: center;margin-top: 2em;color: #999;}
.index-news-wrap .info .more::after{content: '';width: .5em;height: .5em;margin-left: .5em;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(20%,-10%) rotate(45deg);}
.index-news-wrap:hover .pic em{transform: scale(1.05);}
.index-news-wrap:hover .info .tit{color: #CF2020;transform: translateX(.3em);}
/*首页新闻2*/
.index-news-wrap2{display: block;padding: 20px;background-color: #fff;}
.index-news-wrap2 .tit{line-height: 1.6;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: .3s;}
.index-news-wrap2 .date{display: flex;align-items: center;position: relative;padding: 1em 0;margin-bottom: 1em;border-bottom: 1px solid #ddd;color: #999;}
.index-news-wrap2 .date::before{content: '';width: 1em;height: 1em;margin-right: .5em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik05IDE3QTggOCAwIDEgMCA5IDFhOCA4IDAgMCAwIDAgMTZ6Ii8+PHBhdGggZD0iTTkuMDAzIDQuMnY0LjgwNGwzLjM5MiAzLjM5MSIvPjwvZz48L3N2Zz4=');background-size: 100% 100%;filter: brightness(0) invert(.6);}
.index-news-wrap2 .date::after{content: '';position: absolute;left: 0;bottom: -1px;width: 3em;height: 1px;background-color: #CF2020;}
.index-news-wrap2 .txt{line-height: 2;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;transition: .3s;}
.index-news-wrap2 .more{display: flex;align-items: center;margin-top: 2em;color: #999;}
.index-news-wrap2 .more::after{content: '';width: .5em;height: .5em;margin-left: .5em;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(20%,-10%) rotate(45deg);}
.index-news-wrap2:hover .tit{color: #CF2020;transform: translateX(.3em);}
/*首页新闻列表*/
.index-news-list{}
.index-news-list li{}
.index-news-list li a{position: relative;display: block;padding: 1.5em 0;border-bottom: 1px solid #ddd;}
.index-news-list li a::after{content: '';position: absolute;left: 0;right: 0;bottom: -1px;height: 1px;background-color: #CF2020;transform: scaleX(0);transform-origin: left;transition: 1s;}
.index-news-list li .tit{line-height: 1.6;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: .3s;}
.index-news-list li .date{display: flex;align-items: center;margin-top: .8em;color: #999;}
.index-news-list li .date::before{content: '';width: 1em;height: 1em;margin-right: .5em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik05IDE3QTggOCAwIDEgMCA5IDFhOCA4IDAgMCAwIDAgMTZ6Ii8+PHBhdGggZD0iTTkuMDAzIDQuMnY0LjgwNGwzLjM5MiAzLjM5MSIvPjwvZz48L3N2Zz4=');background-size: 100% 100%;filter: brightness(0) invert(.6);}
.index-news-list li a:hover::after{transform: scaleX(1);}
.index-news-list li a:hover .tit{color: #CF2020;transform: translateX(.3em);}

/*客户logo轮播*/
.customer-logo-swiper{position: relative;padding: 90px 0 20px;overflow: hidden;}
.customer-logo-swiper .swiper-slide a{display: block;border: 1px solid #eee;transition: .3s;}
.customer-logo-swiper .swiper-slide a .pic{padding: 20px 30px;overflow: hidden;filter: grayscale(1);opacity: .5;transition: .3s;}
.customer-logo-swiper .swiper-slide a .pic em{display: block;padding-top: 26%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: .5s;}
.customer-logo-swiper .swiper-slide a:hover{box-shadow: 0 4px 20px rgba(0,0,0,.2);}
.customer-logo-swiper .swiper-slide a:hover .pic{filter: grayscale(0);opacity: 1;}
.customer-logo-swiper .btn{z-index: 1;position: absolute;top: 0;width: 40px;height: 40px;border: 1px solid currentColor;border-radius: 50%;color: #ccc;cursor: pointer;transition: .3s;}
.customer-logo-swiper .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid currentColor;}
.customer-logo-swiper .prev-btn{right: 60px;}
.customer-logo-swiper .prev-btn:after{border-left: 2px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.customer-logo-swiper .next-btn{right: 0;}
.customer-logo-swiper .next-btn:after{border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.customer-logo-swiper .btn:hover{background-color: #CF2020;border-color: #CF2020;color: #fff;}
.customer-logo-swiper .swiper-button-disabled{cursor: not-allowed;opacity: .5;}

/*公司信息展示*/
.company-info-show{display: flex;justify-content: space-between;flex-wrap: wrap;}
.company-info-show > .con-l{width: 36%;}
.company-info-show > .con-r{width: 50%;}
.company-info-show .brief .en{margin-bottom: .3em;text-transform: uppercase;color: #999;}
.company-info-show .brief .cn{font-weight: bold;}
.company-info-show .brief .cn::after{content: '';display: inline-block;vertical-align: middle;width: .8em;height: .8em;background-image: url(../images/icon_arrow_up_red.svg);background-size: 100% 100%;transform: translateY(-.2em);}
/*数据展示*/
.data-show-wrap{display: flex;justify-content: space-between;}
.data-show-wrap .item .num{height: 60px;color: #CF2020;}
.data-show-wrap .item .num span{display: inline-block;vertical-align: top;font-family: 'DINPro-Regular';font-size: 60px;line-height: 1;}
.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-top: 1em;line-height: 1;}


/*笔记本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: 50%;background-position: center;background-size: cover;background-repeat: no-repeat;}
	.banner .swiper-slide .video{height: auto;padding-top: 50%;}
	.banner .swiper-pagination{bottom: 6px;}
	.banner .swiper-pagination .swiper-pagination-bullet{margin: 0;}
	.banner .swiper-pagination .swiper-pagination-bullet-active{transform: scale(.8);}
	.banner .btn{display: none;}

	/******首页******/
	.index-container{min-height: 300px;}
	/*标题*/
	.index-title{margin-bottom: 30px;}
	.index-title .name .en{font-size: 12px;}
	/*更多按钮*/
	.index-more-btn{line-height: 2;}
	.index-more-btn .arrow{display: none;}
	/*布局*/
	.index-container .part1{padding: 40px 0;}
	.index-container .part2{padding: 40px 0;}
	.index-container .part2 .news-tab-box{margin-top: 0;}
	.index-container .part3{padding: 40px 0;}
	.index-container .part3 .customer-logo-swiper{margin-top: 0;}
	.index-container .part4{padding: 40px 0;}

	/*解决方案展示区*/
	.solution-show-box .item{position: relative !important;width: 100% !important;border-bottom-width: 15px;font-size: 14px;}
	.solution-show-box .item .pic em{width: 100%;padding-top: 60% !important;}
	.solution-show-box .item .info{padding: 1em 1em 1.5em;}
	.solution-show-box .item .info .more{height: auto;margin-top: 1em;line-height: 1;}
	.solution-show-box .item:nth-child(2){float: none;}
	.solution-show-box .item:nth-child(4){border-left: 0;}
	.solution-show-box .item:hover .pic em{transform: translateX(0);}
	.solution-show-box .item:hover .info .more{height: auto;margin-top: 0;}

	/*新闻，选项卡*/
	.news-tab-box .tabs{justify-content: center;margin-right: 0;}
	.news-tab-box .tabs .item{margin: 0 .6em;}
	.news-tab-box .tabs .item::after{width: 1em;}
	.news-tab-box .tabs .item.on{margin-left: 2em;}
	.news-tab-box .tab-content{margin-top: 30px;}
	.news-tab-box .tab-content .swiper-slide > .item{width: 100%;margin-bottom: 20px;}
	.news-tab-box .tab-content .swiper-slide > .item:nth-child(2) .index-news-wrap2{height: auto;}
	.news-tab-box .tab-content .swiper-slide > .item:nth-child(2) .index-news-wrap2 .more{position: static;}
	/*首页新闻*/
	.index-news-wrap .info{padding: 1em;}
	.index-news-wrap .info .more{display: none;}
	/*首页新闻2*/
	.index-news-wrap2{padding: 1em;}
	.index-news-wrap2 .txt{-webkit-line-clamp: 2;}
	.index-news-wrap2 .more{display: none;}
	/*首页新闻列表*/
	.index-news-list li a{padding: 1em;}

	/*客户logo轮播*/
	.customer-logo-swiper{padding: 10px;}
	.customer-logo-swiper .swiper-slide a .pic{filter: grayscale(0);opacity: 1;}
	.customer-logo-swiper .swiper-slide a:hover{box-shadow: 0 0px 8px rgba(0,0,0,.2);}
	.customer-logo-swiper .btn{display: none;}

	/*公司信息展示*/
	.company-info-show > .con-l{width: 100%;}
	.company-info-show > .con-r{width: 100%;margin-top: 30px;}
	/*数据展示*/
	.data-show-wrap .item{flex: 0 0 30%;}
	.data-show-wrap .item .num{height: 40px;}
	.data-show-wrap .item .num span{font-size: 40px;}
	.data-show-wrap .item .num sup{font-size: 14px;}
	.data-show-wrap .item .txt{margin-top: .6em;}
}

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