@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;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);}

/*悬浮栏*/
.float-nav-wrap{z-index: 2;position: absolute;left: 40px;bottom: 40px;display: flex;align-items: center;display: none;}
.float-nav-wrap .item{position: relative;display: block;width: 40px;height: 40px;border: 1px solid #fff;border-radius: 50%;}
.float-nav-wrap .item+.item{margin-left: 20px;}
.float-nav-wrap .item .icon{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 56%;height: 56%;margin: auto;filter: brightness(0) invert(1);}
.float-nav-wrap .item .hidden-wrap{display: none;position: absolute;left: 50%;bottom: 100%;transform: translateX(-50%);}
.float-nav-wrap .item .hidden-wrap > .content{padding-bottom: 10px;}
.float-nav-wrap .item .hidden-wrap .qrcode{background-color: #fff;text-align: center;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.float-nav-wrap .item .hidden-wrap .qrcode .pic{max-width: 100px;}
.float-nav-wrap .item .hidden-wrap .qrcode .tit{font-size: 14px;line-height: 20px;white-space: nowrap;}
.float-nav-wrap .item .hidden-wrap .phone{padding: 10px;background-color: #fff;font-size: 16px;font-weight: bold;color: #0068C7;white-space: nowrap;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.float-nav-wrap .item:hover .hidden-wrap{display: block;}
.float-nav-wrap.blue .item .icon{filter: none;}

/******首页******/
.index-page-swiper{height: 100vh;overflow: hidden;}
.index-page-swiper > .swiper-wrapper > .swiper-slide{background-position: center;background-size: cover;background-repeat: no-repeat;}
.index-page-swiper > .swiper-pagination{z-index: 2;right: 50px;}
.index-page-swiper > .swiper-pagination .swiper-pagination-bullet{position: relative;width: 8px;height: 8px;margin: 24px 0;background-color: #fff;border-radius: 50%;opacity: 1;transition: .5s;}
.index-page-swiper > .swiper-pagination .swiper-pagination-bullet::before{content: '';position: absolute;left: -8px;right: -8px;top: -8px;bottom: -8px;border: 1px solid #fff;border-radius: 50%;transform: scale(0);}
.index-page-swiper > .swiper-pagination .swiper-pagination-bullet:last-child{display: none;}
.index-page-swiper > .swiper-pagination .swiper-pagination-bullet-active::before{transform: scale(1);transition: .3s;}
.index-page-swiper > .swiper-pagination.blue .swiper-pagination-bullet{background-color: #0068C7;}
.index-page-swiper > .swiper-pagination.blue .swiper-pagination-bullet::before{border-color: #0068C7;}
/*标题*/
.index-title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px;}
.index-title .name{line-height: 1;}
.index-title .name .cn{position: relative;padding-bottom: .8em;font-size: 32px;font-weight: bold;}
.index-title .name .cn::after{display: none;content: '';position: absolute;left: 0;bottom: 0;width: 2em;height: 7px;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDYxIDciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNjAuMTQgMEM0MS44ODguNjQ4IDI5LjY5IDEuNTcgMjMuNTQxIDIuNzY1UzEzLjU0NyA1LjM3MiAxMiA3aDQ4LjE0VjB6IiBmaWxsPSIjRkQwMTAwIi8+PHBhdGggZD0iTTAgMGMxNi4zNS42NDggMjcuNTU2IDEuNTcgMzMuNjE5IDIuNzY1QzM5LjY4IDMuOTYgNDMuNDc0IDUuMzcyIDQ1IDdIMFYweiIgZmlsbD0iI0ZFRkYxQiIvPjxwYXRoIGQ9Ik0wIDBjMTAuMTU4LjY0OCAxOC4zMSAxLjU3IDI0LjQ1OCAyLjc2NVMzNC40NTMgNS4zNzIgMzYgN0gwVjB6IiBmaWxsPSIjMDA2OEM3Ii8+PC9nPjwvc3ZnPg==');background-size: 100% 100%;}
.index-title.white{color: #fff;}
/*更多按钮*/
.index-more-btn{z-index: 1;position: relative;display: inline-block;vertical-align: top;padding: 0 1.5em;border: 1px solid currentColor;border-radius: 4px;font-size: 16px;line-height: 50px;color: #0068C7;transition: .3s;}
.index-more-btn .arrow{position: relative;display: inline-block;vertical-align: middle;width: 26px;height: 12px;margin: -.25em 0 0 3.5em;}
.index-more-btn .arrow::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 1px;margin: auto;background-color: currentColor;transform: translateY(-50%);}
.index-more-btn .arrow::after{content: '';position: absolute;right: 0;top: 50%;width: 8px;height: 8px;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(-20%,-50%) rotate(45deg);}
.index-more-btn.white{color: #fff;}
/*布局*/
.page1{background-color: #2F648D;}
.page1 .w1600{display: flex;align-items: center;box-sizing: border-box;padding-top: 100px;}
.page2{background-color: #3A74C8;}
.page2 .w1600{display: flex;align-items: center;box-sizing: border-box;padding-top: 100px;}
.page2 .w1600 .index-title{position: absolute;left: 0;top: 16vh;}
.page3{background-color: #88C1E6;}
.page3 .w1600{display: flex;justify-content: center;align-items: center;box-sizing: border-box;padding-top: 100px;}
.page3 .w1600 .index-title{position: absolute;left: 0;top: 16vh;}
.page4{background-color: #EEF7FD;}
.page4 .w1600{display: flex;align-items: center;box-sizing: border-box;padding-top: 100px;}
.page4 .w1600 .index-title{position: absolute;left: 0;top: 16vh;}
.page5{height: auto;}

/*关于我们*/
.about-box{width: 50%;color: #fff;}
.about-box .brief{line-height: 2;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.about-box .index-more-btn{margin-top: 120px;}
/*数据展示*/
.data-show-wrap{display: flex;justify-content: space-between;margin-top: 50px;}
.data-show-wrap .item{}
.data-show-wrap .item .num{height: 52px;}
.data-show-wrap .item .num span{display: inline-block;vertical-align: top;font-family: "DINPro-Regular";font-size: 52px;line-height: 1;font-weight: bold;color: #fff;}
.data-show-wrap .item .num sup{display: inline-block;font-size: 20px;font-weight: bold;color: #fff;transform: translateY(-.2em);}
.data-show-wrap .item .num em{display: inline-block;vertical-align: bottom;}
.data-show-wrap .item .txt{margin-top: 1em;line-height: 1;}

/*服务项目，选项卡*/
.service-tab-box{display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse;flex-wrap: wrap;width: 100%;color: #fff;}
.service-tab-box > .con-l{position: relative;}
.service-tab-box > .con-r{width: 46%;}
.service-tab-box .tabs{display: grid;grid-template-columns: repeat(2,140px);grid-template-rows: repeat(2,140px);justify-content: space-between;align-content: space-between;width: 600px;height: 600px;}
.service-tab-box .tabs .item{display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 1;position: relative;width: 140px;height: 140px;box-sizing: border-box;background-image: linear-gradient(180deg,#4590D6,#0068C7);border: 1px solid rgba(255,255,255,1);border-radius: 50%;cursor: pointer;overflow: hidden;transition: .3s;}
.service-tab-box .tabs .item::before{content: '';z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: radial-gradient(circle,rgba(255,255,255,0),rgba(255,255,255,1));transition: .3s;}
.service-tab-box .tabs .item .icon{width: 40px;height: 40px;}
.service-tab-box .tabs .item .name{margin-top: .5em;}
.service-tab-box .tabs .item.on{border-color: rgba(255,255,255,.4);}
.service-tab-box .tabs .item.on::before{opacity: 0;}
.service-tab-box .tab-content{overflow: hidden;}
/*服务介绍*/
.service-intro{}
.service-intro .tit{margin-bottom: 40px;}
.service-intro .tit .cn{margin-bottom: .4em;}
.service-intro .tit .en{text-transform: uppercase;opacity: .5;}
.service-intro .txt{line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.service-intro .list{display: flex;flex-wrap: wrap;padding: 20px 40px;margin-top: 40px;background-color: rgba(255,255,255,.26);backdrop-filter: blur(10px);}
.service-intro .list li{width: 31%;margin: 12px 0 12px 3.5%;}
.service-intro .list li:nth-child(3n+1){margin-left: 0;}
.service-intro .list li a{position: relative;display: block;padding-left: 2em;line-height: 1;font-weight: bold;color: #fff;transition: .3s;}
.service-intro .list li a::before{content: '';position: absolute;left: 0;top: .12em;width: .75em;height: .75em;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;}
.service-intro .list li a:hover{transform: translateX(.3em);}
/*服务图片轮播*/
.service-pic-swiper{z-index: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 96%;height: 96%;box-sizing: border-box;padding: 8%;margin: auto;border: 1px dashed rgba(255,255,255,.6);border-radius: 50%;overflow: hidden;}
.service-pic-swiper .swiper-slide .pic{padding: 10%;background: url(../images/service_pic_swiper_bg.png) center no-repeat;background-size: contain;}
.service-pic-swiper .swiper-slide .pic em{position: relative;display: block;padding-top: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;border-radius: 50%;overflow: hidden;-webkit-mask: radial-gradient(circle,#000 60%,rgba(0,0,0,0) 70%);}
.service-pic-swiper .swiper-slide .pic em::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(45deg,#0068C7,rgba(0,0,0,0));opacity: .35;}

/*服务平台*/
.service-platform-box{position: relative;width: 1350px;height: 520px;background: url(../images/service_platform_box_bg.png) center no-repeat;background-size: 100% 100%;}
.service-platform-box .item{position: absolute;display: block;text-align: center;}
.service-platform-box .item .icon{position: relative;display: inline-block;vertical-align: top;width: 100px;height: 100px;background-image: radial-gradient(circle,rgba(255,255,255,0),rgba(255,255,255,.8));border: 1px solid rgba(255,255,255,.3);border-radius: 50%;transition: .3s;}
.service-platform-box .item .icon::before{content: '';position: absolute;left: 8px;right: 8px;top: 8px;bottom: 8px;background-color: #fff;border: 1px dashed rgba(255,255,255,.3);border-radius: 50%;box-shadow: 0 0 35px #68B8FD;opacity: 0;transition: .3s;}
.service-platform-box .item .icon img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 48%;height: 48%;margin: auto;}
.service-platform-box .item .name{margin-top: .8em;line-height: 1;font-weight: bold;color: #fff;}
.service-platform-box .item:nth-child(1){left: 14.19%;top: 33.32%;}
.service-platform-box .item:nth-child(2){left: 34.57%;top: 9.74%;}
.service-platform-box .item:nth-child(3){left: 40.06%;top: 66.00%;}
.service-platform-box .item:nth-child(4){left: 58.97%;top: 24.08%;}
.service-platform-box .item:nth-child(5){left: 82.10%;top: 32.34%;}
.service-platform-box .item:hover .icon{box-shadow: 0 0 35px #68B8FD;}
.service-platform-box .item:hover .icon::before{opacity: 1;}

/*新闻资讯，选项卡*/
.news-tab-box{width: 100%;margin-top: -30px;}
.news-tab-box .tabs{display: flex;justify-content: flex-end;}
.news-tab-box .tabs .item{padding: 0 2em;margin-left: 24px;border: 1px solid #0068C7;border-radius: 25px;line-height: 50px;color: #0068C7;cursor: pointer;transition: .3s;}
.news-tab-box .tabs .item.on{background-color: #0068C7;color: #fff;}
.news-tab-box .tab-content{margin-top: 50px;overflow: hidden;}
/*主要新闻*/
.main-news-wrap{display: flex;align-items: center;margin-bottom: 30px;background-color: #fff;}
.main-news-wrap .pic{flex: 0 0 500px;overflow: hidden;}
.main-news-wrap .pic em{display: block;padding-top: 57.6%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.main-news-wrap .info{flex: 100%;overflow: hidden;padding: 20px 40px;}
.main-news-wrap .info .tit{line-height: 1.5;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s;}
.main-news-wrap .info .date{margin: .8em 0 1.6em;color: #999;}
.main-news-wrap .info .txt{line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.main-news-wrap .info .more{display: inline-block;vertical-align: top;margin-top: 2em;line-height: 30px;font-weight: bold;color: #0068C7;transition: .3s;}
.main-news-wrap .info .more .arrow{display: inline-block;vertical-align: middle;width: 26px;height: 12px;margin: -.25em 0 0 1em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyNiAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIuNjY3IDUuODY3SDBWNy4yaDIyLjkzM0wxOC40IDExLjczM2wuOTMzLjkzNCA2LTYtNi02LS45MzMuOTMzeiIgZmlsbD0iIzAwNjhDNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+');background-size: 100% 100%;}
.main-news-wrap:hover .pic em{transform: scale(1.05);}
.main-news-wrap:hover .info .tit{color: #0068C7;transform: translateX(.3em);}
/*首页新闻列表*/
.index-news-list{display: flex;justify-content: space-between;}
.index-news-list li{width: 31.66%;}
.index-news-list li a{display: block;padding: 25px 35px;background-color: #fff;}
.index-news-list li .tit{line-height: 1.5;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: .3s;}
.index-news-list li .date{margin: .8em 0;color: #999;}
.index-news-list li .txt{line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index-news-list li .more{display: inline-block;vertical-align: top;margin-top: 1.5em;line-height: 30px;font-weight: bold;color: #0068C7;transition: .3s;}
.index-news-list li .more .arrow{display: inline-block;vertical-align: middle;width: 26px;height: 12px;margin: -.25em 0 0 1em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyNiAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIuNjY3IDUuODY3SDBWNy4yaDIyLjkzM0wxOC40IDExLjczM2wuOTMzLjkzNCA2LTYtNi02LS45MzMuOTMzeiIgZmlsbD0iIzAwNjhDNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+');background-size: 100% 100%;}
.index-news-list li a:hover .tit{color: #0068C7;transform: translateX(.3em);}


/*笔记本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){
	/*banner*/
	.banner .swiper-slide .tit{right: 6%;bottom: 8%;}
	.banner .swiper-pagination{right: 3%;}
	.banner .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 10px 0;}
	.banner .btn{bottom: 8%;width: 40px;height: 40px;}
	.banner .prev-btn{left: 6%;}
	.banner .next-btn{left: calc(6% + 60px);}

	/******首页******/
	/*标题*/
	.index-title{margin-bottom: 30px;}
	.index-title .name .cn{font-size: 24px;}
	/*更多按钮*/
	.index-more-btn{padding: 0 1.5em;font-size: 14px;line-height: 36px;}
	.index-more-btn .arrow{width: 18px;margin: -.25em 0 0 1em;}
	.index-more-btn .arrow::after{width: 4px;height: 4px;}
	/*布局*/
	.page2 .index-title{left: 3%;}
	.page3 .news-tab-box{margin-top: -60px;}
}

/*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 .pic::after{height: 60px;}
	.banner .swiper-slide .video{height: auto;padding-top: 50%;}

	/*悬浮栏*/
	.float-nav-wrap{display: none;}

	/******首页******/
	.index-page-swiper{height: auto;}
	.index-page-swiper > .swiper-wrapper{display: block;}
	.index-page-swiper > .swiper-wrapper > .swiper-slide{height: auto;}
	/*标题*/
	.index-title{margin-bottom: 25px;}
	.index-title .name .cn{font-size: 20px;}
	/*更多按钮*/
	.index-more-btn{padding: 0 1em;font-size: 13px;line-height: 30px;}
	/*布局*/
	.page1 .w1600{display: block;padding: 40px 0;}
	.page2 .w1600{display: block;padding: 40px 0;}
	.page2 .w1600 .index-title{position: static;}
	.page3 .w1600{display: block;padding: 40px 0;}
	.page3 .w1600 .index-title{position: static;}
	.page4 .w1600{display: block;padding: 40px 0;}
	.page4 .w1600 .index-title{position: static;}

	/*关于我们*/
	.about-box{width: 100%;}
	.about-box .index-more-btn{margin-top: 30px;}
	/*数据展示*/
	.data-show-wrap{justify-content: space-between;flex-wrap: wrap;margin-top: 10px;}
	.data-show-wrap .item{width: 50%;margin: 10px 0;}
	.data-show-wrap .item .num{height: 30px;}
	.data-show-wrap .item .num span{font-size: 30px;}
	.data-show-wrap .item .num sup{font-size: 14px;}
	.data-show-wrap .item .txt{margin-top: .6em;}

	/*服务项目，选项卡*/
	.service-tab-box > .con-l{width: 360px;height: 360px;margin: 0 auto;}
	.service-tab-box > .con-r{width: 100%;margin-top: 30px;}
	.service-tab-box .tabs{grid-template-columns: repeat(2,100px);grid-template-rows: repeat(2,100px);width: 360px;height: 360px;}
	.service-tab-box .tabs .item{width: 100px;height: 100px;}
	.service-tab-box .tabs .item .icon{width: 30px;height: 30px;}
	.service-tab-box .tabs .item .name{font-size: 13px;}
	/*服务介绍*/
	.service-intro .tit{margin-bottom: 20px;}
	.service-intro .tit .cn{margin-bottom: .2em;}
	.service-intro .list{padding: 10px 20px;margin-top: 20px;}
	.service-intro .list li{width: 48%;margin: 8px 0 8px 4%;}
	.service-intro .list li:nth-child(3n+1){margin-left: 4%;}
	.service-intro .list li:nth-child(2n+1){margin-left: 0;}
	.service-intro .list li a{padding-left: 1.5em;}
	/*服务图片轮播*/
	.service-pic-swiper{width: 90%;height: 90%;}

	/*服务平台*/
	.service-platform-box{width: 100%;height: auto;background: none;display: flex;justify-content: center;flex-wrap: wrap;}
	.service-platform-box .item{position: static;margin: 15px;}
	.service-platform-box .item .icon{width: 80px;height: 80px;}

	/*新闻资讯，选项卡*/
	.news-tab-box{margin-top: 0;}
	.news-tab-box .tabs{justify-content: center;}
	.news-tab-box .tabs .item{padding: 0 1.5em;margin: 0 10px;line-height: 36px;}
	.news-tab-box .tab-content{margin-top: 30px;}
	/*主要新闻*/
	.main-news-wrap{display: block;}
	.main-news-wrap .info{padding: 15px 20px;}
	.main-news-wrap .info .date{margin: .5em 0;}
	.main-news-wrap .info .txt{display: none;}
	.main-news-wrap .info .more{margin-top: .5em;}
	/*首页新闻列表*/
	.index-news-list{display: block;}
	.index-news-list li{width: 100%;margin-top: 15px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
	.index-news-list li a{padding: 10px 15px;}
	.index-news-list li .tit{font-weight: normal;}
	.index-news-list li .date{margin: .5em 0 0 0;}
	.index-news-list li .txt{display: none;}
	.index-news-list li .more{display: none;}
}

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