@charset "utf-8";
.banner{ width:100%; height: 100vh; position:relative; overflow:hidden}
.banner .swiper_banner{ width: 100%; height: 100%; position: relative;}
.banner .swiper-slide{ width:100%;  height: 100%; overflow:hidden; background:#fff;position: relative;overflow: hidden;}
.banner .swiper-slide a{  width: 100%; height: 100%; display: block;}
.banner .swiper-slide img{ width:100%; height: 100%; object-fit: cover; transform: scale(1.1); transition: all 5s linear;}
.banner .swiper-slide.swiper-slide-active img{transform: scale(1); }
.banner img.img01{ display:block}
.banner img.img02{ display:none}
.banner .swiper-slide .item{position: absolute;left: 0; top:50%;width: 100%; transform: translateY(-50%); color: #ffffff; z-index: 3;}

.banner .swiper-slide .item .title{  font-size:72px;  position:relative; top:40px; transition:all 0.5s linear; opacity:0;  display: flex; align-items: center; transition-delay:0.3s; text-align: center; width: 100%; justify-content: center;}
.banner .swiper-slide .item .intro{ font-size:36px; color:rgba(255,255,255,1); margin-top:10px;position:relative; top:40px; transition:all 0.5s linear; transition-delay:0.6s; opacity:0; text-align: center; justify-content: center; }
.banner .swiper-slide .item .intro .p1{ display: block;}
.banner .swiper-slide .item .intro .p2{ display: none;}
.banner .swiper-slide .item img{ transform: scale(1); height: 172px; width: auto; display: block; margin: 0 auto; }


.banner .swiper-slide.swiper-slide-active .item .title{ top:0; opacity:1}
.banner .swiper-slide.swiper-slide-active .item .intro{ top:0; opacity:1}

.banner .swiper-slide .video{ width: 100%; height: 100%	; position: absolute; left: 0; top: 0; z-index: 2; object-fit: cover;}
.banner .swiper-num{ position:absolute; left:50%; margin-left:-800px; bottom:85px; z-index:9; display:flex;align-items: center;justify-content: center; width: fit-content;}
.banner .swiper-num .active{ font-size:22px;  color:#ffffff;  }
.banner .swiper-num .total{ font-size:22px;  color:#ffffff;  }
.banner .swiper-num .pagination_banner{ width:50px; margin:0 10px; position:relative; height:2px; top:auto; left:auto; bottom:auto; background:rgba(255,255,255,0.6); opacity:1}
.banner .swiper-num .pagination_banner span{ background:#fff}
.banner .next_banner{ background: url(next.png) center center no-repeat; width: 48px; height: 48px; background-size: cover;  cursor: pointer;   position: absolute; right: 4%; top: 50%; transform: translateY(-50%); z-index: 2;}
.banner .prev_banner{ background: url(prev.png) center center no-repeat; width: 48px; height: 48px; background-size: cover;  cursor: pointer;  position: absolute;left: 4%; top: 50%; transform: translateY(-50%); z-index: 2;}

/* 圆形描边动画 */
.circle-animate {
    width: calc(100% + 2px);
    height:  calc(100% + 2px); position: absolute; left: -1px; top: -1px;
}

.circle-animate circle {
    fill: none;
    stroke: #fff;
    stroke-width: 4;
    stroke-dasharray: 283;
    stroke-dashoffset: 283;
    /* animation: drawCircle 1s linear forwards; */
}

@keyframes drawCircle {
    to {
        stroke-dashoffset: 0;
    }
}
.circle-animate:hover circle {
    animation: drawCircle 1s linear forwards;
}

@media only screen and (max-width:1600px){

	.banner .swiper-slide .item .title{  font-size:48px; }
	.banner .swiper-slide .item .intro{ font-size:24px;}
	.banner .next_banner{ width: 36px; height: 36px;  }
	.banner .prev_banner{ width: 36px; height: 36px;  }

    .banner .swiper-slide .item img{ height: 130px; }

}
@media only screen and (max-width:1200px){

	.banner .swiper-slide .item .title{  font-size:32px; }
	.banner .swiper-slide .item .intro{ font-size:18px;}
	
	.banner .next_banner{ width: 32px; height: 32px;  }
	.banner .prev_banner{ width: 32px; height: 32px;  }
    .banner .swiper-slide .item img{  width: 84%; height: auto; }
	
}
@media only screen and (max-width:750px){
	.banner{ height: auto; }
	.banner img.img02{ display:block}
	.banner img.img01{ display:none}

	.banner .swiper-slide .item .title{  font-size:24px;}
	.banner .swiper-slide .item .intro{ font-size:14px; padding: 0 10%;}
	.banner .swiper-slide .item .intro .p2{ display: block;}
    .banner .swiper-slide .item .intro .p1{ display: none;}

	.banner .next_banner{ width: 28px; height: 28px;  }
	.banner .prev_banner{ width: 28px; height: 28px;  }

}

.anews{ width: calc(1260px + 50% - 800px); background: rgba(0,48,85,0.9); position: absolute; left: 0; bottom: 0; z-index: 2; box-sizing: border-box; padding-left: calc( 50% - 800px); height: 200px; display: flex;}
.anews .con{ display: flex; height: 100%; justify-content: space-between; width: 100%;}
.anews .item{ width: 450px; height: 100%;}
.anews .item a{ width: 100%; height: 100%; display: block; padding: 40px 0 0 0; box-sizing: border-box; color: #fff;}
.anews .item a .p1{ font-size: 14px; color: rgba(255,255,255,0.5);}
.anews .item a .p2{ font-size: 18px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top: 15px; opacity: 0.75; transition: all 0.5s linear;}
.anews .item a .p3{ background: url(g_02.png) left center no-repeat; background-size: auto 100%; height: 6px; margin-top: 30px; opacity: 0.75; transition: all 0.5s linear;}
.anews .item:hover a .p2{ opacity: 1; transition: all 0.5s linear;}
.anews .item:hover a .p3{ opacity: 1; transition: all 0.5s linear;}


.anews .line{ width: 1px; height: 100%; background: rgba(255,255,255,0.1);}
.anews .more{ width: 60px; height: 100%; background: #084166; display: flex; align-items: center; justify-content: center;}
.anews .more a{display: flex;  align-items: center;  justify-content: center;  flex-direction: column; width: 100%; height: 100%;}
.anews .more a i{ width: 1px; height: 44px; display: block; background: rgba(255,255,255,0.2); margin-bottom: 20px;}
.anews .more a span{  display: inline-block;    transform: rotate(90deg);    transform-origin: center; color: #fff; text-transform: uppercase; font-size: 14px; color: rgba(255,255,255,0.5);}
.anews .more:hover a i{ background: rgba(255,255,255,1);}
.anews .more:hover a span{ color: rgba(255,255,255,1);}

@media only screen and (max-width:1600px){
    .anews{ width: calc(1100px + 50% - 600px);  padding-left: calc( 50% - 600px); height: 140px; }
    .anews .item{ width: 400px; }
    .anews .item a{ padding: 20px 0 0 0; }
    .anews .item a .p1{ font-size: 12px; }
    .anews .item a .p2{ font-size: 16px; margin-top: 12px;}
    .anews .item a .p3{ margin-top: 18px;}
    .anews .more{ width: 50px; }
    .anews .more a i{ height: 32px; margin-bottom: 20px;}
    .anews .more a span{  font-size: 12px;}
}
@media only screen and (max-width:1200px){
    .anews{ width: 100%;  padding:0 4%; height: 120px; }
    .anews .item{ width: calc(50% - 50px); }
    .anews .item a{ padding: 20px 0 0 0; }
    .anews .item a .p1{ font-size: 12px; }
    .anews .item a .p2{ font-size: 14px; margin-top: 10px;}
    .anews .item a .p3{ margin-top: 10px;}
    .anews .more{ width: 40px; }
    .anews .more a i{ height: 26px; margin-bottom: 16px;}
    .anews .more a span{  font-size: 12px;}
}
@media only screen and (max-width:750px){
    .anews{ position: relative; width: 100%;  padding:0 0; height: auto; }
    .anews .con{ flex-wrap: wrap;}
    .anews .line{ width: 100%; height: 1px;}
    .anews .item{ width: 100%; }
    .anews .item:nth-child(3){ display: none;}
    .anews .line:nth-child(2){ display: none;}
    .anews .item a{ padding: 20px 4%; }
    .anews .item a .p1{ font-size: 12px; }
    .anews .item a .p2{ font-size: 14px; margin-top: 10px;}
    .anews .item a .p3{ margin-top: 10px;}
    .anews .more{ width: 100%; height: 40px; }
     .anews .more a{ flex-direction:row}
    .anews .more a i{ height: 1px; width: 40px; margin-bottom: 0; display: none;}
    .anews .more a span{  font-size: 12px; display: flex; transform: rotate(0); }
}


.gcon_1{ width: 100%; background: url(g_03.png) center center no-repeat; background-size: cover; padding: 160px 0 120px;}
.gcon_1 .aitem{ display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row-reverse;}
.gcon_1 .aitem .lt{ width: 600px;}
.gcon_1 .aitem .lt .p1{ font-size: 36px; color: #00203c; line-height: 1; padding-left: 95px; position: relative; margin-top: 40px;}
.gcon_1 .aitem .lt .p1:after{ content: ""; display: block; width:80px; height: 2px; position: absolute; left: 0; top: calc(50% - 1px); background: #00203c;}
.gcon_1 .aitem .lt .p2{ font-size: 36px; color: #00203c; line-height: 1.4; position: relative; margin-top: 20px;}
.gcon_1 .aitem .lt .p3{ font-size: 18px; color: #00203c; line-height: 2; margin-top: 30px;}
.gcon_1 .aitem .lt .p4{ margin-top: 30px;}
.gcon_1 .aitem .lt .p4 a{ display: flex; align-items: center; justify-content: center; width: 200px; height: 50px; color: #fff; background: #0c89e1; font-size: 18px; transition: all 0.3s;}
.gcon_1 .aitem .lt .p4 a i{ background: url(g_02.png) right center no-repeat; background-size: auto 6px; padding-right: 30px;}
.gcon_1 .aitem .lt .p4:hover a{ background: #00203c;}
.gcon_1 .aitem .rt{ width: 50%; overflow: hidden;}
.gcon_1 .aitem .rt img{ width: 100%; transform: scale(1); transition: all 0.3s;}
.gcon_1 .aitem .rt:hover img{ transform: scale(1.1); }
.gcon_1 .bitem{ display: flex; align-items: center; justify-content: space-between; margin-top: 70px;}
.gcon_1 .bitem .item2{ width: 1px; height: 70px; background: #cfd8e1;}
.gcon_1 .bitem .item2:last-child{ display: none;}
.gcon_1 .bitem .item .p1{ display: flex; align-items: flex-end; color: #00203c; line-height: 1;}
.gcon_1 .bitem .item .p1 .y{ font-size: 60px; }
.gcon_1 .bitem .item .p1 .i{ margin-left: 10px; text-align: center;}
.gcon_1 .bitem .item .p1 .i .a1{ font-size: 30px;}
.gcon_1 .bitem .item .p1 .i .a2{ font-size: 18px; margin-top: 10px;}
.gcon_1 .bitem .item .p2{ font-size: 18px; color: #0f1a35; text-align: center; margin-top: 8px;}
@media only screen and (max-width:1600px){
    .gcon_1{ padding: 100px 0;}
    .gcon_1 .aitem .lt{ width: 500px;}
    .gcon_1 .aitem .lt .p1{ font-size: 28px; padding-left: 80px; margin-top: 10px;}
    .gcon_1 .aitem .lt .p1:after{ width:60px; }
    .gcon_1 .aitem .lt .p2{ font-size: 28px;  margin-top: 16px;}
    .gcon_1 .aitem .lt .p3{ font-size: 16px;  margin-top: 20px;}
    .gcon_1 .aitem .lt .p4{ margin-top: 20px;}
    .gcon_1 .aitem .lt .p4 a{ width: 160px; height: 42px; font-size: 16px; }
    .gcon_1 .bitem{ margin-top: 50px;}
    .gcon_1 .bitem .item2{ height: 60px; }
    .gcon_1 .bitem .item .p1 .y{ font-size: 50px; }
    .gcon_1 .bitem .item .p1 .i{ margin-left: 8px; }
    .gcon_1 .bitem .item .p1 .i .a1{ font-size: 24px;}
    .gcon_1 .bitem .item .p1 .i .a2{ font-size: 16px; }
    .gcon_1 .bitem .item .p2{ font-size: 16px;}
}
@media only screen and (max-width:1200px){
    .gcon_1{ padding: 60px 0;}
    .gcon_1 .aitem .lt{ width: 48%;}
    .gcon_1 .aitem .lt .p1{ font-size: 20px; padding-left: 40px; margin-top: 0;}
    .gcon_1 .aitem .lt .p1:after{ width:30px; }
    .gcon_1 .aitem .lt .p2{ font-size: 20px;  margin-top: 10px;}
    .gcon_1 .aitem .lt .p3{ font-size: 14px;  margin-top: 10px;}
    .gcon_1 .aitem .lt .p4{ margin-top: 10px;}
    .gcon_1 .aitem .lt .p4 a{ width: 120px; height: 32px; font-size: 12px; }
    .gcon_1 .bitem{ margin-top: 40px;}
    .gcon_1 .bitem .item2{ height: 50px; }
    .gcon_1 .bitem .item .p1 .y{ font-size: 40px; }
    .gcon_1 .bitem .item .p1 .i{ margin-left: 8px; }
    .gcon_1 .bitem .item .p1 .i .a1{ font-size: 20px;}
    .gcon_1 .bitem .item .p1 .i .a2{ font-size: 12px; }
    .gcon_1 .bitem .item .p2{ font-size: 12px;}
}
@media only screen and (max-width:750px){
    .gcon_1{ padding: 40px 0;}
    .gcon_1 .aitem{ flex-wrap: wrap;}
    .gcon_1 .aitem .lt{ width: 100%; margin-top: 20px;}
    .gcon_1 .aitem .rt{ width: 100%;}
    .gcon_1 .aitem .lt .p1{ font-size: 18px; padding-left: 32px; margin-top: 0;}
    .gcon_1 .aitem .lt .p1:after{ width:24px; }
    .gcon_1 .aitem .lt .p2{ font-size: 18px;  margin-top: 10px;}
    .gcon_1 .aitem .lt .p3{ font-size: 12px;  margin-top: 10px;}
    .gcon_1 .aitem .lt .p4{ margin-top: 10px;}
    .gcon_1 .aitem .lt .p4 a{ width: 120px; height: 32px; font-size: 12px; }
    .gcon_1 .bitem{ margin-top: 20px;}
    .gcon_1 .bitem .item2{ display: none;}
    .gcon_1 .bitem .item .p1{ display: flex; justify-content: center;}
    .gcon_1 .bitem .item .p1 .y{ font-size: 30px; }
    .gcon_1 .bitem .item .p1 .i{ margin-left: 8px; }
    .gcon_1 .bitem .item .p1 .i .a1{ font-size: 14px;}
    .gcon_1 .bitem .item .p1 .i .a2{ font-size: 12px; margin-top: 2px; }
    .gcon_1 .bitem .item .p2{ font-size: 12px;}
}

.gcon_2{ width: 100%; padding: 130px 0;}
.gcon_2 .ibd{ display: flex; align-items: flex-start; justify-content: space-between;}
.gcon_2 .ibd .pic{ width: 738px; overflow: hidden;}
.gcon_2 .ibd .pic img{ width: 100%; transform: scale(1); transition: all 0.3s;}
.gcon_2 .ibd .pic:hover img{  transform: scale(1.1);}
.gcon_2 .ibd .rt{width: 810px;}
.gcon_2 .ibd .hd ul{ display: flex;}
.gcon_2 .ibd .hd ul li{ position: relative; font-size: 36px; color: #00203c; margin-right: 50px; cursor: pointer; line-height: 1;}
.gcon_2 .ibd .hd ul li.on:after{ content: ""; display: block; width: 80px; height: 2px; background: #0c89e1;  position: absolute; left: 0; top: calc(50% - 1px);}
.gcon_2 .ibd .hd ul li.on{ color: #0c89e1; padding-left: 90px;}
.gcon_2 .ibd .bd{ margin-top: 40px;}
.gcon_2 .ibd .bd .con .aitem{ font-size: 18px; color: #00203c; line-height: 2; height: 72px; overflow: hidden;}
.gcon_2 .ibd .bd .con .bitem{ margin-top: 50px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.gcon_2 .ibd .bd .con .bitem .item{ width: 47%;}
.gcon_2 .ibd .bd .con .bitem .item a{ display: flex; align-items: center; height: 80px; border-bottom: 1px solid #163046;}
.gcon_2 .ibd .bd .con .bitem .item a .ico img{ display: block; height: 32px;}
.gcon_2 .ibd .bd .con .bitem .item a .ico img.img1{ display: block;}
.gcon_2 .ibd .bd .con .bitem .item a .ico img.img2{ display: none;}
.gcon_2 .ibd .bd .con .bitem .item:hover a .ico img.img2{ display: block;}
.gcon_2 .ibd .bd .con .bitem .item:hover a .ico img.img1{ display: none;}
.gcon_2 .ibd .bd .con .bitem .item a .title{ width: calc(100% - 32px); box-sizing: border-box; padding: 0 30px 0 10px; font-size: 18px; color: #001c34; background: url(g_06.png) right center no-repeat; background-size: auto 8px; transition: all 0.3s;}
.gcon_2 .ibd .bd .con .bitem .item:hover a .title{ color: #0c89e1; padding-left: 20px; background: url(g_07.png) right center no-repeat; background-size: auto 8px;}
@media only screen and (max-width:1600px){
    .gcon_2{ padding: 100px 0;}
    .gcon_2 .ibd .pic{ width: 46%;}
    .gcon_2 .ibd .rt{width: 50%;}
    .gcon_2 .ibd .hd ul li{ font-size: 28px; margin-right: 40px;}
    .gcon_2 .ibd .hd ul li.on:after{ width: 60px; }
    .gcon_2 .ibd .hd ul li.on{ padding-left: 70px;}
    .gcon_2 .ibd .bd{ margin-top: 30px;}
    .gcon_2 .ibd .bd .con .aitem{ font-size: 16px; height: 64px; }
    .gcon_2 .ibd .bd .con .bitem{ margin-top: 25px; }
    .gcon_2 .ibd .bd .con .bitem .item a{ height: 60px; }
    .gcon_2 .ibd .bd .con .bitem .item a .ico img{  height: 28px;}
    .gcon_2 .ibd .bd .con .bitem .item a .title{ width: calc(100% - 28px); font-size: 16px; }
}
@media only screen and (max-width:1200px){
    .gcon_2{ padding: 60px 0;}
    .gcon_2 .ibd{ flex-wrap: wrap;}
    .gcon_2 .ibd .pic{ width: 100%;}
    .gcon_2 .ibd .rt{width: 100%; margin-top: 20px;}
    .gcon_2 .ibd .hd ul li{ font-size: 20px; margin-right: 30px;}
    .gcon_2 .ibd .hd ul li.on:after{ width: 30px; }
    .gcon_2 .ibd .hd ul li.on{ padding-left: 40px;}
    .gcon_2 .ibd .bd{ margin-top: 10px;}
    .gcon_2 .ibd .bd .con .aitem{ font-size: 14px; height: auto; }
    .gcon_2 .ibd .bd .con .bitem{ margin-top: 0; }
}
@media only screen and (max-width:750px){
    .gcon_2{ padding: 40px 0;}
    .gcon_2 .ibd{ flex-wrap: wrap;}
    .gcon_2 .ibd .pic{ width: 100%;}
    .gcon_2 .ibd .rt{width: 100%; margin-top: 20px;}
    .gcon_2 .ibd .hd ul li{ font-size: 20px; margin-right: 30px;}
    .gcon_2 .ibd .hd ul li.on:after{ width: 30px; }
    .gcon_2 .ibd .hd ul li.on{ padding-left: 40px;}
    .gcon_2 .ibd .bd{ margin-top: 15px;}
    .gcon_2 .ibd .bd .con .aitem{ font-size: 14px; height: auto; }
    .gcon_2 .ibd .bd .con .bitem{ margin-top: 5px; }
    .gcon_2 .ibd .bd .con .bitem .item a{ height: 50px; }
    .gcon_2 .ibd .bd .con .bitem .item a .ico img{  height: 20px;}
    .gcon_2 .ibd .bd .con .bitem .item a .title{ width: calc(100% - 20px); font-size: 12px; background-size: auto 6px!important; }
}



.gcon_2x{ width: 100%; padding: 130px 0; background: url(ax2.jpg) center center no-repeat; background-size: cover;}
.gcon_2x .ibd{ display: flex; align-items: flex-start; justify-content: space-between;}
.gcon_2x .ibd .pic{ width: 738px; overflow: hidden;}
.gcon_2x .ibd .pic img{ width: 100%; transform: scale(1); transition: all 0.3s;}
.gcon_2x .ibd .pic:hover img{  transform: scale(1.1);}
.gcon_2x .ibd .rt{width: 48%;}
.gcon_2x .ibd .hd ul{ display: flex;}
.gcon_2x .ibd .hd ul li{ position: relative; font-size: 36px; color: #00203c; margin-right: 50px; cursor: pointer; line-height: 1;}
.gcon_2x .ibd .hd ul li.on:after{ content: ""; display: block; width: 80px; height: 2px; background: #0c89e1;  position: absolute; left: 0; top: calc(50% - 1px);}
.gcon_2x .ibd .hd ul li.on{ color: #0c89e1; padding-left: 90px;}
.gcon_2x .ibd .bd{ margin-top: 40px;}
.gcon_2x .ibd .bd .con .aitem{ font-size: 18px; color: #00203c; line-height: 2; height: 72px; overflow: hidden;}
.gcon_2x .ibd .bd .con .bitem{ margin-top: 50px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.gcon_2x .ibd .bd .con .bitem .item{ width: 47%;}
.gcon_2x .ibd .bd .con .bitem .item a{ display: flex; align-items: center; height: 80px; border-bottom: 1px solid #163046;}
.gcon_2x .ibd .bd .con .bitem .item a .ico img{ display: block; height: 32px;}
.gcon_2x .ibd .bd .con .bitem .item a .ico img.img1{ display: block;}
.gcon_2x .ibd .bd .con .bitem .item a .ico img.img2{ display: none;}
.gcon_2x .ibd .bd .con .bitem .item:hover a .ico img.img2{ display: block;}
.gcon_2x .ibd .bd .con .bitem .item:hover a .ico img.img1{ display: none;}
.gcon_2x .ibd .bd .con .bitem .item a .title{ width: calc(100% - 32px); box-sizing: border-box; padding: 0 30px 0 10px; font-size: 18px; color: #001c34; background: url(g_06.png) right center no-repeat; background-size: auto 8px; transition: all 0.3s;}
.gcon_2x .ibd .bd .con .bitem .item:hover a .title{ color: #0c89e1; padding-left: 20px; background: url(g_07.png) right center no-repeat; background-size: auto 8px;}
@media only screen and (max-width:1600px){
    .gcon_2x{ padding: 100px 0;}
    .gcon_2x .ibd .hd ul li{ font-size: 28px; margin-right: 40px;}
    .gcon_2x .ibd .hd ul li.on:after{ width: 60px; }
    .gcon_2x .ibd .hd ul li.on{ padding-left: 70px;}
    .gcon_2x .ibd .bd{ margin-top: 30px;}
    .gcon_2x .ibd .bd .con .aitem{ font-size: 16px; height: 64px; }
    .gcon_2x .ibd .bd .con .bitem{ margin-top: 25px; }
    .gcon_2x .ibd .bd .con .bitem .item a{ height: 60px; }
    .gcon_2x .ibd .bd .con .bitem .item a .ico img{  height: 28px;}
    .gcon_2x .ibd .bd .con .bitem .item a .title{ width: calc(100% - 28px); font-size: 16px; }
}
@media only screen and (max-width:1200px){
    .gcon_2x{ padding: 60px 0;}
    .gcon_2x .ibd{ flex-wrap: wrap;}
    .gcon_2x .ibd .pic{ width: 100%;}
    .gcon_2x .ibd .rt{width: 100%; margin-top: 0;}
    .gcon_2x .ibd .rt:nth-child(2){ margin-top: 40px;}
    .gcon_2x .ibd .hd ul li{ font-size: 20px; margin-right: 30px;}
    .gcon_2x .ibd .hd ul li.on:after{ width: 30px; }
    .gcon_2x .ibd .hd ul li.on{ padding-left: 40px;}
    .gcon_2x .ibd .bd{ margin-top: 10px;}
    .gcon_2x .ibd .bd .con .aitem{ font-size: 14px; height: auto; }
    .gcon_2x .ibd .bd .con .bitem{ margin-top: 0; }
}
@media only screen and (max-width:750px){
    .gcon_2x{ padding: 40px 0;}
    .gcon_2x .ibd{ flex-wrap: wrap;}
    .gcon_2x .ibd .pic{ width: 100%;}
    .gcon_2x .ibd .rt{width: 100%; margin-top: 20px;}
    .gcon_2x .ibd .hd ul li{ font-size: 20px; margin-right: 30px;}
    .gcon_2x .ibd .hd ul li.on:after{ width: 30px; }
    .gcon_2x .ibd .hd ul li.on{ padding-left: 40px;}
    .gcon_2x .ibd .bd{ margin-top: 15px;}
    .gcon_2x .ibd .bd .con .aitem{ font-size: 14px; height: auto; }
    .gcon_2x .ibd .bd .con .bitem{ margin-top: 5px; }
    .gcon_2x .ibd .bd .con .bitem .item a{ height: 50px; }
    .gcon_2x .ibd .bd .con .bitem .item a .ico img{  height: 20px;}
    .gcon_2x .ibd .bd .con .bitem .item a .title{ width: calc(100% - 20px); font-size: 12px; background-size: auto 6px!important; }
}



.gcon_3{ background: url(g_10.jpg) center center no-repeat; background-size: cover; padding: 160px 0 260px;}
.gcon_3 .ihd{ text-align: center; font-size: 36px; color: #fff; line-height: 2;}
.gcon_3 .ibd{ margin-top: 80px; box-sizing: border-box; padding: 0 80px;}
.gcon_3 .aitem{ display: flex; justify-content: space-between; color: #fff;}
.gcon_3 .aitem .item{ width: 405px;}
.gcon_3 .aitem .item .t{ font-size: 18px; height: 20px; line-height: 20px;}
.gcon_3 .aitem .item .inp1{ width: 100%; height: 50px; box-sizing: border-box; padding: 0 20px; color: #333; background: #fff; font-size: 18px; margin-top: 10px;}
.gcon_3 .aitem .item .inp1::placeholder{ appearance: none; -webkit-appearance: none; opacity: 1; color: rgba(0,0,0,0.5);}
.gcon_3 .aitem .item .sel1{ width: 100%; height: 50px; box-sizing: border-box; padding: 0 20px;  color: rgba(0,0,0,0.5); background: #fff; font-size: 18px; margin-top: 10px; appearance: none; -webkit-appearance: none; background: url(g_11.png) calc(100% - 20px) center no-repeat #fff;}
.gcon_3 .aitem .item .sel1.has-value {    color: #333;}
.gcon_3 .aitem .item2{ width: 195px;}
.gcon_3 .aitem .item2 .t{ font-size: 18px; height: 20px; line-height: 20px;}
.gcon_3 .aitem .item2 .inp2{ width: 100%; height: 50px; box-sizing: border-box; padding: 0 20px; color: #fff; background: #0c89e1; font-size: 18px; margin-top: 10px; cursor: pointer;}
.gcon_3 .bitem{ display: flex; justify-content: space-between; margin-top: 22px;}
.gcon_3 .bitem a{ display: flex; align-items: center; justify-content: center; padding: 10px; color: #fff; font-size: 18px; line-height: 1;}
.gcon_3 .bitem a.on{ background: #0c89e1;}
.gcon_3 .bitem a:hover{ background: #0c89e1;}
@media only screen and (max-width:1600px){
    .gcon_3{ padding: 120px 0 180px;}
    .gcon_3 .ihd{  font-size: 28px; }
    .gcon_3 .ibd{ margin-top: 50px; padding: 0;}
    .gcon_3 .aitem .item{ width: 28%;}
    .gcon_3 .aitem .item .t{ font-size: 16px; }
    .gcon_3 .aitem .item .inp1{ height: 45px; padding: 0 16px; font-size: 16px; margin-top: 6px;}
    .gcon_3 .aitem .item .sel1{ height: 45px; padding: 0 16px; font-size: 16px; margin-top: 6px; background: url(g_11.png) calc(100% - 16px) center no-repeat #fff;}
    .gcon_3 .aitem .item2{ width: 12%;}
    .gcon_3 .aitem .item2 .inp2{ height: 45px; padding: 0 16px; font-size: 16px; margin-top: 6px;}
    .gcon_3 .bitem{ margin-top: 18px;}
    .gcon_3 .bitem a{ padding: 8px; font-size: 16px; }
}
@media only screen and (max-width:1200px){
    .gcon_3{ padding: 80px 0;}
    .gcon_3 .ihd{  font-size: 20px; }
    .gcon_3 .ibd{ margin-top: 30px;}
    .gcon_3 .aitem .item .t{ font-size: 14px; }
    .gcon_3 .aitem .item .inp1{ height: 40px; padding: 0 12px; font-size: 14px; margin-top: 5px;}
    .gcon_3 .aitem .item .sel1{ height: 40px; padding: 0 12px; font-size: 14px; margin-top: 5px; background: url(g_11.png) calc(100% - 12px) center no-repeat #fff; background-size: 10px;}
    .gcon_3 .aitem .item2 .inp2{ height: 40px; padding: 0 12px; font-size: 14px; margin-top: 5px;}
    .gcon_3 .bitem{ margin-top: 12px;}
    .gcon_3 .bitem a{ padding: 8px; font-size: 14px; }
}
@media only screen and (max-width:750px){
    .gcon_3{ padding: 60px 0;}
    .gcon_3 .ihd{  font-size: 18px; }
    .gcon_3 .ibd{ margin-top: 20px; }
    .gcon_3 .aitem{ flex-wrap: wrap;}
    .gcon_3 .aitem .item{ width: 48%; margin-right: 4%; margin-bottom: 4%;}
    .gcon_3 .aitem .item:nth-child(2){ margin-right: 0;}
    .gcon_3 .aitem .item2:nth-child(4){ margin-right: 0; width: 48%;}

    .gcon_3 .aitem .item .t{ font-size: 14px; }
    .gcon_3 .aitem .item .inp1{ height: 40px; padding: 0 12px; font-size: 14px; margin-top: 5px;}
    .gcon_3 .aitem .item .sel1{ height: 40px; padding: 0 12px; font-size: 14px; margin-top: 5px; background: url(g_11.png) calc(100% - 12px) center no-repeat #fff; background-size: 10px;}
    .gcon_3 .aitem .item2 .inp2{ height: 40px; padding: 0 12px; font-size: 14px; margin-top: 5px;}
    .gcon_3 .bitem{ margin-top: 0; flex-wrap: wrap;}
    .gcon_3 .bitem a{ padding: 8px; font-size: 14px; box-sizing: border-box; width: 7%; }
    .gcon_3 .bitem a:nth-child(1){ width: 14%; }
}

.gcon_4{ padding: 130px 0; background: url(g_12.jpg) center center no-repeat; background-size: cover;}
.gcon_4 .ihd{ text-align: center;}
.gcon_4 .ihd .p1{ font-size: 60px; color: #001c34; line-height: 1;}
.gcon_4 .ihd .p2{ font-size: 12px; color: #0f314c; line-height: 1; margin-top: 5px;}
.gcon_4 .ihd .p3{ font-size: 18px; color: #0f314c; line-height: 1;  margin-bottom: 5px;}
.gcon_4 .ihd .intro{ margin-top: 40px; text-align: center; font-size: 18px; color: #0f314c; line-height: 2;}
.gcon_4 .ibd{ margin-top: 90px;}
.gcon_4 .ibd .swiper04{ width: 740px; margin: 0 auto; overflow: hidden;}
.gcon_4 .ibd .swiper04 .swiper-slide{ width: 100%;  }
.gcon_4 .ibd .swiper04 .swiper-slide a{ width: 100%; display: flex; align-items: center; justify-content: center;}
 
.gcon_4 .ibd .swiper04 .swiper-slide .i1{ width: 29px; height: 61px; background: url(g_16.png) center center no-repeat; background-size: 100% 100%;}
.gcon_4 .ibd .swiper04 .swiper-slide .i3{ width: 29px; height: 61px; background: url(g_17.png) center center no-repeat; background-size: 100% 100%;}
.gcon_4 .ibd .swiper04 .swiper-slide .i2{ max-width: calc(100% - 58px); box-sizing: border-box; padding: 0 55px; text-align: center; font-size: 36px; color: #0f314c; line-height: 1.4; }
.gcon_4 .ibd .swiper04 .swiper-slide .i3{ width: 29px; height: 61px; background: url(g_17.png) center center no-repeat; background-size: 100% 100%;}
.gcon_4 .ibd .swiper04 .btn{ display: flex; align-items: center; justify-content: center; margin-top: 60px;}
.gcon_4 .ibd .swiper04 .btn .prev04{ background: url(g_18.png) center center no-repeat; background-size: 100% 100%; width: 17px; height: 29px; cursor: pointer;}
.gcon_4 .ibd .swiper04 .btn .next04{ background: url(g_19.png) center center no-repeat; background-size: 100% 100%; width: 17px; height: 29px; cursor: pointer;}
.gcon_4 .ibd .swiper04 .btn .pagination04{ width: fit-content; font-size: 14px; color: #0f314c; margin: 0 10px;}
@media only screen and (max-width:1600px){
    .gcon_4{ padding: 100px 0; }
    .gcon_4 .ihd .p1{ font-size: 50px; }
    .gcon_4 .ihd .p2{ font-size: 12px; }
    .gcon_4 .ihd .p3{ font-size: 16px; }
    .gcon_4 .ihd .intro{ margin-top: 30px; font-size: 16px;}
    .gcon_4 .ibd{ margin-top: 60px;}
    .gcon_4 .ibd .swiper04{ width: 640px;}
    .gcon_4 .ibd .swiper04 .swiper-slide .i1{ width: 26px; height: 55px; }
    .gcon_4 .ibd .swiper04 .swiper-slide .i3{ width: 26px; height: 55px; }
    .gcon_4 .ibd .swiper04 .swiper-slide .i2{ width: calc(100% - 52px); padding: 0 40px; font-size: 28px;  }
    .gcon_4 .ibd .swiper04 .btn{ margin-top: 50px;}
    .gcon_4 .ibd .swiper04 .btn .prev04{ width: 15px; height: 25px; }
    .gcon_4 .ibd .swiper04 .btn .next04{ width: 15px; height: 25px; }
    .gcon_4 .ibd .swiper04 .btn .pagination04{  font-size: 12px; }
}
@media only screen and (max-width:1200px){
    .gcon_4{ padding: 80px 0; }
    .gcon_4 .ihd .p1{ font-size: 40px; }
    .gcon_4 .ihd .p2{ font-size: 12px; }
    .gcon_4 .ihd .p3{ font-size: 14px; }
    .gcon_4 .ihd .intro{ margin-top: 20px; font-size: 14px;}
    .gcon_4 .ibd{ margin-top: 40px;}
    .gcon_4 .ibd .swiper04{ width: 80%;}
    .gcon_4 .ibd .swiper04 .swiper-slide .i1{ width: 22px; height: 50px; }
    .gcon_4 .ibd .swiper04 .swiper-slide .i3{ width: 22px; height: 50px; }
    .gcon_4 .ibd .swiper04 .swiper-slide .i2{ width: calc(100% - 44px); padding: 0 30px; font-size: 24px;  }
    .gcon_4 .ibd .swiper04 .btn{ margin-top: 40px;}
    .gcon_4 .ibd .swiper04 .btn .prev04{ width: 14px; height: 22px; }
    .gcon_4 .ibd .swiper04 .btn .next04{ width: 14px; height: 22px; }
    .gcon_4 .ibd .swiper04 .btn .pagination04{  font-size: 12px; }
}
@media only screen and (max-width:750px){
    .gcon_4{ padding: 60px 0; background: url(p1.png) bottom center no-repeat; background-size: cover; }
    .gcon_4 .ihd .p1{ font-size: 30px; }
    .gcon_4 .ihd .p2{ font-size: 12px; }
    .gcon_4 .ihd .p3{ font-size: 14px; }
    .gcon_4 .ihd .intro{ margin-top: 20px; font-size: 12px;}
    .gcon_4 .ibd{ margin-top: 30px;}
    .gcon_4 .ibd .swiper04{ width: 100%;}
    .gcon_4 .ibd .swiper04 .swiper-slide .i1{ width: 20px; height: 45px; }
    .gcon_4 .ibd .swiper04 .swiper-slide .i3{ width: 20px; height: 45px; }
    .gcon_4 .ibd .swiper04 .swiper-slide .i2{ width: calc(100% - 40px); padding: 0 20px; font-size: 18px;  }
    .gcon_4 .ibd .swiper04 .btn{ margin-top: 30px;}
}

.gcon_5{ padding: 120px 0 60px;}
.gcon_5 .hd{ display: flex; align-items: center; justify-content: space-between;}
.gcon_5 .hd ul{ display: flex;}
.gcon_5 .hd ul li{ position: relative; font-size: 36px; color: #00203c; margin-right: 50px; cursor: pointer; line-height: 1;}
.gcon_5 .hd ul li.on:after{ content: ""; display: block; width: 80px; height: 2px; background: #0c89e1;  position: absolute; left: 0; top: calc(50% - 1px);}
.gcon_5 .hd ul li.on{ color: #0c89e1; padding-left: 90px;}
.gcon_5 .hd .morex a{ display: flex; align-items: center; justify-content: center; width: 200px; height: 50px; color: #fff; background: #0c89e1; font-size: 18px; transition: all 0.3s;}
.gcon_5 .hd .morex a i{ background: url(g_02.png) right center no-repeat; background-size: auto 6px; padding-right: 30px;}
.gcon_5 .hd .morex:hover a{ background: #00203c;}
.gcon_5 .bd{ margin-top: 70px;}
.gcon_5 .bd .con{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.gcon_5 .bd .con .item{ width: 508px;}
.gcon_5 .bd .con .item .pic{ width: 100%; overflow: hidden; border-radius: 0!important; position: relative; padding-bottom: calc(333 / 508 * 100%)}
.gcon_5 .bd .con .item .pic img{ width: 100%; transform: scale(1); transition: all 0.3s; height: 100%; position: absolute; left: 0; top: 0;}
.gcon_5 .bd .con .item:hover .pic img{ transform: scale(1.1);}
.gcon_5 .bd .con .item .cont{ margin-top: 30px;}
.gcon_5 .bd .con .item .cont .title{ font-size: 24px; color: #0e283f; line-height: 40px; height: 120px; overflow: hidden;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.gcon_5 .bd .con .item .cont .intro{ font-size: 18px; color: #00203c; line-height: 30px; height: 60px; overflow: hidden;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top: 20px;}
.gcon_5 .bd .con .item .cont .time{ margin-top: 32px; border-top: 1px solid #0e283f; padding-top: 20px; position: relative; }
.gcon_5 .bd .con .item .cont .time i{ display: block;font-size: 14px; color: #0e283f; background: url(g_06.png) right center no-repeat; background-size: auto 6px;}
.gcon_5 .bd .con .item:hover .cont .title{ color: #0c89e1;}
.gcon_5 .bd .con .item .cont .time:after{ content: ""; display: block; width: 0%; height: 1px; background: #0c89e1; position: absolute; left: 0; top: -1px; z-index: 2; transition: all 0.5s;}
.gcon_5 .bd .con .item:hover .cont .time:after{ width: 100%;}

@media only screen and (max-width:1600px){
    .gcon_5{ padding: 100px 0 50px;}
    .gcon_5 .hd ul li{ font-size: 28px; margin-right: 40px; }
    .gcon_5 .hd ul li.on:after{ width: 60px;}
    .gcon_5 .hd ul li.on{ padding-left: 70px;}
    .gcon_5 .hd .morex a{ width: 160px; height: 42px; font-size: 16px;}
    .gcon_5 .bd{ margin-top: 50px;}
    .gcon_5 .bd .con .item{ width: 32%; }
    .gcon_5 .bd .con .item .pic{ border-radius: 8px;}
    .gcon_5 .bd .con .item .cont{ margin-top: 20px;}
    .gcon_5 .bd .con .item .cont .title{ font-size: 20px; line-height: 32px; height: 96px; }
    .gcon_5 .bd .con .item .cont .intro{ font-size: 16px;  line-height: 25px; height: 50px;  margin-top: 15px; }
    .gcon_5 .bd .con .item .cont .time{ margin-top: 25px; padding-top: 16px;   }
}
@media only screen and (max-width:1200px){
    .gcon_5{ padding: 80px 0 40px;}
    .gcon_5 .hd ul li{ font-size: 20px; margin-right: 30px; }
    .gcon_5 .hd ul li.on:after{ width: 30px;}
    .gcon_5 .hd ul li.on{ padding-left: 40px;}
    .gcon_5 .hd .morex a{ width: 120px; height: 32px; font-size: 12px;}
    .gcon_5 .bd{ margin-top: 30px;}
    .gcon_5 .bd .con .item{ width: 32%; }
    .gcon_5 .bd .con .item .cont{ margin-top: 16px;}
    .gcon_5 .bd .con .item .cont .title{ font-size: 18px; line-height: 30px; height: 90px; }
    .gcon_5 .bd .con .item .cont .intro{ font-size: 14px;  line-height: 20px; height: 40px;   margin-top: 12px; }
    .gcon_5 .bd .con .item .cont .time{ margin-top: 20px; padding-top: 12px;   }
    .gcon_5 .bd .con .item .cont .time i{ font-size: 12px; }

}
@media only screen and (max-width:750px){
    .gcon_5{ padding: 40px 0 20px;}
    .gcon_5 .hd ul li{ font-size: 20px; margin-right: 10px; }
    .gcon_5 .hd ul li.on:after{ width: 0;}
    .gcon_5 .hd ul li.on{ padding-left: 0;}
    .gcon_5 .hd .morex a{ width: 100px; height: 30px; font-size: 12px;}
    .gcon_5 .bd{ margin-top: 30px;}
    .gcon_5 .bd .con .item{ width: 100%; margin-bottom: 20px; }
    .gcon_5 .bd .con .item:last-child{  margin-bottom: 0; }
    .gcon_5 .bd .con .item .cont{ margin-top: 10px;}
    .gcon_5 .bd .con .item .cont .title{ font-size: 16px; line-height: 1.5; height: auto; display: block; }
    .gcon_5 .bd .con .item .cont .intro{ font-size: 12px;  line-height: 1.5; height: auto; max-height: 36px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;   margin-top: 10px; }
    .gcon_5 .bd .con .item .cont .time{ margin-top: 12px; padding-top: 10px;   }
    .gcon_5 .bd .con .item .cont .time i{ font-size: 12px; }

}
.gcon_6{ padding: 100px 0;    position: relative;  background: linear-gradient(to top, #dde6ee, #fff); overflow: hidden;     }
.gcon_6:after{ content: ""; display: block; width: 30%; height: 100%; position: absolute; left: 0; top:0; background: url(l1.png) center center no-repeat; background-size: 100% 100%; z-index: 2;}
.gcon_6:before{ content: ""; display: block; width: 30%; height: 100%; position: absolute; right: 0; top:0; background: url(r1.png) center center no-repeat; background-size: 100% 100%;  z-index: 2;}
.gcon_6 .ihd{ text-align: center; font-size: 36px; color: #00203c;}
.gcon_6 .ibd{ padding: 30px 0 0;}
.gcon_6 .ibd .picMarqueeLeft{ width: 100%; margin-top: 30px;}
.gcon_6 .ibd .picMarqueeLeft li{ width: 309px; overflow: hidden; border-radius: 10px; margin-right: 20px;}
.gcon_6 .ibd .picMarqueeLeft li img{ width: 100%; transform: scale(1); transition: all 0.3s;}
.gcon_6 .ibd .picMarqueeLeft li:hover img{ transform: scale(1.1); box-shadow: 0 0 10px rgba(0,0,0,0.3); }
@media only screen and (max-width:1600px){
    .gcon_6{ padding: 80px 0;  }
    .gcon_6 .ihd{ font-size: 28px; }
    .gcon_6 .ibd{ padding: 20px 0 0;}
    .gcon_6 .ibd .picMarqueeLeft{ margin-top: 20px;}
    .gcon_6 .ibd .picMarqueeLeft li{ width: 260px; border-radius: 8px; margin-right: 16px;}
}
@media only screen and (max-width:1200px){
    .gcon_6{ padding: 60px 0;  }
    .gcon_6 .ihd{ font-size: 24px; }
    .gcon_6 .ibd{ padding: 10px 0 0;}
    .gcon_6 .ibd .picMarqueeLeft{ margin-top: 10px;}
    .gcon_6 .ibd .picMarqueeLeft li{ width: 200px; border-radius: 8px; margin-right: 10px;}
}
@media only screen and (max-width:750px){
    .gcon_6{ padding: 40px 0;  }
    .gcon_6 .ihd{ font-size: 20px; }
    .gcon_6 .ibd .picMarqueeLeft li{ width: 120px; border-radius: 6px; }
}