﻿@charset "utf-8";
.banner{ width:100%; height:100%; position:relative}
.banner .swiper01{ width:100%; height:100%; overflow:hidden; position:relative}
.banner .swiper01 a{ display:block; width:100%; height:100%}
.banner .swiper01 a .img1{ width:100%; height:100%}
.banner .swiper01 a .img2{ width:100%; height:100%; display:none}
.banner .prev01{ background:url(prev.jpg) center center no-repeat; width:60px; height:60px; cursor:pointer; position:absolute; left:4%; top:50%; margin-top:-18px; z-index:9}
.banner .next01{ background:url(next.jpg) center center no-repeat; width:60px; height:60px; cursor:pointer; position:absolute; right:4%; top:50%; margin-top:-18px; z-index:9}
.banner .swiper01 .pagination01{ width:100%; font-size:0; text-align:left; position:absolute; left:0; bottom:50px; z-index:9; text-align:center; display:none}
.banner .swiper01 .pagination01 span{ display:inline-block; vertical-align:top; width:16px; height:16px; margin:0 6px; background:#fff; border-radius:50%; opacity:1;}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{background:#eda81c; }
.banner .swiper01 .swiper-slide{ width:100%; height:100%; position:relative; overflow:hidden}
.banner .swiper01 .swiper-slide .item{ width:100%; position:absolute; left:50%;  top:50%; transform:translate(-50%,-50%); z-index:9;}
.banner .swiper01 .swiper-slide .item .bq{ width:fit-content; border:1px solid rgba(255,255,255,0.5); padding:5px 25px; border-radius:30px; font-size:30px; color:#fff;visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:0.6s; position:relative; top:30px;}
.banner .swiper01 .swiper-slide .item .title{ font-size:48px; color:#fff; font-weight:bold; line-height:1; margin-top:30px;visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:1.2s; position:relative; top:30px;}
.banner .swiper01 .swiper-slide .item .intro{ font-size:28px; color:#fff; margin-top:25px;visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:1.8s; position:relative; top:30px;}

.banner .swiper01 .swiper-slide.swiper-slide-active .item .bq,.banner .swiper01 .swiper-slide.swiper-slide-active .item .title,.banner .swiper01 .swiper-slide.swiper-slide-active .item .intro{ opacity:1;visibility:visible; top:0}

.banner .swiper01 a .img1{ transform:scale(1.15,1.15);vertical-align:middle; transition:all 10s cubic-bezier(0.19, 1, 0.22, 1)}
.banner .swiper01 .swiper-slide.swiper-slide-active a .img1{transform:scale(1);}

.banner .amore{ background:url(g_04.png) center center no-repeat; background-size:cover; width:61px; height:72px; position:absolute; left:50%; bottom:5%; transform:translateX(-50%); z-index:9}
@media (max-width: 1440px){
	.banner .swiper01 .swiper-slide .item{ padding-top:80px}
	.banner .swiper01 .swiper-slide .item .bq{ padding:5px 20px; border-radius:25px; font-size:24px;}
	.banner .swiper01 .swiper-slide .item .title{ font-size:40px; }
	.banner .swiper01 .swiper-slide .item .intro{ font-size:24px; }
	.banner .amore{ width:50px; height:60px; }

}
@media (max-width: 1200px){
	.banner .swiper01 .pagination01{ bottom:20px}
	.banner .swiper01 .pagination01 span{ width:10px; height:10px; margin:0 4px;}
	.banner .swiper01 a .img2{ display:block}
	.banner .swiper01 a .img1{ display:none}
	.banner .swiper01 .swiper-slide .item{ padding-top:40px}
	.banner .swiper01 .swiper-slide .item .bq{ font-size:18px;}
	.banner .swiper01 .swiper-slide .item .title{ font-size:24px; }
	.banner .swiper01 .swiper-slide .item .intro{ font-size:16px; }
	.banner .amore{ width:40px; height:50px; }	
}
@media (max-width: 750px){
	.banner .swiper01 .swiper-slide .item{ padding-top:40px}
	.banner .swiper01 .swiper-slide .item .bq{ font-size:14px;}
	.banner .swiper01 .swiper-slide .item .title{ font-size:20px; margin-top:15px }
	.banner .swiper01 .swiper-slide .item .intro{ font-size:14px; margin-top:15px }
	.banner .amore{ width:30px; height:40px; }	
}

.gcon_1{ background:url(g_04.jpg) center center no-repeat; background-size:cover; padding-top:110px}
.gcon_1 .aitem .lt{ width:710px; float:left}
.gcon_1 .aitem .lt .a1{ font-size:24px; color:#333; line-height:1}
.gcon_1 .aitem .lt .a2{ color:#0c479b; line-height:1; font-size:110px; padding:5px 0 15px}
.gcon_1 .aitem .lt .a3{ font-size:30px; color:#333333; line-height:1; font-weight:bold}
.gcon_1 .aitem .lt .a4{ font-size:16px; color:rgba(51,51,51,0.7); text-align:justify; margin-top:70px}
.gcon_1 .aitem .rt{ float:right; margin-top:45px; position:relative; width:598px;}
.gcon_1 .aitem .rt .play{ position:relative; width:100%; overflow:hidden}
.gcon_1 .aitem .rt .play 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_1 .aitem .rt .play: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_1 .aitem .rt .play span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(g_10.png) center center no-repeat;}
.gcon_1 .bitem{ width:100%; border-top:1px solid rgba(125,134,162,0.3); margin-top:90px}
.gcon_1 .bitem .nr{ display:flex;justify-content: space-between; align-items: center;}
.gcon_1 .bitem .nr .item2{ width:1px; height:236px; background:rgba(125,134,162,0.3)}
.gcon_1 .bitem .nr .item2:last-child{ display:none}
.gcon_1 .bitem .nr .item{display:flex; align-items: center;}
.gcon_1 .bitem .nr .item  .cont .p1{display:flex; align-items:flex-end; }
.gcon_1 .bitem .nr .item  .cont .p1 .num{ font-size:36px; color:#0c479b; font-weight:bold; line-height:1}
.gcon_1 .bitem .nr .item  .cont .p1 .bq{ font-size:18px; color:#333; margin-left:10px}
.gcon_1 .bitem .nr .item  .cont .p2{ font-size:18px; color:#333; margin-top:10px}
.gcon_1 .bitem .nr .item  .ico{ margin-left:45px}
.gcon_1 .bitem .nr .item  .ico img{ height:64px}
@media (max-width: 1440px){
	.gcon_1{  padding-top:80px}
	.gcon_1 .aitem .lt{ width:50%;}
	.gcon_1 .aitem .lt .a1{ font-size:20px; }
	.gcon_1 .aitem .lt .a2{ font-size:90px;  }
	.gcon_1 .aitem .lt .a3{ font-size:24px; }
	.gcon_1 .aitem .lt .a4{ font-size:14px; margin-top:40px}
	.gcon_1 .aitem .rt{ margin-top:0; width:500px;}
	.gcon_1 .aitem .rt .play span{ background-size:80px}
	.gcon_1 .bitem{  margin-top:60px}
	.gcon_1 .bitem .nr .item2{ height:180px; }
	.gcon_1 .bitem .nr .item  .cont .p1 .num{ font-size:30px; }
	.gcon_1 .bitem .nr .item  .cont .p1 .bq{ font-size:16px; }
	.gcon_1 .bitem .nr .item  .cont .p2{ font-size:16px; }
	.gcon_1 .bitem .nr .item  .ico{ margin-left:35px}
	.gcon_1 .bitem .nr .item  .ico img{ height:58px}
}
@media (max-width: 1200px){
	.gcon_1{  padding-top:60px}
	.gcon_1 .aitem .nr{ display:flex; flex-wrap: wrap; align-items: center;}
	.gcon_1 .aitem .lt{ width:50%;}
	.gcon_1 .aitem .lt .a1{ font-size:14px; }
	.gcon_1 .aitem .lt .a2{ font-size:60px;  }
	.gcon_1 .aitem .lt .a3{ font-size:20px; }
	.gcon_1 .aitem .lt .a4{ font-size:12px; margin-top:20px}
	.gcon_1 .aitem .rt{ width:48%; margin-left:2% }
	.gcon_1 .aitem .rt .play span{ background-size:80px}
	.gcon_1 .bitem{  margin-top:40px}
	.gcon_1 .bitem .nr .item2{ height:140px; }
	.gcon_1 .bitem .nr .item  .cont .p1 .num{ font-size:24px; }
	.gcon_1 .bitem .nr .item  .cont .p1 .bq{ font-size:12px; margin-left:8px }
	.gcon_1 .bitem .nr .item  .cont .p2{ font-size:12px; margin-top:8px }
	.gcon_1 .bitem .nr .item  .ico{ margin-left:20px}
	.gcon_1 .bitem .nr .item  .ico img{ height:46px}
}
@media (max-width: 750px){
	.gcon_1{  padding:40px 0}
	.gcon_1 .aitem .lt{ width:100%;}
	.gcon_1 .aitem .lt .a1{ font-size:14px; }
	.gcon_1 .aitem .lt .a2{ font-size:40px;  }
	.gcon_1 .aitem .lt .a3{ font-size:18px; }
	.gcon_1 .aitem .lt .a4{ font-size:12px; margin-top:20px}
	.gcon_1 .aitem .rt{ width:100%; margin-left:0%; margin-top:20px }
	.gcon_1 .aitem .rt .play span{ background-size:60px}
	.gcon_1 .bitem{  margin-top:0; border:0}
	.gcon_1 .bitem .nr{ flex-wrap: wrap; }
	.gcon_1 .bitem .nr .item2{ display:none; }
	.gcon_1 .bitem .nr .item{ width:50%;  justify-content: center; margin-top:30px}
	.gcon_1 .bitem .nr .item  .ico img{ height:36px}
}


.gcon_2{ background:url(g_13.jpg) center center no-repeat; background-size:cover; color:#fff; padding:100px 0}
.gcon_2 .ihd{ text-align:center}
.gcon_2 .ihd .cn{ font-size:30px; line-height:1; font-weight:bold}
.gcon_2 .ihd .intro{ font-size:16px; color:rgba(255,255,255,0.7); margin-top:20px}
.gcon_2 .ibd{ margin-top:40px; box-sizing:border-box; border-top:1px solid rgba(255,255,255,0.2); border-left:1px solid rgba(255,255,255,0.2); display:flex; flex-wrap: wrap;}
.gcon_2 .ibd .item{ width:20%; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2)}
.gcon_2 .ibd .item a{ display:block; padding:9%; box-sizing:border-box}
.gcon_2 .ibd .item a .num{ font-size:24px; font-weight:bold; line-height:1; color:rgba(255,255,255,0.5)}
.gcon_2 .ibd .item a .ico{ text-align:center; padding:25px 0 30px}
.gcon_2 .ibd .item a .ico img{ height:50px}
.gcon_2 .ibd .item a .title{ font-size:16px; color:rgba(255,255,255,0.7)}
.gcon_2 .ibd .item a:hover{ background:rgba(12,71,155,0.8)}
.gcon_2 .ibd .item a:hover .num{ color:#fff}
.gcon_2 .ibd .item a:hover .title{ color:#fff}
@media (max-width: 1440px){
	.gcon_2{ padding:80px 0}
	.gcon_2 .ihd .cn{ font-size:26px; }
	.gcon_2 .ihd .intro{ font-size:14px; margin-top:15px}
	.gcon_2 .ibd{ margin-top:30px;}
	.gcon_2 .ibd .item a .num{ font-size:20px; }
	.gcon_2 .ibd .item a .ico{ padding:20px 0 25px}
	.gcon_2 .ibd .item a .ico img{ height:42px}
	.gcon_2 .ibd .item a .title{ font-size:14px; }
}
@media (max-width: 1200px){
	.gcon_2{ padding:60px 0}
	.gcon_2 .ihd .cn{ font-size:20px; }
	.gcon_2 .ihd .intro{ font-size:12px; margin-top:12px}
	.gcon_2 .ibd{ margin-top:25px;}
	.gcon_2 .ibd .item a .num{ font-size:18px; }
	.gcon_2 .ibd .item a .ico{ padding:15px 0 20px}
	.gcon_2 .ibd .item a .ico img{ height:36px}
	.gcon_2 .ibd .item a .title{ font-size:12px; }
}
@media (max-width: 750px){
	.gcon_2{ padding:40px 0}
	.gcon_2 .ihd .cn{ font-size:20px; }
	.gcon_2 .ihd .intro{ font-size:12px; margin-top:12px}
	.gcon_2 .ibd{ margin-top:20px;}
	.gcon_2 .ibd .item{ width:50%}
}


.gcon_3{ background:url(g_15.jpg) center center no-repeat; background-size:cover; padding:90px 0}
.gcon_3 .ihd{ display:flex;justify-content: space-between; align-items: center;}
.gcon_3 .ihd .title{ font-size:30px; color:#000000; font-weight:bold}
.gcon_3 .ihd .more a{ display:flex; align-items: center; justify-content: center; width:200px; height:52px; background:#223494; color:#fff; font-size:14px }
.gcon_3 .ibd{ margin-top:35px}
.gcon_3 .ibd .cont{ width:100%; padding:50px 35px; box-sizing:border-box; background:#f7f7f7; overflow:hidden}
.gcon_3 .ibd .cont .swiper03{ width:100%; overflow:hidden}
.gcon_3 .ibd .cont .swiper03 .swiper-slide{ width:255px; margin-right:18px}
.gcon_3 .ibd .cont .swiper03 .swiper-slide:last-child{ margin-right:0}
.gcon_3 .ibd .cont .swiper03 .swiper-slide a{ box-sizing:border-box; display:block; padding:15px; background:#fff}
.gcon_3 .ibd .cont .swiper03 .swiper-slide a img{ width:100%}
.gcon_3 .ibd .btn{ display:flex;justify-content: space-between; align-items: center; margin-top:35px}
.gcon_3 .ibd .btn .prev03{ background:url(g_17.png) center center no-repeat; width:12px; height:19px; background-size:100% 100%; cursor:pointer}
.gcon_3 .ibd .btn .prev03:hover{ background:url(g_18.png) center center no-repeat; background-size:100% 100%; transform:rotate(180deg) }
.gcon_3 .ibd .btn .next03{ background:url(g_17.png) center center no-repeat; width:12px; height:19px; background-size:100% 100%; cursor:pointer; transform:rotate(180deg)}
.gcon_3 .ibd .btn .next03:hover{ background:url(g_18.png) center center no-repeat; background-size:100% 100%; transform:rotate(0) }
.gcon_3 .ibd .btn .pagination03{ width:calc(100% - 80px); height:5px; background:#bfbfbf; position:relative}
.gcon_3 .ibd .btn .pagination03 .swiper-pagination-progressbar-fill{ background:#213493}
@media (max-width: 1440px){
	.gcon_3{  padding:80px 0}
	.gcon_3 .ihd .title{ font-size:26px}
	.gcon_3 .ihd .more a{  width:160px; height:46px; }
	.gcon_3 .ibd{ margin-top:30px}
	.gcon_3 .ibd .cont{ padding:40px 30px; }
	.gcon_3 .ibd .cont .swiper03 .swiper-slide{ width:18.8%; margin-right:1.5%}
	.gcon_3 .ibd .cont .swiper03 .swiper-slide a{ padding:12px;}
	.gcon_3 .ibd .btn{ margin-top:30px}
}
@media (max-width: 1200px){
	.gcon_3{  padding:60px 0}
	.gcon_3 .ihd .title{ font-size:24px}
	.gcon_3 .ihd .more a{  width:120px; height:40px; font-size:12px }
	.gcon_3 .ibd{ margin-top:25px}
	.gcon_3 .ibd .cont{ padding:30px 20px; }
	.gcon_3 .ibd .cont .swiper03 .swiper-slide{ width:23.5%; margin-right:2%}
	.gcon_3 .ibd .cont .swiper03 .swiper-slide a{ padding:10px;}
	.gcon_3 .ibd .btn{ margin-top:25px}
	.gcon_3 .ibd .btn .prev03{ width:10px; height:16px; }
	.gcon_3 .ibd .btn .next03{ width:10px; height:16px; }
	.gcon_3 .ibd .btn .pagination03{ width:calc(100% - 40px); height:4px; }
}
@media (max-width: 750px){
	.gcon_3{  padding:40px 0}
	.gcon_3 .ihd .title{ font-size:20px}
	.gcon_3 .ihd .more a{  width:110px; height:36px; }
	.gcon_3 .ibd{ margin-top:20px}
	.gcon_3 .ibd .cont{ padding:20px 15px; }
	.gcon_3 .ibd .cont .swiper03 .swiper-slide{ width:49%; margin-right:2%}
	.gcon_3 .ibd .cont .swiper03 .swiper-slide a{ padding:8px;}
	.gcon_3 .ibd .btn{ margin-top:20px}
}


.gcon_4{ background:url(g_13.jpg) center center no-repeat; background-size:cover; color:#fff; padding:100px 0}
.gcon_4 .ihd{ text-align:center}
.gcon_4 .ihd .cn{ font-size:30px; line-height:1; font-weight:bold}
.gcon_4 .ihd .intro{ font-size:16px; color:rgba(255,255,255,0.7); margin-top:20px}
.gcon_4 .ibd{ margin-top:50px; position:relative}
.gcon_4 .ibd .swiper04{ width:100%; position:relative; overflow:hidden; background:#fff}
.gcon_4 .ibd .swiper04 .swiper-slide{ width:100%; overflow:hidden}
.gcon_4 .ibd .swiper04 .swiper-slide a{ width:100%; display:flex}
.gcon_4 .ibd .swiper04 .swiper-slide .pic{ width:50%; overflow:hidden}
.gcon_4 .ibd .swiper04 .swiper-slide .pic img{ width:100%}
.gcon_4 .ibd .swiper04 .swiper-slide .cont{ width:50%; box-sizing:border-box; padding:65px}
.gcon_4 .ibd .swiper04 .swiper-slide .cont .title{ font-size:18px; color:#333333; font-weight:bold}
.gcon_4 .ibd .swiper04 .swiper-slide .cont .intro{ font-size:14px; color:#333333; line-height:2; text-align:justify; margin-top:20px}
.gcon_4 .ibd .swiper04 .pagination04{ position:absolute; left:calc(50% + 65px); bottom:30px; z-index:2; font-size:0;display:flex; align-items: center;}
.gcon_4 .ibd .swiper04 .pagination04 span{ background:none; opacity:1; font-size:14px; color:#333333; border-radius:0; width:auto; height:auto; padding:0; margin:0; padding-right:30px; position:relative}
.gcon_4 .ibd .swiper04 .pagination04 span.swiper-pagination-bullet-active{ color:#5ba896; font-size:18px; font-weight:bold; padding-right:100px}
.gcon_4 .ibd .swiper04 .pagination04 span.swiper-pagination-bullet-active:after{ content:""; display:block; width:60px; height:1px; background:#5ba896; position:absolute; top:50%; right:20px}
@media (max-width: 1440px){
	.gcon_4{ padding:80px 0}
	.gcon_4 .ihd .cn{ font-size:26px; }
	.gcon_4 .ihd .intro{ font-size:14px; margin-top:15px}
	.gcon_4 .ibd{ margin-top:40px;}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont{ padding:50px}
	.gcon_4 .ibd .swiper04 .pagination04{ left:calc(50% + 50px); }
}
@media (max-width: 1200px){
	.gcon_4{ padding:60px 0}
	.gcon_4 .ihd .cn{ font-size:20px; }
	.gcon_4 .ihd .intro{ font-size:12px; margin-top:12px}
	.gcon_4 .ibd{ margin-top:30px;}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont{ padding:30px}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .title{ font-size:16px; }
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .intro{ font-size:12px; line-height:1.8; margin-top:15px}
	.gcon_4 .ibd .swiper04 .pagination04{ left:calc(50% + 30px); bottom:20px }
	.gcon_4 .ibd .swiper04 .pagination04 span{ font-size:12px; padding-right:20px}
	.gcon_4 .ibd .swiper04 .pagination04 span.swiper-pagination-bullet-active{ padding-right:60px; font-size:14px}
	.gcon_4 .ibd .swiper04 .pagination04 span.swiper-pagination-bullet-active:after{ width:40px; right:10px}
}
@media (max-width: 750px){
	.gcon_4{ padding:40px 0}
	.gcon_4 .ihd .cn{ font-size:20px; }
	.gcon_4 .ihd .intro{ font-size:12px; margin-top:12px}
	.gcon_4 .ibd{ margin-top:20px;}
	.gcon_4 .ibd .swiper04 .swiper-slide a{ display:block}
	.gcon_4 .ibd .swiper04 .swiper-slide .pic{ width:100%}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont{ width:100%; padding:20px 20px 50px}
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .title{ font-size:16px; }
	.gcon_4 .ibd .swiper04 .swiper-slide .cont .intro{ font-size:12px; line-height:1.8; margin-top:10px}
	.gcon_4 .ibd .swiper04 .pagination04{ left:20px; bottom:15px }
}




.gcon_5{ background:url(g_21.jpg) center center no-repeat; background-size:cover; padding:90px 0 30px}
.gcon_5  .hd .ihd{ float:left;}
.gcon_5  .hd .ihd .title{ font-size:30px; color:#333; font-weight:bold; line-height:30px}
.gcon_5  .hd  ul{ float:right}
.gcon_5  .hd ul li{ float:left; padding:0 10px; border-radius:20px; border:2px solid #999999; font-size:18px; color:#999999; font-weight:bold;display:flex;align-items: center;justify-content: center; height:30px; box-sizing:border-box; margin-left:15px; cursor:pointer}
.gcon_5  .hd ul li.on{ color:#3151a4; border:2px solid #3151a4}
.gcon_5  .bd{ margin-top:40px; padding:40px; background:#fff}
.gcon_5  .bd .swiper5{ width:100%; overflow:hidden;}
.gcon_5  .bd .swiper5 .swiper-slide{ width:305px; margin-right:40px; overflow:hidden; }
.gcon_5  .bd .swiper5 .swiper-slide:last-child{ margin-right:0}
.gcon_5  .bd .swiper5 .swiper-slide .pic{ width:100%; overflow:hidden; position:relative; z-index:1; margin-top:40px}
.gcon_5  .bd .swiper5 .swiper-slide .pic img{ width:100%}
.gcon_5  .bd .swiper5 .swiper-slide .cont{ width:100%; }
.gcon_5  .bd .swiper5 .swiper-slide .cont .time{ font-size:14px; color:#555555;}
.gcon_5  .bd .swiper5 .swiper-slide .cont .title{ font-size:18px; color:#333333; line-height:1.4; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:12px}
.gcon_5  .bd .swiper5 .swiper-slide .cont .intro{ font-size:14px; color:#999; line-height:20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:15px}
.gcon_5  .bd .swiper5 .pagination5{ text-align:center; margin-top:30px; font-size:0}
.gcon_5  .bd .swiper5 .pagination5 span{ width:10px; height:10px; border-radius:5px; opacity:1; margin:0 5px; background:#b5b5b5;  transition:all 0.5s; }
.gcon_5  .bd .swiper5 .pagination5 span.swiper-pagination-bullet-active{ background:#3151a4; width:40px}
@media (max-width: 1440px){
	.gcon_5{ padding:80px 0 20px}
	.gcon_5  .hd .ihd .title{ font-size:26px;}
	.gcon_5  .hd ul li{  font-size:16px;}
	.gcon_5  .hd ul li.on{ color:#3151a4; border:2px solid #3151a4}
	.gcon_5  .bd{ margin-top:35px; padding:35px; }
	.gcon_5  .bd .swiper5 .swiper-slide{ width:23.5%; margin-right:2%; }
	.gcon_5  .bd .swiper5 .swiper-slide .pic{  margin-top:30px}
	.gcon_5  .bd .swiper5 .swiper-slide .cont .time{ font-size:12px; }
	.gcon_5  .bd .swiper5 .swiper-slide .cont .title{ font-size:16px; margin-top:10px}
	.gcon_5  .bd .swiper5 .swiper-slide .cont .intro{ font-size:12px; line-height:1.6; margin-top:12px}
	.gcon_5  .bd .swiper5 .pagination5{ margin-top:25px; }
	.gcon_5  .bd .swiper5 .pagination5 span{ width:8px; height:8px; }
	.gcon_5  .bd .swiper5 .pagination5 span.swiper-pagination-bullet-active{ width:32px}
}
@media (max-width: 1200px){
	.gcon_5{ padding:60px 0 20px}
	.gcon_5  .hd .ihd .title{ font-size:24px;}
	.gcon_5  .hd ul li{  font-size:14px;}
	.gcon_5  .bd{ margin-top:30px; padding:30px; }
	.gcon_5  .bd .swiper5 .swiper-slide{ width:32%; }
	.gcon_5  .bd .swiper5 .swiper-slide .pic{  margin-top:20px}
	.gcon_5  .bd .swiper5 .swiper-slide .cont .title{ font-size:14px; margin-top:10px}
	.gcon_5  .bd .swiper5 .pagination5{ margin-top:20px; }
	.gcon_5  .bd .swiper5 .pagination5 span{ width:6px; height:6px; }
	.gcon_5  .bd .swiper5 .pagination5 span.swiper-pagination-bullet-active{ width:25px}
}
@media (max-width: 750px){
	.gcon_5{ padding:40px 0 20px}
	.gcon_5  .hd .ihd .title{ font-size:20px;}
	.gcon_5  .bd{ margin-top:20px; padding:20px; }
	.gcon_5  .bd .swiper5 .swiper-slide{ width:calc(50% - 5px); margin-right:10px }
}










































































































































































































































































































































































































































