@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 video{ width:100%; height: 100%; object-fit: cover; transform: scale(1); transition: all 5s linear; position: absolute; left: 0; top:0; z-index: 2; }
.banner .swiper-slide .pic{ width: 100%; height: 100%;}
.banner .swiper-slide img{ width:100%; height: 100%; object-fit: cover; transform: scale(1); transition: all 5s linear;}
.banner .swiper-slide.swiper-slide-active img{transform: scale(1); }
.banner img.img1{ display:block;}
.banner img.img2{ display:none}
.banner .swiper-slide .item{ width:100%; position: absolute; left:0; top: calc(50px + 7%);}
.banner .swiper-slide .item .title{ font-size:48px; line-height: 1; color: #fff; text-align: center; visibility: hidden; opacity: 0; position: relative; top: 50px; transition: all 0.3s linear; transition-delay: 0.3s;}
.banner .swiper-slide .item .intro{ font-size: 22px; color: #fff; margin-top: 12px; text-align: center; visibility: hidden; opacity: 0; position: relative; top: 50px; transition: all 0.3s linear; transition-delay: 0.6s;}
.banner .swiper-slide .item .btn{ display: flex; align-items: center; justify-content: center; margin-top: 20px; visibility: hidden; opacity: 0; position: relative; top: 50px; transition: all 0.3s linear; transition-delay: 0.9s;}
.banner .swiper-slide .item .btn a{  margin: 0 7px;}
.btn a{ display: flex; align-items: center; justify-content: center; padding: 12px 24px;  ; border-radius: 24px; color: #fff; font-size: 14px; line-height: 1; border:1px solid rgba(255, 255, 255, 1);}
.btn a:hover{ color: #202020; background: #fff;}
.banner .swiper-slide.swiper-slide-active .item .title{ opacity: 1; visibility: visible; top: 0;}
.banner .swiper-slide.swiper-slide-active .item .intro{ opacity: 1; visibility: visible; top: 0;}
.banner .swiper-slide.swiper-slide-active .item .btn{ opacity: 1; visibility: visible; top: 0;}

.banner .swiper_banner .pagination_banner{ position: absolute; left: 0; bottom: 3%; z-index: 2; width: 100%; display: flex; align-items: center; justify-content: center; }
.banner .swiper_banner .pagination_banner span{ display: block; width: 12px; height: 2px; background: #9da0ab; border-radius: 0; padding: 0; margin: 0 2px;  opacity: 1; cursor: pointer;}
.banner .swiper_banner .pagination_banner span.swiper-pagination-bullet-active{ background: #fff;}
@media only screen and (max-width:1600px){
    .banner .swiper-slide .item .title{ font-size:36px;}
    .banner .swiper-slide .item .intro{ font-size: 18px; }
    .btn a{ padding: 10px 20px; font-size: 12px;}
    .banner .swiper-slide .item .btn a{ margin: 0 6px;}
}
@media only screen and (max-width:1200px){
    .banner{ height: auto;}
    
    .banner .swiper-slide .item .title{ font-size:24px;}
    .banner .swiper-slide .item .intro{ font-size: 16px; }
    .btn a{ padding: 10px 20px; font-size: 12px;}
    .banner .swiper-slide .item .btn a{ margin: 0 6px;}
}
@media only screen and (max-width:750px){
    .banner img.img2{ display:block}
    .banner img.img1{ display:none}
    .banner .swiper-slide .item .title{ font-size:20px;}
    .banner .swiper-slide .item .intro{ font-size: 13px; }
    .btn a{ padding: 6px 15px; font-size: 12px;}
    .banner .swiper-slide .item .btn a{ margin: 0 5px;}

    .banner .swiper-slide .item .title{ top: 40px;}
    .banner .swiper-slide .item .intro{ top: 40px;}
    .banner .swiper-slide .item .btn{ top: 40px;}
}
@media only screen and (max-width:400px){
    .banner .swiper-slide .item .intro{ font-size: 12px; }
}

.gcon_1{ width: 100%; display: flex; flex-wrap: wrap;}
.gcon_1 *{ box-sizing: border-box;}
.gcon_1 .lt{ width: 40%;}
.gcon_1 .item{ width: 100%; position: relative;}
.gcon_1 .item .pic{ width: 100%; overflow: hidden;}
.gcon_1 .item .pic img{ width: 100%; transform: scale(1.01); transition: all 0.3s linear;}
.gcon_1 .item .pic .img1{ display:block;}
.gcon_1 .item .pic .img2{ display:none}
.gcon_1 .item:hover .pic img{ transform: scale(1.1);}
.gcon_1 .item .cont{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: rgba(0,0,0,0); transition: all 0.3s linear;}
.gcon_1 .item:hover .cont{  background: rgba(0,0,0,0.4);}
.gcon_1 .item .cont .hd{ width: 100%; text-align: center; position: absolute; left: 0; top: 8vh; transition: all 0.3s linear;}
.gcon_1 .item:hover .cont .hd{ opacity: 0.7;}
.gcon_1 .item .cont .hd .title{ font-size: 36px; line-height: 1; color: #fff;}
.gcon_1 .item .cont .hd .intro{ font-size: 18px; line-height: 1.4; color: #fff; margin-top: 10px;}
.gcon_1 .item .cont .btn{ width: 100%; text-align: center; position: absolute; left: 0; bottom: 1vh; display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.3s linear;}
.gcon_1 .item:hover .cont .btn{  opacity: 1; bottom: 5vh;}
.gcon_1 .item .cont .btn a{ margin: 0 7px;}
.gcon_1 .rt{ width: 60%; display: flex; align-items: flex-start; flex-wrap: wrap;}
.gcon_1 .rt .item{ width: calc(100% / 3); position: relative; overflow: hidden;}
.gcon_1 .rt .item2{ width: calc(100% / 3 * 2);}
.gcon_1 .rt .item .cont .hd .title{ font-size: 22px;}
.gcon_1 .rt  .item .cont .hd .intro{ font-size: 14px;}
@media only screen and (max-width:1600px){
    .gcon_1 .item .cont .hd .title{ font-size: 30px;}
    .gcon_1 .item .cont .hd .intro{ font-size: 16px;}
    .gcon_1 .rt .item .cont .hd .title{ font-size: 20px;}
    .gcon_1 .rt  .item .cont .hd .intro{ font-size: 12px;}
    .gcon_1 .item .cont .btn a{ margin: 0 6px;}
}
@media only screen and (max-width:1200px){
    .gcon_1 .item .cont .hd{ top: 4vw;}
    .gcon_1 .item .cont .hd .title{ font-size: 24px;}
    .gcon_1 .item .cont .hd .intro{ font-size: 14px; margin-top: 6px;}
    .gcon_1 .rt .item .cont .hd .title{ font-size: 18px;}
    .gcon_1 .rt .item .cont .hd .intro{ font-size: 10px;}
    .gcon_1 .item .cont .btn{ bottom: 3vw; opacity: 1;}
    .gcon_1 .item:hover .cont .btn{ bottom: 3vw;  }
    .gcon_1 .item .cont .btn a{ font-size: 10px; padding:5px 10px; margin: 0 4px;}
}
@media only screen and (max-width:750px){
    .gcon_1{ margin-bottom: 5px;}
    .gcon_1 .lt{ width: 100%;}
    .gcon_1 .rt{ width: 100%;}
    .gcon_1 .item{ margin-top: 5px;}
    .gcon_1 .rt .item{ width: 100%; margin-top: 5px;}
    .gcon_1 .rt .item2{ width: 100%;}
    .gcon_1 .item .cont .hd{ top: 20px;}
    .gcon_1 .item .cont .hd .title{ font-size: 18px;}
    .gcon_1 .item .cont .hd .intro{ font-size: 12px; margin-top: 6px;}
    .gcon_1 .rt .item .cont .hd .title{ font-size: 18px;}
    .gcon_1 .rt .item .cont .hd .intro{ font-size: 10px;}
    .gcon_1 .item .cont .btn{ bottom: 20px; opacity: 1;}
    .gcon_1 .item:hover .cont .btn{ bottom: 20px; }
    .gcon_1 .item .cont .btn a{ font-size: 12px; padding:8px 12px; margin: 0 4px;}
    .gcon_1 .item .pic .img2{ display:block;}
    .gcon_1 .item .pic .img1{ display:none}

    .gcon_1 .item .cont{  background: rgba(0,0,0,0.4);}
    .gcon_1 .item .cont .hd{ top: auto; bottom: 0; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 15px;}
    .gcon_1 .item .cont .btn{ display: none;}
    .gcon_1 .rt .item .cont .hd .title{ font-size: 16px;}
    .gcon_1 .rt .item .cont .hd .intro{ font-size: 12px;}
}


.gcon_2{ width:100%; position:relative; overflow:hidden; box-sizing: border-box; margin-top: -1px;}
.gcon_2 .swiper02{ width: 100%; height: 100%; position: relative;}
.gcon_2 .swiper-slide{ width:100%;  height: 100%; overflow:hidden; background:#fff;position: relative;overflow: hidden;}
.gcon_2 .swiper-slide video{ width:100%; height: 100%; object-fit: cover; transform: scale(1); transition: all 5s linear; position: absolute; left: 0; top:0; z-index: 2; }
.gcon_2 .swiper-slide .pic{ width: 100%; height: 100%;}
.gcon_2 .swiper-slide img{ width:100%; height: 100%; object-fit: cover; transform: scale(1); transition: all 5s linear;}
.gcon_2 .swiper-slide.swiper-slide-active img{transform: scale(1); }
.gcon_2 img.img1{ display:block;}
.gcon_2 img.img2{ display:none}
.gcon_2 .swiper-slide .item{ width:100%; position: absolute; left:0; top:8vh;}
.gcon_2 .swiper-slide .item .title{ font-size:48px; line-height: 1; color: #fff; text-align: center; visibility: hidden; opacity: 0; position: relative; top: 50px; transition: all 0.3s linear; transition-delay: 0.3s;}
.gcon_2 .swiper-slide .item .intro{ font-size: 22px; color: #fff; margin-top: 12px; text-align: center; visibility: hidden; opacity: 0; position: relative; top: 50px; transition: all 0.3s linear; transition-delay: 0.6s;}
.gcon_2 .swiper-slide .item .btn{ display: flex; align-items: center; justify-content: center; margin-top: 20px; visibility: hidden; opacity: 0; position: relative; top: 50px; transition: all 0.3s linear; transition-delay: 0.9s;}
.gcon_2 .swiper-slide .item .btn a{  margin: 0 7px;}
.gcon_2 .swiper-slide.swiper-slide-active .item .title{ opacity: 1; visibility: visible; top: 0;}
.gcon_2 .swiper-slide.swiper-slide-active .item .intro{ opacity: 1; visibility: visible; top: 0;}
.gcon_2 .swiper-slide.swiper-slide-active .item .btn{ opacity: 1; visibility: visible; top: 0;}
.gcon_2 .swiper02 .pagination02{ position: absolute; left: 0; bottom: 3%; z-index: 2; width: 100%; display: flex; align-items: center; justify-content: center; }
.gcon_2 .swiper02 .pagination02 span{ display: block; width: 12px; height: 2px; background: #9da0ab; border-radius: 0; padding: 0; margin: 0 2px;  opacity: 1; cursor: pointer;}
.gcon_2 .swiper02 .pagination02 span.swiper-pagination-bullet-active{ background: #fff;}
@media only screen and (max-width:1600px){
    .gcon_2 .swiper-slide .item .title{ font-size:36px;}
    .gcon_2 .swiper-slide .item .intro{ font-size: 18px; }
    .gcon_2 .swiper-slide .item .btn a{ margin: 0 6px;}
}
@media only screen and (max-width:1200px){
    .gcon_2{ height: auto;}
    .gcon_2 .swiper-slide .item .title{ font-size:24px;}
    .gcon_2 .swiper-slide .item .intro{ font-size: 16px; }
    .gcon_2 .swiper-slide .item .btn a{ margin: 0 6px;}
}
@media only screen and (max-width:750px){
    .gcon_2 img.img2{ display:block}
    .gcon_2 img.img1{ display:none}
    .gcon_2 .swiper-slide .item .title{ font-size:20px;}
    .gcon_2 .swiper-slide .item .intro{ font-size: 14px; }
    .gcon_2 .swiper-slide .item .btn a{ margin: 0 5px;}
}

.gcon_3{ width: 100%; margin-top: 160px; overflow: hidden;}
.ihd .bq{ font-size: 22px; color: #000000; line-height: 1; text-align: center;}
.ihd .title{ font-size: 48px; color: #000000; line-height: 1; margin-top: 20px; text-align: center;}
.gcon_3 .ibd{ margin-top: 60px;}
.gcon_3 .ibd .swiper03{ width: 100%; position: relative;}
.gcon_3 .ibd .swiper03 .swiper-slide{ border-radius: 4px; overflow: hidden; width: 100%; position: relative; margin-right: 15px; opacity: 0.7; transition: all 0.3s linear;}
.gcon_3 .ibd .swiper03 .swiper-slide:last-child{ margin-right: 0;}
.gcon_3 .ibd .swiper03 .swiper-slide .pic{ width: 100%; overflow: hidden;}
.gcon_3 .ibd .swiper03 .swiper-slide .pic img{ width:100%; transform: scale(1); transition: all 0.5s linear;}
.gcon_3 .ibd .swiper03 .swiper-slide .pic .img1{ display:block;}
.gcon_3 .ibd .swiper03 .swiper-slide .pic .img2{ display:none}
.gcon_3 .ibd .swiper03 .swiper-slide .avideo{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
.gcon_3 .ibd .swiper03 .swiper-slide .avideo video{ width: 100%; height: 100%; object-fit: cover;}
.gcon_3 .ibd .swiper03 .swiper-slide .avideo::after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5);}


.gcon_3 .ibd .swiper03 .swiper-slide:hover .pic img{ transform: scale(1.05);}
.gcon_3 .ibd .swiper03 .swiper-slide .item{ color: #fff; width: 50%; position: absolute; left: 160px; top: 50%; transform: translateY(-50%); z-index: 2; opacity: 0; transition: all 0.3s linear;}
.gcon_3 .ibd .swiper03 .swiper-slide .title{ font-size: 36px; line-height: 1.2;}
.gcon_3 .ibd .swiper03 .swiper-slide .more{ margin-top: 25px;}
.gcon_3 .ibd .swiper03 .swiper-slide .more i{ display: block; background: url(g_19.png) right center no-repeat; background-size: 14px; padding-right: 26px; font-size: 18px; width: fit-content;}
.gcon_3 .ibd .swiper03 .swiper-slide.swiper-slide.swiper-slide-active{ opacity: 1;}
.gcon_3 .ibd .swiper03 .swiper-slide.swiper-slide.swiper-slide-active .item{ opacity: 1;}
.gcon_3 .ibd .swiper03 .prev03{ width: 49px; height: 49px; background: url(g_17.png) center center no-repeat; background-size: cover; position: absolute; left: 50px; top: 50%; transform: translateY(-50%); z-index: 2; cursor: pointer;}
.gcon_3 .ibd .swiper03 .next03{ width: 49px; height: 49px; background: url(g_18.png) center center no-repeat; background-size: cover; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); z-index: 2; cursor: pointer;}
.gcon_3 .ibd .swiper03 .pagination03{ position: absolute; left: 0; bottom: 3%; z-index: 2; width: 100%; display: flex; align-items: center; justify-content: center; }
.gcon_3 .ibd .swiper03 .pagination03 span{ display: block; width: 12px; height: 2px; background: #9da0ab; border-radius: 0; padding: 0; margin: 0 2px;  opacity: 1; cursor: pointer;}
.gcon_3 .ibd .swiper03 .pagination03 span.swiper-pagination-bullet-active{ background: #fff;}
@media only screen and (max-width:1600px){
    .gcon_3{ margin-top: 100px;}
    .ihd .bq{ font-size: 18px;}
    .ihd .title{ font-size: 36px; margin-top: 16px;}
    .gcon_3 .ibd{ margin-top: 40px;}
    .gcon_3 .ibd .swiper03 .swiper-slide{  margin-right: 10px;}
    .gcon_3 .ibd .swiper03 .swiper-slide .item{ left: 120px; }
    .gcon_3 .ibd .swiper03 .swiper-slide .title{ font-size: 30px;}
    .gcon_3 .ibd .swiper03 .swiper-slide .more{ margin-top: 20px;}
    .gcon_3 .ibd .swiper03 .swiper-slide .more i{ background-size: 12px; padding-right: 20px; font-size: 16px;}
    .gcon_3 .ibd .swiper03 .prev03{ width: 40px; height: 40px; left: 40px;}
    .gcon_3 .ibd .swiper03 .next03{ width: 40px; height: 40px; right: 40px;}
}
@media only screen and (max-width:1200px){
    .gcon_3{ margin-top: 80px;}
    .ihd .bq{ font-size: 16px;}
    .ihd .title{ font-size: 28px; margin-top: 15px;}
    .gcon_3 .ibd{ margin-top: 30px;}
    .gcon_3 .ibd .swiper03 .swiper-slide .item{ left: 90px; }
    .gcon_3 .ibd .swiper03 .swiper-slide .title{ font-size: 24px;}
    .gcon_3 .ibd .swiper03 .swiper-slide .more{ margin-top: 16px;}
    .gcon_3 .ibd .swiper03 .swiper-slide .more i{ background-size: 10px; padding-right: 18px; font-size: 14px;}
    .gcon_3 .ibd .swiper03 .prev03{ width: 30px; height: 30px; left: 30px;}
    .gcon_3 .ibd .swiper03 .next03{ width: 30px; height: 30px; right: 30px;}
}
@media only screen and (max-width:750px){
    .gcon_3{ margin-top: 60px;}
    .ihd .bq{ font-size: 14px;}
    .ihd .title{ font-size: 20px; margin-top: 10px;}
    .gcon_3 .ibd{ margin-top: 20px;}
    .gcon_3 .ibd .swiper03 .swiper-slide{ margin-right: 5px;}
    .gcon_3 .ibd .swiper03 .swiper-slide .item{ left: 60px;  width: 60%;}
    .gcon_3 .ibd .swiper03 .swiper-slide .title{ font-size: 16px; line-height: 1.4;}
    .gcon_3 .ibd .swiper03 .swiper-slide .more{ margin-top: 15px;}
    .gcon_3 .ibd .swiper03 .swiper-slide .more i{ background-size: 9px; padding-right: 18px; font-size: 12px;}
    .gcon_3 .ibd .swiper03 .prev03{ width: 24px; height: 24px; left: 10px;}
    .gcon_3 .ibd .swiper03 .next03{ width: 24px; height: 24px; right: 10px;}
    .gcon_3 .ibd .swiper03 .swiper-slide .avideo{ display: none;}
    .gcon_3 .ibd .swiper03 .swiper-slide .pic .img2{ display:block;}
    .gcon_3 .ibd .swiper03 .swiper-slide .pic .img1{ display:none}
}

.gcon_4{ margin-top: 160px;}
.gcon_4 .ibd{ margin-top: 60px; display: flex; align-items: flex-start; justify-content: space-around; flex-wrap: wrap;}
.gcon_4 .ibd .item{ width: calc(731 / 1480 * 100%); position: relative; border-radius: 4px; overflow: hidden;}
.gcon_4 .ibd .item .pic{ width: 100%; overflow: hidden;}
.gcon_4 .ibd .item .pic img{ width:100%; transform: scale(1); transition: all 0.5s linear;}
.gcon_4 .ibd .item:hover .pic img{ transform: scale(1.05);}
.gcon_4 .ibd .item .cont{ width: 100%; text-align: center; position: absolute; left: 0; top: 80px; z-index: 2; color: #fff;}
.gcon_4 .ibd .item .cont .title{ font-size: 36px; line-height: 1;}
.gcon_4 .ibd .item .cont .intro{ font-size: 18px; line-height: 1; margin-top: 10px;}
.gcon_4 .ibd .item .cont .more{ font-size: 18px; line-height: 1; margin-top: 20px;}
.gcon_4 .ibd .item .cont .more i{ background: url(p3.png) right center no-repeat; background-size: 6px; padding-right: 12px;}
@media only screen and (max-width:1600px){
    .gcon_4{ margin-top: 100px;}
    .gcon_4 .ibd{ margin-top: 40px;}
    .gcon_4 .ibd .item .cont{ top: 60px;}
    .gcon_4 .ibd .item .cont .title{ font-size: 28px;}
    .gcon_4 .ibd .item .cont .intro{ font-size: 16px; }
    .gcon_4 .ibd .item .cont .more{ font-size: 16px; margin-top: 20px;}
}
@media only screen and (max-width:1200px){
    .gcon_4{ margin-top: 80px;}
    .gcon_4 .ibd{ margin-top: 30px;}
    .gcon_4 .ibd .item .cont{ top: 50px;}
    .gcon_4 .ibd .item .cont .title{ font-size: 24px;}
    .gcon_4 .ibd .item .cont .intro{ font-size: 14px; }
    .gcon_4 .ibd .item .cont .more{ font-size: 14px; margin-top: 20px;}
}
@media only screen and (max-width:750px){
    .gcon_4{ margin-top: 60px;}
    .gcon_4 .ibd{ margin-top: 20px;}
    .gcon_4 .ibd .item{ width: 100%; margin-top: 5px;}
    .gcon_4 .ibd .item .cont{ top: 40px;}
    .gcon_4 .ibd .item .cont .title{ font-size: 20px;}
    .gcon_4 .ibd .item .cont .intro{ font-size: 12px; }
    .gcon_4 .ibd .item .cont .more{ font-size: 12px; margin-top: 15px;}
}

.gcon_5{ margin-top: 160px; background: #f2f3f5; padding: 160px 0;}
.gcon_5 .ibd{ margin-top: 60px;}
.gcon_5 .ibd .top .item{ width: 100%;}
.gcon_5 .ibd .top .item a{ display: flex; align-items: center; background: #fff; justify-content: space-between; flex-wrap: wrap; flex-direction: row-reverse;}
.gcon_5 .ibd .top .item a .pic{ width: 741px;}
.gcon_5 .ibd .top .item a .pic i{ display: block; width: 100%; padding-bottom: calc(517 / 741 * 100%); overflow: hidden; position: relative;}
.gcon_5 .ibd .top .item a .pic i img{ position: absolute; position: absolute; left: 0; top: 0; height: 100%; width: 100%; transition: all 0.3s linear; transform: scale(1);}
.gcon_5 .ibd .top .item:hover a .pic i img{ transform: scale(1.05);}
.gcon_5 .ibd .top .item a .cont{ width: calc(100% - 741px); box-sizing: border-box; padding: 0 70px;}
.gcon_5 .ibd .top .item a .cont .title{ transition: all 0.3s linear; font-size: 30px; color: #000; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_5 .ibd .top .item a .cont .time2{ font-size:16px; color: #355190; margin-top: 15px;}
.gcon_5 .ibd .top .item a .cont .intro{ font-size:18px; color: #595959; line-height: 30px; margin-top: 25px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.gcon_5 .ibd .top .item a .cont .time{ display: none;}
.gcon_5 .ibd .top .item a .cont .more{ font-size:18px; color: #355190; margin-top: 35px; width: fit-content; background: url(p1.png) right center no-repeat; background-size: 6px; padding-right: 12px; padding-right: 12px;}
.gcon_5 .ibd .top .item:hover a .cont .title{ color: #355190;  font-family: "MyFontB";}
.gcon_5 .ibd .top .item:hover{ box-shadow: 0 0 18px rgba(53,18,144,0.18);}
.gcon_5 .ibd .bd{ margin-top: 20px; display: flex; flex-wrap: wrap;}
.gcon_5 .ibd .bd .item{ width: 480px; margin-right: 20px; background: #fff;}
.gcon_5 .ibd .bd .item:last-child{ margin-right: 0;}
.gcon_5 .ibd .bd .item .pic{ width: 100%;}
.gcon_5 .ibd .bd .item .pic i{ display: block; width: 100%; padding-bottom: calc(330 / 480 * 100%); overflow: hidden; position: relative;}
.gcon_5 .ibd .bd .item .pic i img{ position: absolute; position: absolute; left: 0; top: 0; height: 100%; width: 100%; transition: all 0.3s linear; transform: scale(1);}
.gcon_5 .ibd .bd .item:hover .pic i img{ transform: scale(1.05);}
.gcon_5 .ibd .bd .item .cont{ padding: 30px;}
.gcon_5 .ibd .bd .item .cont .title{ font-size: 20px; color: #000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_5 .ibd .bd .item .cont .intro{ margin-top: 8px; font-size: 18px; color: #595959;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_5 .ibd .bd .item .cont .time{ font-size:16px; color: #355190; margin-top: 15px;}
.gcon_5 .ibd .bd .item:hover .cont .title{ color: #355190;  font-family: "MyFontB";}
.gcon_5 .ibd .bd .item:hover{ box-shadow: 0 0 18px rgba(53,18,144,0.18);}
@media only screen and (max-width:1600px){
    .gcon_5{ margin-top: 100px; padding: 100px 0;}
    .gcon_5 .ibd{ margin-top: 40px;}
    .gcon_5 .ibd .top .item a .pic{ width: 50%;}
    .gcon_5 .ibd .top .item a .cont{ width: 50%; padding: 0 50px;}
    .gcon_5 .ibd .top .item a .cont .title{ font-size: 26px;}
    .gcon_5 .ibd .top .item a .cont .time2{ font-size:14px; margin-top: 12px;}
    .gcon_5 .ibd .top .item a .cont .intro{ font-size:16px; line-height: 1.8; margin-top: 20px;}
    .gcon_5 .ibd .top .item a .cont .more{ font-size:16px; margin-top: 25px;}
    .gcon_5 .ibd .bd{ margin-top: 18px;}
    .gcon_5 .ibd .bd .item{ width: calc(33.3333333% - 12px); margin-right: 18px;}
    .gcon_5 .ibd .bd .item .cont{ padding: 25px;}
    .gcon_5 .ibd .bd .item .cont .title{ font-size: 18px;}
    .gcon_5 .ibd .bd .item .cont .intro{ margin-top: 8px; font-size: 16px;}
    .gcon_5 .ibd .bd .item .cont .time{ font-size:14px; margin-top: 15px;}
}
@media only screen and (max-width:1200px){
    .gcon_5{ margin-top: 80px; padding: 80px 0;}
    .gcon_5 .ibd{ margin-top: 30px;}
    .gcon_5 .ibd .top .item a .cont{ padding: 0 30px;}
    .gcon_5 .ibd .top .item a .cont .title{ font-size: 20px;}
    .gcon_5 .ibd .top .item a .cont .time2{ font-size:12px; margin-top: 10px;}
    .gcon_5 .ibd .top .item a .cont .intro{ font-size:14px; margin-top: 16px;}
    .gcon_5 .ibd .top .item a .cont .more{ font-size:14px; margin-top: 20px;}
    .gcon_5 .ibd .bd{ margin-top: 15px;}
    .gcon_5 .ibd .bd .item{ width: calc(33.3333333% - 10px); margin-right: 15px;}
    .gcon_5 .ibd .bd .item .cont{ padding: 20px;}
    .gcon_5 .ibd .bd .item .cont .title{ font-size: 16px;}
    .gcon_5 .ibd .bd .item .cont .intro{ margin-top: 6px; font-size: 14px;}
    .gcon_5 .ibd .bd .item .cont .time{ font-size:12px; margin-top: 12px;}
}
@media only screen and (max-width:750px){
    .gcon_5{ margin-top: 60px; padding: 60px 0;}
    .gcon_5 .ibd{ margin-top: 20px;}
    .gcon_5 .ibd .top .item a .pic{ width: 100%;}
    .gcon_5 .ibd .top .item a .cont{ width: 100%; padding:20px;}
    .gcon_5 .ibd .top .item a .cont .title{ font-size: 16px;}
    .gcon_5 .ibd .top .item a .cont .time2{ display: none;}
    .gcon_5 .ibd .top .item a .cont .intro{ font-size:12px; margin-top: 6px;}
    .gcon_5 .ibd .top .item a .cont .more{ display: none;}
    .gcon_5 .ibd .top .item a .cont .time{ display: block; font-size:12px; margin-top: 10px; color: #355190;}

    .gcon_5 .ibd .bd{ margin-top: 0;}
    .gcon_5 .ibd .bd .item{ width:100%; margin-right: 0; margin-top: 10px;}
    .gcon_5 .ibd .bd .item .cont{ padding: 20px;}
    .gcon_5 .ibd .bd .item .cont .title{ font-size: 16px;}
    .gcon_5 .ibd .bd .item .cont .intro{ margin-top: 6px; font-size: 12px;}
    .gcon_5 .ibd .bd .item .cont .time{ font-size:12px; margin-top: 10px;}
}