@charset "utf-8";
.banner{ width: 100%; height: 100vh; overflow: hidden; position: relative; }
.banner .swiper_banner{ width: 100%; height: 100%; overflow: hidden; position: relative; }
.banner .swiper_banner .swiper-wrapper{ width: 100%; height: 100%;}
.banner .swiper_banner .swiper-wrapper .swiper-slide{ width: 100%; height: 100%; overflow: hidden; position: relative;}
.banner .swiper_banner .swiper-wrapper .swiper-slide a{ display: block; width: 100%; height: 100%;}
.banner .swiper_banner .swiper-wrapper .swiper-slide a .pic{ width: 100%; height: 100%; position: relative;}
.banner .swiper_banner .swiper-wrapper .swiper-slide a .pic img{ width: 100%; height: 100%; object-fit: cover; }
.banner .swiper_banner .swiper-wrapper .swiper-slide a .pic video{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 2; }
.banner .swiper_banner .swiper-wrapper .swiper-slide a .pic .img1{ display: block;}
.banner .swiper_banner .swiper-wrapper .swiper-slide a .pic .img2{ display: none;}
.banner .swiper_banner .swiper-wrapper .swiper-slide a .item{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-70%); z-index: 3;}
.banner .swiper_banner .swiper-wrapper .swiper-slide a .item .title{ font-size: 64px; color: #0c41c2; width: fit-content; font-weight: bold; line-height: 1.2;}
.banner .swiper_banner .swiper-wrapper .swiper-slide a .item .title .p2{ color: #1b1b1b;}
.banner .swiper_banner .swiper-wrapper .swiper-slide a .item .intro{ font-size: 34px; color: #0c41c2; width: fit-content; line-height: 1.2; margin-top: 26px;}
.xmore{ width: 210px; height: 60px; display: flex; align-items: center; justify-content: center; background: rgba(46, 116, 238, 1); color: #fff; font-size: 18px; margin-top: 80px; border-radius: 30px 30px 3px 30px; transition: all 0.3s linear;}
.xmore:hover{ border-radius: 30px  30px 30px 3px;}

.banner .swiper_banner .swiper-wrapper .swiper-slide a .wrapx{ box-sizing: border-box; padding: 10% 0  0 6%;}

.banner .swiper_banner .pagination_banner{ width: 100%; position: absolute; left: 0; bottom: 5%; text-align: center; z-index: 2;}
.banner .swiper_banner .pagination_banner span{ width: 16px; height: 16px; border-radius: 100%; opacity: 1; background: #ccc;}
.banner .swiper_banner .pagination_banner span.swiper-pagination-bullet-active{ background: rgba(46, 116, 238, 1);}

@media all and (max-width:1680px){
    .banner .swiper_banner .swiper-wrapper .swiper-slide a .item .title{ font-size: 48px;}
    .banner .swiper_banner .swiper-wrapper .swiper-slide a .item .intro{ font-size: 28px; margin-top: 18px; }
    .xmore{ width: 180px; height: 50px; font-size: 16px; margin-top: 50px; border-radius: 25px 25px 3px 25px;}
    .xmore:hover{ border-radius: 25px  25px 25px 3px;}
    .banner .swiper_banner .pagination_banner span{ width: 14px; height: 14px;} 
    .banner .swiper_banner .swiper-wrapper .swiper-slide a .wrapx{ padding: 10% 12%  0}
}
@media all and (max-width:1200px){
    .banner{ height: auto; margin-top: 60px;}
    .banner .swiper_banner .swiper-wrapper .swiper-slide a .item{  transform: translateY(-50%);}
    .banner .swiper_banner .swiper-wrapper .swiper-slide a .item .title{ font-size: 32px;}
    .banner .swiper_banner .swiper-wrapper .swiper-slide a .item .intro{ font-size: 18px; margin-top: 12px; }
    .xmore{ width: 140px; height: 40px; font-size: 14px; margin-top: 30px; border-radius: 20px 20px 3px 20px;}
    .xmore:hover{ border-radius: 20px  20px 20px 3px;}
    .banner .swiper_banner .pagination_banner span{ width: 12px; height: 12px;} 
    .banner .swiper_banner .swiper-wrapper .swiper-slide a .pic video{ display: none; }
    .banner .swiper_banner .swiper-wrapper .swiper-slide a .wrapx{ padding: 0 4%}
}
@media all and (max-width:750px){
    .banner .swiper_banner .swiper-wrapper .swiper-slide a .pic .img2{ display: block;}
    .banner .swiper_banner .swiper-wrapper .swiper-slide a .pic .img1{ display: none;}
    .banner .swiper_banner .swiper-wrapper .swiper-slide a .item .title{ font-size: 24px;}
    .banner .swiper_banner .swiper-wrapper .swiper-slide a .item .intro{ font-size: 14px; }
    .xmore{ width: 120px; height: 35px; font-size: 12px; margin-top: 30px; border-radius: 18px 18px 3px 18px;}
    .xmore:hover{ border-radius: 18px  18px 18px 3px;}
    .banner .swiper_banner .pagination_banner span{ width: 10px; height: 10px;} 
}

.ihd .title{ font-size: 40px; font-weight: bold; color: rgba(0, 0, 0, 1); line-height: 1; text-align: center;}
.ihd .intro{ font-size: 20px; color: rgba(105, 109, 125, 1); line-height: 1; text-align: center; margin-top: 15px;}
.min100{ min-height: 100vh; box-sizing: border-box; padding: 2% 0; display: flex; align-items: center; justify-content: center; }

.gcon_1 .ibd{ margin-top: 50px; display: flex; flex-wrap: wrap; margin-top: 50px;}
.gcon_1 .ibd .item{ position: relative; border-radius: 10px; overflow: hidden; top: 0; transition: all 0.3s linear;}
.gcon_1 .ibd .item:hover{ top: -8px;}
.gcon_1 .ibd .item .con{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.gcon_1 .ibd .item:nth-child(1),
.gcon_1 .ibd .item:nth-child(2){ width:calc(50% - 10px); margin-right: 20px;}
.gcon_1 .ibd .item:nth-child(3),
.gcon_1 .ibd .item:nth-child(4),
.gcon_1 .ibd .item:nth-child(5){ width:calc(33.3333333333333% - (40px/3)); margin-right: 20px; margin-top: 20px;}
.gcon_1 .ibd .item:nth-child(2){ margin-right: 0;}
.gcon_1 .ibd .item:nth-child(5){ margin-right: 0;}
.gcon_1 .ibd .item:nth-child(1) .in,
.gcon_1 .ibd .item:nth-child(2) .in{ width: 100%; padding-bottom: calc(290 / 820 * 100%);}
.gcon_1 .ibd .item:nth-child(3) .in,
.gcon_1 .ibd .item:nth-child(4) .in,
.gcon_1 .ibd .item:nth-child(5) .in{ width: 100%; padding-bottom: calc(330 / 540 * 100%);}
.gcon_1 .ibd .item:nth-child(1){ background: url(ax_02.png) no-repeat center center; background-size: cover;}
.gcon_1 .ibd .item:nth-child(2){ background: url(ax_03.png) no-repeat center center; background-size: cover;}
.gcon_1 .ibd .item:nth-child(3){ background: url(ax_04.png) no-repeat center center; background-size: cover;}
.gcon_1 .ibd .item:nth-child(4){ background: url(ax_05.png) no-repeat center center; background-size: cover;}
.gcon_1 .ibd .item:nth-child(5){ background: url(ax_06.png) no-repeat center center; background-size: cover;}
.gcon_1 .ibd .item .con{ padding: 0 45px; box-sizing: border-box;}
.gcon_1 .ibd .item:nth-child(n+3) .con{ padding: 25px 45px;}
.gcon_1 .ibd .item .con .ico{ margin-bottom: 10px;}
.gcon_1 .ibd .item .con .ico img{ height: 70px;}
.gcon_1 .ibd .item .con .title{ font-size: 24px; color: rgba(0, 0, 0, 1); font-weight: bold; line-height: 1;}
.gcon_1 .ibd .item .con .intro{ font-size: 14px; line-height: 24px; color: rgba(51, 51, 51, 1); margin-top: 20px; max-width: 450px; text-align: justify;}
.gcon_1 .ibd .item:nth-child(n+3) .con .intro{ max-width: 390px;}
.gcon_1 .ibd .item .con .bq{ display: flex; margin-top: 30px; flex-wrap: wrap; padding-bottom: 10px;}
.gcon_1 .ibd .item .con .bq span,.gcon_1 .ibd .item .con .bq p{ display: flex; align-items: center; justify-content: center; width: fit-content; height: 30px; border-radius: 5px; background: rgba(222, 232, 250, 1); font-size: 14px; color: rgba(15, 98, 242, 1); padding: 0 13px; margin-right: 10px;}
@media all and (max-width:1680px){
    .ihd .title{ font-size: 32px;}
    .ihd .intro{ font-size: 16px; margin-top: 12px;}
    .gcon_1 .ibd{ margin-top: 40px; }
    .gcon_1 .ibd .item:nth-child(1),
    .gcon_1 .ibd .item:nth-child(2){ width:calc(50% - 8px); margin-right: 16px;}
    .gcon_1 .ibd .item:nth-child(3),
    .gcon_1 .ibd .item:nth-child(4),
    .gcon_1 .ibd .item:nth-child(5){ width:calc(33.3333333333333% - (32px/3)); margin-right: 16px; margin-top: 16px;}
    .gcon_1 .ibd .item:nth-child(2){ margin-right: 0;}
    .gcon_1 .ibd .item:nth-child(5){ margin-right: 0;}
    .gcon_1 .ibd .item .con{ padding: 30px;}
    .gcon_1 .ibd .item:nth-child(n+3) .con{ padding: 20px 30px;}
    .gcon_1 .ibd .item .con .ico{ margin-bottom: 10px;}
    .gcon_1 .ibd .item .con .ico img{ height: 50px;}
    .gcon_1 .ibd .item .con .title{ font-size: 20px; }
    .gcon_1 .ibd .item .con .intro{ font-size: 12px; line-height: 20px; margin-top: 15px; max-width: 60%;}
    .gcon_1 .ibd .item:nth-child(n+3) .con .intro{ max-width: 100%;}
    .gcon_1 .ibd .item .con .bq{ margin-top: 20px;}
    .gcon_1 .ibd .item .con .bq span,.gcon_1 .ibd .item .con .bq p{ height: 26px; font-size: 12px; padding: 0 10px; margin-right: 8px;}
}
@media all and (max-width:1340px){
    .gcon_1 .ibd .item:nth-child(3) .in,
    .gcon_1 .ibd .item:nth-child(4) .in,
    .gcon_1 .ibd .item:nth-child(5) .in{ padding-bottom:70%;}
}
@media all and (max-width:1200px){
    .ihd .title{ font-size: 24px;}
    .ihd .intro{ font-size: 14px; margin-top: 12px;}
    .min100{ min-height: 0;height: auto; padding: 60px 0;}
    .gcon_1 .ibd{ margin-top: 30px; }
    .gcon_1 .ibd .item{ border-radius: 6px;}
    .gcon_1 .ibd .item:nth-child(1),
    .gcon_1 .ibd .item:nth-child(2){ width:calc(50% - 6px); margin-right: 12px; background-position: right center;}
    .gcon_1 .ibd .item:nth-child(3),
    .gcon_1 .ibd .item:nth-child(4),
    .gcon_1 .ibd .item:nth-child(5){ width:calc(33.3333333333333% - (24px/3)); margin-right: 12px; margin-top: 12px;}
    .gcon_1 .ibd .item:nth-child(2){ margin-right: 0;}
    .gcon_1 .ibd .item:nth-child(5){ margin-right: 0;}
    .gcon_1 .ibd .item .con{ padding: 20px;}
    .gcon_1 .ibd .item:nth-child(n+3) .con{ padding: 20px 20px;}
    .gcon_1 .ibd .item .con .ico{ margin-bottom: 10px;}
    .gcon_1 .ibd .item .con .ico img{ height: 40px;}
    .gcon_1 .ibd .item .con .title{ font-size: 18px; }
    .gcon_1 .ibd .item .con .intro{ font-size: 12px; line-height: 20px; margin-top: 12px; max-width: 100%;}
    .gcon_1 .ibd .item:nth-child(n+3) .con .intro{ max-width: 100%;}
    .gcon_1 .ibd .item .con .bq{ margin-top: 12px;}
    .gcon_1 .ibd .item .con .bq span,.gcon_1 .ibd .item .con .bq p{ height: 24px; font-size: 12px; padding: 0 10px; margin-right: 6px; margin-top: 6px;}
    .gcon_1 .ibd .item:nth-child(1) .in, .gcon_1 .ibd .item:nth-child(2) .in{ padding: 0;}
    .gcon_1 .ibd .item:nth-child(3) .in, .gcon_1 .ibd .item:nth-child(4) .in, .gcon_1 .ibd .item:nth-child(5) .in{ padding: 0;}
    .gcon_1 .ibd .item .con{ position: relative; height: auto;     top: 0;    transform: translateY(0);}
}
@media all and (max-width:750px){
    .ihd .title{ font-size: 20px;}
    .ihd .intro{ font-size: 12px; margin-top: 12px;}
    .min100{ height: auto; padding: 40px 0;}
    .gcon_1 .ibd{ margin-top: 30px; }
    .gcon_1 .ibd .item{ border-radius: 6px;}
    .gcon_1 .ibd .item:nth-child(1),
    .gcon_1 .ibd .item:nth-child(2){ width:100%; margin-right: 0; margin-bottom: 10px;}
    .gcon_1 .ibd .item:nth-child(3),
    .gcon_1 .ibd .item:nth-child(4),
    .gcon_1 .ibd .item:nth-child(5){ width:100%; margin-right: 0; margin-top: 0; margin-bottom: 10px;}
    .gcon_1 .ibd .item:nth-child(2){ margin-right: 0;}
    .gcon_1 .ibd .item:nth-child(5){ margin-right: 0; margin-bottom: 0;}
    .gcon_1 .ibd .item .con{ padding: 20px;}
    .gcon_1 .ibd .item:nth-child(n+3) .con{ padding: 20px 20px;}
    .gcon_1 .ibd .item .con .ico{ margin-bottom: 10px;}
    .gcon_1 .ibd .item .con .ico img{ height: 32px;}
    .gcon_1 .ibd .item .con .title{ font-size: 16px; }

}

.gcon_2{ background: linear-gradient(180deg, rgba(235, 246, 255, 1) 0%, rgba(245, 248, 252, 1) 100%); position: relative;}
.gcon_2>video{ width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 1; object-fit: cover;}
.gcon_2 .ibd,.gcon_2 .ihd{ position: relative; z-index: 2;}
.gcon_2 .ibd .pic{ width: calc(1753 / 1660 * 100%); margin-left: -2.8%; position: relative;}
.gcon_2 .ibd .pic img{ width: 100%; opacity: 0;}
.gcon_2>video{ width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 1; object-fit: cover;}
.gcon_2 .ibd .item{ position: absolute; }
.gcon_2 .ibd .item>div{width: 190px; height: 100px; box-sizing: border-box; transition: all 0.6s linear;  }
.gcon_2 .ibd .item span{   border-radius: 12px;  display: block; width: 100%; height: 100%; transition: all 0.6s linear;}
.gcon_2 .ibd .item .ai{ display: block; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding: 0 10px; box-sizing: border-box}
.gcon_2 .ibd .item .ai .a1{ font-size: 20px;text-align: center; font-weight: bold; }
.gcon_2 .ibd .item .ai .a2{ display: none;}
.gcon_2 .ibd .item1{ left: 40px; top: 90px;}
.gcon_2 .ibd .item1 .ai .a1{  color: rgba(7, 95, 219, 1); }
.gcon_2 .ibd .item1 span{ transform: skewX(10deg); background: radial-gradient(ellipse at center, #ffffff -40%, rgba(196, 229, 248, 1)); }
.gcon_2 .ibd .item.on span{ transform: skewX(0)!important; }
.gcon_2 .ibd .item2{ right: 40px; top: 90px;}
.gcon_2 .ibd .item2 .ai .a1{ color: rgba(13, 176, 189, 1);}
.gcon_2 .ibd .item2 span{ transform: skewX(-10deg); background: radial-gradient(ellipse at center, #ffffff -40%, rgba(207, 248, 255, 1)); }

.gcon_2 .ibd .item3{ left: 320px; top: 225px;}
.gcon_2 .ibd .item3 .ai .a1{ color: rgba(255, 113, 8, 1);}
.gcon_2 .ibd .item3 span{ transform: skewX(10deg); background: radial-gradient(ellipse at center, #ffffff -40%, rgba(245, 224, 215, 1)); }

.gcon_2 .ibd .item4{ right: 280px; top: 225px;}
.gcon_2 .ibd .item4 .ai .a1{ color: rgba(7, 95, 219, 1);}
.gcon_2 .ibd .item4 span{ transform: skewX(-10deg); background: radial-gradient(ellipse at center, #ffffff -40%, rgba(196, 229, 248, 1)); }

.gcon_2 .ibd .item5{ left: 100px; top: 365px;}
.gcon_2 .ibd .item5 .ai .a1{ color: rgba(13, 176, 189, 1);}
.gcon_2 .ibd .item5 span{ transform: skewX(10deg); background: radial-gradient(ellipse at center, #ffffff -40%,rgba(207, 248, 255, 1)); }

.gcon_2 .ibd .item6{ right: 50px; top: 365px;}
.gcon_2 .ibd .item6 .ai .a1{ color: rgba(254, 118, 21, 1);}
.gcon_2 .ibd .item6 span{ transform: skewX(-10deg); background: radial-gradient(ellipse at center, #ffffff -40%, rgba(246, 226, 216, 1)); }


.gcon_2 .ibd .item7{ left: 50%; margin-left: -95px; top: 50px;}
.gcon_2 .ibd .item7 .ai .a1{ color: rgba(91, 47, 204, 1);}
.gcon_2 .ibd .item7 span{ transform: skewX(-10deg); background: radial-gradient(ellipse at center, #ffffff -40%, rgba(233, 224, 255, 1)); }
.gcon_2 .ibd .item{ z-index: 2;}
.gcon_2 .ibd .item.on{ z-index: 9;}
.gcon_2 .ibd .item.on>div{ width: 400px;  padding: 28px; height: auto; z-index: 9;}
.gcon_2 .ibd .item.on span{ position: absolute; left: 0; top: 0; z-index: 1;}
.gcon_2 .ibd .item.on .ai{ position: relative; z-index: 2; top: 0; transform: translateY(0); padding: 0;}
.gcon_2 .ibd .item.on .ai .a1{ line-height: 1;  text-align: left;}
.gcon_2 .ibd .item.on .ai .a2{ font-size: 14px; color: rgba(51, 51, 51, 1); line-height: 24px; text-align: justify; margin-top: 10px; display: block; }

.gcon_2 .ibd .item7.on{margin-left: -200px;}

.gcon_2 .ibd .item{animation: floatUpDown 4s ease-in-out infinite;}


@keyframes floatUpDown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px); /* 向上浮动距离，可改 */
  }
  100% {
    transform: translateY(0px);
  }
}
.gcon_2 .ibd .item1 { animation-delay: 0s; }
.gcon_2 .ibd .item2 { animation-delay: 0.3s; }
.gcon_2 .ibd .item3 { animation-delay: 0.6s; }
.gcon_2 .ibd .item4 { animation-delay: 0.9s; }
.gcon_2 .ibd .item5 { animation-delay: 1.2s; }
.gcon_2 .ibd .item6 { animation-delay: 1.5s; }
.gcon_2 .ibd .item7 { animation-delay: 1.8s; }




.gcon_2 .ibd .aitem{ width: 388px; background: rgba(233, 224, 255, 1); box-sizing: border-box; padding: 30px; border-radius: 10px; position: absolute; left: 50%; transform: translateX(-50%); top: 50px;}
.gcon_2 .ibd .aitem .title{ font-size: 20px; color: rgba(91, 47, 204, 1); line-height: 1; font-weight: bold;}
.gcon_2 .ibd .aitem .intro{ font-size: 14px; color: rgba(51, 51, 51, 1); line-height: 24px; text-align: justify; margin-top: 10px; }
.gcon_2 .ibd .bitem{ width: fit-content; position: absolute; left: 50%; transform: translateX(-50%); bottom:-28px;}
.gcon_2 .ibd .bitem a{ display: block; position: relative;}
.gcon_2 .ibd .bitem a .p1{ width: 100%; position: absolute; left: 0; top: 0; z-index: 0; background: rgba(46, 116, 238, 1); height: 100%; border-radius: 10px; transform: skewX(-10deg); transition: all 0.3s;}
.gcon_2 .ibd .bitem a .p2{ display: flex; align-items: center; justify-content: center; height: 56px; position: relative; z-index: 2; padding: 0 20px;}
.gcon_2 .ibd .bitem a .p2 .m{ display: flex; align-items: center; color: #fff; font-size: 20px; }
.gcon_2 .ibd .bitem a .p2 .m img{ height: 33px;}
.gcon_2 .ibd .bitem a:hover .p1{transform: skewX(0); }
@media all and (max-width:1680px){
    .gcon_2 .ibd .item>div{ width: 160px; height: 80px;}
    .gcon_2 .ibd .item .ai .a1{ font-size: 16px; }
    .gcon_2 .ibd .item1{ left: 0; top: 15%;}
    .gcon_2 .ibd .item2{ right: 0; top: 15%;}
    .gcon_2 .ibd .item3{ left: 15%; top: 35%;}
    .gcon_2 .ibd .item4{ right: 15%; top: 35%;}
    .gcon_2 .ibd .item5{ left: 9%; top: 65%;}
    .gcon_2 .ibd .item6{ right: 9%; top: 65%;}
    .gcon_2 .ibd .item.on>div{ width: 360px; height: auto;}
    .gcon_2 .ibd .item7.on{margin-left: -180px;}

    .gcon_2 .ibd .bitem{ bottom:-25px;}
    .gcon_2 .ibd .bitem a .p2{  height: 50px; }
    .gcon_2 .ibd .bitem a .p2 .m{ font-size: 16px; }
    .gcon_2 .ibd .bitem a .p2 .m img{ height: 28px; margin-left: 5px;}
}
@media all and (max-width:1200px){
    .gcon_2 .ibd .item>div{ border-radius: 6px; width: 120px; height: 60px;}
    .gcon_2 .ibd .item .ai{ padding: 0 10%;}
    .gcon_2 .ibd .item .ai .a1{ font-size: 13px;  }
    .gcon_2 .ibd .item.on .ai .a2{ font-size: 12px;  }
    .gcon_2 .ibd .item.on .ai .a1{ padding: 0; }
    .gcon_2 .ibd .item1{ left: 0; top: 15%;}
    .gcon_2 .ibd .item2{ right: 0; top: 15%;}
    .gcon_2 .ibd .item3{ left: 15%; top: 35%;}
    .gcon_2 .ibd .item4{ right: 15%; top: 35%;}
    .gcon_2 .ibd .item5{ left: 9%; top: 65%;}
    .gcon_2 .ibd .item6{ right: 9%; top: 65%;}
    .gcon_2 .ibd .aitem{ width: 34%; top: 20px;}
    .gcon_2 .ibd .aitem .title{ font-size: 14px;}
    .gcon_2 .ibd .bitem{ bottom:-23px;}
    .gcon_2 .ibd .bitem a .p2{  height: 46px; }
    .gcon_2 .ibd .bitem a .p2 .m{ font-size: 14px; }
    .gcon_2 .ibd .bitem a .p2 .m img{ height: 24px; margin-left: 5px;}
    .gcon_2 .ibd .item.on > div{ width: 260px; height: auto; padding: 15px;}
    .gcon_2 .ibd .item7.on{margin-left: -130px;}

    .gcon_2 .ibd .pic img{ width: 100%; opacity: 1;}
    .gcon_2>video{ display: none;}
}
@media all and (max-width:750px){
    .gcon_2 .ibd .item span{ border-radius: 6px;}
    .gcon_2 .ibd .item i{ font-size: 12px; padding: 0 10%; }
    .gcon_2 .ibd .item1{ left: 0; top: 0; bottom: 0; right: 0; position: relative;}
    .gcon_2 .ibd .item2{ left: 0; top: 0; bottom: 0; right: 0; position: relative;}
    .gcon_2 .ibd .item3{ left: 0; top: 0; bottom: 0; right: 0; position: relative;}
    .gcon_2 .ibd .item4{ left: 0; top: 0; bottom: 0; right: 0; position: relative;}
    .gcon_2 .ibd .item5{ left: 0; top: 0; bottom: 0; right: 0; position: relative;}
    .gcon_2 .ibd .item6{ left: 0; top: 0; bottom: 0; right: 0; position: relative;}
    .gcon_2 .ibd .item7{ left: 0; top: 0; bottom: 0; right: 0; position: relative; transform: translateX(0%); margin: 0;}
    .gcon_2 .ibd .item7.on{  transform: translateX(0%);}

    .gcon_2 .ibd .aitem{ width: 100%; position: relative; top: 0;}
    .gcon_2 .ibd .aitem .title{ font-size: 14px;}
    .gcon_2 .ibd .bitem{ bottom:0; position: relative; margin-top: 12px;}
    .gcon_2 .ibd .bitem a .p2{  height: 40px; }
    .gcon_2 .ibd .bitem a .p2 .m{ font-size: 14px; }
    .gcon_2 .ibd .bitem a .p2 .m img{ height: 24px; margin-left: 5px;}
    .gcon_2 .ibd .cc{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0;}
    .gcon_2 .ibd .cc .item{ width: 100%; margin-top: 12px;}
    .gcon_2 .ibd .item span{ width: 100%;}

    .gcon_2 .ibd .item > div{ width: 100%; height: auto;}
    .gcon_2 .ibd .item span{transform: skewX(0)!important;}

    .gcon_2 .ibd .item{ animation: floatUpDowns 4s ease-in-out infinite; padding: 0;}
    .gcon_2 .ibd .item7.on{ margin-left: 0;}
    .gcon_2 .ibd .item > div,.gcon_2 .ibd .item.on > div{ width: 100%; height: auto; padding: 0;}
    .gcon_2 .ibd .item.on .ai .a1,.gcon_2 .ibd .item .ai .a1{ text-align: left;}
    .gcon_2 .ibd .item .ai,.gcon_2 .ibd .item.on .ai{ padding: 20px; position: relative; top: 0;transform: translateY(0); z-index: 2;}
    .gcon_2 .ibd .item .ai .a2{ color: rgba(51, 51, 51, 1);  line-height: 24px;  text-align: justify;
  margin-top: 10px;  display: block;}
    .gcon_2 .ibd .item span {  position: absolute;  left: 0;  top: 0;  z-index: 1;}
    .gcon_2 .ibd .item .ai .a1{ font-size: 14px;  }
    @keyframes floatUpDowns {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(0); /* 向上浮动距离，可改 */
    }
    100% {
        transform: translateY(0);
    }
    }
}

.gcon_3{ background: url(ax_12.png) center center no-repeat; background-size: cover;}
.gcon_3 .ibd{ margin-top: 50px; overflow: hidden;}
.gcon_3 .ibd .tab03{ width: 100%;}
.gcon_3 .ibd .tab03 ul{ display: flex; align-items: center; justify-content: center; gap: 0 20px;}
.gcon_3 .ibd .tab03 ul li{ display: flex; align-items: center; justify-content: center; height: 44px; background: #fff; border-radius: 30px;position: relative; font-size: 18px; color: rgba(105, 109, 125, 1); padding: 0 50px; cursor: pointer;}
.gcon_3 .ibd .tab03 ul li.on{ color: rgba(46, 116, 238, 1);}
/* tab 蓝色描边动画 */
.gcon_3 .ibd .tab03 ul li .tab-border{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none;}
.gcon_3 .ibd .tab03 ul li .tab-border rect{ width: calc(100% - 2px); height: calc(100% - 2px); fill: none; stroke: rgba(46, 116, 238, 1); stroke-width: 2; stroke-dasharray: 100; stroke-dashoffset: 100;}
.gcon_3 .ibd .tab03 ul li.on .tab-border rect{ animation: drawTabBorder 1.2s linear forwards;}
@keyframes drawTabBorder{ to{ stroke-dashoffset: 0;}}
.gcon_3 .ibd .bd{ width: 100%; margin-top: 70px; position: relative; overflow: hidden;}
.gcon_3 .ibd .bd .con{ width: 100%; position: relative; z-index: 1; opacity: 0; visibility: hidden; transition: all 0.5s; top: 50px;}
.gcon_3 .ibd .bd .con:nth-child(n+2){ position: absolute; left: 0; }
.gcon_3 .ibd .bd .swiper03{ width: 100%; overflow: hidden;}
.gcon_3 .ibd .bd .con.on{ z-index: 3; opacity: 1; visibility: visible; top: 0; }
.gcon_3 .ibd .bd .swiper03 .swiper-slide{ width: calc(400 / 1660 * 100%); margin-right: calc(20 / 1660 * 100%); border-radius: 10px; overflow: hidden; position: relative;} 
.gcon_3 .ibd .bd .swiper03 .swiper-slide:last-child{ margin-right: 0;}
.gcon_3 .ibd .bd .swiper03 .swiper-slide .pic{ width: 100%; overflow: hidden; position: relative;}
.gcon_3 .ibd .bd .swiper03 .swiper-slide .pic::after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(ax_24.png) center center no-repeat; background-size: cover;}
.gcon_3 .ibd .bd .swiper03 .swiper-slide .pic img{ width: 100%; transition: all 0.3s; transform: scale(1);}
.gcon_3 .ibd .bd .swiper03 .swiper-slide:hover .pic img{  transform: scale(1.15);}
.gcon_3 .ibd .bd .swiper03 .swiper-slide .title{ width: 100%; box-sizing: border-box; padding: 20px 30px; position: absolute; left: 0; bottom: 0; font-size: 16px; color: #fff; transition: all 0.3s;}
.gcon_3 .ibd .bd .swiper03 .swiper-slide .cont{ width:calc(100% - 40px); position: absolute; left: 20px; bottom: -50%; background: rgba(46, 116, 238, 1); box-sizing: border-box; padding: 20px; color: #fff; border-radius: 10px; transition: all 0.3s;}
.gcon_3 .ibd .bd .swiper03 .swiper-slide .cont .t1{ font-size: 16px; font-weight: bold;}
.gcon_3 .ibd .bd .swiper03 .swiper-slide .cont .t2{ font-size: 14px; margin-top: 10px;}
.gcon_3 .ibd .bd .swiper03 .swiper-slide:hover .title{ bottom: auto; top: 100%;}
.gcon_3 .ibd .bd .swiper03 .swiper-slide:hover .cont{ bottom: 0;}
.gcon_3 .ifd{ margin-top: 70px; display: flex; justify-content: center;}
.gcon_3 .ifd a{ display: block; position: relative;}
.gcon_3 .ifd a .p1{ width: 100%; position: absolute; left: 0; top: 0; z-index: 0; background: rgba(46, 116, 238, 1); height: 100%; border-radius: 10px; transform: skewX(-10deg); transition: all 0.3s;}
.gcon_3 .ifd a .p2{ display: flex; align-items: center; justify-content: center; height: 56px; position: relative; z-index: 2; padding: 0 40px;}
.gcon_3 .ifd a .p2 .m{ display: flex; align-items: center; color: #fff; font-size: 20px; }
.gcon_3 .ifd a .p2 .m img{ height: 17px; margin-left: 10px;}
.gcon_3 .ifd a:hover .p1{transform: skewX(0); }
@media all and (max-width:1680px){
    .gcon_3 .ibd{ margin-top: 40px;}
    .gcon_3 .ibd .tab03 ul{ gap: 0 16px;}
    .gcon_3 .ibd .tab03 ul li{ height: 40px; border-radius: 20px; font-size: 16px; padding: 0 35px;}
    .gcon_3 .ibd .tab03 ul li .tab-border rect { rx: 20px;}
    .gcon_3 .ibd .bd{ margin-top: 40px; }
    .gcon_3 .ibd .bd .swiper03 .swiper-slide .title{ padding:20px 16px ;font-size: 15px; }
    .gcon_3 .ibd .bd .swiper03 .swiper-slide .cont{ width:calc(100% - 32px); left: 16px; bottom: -90%; padding: 16px; }
    .gcon_3 .ibd .bd .swiper03 .swiper-slide .cont .t1{ font-size: 15px; }
    .gcon_3 .ibd .bd .swiper03 .swiper-slide .cont .t2{ font-size: 13px; }
    .gcon_3 .ifd{ margin-top: 40px; }
    .gcon_3 .ifd a .p2{ height: 50px; padding: 0 30px;}
    .gcon_3 .ifd a .p2 .m{ font-size: 16px; }
    .gcon_3 .ifd a .p2 .m img{ height: 15px; margin-left: 8px;}
}
@media all and (max-width:1200px){
    .gcon_3 .ibd{ margin-top: 30px;}
    .gcon_3 .ibd .tab03 ul{ gap: 0 15px;}
    .gcon_3 .ibd .tab03 ul li{ height: 32px; border-radius: 16px; font-size: 15px; padding: 0 30px;}
    .gcon_3 .ibd .tab03 ul li .tab-border rect { rx: 16px;}
    .gcon_3 .ibd .bd{ margin-top: 30px; }
    .gcon_3 .ibd .bd .swiper03 .swiper-slide{ width: 32%; margin-right: 2%;}
    .gcon_3 .ibd .bd .swiper03 .swiper-slide .title{ padding:16px ;font-size: 14px; }
    .gcon_3 .ibd .bd .swiper03 .swiper-slide .cont .t1{ font-size: 14px; }
    .gcon_3 .ibd .bd .swiper03 .swiper-slide .cont .t2{ font-size: 12px; }
    .gcon_3 .ifd{ margin-top: 30px; }
    .gcon_3 .ifd a .p2{ height: 46px; padding: 0 20px;}
    .gcon_3 .ifd a .p2 .m{ font-size: 14px; }
    .gcon_3 .ifd a .p2 .m img{ height: 12px; margin-left: 6px;}
}
@media all and (max-width:750px){
    .gcon_3 .ibd{ margin-top: 20px;}
    .gcon_3 .ibd .tab03 ul{ gap: 0 10px;}
    .gcon_3 .ibd .tab03 ul li{ height: 28px; border-radius: 14px; font-size: 14px; padding: 0 20px;}
    .gcon_3 .ibd .tab03 ul li .tab-border rect { rx: 14px;}
    .gcon_3 .ibd .bd{ margin-top: 20px; }
    .gcon_3 .ibd .bd .swiper03 .swiper-slide{ width: 49%; margin-right: 2%;}
    .gcon_3 .ibd .bd .swiper03 .swiper-slide .title{ padding:10px ;font-size: 12px; }
    .gcon_3 .ibd .bd .swiper03 .swiper-slide .cont{ display: none;}
    .gcon_3 .ifd{ margin-top: 20px; }
    .gcon_3 .ifd a .p2{ height: 40px;}
    .gcon_3 .ifd a .p2 .m{ font-size: 12px; }
    .gcon_3 .ifd a .p2 .m img{ height: 10px; margin-left: 6px;}
}

.gcon_4{ width: 100%; background: url(ax_14.png) center center no-repeat; background-size: cover;}
.gcon_4 .ibd{ margin-top: 50px;}
.gcon_4 .ibd .hd ul{ width: 100%; display: flex; justify-content: space-between;}
.gcon_4 .ibd .hd ul li{ width: calc(255 / 1660 * 100%); overflow: hidden; transition: all 0.5s; border-radius: 10px; position: relative;}
.gcon_4 .ibd .hd ul li.on{ width: calc(580 / 1660 * 100%);}
.gcon_4 .ibd .hd ul li .pic{ width: 30.4vw; overflow: hidden; position: relative; left: 50%; transform: translateX(-50%);}
.gcon_4 .ibd .hd ul li .pic img{ width: 100%;}
.gcon_4 .ibd .hd ul li .pic .img1{ display: block;}
.gcon_4 .ibd .hd ul li .pic .img2{ display: none;}
.gcon_4 .ibd .hd ul li .i{ width: 100%; height: 100%; /*background: linear-gradient(180deg, rgba(0, 88, 188, 1) 0%, rgba(36, 128, 181, 0.02) 60%);*/ position: absolute; left: 0; top: 0;}
/* .gcon_4 .ibd .hd ul li:nth-child(2n) .i{ background: linear-gradient(180deg, rgba(26, 123, 177, 1) 0%, rgba(36, 128, 181, 0.02) 60%); } */
/* .gcon_4 .ibd .hd ul li.on .i{ background: rgba(255,255,255,0.9);} */
.gcon_4 .ibd .hd ul li .cont{ width: 100%; height: 100%; box-sizing: border-box; padding: 60px 35px; position: absolute; left: 0; top: 0; z-index: 3;}
.gcon_4 .ibd .hd ul li .cont .title{ font-size: 20px; color: #fff;}
.gcon_4 .ibd .hd ul li .cont .intro{ font-size: 14px; color: #fff; margin-top: 20px; text-align: justify; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.gcon_4 .ibd .hd ul li.on .cont .title{  color: #000; font-weight: bold;}
.gcon_4 .ibd .hd ul li.on .cont .intro{  color: #333; }
.gcon_4 .ibd .hd ul li.on .pic .img2{ display: block;}
.gcon_4 .ibd .hd ul li.on .pic .img1{ display: none;}
@media all and (max-width:1680px){
    .gcon_4 .ibd{ margin-top: 40px;}
    .gcon_4 .ibd .hd ul li .cont{  padding: 40px 25px; }
    .gcon_4 .ibd .hd ul li .cont .title{ font-size: 18px; }
    .gcon_4 .ibd .hd ul li .cont .intro{ font-size: 13px; }
}
@media all and (max-width:1200px){
    .gcon_4 .ibd{ margin-top:30px;}
    .gcon_4 .ibd .hd ul li{ width: 19%;}
    .gcon_4 .ibd .hd ul li.on{ width: 19%;}
    .gcon_4 .ibd .hd ul li .cont{  padding: 20px 15px; }
    .gcon_4 .ibd .hd ul li .cont .title{ font-size: 14px; }
    .gcon_4 .ibd .hd ul li .cont .intro{ font-size: 12px; margin-top: 12px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:20; }
    .gcon_4 .ibd .hd ul li .i{ background: linear-gradient(180deg, rgba(0, 88, 188, 1) 0%, rgba(36, 128, 181, 0.02) 100%); }
    .gcon_4 .ibd .hd ul li:nth-child(2n) .i{ background: linear-gradient(180deg, rgba(26, 123, 177, 1) 0%, rgba(36, 128, 181, 0.02) 100%); }
    .gcon_4 .ibd .hd ul li.on .i{ background: linear-gradient(180deg, rgba(0, 88, 188, 1) 0%, rgba(36, 128, 181, 0.02) 100%); }
    .gcon_4 .ibd .hd ul li.on:nth-child(2n) .i{ background: linear-gradient(180deg, rgba(26, 123, 177, 1) 0%, rgba(36, 128, 181, 0.02) 100%); }
    .gcon_4 .ibd .hd ul li.on .cont .title{  color: #fff; font-weight: normal;}
    .gcon_4 .ibd .hd ul li.on .cont .intro{  color: #fff; }
}
@media all and (max-width:750px){
    .gcon_4 .ibd{ margin-top:20px;}
    .gcon_4 .ibd .hd ul{ flex-wrap: wrap;}
    .gcon_4 .ibd .hd ul li{ width: 49%; margin-right: 2%; margin-top: 2%;}
    .gcon_4 .ibd .hd ul li.on{ width: 49%; margin-right: 2%;}
    .gcon_4 .ibd .hd ul li:nth-child(2n){ margin-right: 0;}
    .gcon_4 .ibd .hd ul li:nth-child(5){ width: 100%; margin-right: 0;}
    .gcon_4 .ibd .hd ul li .pic{ width: 140%;}
    .gcon_4 .ibd .hd ul li .cont{  padding: 20px 15px; }
    .gcon_4 .ibd .hd ul li .cont .title{ font-size: 15px; }
    .gcon_4 .ibd .hd ul li .cont .intro{ font-size: 12px; margin-top: 12px; }
    /* .gcon_4 .ibd .hd ul li .i{ background: linear-gradient(180deg, rgba(0, 88, 188, 1) 0%, rgba(36, 128, 181, 0.02) 100%); }
    .gcon_4 .ibd .hd ul li:nth-child(2n) .i{ background: linear-gradient(180deg, rgba(26, 123, 177, 1) 0%, rgba(36, 128, 181, 0.02) 100%); }
    .gcon_4 .ibd .hd ul li.on .i{ background: linear-gradient(180deg, rgba(0, 88, 188, 1) 0%, rgba(36, 128, 181, 0.02) 100%); }
    .gcon_4 .ibd .hd ul li.on:nth-child(2n) .i{ background: linear-gradient(180deg, rgba(26, 123, 177, 1) 0%, rgba(36, 128, 181, 0.02) 100%); } */

    .gcon_4 .ibd .hd ul li .i{ background:none; }
    .gcon_4 .ibd .hd ul li:nth-child(2n) .i{ background:none; }
    .gcon_4 .ibd .hd ul li.on .i{ background:none; }
    .gcon_4 .ibd .hd ul li.on:nth-child(2n) .i{ background:none; }
    .gcon_4 .ibd .hd ul li.on .cont .title{  color: #fff; font-weight: normal;}
    .gcon_4 .ibd .hd ul li.on .cont .intro{  color: #fff; }
    .gcon_4 .ibd .hd ul li.on .pic .img1{ display: block;}
    .gcon_4 .ibd .hd ul li.on .pic .img2{ display: none;}
    .gcon_4 .ibd .hd ul li:last-child{ height: 60vw; overflow: hidden;}
    .gcon_4 .ibd .hd ul li:last-child .pic{ width: 100%;}
}


.gcon_5{ background:url(ax_15.png) center center no-repeat; background-size: cover;}
.gcon_5 .ibd{ margin-top: 50px }
.gcon_5 .ibd .swiper05{ width: 100%; overflow: hidden; }
.gcon_5 .ibd .swiper05 .swiper-slide{ width: calc(396 / 1660 * 100%); margin-right: calc(23 / 1600 * 100%) ; box-sizing: border-box; border-radius: 10px; overflow: hidden; background: #fff; }
.gcon_5 .ibd .swiper05 .swiper-slide:last-child{ margin-right:0!important;}
.gcon_5 .ibd .swiper05 .swiper-slide a{ display: block; box-sizing: border-box;  padding: 50px 65px 40px }
.gcon_5 .ibd .swiper05 .swiper-slide a .item .title{ text-align: center; font-size: 20px; font-weight: bold; color: #000; font-weight: bold; }
.gcon_5 .ibd .swiper05 .swiper-slide a .item .line{ width: 18px; height: 3px; margin: 0 auto; background: rgba(204, 204, 204, 1); margin-top: 12px }
.gcon_5 .ibd .swiper05 .swiper-slide a .item .intro{ font-size: 14px; color: rgba(117, 118, 119, 1); line-height: 24px; text-align: center; margin-top: 8px; height: 80px }
.gcon_5 .ibd .swiper05 .swiper-slide a .pic{ text-align: center; width: 100%  }
.gcon_5 .ibd .swiper05 .swiper-slide a .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 .swiper05 .swiper-slide:hover a .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_5 .ibd .swiper05 .swiper-slide a .more{ margin-top: 40px; width: 100%; height: 35px;background: rgba(242, 242, 242, 1); display: flex; align-items: center; justify-content: center; font-size: 14px; color: rgba(117, 118, 119, 1); border-radius: 20px; position: relative; z-index: 1; overflow: hidden; transition: all 0.5s;}

.gcon_5 .ibd .swiper05 .swiper-slide a .more::after{ content: ""; display: block; width: 0%; left: 0%; height: 100%; position: absolute; top:0; background: rgba(46, 116, 238, 1); z-index: -1; transition: all 0.5s;}
.gcon_5 .ibd .swiper05 .swiper-slide:hover a .more::after{ left: 0; width: 100%;}

.gcon_5 .ibd .swiper05 .swiper-slide:hover a .more{  color: #fff }
.gcon_5 .ibd .swiper05 .pagination05{ width: 100%;display:flex; align-items: center; justify-content: center; margin-top: 50px; font-size: 0 }
.gcon_5 .ibd .swiper05 .pagination05 span{ display: block; width: 10px; height: 10px; border-radius: 50%; opacity: 1; background: rgba(255, 255, 255, 1); margin: 0 10px; box-sizing: border-box; }
.gcon_5 .ibd .swiper05 .pagination05 span.swiper-pagination-bullet-active{width: 14px;height: 14px;  border: 4px solid rgba(46, 116, 238, 1); background: none}
.gcon_5 .ifd{ margin-top: 50px; display: flex; justify-content: center;}
.gcon_5 .ifd a{ display: block; position: relative;}
.gcon_5 .ifd a .p1{ width: 100%; position: absolute; left: 0; top: 0; z-index: 0; background: rgba(46, 116, 238, 1); height: 100%; border-radius: 10px; transform: skewX(-10deg); transition: all 0.3s;}
.gcon_5 .ifd a .p2{ display: flex; align-items: center; justify-content: center; height: 56px; position: relative; z-index: 2; padding: 0 40px;}
.gcon_5 .ifd a .p2 .m{ display: flex; align-items: center; color: #fff; font-size: 20px; }
.gcon_5 .ifd a .p2 .m img{ height: 17px; margin-left: 10px;}
.gcon_5 .ifd a:hover .p1{transform: skewX(0); }

@media all and (max-width:1680px){
	.gcon_4 .ibd{ margin-top: 30px }
	.gcon_5 .ibd .swiper05 .swiper-slide a{ padding: 40px 30px }
	.gcon_5 .ibd .swiper05 .swiper-slide a .item .title{ font-size: 18px; }
	.gcon_5 .ibd .swiper05 .swiper-slide a .item .line{ width: 16px; height: 2px;  margin-top: 10px }
	.gcon_5 .ibd .swiper05 .swiper-slide a .item .intro{ font-size: 12px; line-height: 20px; margin-top: 8px; height: 60px }
	.gcon_5 .ibd .swiper05 .swiper-slide a .more{ height: 40px; font-size: 12px; margin-top: 20px;}
	.gcon_5 .ibd .swiper05 .pagination05{ margin-top: 35px; }
	.gcon_5 .ibd .swiper05 .pagination05 span{ width: 8px; height: 8px; margin: 0 8px; }
	.gcon_5 .ibd .swiper05 .pagination05 span.swiper-pagination-bullet-active{width: 12px;height: 12px;  border-width: 3px ; }
    .gcon_5 .ifd{ margin-top: 30px; }
    .gcon_5 .ifd a .p2{ height: 50px; padding: 0 30px;}
    .gcon_5 .ifd a .p2 .m{ font-size: 16px; }
    .gcon_5 .ifd a .p2 .m img{ height: 15px; margin-left: 8px;}

}
@media all and (max-width:1200px){
	.gcon_4{ padding: 60px 0 }
	.gcon_4 .ibd{ margin-top: 30px }
	.gcon_5 .ibd .swiper05 .swiper-slide{ width: 32%; margin-right: 2% }
	.gcon_5 .ibd .swiper05 .swiper-slide a{ padding: 30px 20px }
	.gcon_5 .ibd .swiper05 .swiper-slide a .item .title{ font-size: 16px; }
	.gcon_5 .ibd .swiper05 .swiper-slide a .item .line{ width: 16px; height: 2px;  margin-top: 10px }
	.gcon_5 .ibd .swiper05 .swiper-slide a .item .intro{ font-size: 12px; line-height: 20px; margin-top: 8px; height: 60px }
	.gcon_5 .ibd .swiper05 .swiper-slide a .more{ height: 36px; font-size: 12px;}
	.gcon_5 .ibd .swiper05 .pagination04{ margin-top: 40px; }
	.gcon_5 .ibd .swiper05 .pagination04 span{ width: 6px; height: 6px; margin: 0 6px; }
	.gcon_5 .ibd .swiper05 .pagination04 span.swiper-pagination-bullet-active{width: 10px;height: 10px;  border: 2px solid rgba(166, 33, 38, 1); }
	.gcon_5 .ifd{ margin-top: 30px; }
    .gcon_5 .ifd a .p2{ height: 46px; padding: 0 20px;}
    .gcon_5 .ifd a .p2 .m{ font-size: 14px; }
    .gcon_5 .ifd a .p2 .m img{ height: 12px; margin-left: 6px;}
}
@media all and (max-width:750px){
	.gcon_4{ padding: 40px 0 60px}
	.gcon_4 .ibd{ margin-top: 20px }
	.gcon_5 .ibd .swiper05 .swiper-slide{ width: 49%; margin-right: 2%; border-radius: 6px }
	.gcon_5 .ibd .swiper05 .swiper-slide a{ padding: 20px 15px }
	.gcon_5 .ibd .swiper05 .swiper-slide a .item .title{ font-size: 16px; }
	.gcon_5 .ibd .swiper05 .swiper-slide a .item .line{ width: 16px; height: 2px;  margin-top: 10px }
	.gcon_5 .ibd .swiper05 .swiper-slide a .item .intro{ font-size: 12px; line-height: 20px; margin-top: 8px; height: 60px }
	.gcon_5 .ibd .swiper05 .swiper-slide a .more{ height: 36px; font-size: 12px;}
	.gcon_5 .ibd .swiper05 .pagination04{ margin-top: 25px; }
    .gcon_5 .ifd{ margin-top: 20px; }
    .gcon_5 .ifd a .p2{ height: 40px;}
    .gcon_5 .ifd a .p2 .m{ font-size: 12px; }
    .gcon_5 .ifd a .p2 .m img{ height: 10px; margin-left: 6px;}
}
@media all and (max-width:450px){
    .gcon_5 .ibd .swiper05 .swiper-slide{ height: auto;}
    .gcon_5 .ibd .swiper05 .swiper-slide a .item .title{ font-size: 15px; }
}

.gcon_6{ width: 100%; background: url(ax_18.png) center center no-repeat; background-size: cover;}
.gcon_6 .ibd{ margin-top: 50px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.gcon_6 .ibd .lt{ width: calc(50% - 10px);}
.gcon_6 .ibd .rt{ width: calc(50% - 10px);}
.gcon_6 .ibd .hd{ display: flex;  align-items: center;}
.gcon_6 .ibd .hd .title{ font-size: 24px; color: rgba(0, 0, 0, 1); line-height: 1; font-weight: bold; margin-right: 20px;}
.gcon_6 .ibd .hd .more a{ display: block; background: url(ax_17.png) right center no-repeat; background-size: 9px; padding-right: 20px; font-size: 16px; color: rgba(105, 109, 125, 1);}
.gcon_6 .ibd .hd .more:hover a{ color: rgba(46, 116, 238, 1); background-image: url(ax_17-2.png);}
.gcon_6 .ibd .bd{ margin-top: 30px}
.gcon_6 .ibd .lt .bd .item{ background: #fff; margin-bottom: 20px; border-radius: 10px; overflow: hidden; position: relative; transition: all 0.3s; top: 0;}
.gcon_6 .ibd .lt .bd .item:hover{ top: -5px;}
.gcon_6 .ibd .lt .bd .item:last-child{ margin-bottom: 0;}
.gcon_6 .ibd .lt .bd .item a{ display: flex; width: 100%; box-sizing: border-box; padding: 20px; justify-content: space-between; flex-direction: row-reverse; align-items: center;}
.gcon_6 .ibd .lt .bd .item a .time{ width: 65px; text-align: center;}
.gcon_6 .ibd .lt .bd .item a .time .p1{ font-size: 50px; color: rgba(166, 166, 166, 1); line-height: 1;}
.gcon_6 .ibd .lt .bd .item a .time .p2{ font-size: 16px; color: rgba(166, 166, 166, 1); line-height: 1; margin-top: 10px;}
.gcon_6 .ibd .lt .bd .item a .pic{ width: 315px; border-radius: 10px; overflow: hidden;}
.gcon_6 .ibd .lt .bd .item a .pic i{ display: block; width: 100%; padding-bottom: calc(135 / 315 * 100%); position: relative;}
.gcon_6 .ibd .lt .bd .item a .pic img{ width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all 0.3s; position: absolute; left: 0; top:0}
.gcon_6 .ibd .lt .bd .item:hover a .pic img{ transform: scale(1.15); }
.gcon_6 .ibd .lt .bd .item a .con{ width: calc(100% - 380px); box-sizing: border-box; padding: 0 40px;}
.gcon_6 .ibd .lt .bd .item a .con .title{ font-size: 18px; color: rgba(0, 0, 0, 1); font-weight: bold; text-align: justify; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; height: 56px; line-height: 28px;}
.gcon_6 .ibd .lt .bd .item a .con .tt{ display: none;}
.gcon_6 .ibd .lt .bd .item:hover a .con .title{ color: rgba(46, 116, 238, 1);}
.gcon_6 .ibd .lt .bd .item:hover a .time .p1{ color: rgba(46, 116, 238, 1);}
.gcon_6 .ibd .lt .bd .item:hover a .time .p2{ color: rgba(46, 116, 238, 1);}


.gcon_6 .ibd .lt .bd .item a .con .intro{ font-size: 14px; color: rgba(68, 64, 63, 1); margin-top: 10px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_6 .ibd .rt .bd{ height: 565px; background: #fff; border-radius: 10px; box-sizing: border-box; padding:45px 35px;}
.gcon_6 .ibd .rt .bd .item{ margin-bottom: 37px;}
.gcon_6 .ibd .rt .bd .item:last-child{ margin-bottom: 0;}
.gcon_6 .ibd .rt .bd .item a{ display: flex; justify-content: space-between; align-items: center;}
.gcon_6 .ibd .rt .bd .item a .title{ width: calc(100% - 100px); box-sizing: border-box; background: url(ax_20.png) left center no-repeat; background-size: 13px; padding-left: 20px; font-size: 18px; color: rgba(0, 0, 0, 1);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_6 .ibd .rt .bd .item a .time{ font-size: 16px; color: rgba(166, 166, 166, 1);}
.gcon_6 .ibd .rt .bd .item:hover a .title{  background-image: url(ax_19.png); font-weight: bold; color: rgba(46, 116, 238, 1);}
@media all and (max-width:1680px){
    .gcon_6 .ibd{ margin-top: 40px;}
    .gcon_6 .ibd .lt{ width: calc(50% - 8px);}
    .gcon_6 .ibd .rt{ width: calc(50% - 8px);}
    .gcon_6 .ibd .hd .title{ font-size: 20px;}
    .gcon_6 .ibd .hd .more a{  background-size: 7px; padding-right: 18px; font-size: 14px;}
    .gcon_6 .ibd .bd{ margin-top: 20px}
    .gcon_6 .ibd .lt .bd .item{ margin-bottom: 16px;}
    .gcon_6 .ibd .lt .bd .item a{ padding: 16px;}
    .gcon_6 .ibd .lt .bd .item a .time{ width: 56px; text-align: center;}
    .gcon_6 .ibd .lt .bd .item a .time .p1{ font-size: 42px; }
    .gcon_6 .ibd .lt .bd .item a .time .p2{ font-size: 14px; margin-top: 10px;}
    .gcon_6 .ibd .lt .bd .item a .pic{ width: 224px; }
    .gcon_6 .ibd .lt .bd .item a .con{ width: calc(100% - 280px); padding: 0 25px;}
    .gcon_6 .ibd .lt .bd .item a .con .title{ font-size: 16px; height: 48px; line-height: 24px;}
    .gcon_6 .ibd .lt .bd .item a .con .intro{ font-size: 12px;   margin-top: 10px; }
    .gcon_6 .ibd .rt .bd{ height: 416px; padding:30px 20px;}
    .gcon_6 .ibd .rt .bd .item{ margin-bottom: 24px;}
    .gcon_6 .ibd .rt .bd .item a .title{ width: calc(100% - 90px); background-size: 11px; padding-left: 18px; font-size: 16px; }
    .gcon_6 .ibd .rt .bd .item a .time{ font-size: 14px; }
}
@media all and (max-width:1200px){
    .gcon_6 .ibd{ margin-top: 30px;}
    .gcon_6 .ibd .lt{ width: 100%;}
    .gcon_6 .ibd .rt{ width: 100%; margin-top: 30px;}
    .gcon_6 .ibd .rt .bd{ height: auto;}
    .gcon_6 .ibd .hd .title{ font-size: 18px;}
    .gcon_6 .ibd .hd .more a{  background-size: 6px; padding-right: 15px; font-size: 12px;}
    .gcon_6 .ibd .bd{ margin-top: 16px} 
}
@media all and (max-width:750px){
    .gcon_6 .ibd{ margin-top: 20px;}
  
    .gcon_6 .ibd .lt .bd .item{ margin-bottom: 16px;}
    .gcon_6 .ibd .lt .bd .item a{ padding: 16px; flex-wrap: wrap;}
    .gcon_6 .ibd .lt .bd .item a .time{ display: none;}
    .gcon_6 .ibd .lt .bd .item a .time .p1{ font-size: 42px; }
    .gcon_6 .ibd .lt .bd .item a .time .p2{ font-size: 14px; margin-top: 10px;}
    .gcon_6 .ibd .lt .bd .item a .pic{ width: 100%; }
    .gcon_6 .ibd .lt .bd .item a .con{ width: 100%; padding:0;}
    .gcon_6 .ibd .lt .bd .item a .con .title{ font-size: 15px; height: 42px; line-height: 22px; margin-top: 12px;}
    .gcon_6 .ibd .lt .bd .item a .con .tt{ display: block; font-size: 12px; color: #999; margin-top: 10px;}
    .gcon_6 .ibd .lt .bd .item a .con .intro{ font-size: 12px;   margin-top: 10px; }
    .gcon_6 .ibd .rt .bd{ padding:16px;}
    .gcon_6 .ibd .rt .bd .item{ margin-bottom: 20px;}
    .gcon_6 .ibd .rt .bd .item a .title{ width: calc(100% - 80px); background-size: 9px; padding-left: 15px; font-size: 15px; }
    .gcon_6 .ibd .rt .bd .item a .time{ font-size: 12px; }
    .gcon_6 .ibd .hd{ justify-content: space-between;}
}



.gcon_7{ background:url(ax_21.png) center center no-repeat; background-size: cover; min-height: auto; padding: 60px 0; }
.gcon_7 .ibd{ margin-top: 55px }
.gcon_7 .ibd .swiper07{ width: calc(100% + 10px); margin: -5px; box-sizing: border-box; padding: 5px; overflow: hidden; }
.gcon_7 .ibd .swiper07 .swiper-slide{ width: 100%; display: flex; flex-wrap: wrap; margin-right: 20px}
.gcon_7 .ibd .swiper07 .swiper-slide .item{ width: calc(210 / 1600 * 100%); margin-right:calc(130 / 6 / 1600 * 100%); border-radius: 10px; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,0.05); margin-bottom: 20px  }
.gcon_7 .ibd .swiper07 .swiper-slide .item:nth-child(7n){ margin-right: 0 }
.gcon_7 .ibd .swiper07 .swiper-slide .item .pic{ width: 100% }
.gcon_7 .ibd .swiper07 .swiper-slide .item .pic img{ width: 100% }
.gcon_7 .ibd .swiper07 .swiper-slide .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_7 .ibd .swiper07 .swiper-slide .item .pic:hover 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_7 .ibd .swiper07 .swiper-slide:last-child{ margin-right: 0 }
.gcon_7 .ibd .swiper07 .pagination07{ width: 100%;display:flex; align-items: center; justify-content: center; margin-top: 40px; font-size: 0 }
.gcon_7 .ibd .swiper07 .pagination07 span{ display: block; width: 8px; height: 8px; border-radius: 50%; opacity: 1; background: rgba(204, 204, 204, 1); margin: 0 10px; box-sizing: border-box; }
.gcon_7 .ibd .swiper07 .pagination07 span.swiper-pagination-bullet-active{width: 14px;height: 14px;  border: 4px solid rgba(46, 116, 238, 1); background: none}
@media all and (max-width:1680px){
	.gcon_7 .ibd{ margin-top: 40px }
	.gcon_7 .ibd .swiper07 .swiper-slide .item{ margin-bottom: 15px  }
	.gcon_7 .ibd .swiper07 .pagination07{ margin-top: 35px; }
	.gcon_7 .ibd .swiper07 .pagination07 span{ width: 7px; height: 7px; margin: 0 8px; }
	.gcon_7 .ibd .swiper07 .pagination07 span.swiper-pagination-bullet-active{width: 12px;height: 12px;  border: 3px solid rgba(166, 33, 38, 1); }
}
@media all and (max-width:1200px){
	.gcon_7 .ibd{ margin-top: 30px }
	.gcon_7 .ibd .swiper07 .swiper-slide .item{ margin-bottom: 12px  }
	.gcon_7 .ibd .swiper07 .pagination07{ margin-top: 28px; }
	.gcon_7 .ibd .swiper07 .pagination07 span{ width: 6px; height: 6px; margin: 0 6px; }
	.gcon_7 .ibd .swiper07 .pagination07 span.swiper-pagination-bullet-active{width: 10px;height: 10px;  border: 2px solid rgba(166, 33, 38, 1); }
}
@media all and (max-width:750px){
	.gcon_7 .ibd{ margin-top: 20px }
	.gcon_7 .ibd .swiper07 .swiper-slide .item{ width: 23.5%; margin-right: 2%; margin-bottom: 12px  }
	.gcon_7 .ibd .swiper07 .swiper-slide .item:nth-child(7n){ margin-right: 2% }
    .gcon_7 .ibd .swiper07 .swiper-slide .item:nth-child(3n){ margin-right: 2% }
	.gcon_7 .ibd .swiper07 .swiper-slide .item:nth-child(4n){ margin-right: 0 }
	.gcon_7 .ibd .swiper07 .pagination07{ margin-top: 20px; }
}	

.gcon_8{ background:url(ax_22.png) center center no-repeat; background-size: cover; padding: 45px 0; }
.gcon_8 .ibd{ display: flex; align-items: center; justify-content: space-between;flex-wrap: wrap; }
.gcon_8 .ibd .pic img{ width: 306px;}
.gcon_8 .ibd .rt{ display: flex; align-items: center; flex-wrap: wrap;}
.gcon_8 .ibd .rt .xmore{ margin-top: 0; box-sizing: border-box; border: 1px solid #fff; background: none; display: flex;}
.gcon_8 .ibd .rt .xmore:hover{ color: #fff;}
.gcon_8 .ibd .rt .title{ font-size: 32px; font-weight: bold; color: #fff; font-style: italic; margin-right: 80px;}
@media all and (max-width:1680px){
    .gcon_8{   padding: 35px 0; }
    .gcon_8 .ibd .pic img{ width:250px;}
    .gcon_8 .ibd .rt .title{ font-size: 26px; margin-right: 60px;}
}
@media all and (max-width:1200px){
    .gcon_8{   padding: 30px 0; }
    .gcon_8 .ibd .pic img{ width:180px;}
    .gcon_8 .ibd .rt .title{ font-size: 20px; margin-right: 40px;}
}
@media all and (max-width:1200px){
    .gcon_8{   padding: 30px 0; }
    .gcon_8 .ibd .pic img{ width:150px;}
    .gcon_8 .ibd .rt .title{ font-size: 16px; margin-right: 0; padding: 20px 0; width: 100%;}
}