@charset "utf-8";
.banner{ width:100%;  position:relative; overflow:hidden; height:calc(100vh - 85px)}
.banner .swiper01 { width:100%; overflow:hidden; height:100% }
.banner .swiper01 .swiper-slide{ width:100%; height:100%;   overflow:hidden; position:relative;   background:#fff;}
.banner .swiper01 .swiper-slide a{ display:block; width:100%; height:100% }
.banner .swiper01 .swiper-slide img{ width:100%; height:100%; object-fit:cover; transition:all 3s cubic-bezier(.4,0,.2,1); transform:scale(1.1)}
.banner .swiper01 img.img1{ display:block; width:100%; }
.banner .swiper01 img.img2{ display:none; width:100%;}
.banner .swiper01 .swiper-slide.swiper-slide-active  img{  transform:scale(1)}
.banner .swiper01 .prev01{ width: 72px; position:absolute; left:3%; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
.banner .swiper01 .next01{ width: 72px; position:absolute; right:3%; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
.banner .swiper01 .prev01 img{width: 100%; transition:all 0.5s}
.banner .swiper01 .prev01 .m2{position: absolute;top: 0;left: 0;opacity: 0;}
.banner .swiper01 .prev01:hover .m1{opacity: 0;}
.banner .swiper01 .prev01:hover .m2{opacity: 1;}
.banner .swiper01 .next01 img{width: 100%;transform: rotate(180deg);}
.banner .swiper01 .next01 .m2{position: absolute;top: 0;left: 0;opacity: 0;}
.banner .swiper01 .next01:hover .m1{opacity: 0;}
.banner .swiper01 .next01:hover .m2{opacity: 1;}
.banner .swiper01 .swiper-slide .item{ position:absolute; left:0; bottom:120px; width:100%}
.banner .swiper01 .swiper-slide .item .title{color: #fff;line-height: 1.75;letter-spacing: 1.2px;position: relative;left: 100px;opacity: 0;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1); font-size:60px; font-weight:bold}
.banner .swiper01 .swiper-slide .item .intro{color: #fff;line-height: 1.75;position: relative;left: 100px;opacity: 0;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1); font-size:24px}
.banner .swiper01 .swiper-slide.swiper-slide-active .item .title{left: 0;opacity: 1;transition-delay: 0.3s;}
.banner .swiper01 .swiper-slide.swiper-slide-active .item .intro{left: 0;opacity: 1;transition-delay: 0.45s;}
.swiper-num{ position:absolute; left:0; bottom:55px; width:100%; z-index:2}
.swiper-num .nr{ display:flex;}
.swiper-num .nr .active{  font-family: Arial;  font-size: 14px;  line-height: 1.75;  color: #fff;  font-weight: bold;}
.swiper-num .nr .total{  font-family: Arial;  font-size: 14px;  line-height: 1.75;  color: #fff;  font-weight: bold;}
.swiper-num .nr .pagination01{margin: 0 28px;  display: flex;  align-items: center;}
.swiper-num .nr .pagination01 span{height: 1px;width: 232px;background: rgba(255,255,255,0.2);position: relative;opacity: 1;}
.swiper-num .nr .pagination01 span::after{width: 0;height: 100%;position: absolute;left: 0;top: 0;background: #fff;content: "";}
.swiper-num .nr .pagination01 span::before{content: "";position: absolute;right: 0;top: 50%;margin-top: -3px;width: 1px;height: 6px;background: #fff;opacity: 0.2;}
.swiper-num .nr .pagination01 span:last-child::before{display: none;}
.swiper-num .nr .pagination01 span.swiper-pagination-bullet-active::after,
.swiper-num .nr .pagination01 span.act::after{width: 100%;}
.swiper-num .nr .pagination01 span.swiper-pagination-bullet-active::before,
.swiper-num .nr .pagination01 span.act::before{opacity: 1;}

@media (max-width: 1600px){
	.banner{height:calc(100vh - 80px)}
	.banner .swiper01 .prev01{ width: 60px; }
	.banner .swiper01 .next01{ width: 60px; }
	.banner .swiper01 .swiper-slide .item .title{ font-size:40px; }
	.banner .swiper01 .swiper-slide .item .intro{ font-size:20px}
	.swiper-num .nr .pagination01 span{ width: 180px; }
}

@media (max-width: 1200px){
	.banner{height:auto}
	.banner .swiper01 .prev01{ width: 0; }
	.banner .swiper01 .next01{ width: 0; }
	.banner .swiper01 .swiper-slide .item .title{ font-size:26px; }
	.banner .swiper01 .swiper-slide .item .intro{ font-size:16px}
	.swiper-num{ bottom:30px; }
	.swiper-num .nr .pagination01{ margin:0 14px; width:100%}
	.swiper-num .nr .pagination01 span{ width: 50%; }
	.banner .swiper01 img.img2{ display:block; width:100%; }
	.banner .swiper01 img.img1{ display:none; width:100%;}

}

.container{ background:#e8f3f9}
.gcon_1{ padding-top:30px}
.gcon_1 .ibd{ background:#fff; padding:20px; box-sizing:border-box; display:flex; align-items: center;}
.gcon_1 .ibd .ico{ width:91px}
.gcon_1 .ibd .ico img{ width:100%}
.gcon_1 .ibd .cont{ width:calc(100% - 91px); box-sizing:border-box; padding: 0 36px}
.gcon_1 .ibd .cont .title a{ display:block; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; font-size:32px; color:#c70404; line-height:1.6; font-weight:bold; text-align:center}
.gcon_1 .ibd .cont .more a{ display:block; width:fit-content; margin:0 auto; font-size:18px; color:#606060}
.gcon_1 .ibd .cont .more a:hover{ color:#c70404}
@media (max-width: 1600px){
	.gcon_1{ padding-top:25px}
	.gcon_1 .ibd .ico{ width:80px}
	.gcon_1 .ibd .cont{ width:calc(100% - 80px); padding: 0 30px}
	.gcon_1 .ibd .cont .title a{ font-size:26px; }
	.gcon_1 .ibd .cont .more a{ font-size:16px; }
}
@media (max-width: 1200px){
	.gcon_1{}
	.gcon_1 .ibd .ico{ width:60px}
	.gcon_1 .ibd .cont{ width:calc(100% - 60px); padding: 0 0 0 20px}
	.gcon_1 .ibd .cont .title a{ font-size:20px; }
	.gcon_1 .ibd .cont .more a{ font-size:14px; }
}
@media (max-width: 750px){
	.gcon_1 .ibd{ padding:15px}
	.gcon_1 .ibd .ico{ width:40px}
	.gcon_1 .ibd .cont{ width:calc(100% - 40px); padding: 0 0 0 15px}
	.gcon_1 .ibd .cont .title a{ font-size:14px; line-height:1.4 }
	.gcon_1 .ibd .cont .more a{ font-size:12px; }
}

.gcon_2{ padding:30px 0 60px; background: linear-gradient(to bottom, #e8f3f9, #fff)}
.ihd .title{ padding-left:25px; position:relative}
.ihd .title:after{ content:""; display:block; width:2px; height:90%; background:#0064b8; position:absolute; left:0; top:5%}
.ihd .title .cn{ font-size:34px; color:#333333; font-weight:bold; line-height:1}
.ihd .title .en{ font-size:28px; color:#d9d9d9; font-family:Arial; font-weight:bold; line-height:0.8; text-transform:uppercase; margin-top:15px}
.gcon_2 .ibd{ margin-top:30px; display:flex;justify-content: space-between; }
.gcon_2 .ibd .lt{ width:790px; overflow:hidden}
.gcon_2 .ibd .lt .swiper02{ width:100%; overflow:hidden; position:relative}
.gcon_2 .ibd .lt .swiper02 .swiper-slide{ width:100%; overflow:hidden; position:relative}
.gcon_2 .ibd .lt .swiper02 .swiper-slide .pic{ width:100%; height:0; position:relative; padding-bottom:71%; overflow:hidden}
.gcon_2 .ibd .lt .swiper02 .swiper-slide .pic img{ width:100% ; height:100%; object-fit:cover; position:absolute; left:0; top:0; transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_2 .ibd .lt .swiper02 .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_2 .ibd .lt .swiper02 .swiper-slide .title{ padding:30px 150px 30px 30px; position:absolute; left:0; bottom:0; font-size:24px; line-height:24px; box-sizing:border-box; background:rgba(92,92,92,0.7); color:#fff; width:100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_2 .ibd .lt .swiper02 .btn{ position:absolute; right:30px; bottom:0; height:84px; display:flex; align-items: center; z-index:2}
.gcon_2 .ibd .lt .swiper02 .btn .prev02{ background:url(g_06.png) center center no-repeat; background-size:cover; width:39px; height:39px; cursor:pointer}
.gcon_2 .ibd .lt .swiper02 .btn .next02{ background:url(g_06.png) center center no-repeat; background-size:cover; width:39px; height:39px; cursor:pointer; transform:rotate(180deg); margin-left:5px}
.gcon_2 .ibd .lt .swiper02 .btn .prev02:hover{ background:url(g_07.png) center center no-repeat; background-size:cover;  transform:rotate(180deg) }
.gcon_2 .ibd .lt .swiper02 .btn .next02:hover{ background:url(g_07.png) center center no-repeat; background-size:cover;  transform:rotate(0)}
.gcon_2 .ibd .rt{ width:785px;}
.gcon_2 .ibd .rt .hd{ display:flex;justify-content: space-between; align-items: center; border-bottom:1px solid #c7c7c7 }
.gcon_2 .ibd .rt .hd ul{ display:flex; }
.gcon_2 .ibd .rt .hd ul li{ position:relative; font-size:24px; color:#333333; margin-right:45px; line-height:1; padding:10px 0 18px; cursor:pointer}
.gcon_2 .ibd .rt .hd ul li.on:after{ content:""; display:block; background:url(g_08.png) center center no-repeat; width:100%; height:10px; position:absolute; left:0; bottom:-8px;}
.gcon_2 .ibd .rt .hd ul li.on{ color:#014099; font-weight:bold}
.gcon_2 .ibd .rt .hd .more a{ display:flex; align-items: center; justify-content: center; width:106px; height:42px; background:#fff; border-radius:25px; font-size:14px; color:#7d7d7d}
.gcon_2 .ibd .rt .hd .more a:hover{ background:#014099; color:#fff}
.gcon_2 .ibd .rt .bd{ margin-top:20px}
.gcon_2 .ibd .rt .bd .item{ margin-bottom:8px; position:relative; box-shadow:0 0 5px rgba(0,0,0,0.1)}
.gcon_2 .ibd .rt .bd .item:last-child{ margin-bottom:0}
.gcon_2 .ibd .rt .bd .item a{ display:block; background:#fff; display:flex;justify-content: space-between; align-items: center; height:116px}
.gcon_2 .ibd .rt .bd .item a .time{ width:120px; box-sizing:border-box; text-align:center}
.gcon_2 .ibd .rt .bd .item a .time .p1{ font-size:30px; font-family:impact; color:#014099; line-height:1; padding-bottom:8px; position:relative}
.gcon_2 .ibd .rt .bd .item a .time .p1:after{ content:""; display:block; width:30px; color:#e4a100; background:#e4a100; height:1px; position:absolute; left:50%; margin-left:-15px; bottom:0}
.gcon_2 .ibd .rt .bd .item a .time .p2{ font-size:12px; color:#515151; margin-top:8px}
.gcon_2 .ibd .rt .bd .item:after{ content:""; display:block; width:1px; height:100%; background:#e5e5e5; position:absolute; left:120px; top:0}
.gcon_2 .ibd .rt .bd .item a .cont{ width:calc(100% - 120px); box-sizing:border-box; padding:0 25px;}
.gcon_2 .ibd .rt .bd .item a .cont .title{ font-size:20px; color:#232424; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_2 .ibd .rt .bd .item a .cont .intro{ font-size:16px; color:rgba(36,36,36,0.6); text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:15px}
.gcon_2 .ibd .rt .bd .item:hover a{ background:#014099}
.gcon_2 .ibd .rt .bd .item:hover:after{ background:#fff}
.gcon_2 .ibd .rt .bd .item:hover a .time .p1{ color:#fff}
.gcon_2 .ibd .rt .bd .item:hover a .time .p1:after{ background:#fff}
.gcon_2 .ibd .rt .bd .item:hover a .time .p2{ color:#fff}
.gcon_2 .ibd .rt .bd .item:hover a .cont .title{ color:#fff}
.gcon_2 .ibd .rt .bd .item:hover a .cont .intro{ color:#fff}
@media (max-width: 1600px){
	.ihd .title{ padding-left:26px}
	.ihd .title .cn{ font-size:28px; }
	.ihd .title .en{ font-size:22px;  margin-top:12px}
	.gcon_2{ padding:25px 0 40px}
	.gcon_2 .ibd{ margin-top:25px; }
	.gcon_2 .ibd .lt{ width:590px; }
	.gcon_2 .ibd .lt .swiper02 .swiper-slide .title{ padding:20px 120px 20px 20px; font-size:20px; line-height:20px; }
	.gcon_2 .ibd .lt .swiper02 .btn{  right:20px;  height:60px; }
	.gcon_2 .ibd .lt .swiper02 .btn .prev02{ width:32px; height:32px;  }
	.gcon_2 .ibd .lt .swiper02 .btn .next02{  width:32px; height:32px; }
	.gcon_2 .ibd .rt{ width:590px; }
	.gcon_2 .ibd .rt .hd ul li{ font-size:20px; margin-right:35px; padding:6px 0 14px;}
	.gcon_2 .ibd .rt .hd ul li.on:after{ height:8px; background-size:100% 100%; position:absolute; left:0; bottom:-7px;}
	.gcon_2 .ibd .rt .hd .more a{ width:96px; height:30px; font-size:12px; }
	.gcon_2 .ibd .rt .hd .more a:hover{ background:#014099; color:#fff}
	.gcon_2 .ibd .rt .bd{ margin-top:15px}
	.gcon_2 .ibd .rt .bd .item{ margin-bottom:6px; }
	.gcon_2 .ibd .rt .bd .item a{  height:86px}
	.gcon_2 .ibd .rt .bd .item a .time{ width:90px; }
	.gcon_2 .ibd .rt .bd .item a .time .p1{ font-size:24px; padding-bottom:8px; }
	.gcon_2 .ibd .rt .bd .item a .time .p1:after{ width:20px;  margin-left:-10px; }
	.gcon_2 .ibd .rt .bd .item:after{ left:90px; }
	.gcon_2 .ibd .rt .bd .item a .cont{ width:calc(100% - 90px);}
	.gcon_2 .ibd .rt .bd .item a .cont .title{ font-size:18px;  }
	.gcon_2 .ibd .rt .bd .item a .cont .intro{ font-size:14px;  margin-top:10px}
}
@media (max-width: 1200px){
	.ihd .title{ padding-left:20px}
	.ihd .title .cn{ font-size:22px; }
	.ihd .title .en{ font-size:14px;  margin-top:12px}
	.gcon_2{ padding:25px 0 40px}
	.gcon_2 .ibd{ margin-top:25px; display:block }
	.gcon_2 .ibd .lt{ width:100%; }
	.gcon_2 .ibd .lt .swiper02 .swiper-slide .title{ padding:15px 90px 15px 15px; font-size:16px; line-height:16px; }
	.gcon_2 .ibd .lt .swiper02 .btn{  right:15px;  height:46px; }
	.gcon_2 .ibd .lt .swiper02 .btn .prev02{ width:24px; height:24px;  }
	.gcon_2 .ibd .lt .swiper02 .btn .next02{  width:24px; height:24px; }
	.gcon_2 .ibd .rt{ width:100%; margin-top:20px }
	.gcon_2 .ibd .rt .hd ul li{ font-size:18px; margin-right:25px;}
	.gcon_2 .ibd .rt .hd ul li.on:after{ height:8px; background-size:100% 100%; position:absolute; left:0; bottom:-7px;}
	.gcon_2 .ibd .rt .hd .more a{ width:90px;   }
	.gcon_2 .ibd .rt .bd .item a{  height:80px}
	.gcon_2 .ibd .rt .bd .item a .time{ width:80px; }
	.gcon_2 .ibd .rt .bd .item a .time .p1{ font-size:22px; }
	.gcon_2 .ibd .rt .bd .item:after{ left:80px; }
	.gcon_2 .ibd .rt .bd .item a .cont{ width:calc(100% - 80px); padding:0 15px}
	.gcon_2 .ibd .rt .bd .item a .cont .title{ font-size:16px;  }
	.gcon_2 .ibd .rt .bd .item a .cont .intro{ font-size:12px;  margin-top:10px}
}

.gcon_3{ background:#f3f5f7; padding:60px 0}
.gcon_3 .lt{ width:760px; float:left}
.gcon_3 .rt{ width:800px; float:right}
.gcon_3 .ihd{ display:flex;justify-content: space-between;}
.gcon_3 .ihd2{ margin-top:40px}
.gcon_3 .ihd .more a{ display:flex; align-items: center; justify-content: center; width:106px; height:42px; background:#fff; border-radius:25px; font-size:14px; color:#7d7d7d}
.gcon_3 .ihd .more a:hover{ background:#014099; color:#fff}
.gcon_3 .ibd{ margin-top:30px}
.gcon_3 .lt .ibd .aitem a{ display:flex;justify-content: space-between; align-items: center; width:100% }
.gcon_3 .lt .ibd .aitem a .pic{ width:280px; }
.gcon_3 .lt .ibd .aitem a .pic i{ padding-bottom:64.3%; height:0; overflow:hidden; position:relative; display:block; width:100%}
.gcon_3 .lt .ibd .aitem a .pic img{ width:100% ; height:100%; object-fit:cover; position:absolute; left:0; top:0; transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_3 .lt .ibd .aitem: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_3 .lt .ibd .aitem a .cont{ width:460px;}
.gcon_3 .lt .ibd .aitem a .cont .title{ font-size:20px; color:#232424; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_3 .lt .ibd .aitem a .cont .time{ font-size:18px; font-family:Arial; color:#232424; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:5px}
.gcon_3 .lt .ibd .aitem a .cont .intro{ font-size:18px;  color:rgba(36,36,36,0.6);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; margin-top:15px}
.gcon_3 .lt .ibd .aitem:hover a .cont .title{ color:#014099}
.gcon_3 .lt .ibd ul{ padding-top:15px}
.gcon_3 .lt .ibd ul li a{ display:flex;justify-content: space-between; align-items: center; height:28px; margin-top:15px}
.gcon_3 .lt .ibd ul li a .title{ background:url(g_16.png) left center no-repeat; padding-left:30px; font-size:20px; color:#232424; width:600px; box-sizing:border-box;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_3 .lt .ibd ul li:hover a .title{ color:#014099}
.gcon_3 .lt .ibd ul li a .time{ font-size:18px; color:#232424; font-family:Arial}
.gcon_3 .rt .ibd{ display:flex;justify-content: space-between; flex-wrap: wrap;}
.gcon_3 .rt .ibd .item{ width:calc(50% - 7px); overflow:hidden; margin-bottom:14px }
.gcon_3 .rt .ibd .item .pic{ width:100%; padding-bottom:45%; position:relative; overflow:hidden}
.gcon_3 .rt .ibd .item .pic img{ width:100% ; height:100%; object-fit:cover; position:absolute; left:0; top:0; transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_3 .rt .ibd .item: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_3 .rt .ibd .item:nth-child(n+3){ margin-bottom:0}
@media (max-width: 1600px){
	.gcon_3{ padding:40px 0}
	.gcon_3 .ihd2{ margin-top:25px}
	.gcon_3 .lt{ width:570px; }
	.gcon_3 .rt{ width:600px; }
	.gcon_3 .ihd{ display:flex;justify-content: space-between;}
	.gcon_3 .ihd .more a{ width:96px; height:30px; font-size:12px; }
	.gcon_3 .ibd{ margin-top:25px}
	.gcon_3 .lt .ibd .aitem a .pic{ width:220px; }
	.gcon_3 .lt .ibd .aitem a .pic i{ padding-bottom:64.3%; height:0; overflow:hidden; position:relative; display:block; width:100%}
	.gcon_3 .lt .ibd .aitem a .pic img{ width:100% ; height:100%; object-fit:cover; position:absolute; left:0; top:0; transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
	.gcon_3 .lt .ibd .aitem: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_3 .lt .ibd .aitem a .cont{ width:340px;}
	.gcon_3 .lt .ibd .aitem a .cont .title{ font-size:18px; }
	.gcon_3 .lt .ibd .aitem a .cont .time{ font-size:16px; }
	.gcon_3 .lt .ibd .aitem a .cont .intro{ font-size:16px;  margin-top:12px}
	.gcon_3 .lt .ibd ul{ padding-top:10px}
	.gcon_3 .lt .ibd ul li a{ height:20px; margin-top:12px}
	.gcon_3 .lt .ibd ul li a .title{ background-size:5px; padding-left:20px; font-size:16px; width:calc(100% - 120px);}
	.gcon_3 .lt .ibd ul li a .time{ font-size:16px; }
	.gcon_3 .rt .ibd .item .pic{ padding-bottom:46%; }
}
@media (max-width: 1200px){
	.gcon_3{ padding:40px 0}
	.gcon_3 .lt{ width:100%; }
	.gcon_3 .rt{ width:100%; margin-top:40px }
	.gcon_3 .ihd .more a{ width:90px}
	.gcon_3 .ibd{ margin-top:20px}
	.gcon_3 .lt .ibd .aitem a .cont{ width:calc(100% - 240px);}
}
@media (max-width: 750px){
	.gcon_3 .lt .ibd .aitem a{ display:block}
	.gcon_3 .lt .ibd .aitem a .pic{ width:100%; }
	.gcon_3 .lt .ibd .aitem a .cont{ width:100%; margin-top:12px}
	.gcon_3 .lt .ibd .aitem a .cont .title{ font-size:16px; }
	.gcon_3 .lt .ibd .aitem a .cont .time{ font-size:12px; }
	.gcon_3 .lt .ibd .aitem a .cont .intro{ font-size:12px;  margin-top:10px; line-height:1.8}
	.gcon_3 .lt .ibd ul{ padding-top:10px}
	.gcon_3 .lt .ibd ul li a{ height:35px; margin-top:0}
	.gcon_3 .lt .ibd ul li a .title{ font-size:14px; width:calc(100% - 100px);}
	.gcon_3 .lt .ibd ul li a .time{ font-size:14px; }
	.gcon_3 .rt .ibd .item{ width:calc(50% - 5px); margin-bottom:10px}

}

.gcon_4{ padding:30px 0 0; background:#fff}

.gcon_4 .ihd{ display:flex;justify-content: space-between;align-items: center;}
.gcon_4 .ihd .more a{ display:flex; align-items: center; justify-content: center; width:106px; height:42px; background:#f1f1f1; border-radius:25px; font-size:14px; color:#7d7d7d}
.gcon_4 .ihd .more a:hover{ background:#014099; color:#fff}



.gcon_4 .nr{ position:relative}
.gcon_4 .ibd{ margin-top:30px}
.gcon_4 .pic{ width:100%}
.gcon_4 .pic img{ width:100%; height:100%; object-fit:cover}
.gcon_4 .tab04{ width:100%; height:100%; position:absolute; left:0; top:0}
.gcon_4 .tab04 .hd{ width:100%; height:100%}
.gcon_4 .tab04 .hd ul{ width:100%; height:100%; display:flex}
.gcon_4 .tab04 .hd ul li{ width:420px; box-sizing:border-box; border-right:1px solid #fff; position:relative; transition:all 0.5s; overflow:hidden}
.gcon_4 .tab04 .hd ul li:last-child{ border:0}
.gcon_4 .tab04 .hd ul li.on{ width:760px}
.gcon_4 .tab04 .hd ul li .item1{ width:100%; height:100%; display:flex; align-items: center; justify-content: center; text-align:center; transition:all 0.5s}
.gcon_4 .tab04 .hd ul li .item1 .ico img{ height:60px; transition:all 0.5s}
.gcon_4 .tab04 .hd ul li .item1 .title{ font-size:28px; font-weight:bold; text-align:center; color:#fff; padding:35px 0; position:relative}
.gcon_4 .tab04 .hd ul li .item1 .title:after{ content:""; display:block; width:80px; height:2px; background:#fff; position:absolute; left:50%; transform:translateX(-50%); bottom:0; transition:all 0.5s}
.gcon_4 .tab04 .hd ul li .item1 .num{ font-size:30px; color:rgba(255,255,255,0.5); font-family:Arial; line-height:1; margin-top:25px; transition:all 0.5s; display:none; font-weight:bold}
.gcon_4 .tab04 .hd ul li.on .item1{ width:200px; background:#014099}
.gcon_4 .tab04 .hd ul li.on .item1 .ico img{ height:0}
.gcon_4 .tab04 .hd ul li.on .item1 .title{ padding:0 80px 30px; line-height:1.2}
.gcon_4 .tab04 .hd ul li.on .item1 .title:after{ width:20px}
.gcon_4 .tab04 .hd ul li.on .item1 .num{ display:block}
.gcon_4 .tab04 .hd ul li .item2{ width:560px; height:100%; position:absolute; right:0; top:100%;display:flex; align-items: center; justify-content: center; background:url(g_17.png) center center no-repeat; background-size:cover; box-sizing:border-box; padding:0 55px}
.gcon_4 .tab04 .hd ul li.on .item2{ top:0;   transition:all 0.5s;transition-delay: 0.3s; }
.gcon_4 .tab04 .hd ul li .item2>div{ width:100%}
.gcon_4 .tab04 .hd ul li .item2 .item{ height:135px; display:flex; align-items: center; border-bottom:1px solid rgba(255,255,255,0.4); color:#fff}
.gcon_4 .tab04 .hd ul li .item2 .item:last-child{ border:0}
.gcon_4 .tab04 .hd ul li .item2 .item .ico{ margin-right:16px}
.gcon_4 .tab04 .hd ul li .item2 .item .ico img{ height:54px}
.gcon_4 .tab04 .hd ul li .item2 .item .p1{ font-size:18px; line-height:1; position:relative}
.gcon_4 .tab04 .hd ul li .item2 .item .p1 i{ font-size:50px; margin-right:5px}
.gcon_4 .tab04 .hd ul li .item2 .item .p1 span{ position:relative}
.gcon_4 .tab04 .hd ul li .item2 .item .p1 span em{ position:absolute; left:0; bottom:30px}
.gcon_4 .tab04 .hd ul li .item2 .item .p2{ font-size:18px; line-height:1; margin-top:8px}
.gcon_4 .tab04 .hd ul li .item3{ width:560px; height:100%; position:absolute; right:0; top:100%;display:flex; align-items: center; justify-content: center; background:url(g_17.png) center center no-repeat; background-size:cover; box-sizing:border-box; padding:0 55px}
.gcon_4 .tab04 .hd ul li.on .item3{ top:0;   transition:all 0.5s;transition-delay: 0.3s; }
.gcon_4 .tab04 .hd ul li .item3>div{ width:100%}
.gcon_4 .tab04 .hd ul li.on .item3 .intro{ font-size:16px; text-align:justify; line-height:2; color:#fff}
@media (max-width: 1600px){
	.gcon_4{ padding:25px 0 0}
	.gcon_4 .ihd .more a{ width:96px; height:30px; font-size:12px; }
	.gcon_4 .ibd{ margin-top:25px}
	.gcon_4 .tab04 .hd ul li{ width:315px;}
	.gcon_4 .tab04 .hd ul li:last-child{ border:0}
	.gcon_4 .tab04 .hd ul li.on{ width:570px}
	.gcon_4 .tab04 .hd ul li .item1 .ico img{ height:50px;}
	.gcon_4 .tab04 .hd ul li .item1 .title{ font-size:24px; padding:30px 0; }
	.gcon_4 .tab04 .hd ul li .item1 .title:after{ width:60px;}
	.gcon_4 .tab04 .hd ul li .item1 .num{ font-size:26px;}
	.gcon_4 .tab04 .hd ul li.on .item1{ width:150px; }
	.gcon_4 .tab04 .hd ul li.on .item1 .title{ padding:0 60px 30px;}
	.gcon_4 .tab04 .hd ul li .item2{ width:420px;  padding:0 45px}
	.gcon_4 .tab04 .hd ul li .item2 .item{ height:100px;}
	.gcon_4 .tab04 .hd ul li .item2 .item .ico img{ height:48px}
	.gcon_4 .tab04 .hd ul li .item2 .item .p1{ font-size:14px;}
	.gcon_4 .tab04 .hd ul li .item2 .item .p1 i{ font-size:40px}
	.gcon_4 .tab04 .hd ul li .item2 .item .p2{ font-size:14px;}
	.gcon_4 .tab04 .hd ul li .item3{ width:420px;  padding:0 45px}
	.gcon_4 .tab04 .hd ul li.on .item3 .intro{ font-size:14px;}
	.gcon_4 .tab04 .hd ul li .item2 .item .p1 span em{  bottom:25px}
}
@media (max-width: 1200px){
	.gcon_4{ padding:40px 0}
	.gcon_4 .ihd .more a{ width:90px}
	.gcon_4 .ibd{ margin-top:20px}
	.gcon_4 .pic{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:0}
	.gcon_4 .tab04{ position:relative; z-index:9}
	.gcon_4 .tab04 .hd ul{ display:block}
	.gcon_4 .tab04 .hd ul li{ width:100%; border:0; border-bottom:1px solid #fff; background:url(g_17.png) center center no-repeat; background-size:cover; padding:30px}
	.gcon_4 .tab04 .hd ul li:last-child{ border:0}
	.gcon_4 .tab04 .hd ul li.on{ width:100%}
	.gcon_4 .tab04 .hd ul li .item1{ width:100%;}
	.gcon_4 .tab04 .hd ul li.on .item1{ width:100%; background:none}
	.gcon_4 .tab04 .hd ul li .item2{ width:100%; position:relative; background:none}
	.gcon_4 .tab04 .hd ul li.on .item2{ width:100%}
	.gcon_4 .tab04 .hd ul li .item1 .ico img{ height:32px;}
	.gcon_4 .tab04 .hd ul li.on .item1 .ico img{ height:32px;}
	.gcon_4 .tab04 .hd ul li .item1 .con{ display:flex; align-items: center; width:100% }
	.gcon_4 .tab04 .hd ul li .item1 .title{ font-size:20px; padding:0; margin-left:10px }
	.gcon_4 .tab04 .hd ul li .item1 .title:after{ width:0;}
	.gcon_4 .tab04 .hd ul li.on .item1 .title{ font-size:24px; padding:0; }
	.gcon_4 .tab04 .hd ul li.on .item1 .title:after{ width:0;}
	.gcon_4 .tab04 .hd ul li.on .item1 .num{ display:none}
	.gcon_4 .tab04 .hd ul li .item2{ padding:10px 0 0}
	.gcon_4 .tab04 .hd ul li .item2 .item{ padding:20px 0; height:auto}
	.gcon_4 .tab04 .hd ul li .item2 .item .ico img{ height:32px}
	.gcon_4 .tab04 .hd ul li .item2 .item .p1{ font-size:12px;}
	.gcon_4 .tab04 .hd ul li .item2 .item .p1 i{ font-size:30px}
	.gcon_4 .tab04 .hd ul li .item2 .item .p2{ font-size:12px;}
	.gcon_4 .tab04 .hd ul li .item2 .item:last-child{ padding-bottom:0}
	.gcon_4 .tab04 .hd ul li .item3{ width:100%; position:relative; background:none; padding:0; color:#fff; margin-top:15px; line-height:2}
	.gcon_4 .tab04 .hd ul li.on .item3{ width:100%}
	.gcon_4 .tab04 .hd ul li .item2 .item .p1 span em{  bottom:20px}
}
.gcon_5{ background:url(g_20.png) bottom center no-repeat #fff; background-size:cover; display:flex;justify-content: space-between; align-items: center; position:relative; z-index:2 }
.gcon_5 .lt{ width:595px; position:relative; left:50%; margin-left:-800px}
.gcon_5 .lt .intro{ font-size:18px; text-align:justify; line-height:2; margin-top:60px}
.gcon_5 .lt .more{ margin-top:60px}
.gcon_5 .lt .more a{ display:flex; align-items: center; justify-content: center; width:106px; height:42px; border-radius:25px; font-size:14px; background:#014099; color:#fff}
.gcon_5 .rt{ width:58.4%}
.gcon_5 .rt img{ width:100%}
@media (max-width: 1600px){
	.gcon_5 .lt{ width:500px; margin-left:-600px}
	.gcon_5 .lt .intro{ font-size:16px; margin-top:40px}
	.gcon_5 .lt .more{ margin-top:40px}
	.gcon_5 .lt .more a{ width:96px; height:36px; font-size:12px; }
}
@media (max-width: 1200px){
	.gcon_5{ display:block;}
	.gcon_5 .lt{ width:100%; margin-left:0; left:0; box-sizing:border-box; padding:0 4%}
	.gcon_5 .lt .intro{ font-size:14px; margin-top:20px}
	.gcon_5 .lt .more{ margin-top:20px}
	.gcon_5 .lt .more a{ width:90px;  }
	.gcon_5 .rt{ width:100%; border-radius:100%; overflow:hidden}
}