@charset "utf-8";
.banner{ width:100%; height: 100vh; position:relative; overflow:hidden; box-sizing: border-box;}
.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:60px;  position:relative; top:80px; transition:all 0.3s linear; opacity:0;  transition-delay:0.2s; width: 100%;  line-height: 1.2; font-weight: bold; text-align: center;}
.banner .swiper-slide .item .intro{ font-size:20px; margin-top:50px;position:relative; top:80px; transition:all 0.3s linear; transition-delay:0.4s; opacity:0; line-height: 1.4; text-align: center; }
.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_banner .pagination_banner{ position: absolute; left: 0; bottom: 30px; z-index: 2; width: 100%; display: flex; align-items: center; justify-content: center;}
.banner .swiper_banner .pagination_banner span{ display: block; width: 8px; height: 8px; border-radius: 4px; opacity: 1; background: #959595; transition: all 0.5s;}
.banner .swiper_banner .pagination_banner span.swiper-pagination-bullet-active{ background: #fff; width: 32px;}

@media only screen and (max-width:1600px){
    .banner .swiper-slide .item .title{  font-size:48px;}
    .banner .swiper-slide .item .intro{ font-size:16px; margin-top:40px;}
    .banner .swiper_banner .pagination_banner{ bottom: 25px; }
    .banner .swiper_banner .pagination_banner span.swiper-pagination-bullet-active{ width: 24px;}
   
}
@media only screen and (max-width:1200px){
	.banner .swiper-slide .item .title{  font-size:36px;}
    .banner .swiper-slide .item .intro{ font-size:14px; margin-top:30px;}
    .banner .swiper_banner .pagination_banner{ bottom: 20px; }
}
@media only screen and (max-width:750px){
	.banner .swiper-slide .item .title{  font-size:24px;}
    .banner .swiper-slide .item .intro{ font-size:12px; margin-top:30px;}
    .banner .swiper_banner .pagination_banner{ bottom: 20px; }
     
}

.gcon_1{ background: url(g_04.jpg) center center no-repeat; background-size: cover; padding: 200px 0 125px;}
.gcon_1 .ibd{ display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between;}
.gcon_1 .ibd .pic{ width: calc(871 / 1600 * 100%);}
.gcon_1 .ibd .pic img{ width: 100%; transition: all 0.5s linear; transform: scale(1);}
.gcon_1 .ibd .pic:hover img{ transform: scale(1.1);}
.gcon_1 .ibd .lt{ width: calc(675 / 1600 * 100%);}
.gcon_1 .ibd .lt .intro{ font-size: 16px; color: #666; line-height: 28px; margin: 70px 0;}

@media only screen and (max-width:1600px){
    .gcon_1 {
        padding: 120px 0 100px;
    }
    .gcon_1 .ibd .lt .intro {
        margin: 40px 0; font-size: 14px; line-height: 25px;
    }
}

@media only screen and (max-width:1200px){
    .gcon_1 {
        padding: 100px 0 80px;
    }
    .gcon_1 .ibd .pic { width: 100%; margin-bottom: 20px;
    }
    .gcon_1 .ibd .lt{ width: 100%;}
    .gcon_1 .ibd .lt .intro {
        width: 100%;
        font-size: 12px;
        line-height: 22px;
        margin: 30px 0;
    }
}

@media only screen and (max-width:750px){
    .gcon_1 {
        padding: 60px 0;
    }
    .gcon_1 .ibd .lt .intro {
        margin: 20px 0;
    }
}

.gcon_2{ background: url(g_06.jpg) center center no-repeat; background-size: cover; padding: 130px 0 150px;}
.gcon_2 .ibd .intros{ font-size: 18px; width: 420px; position: absolute; right: 120px; bottom: calc(100% + 50px); color: #fff;}
.gcon_2 .ibd{ position: relative; margin-top: 50px; display: flex; justify-content: space-between;}
.gcon_2 .ibd .xmore{ position: absolute; left: 0; top: 0;}
.gcon_2 .ibd .lt{ width: calc(660 / 1600 * 100%); overflow: hidden; margin-top: 140px;}
.gcon_2 .ibd .lt .swiper02{ width: 100%; position: relative;}
.gcon_2 .ibd .lt .swiper02 .swiper-slide{ width: 100%; overflow: hidden; border-radius: 20px; position: relative;}
.gcon_2 .ibd .lt .swiper02 .swiper-slide .pic{ width: 100%; overflow: hidden;}
.gcon_2 .ibd .lt .swiper02 .swiper-slide .pic img{ width: 100%; transition: all 0.5s;  transform: scale(1);}
.gcon_2 .ibd .lt .swiper02 .swiper-slide:hover .pic img{ transform: scale(1.1);}
.gcon_2 .ibd .lt .swiper02 .swiper-slide .item{ width: 100%; height: 100%; position: absolute; left: 0; top: calc(100% - 68px); box-sizing: border-box; padding: 0 40px; color: #fff; transition: all 0.5s;}
.gcon_2 .ibd .lt .swiper02 .swiper-slide .item .title{ font-size: 28px; font-weight: bold; line-height: 1; margin-bottom: 40px;}
.gcon_2 .ibd .lt .swiper02 .swiper-slide .item .intro{ font-size: 16px; line-height: 2;}
.gcon_2 .ibd .lt .swiper02 .pagination02{ width: fit-content; height: 28px; display: flex; align-items: center; position: absolute; left: auto; right: 40px; bottom: 40px; z-index: 2;}
.gcon_2 .ibd .lt .swiper02 .pagination02 span{ display: block; width: 10px; height: 10px; border-radius: 50%; background: #b5b5b5; opacity: 1; padding: 0; margin: 0; margin-left: 20px;}
.gcon_2 .ibd .lt .swiper02 .pagination02 span.swiper-pagination-bullet-active{ width: 20px; height: 20px; background: #fff;}
.gcon_2 .ibd .lt .swiper02 .swiper-slide .more{ background: url(g_08.png) center center no-repeat; background-size: cover; width: 66px; height: 66px; position: absolute ; right: 25px; top:25px; z-index: 3;}
.gcon_2 .ibd .lt .swiper02 .swiper-slide:hover .item{ background: url(g_10.jpg) center center no-repeat; background-size: cover; top: 0; padding:70px  40px;}
.gcon_2 .ibd .cen{ width: calc(409 / 1600 * 100%); overflow: hidden;}
.gcon_2 .ibd .cen .aitem{ width: 100%; position: relative; overflow: hidden; border-radius: 20px;}
.gcon_2 .ibd .cen .bitem{ width: 100%; position: relative; overflow: hidden; border-radius: 20px; margin-top: 12px;}
.gcon_2 .ibd .cen .item{ width: 100%; height: 100%; position: absolute; left: 0; top: calc(100% - 68px); box-sizing: border-box; padding: 0 40px; color: #fff; transition: all 0.5s;}
.gcon_2 .ibd .cen .pic{ width: 100%; overflow: hidden;}
.gcon_2 .ibd .cen .pic img{ width: 100%; transition: all 0.5s;  transform: scale(1);}
.gcon_2 .ibd .cen .item .title{ font-size: 28px; font-weight: bold; line-height: 1; margin-bottom: 40px;}
.gcon_2 .ibd .cen .item .intro{ font-size: 16px; line-height: 2;}
.gcon_2 .ibd .cen .aitem:hover .item{ background: url(g_10.jpg) center center no-repeat; background-size: cover; top: 0; padding:70px  40px;}
.gcon_2 .ibd .cen .bitem:hover .item{ background: url(g_10.jpg) center center no-repeat; background-size: cover; top: 0; padding:70px  40px;}
.gcon_2 .ibd .cen .aitem:hover  .pic img{ transform: scale(1.1);}
.gcon_2 .ibd .cen .bitem:hover  .pic img{ transform: scale(1.1);}
.gcon_2 .ibd .rt{ width: calc(504 / 1600 * 100%); overflow: hidden;}
.gcon_2 .ibd .rt .aitem{ width: 100%; position: relative; overflow: hidden; border-radius: 20px;}
.gcon_2 .ibd .rt .item{ width: 100%; height: 100%; position: absolute; left: 0; top: calc(100% - 68px); box-sizing: border-box; padding: 0 40px; color: #fff; transition: all 0.5s;}
.gcon_2 .ibd .rt .pic{ width: 100%; overflow: hidden;}
.gcon_2 .ibd .rt .pic img{ width: 100%; transition: all 0.5s;  transform: scale(1);}
.gcon_2 .ibd .rt .item .title{ font-size: 28px; font-weight: bold; line-height: 1; margin-bottom: 40px;}
.gcon_2 .ibd .rt .item .intro{ font-size: 16px; line-height: 2;}
.gcon_2 .ibd .rt .aitem:hover .item{ background: url(g_10.jpg) center center no-repeat; background-size: cover; top: 0; padding:70px  40px;}
.gcon_2 .ibd .rt .aitem:hover  .pic img{ transform: scale(1.1);}
@media only screen and (max-width:1600px){
    .gcon_2{ padding: 100px 0;}
    .gcon_2 .ibd .intros{ font-size: 16px; width: 380px; bottom: calc(100% + 40px);}
    .gcon_2 .ibd{ margin-top: 40px; }
    .gcon_2 .ibd .lt{ margin-top: 100px;}
    .gcon_2 .ibd .lt .swiper02 .swiper-slide{ border-radius: 16px;}
    .gcon_2 .ibd .lt .swiper02 .swiper-slide .item{ top: calc(100% - 52px); padding: 0 30px;}
    .gcon_2 .ibd .lt .swiper02 .swiper-slide .item .title{ font-size: 22px; margin-bottom: 30px;}
    .gcon_2 .ibd .lt .swiper02 .swiper-slide .item .intro{ font-size: 14px; line-height: 2;}
    .gcon_2 .ibd .lt .swiper02 .pagination02{ height: 22px; right: 30px; bottom: 30px; }
    .gcon_2 .ibd .lt .swiper02 .pagination02 span{ width: 8px; height: 8px; margin-left: 12px;}
    .gcon_2 .ibd .lt .swiper02 .pagination02 span.swiper-pagination-bullet-active{ width: 16px; height: 16px;}
    .gcon_2 .ibd .lt .swiper02 .swiper-slide .more{ width: 52px; height: 52px;  right: 20px; top:20px;}
    .gcon_2 .ibd .lt .swiper02 .swiper-slide:hover .item{ padding:60px  30px;}
    .gcon_2 .ibd .cen .aitem{ border-radius: 16px;}
    .gcon_2 .ibd .cen .bitem{ border-radius: 16px; margin-top: 10px;}
    .gcon_2 .ibd .cen .item{ top: calc(100% - 52px); padding: 0 30px;}
    .gcon_2 .ibd .cen .item .title{ font-size: 22px; margin-bottom: 30px;}
    .gcon_2 .ibd .cen .item .intro{ font-size: 14px;}
    .gcon_2 .ibd .cen .aitem:hover .item{ padding:60px  30px;}
    .gcon_2 .ibd .cen .bitem:hover .item{ padding:60px  30px;}
    .gcon_2 .ibd .rt .aitem{ border-radius: 16px;}
    .gcon_2 .ibd .rt .item{ top: calc(100% - 52px); padding: 0 30px;}
    .gcon_2 .ibd .rt .item .title{ font-size: 22px; margin-bottom: 30px;}
    .gcon_2 .ibd .rt .item .intro{ font-size: 14px;}
    .gcon_2 .ibd .rt .aitem:hover .item{ padding:60px  30px;}
}
@media only screen and (max-width:1200px){
    .gcon_2{ padding: 80px 0;}
    .gcon_2 .ibd .intros{ font-size: 14px; width: 320px; bottom: calc(100% + 30px); right: 0;}
    .gcon_2 .ibd{ margin-top: 30px; }
    .gcon_2 .ibd .lt{ margin-top: 9.2%;}
    .gcon_2 .ibd .lt .swiper02 .swiper-slide{ border-radius: 12px;}
    .gcon_2 .ibd .lt .swiper02 .swiper-slide .item{ top: calc(100% - 40px); padding: 0 20px;}
    .gcon_2 .ibd .lt .swiper02 .swiper-slide .item .title{ font-size: 18px; line-height: 20px; margin-bottom: 20px;}
    .gcon_2 .ibd .lt .swiper02 .swiper-slide .item .intro{ font-size: 12px; line-height: 2;}
    .gcon_2 .ibd .lt .swiper02 .pagination02{ height: 18px; right: 20px; bottom: 20px; }
    .gcon_2 .ibd .lt .swiper02 .pagination02 span{ width: 6px; height: 6px; margin-left: 8px;}
    .gcon_2 .ibd .lt .swiper02 .pagination02 span.swiper-pagination-bullet-active{ width: 12px; height: 12px;}
    .gcon_2 .ibd .lt .swiper02 .swiper-slide .more{ width: 36px; height: 36px;  right: 20px; top:20px;}
    .gcon_2 .ibd .lt .swiper02 .swiper-slide:hover .item{ padding:40px  20px;}
    .gcon_2 .ibd .cen .aitem{ border-radius: 12px;}
    .gcon_2 .ibd .cen .bitem{ border-radius: 12px; margin-top: 5%;}
    .gcon_2 .ibd .cen .item{ top: calc(100% - 60px); padding: 0 20px;}
    .gcon_2 .ibd .cen .item .title{ font-size: 18px; line-height: 20px; height: 40px; margin-bottom: 20px;}
    .gcon_2 .ibd .cen .item .intro{ font-size: 12px;}
    .gcon_2 .ibd .cen .aitem:hover .item{ padding:30px  20px;}
    .gcon_2 .ibd .cen .bitem:hover .item{ padding:30px  20px;}
    .gcon_2 .ibd .rt .aitem{ border-radius: 12px;}
    .gcon_2 .ibd .rt .item{ top: calc(100% - 60px); padding: 0 20px;}
    .gcon_2 .ibd .rt .item .title{ font-size: 18px; line-height: 20px; height: 40px; margin-bottom: 20px;}
    .gcon_2 .ibd .rt .item .intro{ font-size: 14px;}
    .gcon_2 .ibd .rt .aitem:hover .item{ padding:30px  20px;}
}
@media only screen and (max-width:750px){
    .gcon_2{ padding: 60px 0;}
    .gcon_2 .ibd{ display: block;}
    .gcon_2 .ibd .intros{ position: relative; font-size: 14px; width: 100%; bottom:0; right: 0;}
    .gcon_2 .ibd{ margin-top: 20px; }
    .gcon_2 .ibd .lt{ width: 100%; margin-top:0; margin-top: 20px;}
    .gcon_2 .ibd .cen{ width: 100%; margin-top: 20px;}
    .gcon_2 .ibd .cen .bitem{ margin-top: 20px;}
    .gcon_2 .ibd .cen .item{ top: calc(100% - 40px);;}
    .gcon_2 .ibd .cen .item .title{ height: auto;}
    .gcon_2 .ibd .rt{ width: 100%; margin-top: 20px;}
    .gcon_2 .ibd .rt .aitem{ border-radius: 12px;}
    .gcon_2 .ibd .rt .item{ top: calc(100% - 40px); padding: 0 20px;}
    .gcon_2 .ibd .rt .item .title{ height: auto; }
    .gcon_2 .ibd .xmore{ position: relative; left: 0; top: 0; margin-top: 20px;}

}

.gcon_3{ padding: 130px 0;}
.gcon_3 .xtitle{ text-align: center;}
.gcon_3 .intros{ width: 770px; margin: 0 auto; text-align: center; line-height: 2; font-size: 16px; color: #666666; margin-top: 30px;}
.gcon_3 .ibd{ margin-top: 75px; overflow: hidden;}
.gcon_3 .ibd .swiper03{ width: 100%; overflow: hidden;}
.gcon_3 .ibd .swiper03 .swiper-slide{ width: calc(366 / 1600 * 100%); margin-right: calc(45 / 1600 * 100%); background: #f3f3f3; border-radius: 20px; transition: all 0.5s linear;}
.gcon_3 .ibd .swiper03 .swiper-slide:hover{  background: url(g_13.jpg) center center no-repeat; background-size: cover;}
.gcon_3 .ibd .swiper03 .swiper-slide:last-child{ margin-right: 0;}
.gcon_3 .ibd .swiper03 .swiper-slide a{ display: block; width: 100%;}
.gcon_3 .ibd .swiper03 .swiper-slide a .title{ display: block; width: 100%; box-sizing: border-box; height: 235px; padding: 45px 28px; }
.gcon_3 .ibd .swiper03 .swiper-slide a .title .p1{ display: flex; align-items: flex-start;  font-size: 24px; color: #161616; transition: all 0.5s;}
.gcon_3 .ibd .swiper03 .swiper-slide a .title .p2{ font-size: 16px; color: #333; margin-top: 10px; opacity: 0; visibility: hidden; transition: all 0.5s; }
.gcon_3 .ibd .swiper03 .swiper-slide a .title i{ display: block; font-weight: bold; }
.gcon_3 .ibd .swiper03 .swiper-slide a .title span{ display: block; margin-left: 10px; }
.gcon_3 .ibd .swiper03 .swiper-slide a .pic{ width: 100%;}
.gcon_3 .ibd .swiper03 .swiper-slide a .pic img{ width: 100%;}
.gcon_3 .ibd .swiper03 .swiper-slide:hover a .title .p1{ color: #fff;}
.gcon_3 .ibd .swiper03 .swiper-slide:hover a .title .p2{ color: #fff; visibility: visible; opacity: 1;}
.gcon_3 .ibd .swiper03 .pagination03{ width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 70px;}
.gcon_3 .ibd .swiper03 .pagination03 span{ display: block; width: 10px; height: 10px; border-radius: 50%; background: #b5b5b5; opacity: 1; padding: 0; margin: 0; margin:0 10px;}
.gcon_3 .ibd .swiper03 .pagination03 span.swiper-pagination-bullet-active{ width: 20px; height: 20px; background: #161616;}
@media only screen and (max-width:1600px){
    .gcon_3{ padding: 100px 0;}
    .gcon_3 .intros{ width: 660px;  font-size: 14px; margin-top: 20px;}
    .gcon_3 .ibd{ margin-top: 50px;}
    .gcon_3 .ibd .swiper03 .swiper-slide{ border-radius: 16px;}
    .gcon_3 .ibd .swiper03 .swiper-slide a .title{ height: 160px; padding: 35px 20px;  }
    .gcon_3 .ibd .swiper03 .swiper-slide a .title .p1{ font-size: 20px; }
    .gcon_3 .ibd .swiper03 .swiper-slide a .title .p2{ font-size: 14px; }

    .gcon_3 .ibd .swiper03 .pagination03{ margin-top: 50px;}
    .gcon_3 .ibd .swiper03 .pagination03 span{ width: 8px; height: 8px; margin:0 8px;}
    .gcon_3 .ibd .swiper03 .pagination03 span.swiper-pagination-bullet-active{ width: 16px; height: 16px;}
}
@media only screen and (max-width:1200px){
    .gcon_3{ padding: 80px 0;}
    .gcon_3 .intros{ width: 100%;  font-size: 12px; margin-top: 15px;}
    .gcon_3 .ibd{ margin-top: 30px;}
    .gcon_3 .ibd .swiper03 .swiper-slide{ border-radius: 12px; width: 31%; margin-right: 3.5%;}
    .gcon_3 .ibd .swiper03 .swiper-slide a .title{ height: 120px; padding: 30px 20px; }
    .gcon_3 .ibd .swiper03 .swiper-slide a .title .p1{ font-size: 18px; }
    .gcon_3 .ibd .swiper03 .swiper-slide a .title .p2{ font-size: 12px; }
    .gcon_3 .ibd .swiper03 .pagination03{ margin-top: 30px;}
    .gcon_3 .ibd .swiper03 .pagination03 span{ width: 6px; height: 6px; margin:0 6px;}
    .gcon_3 .ibd .swiper03 .pagination03 span.swiper-pagination-bullet-active{ width: 12px; height: 12px;}
}
@media only screen and (max-width:750px){
    .gcon_3{ padding: 60px 0;}
    .gcon_3 .intros{ margin-top: 12px;}
    .gcon_3 .ibd{ margin-top: 20px;}
    .gcon_3 .ibd .swiper03 .swiper-slide{ border-radius: 12px; width: 48.5%; margin-right: 3%;}
    .gcon_3 .ibd .swiper03 .swiper-slide a .title{ height: 140px; padding: 30px 15px; }
    .gcon_3 .ibd .swiper03 .swiper-slide a .title .p1{ font-size: 15px;  }
    .gcon_3 .ibd .swiper03 .pagination03{ margin-top: 20px;}
}

.gcon_4{ background: url(g_14.jpg) center center no-repeat; background-size: cover; padding: 100px 0;}
.gcon_4 .ihd{ display: flex; align-items: center; justify-content: space-between; color: #fff;}
.gcon_4 .ihd ul{ display: flex; align-items: center;}
.gcon_4 .ihd ul li{ display: flex; align-items: center; justify-content: center; width: fit-content;padding: 0 25px; box-sizing: border-box; border: 1px solid #bebcc1; font-size: 16px; color: #fff; height: 48px; border-radius: 25px; margin-left: 22px; cursor: pointer;}
.gcon_4 .ihd ul li.on{ background: #fff; border-color: #fff; color: #0b0b0e;}
.gcon_4 .ibd{ display: flex; align-items: center; justify-content: space-between;}
.gcon_4 .ibd .pp{ width: 431px;}
.gcon_4 .ibd .pp .item{ width: 100%; height: 128px;  display: flex; align-items: center; color: #fff; margin-bottom: 20px; position: relative; z-index: 2;}
.gcon_4 .ibd .pp .item::after{ content: ""; display: block; width: 100%; height: 100%; background: url(g_18.png) center center no-repeat; background-size: cover; position: absolute; left: 0; top: 0; z-index: -1;}
.gcon_4 .ibd .pp .item:last-child{  margin-bottom: 0;}
.gcon_4 .ibd .pp .item .ico{ width: 116px; display: flex; align-items: center; justify-content: center;}
.gcon_4 .ibd .pp .item .ico img{ width: 60px;}
.gcon_4 .ibd .pp .item .title{ font-size: 18px; line-height: 1.2; width: calc(100% - 116px); box-sizing: border-box; padding-right: 50px; color: rgba(255,255,255,0.65); transition: all 0.5s;}
.gcon_4 .ibd .pp.on .item .title{ color: rgba(255,255,255,1);}
.gcon_4 .ibd .rt .item{ flex-direction: row-reverse; }
.gcon_4 .ibd .rt .item .title{ text-align: right; padding: 0 0 0 50px;}
.gcon_4 .ibd .lt .item::after{ transform: rotate(180deg);}
.gcon_4 .ibd .lt.on .item::after{ background: url(g_17.png) center center no-repeat; background-size: cover; transform: rotate(0);}
.gcon_4 .ibd .rt .item::after{ transform: rotate(0);}
.gcon_4 .ibd .rt.on .item::after{ background: url(g_17.png) center center no-repeat; background-size: cover; transform: rotate(180deg);}
.gcon_4 .ibd .cen{ width: 694px;}
.gcon_4 .ibd .cen img{ width: 100%;}
@media only screen and (max-width:1600px){
    .gcon_4{ padding: 100px 0;}
    .gcon_4 .ihd ul li{ padding: 0 20px; font-size: 14px; height: 42px; margin-left: 20px;}
    .gcon_4 .ibd .pp{ width: 325px;}
    .gcon_4 .ibd .pp .item{ height: 100px; margin-bottom: 16px;}
    .gcon_4 .ibd .pp .item .ico{ width: 90px;}
    .gcon_4 .ibd .pp .item .ico img{ width: 40px;}
    .gcon_4 .ibd .pp .item .title{ font-size: 14px; width: calc(100% - 90px); padding-right: 20px; }
    .gcon_4 .ibd .rt .item .title{ padding: 0 0 0 20px;}
    .gcon_4 .ibd .cen{ width: 520px;}
}
@media only screen and (max-width:1200px){
    .gcon_4{ padding: 80px 0;}
    .gcon_4 .ihd ul li{ padding: 0 16px; font-size: 12px; height: 36px; margin-left: 16px;}
    .gcon_4 .ibd { margin-top: 30px;}
    .gcon_4 .ibd .pp{ width: 30%;}
    .gcon_4 .ibd .pp .item{ height: 70px; margin-bottom: 16px;}
    .gcon_4 .ibd .pp .item .ico{ width: 60px;}
    .gcon_4 .ibd .pp .item .ico img{ width: 30px;}
    .gcon_4 .ibd .pp .item .title{ font-size: 12px; width: calc(100% - 60px); padding-right: 10px; }
    .gcon_4 .ibd .rt .item .title{ padding: 0 0 0 10px;}
    .gcon_4 .ibd .cen{ width: 38%;}
}
@media only screen and (max-width:750px){
    .gcon_4{ padding: 60px 0;}
    .gcon_4 .ihd{ flex-wrap: wrap;}
    .gcon_4 .ihd ul{ width: 100%; margin-top: 20px;}
    .gcon_4 .ihd ul li{ padding: 0 16px; font-size: 12px; height: 36px; margin-left: 0; margin-right: 15px;}
    .gcon_4 .ibd { margin-top: 20px; position: relative;}
    .gcon_4 .ibd .pp{ width: 48%; }
    .gcon_4 .ibd .pp.on{ }

    .gcon_4 .ibd .pp .item{ height: 70px; margin-bottom: 16px;}
    .gcon_4 .ibd .pp .item .ico{ width: 60px;}
    .gcon_4 .ibd .pp .item .ico img{ width: 30px;}
    .gcon_4 .ibd .pp .item .title{ font-size: 12px; width: calc(100% - 60px); padding-right: 10px; }
    .gcon_4 .ibd .rt .item .title{ padding: 0 0 0 10px;}
    .gcon_4 .ibd .cen{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
    .gcon_4 .ibd .cen img{ height: 100%; width: auto;}
}

.gcon_5{ padding: 150px 0;}
.gcon_5 .ihd{ display: flex; align-items: center; justify-content: space-between;}
.gcon_5 .ibd{ margin-top: 70px; display: flex; justify-content: space-between;}
.gcon_5 .ibd .lt{ width: calc(829 / 1600 * 100%);}
.gcon_5 .ibd .lt .item{ width: 100%; overflow: hidden; border-radius: 20px; position: relative;}
.gcon_5 .ibd .lt .item .pic{ width: 100%; overflow: hidden; position: relative;}
.gcon_5 .ibd .lt .item .pic::after{ content: ""; display: block; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; background: linear-gradient( to top, rgba(0,0,0,0.7),rgba(0,0,0,0));}
.gcon_5 .ibd .lt .item .pic img{ width: 100%; transform: scale(1); transition: all 0.5s;}
.gcon_5 .ibd .lt .item:hover .pic img{ transform: scale(1.1);}
.gcon_5 .ibd .lt .item .cont{ width: 100%; box-sizing: border-box;padding: 35px; position: absolute;left: 0; bottom: 0; color: #fff; display: flex; align-items: center; justify-content: space-between;}
.gcon_5 .ibd .lt .item .cont .title{  width: calc(100% - 200px); font-size: 20px; font-weight: bold; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.gcon_5 .ibd .lt .item .cont .time{ width: 149px; height: 125px; background: #fff; box-sizing: border-box; text-align: center; position: relative; background: url(g_21.png) center center no-repeat; background-size: 100% 100%; padding-left: 24px;}
.gcon_5 .ibd .lt .item .cont .time .p1{ font-size: 62px; color: #1d1d1d; font-weight: bold; line-height: 1; padding-top: 20px;}
.gcon_5 .ibd .lt .item .cont .time .p2{ font-size: 16px; color: #161616; line-height: 1; padding-top: 5px;}
.gcon_5 .ibd .rt{ width: calc(740 / 1600 * 100%); flex-direction: column; justify-content: space-between; display: flex;}
.gcon_5 .ibd .rt .item{ width: 100%; height: 30%;}
.gcon_5 .ibd .rt .item a{ display: flex; justify-content: space-between; flex-direction: column; box-sizing: border-box; padding: 30px 60px; width: 100%; height: 100%;  background: #f3f3f3; border-radius: 20px; position: relative;  transition: all 0.5s;}
.gcon_5 .ibd .rt .item a .title{ font-size: 20px; color: #000;  transition: all 0.5s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.gcon_5 .ibd .rt .item a .time{ font-size: 16px; color: #161616;  transition: all 0.5s;}
.gcon_5 .ibd .rt .item a .time i{ font-size: 28px; font-weight: bold;}
.gcon_5 .ibd .rt .item a .more{ position: absolute; right: 25px; bottom: 25px; background: url(g_08.png) center center no-repeat; background-size: cover; width: 66px; height: 66px; opacity: 0; transition: all 0.5s;} 
.gcon_5 .ibd .rt .item:hover a .more{ opacity: 1;} 
.gcon_5 .ibd .rt .item:hover a{ background: #161616;}
.gcon_5 .ibd .rt .item:hover a .title{ color: rgba(255,255,255,0.6);}
.gcon_5 .ibd .rt .item:hover a .time{ color: rgba(255,255,255,0.6);}
@media only screen and (max-width:1600px){
    .gcon_5{ padding: 100px 0;}
    .gcon_5 .ibd{ margin-top: 50px;}
    .gcon_5 .ibd .lt .item{ border-radius: 16px;}
    .gcon_5 .ibd .lt .item .cont{ padding: 25px;}
    .gcon_5 .ibd .lt .item .cont .title{  width: calc(100% - 160px); font-size: 18px;    }
    .gcon_5 .ibd .lt .item .cont .time{ width: 120px; height: 100px; padding-left: 20px;}
    .gcon_5 .ibd .lt .item .cont .time .p1{ font-size: 50px; padding-top: 16px;}
    .gcon_5 .ibd .lt .item .cont .time .p2{ font-size: 14px; padding-top: 5px;}
    .gcon_5 .ibd .rt .item a{ border-radius: 16px; padding: 20px 30px 10px;}
    .gcon_5 .ibd .rt .item a .title{ font-size: 18px;  }
    .gcon_5 .ibd .rt .item a .time{ font-size: 14px;}
    .gcon_5 .ibd .rt .item a .time i{ font-size: 24px;}
    .gcon_5 .ibd .rt .item a .more{ right: 20px; bottom: 20px;  width: 42px; height: 42px;} 
}
@media only screen and (max-width:1200px){
    .gcon_5{ padding: 80px 0;}
    .gcon_5 .ibd{ margin-top: 40px;}
    .gcon_5 .ibd .lt{ width: 57%;}
    .gcon_5 .ibd .lt .item{ border-radius: 12px;}
    .gcon_5 .ibd .lt .item .cont{ padding: 20px;}
    .gcon_5 .ibd .lt .item .cont .title{  width: calc(100% - 110px); font-size: 16px;    }
    .gcon_5 .ibd .lt .item .cont .time{ width: 90px; height: 80px; padding-left: 12px;}
    .gcon_5 .ibd .lt .item .cont .time .p1{ font-size: 40px; padding-top: 12px;}
    .gcon_5 .ibd .lt .item .cont .time .p2{ font-size: 12px; padding-top: 5px;}
    .gcon_5 .ibd .rt{ width: 41%;}
    .gcon_5 .ibd .rt .item a{ border-radius: 12px; padding: 15px 20px 10px;}
    .gcon_5 .ibd .rt .item a .title{ font-size: 16px;  }
    .gcon_5 .ibd .rt .item a .time{ font-size: 12px; line-height: 1;}
    .gcon_5 .ibd .rt .item a .time i{ font-size: 20px;}
    .gcon_5 .ibd .rt .item a .more{ right: 10px; bottom: 10px;  width: 32px; height: 32px;} 
}
@media only screen and (max-width:750px){
    .gcon_5{ padding: 60px 0;}
    .gcon_5 .ibd{ margin-top: 30px; flex-wrap: wrap;}
    .gcon_5 .ibd .lt{ width: 100%;}
    .gcon_5 .ibd .lt .item{ border-radius: 10px;}
    .gcon_5 .ibd .lt .item .cont{ padding: 20px;}
    .gcon_5 .ibd .lt .item .cont .title{  width: calc(100% - 110px); font-size: 16px;    }
    .gcon_5 .ibd .lt .item .cont .time{ width: 90px; height: 80px; padding-left: 12px;}
    .gcon_5 .ibd .lt .item .cont .time .p1{ font-size: 40px; padding-top: 12px;}
    .gcon_5 .ibd .lt .item .cont .time .p2{ font-size: 12px; padding-top: 5px;}
    .gcon_5 .ibd .rt{ width: 100%; display: block;}
    .gcon_5 .ibd .rt .item{ margin-top: 20px;}
    .gcon_5 .ibd .rt .item a{ border-radius: 10px; padding: 15px 20px 10px;}
    .gcon_5 .ibd .rt .item a .title{ font-size: 16px;  }
    .gcon_5 .ibd .rt .item a .time{ font-size: 12px; line-height: 1;}
    .gcon_5 .ibd .rt .item a .time i{ font-size: 20px;}
    .gcon_5 .ibd .rt .item a .more{ right: 10px; bottom: 10px;  width: 32px; height: 32px;} 
}