@charset "utf-8";
.banner{ width:100%; height:100%; position:relative; height:100vh}
.banner .swiper01{ width:100%; height:100%; overflow:hidden; position:relative}
.banner .swiper01 .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative}
.banner .swiper01 .swiper-slide a{ display:block; width:100%; height:100%}
.banner .swiper01 .swiper-slide .pic{ width:100%; height:100%; overflow:hidden}
.banner .swiper01 .swiper-slide .pic img{ width:100%; height:100%; object-fit:cover; transform:scale(1.2); transition:all 10s linear}
.banner .swiper01 .swiper-slide .pic .img1{ display:block}
.banner .swiper01 .swiper-slide .pic .img2{ display:none}
.banner .swiper01 .swiper-slide.swiper-slide-active .pic img{ transform:scale(1);}
.banner .swiper01 .swiper-slide .cont{ width:100%; position:absolute; left:0%; transform:translateY(-40%); color:#fff; top:50%; z-index:2}
.banner .swiper01 .swiper-slide .cont .title{ font-size:70px; line-height:1.3; position:relative; top:100px; opacity:0; transition:all 0.5s; transition-delay:0.5s}
.banner .swiper01 .swiper-slide .cont .intro{ font-size:35px; line-height:1.3; margin:60px 0 120px;  position:relative; top:100px; opacity:0; transition:all 0.5s; transition-delay:1s}
.banner .swiper01 .swiper-slide .cont .intro img{ max-width:100%; height:auto}
.banner  .ss{  position:relative; top:100px; opacity:0; transition:all 0.5s; transition-delay:1.5s}
.banner .swiper01 .swiper-slide.swiper-slide-active .cont .title{ top:0; opacity:1}
.banner .swiper01 .swiper-slide.swiper-slide-active .cont .intro{ top:0; opacity:1}
.banner .swiper01 .swiper-slide.swiper-slide-active .cont .ss{ top:0; opacity:1}
.banner .swiper01 .pagination01{ width:100%; text-align:center; font-size:0; bottom:50px; position:absolute; left:0; z-index:99}
.banner .swiper01 .pagination01 span{ width:60px; height:4px; background:rgba(255,255,255,0.5); border-radius:0; opacity:1; margin:0 5px; padding:0}
.banner .swiper01 .pagination01 .swiper-pagination-bullet-active{ background:rgba(255,255,255,1);}
@media (max-width: 1680px){
	.banner .swiper01 .swiper-slide .cont .title{ font-size:50px}
	.banner .swiper01 .swiper-slide .cont .intro{ font-size:24px; margin:40px 0 100px}
	
	.banner .swiper01 .pagination01 span{ width:50px}
}

@media (max-width: 1200px){
	.banner{ height:auto}
	.banner .swiper01 .swiper-slide .cont .title{ font-size:36px}
	.banner .swiper01 .swiper-slide .cont .intro{ font-size:20px; margin:20px 0 60px}
	
	.banner .swiper01 .pagination01{ bottom:30px}
	.banner .swiper01 .pagination01 span{ width:40px}
	#bannervideo1{ display:none}

}
@media (max-width: 750px){
	.banner .swiper01 .swiper-slide .pic .img2{ display:block}
	.banner .swiper01 .swiper-slide .pic .img1{ display:none}
	.banner .swiper01 .swiper-slide .cont .title{ font-size:24px}
	.banner .swiper01 .swiper-slide .cont .intro{ font-size:14px; margin:15px 0 30px}
	.banner .swiper01 .swiper-slide .cont .intro img { width: 100%; height: auto; }
	 
	.banner .swiper01 .pagination01{ bottom:20px}
	.banner .swiper01 .pagination01 span{ width:30px; height:3px}	
}

.gcon_1{ background:#f7f9fa; padding:100px 0}
.gcon_1 .aitem{ display:flex;justify-content: space-between;flex-wrap: wrap;}
.gcon_1 .aitem .lt{ width:720px; }
.ihd .title{ font-size:40px; color:#0054a5; line-height:1.35; padding-top:5px}
.ihd .bq{ font-size:28px; color:#b5b5b6; }
.gcon_1 .aitem .lt .intro{ font-size:20px; color:#222222; text-align:justify; line-height:1.8; margin-top:45px}
.gcon_1 .aitem .lt .intro a{ text-decoration:underline; color:#003299}
.gcon_1 .aitem .lt .more{ margin-top:45px; background:#0054a5}
.gcon_1 .aitem .rt{}
.gcon_1 .aitem .rt .play{ width:720px;  overflow:hidden; position:relative;}
.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 i{ background:url(g_24.png) center center no-repeat; background-size:cover; width:70px; height:70px; display:block; position:absolute; left:50%; top:50%; margin:-35px 0 0 -35px; z-index:32; cursor:pointer}



.gcon_1 .bitem{ border-top:2px solid #e7e8e9; margin-top:80px; padding-top:80px}
.gcon_1 .bitem{ display:flex;justify-content: space-between; align-items: flex-end;flex-wrap: wrap;}
.gcon_1 .bitem ul{display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap; width:720px}
.gcon_1 .bitem ul li .p1{}
.gcon_1 .bitem ul li .p1 .a1{ font-size:80px; color:#0054a5; font-weight:bold; line-height:1}
.gcon_1 .bitem ul li .p1 .a1 i{ font-size:36px; color:#33bac7; line-height:1; vertical-align: top;}
.gcon_1 .bitem ul li .p2{ font-size:22px; color:#222222; line-height:1; padding-top:5px}
.gcon_1 .bitem .hotlink{ display:flex;justify-content: space-between; flex-wrap: wrap; width:720px;}
.gcon_1 .bitem .hotlink .item{ width:32%; height:100px; background:#fff; transition:all 0.5s}
.gcon_1 .bitem .hotlink .item a{ display:block; width:100%; height:100%; display:flex; align-items: center; justify-content: center;}
.gcon_1 .bitem .hotlink .item a .pic{ position:relative}
.gcon_1 .bitem .hotlink .item a .pic img{ height:54px; transition:all 0.5s}
.gcon_1 .bitem .hotlink .item a .pic .img1{ opacity:1}
.gcon_1 .bitem .hotlink .item a .pic .img2{ position:absolute; left:0;top:0; z-index:2; opacity:0;}
.gcon_1 .bitem .hotlink .item a .title{ font-size:24px; color:#222222; margin-left:30px}

.gcon_1 .bitem .hotlink .item:hover a .pic .img1{ opacity:0}
.gcon_1 .bitem .hotlink .item:hover a .pic .img2{ opacity:1;}
.gcon_1 .bitem .hotlink .item:hover{ background:#0054a5}
.gcon_1 .bitem .hotlink .item:hover a .title{ color:#fff}
@media (max-width: 1680px){
	.gcon_1{ padding:80px 0}
	.gcon_1 .aitem .lt{ width:560px; }
	.ihd .title{ font-size:32px;}
	.ihd .bq{ font-size:24px; }
	.gcon_1 .aitem .lt .intro{ font-size:16px; margin-top:25px}
	.gcon_1 .aitem .lt .more{ margin-top:25px; }
	.gcon_1 .aitem .rt{ width:560px}
	.gcon_1 .aitem .rt .play{ width:100%; }
	.gcon_1 .aitem .rt .play i{ width:60px; height:60px;  margin:-30px 0 0 -30px; }
	.gcon_1 .bitem{ margin-top:60px; padding-top:60px}
	.gcon_1 .bitem ul{ width:560px}
	.gcon_1 .bitem ul li .p1 .a1{ font-size:60px; }
	.gcon_1 .bitem ul li .p1 .a1 i{ font-size:30px; }
	.gcon_1 .bitem ul li .p2{ font-size:20px; }
	.gcon_1 .bitem .hotlink{ width:560px;}
	.gcon_1 .bitem .hotlink .item{ height:80px; }
	.gcon_1 .bitem .hotlink .item a .pic img{ height:48px}
	.gcon_1 .bitem .hotlink .item a .title{ font-size:20px; margin-left:20px}

}
@media (max-width: 1200px){
	.gcon_1{ padding:60px 0}
	.gcon_1 .aitem .lt{ width:100%; }
	.ihd .title{ font-size:28px;}
	.ihd .bq{ font-size:20px; }
	.gcon_1 .aitem .lt .intro{ font-size:14px; margin-top:20px}
	.gcon_1 .aitem .lt .more{ margin-top:20px; }
	.gcon_1 .aitem .rt{ width:100%; margin-top:40px}
	.gcon_1 .aitem .rt .play{ width:100%; }
	.gcon_1 .aitem .rt .play i{ width:50px; height:50px;  margin:-25px 0 0 -25px; }
	.gcon_1 .bitem{ margin-top:40px; padding-top:40px}
	.gcon_1 .bitem ul{ width:100%}
	.gcon_1 .bitem ul li .p1 .a1{ font-size:50px; }
	.gcon_1 .bitem ul li .p1 .a1 i{ font-size:24px; }
	.gcon_1 .bitem ul li .p2{ font-size:18px; }
	.gcon_1 .bitem .hotlink{ width:100%; margin-top:40px}
	.gcon_1 .bitem .hotlink .item{ height:70px; }
	.gcon_1 .bitem .hotlink .item a .pic img{ height:42px}
	.gcon_1 .bitem .hotlink .item a .title{ font-size:18px; margin-left:15px}
}
@media (max-width: 750px){
	.gcon_1{ padding:40px 0}
	.gcon_1 .aitem .lt{ width:100%; }
	.ihd .title{ font-size:20px;}
	.ihd .bq{ font-size:16px; }
	.gcon_1 .aitem .lt .intro{ font-size:14px; margin-top:16px}
	.gcon_1 .aitem .lt .more{ margin-top:16px; }
	.gcon_1 .aitem .rt{ width:100%; margin-top:20px}
	.gcon_1 .aitem .rt .play{ width:100%; }
	.gcon_1 .aitem .rt .play i{ width:40px; height:40px;  margin:-20px 0 0 -20px; }
	.gcon_1 .bitem{ margin-top:20px; padding-top:20px}
	.gcon_1 .bitem ul li .p1 .a1{ font-size:36px; }
	.gcon_1 .bitem ul li .p1 .a1 i{ font-size:18px; }
	.gcon_1 .bitem ul li .p2{ font-size:14px; }
	.gcon_1 .bitem .hotlink{ width:100%; margin-top:20px}
	.gcon_1 .bitem .hotlink .item{ height:50px; }
	.gcon_1 .bitem .hotlink .item a .pic img{ height:28px}
	.gcon_1 .bitem .hotlink .item a .title{ font-size:14px; margin-left:6px}
}



.gcon_2{ width:100%; position:relative}
.gcon_2 .ihd{ position:absolute; left:50%; margin-left:-840px; z-index:3; color:#fff; top:11%}
.gcon_2 .ihd .bq{ color:#fff}
.gcon_2 .ihd .title{ color:#fff}
.gcon_2 .ihd .intro{ color:#fff; font-size:40px}
.gcon_2 .tab02{ width:100%;}
.gcon_2 .tab02 .hd{ position:absolute; right:50%; margin-right:-840px; z-index:3; color:#fff; top:11%}
.gcon_2 .tab02 .hd ul{ width:567px; text-align:center; font-size:0}
.gcon_2 .tab02 .hd ul li{ background:url(g_08.png) center center no-repeat; background-size:100% 100%; width:163px; height:189px; display:inline-block; margin:0 13px; box-sizing:border-box; padding:45px 0; cursor:pointer}
.gcon_2 .tab02 .hd ul li .pic img{ height:40px}
.gcon_2 .tab02 .hd ul li .title{ font-size:22px; margin-top:32px; line-height:1}
.gcon_2 .tab02 .hd ul li.on{ background:url(g_09.png) center center no-repeat; background-size:100% 100%;}
.gcon_2 .tab02 .bd{ width:100%; position:relative; overflow:hidden; background:#000}
.gcon_2 .tab02 .bd .con{ width:100%; position:relative; z-index:2; opacity:0; transition:all 0.5s}
.gcon_2 .tab02 .bd .con .pic{ width:100%}
.gcon_2 .tab02 .bd .con .pic img{ width:100%}
.gcon_2 .tab02 .bd .con .pic .img1{ display:block}
.gcon_2 .tab02 .bd .con .pic .img2{ display:none}
.gcon_2 .tab02 .bd .con .cont{ position:absolute; left:50%; margin-left:-840px; top:30%; width:1680px}
.gcon_2 .tab02 .bd .con .cont .title{ font-size:50px; color:#30bac7; position:relative; top:100px; transition:all 0.5s; transition-delay:0.5s; opacity:0}
.gcon_2 .tab02 .bd .con .cont .intro{ font-size:20px; color:#fff; width:40%; margin-top:10px; position:relative; top:100px; transition:all 0.5s; transition-delay:0.8s; opacity:0}
.gcon_2 .tab02 .bd .con .cont .ss{ display:block;  margin-top:60px; position:relative; top:100px; transition:all 0.5s; transition-delay:1.1s; opacity:0}
.gcon_2 .tab02 .bd .con .cont .more{  box-sizing:border-box; border:1px solid #fff; background:none; transition:all 0.5s;}
.gcon_2 .tab02 .bd .con .cont .more:hover{ background:#30bac7; border:1px solid #30bac7}
.gcon_2 .tab02 .bd .con .picList{ position:absolute; top:100%; margin-left:-840px; left:50%; width:1680px; box-sizing:border-box; padding:0 60px;  transition:all 0.5s; transition-delay:1.5s;  opacity:0}
.gcon_2 .tab02 .bd .con .picList  .swiper02{ width:100%; overflow:hidden}
.gcon_2 .tab02 .bd .con .picList  .swiper02 .swiper-slide{ width:15%; margin-right:2%; text-align:center}
.gcon_2 .tab02 .bd .con .picList  .swiper02 .swiper-slide:last-child{ margin-right:0}
.gcon_2 .tab02 .bd .con .picList  .swiper02 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_2 .tab02 .bd .con .picList  .swiper02 .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_2 .tab02 .bd .con .picList  .swiper02 .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:scale(1.1);}
.gcon_2 .tab02 .bd .con .picList  .swiper02 .swiper-slide .title{ font-size:20px; color:#fff; margin-top:10px; line-height:1}
.gcon_2 .tab02 .bd .con .picList .prev02{ background:url(g_13.png) center center no-repeat; width:30px; height:100px; background-size:100%; position:absolute; left:0; top:calc(50% - 65px); cursor:pointer}
.gcon_2 .tab02 .bd .con .picList .next02{ background:url(g_14.png) center center no-repeat; width:30px; height:100px; background-size:100%; position:absolute; right:0; top:calc(50% - 65px); cursor:pointer}
.gcon_2 .tab02 .bd .con2{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1}
.gcon_2 .tab02 .bd .con.on{ z-index:2; opacity:1}
.gcon_2 .tab02 .bd .con.on .cont .title{ top:0; opacity:1}
.gcon_2 .tab02 .bd .con.on .cont .intro{ top:0; opacity:1}
.gcon_2 .tab02 .bd .con.on .cont .ss{ top:0; opacity:1}
.gcon_2 .tab02 .bd .con.on .picList{ top:calc(92% - 230px); opacity:1}
@media (max-width: 1680px){

	.gcon_2 .ihd{margin-left:-600px;}
	.gcon_2 .ihd .intro{ font-size:32px}
	.gcon_2 .tab02 .hd{ margin-right:-600px; }
	.gcon_2 .tab02 .hd ul{ width:420px; }
	.gcon_2 .tab02 .hd ul li{ width:120px; height:140px; margin:0 10px; padding:32px 0; }
	.gcon_2 .tab02 .hd ul li .pic img{ height:30px}
	.gcon_2 .tab02 .hd ul li .title{ font-size:18px; margin-top:20px; }
	.gcon_2 .tab02 .bd .con .cont{ margin-left:-600px; top:33%; width:1200px}
	.gcon_2 .tab02 .bd .con .cont .title{ font-size:40px; }
	.gcon_2 .tab02 .bd .con .cont .intro{ font-size:18px;  width:45%; }
	.gcon_2 .tab02 .bd .con .cont .ss{ margin-top:40px; }
	.gcon_2 .tab02 .bd .con .picList{ margin-left:-600px;  width:1200px; padding:0 50px;}
	.gcon_2 .tab02 .bd .con .picList  .swiper02 .swiper-slide .title{ font-size:16px;}
	.gcon_2 .tab02 .bd .con .picList .prev02{ width:24px; top:calc(50% - 63px); }
	.gcon_2 .tab02 .bd .con .picList .next02{ width:24px; top:calc(50% - 63px);}
	.gcon_2 .tab02 .bd .con.on .picList{ top:calc(92% - 160px);}
}
@media (max-width: 1200px){
	.gcon_2{ background:#f7f9fa}
	.gcon_2 .ihd{ position:relative; top:0; width:100%; box-sizing:border-box; padding:0 4%;  margin:0 auto; left:0}
	.gcon_2 .ihd .bq{ color:#b5b5b6}
	.gcon_2 .ihd .title{ color:#222222}
	.gcon_2 .ihd .intro{ color:#222222}
	.gcon_2 .ihd .intro{ font-size:32px}
	.gcon_2 .tab02 .hd{ width:100%; position:relative; margin:0; padding:0; top:0; right:0; box-sizing:border-box; padding: 20px 4% ; }
	.gcon_2 .tab02 .hd ul{ width:100%; display:flex; justify-content: space-between;}
	.gcon_2 .tab02 .hd ul li{ width:auto; text-align:center; height:auto; background:none; padding:0; margin:0}
	.gcon_2 .tab02 .hd ul li.on{ background:none}
	.gcon_2 .tab02 .hd ul li .title{ color:#333; margin:0}
	.gcon_2 .tab02 .hd ul li .ico{ display:none}
	.gcon_2 .tab02 .hd ul li.on .title{color:#30bac7 }

	.gcon_2 .tab02 .bd .con .cont{ margin-left:0; top:calc(50% - 80px); transform:translateY(-50%); width:92%; left:4%}
	.gcon_2 .tab02 .bd .con .cont .title{ font-size:28px; }
	.gcon_2 .tab02 .bd .con .cont .intro{ font-size:16px;  width:100%; }
	.gcon_2 .tab02 .bd .con .cont .ss{ margin-top:30px; }
	.gcon_2 .tab02 .bd .con .picList{ margin:0;  width:92%; padding:0 30px; position:relative; top:0; left:0; box-sizing:border-box; margin:0 auto; margin-top:20px}
	.gcon_2 .tab02 .bd .con .picList  .swiper02 .swiper-slide{ width:23.5%; margin-right:2}
	.gcon_2 .tab02 .bd .con .picList  .swiper02 .swiper-slide .title{ font-size:14px; color:#333}
	.gcon_2 .tab02 .bd .con .picList .prev02{ width:20px; top:calc(50% - 42px); background-color:rgba(0,0,0,0.5); height:60px; border-radius:5px; overflow:hidden }
	.gcon_2 .tab02 .bd .con .picList .next02{ width:20px; top:calc(50% - 42px); background-color:rgba(0,0,0,0.5); height:60px; border-radius:5px; overflow:hidden }
	.gcon_2 .tab02 .bd .con.on .picList{ top:0;}
}
@media (max-width: 750px){

	.gcon_2 .ihd{ position:relative; top:0; width:100%; box-sizing:border-box; padding:0 4%; background:#f7f9fa; margin:0 auto; left:0}
	.gcon_2 .ihd .intro{ font-size:20px}
	.gcon_2 .tab02 .hd{ width:92%; position:relative; margin:0; padding:0; top:0; right:0; box-sizing:border-box; padding: 20px 0 ; overflow:auto; margin:0 auto }
	.gcon_2 .tab02 .hd ul{ width:420px; display:flex; justify-content: space-between; box-sizing:border-box; }
	.gcon_2 .tab02 .hd ul li .title{ font-size:16px}

	.gcon_2 .tab02 .bd .con .cont{ margin-left:0; top:calc(50% - 180px); transform:translateY(0); width:92%; left:4%}
	.gcon_2 .tab02 .bd .con .cont .title{ font-size:20px; }
	.gcon_2 .tab02 .bd .con .cont .intro{ font-size:14px;  width:100%; }
	.gcon_2 .tab02 .bd .con .cont .ss{ margin-top:20px; }
	.gcon_2 .tab02 .bd .con .picList{ width:92%; padding:0 30px; position:absolute; top:100%; left:4%; box-sizing:border-box;}
	.gcon_2 .tab02 .bd .con .picList  .swiper02 .swiper-slide{ width:49%; margin-right:2}
	.gcon_2 .tab02 .bd .con .picList  .swiper02 .swiper-slide .title{ font-size:14px; color:#fff}
	.gcon_2 .tab02 .bd .con .picList .prev02{ width:20px; top:calc(50% - 42px); background-color:rgba(0,0,0,0.5); height:60px; border-radius:5px; overflow:hidden }
	.gcon_2 .tab02 .bd .con .picList .next02{ width:20px; top:calc(50% - 42px); background-color:rgba(0,0,0,0.5); height:60px; border-radius:5px; overflow:hidden }
	.gcon_2 .tab02 .bd .con.on .picList{ top:calc(100% - 220px); }
	.gcon_2 .tab02 .bd .con .pic .img2{ display:block}
	.gcon_2 .tab02 .bd .con .pic .img1{ display:none}
}


.gcon_3{ margin-top:100px}
.gcon_3 .ihd .title{ color:#0054a5}
.gcon_3 .ibd{ margin-top:60px}
.gcon_3 .ibd .content{ width:1200px; position:relative; margin:0 auto}
.gcon_3 .ibd .swiper03{ width:100%}
.gcon_3 .ibd .swiper03 .swiper-slide{ width:100%; margin-right:12px; border-radius:10px; position:relative}
.gcon_3 .ibd .swiper03 .swiper-slide .pic{ width:100%; overflow:hidden; position:relative}
.gcon_3 .ibd .swiper03 .swiper-slide .pic>img{ width:100% ;opacity:0.7; }
.gcon_3 .ibd .swiper03 .swiper-slide .cont{ width:100%; height:490px; position:absolute; left:0; top:50%; transform:translateY(-50%); box-sizing:border-box; padding:0 75px; color:#fff}
.gcon_3 .ibd .swiper03 .swiper-slide .cont .hd .title{ font-size:50px; line-height:1}
.gcon_3 .ibd .swiper03 .swiper-slide .cont .hd .intro{ font-size:22px; line-height:1; margin-top:20px}
.gcon_3 .ibd .swiper03 .swiper-slide .cont .more{ position:absolute; left:75px; bottom:0; border:1px solid #fff; box-sizing:border-box; color:#fff; background:none}
.gcon_3 .ibd .swiper03 .swiper-slide .cont .more:hover{ border:1px solid #30bac7; background:#30bac7}
.gcon_3 .ibd .swiper03 .swiper-slide ul{ width:100%; display:flex; position:absolute; left:0; bottom:210px; box-sizing:border-box; padding:0 75px; color:#fff}
.gcon_3 .ibd .swiper03 .swiper-slide ul li{ margin-right:70px}
.gcon_3 .ibd .swiper03 .swiper-slide ul li .p1{ line-height:1}
.gcon_3 .ibd .swiper03 .swiper-slide ul li .p1 span{ font-size:66px; color:#30bac7}
.gcon_3 .ibd .swiper03 .swiper-slide ul li .p1 i{ font-size:28px; color:#fff}
.gcon_3 .ibd .swiper03 .swiper-slide ul li .p2{ font-size:18px}
.gcon_3 .ibd .swiper03 .swiper-slide.swiper-slide-active .pic>img{ opacity:1}
.gcon_3 .ibd .prev03{ background:url(g_16.png) center center no-repeat; background-size:cover; width:70px; height:70px; position:absolute; left:-100px; top:calc(50% - 35px); z-index:2; cursor:pointer}
.gcon_3 .ibd .next03{ background:url(g_17.png) center center no-repeat;  background-size:cover; width:70px; height:70px; position:absolute; right:-100px; top:calc(50% - 35px); z-index:2; cursor:pointer}
@media (max-width: 1680px){
	.gcon_3{ margin-top:80px}
	.gcon_3 .ibd{ margin-top:40px}
	.gcon_3 .ibd .content{ width:1000px; }
	.gcon_3 .ibd .swiper03 .swiper-slide .cont{ height:400px; padding:0 50px; }
	.gcon_3 .ibd .swiper03 .swiper-slide .cont .hd .title{ font-size:40px; }
	.gcon_3 .ibd .swiper03 .swiper-slide .cont .hd .intro{ font-size:20px; }
	.gcon_3 .ibd .swiper03 .swiper-slide .cont .more{  left:50px; }
	.gcon_3 .ibd .swiper03 .swiper-slide ul{ bottom:160px; padding:0 50px; }
	.gcon_3 .ibd .swiper03 .swiper-slide ul li{ margin-right:50px}
	.gcon_3 .ibd .swiper03 .swiper-slide ul li .p1 span{ font-size:58px; }
	.gcon_3 .ibd .swiper03 .swiper-slide ul li .p1 i{ font-size:24px; }
	.gcon_3 .ibd .swiper03 .swiper-slide ul li .p2{ font-size:16px}
	.gcon_3 .ibd .prev03{ width:60px; height:60px; left:-90px; top:calc(50% - 30px); }
	.gcon_3 .ibd .next03{ width:60px; height:60px; right:-90px; top:calc(50% - 30px);}
}
@media (max-width: 1200px){
	.gcon_3{ margin-top:60px}
	.gcon_3 .ibd{ margin-top:30px}
	.gcon_3 .ibd .content{ width:80%; }
	.gcon_3 .ibd .swiper03 .swiper-slide .cont{ height:80%; padding:0 40px; }
	.gcon_3 .ibd .swiper03 .swiper-slide .cont .hd .title{ font-size:30px; }
	.gcon_3 .ibd .swiper03 .swiper-slide .cont .hd .intro{ font-size:16px; margin-top:15px }
	.gcon_3 .ibd .swiper03 .swiper-slide .cont .more{  left:40px; }
	.gcon_3 .ibd .swiper03 .swiper-slide ul{ bottom:100px; padding:0 40px; }
	.gcon_3 .ibd .swiper03 .swiper-slide ul li{ margin-right:40px}
	.gcon_3 .ibd .swiper03 .swiper-slide ul li .p1 span{ font-size:50px; }
	.gcon_3 .ibd .swiper03 .swiper-slide ul li .p1 i{ font-size:18px; }
	.gcon_3 .ibd .swiper03 .swiper-slide ul li .p2{ font-size:14px}
	.gcon_3 .ibd .prev03{ width:50px; height:50px; left:-80px; top:calc(50% - 25px); }
	.gcon_3 .ibd .next03{ width:50px; height:50px; right:-80px; top:calc(50% - 25px);}
}
@media (max-width: 750px){
	.gcon_3{ margin-top:40px}
	.gcon_3 .ibd{ margin-top:20px}
	.gcon_3 .ibd .content{ width:100%; }
	.gcon_3 .ibd .swiper03 .swiper-slide .cont{ height:110px; padding:0 20px; }
	.gcon_3 .ibd .swiper03 .swiper-slide .cont .hd .title{ font-size:20px; }
	.gcon_3 .ibd .swiper03 .swiper-slide .cont .hd .intro{ font-size:14px; margin-top:12px }
	.gcon_3 .ibd .swiper03 .swiper-slide .cont .more{  left:20px; }
	.gcon_3 .ibd .swiper03 .swiper-slide ul{ position:relative; left:0; bottom:0; padding:0 0; justify-content: space-between; margin-top:20px }
	.gcon_3 .ibd .swiper03 .swiper-slide ul li{ margin-right:0}
	.gcon_3 .ibd .swiper03 .swiper-slide ul li .p1 span{ font-size:40px; color:#0054a5 }
	.gcon_3 .ibd .swiper03 .swiper-slide ul li .p1 i{ font-size:16px; color:#222222  }
	.gcon_3 .ibd .swiper03 .swiper-slide ul li .p2{ font-size:12px;  color:#222222 }
	.gcon_3 .ibd .prev03{ width:50px; height:50px; left:-80px; top:calc(50% - 25px); }
	.gcon_3 .ibd .next03{ width:50px; height:50px; right:-80px; top:calc(50% - 25px);}
}

.gcon_4{ padding:100px 0}
.gcon_4 .ibd{ position:relative; width:100%; margin-top:60px;}
.gcon_4 .ibd .hd{ position:absolute; right:0; bottom:calc(100% + 70px)}
.gcon_4 .ibd .hd ul{ display:flex}
.gcon_4 .ibd .hd ul li{ display:flex; align-items: center; justify-content: center; margin-left:30px; padding:0 50px; height:60px; background:#efefef; font-size:24px; color:#222222; border-radius:30px}
.gcon_4 .ibd .hd ul li.on{ background:#0054a5; color:#fff}
.gcon_4 .ibd .bd .con{ width:100%}
.gcon_4 .ibd .bd .con .swiper04{ width:100%; overflow:hidden}
.gcon_4 .ibd .bd .con .swiper04 .swiper-slide{ width:23.5%; margin-right:2%}
.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .pic{ width:100%; overflow:hidden; position:relative; padding-bottom:60%}
.gcon_4 .ibd .bd .con .swiper04 .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; height:100%; position:absolute; left:0; top:0; boject-fit:cover}
.gcon_4 .ibd .bd .con .swiper04 .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:scale(1.1);}
.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .cont{ background:#f9f9f9; padding:20px 30px 30px; box-sizing:border-box}
.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .cont .time{ font-size:14px; color:#000000}
.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .cont .title{ font-size:24px; color:#222222; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:12px; height:70px; line-height:35px}
.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .cont .more{ margin:0 auto; box-sizing:border-box; border:1px solid #b5b5b6; color:#b5b5b6; background:none; width:140px; height:42px; font-size:14px; margin-top:30px; position:relative; z-index:2}

.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .cont .more:after{ content:""; display:block; width:0%; height:100%; background:#0054a5; position:absolute; left:0; top:0; z-index:-1; transition:all 0.5s}
.gcon_4 .ibd .bd .con .swiper04 .swiper-slide:hover .cont  .more:after{ width:100%;}

.gcon_4 .ibd .bd .con .swiper04 .swiper-slide:hover .cont .time{ color:#0054a5}
.gcon_4 .ibd .bd .con .swiper04 .swiper-slide:hover .cont .title{ color:#0054a5}
.gcon_4 .ibd .bd .con .swiper04 .swiper-slide:hover .cont .more{ border:1px solid #0054a5; color:#fff}



.gcon_4 .ibd .bd .con .pagination04{ width:100%; margin-top:60px; text-align:center; font-size:0}
.gcon_4 .ibd .bd .con .pagination04 span{ width:28px; height:5px; background:#efefef; margin:0 3px; border-radius:0; opacity:1}
.gcon_4 .ibd .bd .con .pagination04 span.swiper-pagination-bullet-active{ background:#0054a5}
@media (max-width: 1680px){
	.gcon_4{ padding:80px 0}
	.gcon_4 .ibd{ margin-top:40px;}
	.gcon_4 .ibd .hd{ bottom:calc(100% + 50px)}
	.gcon_4 .ibd .hd ul li{ margin-left:25px; padding:0 30px; height:50px; font-size:20px; }
	.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .cont{ padding:16px 20px 20px; }
	.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .cont .time{ font-size:12px; }
	.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .cont .title{ font-size:20px; margin-top:10px; line-height:30px; height:60px}
	.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .cont .more{ width:120px; height:36px; font-size:12px; margin-top:20px}
	.gcon_4 .ibd .bd .con .pagination04{ margin-top:40px; }
	.gcon_4 .ibd .bd .con .pagination04 span{ width:22px; height:4px; }
}
@media (max-width: 1200px){
	.gcon_4{ padding:60px 0}
	.gcon_4 .ibd{ margin-top:30px;}
	.gcon_4 .ibd .hd{ bottom:calc(100% + 36px)}
	.gcon_4 .ibd .hd ul li{ margin-left:20px; padding:0 20px; height:40px; font-size:16px; }
	.gcon_4 .ibd .bd .con .swiper04 .swiper-slide{ width:32%}
	.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .cont{ padding:16px 20px 20px; }
	.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .cont .time{ font-size:12px; }
	.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .cont .title{ font-size:18px; margin-top:10px; line-height:25px; height:50px; overflow:hidden}
	.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .cont .more{ width:110px; height:32px; font-size:12px; margin-top:20px}
	.gcon_4 .ibd .bd .con .pagination04{ margin-top:20px; }
	.gcon_4 .ibd .bd .con .pagination04 span{ width:22px; height:4px; }
}
@media (max-width: 750px){
	.gcon_4{ padding:40px 0}
	.gcon_4 .ibd{ margin-top:20px;}
	.gcon_4 .ibd .hd{ width:100%; position:relative; bottom:0; margin-bottom:20px}
	.gcon_4 .ibd .hd ul{ display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap;}
	.gcon_4 .ibd .hd ul li{ margin-left:0; padding:0 20px; height:40px; font-size:16px; }
	.gcon_4 .ibd .bd .con .swiper04 .swiper-slide{ width:49%}
	.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .cont{ padding:12px 15px 15px; }
	.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .cont .time{ font-size:12px; }
	.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .cont .title{ font-size:16x; margin-top:6px;}
	.gcon_4 .ibd .bd .con .swiper04 .swiper-slide .cont .more{ width:100px; height:30px; font-size:12px; margin-top:10px}
	.gcon_4 .ibd .bd .con .pagination04{ margin-top:20px; }
	.gcon_4 .ibd .bd .con .pagination04 span{ width:20px; height:3px; }
}