.ibanner{background: url(../images/dho/ibanner.webp) no-repeat center/cover;width: 100%;padding: 0;}
.ibanner .layout {display: flex;justify-content: space-between;align-items: start;padding: 16% 0 14%;}
.ibanner .layout .info{width: 50%;color: #fff;}
.ibanner .layout .info .title{font-size: clamp(30px, 5vw, 72px);line-height: 1.4;}
.ibanner .layout .info .desc{font-size: clamp(18px, 1.5vw, 24px);line-height: 1.4;}
.ibanner .layout .banner_img{width: 45%;position: absolute;padding-bottom: 48%;right: 0;}
.ibanner .layout .banner_img img{position: absolute;width: 100%;height: 100%;object-fit: cover;}

.any{margin-top: 10%;}
.any .title_warp .title{font-size: clamp(26px, 4vw, 64px);color: #333;}
.any .title_warp .title span{color:#0320A0 ;}
.any .title_warp .desc{font-size: clamp(22px, 4vw, 28px);}
.any .list{margin-top: 3%;}
.any .item{display: flex;justify-content: space-between;align-items: center;margin: 5% 0;}
.any .item .left{color: #0320A0;font-size: clamp(26px, 2.5vw, 36px);}
.any .item .size{font-size: clamp(60px, 5.8vw, 96px);line-height: 1.2;}
.any .item .desc{font-size: clamp(26px, 2.5vw, 36px);line-height: 1.4;}

.any .item .right{width: 60%;flex-shrink: 0;position: relative;height: 100%;right: -15px;top: -15px;background-color: #0320A0;border-radius: 8px;z-index:1;}
.any .item .right .con{position: relative;top: 20px;right: 20px;padding: 4% 6%;color: #fff;z-index: 2;overflow: hidden;border: 2px solid transparent;font-size: clamp(18px, 1.8vw, 36px);background: url(../images/dho/jbbg.png) no-repeat center/100% 100%;backdrop-filter: blur(8px);}


.module{margin-top: 5%;background: url(../images/dho/bg.webp) no-repeat center/cover;}
.module .layout{padding: 5% 0;color: #fff;display: flex;flex-direction: column;}
.module .layout .item{margin-bottom: 4%;display: flex;flex-direction: column;padding-right: 45%;}
.module .layout .item:nth-child(2n){display: flex;justify-content: flex-end;align-items: flex-end;text-align: right;padding-left: 46%;padding-right: 0;}
.module .layout .title{font-size: clamp(30px, 4.8vw, 64px);line-height: 1.2;}
.module .layout .desc{font-size: clamp(18px, 1.5vw, 24px);line-height: 1.6;margin-top: 3%;}
.module .layout .link{font-size: clamp(18px, 1.5vw, 24px);padding: 8px 20px;display: inline-block;margin: 0 auto;color: #fff;border-radius: 6px;border: 2px solid #e0e5fa;background-color:rgba(255, 255, 255, 0.25);display: flex;justify-content: center;align-items: center;}
.module .layout .link::after{content: ' ';margin-left: 10px;background: url(../images/read_more3.png) no-repeat center/cover;display: inline-block;width: 44px;height: 44px;}
.module .layout .link:hover{background-color: #0320A0;}

@media only screen and (max-width: 950px) {
.any .item{flex-direction: column;}
.any .item .right{margin-top: 5%;width: 100%;}
.module .layout{padding: 10% 0;}
.module .layout .item{padding: 0 !important;margin-bottom: 10%;}
}

@media only screen and (max-width: 480px) {
	.ibanner .layout{flex-direction: column;padding:22% 0 12%}
	.ibanner .layout .info{width: 100%;}
	.ibanner .layout .banner_img{position: relative;margin: 10% auto 0;}

}
