header.PCheader{border-bottom: none;}
/*banner*/
#banner{height: 100vh;overflow: hidden;position: relative;width: 100%;}
#banner .swiper-wrapper,#banner .swiper-slide>div,#banner .swiper-slide .bannerimg,#banner .swiper-slide .bannerimg img{height: 100%;}
#banner .swiper-slide>div{position: relative;}
#banner .swiper-slide .bannerimg{overflow: hidden;}
#banner .swiper-slide .bannerimg img{transform: scale(1.1);transition: cubic-bezier(0.77, 0, 0.175, 1) transform 2s;}
#banner .swiper-slide-active .bannerimg img{transform: scale(1);}
#banner .swiper-slide .content{height: 100%;width: 100%;position: absolute;top: 0;align-content: center;}
#banner .swiper-slide .content .container {width: 100%;}
#banner .swiper-slide .fadeTextSpan{visibility: hidden!important;animation-name: none!important;}
#banner .swiper-slide.swiper-slide-active .fadeTextSpan{visibility: visible!important;animation-name: fadeTextSpan!important;}
#banner .swiper-slide .content .title p{font-size: 100px;color: #000;padding-top: 150px;}
#banner .swiper-slide .content .ftitle p{font-size: 64px;color: #C78F6C;}
#banner .swiper-slide .content .ftitle span.kong{margin-right: 60px;}
#banner .pub_btn{padding-top: 90px;}
#banner .t3{-webkit-text-stroke: 1px rgba(199, 143, 108, 0.6);color: transparent;font-weight: bold;font-size: 80px;padding-top: 100px;}
#banner .swiper-pagination{position: absolute !important;bottom: 50px !important;width: 100%;}
/* 针对#banner内的普通小圆点 */
#banner .swiper-pagination-bullet {
  width: 16px;  /* 宽度（数值越大圆点越大） */
  height: 16px; /* 高度（与宽度一致保持圆形） */
  margin: 0 8px; /* 可选：增加圆点之间的间距 */
}
/* 针对#banner内的激活状态小圆点（当前选中） */
#banner .swiper-pagination-bullet-active {
  background:#C78F6C
}


#box-1{background: url(../ggpoi/2001.jpg) no-repeat center center;background-size: cover;position: relative;padding: 150px 0 130px 0;}
#box-1 .box1{width: 55.5%;z-index: 2;position: relative;}
#box-1 .box1 .pub_title p:nth-child(1){color: #000;}
#box-1 .box1 .pub_title p:nth-child(2){color: #C78F6C;}
#box-1 .box1 .desc{padding: 50px 0 90px 0;}
#box-1 .box1 .desc p{font-size: 18px;color: #666;}
#box-1 .number{padding-top: 105px;}
#box-1 .number ul{align-items: flex-start;}
#box-1 .number li{width: 32%;}
#box-1 .number li .num_title{font-size: 68px;line-height: 1.2;word-wrap: break-word;}
#box-1 .number li .num_title .sup{font-size: 24px;vertical-align: super;margin-left: 5px;}
#box-1 .number li .num_desc{font-size: 16px;color: #999;}
#box-1 .box2{position: absolute;width: 45%;bottom: 0;right: -4.5%;}


#box-2{padding: 0;position: relative;background: #F7F7F7;}
#box-2 .box1{position: relative;overflow: hidden;}
#box-2 .box1 li{position: relative;}
#box-2 .box1 li.swiper-slide-active{z-index: 3!important;}
#box-2 .box1 li .img{transform-origin: 50% 0%;overflow: hidden;position: relative;}
#box-2 .box1 li.swiper-slide-active .img{animation: clip 1.6s forwards cubic-bezier(0.3, 0, 0.24, 1);}
#box-2 .box1 li .img::after {content: '';width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), 35%, transparent);position: absolute;top: 0;pointer-events: none;}
@keyframes clip{
	0%{clip-path: ellipse(50% 50% at 50% 150%);}
	100%{clip-path: ellipse(100% 180% at 50% 150%);}
}
.fadeClip{-webkit-animation-name:clip;animation-name:clip;transform-origin: 50% 0%;overflow: hidden;height: 100%;animation-duration: 1.6s;animation-timing-function:cubic-bezier(0.3, 0, 0.24, 1);}

#box-2 .box1 li .img img{transform: scale(1.1);transition: all 3s ease;height: 100vh;min-height: 800px;}
#box-2 .box1 li.swiper-slide-active .img img{transform: scale(1);}

#box-2 .box2{position: absolute;width: 100%;top: 0;z-index: 2;padding-top: 130px;}
#box-2 .pub_title *,#box-2 .pub_ftitle *{color: #fff;text-align: center;}

#box-2 .box3{position: absolute;width: 100%;bottom: 0;z-index: 2;padding-bottom: 95px;}
#box-2 .box3 .block_001{align-items: flex-end;}
#box-2 .box3 .blcok{width: 68%;position: relative;/* overflow: hidden; */}
#box-2 .box3 .blcok li>div{opacity: 0;transform: translateY(50px);}
#box-2 .box3 .blcok li.swiper-slide-active>div{opacity: 1;transform: translateY(0px);z-index: 2;transition: 0.8s;}
#box-2 .box3 .blcok li .img{width: 85px;}

@media (max-width: 1200px) {
#box-2 .box3 .blcok li .img {width: 67px;}
#box-2 .box3 .blcok li .title{font-size: 48px;}
#box-2 .box3 .blcok li .desc p{font-size: 24px;}
}

@media (max-width: 992px) {
#box-2 .box1 li .img img{height: 88vh;}
#box-2 .box3{padding-bottom: 80px;}
#box-2 .box2{padding-top: 100px;}
#box-2 .box3 .blcok li .img {width: 55px;}
#box-2 .box3 .blcok li .title{font-size: 38px;padding: 20px 0 5px 0;}
#box-2 .box3 .blcok li .desc p{font-size: 20px;}
#box-2 .box3 .swiper-pagination{font-size: 26px;margin: 0 22px;}
#box-2 .box3 .swiper-pagination .swiper-pagination-current{font-size: 52px;}
}

@media (max-width: 768px) {
#box-2 .box3 {padding-bottom: 70px;}
#box-2 .box3 .blcok{width: 100%;}
#box-2 .box3 .controls{margin-top: 55px;}
}

@media (max-width: 576px) {
#box-2 .box1 li .img img{min-height: 600px;height: 96vh;}
#box-2 .box2{padding-top: 60px;}
#box-2 .box3{padding-bottom: 40px;}
#box-2 .box3 .blcok li .img {width: 45px;}
#box-2 .box3 .blcok li .title{font-size: 28px;padding: 20px 0 5px 0;}
#box-2 .box3 .blcok li .desc p{font-size: 15px;}
#box-2 .box3 .controls {margin-top: 35px;}
#box-2 .box3 .swiper-pagination{font-size: 20px;margin: 0 18px;}
#box-2 .box3 .swiper-pagination .swiper-pagination-current{font-size: 45px;}
}
#box-2 .box3 .blcok li.swiper-slide-active>div{opacity: 1;transform: translateY(0px);z-index: 2;transition: 0.8s;}
#box-2 .box3 .blcok li .img{width: 85px;}
#box-2 .box3 .blcok li .title{font-size: 60px;color: #fff;padding: 30px 0 5px 0;}
 #box-2 .box3 .blcok li .desc p{font-size: 24px;color: #fff;line-height: 1.4;}
 #box-2 .box3 .controls{z-index: 2;}
#box-2 .box3 .swiper-button-prev,#box-2 .box3 .swiper-button-next{position: relative!important;left: 0;right: 0;top: 0;margin: 0;width: 50px;height: 50px;}
#box-2 .box3 .swiper-button-prev{background: url(../ggpoi/left_jt.png) no-repeat center center;background-size: contain;}
#box-2 .box3 .swiper-button-prev:hover{background: url(../ggpoi/left_jt1.png) no-repeat center center;background-size: contain;}
#box-2 .box3 .swiper-button-next{background: url(../ggpoi/right_jt.png) no-repeat center center;background-size: contain;}
#box-2 .box3 .swiper-button-next:hover{background: url(../ggpoi/right_jt1.png) no-repeat center center;background-size: contain;}
#box-2 .box3 .swiper-pagination{width: auto!important;margin: 0 27px;font-size: 30px;color: #fff;bottom: 0;padding-top: 0;}
#box-2 .box3 .swiper-pagination span{border: none;margin: 0;background: none;}
#box-2 .box3 .swiper-pagination .swiper-pagination-current{color: #C78F6C;font-size: 60px;}
#box-2 .box3 .swiper-pagination span{border: none;margin: 0;background: none;}
#box-2 .box3 .swiper-pagination .swiper-pagination-current{color: #C78F6C;font-size: 60px;}


#box-3{background: url(../ggpoi/4001.jpg) no-repeat center center;background-size: cover;padding-bottom: 0;}
#box-3 .pub_ftitle *{color: #666;}
#box-3 .box2{position: relative;overflow: hidden;margin: 0 -2%;padding-bottom: 105px;padding-top: 20px;}
#box-3 .box2 li{padding: 0 3%;}
#box-3 .box2 li .title{font-size: 24px;color: #000;text-align: center;padding-top: 20px;opacity: 0.3;}
#box-3 .swiper-button-prev,#box-3 .swiper-button-next{position: relative;left: 0;right: 0;margin: 0 18px;}

#box-3 .box2 li>div{margin-top: 90px;transition: all 0.5s,opacity 0.2s;transform: rotate(0deg) scale(0);opacity: 0;}
#box-3 .box2 li.swiper-slide-prev+li>div{transform: rotate(-25deg) scale(1);opacity: 1;}
#box-3 .box2 li.swiper-slide-active+li>div{margin-top: -20px;transform: rotate(0deg) scale(1);opacity: 1;}
#box-3 .box2 li.swiper-slide-next+li>div{transform: rotate(25deg) scale(1);opacity: 1;}
#box-3 .box2 li.swiper-slide-active+li .title{opacity: 1;}
#box-3 .box2 .controls{position: absolute;width: 100%;bottom: 50px;height: auto;z-index: 2;}


#box-4{padding: 0;margin-top: -2px;}
#box-4 .box1{margin: 0px 5px;height: 85vh;overflow: hidden;position: relative;}
#box-4 .box1::after{content: '';width: 100%;height: 7%;position: absolute;top: -10px;left: 0;background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,0) 100%);pointer-events: none;z-index: 2;}
#box-4 .box1 .tempWrap{height: 100%!important;}
#box-4 .box1 .list{width: 33.3%;position: relative;}
#box-4 .box1 .list:nth-child(2n-1){margin-top: -27vh;}
#box-4 .box1 .list li>div{padding: 10px;}
#box-4 .box1 .list li .img{border-radius: 10px;overflow: hidden;height: 410px!important;}
#box-4 .box1 .list li .img img{height: 100%;}


#box-5{background: #F7F7F7;border-radius: 20px;}
#new_list{margin-top: 135px;}
#new_list li{position: relative;padding: 3px 0;}
#new_list li:nth-child(1){border-top: 1px solid rgba(0, 0, 0, 0.1);}
#new_list li::before,#new_list li::after{content: '';width: 100%;height: 1px;background: rgba(0, 0, 0, 0.1);position: absolute;bottom: 0;left: 0;}
#new_list li::before{width:0%;transition: 0.8s;background: #C78F6C;height: 2px;}
#new_list li:hover::before{width: 100%;}
#new_list li a{background: transparent;padding-left: 0;padding-right: 0;overflow: visible;box-shadow: none!important;}

#box-5 .container>.pub_btn{margin-top: 92px;}
#box-5 .container>.pub_btn a{transform-origin: center;}



@media (min-width:1199px) and (max-width:1500px){
	#banner .swiper-slide .content .title p {font-size: 82px;}
	#banner .swiper-slide .content .ftitle p{font-size: 52px;}
	#banner .t3{font-size: 62px;padding-top: 80px;}
	
	#box-1 .number {padding-top: 90px;}
	#box-1 .number li .num_title{font-size: 54px;}
	#box-1 .box2 {width: 56%;right: -13%;}
	
	#box-2 .box3 .blcok li .img {width: 67px;}
	#box-2 .box3 .blcok li .title{font-size: 48px;}
	#box-2 .box3 .blcok li .desc p{font-size: 24px;}
	
	#box-4 .box1{height: 78vh;}
	#box-4 .box1 .list li .img{height: 300px!important;}
}

@media (min-width:767px) and (max-width:1199px){
	#banner{max-height: 768px;}
	#banner .swiper-slide .content .title p {font-size: 68px;padding-top: 90px;}
	#banner .swiper-slide .content .ftitle p{font-size: 38px;}
	#banner .swiper-slide .content .ftitle span.kong {margin-right: 30px;}
	#banner .t3{font-size: 52px;padding-top: 80px;}
	
	#box-1{padding: 100px 0 80px 0;}
	#box-1 .box1 .pub_title p{font-size: 36px;}
	#box-1 .box1 .desc {padding: 40px 0 60px 0;}
	#box-1 .box1 .desc p{font-size: 15px;}
	#box-1 .number {padding-top: 60px;}
	#box-1 .number li .num_title{font-size: 40px;}
	#box-1 .number li .num_desc{font-size: 15px;}
	#box-1 .box2 {width: 56%;right: -13%;}
	
	#box-2 .box1 li .img img{height: 88vh;}
	#box-2 .box3{padding-bottom: 80px;}
	#box-2 .box2{padding-top: 100px;}
	#box-2 .box3 .blcok li .img {width: 55px;}
	#box-2 .box3 .blcok li .title{font-size: 38px;padding: 20px 0 5px 0;}
	#box-2 .box3 .blcok li .desc p{font-size: 20px;}
	#box-2 .box3 .swiper-pagination{font-size: 26px;margin: 0 22px;}
	#box-2 .box3 .swiper-pagination .swiper-pagination-current{font-size: 52px;}
	
	#box-3 .box2 li.swiper-slide-active+li>div{margin-top: -5px;}
	#box-3 .box2 li .title{font-size: 19px;padding-top: 10px;}
	
	#box-4 .box1{height: 520px;margin: 0px 5px;}
	#box-4 .box1 .list li>div{padding: 8px;}
	#box-4 .box1 .list li .img{height: 230px!important;}
	
	#new_list{margin-top: 100px;}
	#box-5 .container>.pub_btn{margin-top: 75px;}
	
}
@media (max-width:850px){
	#box-1{padding-bottom: 0;}
	#box-1 .box1 {width: 100%;}
/*	#box-1 .box1 .PCBlock {display: none!important;}*/
	#box-1 .box1 .SJBlock {display: block!important;}
	#box-1 .number {padding: 0 0 60px 0;}
	#box-1 .box2 {position: relative;width: 83%;margin-left: auto;right: -35px;margin-top: -8%;}
	
	#box-2 .box3 {padding-bottom: 70px;}
	#box-2 .box3 .blcok{width: 100%;}
	#box-2 .box3 .controls{margin-top: 55px;}
	@keyframes clip{
		0%{clip-path: ellipse(90% 50% at 50% 150%);}
		100%{clip-path: ellipse(120% 180% at 50% 150%);}
	}
	
	#box-3 .box2{margin: 0 -5%;}
	#box-3 .box2 li {padding: 0 2%;}
	#box-3 .box2 li.swiper-slide-active+li>div{margin-top: 0px;}
	#box-3 .box2 .controls{padding-top: 50px;}
	
	
	
}
@media (max-width:767px){
	#banner .swiper-slide .content{height: auto;padding-top: 50px;}
	#banner .swiper-slide .content .title p {font-size: 38px;padding-top: 80px;}
	#banner .swiper-slide .content .ftitle p{font-size: 26px;}
	#banner .swiper-slide .content .ftitle span.kong{margin-right: 20px;}
	/*#banner .t3{display: none;}*/
	#banner .pub_btn {padding-top: 45px;}
	
	#box-1{padding: 60px 0 0px 0;background: url(../img/index_box1_sjbj.jpg) no-repeat center center;background-size: cover;}
	#box-1 .box1 .pub_title p{font-size: 24px;}
	#box-1 .box1 .desc {padding: 30px 0 25px 0;}
	#box-1 .box1 .desc p{font-size: 15px;}
	#box-1 .number {padding: 0 0 30px 0;}
	#box-1 .number li {width: 47%;padding: 20px 0;}
	#box-1 .number li:nth-child(3){width: 100%;}
	#box-1 .number li .num_title{font-size: 36px;}
	#box-1 .number li .num_title .sup{font-size: 15px;margin-left: 3px;}
	#box-1 .number li .num_desc{font-size: 15px;}
	#box-1 .box2 {position: relative;width: 100%;margin-left: auto;right: -20px;margin-top: -18%;}
	
	#box-2 .box1 li .img img{min-height: 600px;height: 96vh;}
	#box-2 .box2{padding-top: 60px;}
	#box-2 .box3{padding-bottom: 40px;}
	#box-2 .box3 .blcok li .img {width: 45px;}
	#box-2 .box3 .blcok li .title{font-size: 28px;padding: 20px 0 5px 0;}
	#box-2 .box3 .blcok li .desc p{font-size: 15px;}
	#box-2 .box3 .controls {margin-top: 35px;}
	#box-2 .box3 .swiper-pagination{font-size: 20px;margin: 0 18px;}
	#box-2 .box3 .swiper-pagination .swiper-pagination-current{font-size: 45px;}
	@keyframes clip{
		0%{clip-path: ellipse(100% 50% at 50% 150%);}
		100%{clip-path: ellipse(180% 180% at 50% 150%);}
	}
	
	#box-3 .box1>div{width: 100%;text-align: center;}
	#box-3 .box1 .pub_btn{padding-top: 35px;}
	/* #box-3 .box2 {padding: 45px 0 50px 0;} */
	#box-3 .box2 {padding: 40px 0 90px 0;margin: 0 -15%;}
	#box-3 .box2 li>div {margin-top: 55px;}
	#box-3 .box2 li {padding: 0 1.7%;}
	#box-3 .box2 li .title{font-size: 12px;padding-top: 10px;}
	#box-3 .box2 .controls {padding-top: 40px;bottom: 50px;}
	#box-3 .swiper-button-prev, #box-3 .swiper-button-next{margin: 0 12px;}
	
	#box-4 .box1{height: 450px;margin: 0px 3px;}
	#box-4 .box1 .list{width: 50%;}
	#box-4 .box1 .list li>div{padding: 5px;}
	#box-4 .box1 .list li .img{border-radius: 5px;height: 120px!important;}
	
	#new_list{margin-top: 60px;}
	#new_list li{padding-left: 5vw;padding-right: 5vw;}
	#box-5 .container>.pub_btn{margin-top: 50px;}
}