@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;background-position: center;background-size: cover;background-repeat: no-repeat;}
.banner .swiper-slide .video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-pagination{z-index: 1;bottom: 50px;font-size: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{position: relative;width: 40px;height: 3px;margin: 0 6px;background-color: #fff;border-radius: 2px;opacity: .3;box-shadow: 0 0 4px rgba(0,0,0,.4);transition: 0.5s;}
.banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
.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: 0.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: #113CAE;border-color: #113CAE;}
.banner:hover .prev-btn{transform: translateX(40%);}
.banner:hover .next-btn{transform: translateX(-40%);}

/******首页******/
.index-container{min-height: 500px;overflow: hidden;}
/*标题*/
.index-title{z-index: 1;position: relative;display: block;margin-bottom: 40px;line-height: 1;text-align: center;font-weight: bold;}
.index-title .cn{position: relative;display: inline-block;vertical-align: top;padding-bottom: .6em;font-size: 36px;}
.index-title .cn::after{content: '';position: absolute;left: 50%;bottom: 0;width: 1.2em;height: 2px;background-color: #113CAE;transform: translateX(-50%);}
.index-title .en{z-index: -1;position: absolute;left: 0;top: -25px;font-family: Arial;font-size: 60px;color: #999;text-transform: uppercase;opacity: .2;}
.index-title.left{text-align: left;}
.index-title.left .cn::after{left: 0;transform: translateX(0);}
/*更多按钮*/
.index-more-btn{position: relative;display: inline-block;vertical-align: top;padding: 0 2em;border: 1px solid #999;border-radius: 25px;font-size: 16px;line-height: 50px;color: #999;white-space: nowrap;transition: 0.3s;}
.index-more-btn .arrow{position: relative;display: inline-block;vertical-align: middle;width: 6px;height: 6px;margin: -.25em 0 0 2em;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: rotate(45deg);}
/*布局*/
.index-container .part1{padding: 90px 0;}
.index-container .part2{}
.index-container .part3{padding: 90px 0 120px;background: url(../images/index_part_bg1.jpg) right bottom no-repeat;background-size: cover;}

/*品牌介绍，选项卡*/
.brand-intro-tab-box{position: relative;}
.brand-intro-tab-box .tabs{padding-bottom: 40px;margin: 0 110px;overflow: hidden;}
.brand-intro-tab-box .tabs .swiper-slide{cursor: pointer;}
.brand-intro-tab-box .tabs .swiper-slide .pic{padding: 12px 24px;border: 1px solid #eee;border-radius: 8px;overflow: hidden;transition: 0.3s;}
.brand-intro-tab-box .tabs .swiper-slide .pic em{display: block;padding-top: 40%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: 0.5s;}
.brand-intro-tab-box .tabs .swiper-slide.on .pic{border-color: #113CAE;box-shadow: 0 4px 20px rgba(0,0,0,.2);}
.brand-intro-tab-box .tab-content{overflow: hidden;}
.brand-intro-tab-box .btn{z-index: 2;position: absolute;top: 15px;width: 50px;height: 50px;background-color: #fff;border: 1px solid #ddd;border-radius: 50%;color: #ccc;cursor: pointer;transition: 0.3s;}
.brand-intro-tab-box .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid currentColor;}
.brand-intro-tab-box .prev-btn{left: 0;}
.brand-intro-tab-box .prev-btn:after{border-left: 2px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.brand-intro-tab-box .next-btn{right: 0;}
.brand-intro-tab-box .next-btn:after{border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.brand-intro-tab-box .btn:hover{background-color: #113CAE;border-color: #113CAE;color: #fff;}
/*品牌介绍*/
.brand-intro-tab-box .brand-intro-wrap{display: flex;justify-content: space-between;align-items: center;}
.brand-intro-tab-box .brand-intro-wrap > .con-l{width: 50%;box-sizing: border-box;padding: 50px;background: url(../images/brand_intro_bg.jpg) left bottom no-repeat;background-size: cover;}
.brand-intro-tab-box .brand-intro-wrap > .con-r{width: 50%;}
.brand-intro-tab-box .brand-intro-wrap .info{}
.brand-intro-tab-box .brand-intro-wrap .info .tit{margin-bottom: 30px;line-height: 1.5;}
.brand-intro-tab-box .brand-intro-wrap .info .txt{line-height: 2;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.brand-intro-tab-box .brand-intro-wrap .info .index-more-btn{margin-top: 80px;}
.brand-intro-tab-box .brand-intro-wrap .pic{overflow: hidden;}
.brand-intro-tab-box .brand-intro-wrap .pic em{display: block;padding-top: 60%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;}

/*解决方案展示*/
.solution-show-box{display: flex;justify-content: space-between;height: 80vh;background: #000 url(../images/solution_box_bg.jpg) center no-repeat;background-size: cover;}
.solution-show-box .item{position: relative;flex: 1;overflow: hidden;}
.solution-show-box .item .info{position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding: 25% 10% 0;text-align: center;color: #fff;transform: translateY(50%);transition: transform 0.5s,background-color 0.5s 0.2s,backdrop-filter 0.5s 0.5s;}
.solution-show-box .item .info .icon{position: relative;display: inline-block;vertical-align: top;width: 86px;height: 86px;}
.solution-show-box .item .info .icon::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/icon_solution_border.svg) center no-repeat;background-size: 100% 100%;filter: brightness(0) invert(1);}
.solution-show-box .item .info .icon img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 72%;height: 72%;margin: auto;}
.solution-show-box .item .info .tit{margin: 30px 0 40px;font-size: 26px;}
.solution-show-box .item .info .txt{line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;opacity: 0;}
.solution-show-box .item .info .index-more-btn{margin-top: 80px;border-color: #fff;color: #fff;opacity: 0;transition: 0.5s;}
.solution-show-box .item .info .index-more-btn:hover{border-color: #113CAE;}
.solution-show-box .item:hover .info{background-color: rgba(17,60,174,.6);border-left: 1px solid rgba(255,255,255,.5);border-right: 1px solid rgba(255,255,255,.5);backdrop-filter: blur(6px);transform: translateY(0);}
.solution-show-box .item:hover .info .icon::before{filter: none;}
.solution-show-box .item:hover .info .txt{opacity: 1;}
.solution-show-box .item:hover .info .index-more-btn{opacity: 1;}

/*公司概况*/
.company-brief-box{display: flex;align-items: center;}
.company-brief-box > .con-l{width: 54%;}
.company-brief-box > .con-r{width: 28.6%;margin-left: 3.6%;margin-right: calc(50% - 700px);}
.company-brief-box .video-box{position: relative;cursor: pointer;}
.company-brief-box .video-box .bg{padding-top: 67.3%;background-position: center;background-size: cover;background-repeat: no-repeat;border-top-right-radius: 160px;}
.company-brief-box .video-box .play-btn{z-index: 1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 50px;height: 50px;margin: auto;background-color: rgba(255,255,255,.2);border-radius: 50%;cursor: pointer;}
.company-brief-box .video-box .play-btn:before{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: 50%;background-color: rgba(255,255,255,.2);animation: scaleBtn 2s linear infinite;}
.company-brief-box .video-box .play-btn:after{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: 50%;background-color: rgba(255,255,255,.2);animation: scaleBtn 2s 1s linear infinite;}
.company-brief-box .video-box .play-btn i{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 0;height: 0;margin: auto;border: 10px solid transparent;border-left: 15px solid #fff;border-right-width: 5px;transform: translateX(20%);}
@keyframes scaleBtn{
	to{transform: scale(1.6);opacity: 0;}
}
.company-brief-box .info{}
.company-brief-box .info .index-title{margin-bottom: 80px;}
.company-brief-box .info .tit1{line-height: 1.5;color: #113CAE;}
.company-brief-box .info .tit2{margin-top: 10px;line-height: 1.7;color: #ddd;}
.company-brief-box .info .txt{margin-top: 20px;line-height: 2;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.company-brief-box .info .index-more-btn{margin-top: 80px;}


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

/*中屏PC:<=1440px(针对1366*650)*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC:>=1025px && <=1300px*/
@media screen and (max-width: 1300px){
	
}

/*pad横屏:1024px*/
@media screen and (max-width: 1024px){
	
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/*banner*/
	.banner{height: 220px;}
	.banner .swiper-pagination{bottom: 15px;}
	.banner .swiper-pagination .swiper-pagination-bullet{width: 20px;margin: 0 3px;}
	.banner .btn{display: none;}
	
	/******首页******/
	.index-container{min-height: 300px;}
	/*标题*/
	.index-title{margin-bottom: 20px;}
	.index-title .cn{font-size: 20px;}
	/*更多按钮*/
	.index-more-btn{padding: 0 1em;font-size: 12px;line-height: 30px;}
	.index-more-btn .arrow{margin: -.25em 0 0 .6em;}
	/*布局*/
	.index-container .part1{padding: 30px 0;}
	.index-container .part3{padding: 30px 0;}

	/*品牌介绍，选项卡*/
	.brand-intro-tab-box .tabs{padding-bottom: 20px;margin: 0 40px;}
	.brand-intro-tab-box .tabs .swiper-slide .pic{padding: 6px;}
	.brand-intro-tab-box .btn{top: 8px;width: 30px;height: 30px;}
	/*品牌介绍*/
	.brand-intro-tab-box .brand-intro-wrap > .con-l{padding: 15px;}
	.brand-intro-tab-box .brand-intro-wrap .info .tit{margin-bottom: 10px;}
	.brand-intro-tab-box .brand-intro-wrap .info .txt{-webkit-line-clamp: 2;}
	.brand-intro-tab-box .brand-intro-wrap .info .index-more-btn{margin-top: 20px;}

	/*解决方案展示*/
	.solution-show-box{height: 260px;}
	.solution-show-box .item .info{padding: 40% 5px 0;background-color: rgba(17,60,174,.4);border-left: 1px solid rgba(255,255,255,.5);border-right: 0;backdrop-filter: blur(4px);transform: translateY(0);}
	.solution-show-box .item .info .icon{width: 50px;height: 50px;}
	.solution-show-box .item .info .tit{margin: 10px 0;font-size: 14px;}
	.solution-show-box .item .info .txt{display: none;font-size: 12px;line-height: 1.5;opacity: 1;}
	.solution-show-box .item .info .index-more-btn{margin-top: 10px;opacity: 1;}
	.solution-show-box .item:hover .info{background-color: rgba(17,60,174,.4);border-left: 1px solid rgba(255,255,255,.5);border-right: 0;backdrop-filter: blur(4px);transform: translateY(0);}

	/*公司概况*/
	.company-brief-box{display: flex;align-items: center;flex-wrap: wrap;flex-direction: column-reverse;padding: 0 3%;}
	.company-brief-box > .con-l{width: 100%;margin-top: 20px;}
	.company-brief-box > .con-r{width: 100%;margin: 0;}
	.company-brief-box .video-box .bg{border-radius: 0;}
	.company-brief-box .info{}
	.company-brief-box .info .index-title{margin-bottom: 20px;}
	.company-brief-box .info .tit1{font-size: 16px;}
	.company-brief-box .info .tit2{margin-top: 5px;line-height: 1.5;}
	.company-brief-box .info .txt{margin-top: 10px;}
	.company-brief-box .info .index-more-btn{margin-top: 20px;}
}