.ibanner{background: url(../images/ibanner.webp) no-repeat center/cover;width: 100%;padding: 0;}
.ibanner .layout {padding: 18% 0 12%;}
.ibanner .layout .info{color: #fff;margin: 0 auto;display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;}
.ibanner .layout .info .title{font-size: clamp(30px, 5vw, 56px);line-height: 1.4;}
.ibanner .layout .info .desc{font-size: clamp(18px, 1.5vw, 24px);line-height: 1.4;}

.main{margin: 5% 0 3%;}
.main .layout{display: flex;justify-content: space-between;align-items: start;}
.main .cont{width: 73%;}
.main .cont .title{font-size: clamp(24px,2vw,30px);color: #333;}
.main .cont .time_warp{display: flex;justify-content: start;align-items: center;position: relative;width: fit-content;}
.main .time_warp .time{font-size: 18px;color: #666;margin: 20px 0 ;position: relative;width: 44%;}
.main .time_warp .time::before{content: ' ';display: block;width: 24px;height: 24px;background: url(../images/time.webp) no-repeat center/cover;margin-right: 10px;}
.main .time_warp::after{content: ' ';width: 1px;background-color: #D9D9D9;height: 35%;position: absolute;left: 36%;top: 50%;transform: translate(-50%,-50%);}
.main .time_warp .share{width: 60%;}
.main .time_warp .share>span{display: inline-block;margin-right: 15px;color: #999999;}
.main .time_warp>*{display: flex;justify-content: start;align-items: center;}
.main .content p{color: #666;font-size: clamp(16px,1.8vw,20px);line-height: 1.8;}
.main .content img{max-width: 100%;margin: 3% 0;}
.main .content .title{font-size: clamp(24px,2vw,30px);color: #333;margin: 1% 0;text-transform: capitalize;}
.main .page_warp{margin-top: 3%;}
.main .page_warp p{padding: 10px 20px;background-color: #F5F5F5;margin-bottom: 20px;}
.main .page_warp p:hover{background-color: #0320A0;font-size: 16px;}
.main .page_warp p:hover *{color: #fff;}
.main .page_warp p span{color: #0320A0;display: inline-block;margin-right: 10px;}
.main .page_warp p a{color: #999;}
.main .right{width: 24%;position: sticky;top: 100px;}
.main .right .title{ font-size: clamp(24px,2vw,30px);color: #fff;background-color: #0320A0;text-align: center;margin-bottom: 20px;padding: 10px 0;}
.main .right .item{margin-bottom: 6%;}
.main .right .img_warp{padding-bottom: 60%;}
.main .right .img_warp img{transition: all .3s;}
.main .right .img_warp:hover img{transform: scale(1.1);}
.main .right .link{margin: 3% 0;display: block;font-size: 16px;color: #666;}
.main .right .link:hover{color: #0320A0;}



@media only screen and (max-width: 950px) {
	.main .cont{width:100%}
	.main .right{display: none;}
}