@charset "utf-8";
.banner{ width:100%;  position:relative; overflow:hidden}
.banner .swiper01 { width:100%; }
.banner .swiper-slide{ width:100%;   overflow:hidden; position:relative;   background:#fff}
.banner .swiper-slide a{ display:block; width:100%; }
.banner .swiper-slide>img{ width:100%;}
.banner img.img1{ display:block; width:100%;  }
.banner img.img2{ display:none; width:100%;}
.banner .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; z-index:2}
.banner .item .title{ font-size:60px; line-height:1.2; text-align:center}
.banner .more{ background:url(g_04.png) center center no-repeat; width:18px; height:33px; position:absolute; left:50%; margin-left:-9px; bottom:5%; z-index:9}



.jump {
  animation: jump 1s infinite;
}
@keyframes jump {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

.gcon_1{ padding:40px 0; background:#dbeeff}
.ihd{ text-align:center; font-size:36px; color:#174675; line-height:1}
.gcon_1 .ibd{ margin-top:100px; overflow:hidden; position:relative}
.gcon_1 .ibd:before{ content:""; display:block; width:300px; height:400px; position:absolute; left:0; top:0; z-index:2;background:url(f2.png) left center no-repeat}
.gcon_1 .ibd:after{ content:""; display:block; width:300px; height:400px; position:absolute; right:0; top:0; z-index:2;background:url(f1.png) right center no-repeat}
.gcon_1 .ibd .swiper01s{ width:630px; margin:0 auto; }
.gcon_1 .ibd .swiper01s .swiper-slide{ width:100%; margin-right:100px}
.gcon_1 .ibd .swiper01s .swiper-slide .aitem{ border-bottom:1px solid #15406a; display:flex;justify-content: space-between; padding-bottom:15px; font-size:18px; color:#174675}
.gcon_1 .ibd .swiper01s .swiper-slide .title{ font-size:24px; color:#174675; line-height:30px; margin-top:32px; height:240px}
.gcon_1 .ibd .btn{ display:flex; width:fit-content; margin:0 auto}
.gcon_1 .ibd .btn .prev01s{ background:url(g_05.png) center center no-repeat; width:18px; height:32px}
.gcon_1 .ibd .btn .next01s{ background:url(g_06.png) center center no-repeat; width:18px; height:32px}
.gcon_1 .ibd .btn .pagination01s{ width:70px;display:flex; align-items: center; justify-content: center; font-size:18px; color:#174675}

.gcon_2{ background:url(g_08.jpg) top center no-repeat; padding:110px  0 250px; background-size:cover}
.gcon_2 .ihd{ text-align:left; }
.gcon_2 .ibd{ margin-top:55px}
.gcon_2 .ibd .pic{ width:100%; overflow:hidden}
.gcon_2 .ibd .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 .ibd .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_2 .ibd .intro{ font-size:22px; color:#174675; line-height:30px; text-align:justify; margin:40px 0 50px}
.gcon_2 .ibd .more a{ display:flex; align-items: center; font-size:18px; color:#7293af}
.gcon_2 .ibd .more a img{ padding-left:10px; transition:all 0.5s}
.gcon_2 .ibd .more a:hover img{ padding-left:20px}

.gcon_3{ background:#dbeeff}
.gcon_3 .ihd{ text-align:left; }
.gcon_3 .ibd{ margin-top:85px;}
.gcon_3 .ibd .swiper03{ overflow:hidden; width:100%}
.gcon_3 .ibd .swiper03 .swiper-slide{ background:url(g_10.png) center center no-repeat; background-size:100%; border-radius:5px; overflow:hidden} 
.gcon_3 .ibd .swiper03 .swiper-slide a{ display:block; width:100%; overflow:hidden; transition:all 0.5s}
.gcon_3 .ibd .swiper03 .swiper-slide a 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 .swiper03 .swiper-slide a: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 .swiper03 .swiper-slide a:hover{ background:#fff}
.gcon_3 .ibd .pagination03{ margin-top:30px; font-size:0}
.gcon_3 .ibd .pagination03 span{ display:inline-block; vertical-align:top; width:10px; height:10px; border-radius:100%; background:#aec5e2; margin:0; padding:0; margin-right:6px; opacity:1}
.gcon_3 .ibd .pagination03 span.swiper-pagination-bullet-active{ background:#0e3479}

.gcon_4{ background:#dbeeff; padding-top:200px}
.gcon_4 .ihd{ text-align:left; }
.gcon_4 .ibd{ margin-top:60px}
.gcon_4 .ibd .item{ width:610px; float:left; box-sizing:border-box; background:url(g_11.png) left center no-repeat; padding-left:15px; margin-bottom:35px}
.gcon_4 .ibd .item:nth-child(2n){ float:right}
.gcon_4 .ibd .item a{ display:block; font-size:24px; color:#174675;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; text-decoration:underline}
.gcon_4 .more{ padding-top:30px}
.gcon_4 .more a{ display:flex; align-items: center; font-size:18px; color:#7293af}
.gcon_4 .more a img{ padding-left:10px; transition:all 0.5s}
.gcon_4 .more a:hover img{ padding-left:20px}

.wk{ background:url(g_19.jpg) bottom center no-repeat #daeeff; padding:130px 0}


.gcon_5 .ihd{ text-align:left}
.gcon_5 .ibd{ margin-top:90px}
.gcon_5 .ibd .swiper-container { padding-bottom: 60px; }
.gcon_5 .ibd .swiper-container  .swiper-slide { width: 727px; position:relative; border-radius:5px; overflow:hidden }

.gcon_5 .ibd .swiper-container  .swiper-slide .pic{ width:100%; overflow:hidden; position:relative}
.gcon_5 .ibd .swiper-container  .swiper-slide .pic:before{ content:""; display:block; width:100%; height:100%; background:rgba(255,255,255,0.58); position:absolute; left:0; top:0; z-index:2}
.gcon_5 .ibd .swiper-container  .swiper-slide.swiper-slide-active .pic:before{  background:rgba(255,255,255,0); }
.gcon_5 .ibd .swiper-container  .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_5 .ibd .swiper-container  .swiper-slide:hover .pic 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_5 .ibd .swiper-container  .swiper-slide .cont{ position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; color:#fff; z-index:9; width:100%; text-align:center}
.gcon_5 .ibd .swiper-container  .swiper-slide .cont .ico{ text-align:center}
.gcon_5 .ibd .swiper-container  .swiper-slide .cont .ico img{ height:30px}
.gcon_5 .ibd .swiper-container  .swiper-slide .cont .title{ font-size:36px; margin:25px 0 30px}
.gcon_5 .ibd .swiper-container  .swiper-slide .cont .more{display:flex; align-items: center; justify-content: center; font-size:18px}
.gcon_5 .ibd .swiper-container  .swiper-slide .cont .more img{ padding-left:10px}
.gcon_5 .ibd .btn{ display:flex; width:fit-content; margin:0 auto}
.gcon_5 .ibd .btn .prev05{ background:url(g_05.png) center center no-repeat; width:18px; height:32px}
.gcon_5 .ibd .btn .next05{ background:url(g_06.png) center center no-repeat; width:18px; height:32px}
.gcon_5 .ibd .btn .pagination05{ width:70px;display:flex; align-items: center; justify-content: center; font-size:18px; color:#174675}


.gcon_6{ padding-top:180px}
.gcon_6 .ihd{ text-align:left}
.gcon_6 .ibd .intro{ font-size:24px; color:#174675; line-height:2; margin:50px 0}
.gcon_6 .more a{ display:flex; align-items: center; font-size:18px; color:#174675}
.gcon_6 .more a img{ padding-left:10px; transition:all 0.5s}
.gcon_6 .more a:hover img{ padding-left:20px}