@charset "utf-8";
.banner{ width:100%; height:100%; position:relative; overflow:hidden}
.banner .swiper01 { width:100%; height:100%}
.banner .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative;   background:#fff}
.banner .swiper-slide a{ display:block; width:100%; height:100%; position:relative}
.banner .swiper-slide a:after{ content:""; display:block; width:100%; height:100%; background:url(a2.png) center center no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:2}
.banner .swiper-slide>img{ width:100%;}
.banner img.img1{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit: cover;}
.banner img.img2{ display:none; width:100%;}
.banner .item{ width:100%; position:absolute; left:0; bottom:200px; z-index:2}
.banner .item .intro{ font-size:38px;font-weight:bold; color:#fff; text-align:center}
.banner .item .more{display:flex; align-items: center; justify-content: center; width:142px; height:45px; background:#fff; border-radius:30px; margin:0 auto; margin-top:20px; font-size:16px; color:#121c22}
.banner .item .more img{ margin-left:10px}
.banner .amore{ background:url(g_03.png) top center no-repeat; background-size:15px; padding-top:50px; font-size:16px; color:rgba(255,255,255,0.5); width:100px; position:absolute; left:50%; margin-left:-50px; bottom:65px; z-index:2; text-align:center}
.banner .swiper01  .pagination01{ width:100%; position:absolute; text-align:center; font-size:0; left:0; bottom:32px; z-index:2}
.banner .swiper01 .pagination01 span{ width:55px; height:2px; background:rgba(255,255,255,0.3); opacity:1; border-radius:0; padding:0; margin:0 5px;}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{ background:#fff}
.banner .prev01{ background:url(preva.png) center center no-repeat; background-size:100%; width:24px; height:18px; position:absolute; left:3%; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
.banner .next01{ background:url(nexta.png) center center no-repeat; background-size:100%; width:24px; height:18px; position:absolute; right:3%; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
.jump {
  animation: jump 1s infinite;
}
@keyframes jump {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}


@media (max-width: 1750px){
	.banner .item{ bottom:150px}
	.banner .item .intro{ font-size:28px; }
	.banner .item .more{ width:130px; height:40px;  font-size:14px; }
	.banner .amore{ background-size:12px; padding-top:35px; font-size:14px; bottom:50px; }
	.banner .swiper01  .pagination01{ bottom:25px;  }
	.banner .swiper01 .pagination01 span{ width:40px;}	
}
.vvs{ display:block}
@media (max-width: 1200px){
	.banner{ height:auto}
	.banner img.img1{ position:relative; height:auto}
	.banner .item{ bottom:100px}
	.banner .item .intro{ font-size:20px; }
	.banner .item .more{ width:110px; height:30px;  font-size:12px; }
	.banner .amore{ background-size:10px; padding-top:30px; font-size:12px; bottom:30px; }
	.banner .swiper01  .pagination01{ bottom:15px;  }
	.banner .swiper01 .pagination01 span{ width:30px;}	
	.vvs{ display:none}
}
@media (max-width: 750px){
	.banner img.img2{ display:block; width:100%;}
	.banner img.img1{ display:none; width:100%;}
	.banner .item .intro{ font-size:16px; }
	.banner .item .more img{ width:4px; margin-left:8px}
	.banner .prev01,.banner .next01{ width:18px}	
}

.section2 { background:url(g_05.jpg) center center no-repeat; background-size:cover;}
.gcon_1{}
.gcon_1 .ihd{ text-align:center; font-size:38px;font-weight: bold; color:#161616; line-height:1}
.gcon_1 .ibd{ margin-top:100px; position:relative}
.gcon_1 .ibd .prev1{ background:url(g_06.png) center center no-repeat; background-size:100%; width:24px; height:18px; cursor:pointer; position:absolute; left:3%; top:50%; transform:translateY(-50%); z-index:2}
.gcon_1 .ibd .next1{ background:url(g_07.png) center center no-repeat; background-size:100%; width:24px; height:18px; cursor:pointer; position:absolute; right:3%; top:50%; transform:translateY(-50%); z-index:2}
.gcon_1 .ibd .swiper1{ width:800px; margin:0 auto; overflow:hidden}
.gcon_1 .ibd .swiper1 .swiper-slide{ width:100%; overflow:hidden}
.gcon_1 .ibd .swiper1 .swiper-slide img{ width:100%}
.gcon_1 .ifd{ width:fit-content; margin:0 auto; margin-top:60px; }
.gcon_1 .ifd a{display:flex; align-items: center; justify-content: center; width:100px; height:30px; border:1px solid #7e7e7e; color:#7e7e7e; font-size:14px;}
.gcon_1 .ifd a:hover{ background:#0e3479; border:1px solid #0e3479; color:#fff}
@media (max-width: 1750px){
	.gcon_1{ padding-top:60px}
	.gcon_1 .ihd{ font-size:30px }
	.gcon_1 .ibd{ margin-top:60px; position:relative}
	.gcon_1 .ibd .swiper1{ width:550px; }
	.gcon_1 .ifd{ margin-top:40px; }
	.gcon_1 .ifd a{ width:90px; height:26px; font-size:12px;}
}
@media (max-width: 1200px){
	.gcon_1{ padding:60px 0}
	.gcon_1 .ihd{ font-size:24px }
	.gcon_1 .ibd{ margin-top:40px; }
	.gcon_1 .ibd .swiper1{ width:420px; }
	.gcon_1 .ifd{ margin-top:30px; }
}
@media (max-width: 750px){
	.gcon_1{ padding:40px 0}
	.gcon_1 .ihd{ font-size:20px }
	.gcon_1 .ibd{ margin-top:30px; }
	.gcon_1 .ibd .swiper1{ width:60%; }
	.gcon_1 .ifd{ margin-top:20px; }
	.gcon_1 .ibd .prev1,.gcon_1 .ibd .next1{ width:18px}
}

.gcon_2{ width:100%; height:100%; overflow:hidden; position:relative}
.gcon_2 .ibd{ width:100%; height:100%;}
.gcon_2 .ibd .swiper2{ width:100%; height:100%; overflow:hidden}
.gcon_2 .ibd .swiper2 .swiper-slide{ width:100%;  height:100%; overflow:hidden; position:relative}
.gcon_2 .ibd .swiper2 .swiper-slide .pic{ width:100%;  height:100%; overflow:hidden}
.gcon_2 .ibd .swiper2 .swiper-slide .pic img{ width:100%; }
.gcon_2 .ibd .swiper2 .swiper-slide .pic .img1{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit: cover;}
.gcon_2 .ibd .swiper2 .swiper-slide .pic .img2{ display:none}
.gcon_2 .ibd .swiper2 .swiper-slide .cont{ width:100%; height:70%; position:absolute; top:15%; left:0; z-index:2; color:#fff;}
.gcon_2 .ibd .swiper2 .swiper-slide .cont .title{ position:absolute; left:0; top:0; z-index:2; width:100%; text-align:center; font-size:38px;font-weight: bold;}
.gcon_2 .ibd .swiper2 .swiper-slide .cont .intro{ width:100%; display:flex; align-items: center; justify-content: center; position:absolute; left:0; bottom:0; z-index:2}
.gcon_2 .ibd .swiper2 .swiper-slide .cont .intro .item{ text-align:center}
.gcon_2 .ibd .swiper2 .swiper-slide .cont .intro .item .p1{ font-size:44px; line-height:1}
.gcon_2 .ibd .swiper2 .swiper-slide .cont .intro .item .p2{ font-size:16px; line-height:1; margin-top:16px}
.gcon_2 .ibd .swiper2 .swiper-slide .cont .intro .item2{ width:1px; height:50px; background:rgba(255,255,255,0.2); margin:0 30px}
.gcon_2 .ibd .swiper2 .swiper-slide .cont .intro .item2:last-child{ display:none}
.gcon_2 .ibd .swiper2 .pagination2{ width:100%; position:absolute; left:0; bottom:50px; z-index:2; text-align:center; font-size:0}
.gcon_2 .ibd .swiper2 .pagination2 span{ display:inline-block; vertical-align:top; opacity:1; width:20px; height:20px; background:url(g_10.png) center center no-repeat; background-size:cover; border-radius:0; opacity:0.5}
.gcon_2 .ibd .swiper2 .pagination2 span.swiper-pagination-bullet-active{ opacity:1}

.gcon_2 .ibd .swiper2 .pagination2 span:nth-child(1){background:url(ax1.png) center center no-repeat; background-size:cover;}
.gcon_2 .ibd .swiper2 .pagination2 span:nth-child(2){background:url(ax2.png) center center no-repeat; background-size:cover;}
.gcon_2 .ibd .swiper2 .pagination2 span:nth-child(3){background:url(ax3.png) center center no-repeat; background-size:cover;}

.gcon_2 .ibd .swiper2 .prev2{ background:url(preva.png) center center no-repeat; background-size:100%; width:24px; height:18px; position:absolute; left:3%; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
.gcon_2 .ibd .swiper2 .next2{ background:url(nexta.png) center center no-repeat; background-size:100%; width:24px; height:18px; position:absolute; right:3%; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
@media (max-width: 1750px){
	.gcon_2 .ibd .swiper2 .swiper-slide .cont .title{ font-size:32px; padding-top:40px}
	.gcon_2 .ibd .swiper2 .swiper-slide .cont .intro .item .p1{ font-size:36px; }
	.gcon_2 .ibd .swiper2 .swiper-slide .cont .intro .item .p2{ font-size:14px; margin-top:12px}
	.gcon_2 .ibd .swiper2 .swiper-slide .cont .intro .item2{ height:40px}
	.gcon_2 .ibd .swiper2 .pagination2{ bottom:30px}
	.gcon_2 .ibd .swiper2 .pagination2 span{ width:16px; height:16px}

}
@media (max-width: 1200px){
	.gcon_2{ height:auto}
	.gcon_2 .ibd .swiper2 .swiper-slide .pic .img1{ position:relative; height:auto}

	.gcon_2 .ibd .swiper2 .swiper-slide .cont .title{ font-size:24px; padding-top:0}
	.gcon_2 .ibd .swiper2 .swiper-slide .cont .intro .item .p1{ font-size:28px; }
	.gcon_2 .ibd .swiper2 .swiper-slide .cont .intro .item .p2{ font-size:12px;}
	.gcon_2 .ibd .swiper2 .swiper-slide .cont .intro .item2{ height:30px}
	.gcon_2 .ibd .swiper2 .pagination2{ bottom:20px}
	.gcon_2 .ibd .swiper2 .pagination2 span{ }

}
@media (max-width: 750px){
	.gcon_2 .ibd .swiper2 .swiper-slide .cont .title{ font-size:20px; padding-top:0}
	.gcon_2 .ibd .swiper2 .swiper-slide .cont .intro .item .p1{ font-size:20px; }
	.gcon_2 .ibd .swiper2 .swiper-slide .cont .intro .item .p2{ font-size:12px;}
	.gcon_2 .ibd .swiper2 .swiper-slide .cont .intro .item2{ margin:0 12px; height:20px}
	.gcon_2 .ibd .swiper2 .pagination2{ bottom:20px}
	.gcon_2 .ibd .swiper2 .pagination2 span{ }
	
	.gcon_2 .ibd .swiper2 .swiper-slide .pic .img2{ display:block}
	.gcon_2 .ibd .swiper2 .swiper-slide .pic .img1{ display:none}
	.gcon_2 .ibd .swiper2 .prev2,.gcon_2 .ibd .swiper2 .next2{ width:18px}

}

.gcon_3 .ihd{ font-size:38px;font-weight: bold; text-align:center; color:#161616}
.gcon_3 .ibd{ margin-top:90px}
.gcon_3 .ibd .swiper3{ width:100%; overflow:hidden}
.gcon_3 .ibd .swiper3 .swiper-slide{ width:31%; margin-right:3.5%}
.gcon_3 .ibd .swiper3 .swiper-slide:last-child{ margin-right:0}
.gcon_3 .ibd .swiper3 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_3 .ibd .swiper3 .swiper-slide .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_3 .ibd .swiper3 .swiper-slide .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_3 .ibd .swiper3 .swiper-slide .cont{ margin-top:25px}
.gcon_3 .ibd .swiper3 .swiper-slide .cont .time{ font-size:16px; color:#737373}
.gcon_3 .ibd .swiper3 .swiper-slide .cont .title{ font-size:22px; color:#000000; line-height:35px; height:70px; overflow:hidden; margin-top:15px}
.gcon_3 .ibd .swiper3 .swiper-slide:hover .cont .title{ color:#0e3479; font-weight:bold}
.gcon_3 .ibd .swiper3 .swiper-slide .cont .more{ margin-top:25px; font-size:14px; color:#7e7e7e}
.gcon_3 .ibd .swiper3 .pagination3{ margin-top:30px; text-align:center}
.gcon_3 .ibd .swiper3 .pagination3 span.swiper-pagination-bullet-active{ background:#0e3479}

.gcon_3 .ifd{ width:fit-content; margin:0 auto; margin-top:60px; }
.gcon_3 .ifd a{display:flex; align-items: center; justify-content: center; width:100px; height:30px; border:1px solid #7e7e7e; color:#7e7e7e; font-size:14px;}
.gcon_3 .ifd a:hover{ background:#0e3479; border:1px solid #0e3479; color:#fff}
@media (max-width: 1750px){
	
	.gcon_3 .ifd{ margin-top:40px; }
	.gcon_3 .ifd a{ width:90px; height:26px; font-size:12px;}
}
@media (max-width: 1200px){
	
	.gcon_3 .ifd{ margin-top:30px; }
}
@media (max-width: 750px){
	
	.gcon_3 .ifd{ margin-top:20px; }

}

@media (max-width: 1750px){
	.gcon_3{ padding-top:60px}
	.gcon_3 .ihd{ font-size:32px;}
	.gcon_3 .ibd{ margin-top:40px}
	.gcon_3 .ibd .swiper3 .swiper-slide .cont{ margin-top:20px}
	.gcon_3 .ibd .swiper3 .swiper-slide .cont .time{ font-size:14px; }
	.gcon_3 .ibd .swiper3 .swiper-slide .cont .title{ font-size:18px; line-height:30px; height:60px; margin-top:10px}
	.gcon_3 .ibd .swiper3 .swiper-slide .cont .more{ margin-top:20px; font-size:12px; }
	.gcon_3 .ibd .swiper3 .pagination3{ margin-top:20px; }

}
@media (max-width: 1200px){
	.gcon_3{ padding:60px 0}
	.gcon_3 .ihd{ font-size:24px;}
	.gcon_3 .ibd{ margin-top:30px}
	.gcon_3 .ibd .swiper3 .swiper-slide .cont{ margin-top:15px}
	.gcon_3 .ibd .swiper3 .swiper-slide .cont .time{ font-size:12px; }
	.gcon_3 .ibd .swiper3 .swiper-slide .cont .title{ font-size:16px; line-height:25px; height:50px;}
	.gcon_3 .ibd .swiper3 .swiper-slide .cont .more{ margin-top:16px; }
	.gcon_3 .ibd .swiper3 .pagination3{ margin-top:20px; }

}
@media (max-width: 750px){
	.gcon_3{ padding:40px 0}
	.gcon_3 .ihd{ font-size:20px;}
	.gcon_3 .ibd{ margin-top:20px}
	.gcon_3 .ibd .swiper3 .swiper-slide{ width:100%}

}
#fp-nav{ display:none}

.gcon_4{ padding-top:100px;}
.gcon_4 .ihd{ font-size:38px; font-weight:bold; color:#282828; text-align:center;}
.gcon_4 .ibd{ width:1354px; margin:0 auto; position:relative; margin-top:60px}
.gcon_4 .ibd .map{ width:100%}
.gcon_4 .ibd .map img{ width:100%}
.gcon_4 .ibd .item{ position:absolute; left:0; top:0; width:1.6%; z-index:9}
.gcon_4 .ibd .item .ico{ width:100%; padding-bottom:100%; position:relative}
.gcon_4 .ibd .item .ico span{ display:block; width:100%; height:100%; border-radius:50%; background:#0e3479; position:absolute; left:0; top:0}
.gcon_4 .ibd .item .ico span::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(76,76,76, 0.3);border-radius: 100%;opacity: 1;animation: bianda 2s linear infinite; z-index:-1 ;animation-play-state: running;}

.gcon_4 .ibd .item:nth-child(5n+1) .ico span{background: rgba(76,76,76, 1)}
.gcon_4 .ibd .item:nth-child(5n+1) .ico span::before{ animation: bianda 1.7s linear infinite;}

.gcon_4 .ibd .item:nth-child(5n+2) .ico span{background: rgba(76,76,76, 1)}
.gcon_4 .ibd .item:nth-child(5n+2) .ico span::before{ animation: bianda 2s linear infinite;}

.gcon_4 .ibd .item:nth-child(5n+3) .ico span{background: rgba(76,76,76, 1)}
.gcon_4 .ibd .item:nth-child(5n+3) .ico span::before{ animation: bianda 2.3s linear infinite;}

.gcon_4 .ibd .item:nth-child(5n+4) .ico span{background: rgba(76,76,76, 1)}
.gcon_4 .ibd .item:nth-child(5n+4) .ico span::before{ animation: bianda 2.6s linear infinite;}

.gcon_4 .ibd .item:nth-child(5n+5) .ico span{background: rgba(76,76,76, 1)}
.gcon_4 .ibd .item:nth-child(5n+5) .ico span::before{ animation: bianda 2.9s linear infinite;}



@keyframes bianda{
	0{ transform: scale(1); opacity: 1;}
	100%{ transform: scale(3); opacity: 0;}
	
}

.gcon_4 .ibd .item .cont{ position:absolute; left:50%; bottom:100%; transform: translateX(-50%); padding-bottom:5px; display:none}
.gcon_4 .ibd .item .cont .pic{ width:204px; border:1px solid #91c5ec; border-radius:5px; overflow:hidden}
.gcon_4 .ibd .item .cont .pic img{ width:100%}
.gcon_4 .ibd .item .cont .line{ width:2px; height:100px; background:url(dotline.png) bottom center no-repeat; background-size:100% 100%; margin:0 auto}
.gcon_4 .ibd .item:hover .cont{ display:block}
.gcon_4 .ibd .item:hover .ico span{ background:#fbc93b}
.gcon_4 .ibd .item:hover .ico span::before{background: rgba(251, 201, 59, 0.2);}
@media (max-width: 1750px){
	.gcon_4{ padding-top:60px;}
	.gcon_4 .ihd{ font-size:32px;}
	.gcon_4 .ibd{ width:1100px; margin-top:20px}
	.gcon_4 .ibd .item .cont .pic{ width:180px; }
	.gcon_4 .ibd .item .cont .line{ height:80px}
}
@media (max-width: 1440px){
	.gcon_4 .ibd{ width:900px; margin-top:20px}
	.gcon_4 .ibd .item .cont .pic{ width:160px; }
	.gcon_4 .ibd .item .cont .line{ height:60px}
}
@media (max-width: 1200px){
	.gcon_4{ padding: 0 0 60px;}
	.gcon_4 .ihd{ font-size:24px;}
	.gcon_4 .ibd{ width:92%; margin-top:20px}
	.gcon_4 .ibd .item .cont .pic{ width:140px; }
	.gcon_4 .ibd .item .cont .line{ height:50px}
}
@media (max-width: 750px){
	.gcon_4{ padding: 0 0 40px;}
	.gcon_4 .ihd{ font-size:20px;}
	.gcon_4 .ibd .item .cont .pic{ width:80px; }
	.gcon_4 .ibd .item .cont .line{ height:25px}
}



.gcon_4 .ibd .alogo{  width:8%; position:absolute; left:84%; top:38% ;}
.gcon_4 .ibd .alogo:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border-radius:50%; background:rgba(14, 52, 121, 0.05); opacity:1; transform:scale(1);animation: ripple-wave1 2s linear infinite;
	animation-play-state: running; z-index:1}
.gcon_4 .ibd .alogo span{  display:block; width:100%; padding-bottom:100%; background:rgba(14, 52, 121, 0.2);   border-radius:50%; box-shadow: 0 0  10px rgba(14, 52, 121, 0); position:relative; z-index:9}

.gcon_4 .ibd .alogo img{width: 90%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:10}	
	
@keyframes ripple-wave1{
	to {

		transform:scale(4); opacity:0
	}
}





.active .gcon_1 .ihd {
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .gcon_1 .ibd {
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .gcon_1 .ifd {
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.active .gcon_3 .ihd{
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .gcon_3 .ibd{
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.active .gcon_4 .ihd{
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .gcon_4 .ibd{
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}