@charset "utf-8";
/*banner*/
.banner{position: relative;height: 100vh;overflow: hidden;}
.banner .swiper-slide{display: block;background-position: center;background-size: cover;background-repeat: no-repeat;transition: none;}
.banner .swiper-slide-active{transform: scale(1.05);transition: 10s linear;}
.banner .swiper-pagination{z-index: 1;left: 50%;bottom: 50px;width: auto;font-size: 0;transform: translateX(-50%);}
.banner .swiper-pagination:after{content: "";z-index: -1;position: absolute;left: 36px;right: 36px;top: 50%;height: 1px;background-color: #fff;opacity: .3;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 36px!important;background-color: #fff;border-radius: 4px;box-shadow: 0 0 2px #000;opacity: .5;transition: 0.3s;}
.banner .swiper-pagination-bullet-active{position: relative;opacity: 1;}
.banner .swiper-pagination-bullet-active:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;opacity: .5;border-radius: 50%;animation: scaleDouble 2s ease-out infinite;}
@keyframes scaleDouble{
	to{transform: scale(2);}
}
.banner .btn{z-index: 1;position: absolute;top: 50%;width: 60px;height: 60px;margin-top: -30px;border: 2px solid #fff;border-radius: 50%;cursor: pointer;transition: 0.3s;filter: drop-shadow(2px 2px 4px rgba(0,0,0,.5));}
.banner .btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;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: #ec1b30;border-color: #ec1b30;}
.banner:hover .prev-btn{transform: translateX(20%);}
.banner:hover .next-btn{transform: translateX(-20%);}

/******首页******/
/*标题*/
.index-title{}
.index-title .cn{position: relative;padding-bottom: 24px;font-size: 35px;line-height: 40px;}
.index-title .cn:after{content: "";position: absolute;left: 0;bottom: 0;width: 40px;height: 4px;background-color: #ec1b30;}
.index-title .en{margin-top: 20px;font-size: 16px;line-height: 20px;color: #999;text-transform: uppercase;}
.index-title.white{color: #fff;}
.index-title.white .cn:after{background-color: #fff;}
.index-title.white .en{color: #fff;}
/*布局*/
.index-content{overflow: hidden;}
.index-content .part1{padding: 60px 0 100px 14.4%;background: #f5f5f5 url(../images/index_part1_bg.jpg) center no-repeat;background-size: cover;}
.index-content .part2{}
.index-content .part2 > .top{padding: 30px 0;background-color: #fff;}
.index-content .part2 > .top .performance-tabs{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.index-content .part2 > .bottom{}
.index-content .part3{padding: 70px 0 60px;background: #f5f5f5 url(../images/index_part3_bg.jpg) center no-repeat;background-size: cover;}

/*新闻中心选项卡*/
.news-tab-box{position: relative;}
.news-tab-box .index-title{position: absolute;left: 0;top: 70px;}
.news-tab-box .tabs{position: absolute;left: 0;top: 200px;}
.news-tab-box .tabs .item{position: relative;padding-left: 16px;margin-top: 25px;font-size: 20px;line-height: 30px;cursor: pointer;transition: 0.3s;}
.news-tab-box .tabs .item:before{content: "";position: absolute;left: 0;top: 8px;bottom: 8px;width: 2px;background-color: #ec1b30;transform: scaleY(0);transition: 0.8s;}
.news-tab-box .tabs .item:first-child{margin-top: 0;}
.news-tab-box .tabs .item.on{color: #ec1b30;}
.news-tab-box .tabs .item.on:before{transform: scaleY(1);}
.news-tab-box .tab-content{margin-left: 18%;overflow: hidden;}
.news-tab-box .btn{z-index: 1;position: absolute;bottom: 10px;width: 40px;height: 40px;background-color: #ddd;cursor: pointer;transition: 0.5s;}
.news-tab-box .btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 2px solid #fff;}
.news-tab-box .prev-btn{left: 0;}
.news-tab-box .prev-btn:after{border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.news-tab-box .next-btn{left: 60px;}
.news-tab-box .next-btn:after{border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.news-tab-box .btn:hover{background-color: #ec1b30;}
/*新闻轮播*/
.news-swiper{padding: 70px 10px 10px;overflow: hidden;}
.news-swiper .swiper-slide{background-color: #fff;}
.news-swiper .swiper-slide a{display: block;transition: 0.5s;}
.news-swiper .swiper-slide .pic{overflow: hidden;}
.news-swiper .swiper-slide .pic em{display: block;padding-top: 66%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.news-swiper .swiper-slide .info{padding: 20px 25px 30px;}
.news-swiper .swiper-slide .info .tit{height: 30px;font-size: 18px;line-height: 30px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;transition: 0.5s;}
.news-swiper .swiper-slide .info .line{position: relative;height: 1px;margin: 15px 0;background-color: #ccc;}
.news-swiper .swiper-slide .info .line:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(90deg,#ec1b30,#ffa200);transform: scaleX(0);transform-origin: left;transition: 1s ease-in;}
.news-swiper .swiper-slide .info .txt{height: 48px;font-size: 15px;line-height: 24px;text-align: justify;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-swiper .swiper-slide .info .date{position: relative;height: 0;font-size: 16px;line-height: 20px;color: #666;transform: scaleY(0);transform-origin: bottom;transition: 0.5s;}
.news-swiper .swiper-slide .info .date .arrow{position: absolute;right: 0;bottom: 0;width: 20px;height: 20px;border: 2px solid currentColor;border-radius: 50%;color: #ec1b30;transition: 0.5s;}
.news-swiper .swiper-slide .info .date .arrow:before{content: "";position: absolute;left: 2px;right: 2px;top: 50%;height: 2px;margin-top: -1px;background-color: currentColor;}
.news-swiper .swiper-slide .info .date .arrow:after{content: "";position: absolute;right: 0;top: 50%;width: 5px;height: 5px;border-top: 2px solid currentColor;border-right: 2px solid currentColor;transform: translate(-50%,-50%) rotate(45deg);}
.news-swiper .swiper-slide:hover a{margin-top: -70px;box-shadow: 0 4px 8px rgba(0,0,0,.1);}
.news-swiper .swiper-slide:hover .info .tit{height: 60px;color: #ec1b30;-webkit-line-clamp: 2;}
.news-swiper .swiper-slide:hover .info .line:after{transform: scaleX(1);}
.news-swiper .swiper-slide:hover .info .date{height: 20px;margin-top: 20px;transform: scaleY(1);}

/*业绩实力选项卡*/
.performance-tabs{overflow: hidden;}
.performance-tabs .swiper-slide{position: relative;display: block;width: 120px;padding: 20px 0;text-align: center;cursor: pointer;}
.performance-tabs .swiper-slide:before{content: "";position: absolute;left: 0;top: 20px;bottom: 20px;width: 1px;background-color: #ddd;}
.performance-tabs .swiper-slide:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background-color: #ec1b30;transform: scaleX(0);transition: 0.5s;}
.performance-tabs .swiper-slide:first-child:before{display: none;}
.performance-tabs .swiper-slide .icon{display: inline-block;vertical-align: top;width: 50px;height: 50px;filter: brightness(0) invert(.5);transition: 0.3s;}
.performance-tabs .swiper-slide .name{margin-top: 10px;font-size: 18px;line-height: 20px;color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.performance-tabs .swiper-slide.on:after{transform: scaleX(1);}
.performance-tabs .swiper-slide.on .icon{filter: none;}
.performance-tabs .swiper-slide.on .name{color: #ec1b30;}
.performance-tab-content{overflow: hidden;}
.performance-tab-content .swiper-slide{position: relative;}
/*业绩实力背景图轮播*/
.performance-bg-swiper{overflow: hidden;}
.performance-bg-swiper .swiper-slide{position: relative;}
.performance-bg-swiper .swiper-slide .pic{position: relative;overflow: hidden;}
.performance-bg-swiper .swiper-slide .pic:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.4);transition: 1s;}
.performance-bg-swiper .swiper-slide .pic em{display: block;padding-top: 52.5%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.performance-bg-swiper .swiper-slide .tit{position: absolute;right: 50px;top: 55px;max-width: 80%;padding-left: 75px;font-size: 24px;text-align: right;font-weight: bold;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-shadow: 0 0 6px rgba(0,0,0,.6);}
.performance-bg-swiper .swiper-slide .tit:before{content: "";position: absolute;left: 0;top: 50%;width: 60px;height: 1px;background-color: #fff;box-shadow: 0 0 6px rgba(0,0,0,.6);}
.performance-bg-swiper .swiper-slide-active .pic:after{opacity: 0;}
/*业绩实力信息轮播*/
.performance-info-swiper{z-index: 1;position: absolute;right: 50%;top: 50%;width: 600px;margin-right: -683px;background-color: rgba(255,255,255,.95);overflow: hidden;transform: translateY(-50%);}
.performance-info-swiper .swiper-slide{}
.performance-info-swiper .swiper-slide a{display: block;padding: 20px 30px 30px 55px;}
.performance-info-swiper .swiper-slide .tit{position: relative;padding-right: 120px;font-size: 20px;line-height: 50px;color: #2a75d1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.performance-info-swiper .swiper-slide .tit:before{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background-color: #ddd;}
.performance-info-swiper .swiper-slide .tit:after{content: "";position: absolute;right: 0;bottom: 0;width: 50px;height: 1px;background-color: #ec1830;}
.performance-info-swiper .swiper-slide .txt{height: 90px;padding-right: 120px;margin-top: 30px;font-size: 16px;line-height: 30px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.performance-info-swiper .swiper-slide .more{position: relative;display: inline-block;margin-top: 40px;transition: 0.3s;}
.performance-info-swiper .swiper-slide .more .arrow{position: absolute;left: 120%;bottom: 0;width: 20px;height: 20px;color: #ec1b30;transition: 0.5s;}
.performance-info-swiper .swiper-slide .more .arrow:before{content: "";position: absolute;left: 0;right: 0;top: 50%;height: 2px;margin-top: -1px;background-color: currentColor;transform: scaleY(.5);}
.performance-info-swiper .swiper-slide .more .arrow:after{content: "";position: absolute;right: 0;top: 50%;width: 6px;height: 6px;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(-30%,-50%) rotate(45deg);}
.performance-info-swiper .swiper-slide:hover .more{color: #ec1b30;}
.performance-info-swiper .swiper-slide:hover .more .arrow{transform: translateX(10px);}
.performance-info-swiper .btn{z-index: 1;position: absolute;bottom: 30px;width: 40px;height: 40px;background-color: #ddd;cursor: pointer;transition: 0.5s;}
.performance-info-swiper .btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 2px solid #fff;}
.performance-info-swiper .prev-btn{right: 80px;}
.performance-info-swiper .prev-btn:after{border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.performance-info-swiper .next-btn{right: 30px;}
.performance-info-swiper .next-btn:after{border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.performance-info-swiper .btn:hover{background-color: #ec1b30;}
.performance-info-swiper .swiper-pagination{z-index: 1;left: auto;bottom: auto;right: 30px;top: 25px;width: 50px;height: 30px;font-size: 16px;line-height: 30px;color: #999;user-select: none;}
.performance-info-swiper .swiper-pagination-current{font-size: 30px;color: #2a75d1;}

/*关于我们区*/
.about-box{position: relative;padding-top: 50%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.about-box .info{z-index: 1;position: absolute;right: 0;top: 0;bottom: 0;width: 48%;padding: 70px;background-color: rgba(0,0,0,.2);color: #fff;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.about-box .info .tit{margin-top: 40px;font-size: 18px;}
.about-box .info .txt{height: 100px;padding-right: 5px;margin-top: 15px;font-size: 15px;line-height: 25px;text-align: justify;overflow-y: auto;opacity: .8;overscroll-behavior: contain;}
.about-box .info .more{position: relative;display: inline-block;margin-top: 40px;font-size: 15px;color: #fff;transition: 0.3s;}
.about-box .info .more .arrow{position: absolute;left: 120%;bottom: 0;width: 20px;height: 20px;color: #fff;transition: 0.5s;}
.about-box .info .more .arrow:before{content: "";position: absolute;left: 0;right: 0;top: 50%;height: 2px;margin-top: -1px;background-color: currentColor;transform: scaleY(.5);}
.about-box .info .more .arrow:after{content: "";position: absolute;right: 0;top: 50%;width: 6px;height: 6px;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(-30%,-50%) rotate(45deg);}
.about-box .info .more:hover{transform: translateX(10px);}
/*数据展示区*/
.data-show-box{z-index: 1;position: absolute;right: 0;bottom: 70px;background-color: #fff;font-size: 0;}
.data-show-box .item{position: relative;display: inline-block;vertical-align: top;width: 240px;padding: 50px 0;font-size: 18px;text-align: center;line-height: 20px;color: #777;white-space: nowrap;user-select: none;transition: 0.5s;}
.data-show-box .item:before{content: "";position: absolute;left: 0;top: 50%;width: 1px;height: 20px;margin-top: -10px;background-color: #dcdcdc;}
.data-show-box .item:first-child:before{display: none;}
.data-show-box .item span{margin: 0 10px;font-family: Arial;font-size: 28px;color: #ec1b30;}
.data-show-box .item:hover{background-color: #ec1b30;color: #fff;}
.data-show-box .item:hover:before{display: none;}
.data-show-box .item:hover span{color: #fff;}


/*中屏PC:<=1440px(主要针对1366*650)*/
@media screen and (max-width: 1440px){
	/******首页******/
	/*标题*/
	.index-title .cn{padding-bottom: 10px;font-size: 28px;}
	.index-title .en{margin-top: 10px;}
	/*布局*/
	.index-content .part1{padding: 60px 0 100px 5%;}
	
	/*新闻中心选项卡*/
	.news-tab-box .tabs{top: 170px;}
	.news-tab-box .tabs .item{margin-top: 20px;}
	
	/*业绩实力选项卡*/
	/*业绩实力背景图轮播*/
	.performance-bg-swiper .swiper-slide .tit{right: 30px;top: 30px;}
	/*业绩实力信息轮播*/
	.performance-info-swiper{margin-right: -600px;}
}

/*小屏PC:>=1025px && <=1280px*/
@media screen and (max-width: 1280px){
	/*关于我们区*/
	.about-box .info{padding: 40px 50px;}
}

/*pad横屏:1024px*/
@media screen and (max-width: 1024px){
	/* banner */
	.banner{height: 80vh;}
	
	/******首页******/
	/*标题*/
	.index-title .cn{padding-bottom: 5px;font-size: 24px;}
	.index-title .en{margin-top: 5px;}
	/*布局*/
	.index-content .part1{padding: 0 0 50px 3%;}
	
	/*业绩实力选项卡*/
	.performance-tabs .swiper-slide{width: 100px;padding: 10px 0;}
	.performance-tabs .swiper-slide .icon{width: 40px;height: 40px;}
	.performance-tabs .swiper-slide .name{font-size: 16px;}
	/*业绩实力背景图轮播*/
	.performance-bg-swiper .swiper-slide .tit{right: 20px;top: 20px;}
	/*业绩实力信息轮播*/
	.performance-info-swiper{top: 55%;width: 450px;margin-right: -450px;}
	.performance-info-swiper .swiper-slide a{padding: 20px;}
	.performance-info-swiper .swiper-slide .tit{font-size: 18px;line-height: 40px;}
	.performance-info-swiper .swiper-slide .txt{margin-top: 10px;}
	.performance-info-swiper .swiper-slide .more{margin-top: 10px;}
	.performance-info-swiper .btn{bottom: 15px;}
	.performance-info-swiper .prev-btn{right: 70px;}
	.performance-info-swiper .next-btn{right: 20px;}
	
	/*关于我们区*/
	.about-box .info{padding: 20px 30px;}
	.about-box .info .tit{margin-top: 30px;}
	.about-box .info .more{margin-top: 30px;}
	/*数据展示区*/
	.data-show-box{bottom: 40px;}
	.data-show-box .item{width: 220px;padding: 30px 0;}
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/*banner*/
	.banner{height: auto;padding-top: 60px;}
	.banner .swiper-slide{padding-top: 50%;}
	.banner .swiper-pagination{bottom: 15px;}
	.banner .swiper-pagination-bullet{margin: 0 6px!important;}
	.banner .btn{display: none;}

	/******首页******/
	/*标题*/
	.index-title .cn{font-size: 20px;line-height: 30px;}
	.index-title .cn:after{height: 2px;}
	.index-title .en{font-size: 12px;}
	/*布局*/
	.index-content .part1{padding: 20px 3%;}
	.index-content .part2{padding: 20px 0;}
	.index-content .part2 > .top{padding: 0;}
	.index-content .part2 > .top .performance-tabs{position: static;transform: translateY(0);}
	.index-content .part3{padding: 10px 0;}
	
	/*新闻中心选项卡*/
	.news-tab-box .index-title{position: static;}
	.news-tab-box .tabs{position: static;margin-top: 10px;text-align: center;}
	.news-tab-box .tabs .item{display: inline-block;vertical-align: top;padding-left: 10px;margin: 0 5px;font-size: 15px;line-height: 20px;}
	.news-tab-box .tabs .item:before{top: 3px;bottom: 3px;}
	.news-tab-box .tab-content{margin-left: 0;}
	.news-tab-box .btn{display: none;}
	/*新闻轮播*/
	.news-swiper{padding: 0;margin-top: 15px;}
	.news-swiper .swiper-slide .info{padding: 10px;}
	.news-swiper .swiper-slide .info .tit{font-size: 15px;}
	.news-swiper .swiper-slide .info .line{margin: 5px 0;}
	.news-swiper .swiper-slide .info .txt{font-size: 13px;}
	
	/*业绩实力选项卡*/
	.performance-tabs .swiper-slide .icon{width: 30px;height: 30px;}
	.performance-tabs .swiper-slide .name{margin-top: 5px;font-size: 14px;}
	/*业绩实力背景图轮播*/
	.performance-bg-swiper .swiper-slide .tit{padding-left: 50px;font-size: 18px;}
	.performance-bg-swiper .swiper-slide .tit:before{width: 40px;}
	/*业绩实力信息轮播*/
	.performance-info-swiper{position: static;width: 100%;margin-right: 0;transform: translateY(0);}
	.performance-info-swiper .swiper-slide a{padding: 5px 10px 10px;}
	.performance-info-swiper .swiper-slide .tit{padding-right: 80px;font-size: 16px;}
	.performance-info-swiper .swiper-slide .txt{height: 72px;padding-right: 0;font-size: 14px;line-height: 24px;}
	.performance-info-swiper .btn{bottom: 0;width: 30px;height: 30px;}
	.performance-info-swiper .prev-btn{right: 50px;}
	.performance-info-swiper .next-btn{right: 10px;}
	.performance-info-swiper .btn:hover{background-color: #ddd;}
	.performance-info-swiper .swiper-pagination{right: 10px;top: 10px;}
	
	/*关于我们区*/
	.about-box{padding-top: 100%;}
	.about-box .info{width: 100%;backdrop-filter: none;-webkit-backdrop-filter: none;}
	.about-box .info .tit{font-size: 16px;}
	.about-box .info .txt{font-size: 13px;}
	.about-box .info .more{margin-top: 20px;font-size: 13px;}
	/*数据展示区*/
	.data-show-box{position: static;margin-top: 10px;}
	.data-show-box .item{width: 50%;padding: 15px 0;font-size: 14px;}
	.data-show-box .item:before{display: none;}
	.data-show-box .item span{margin: 0 3px;font-size: 20px;}
}