.banner{position: relative;overflow: hidden;width: 100%;} .banner .swiper-slide a{display: block;} .banner .swiper-slide img{display: block;width: 100%;} .banner .swiper-pagination{width: 100%;text-align: center;bottom: 20px;left: 0;} .banner .swiper-pagination-bullet{transition: 0.3s all;width: 12px;height: 12px;opacity: 1;background: #ffffff;margin: 0 16px !important;position: relative;} .banner .swiper-pagination-bullet::after{content: "";width: 24px;height: 24px;display: block;border: 1px solid #1052ac;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);opacity: 0;transition: 0.2s all;} .banner .swiper-pagination-bullet-active{opacity: 1;background: #1052ac;} .banner .swiper-pagination-bullet-active::after{opacity: 1;} .banner .btn{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);margin-top: 59px;z-index: 3;} .banner .btn .w12 div{width: 50px;height: 50px;background-repeat: no-repeat;background-position: center center;background-size: auto 30px;position: relative;transition: 0.2s all;} .banner .btn .swiper-button-next{background-image: url(../img/arrow_r1.svg);} .banner .btn .swiper-button-next:hover{background-position: right center;} .banner .btn .swiper-button-prev{background-image: url(../img/arrow_r1.svg);transform: rotateY(180deg);} .banner .btn .swiper-button-prev:hover{background-position: right center;} .title{width: 100%;margin-bottom: 25px;line-height: 35px;} .title h3{font-size: 30px;color: #0053a1;font-family: myfont2;} .title a{font-size: 16px;color: #999999;font-weight: bold;text-decoration: underline;font-style: italic;} .title a:hover{color: #0053a1;} .partd{width:100%;padding-top:30px;} .parta{width: 100%;padding: 30px 0 20px;} .parta .title{margin-bottom: 10px;} .news-list{margin-left: -15px;margin-right: -15px;} .news-list .swiper-container{padding: 15px 0;} .news-list ul li{padding: 0 15px;} .news-list ul li a{display: block;width: 100%;background: #ffffff;border-radius: 15px;overflow: hidden;box-shadow: 0 0 12px 0 rgba(60, 60, 60, 0.2);transition: 0.2s all;} .news-list ul li .news-img{width: 100%;height: 0;padding-bottom: 62%;position: relative;overflow: hidden;} .news-list ul li .news-img .image{background-size: cover;background-position: center center;transition: 0.2s all;} .news-list ul li .news-txt{width: 100%;padding: 22px;} .news-list ul li .news-txt .note{font-size: 16px;color: #434343;line-height: 20px;border-left: 2px solid #f3c22c;padding-left: 14px;margin-bottom: 20px;transition: 0.2s all;} .news-list ul li .news-txt p{font-size: 16px;color: #434343;line-height: 26px;height: 52px;margin-bottom: 30px;transition: 0.2s all;} .news-list ul li .news-txt span.sp1{font-size: 18px;color: #0053a1;transition: 0.2s all;} .news-list ul li .news-txt span.sp2{font-size: 16px;color: #666666;transition: 0.2s all;display: inline-block;padding-right: 40px;background-image: url(../img/arrow_r1_gray.svg);background-repeat: no-repeat;background-position: right -6px;background-size: auto 26px;} .news-list ul li:hover a{background: #0053a1;} .news-list ul li:hover .news-txt .note,.news-list ul li:hover .news-txt p,.news-list ul li:hover .news-txt span.sp1{color: #ffffff;} .news-list ul li:hover .news-txt span.sp2{color: #ffffff;background-image: url(../img/arrow_r1.svg);} .partb{width: 100%;background: #0053a1 url(../img/information.png) no-repeat left bottom;padding: 30px 0 35px;} .partb .title h3,.partb .title a{color: #ffffff;} .event-list ul li a{width: 100%;padding: 40px 0 24px;background: #f2f9ff;border-radius: 12px;display: block;} .event-list ul li .flexbox{padding: 0 20px;margin-bottom: 20px;} .event-list ul li .flexbox .time{width: 58px;height: 64px;margin-right: 20px;position: relative;} .event-list ul li .flexbox .time span{position: absolute;display: block;width: 40px;height: 40px;text-align: center;color: #ffffff;} .event-list ul li .flexbox .time span.sp1{font-size: 14px;background: #b3b3b3;left: 0;top: 0;z-index: 0;line-height: 22px;} .event-list ul li .flexbox .time span.sp2{font-size: 24px;background: #f3c22c;right: 0;bottom: 0;z-index: 1;font-family: myfont1;font-weight: bold;line-height: 30px;} .event-list ul li .flexbox p{font-size: 16px;color: #434343;line-height: 30px;max-height: 60px;max-width: calc( 100% - 78px );transition: 0.2s all;} .event-list ul li .flex{padding-right: 20px;} .event-list ul li .flex .line{width: 135px;height: 2px;background: #dcdcdc;position: relative;} .event-list ul li .flex .line::after{content: "";width: 62px;height: 2px;display: block;background: #0053a1;position: absolute;right: 0;top: 0;transition: 0.2s all;} .event-list ul li .flex .in{width: 40px;height: 30px;background: url(../img/arrow_r2.svg) no-repeat right center;background-size: auto 30px;transition: 0.2s all;} .event-list ul li:hover .flexbox p{color: #1052ac;} .event-list ul li:hover .flex .line::after{background: #f3c22c;} .event-list ul li:hover .flex .in{background: url(../img/arrow_r2_yellow.svg) no-repeat right center;background-size: auto 30px;} .partc{width: 100%;padding: 30px 0;} .pcbox{width: 100%;background: #dff0ff;border-radius: 12px;overflow: hidden;} .pc-left{width: 604px;} .pc-left .pc-img{width: 100%;height: 380px;position: relative;overflow: hidden;} .pc-left .pc-img .image{background-size: cover;background-position: center center;transition: 0.2s all;} .pc-right{width: 596px;padding: 30px;} .conbox p{font-size: 16px;color: #333333;line-height: 36px;text-align:justify;} .pc-left:hover .pc-img .image{transform: scale(1.1);}