@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 .pic::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 24vh;background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.5));}
.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 .tit{position: absolute;right: 13.5%;bottom: 10%;font-weight: bold;color: #fff;filter: drop-shadow(1px 1px 2px rgba(0,0,0,.5));}
.banner .swiper-pagination{z-index: 1;left: auto;right: 6%;bottom: 50%;width: auto;font-size: 0;transform: translateY(50%);}
.banner .swiper-pagination .swiper-pagination-bullet{display: block;width: 12px;height: 12px;box-sizing: border-box;margin: 20px 0;background-color: transparent;border: 1px solid #fff;border-radius: 50%;opacity: 1;filter: drop-shadow(1px 1px 2px rgba(0,0,0,.5));}
.banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #C79454;border-color: #C79454;}
.banner .btn{z-index: 1;position: absolute;bottom: 8%;width: 50px;height: 50px;box-sizing: border-box;border: 1px solid #fff;background-color: rgba(255,255,255,0);border-radius: 50%;cursor: pointer;backdrop-filter: blur(10px);filter: drop-shadow(1px 1px 2px rgba(0,0,0,.5));transition: .3s;}
.banner .btn::after{content: '';position: absolute;left: 50%;top: 50%;width: 16%;height: 16%;border-top: 2px solid #fff;}
.banner .prev-btn{left: 13.5%;}
.banner .prev-btn::after{border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.banner .next-btn{left: calc(13.5% + 70px);}
.banner .next-btn::after{border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.banner .btn:hover{background-color: #C79454;border-color: #C79454;}

/*鼠标元素*/
.mouse{position: relative;width: 50px;height: 50px;background-color: rgba(255,255,255,.15);border-radius: 50%;}
.mouse::before{content: '';position: absolute;left: -8px;right: -8px;top: -8px;bottom: -8px;border: 1px dashed #fff;border-radius: 50%;animation: mouseAni 10s linear infinite;}
.mouse .icon{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 40%;height: 40%;margin: auto;}
@keyframes mouseAni{
	100%{transform: rotate(360deg);}
}

/******首页******/
.index-page-swiper{height: 100vh;overflow: hidden;}
/*标题*/
.index-title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 50px;}
.index-title .name{z-index: 1;position: relative;display: inline-block;vertical-align: top;line-height: 1;font-weight: bold;}
.index-title .name .cn{position: relative;font-size: 44px;color: #000;}
.index-title .name .cn::before{content: '';position: absolute;right: -26px;top: 50%;transform: translateY(-50%);width: 16px;height: 16px;background-image: linear-gradient(90deg,#C79454,#FFE3BF);border-radius: 50%;}
.index-title .name .cn::after{content: '';position: absolute;right: -30px;top: 50%;transform: translateY(-50%);width: 10px;height: 10px;background-image: linear-gradient(90deg,#C79454,#FFE3BF);border-radius: 50%;}
.index-title .name .en{z-index: -1;position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-family: Arial;font-size: 84px;font-style: italic;text-transform: uppercase;white-space: nowrap;opacity: .05;}
/*更多按钮*/
.index-more-btn{z-index: 1;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: #666;transition: .3s;}
.index-more-btn .arrow{position: relative;display: inline-block;vertical-align: middle;width: 6px;height: 6px;margin: -.25em 0 0 .8em;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: rotate(45deg);}
/*布局*/
.page0 .mouse{z-index: 2;position: absolute;left: 50%;bottom: 3%;transform: translateX(-50%);}
.page1{position: relative;background: #FBFAF8 url(../images/index_page_bg1.jpg) center no-repeat;background-size: cover;}
.page1 > .w1400{box-sizing: border-box;padding: 18vh 0 0;}
.page2{position: relative;background-color: #fff;}
.page2 .index-title{position: absolute;left: 12%;top: 18vh;}
.page2 .service-area-tab-box{position: absolute;left: 0;right: 0;bottom: 0;}
.page3{background: #F8F9F9 url(../images/index_page_bg2.jpg) center no-repeat;background-size: cover;}
.page3 > .w1400{box-sizing: border-box;padding: 16vh 0 0;}
.page3 .index-title{padding: 0 20px;}
.page3 .news-tab-box{margin-top: -80px;}
.page4{height: auto;}

/*关于我们区*/
.about-box{width: 47%;}
.about-box .brief{line-height: 2;text-align: justify;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
/*数据展示区*/
.data-show-wrap{display: flex;flex-wrap: wrap;margin: 40px 0 20px;}
.data-show-wrap .item{width: 40%;margin-bottom: 50px;}
.data-show-wrap .item .num{height: 48px;}
.data-show-wrap .item .num span{display: inline-block;vertical-align: top;font-family: 'DINPro-Regular';font-size: 48px;line-height: 1;font-weight: bold;color: #C79454;}
.data-show-wrap .item .num sup{display: inline-block;font-size: 20px;font-weight: bold;color: #C79454;transform: translateY(-.5em);}
.data-show-wrap .item .num em{display: inline-block;vertical-align: bottom;}
.data-show-wrap .item .txt{margin-top: 1em;line-height: 1;}
/*视频区*/
.video-box{position: absolute;right: 0;top: 20px;bottom: 0;width: 52%;cursor: pointer;}
.video-box .circle-bg{position: absolute;left: 0;top: 0;width: 173vh;height: 173vh;background-color: #ddd;border-radius: 50%;overflow: hidden;box-shadow: -40px 16px 0 rgba(199,148,84,.2),-80px 30px 0 rgba(199,148,84,.2);}
.video-box .circle-bg em{position: absolute;left: -160px;top: 30px;width: 155vh;height: 100vh;background-position: center;background-size: cover;background-repeat: no-repeat;}
.video-box .play-btn{z-index: 1;position: absolute;left: 50%;top: 50%;width: 60px;height: 60px;border: 1px solid rgba(255,255,255,.8);border-radius: 50%;cursor: pointer;}
.video-box .play-btn:before{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid rgba(255,255,255,.8);border-radius: 50%;animation: scaleBtn 2s linear infinite;}
.video-box .play-btn:after{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid rgba(255,255,255,.8);border-radius: 50%;animation: scaleBtn 2s 1s linear infinite;}
.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;}
}

/*服务领域，选项卡*/
.service-area-tab-box{}
.service-area-tab-box .tabs{display: flex;justify-content: flex-end;margin-right: 12%;}
.service-area-tab-box .tabs .item{position: relative;width: 190px;text-align: center;cursor: pointer;}
.service-area-tab-box .tabs .item::before{content: '';position: absolute;left: calc(50% + 15px);top: 50px;width: 160px;height: 1px;background-color: rgba(0,0,0,.1);}
.service-area-tab-box .tabs .item::after{content: '';position: absolute;left: 50%;top: 45px;width: 10px;height: 10px;background-color: #999;border-radius: 50%;transform: translateX(-50%);}
.service-area-tab-box .tabs .item:last-child::before{display: none;}
.service-area-tab-box .tabs .item .icon{width: 30px;height: 30px;filter: brightness(0);}
.service-area-tab-box .tabs .item .name{margin-top: 40px;line-height: 1;}
.service-area-tab-box .tabs .item.on::after{background-color: #C79454;box-shadow: 0 0 0 3px rgba(199,148,84,.2);}
.service-area-tab-box .tabs .item.on .icon{filter: none;}
.service-area-tab-box .tabs .item.on .name{font-weight: bold;color: #C79454;}
.service-area-tab-box .tab-content{margin-top: 40px;overflow: hidden;}
.service-area-tab-box .tab-content .service-info{z-index: 2;position: absolute;left: 46%;bottom: 50%;width: 34%;box-sizing: border-box;padding: 45px 50px 60px;background-color: #fff;border-radius: 6px;box-shadow: 0 2px 20px rgba(0,0,0,.15);transform: translateY(50%);}
.service-area-tab-box .tab-content .service-info .tit{display: flex;align-items: center;padding-bottom: 1em;margin-bottom: 1em;border-bottom: 1px solid #E9E9E9;}
.service-area-tab-box .tab-content .service-info .tit .icon{width: 30px;height: 30px;margin-right: .8em;filter: brightness(0);}
.service-area-tab-box .tab-content .service-info .txt{line-height: 2;text-align: justify;padding-right: .5em;max-height: 8em;overflow-y: auto;}
.service-area-tab-box .tab-content .service-info .index-more-btn{margin-top: 60px;}
/*工程图片轮播*/
.project-pic-swiper{position: relative;overflow: hidden;}
.project-pic-swiper .swiper-slide .pic{position: relative;overflow: hidden;background-color: #f1f1f1;}
.project-pic-swiper .swiper-slide .pic::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 30%;background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.5));}
.project-pic-swiper .swiper-slide .pic em{display: block;padding-top: 50%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.project-pic-swiper .swiper-slide .info{position: absolute;left: 18%;bottom: 10%;width: 42%;color: #fff;transform: translateY(20px);opacity: 0;transition: .3s 1s;}
.project-pic-swiper .swiper-slide .info .tit{margin-bottom: .8em;}
.project-pic-swiper .swiper-slide .info .txt{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.project-pic-swiper .btn{z-index: 1;position: absolute;top: 50%;width: 50px;height: 50px;margin-top: -25px;box-sizing: border-box;border: 1px solid #fff;background-color: rgba(255,255,255,0);border-radius: 50%;cursor: pointer;backdrop-filter: blur(10px);filter: drop-shadow(1px 1px 2px rgba(0,0,0,.5));transition: .3s;}
.project-pic-swiper .swiper-slide-active .info{transform: translateY(0);opacity: 1;}
.project-pic-swiper .btn::after{content: '';position: absolute;left: 50%;top: 50%;width: 16%;height: 16%;border-top: 2px solid #fff;}
.project-pic-swiper .prev-btn{left: 0;transform: translateX(-100%);}
.project-pic-swiper .prev-btn::after{border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.project-pic-swiper .next-btn{right: 0;transform: translateX(100%);}
.project-pic-swiper .next-btn::after{border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.project-pic-swiper .btn:hover{background-color: #C79454;border-color: #C79454;}
.project-pic-swiper:hover .prev-btn{left: 30px;transform: translateX(0);}
.project-pic-swiper:hover .next-btn{right: 30px;transform: translateX(0);}

/*新闻，选项卡*/
.news-tab-box{}
.news-tab-box .tabs{display: flex;justify-content: center;}
.news-tab-box .tabs .item{position: relative;margin: 0 30px;line-height: 1;cursor: pointer;}
.news-tab-box .tabs .item::after{content: '';position: absolute;left: 50%;bottom: -1em;width: 12px;height: 12px;background-image: linear-gradient(180deg,#FFE3BF,#C79454);border-radius: 50%;transform: translateX(-50%);opacity: 0;-webkit-mask: radial-gradient(circle,rgba(0,0,0,0) 3px, #000 3px);}
.news-tab-box .tabs .item.on{font-weight: bold;color: #C79454;}
.news-tab-box .tabs .item.on::after{opacity: 1;}
.news-tab-box .tab-content{padding: 20px;margin-top: 30px;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 .con-l{width: 54%;}
.news-tab-box .tab-content .swiper-slide .con-r{width: 44%;}
/*主要新闻区*/
.main-news-wrap{display: block;background-color: #fff;border-radius: 6px;box-shadow: 0 2px 16px rgba(0,0,0,.1);overflow: hidden;}
.main-news-wrap .pic{overflow: hidden;}
.main-news-wrap .pic em{display: block;padding-top: 54.2%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.main-news-wrap .info{padding: 35px;}
.main-news-wrap .info .tit{margin-bottom: 1em;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s;}
.main-news-wrap .info .txt{min-height: 64px;line-height: 2;text-align: justify;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.main-news-wrap .info .record{display: flex;justify-content: space-between;align-items: center;margin-top: 30px;}
.main-news-wrap .info .record .date{color: #666;}
.main-news-wrap .info .record .more{line-height: 1;color: #C79454;transition: .3s;}
.main-news-wrap .info .record .more .arrow{position: relative;display: inline-block;vertical-align: middle;width: 6px;height: 6px;margin: -.25em 0 0 .8em;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: rotate(45deg);}
.main-news-wrap:hover .pic em{transform: scale(1.05);}
.main-news-wrap:hover .info .tit{transform: translateX(.3em);color: #C79454;}
/*新闻信息列表*/
.news-info-list{}
.news-info-list li+li{margin-top: 18px;}
.news-info-list li a{display: flex;align-items: center;padding: 20px;background-color: #fff;border-radius: 6px;box-shadow: 0 2px 16px rgba(0,0,0,.1);}
.news-info-list li a .pic{flex: 0 0 200px;margin-right: 20px;border-radius: 6px;overflow: hidden;}
.news-info-list li a .pic em{display: block;padding-top: 78%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.news-info-list li a .info{flex: 100%;overflow: hidden;}
.news-info-list li a .info .tit{line-height: 2;text-align: justify;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: .3s;}
.news-info-list li a .info .record{display: flex;justify-content: space-between;align-items: center;margin-top: 50px;}
.news-info-list li a .info .record .date{color: #666;}
.news-info-list li a .info .record .more{line-height: 1;color: #C79454;transition: .3s;}
.news-info-list li a .info .record .more .arrow{position: relative;display: inline-block;vertical-align: middle;width: 6px;height: 6px;margin: -.25em 0 0 .8em;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: rotate(45deg);}
.news-info-list li a:hover .pic em{transform: scale(1.05);}
.news-info-list li a:hover .info .tit{transform: translateX(.3em);color: #C79454;}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	/*标题*/
	.index-title{margin-bottom: 40px;}
	.index-title .name .cn{font-size: 32px;}
	.index-title .name .en{font-size: 64px;}
}

/*中屏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);}

	/*鼠标元素*/
	.mouse{width: 30px;height: 30px;}
	.mouse::before{left: -6px;right: -6px;top: -6px;bottom: -6px;}

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

	/*数据展示区*/
	.data-show-wrap{margin: 30px 0 15px;}
	.data-show-wrap .item{margin-bottom: 30px;}
	.data-show-wrap .item .num{height: 30px;}
	.data-show-wrap .item .num span{font-size: 30px;}
	.data-show-wrap .item .num sup{font-size: 16px;}
	.data-show-wrap .item .txt{margin-top: .6em;}

	/*服务领域，选项卡*/
	.service-area-tab-box .tabs{margin-right: 3%;}
	.service-area-tab-box .tabs .item{width: 150px;}
	.service-area-tab-box .tabs .item::before{width: 120px;}
	.service-area-tab-box .tab-content .service-info{padding: 30px;transform: translateY(50%);}
	.service-area-tab-box .tab-content .service-info .tit{padding-bottom: .8em;margin-bottom: .8em;font-size: 18px;}
	.service-area-tab-box .tab-content .service-info .tit .icon{width: 24px;height: 24px;}
	.service-area-tab-box .tab-content .service-info .index-more-btn{margin-top: 40px;}
	/*工程图片轮播*/
	.project-pic-swiper .swiper-slide .info{left: 10%;}
	.project-pic-swiper .swiper-slide .info .tit{margin-bottom: .6em;font-size: 18px;}

	/*新闻，选项卡*/
	.news-tab-box .tabs .item{margin: 0 20px;}
	.news-tab-box .tab-content{margin-top: 20px;}
	.news-tab-box .tab-content .swiper-slide .con-l{width: 53%;}
	/*主要新闻区*/
	.main-news-wrap .info{padding: 20px;}
	.main-news-wrap .info .tit{margin-bottom: .5em;}
	.main-news-wrap .info .record{margin-top: 15px;}
	/*新闻信息列表*/
	.news-info-list li+li{margin-top: 15px;}
	.news-info-list li a{padding: 15px;}
	.news-info-list li a .pic{flex: 0 0 160px;margin-right: 15px;}
	.news-info-list li a .info .record{margin-top: 30px;}
}

/*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%;}
	.banner .swiper-slide .tit{left: 3%;right: auto;bottom: 24px;}
	.banner .swiper-pagination{left: 0;right: 0;bottom: 10px;width: 100%;transform: translateY(0);}
	.banner .swiper-pagination .swiper-pagination-bullet{display: inline-block;margin: 0 5px;}
	.banner .btn{display: none;}

	/*鼠标元素*/
	.mouse{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-title .name .en{font-size: 40px;}
	/*更多按钮*/
	.index-more-btn{padding: 0 1.2em;font-size: 13px;line-height: 30px;}
	.index-more-btn .arrow{margin: -.25em 0 0 .4em;}
	/*布局*/
	.page1 > .w1400{padding: 40px 0 30px;}
	.page2{box-sizing: border-box;padding: 40px 3vw;}
	.page2 .index-title{position: static;}
	.page2 .service-area-tab-box{position: static;}
	.page3 > .w1400{padding: 0 0 40px;}
	.page3 .news-tab-box{margin-top: 0;}

	/*关于我们区*/
	.about-box{width: 100%;}
	/*数据展示区*/
	.data-show-wrap{margin: 20px 0;}
	.data-show-wrap .item{flex: 0 0 50%;margin-bottom: 20px;}
	.data-show-wrap .item .num{height: 30px;}
	.data-show-wrap .item .num span{font-size: 30px;}
	.data-show-wrap .item .num sup{font-size: 16px;}
	.data-show-wrap .item .txt{margin-top: .6em;}
	/*视频区*/
	.video-box{position: relative;top: 0;width: 100%;height: 260px;overflow: hidden;}
	.video-box .circle-bg{width: 100%;height: 100%;border-radius: 0;}
	.video-box .circle-bg em{position: static;display: block;width: 100%;height: 100%;}
	.video-box .play-btn{transform: translate(-50%,-50%);}

	/*服务领域，选项卡*/
	.service-area-tab-box .tabs{justify-content: center;margin-right: 0;}
	.service-area-tab-box .tabs .item{width: auto;margin: 0 15px;}
	.service-area-tab-box .tabs .item::before{width: 60px;}
	.service-area-tab-box .tab-content{margin-top: 30px;}
	.service-area-tab-box .tab-content .service-info{position: static;width: 100%;padding: 10px 10px 20px;box-shadow: none;transform: translateY(0);}
	.service-area-tab-box .tab-content .service-info .tit{padding-bottom: .6em;margin-bottom: .6em;font-size: 16px;}
	.service-area-tab-box .tab-content .service-info .tit .icon{width: 20px;height: 20px;}
	.service-area-tab-box .tab-content .service-info .index-more-btn{margin-top: 10px;}
	/*工程图片轮播*/
	.project-pic-swiper .swiper-slide .pic::after{height: 50%;}
	.project-pic-swiper .swiper-slide .info{left: 5%;width: 90%;}
	.project-pic-swiper .swiper-slide .info .tit{font-size: 16px;}

	/*新闻，选项卡*/
	.news-tab-box .tabs .item{margin: 0 10px;}
	.news-tab-box .tab-content{padding: 10px;margin-top: 20px;}
	.news-tab-box .tab-content .swiper-slide .con-l{width: 100%;}
	.news-tab-box .tab-content .swiper-slide .con-r{width: 100%;margin-top: 20px;}
	/*主要新闻区*/
	.main-news-wrap .info{padding: 15px;}
	.main-news-wrap .info .txt{display: none;}
	/*新闻信息列表*/
	.news-info-list li+li{margin-top: 10px;}
	.news-info-list li a{padding: 10px;}
	.news-info-list li a .pic{flex: 0 0 120px;margin-right: 10px;}
	.news-info-list li a .info .tit{line-height: 1.6;}
	.news-info-list li a .info .record{margin-top: 20px;}
}

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