@charset "utf-8";
.banner{ width:100%;  position:relative; overflow:hidden}
.banner .swiper01 { width:100%; overflow:hidden; }
.banner .swiper01 .swiper-slide{ width:100%;   overflow:hidden; position:relative;   background:#fff;}
.banner .swiper01 .swiper-slide a{ display:block; width:100%; }
.banner .swiper01 .swiper-slide>img{ width:100vw}
.banner .swiper01 .swiper-slide .y{ width: 80%;height: 200%;position: absolute;overflow: hidden;left: 0;top: 50%;transform: translateY(-50%);z-index: 2;display: flex;align-items: center;border-radius: 0 50% 50% 0;}
.banner .swiper01 .swiper-slide .y img{ width:100vw}
.banner .swiper01 img.img1{ display:block; width:100%; filter: blur(8px) brightness(90%);  }
.banner .swiper01 img.img2{ display:none; width:100%;}
.banner .swiper01 .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; z-index:2}
.banner .swiper01 .item .title{ font-size:56px; line-height:1; font-weight:bold; position:relative; left:20%; opacity:0; visibility:hidden; transition:all 1s; transition-delay: 0.3s}
.banner .swiper01 .item .intro{ font-size:30px; margin-top:25px ; position:relative; left:20%; opacity:0; visibility:hidden; transition:all 0.5s; transition-delay: 0.5s}
.banner .swiper01 .item .more{ background:url(g_04.png) right center no-repeat; padding:20px 55px 20px 0; font-size:16px; width:fit-content; position:relative; left:20%; opacity:0; visibility:hidden; transition:all 0.5s; transition-delay: 0.7s; border-bottom:1px solid rgba(255,255,255,0.5); margin-top:120px}
.banner .swiper01 .swiper-slide-active .item .title{ left:0; opacity:1; visibility:visible}
.banner .swiper01 .swiper-slide-active .item .intro{ left:0; opacity:1; visibility:visible}
.banner .swiper01 .swiper-slide-active .item .more{ left:0; opacity:1; visibility:visible}
.banner .swiper01 .btn{  width:20%; height:100%; position:absolute; left:auto; right:0; top:0; z-index:9; display:flex; align-items: center; justify-content: center;  }
.banner .swiper01 .btn span{ display:block; font-size:16px; font-weight:bold; color:#fff; opacity:0.5; background:none; border-radius:0; width:auto; height:auto; position:relative; margin:20px 0}
.banner .swiper01 .btn span.swiper-pagination-bullet-active{ opacity:1}
.banner .swiper01 .btn span.swiper-pagination-bullet-active:after{ content:""; display:block; width:50px; height:1px; background:#fff; position:absolute; right:30px; top:50%} 

@media (max-width: 1200px){
	.banner .swiper01 .swiper-slide .y{ display:none}
	.banner .swiper01 img.img2{ display:block;}
	.banner .swiper01 img.img1{ display:none;}
	
	.banner .swiper01 .item .title{ font-size:24px;}
	.banner .swiper01 .item .intro{ font-size:16px; margin-top:15px ;}
	.banner .swiper01 .item .more{ background:url(g_04.png) right center no-repeat; background-size:20px; padding:8px 30px 8px 0; font-size:12px; margin-top:30px}
	.banner .swiper01 .swiper-slide-active .item .title{ left:0; opacity:1; visibility:visible}
	.banner .swiper01 .swiper-slide-active .item .intro{ left:0; opacity:1; visibility:visible}
	.banner .swiper01 .swiper-slide-active .item .more{ left:0; opacity:1; visibility:visible}
	.banner .swiper01 .btn{  width:100%; height:8px; position:absolute; left:auto; right:0; top:auto; bottom:15px; z-index:9;   }
	.banner .swiper01 .btn .pagination01{ display:flex; align-items: center; justify-content: center;}
	.banner .swiper01 .btn span{ font-size:14px; margin:0 5px}
	.banner .swiper01 .btn span.swiper-pagination-bullet-active:after{ display:none} 
	.banner .swiper01 video{ display:none}
	.banner .swiper01 .vvs{ display:none}

}
.gcon_1{ margin-top: 100px }
.gcon_1_bg{ padding: 240px 0 }
.gcon_1 .swipers1{ width:100%; overflow:hidden}
.gcon_1 .item{ position: relative; width: 100%; overflow: hidden; border-radius: 10px }
.gcon_1 .item .pic{ width: 100% }
.gcon_1 .item .pic img{ width: 100% }
.gcon_1 .item .cont{ width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 2; box-sizing: border-box; padding: 100px 65px }
.gcon_1 .item .cont .title{ font-size: 30px; font-weight: bold; color: #fff }
.gcon_1 .item .cont .title i{ font-size: 50px; margin-left: 15px}
.gcon_1 .item .cont .intro{ font-size: 20px; color: #fff; margin-top: 15px }
.gcon_1 .item .cont .more{ display:flex; align-items: center; justify-content: center; width: 110px; height: 40px; background:#fff; border-radius: 10px; font-size: 16px; color: #0b0b0b; margin-top: 50px}
@media (max-width: 1200px){
	.gcon_1{ margin-top: 60px }
	.gcon_1_bg{ padding:0 }
	.gcon_1 .item{ border-radius: 8px }
	.gcon_1 .item:nth-child(1){ margin-bottom: 20px }
	.gcon_1 .item .cont{  padding: 8% 5% }
	.gcon_1 .item .cont .title{ font-size: 20px; }
	.gcon_1 .item .cont .title i{ font-size: 36px; margin-left: 10px}
	.gcon_1 .item .cont .intro{ font-size: 16px;  margin-top:6px }
	.gcon_1 .item .cont .more{ width: 90px; height: 36px;  border-radius: 8px; font-size: 14px; margin-top: 30px}
}
@media (max-width: 750px){
	.gcon_1{ margin-top: 40px }
	.gcon_1_bg{ padding:0 }
	.gcon_1 .item{ border-radius: 8px }
	.gcon_1 .item:nth-child(1){ margin-bottom: 20px }
	.gcon_1 .item .cont{  padding:5% 4% }
	.gcon_1 .item .cont .title{ font-size: 14px; }
	.gcon_1 .item .cont .title i{ font-size: 24px; }
	.gcon_1 .item .cont .intro{ font-size: 12px;  margin-top:2px }
	.gcon_1 .item .cont .more{ width: 80px; height: 30px;  border-radius: 5px; font-size: 12px; margin-top: 20px}
}






































.gcon_2{ margin-top:100px}
.gcon_2 .nr{ display:flex; flex-wrap: wrap; justify-content: space-between;}
.gcon_2 .nr .item{ position:relative; border-radius:10px; overflow:hidden; margin-top:26px}
.gcon_2 .nr .item .pic{ width:100%; overflow:hidden}
.gcon_2 .nr .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_2 .nr .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.gcon_2 .nr .item .pic .img1{ display:block}
.gcon_2 .nr .item .pic .img2{ display:none}
.gcon_2 .nr .item .cont{ width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box; padding:40px}
.gcon_2 .nr .item .cont .bq{ width:110px; height:40px; border:1px solid #2d2d2d; box-sizing:border-box; display:flex; align-items: center; justify-content: center; font-size:16px; color:#2d2d2d; border-radius:10px}
.gcon_2 .nr .item .cont .tt{ position:absolute; left:40px; bottom:40px}
.gcon_2 .nr .item .cont .tt .title{ font-size:20px; font-weight:bold; color:#2d2d2d}
.gcon_2 .nr .item .cont .tt .intro{ font-size:14px; color:#2d2d2d; margin-top:16px}
.gcon_2 .nr .item1{ margin-top:0; width:100%}
.gcon_2 .nr .item1 .cont .tt .title{ font-size:40px}
.gcon_2 .nr .item1 .cont .tt .intro{ font-size:20px}
.gcon_2 .nr .item2{ width:calc(768 / 1200 * 100%);}
.gcon_2 .nr .item2 .cont .bq{ color:#fff; border-color:#fff}
.gcon_2 .nr .item2 .cont .tt .title{ color:#fff; }
.gcon_2 .nr .item2 .cont .tt .intro{ color:#fff; }
.gcon_2 .nr .item3{ width:calc(411 / 1200 * 100%);}
.gcon_2 .nr .item3 .cont .tt{ position:relative; left:0; bottom:0; margin-top:45px}
.gcon_2 .nr .item4{ width:calc(588 / 1200 * 100%);}
.gcon_2 .nr .item5{ width:calc(588 / 1200 * 100%);}
@media (max-width: 1200px){
	.gcon_2{ margin-top:60px}
	.gcon_2 .nr .item{ margin-top:15px; border-radius:8px}
	
	.gcon_2 .nr .item .cont{ padding:20px}
	.gcon_2 .nr .item .cont .bq{ width:90px; height:36px; font-size:14px; border-radius:8px}
	.gcon_2 .nr .item .cont .tt{ left:20px; bottom:20px}
	.gcon_2 .nr .item .cont .tt .title{ font-size:16px; }
	.gcon_2 .nr .item .cont .tt .intro{ font-size:12px; margin-top:10px}
	.gcon_2 .nr .item1 .cont .tt .title{ font-size:24px}
	.gcon_2 .nr .item1 .cont .tt .intro{ font-size:14px}
	.gcon_2 .nr .item3 .cont .tt{ position:relative; left:0; bottom:0; margin-top:30px}
	.gcon_2 .nr .item1{ margin-top:0; width:100%}
}
@media (max-width: 750px){
	.gcon_2{ margin-top:40px}
	.gcon_2 .nr .item .pic .img2{ display:block}
	.gcon_2 .nr .item .pic .img1{ display:none}
	.gcon_2 .nr .item{ margin-top:12px; border-radius:5px; background:#e4ebf3; padding:10px; box-sizing:border-box}
	.gcon_2 .nr .item2,.gcon_2 .nr .item3,.gcon_2 .nr .item4,.gcon_2 .nr .item5{ width:calc(50% - 6px);}
	.gcon_2 .nr .item .cont{ padding:0; position:relative;  margin-top:5px}
	.gcon_2 .nr .item .cont .bq{ width:fit-content; border:0; height:36px; font-size:14px; border-radius:0}
	.gcon_2 .nr .item .cont .tt{ position:relative; left:0; bottom:0;}
	.gcon_2 .nr .item .cont .tt .title{ font-size:14px; }
	.gcon_2 .nr .item .cont .tt .intro{ font-size:12px; margin-top:10px}
	.gcon_2 .nr .item1 .cont .tt .title{ font-size:14px}
	.gcon_2 .nr .item1 .cont .tt .intro{ font-size:12px}
	.gcon_2 .nr .item3 .cont .tt{ position:relative; left:0; bottom:0; margin-top:0}
	
	.gcon_2 .nr .item2 .cont .bq{ color:#2d2d2d;}
	.gcon_2 .nr .item2 .cont .tt .title{ color:#2d2d2d; }
	.gcon_2 .nr .item2 .cont .tt .intro{ color:#2d2d2d; }
	.gcon_2 .nr .item1{ margin-top:0; width:100%}

}

.gcon_3{ width:100%; margin-top:100px}
.gcon_3 .ihd{ font-size:30px; color:#2d2d2d; line-height:1}
.gcon_3 .ibd{ margin-top:40px}
.gcon_3 .ibd ul{ width:100%; display:flex;justify-content: space-between; }
.gcon_3 .ibd ul li{ width:140px; border-radius:10px; overflow:hidden; position:relative; transition:all 0.5s}
.gcon_3 .ibd ul li .pic{ width:617px; position:relative; left:50%; transform:translateX(-50%)}
.gcon_3 .ibd ul li .pic:after{ content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; z-index:2; transition:all 0.5s}
.gcon_3 .ibd ul li .pic img{ width:100%}
.gcon_3 .ibd ul li.on{ width:617px}
.gcon_3 .ibd ul li .title{ width:100%; text-align:center; position:absolute; left:0; bottom:0; padding:30px 0; font-size:16px; color:#fff; transition:all 0.5s}
.gcon_3 .ibd ul li.on .title{ font-size:20px; font-weight:bold}
.gcon_3 .ibd ul li.on .pic:after{  background:rgba(0,0,0,0)}
@media (max-width: 1200px){
	.gcon_3{ margin-top:60px}
	.gcon_3 .ihd{ font-size:24px; }
	.gcon_3 .ibd{ margin-top:30px}
	.gcon_3 .ibd ul li{ width:19%; border-radius:8px;  background:rgba(0,0,0,0) }
	.gcon_3 .ibd ul li .pic{ width:300px;}
	.gcon_3 .ibd ul li.on{ width:18%}
	.gcon_3 .ibd ul li .title{  padding:20px 0; font-size:16px;}
	.gcon_3 .ibd ul li.on .title{ font-size:16px; font-weight:normal}
	.gcon_3 .ibd ul li.on .pic:after{  background:rgba(0,0,0,0)}
}
@media (max-width: 750px){
	.gcon_3{ margin-top:40px}
	.gcon_3 .ihd{ font-size:20px; }
	.gcon_3 .ibd{ margin-top:20px}
	.gcon_3 .ibd ul li{ border-radius:5px; }
	.gcon_3 .ibd ul li .pic{ width:200px;}
	.gcon_3 .ibd ul li .title{  padding:15px 0; font-size:14px;}
}


.gcon_4{ width:100%; margin:100px 0}
.gcon_4 .ihd{ font-size:30px; color:#2d2d2d; line-height:1}
.gcon_4 .ibd{ margin-top:40px; background:#f5f9fc; padding:90px 80px 60px; position:relative; border-radius:10px; overflow:hidden}
.gcon_4 .ibd:after{ content:""; display:block; width:100%; height:78%; background:#d9e0ea; position:absolute; left:0; top:0}
.gcon_4 .ibd .swiper04{ width:100%; overflow:hidden}
.gcon_4 .ibd .swiper04 .swiper-slide{ width:240px; margin-right:26px}
.gcon_4 .ibd .swiper04 .swiper-slide:last-child{ margin-right:0}
.gcon_4 .ibd .swiper04 .swiper-slide img{ width:100%}
@media (max-width: 1200px){
	.gcon_4{ margin:60px 0}
	.gcon_4 .ihd{ font-size:24px; }
	.gcon_4 .ibd{ margin-top:30px}
	.gcon_4 .ibd{ padding:5% 5% 3%; border-radius:8px; }
	.gcon_4 .ibd .swiper04 .swiper-slide{ width:32%; margin-right:2%}
	.gcon_4 .ibd .swiper04 .swiper-slide:last-child{ margin-right:0}	
}
@media (max-width: 750px){
	.gcon_4{ margin:40px 0}
	.gcon_4 .ihd{ font-size:20px; }
	.gcon_4 .ibd{ margin-top:20px}
	.gcon_4 .ibd{ border-radius:5px; }

}