.ibanner{background: url(../images/nax/ibanner.webp) no-repeat center/cover;width: 100%;padding: 0;}
.ibanner .layout {display: flex;justify-content: space-between;align-items: start;padding: 14% 0 24%;flex-direction: column;}
.ibanner .layout .info{color: #fff;margin: 0 auto;display: flex;flex-direction: column;justify-content: center;align-items: center;max-width: 95%;}
.ibanner .layout .info .title{font-size: clamp(30px, 5vw, 64px);line-height: 1.4;text-align: center;white-space: pre;}
.ibanner .layout .banner_img{width: 45%;padding-bottom: 35%;position: absolute;left: 50%;transform: translateX(-50%);bottom: -25%;}
.ibanner .layout .banner_img img{position: absolute;width: 100%;height: 100%;object-fit: cover;}

.clock{margin-top: 18%;}
.clock .layout{display: flex;justify-content: space-between;align-items: center;position: relative;width: 60%;}
.clock .layout::after{content: ' ';width: 8px;height: 80%;display: block;background-color: #0320a0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.clock #myclock{width: 40%;position: relative;padding: 40%;float: right;}
.clock #myclock canvas{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.clock .warp{width: 42%;}
.clock .info{width: 42%;}


.c0320A0{color: #0320A0;}
.c2D9FD2{color: #2D9FD2;}
.clock .info .title{font-size: clamp(80px, 6.9vw, 220px );color: #0320a0;line-height: 1;}
.clock .info .desc{font-size: clamp(30px, 2.5vw, 48px );line-height: 1.4;}

.num_item{background-color: #0320A0;color: #fff;text-align: center;padding: 2% 0;margin: 4% auto 0;}
.num_item .title{font-size: clamp(80px, 6.9vw, 220px);line-height: 1;}
.num_item .desc{font-size: clamp(30px, 2.5vw, 48px);}
.number_n{margin-top: 2%;}

.module_list{margin-top: 5%;}
.module_list .module_item{display: flex;justify-content: space-between;align-items: center;}
.module_list .module_item:nth-child(2n){flex-direction: row-reverse;margin: 3% 0;text-align: right;}
.module_item .info{width: 48%;}
.module_item .title{font-size: clamp(30px, 3.4vw, 64px);line-height: 1.4;}
.module_item .desc{font-size: clamp(16px, 2.5vw, 24px);margin: 2% 0;}
.module_item .link{font-size: clamp(16px, 2.5vw, 24px);border-bottom: 2px solid #2D9FD2;padding-bottom: 10px;display: flex;justify-content: center;align-items: center;width: fit-content;}
.module_item .link::after{content: ' ';width: 28px;height: 23px;display: inline-block;background: url(../images/nax/right.png) no-repeat center/cover;margin-left: 10px;transition: all .3s;}
.module_item .link:hover{border-color: #0320A0;}
.module_item .link:hover::after{background: url(../images/nax/hover_r.png) no-repeat center/cover;}
.module_item:nth-child(2n) .link{float: right;}
.module_item:nth-child(2n) .link::after{display: none;}
.module_item:nth-child(2n) .link::before{content: ' ';width: 28px;height: 23px;display: inline-block;background: url(../images/nax/right.png) no-repeat center/cover;margin-right: 10px;transition: all .3s;transform: rotate(180deg);}
.module_item:nth-child(2n) .link:hover::before{background: url(../images/nax/hover_r.png) no-repeat center/cover;}


.module_item .img_warp{position: relative;width: 48%;padding-bottom: 30%;overflow: hidden;}
.module_item .img_warp img{position: absolute;width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.module_item .img_warp:hover img{transform: scale(1.1);}

@media only screen and (max-width: 950px) {
.clock .layout{width: 100%;flex-direction: column;justify-content: center;align-items: center;}
.clock .layout::after{display: none;}
.clock #myclock{width: 40%;position: relative;padding: 40%;float: none;}
.clock .info{width: 100%;text-align: center;margin: 5% 0;}
.num_item{padding: 10% 0;}
.module_list .module_item{flex-direction: column-reverse;}
.module_list .module_item:nth-child(2n){flex-direction: column-reverse;}
.module_item .info{width: 100%;margin: 3% 0;}
.module_item .img_warp{width: 100%;}
.module_item .img_warp{padding-bottom: 62%;}

}