.y-ygfc{background-repeat:no-repeat;background-position:top center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.ygfc-part1{margin:70px 0 130px}
.ygfc-part1 ul{margin:0 -12px;overflow:hidden}
.ygfc-part1 li{float:left;width:20%}
.ygfc-part1 li .img{display:block;margin:0 12px;position:relative;padding-top:53.36%;overflow:hidden}
.ygfc-part1 li .img img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.ygfc-part1 li .img span{position:absolute;left:0;top:50%;font-size:24px;color:#fff;line-height:34px;margin-top:-17px;right:0;text-align:center}
.ygfc-part1 li .img::after{content:'';position:absolute;left:12px;top:12px;right:12px;bottom:12px;border:2px solid #fff;opacity:0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.ygfc-part1 li .img:hover::after,.ygfc-part1 li.on .img::after{opacity:1}
.ygfc-part1 li .img:hover img{-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);}
.ygfc-part2{position:relative;display:flex;align-items:center;flex-wrap:wrap;margin:0 -9px 200px}
.ygfc-part2 .item{width:25%;flex-grow:1}
.ygfc-part2 .item.other{width:50%;flex-grow:1}
.ygfc-part2 .img{position:relative;overflow:hidden;display:block;margin:0 8px 16px}
.ygfc-part2 .img img{display:block}
.ygfc-part2 .img p{position:absolute;left:0;bottom:0;width:100%;line-height:80px;background-color:rgba(20,83,137,.8);text-align:center;font-size:20px;color:#fff;opacity:0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.ygfc-part2 .img:hover img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)}
.ygfc-part2 .img:hover p{opacity:1}
.swiper-imgs{overflow:hidden;position:relative}
.swiper-imgs .swiper-pagination{bottom:110px}
.swiper-imgs .swiper-pagination .swiper-pagination-bullet{width:28px;height:3px;border-radius:3px;background-color:#bacfe6;margin:0 5px;opacity:1}
.swiper-imgs .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#195fab;width:78px}
@media only screen and (max-width:1199px){
.ygfc-part1{margin:30px 0}
.ygfc-part1 li .img{margin:0 3px}
.ygfc-part1 li .img span{font-size:14px}
.ygfc-part2 .img{margin:0 4px 8px}
.ygfc-part1 ul{margin:0 -3px}
.ygfc-part2{margin:0 -5px 100px}
.ygfc-part2 .img p{font-size:14px;line-height:40px}
.swiper-imgs .swiper-pagination{bottom:50px}
}
@media only screen and (max-width:767px){
.ygfc-part1 li .img img{display:none}
.ygfc-part1 li .img span{color:#333}
.ygfc-part1 li .img::after{left:0;right:0;top:0;bottom:0;border-color:#333}
.ygfc-part2{margin-bottom:80px}
.ygfc-part1{margin-top:0}
.ygfc-part2 .item{width:50%}
.ygfc-part2 .item.other{width:100%}
}