main.left .ibanner{background: url(../images/Frame.png) no-repeat center/cover;width: 100%;padding: 0;}
main.left .ibanner .layout {padding: 20% 0 10%;}
main.left .ibanner .layout .info{color: #fff;margin: 0 auto;display: flex;justify-content: start;align-items: center;}
main.left .ibanner .layout .info .title{max-width: 500px;font-size: clamp(30px, 5vw, 64px);line-height: 1.4;white-space: pre-line;}

main.left .main{margin: 5% 0;}
main.left .main .layout{display: flex;justify-content: space-between;align-items: start;}
main.left .main .layout .desc{width: 65%;color: #666;font-size: clamp(18px, 2vw, 24px);padding-bottom: 5%;}
main.left .main .layout .img_warp{width: 33%;position: absolute;right: 0;bottom: 0;padding-bottom: 66%;}
main.left .main .layout .img_warp img{position: absolute;bottom: 0;}


main.center .ibanner .layout {padding: 20% 0 10%;}
main.center .ibanner{background: url(../images/Frame.png) no-repeat center/cover;width: 100%;padding: 0;}
main.center .ibanner .layout .info{color: #fff;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
main.center .ibanner .layout .info .title{font-size: clamp(30px, 5vw, 64px);line-height: 1.4;white-space: pre-line;}
main.center .main{margin: 5% 0;}
main.center .main .layout{display: flex;flex-direction: column;}
main.center .main .layout .desc{width: 100%;color: #666;font-size: clamp(18px, 2vw, 24px);padding-bottom: 3%;}
main.center .main .layout .list_3{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 0px 20px;}
main.center .main .layout .list_3 .item_wrap{position: relative;width: 100%;padding-bottom: 66%;overflow: hidden;}
main.center .main .layout .list_3 .item_wrap img{position: absolute;width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
main.center .main .layout .list_3 .item_wrap:hover img{transform: scale(1.1);}








@media only screen and (max-width: 1200px) {
main.left .main .layout .img_warp{width: 26%;padding-bottom: 52%;}
}
@media only screen and (max-width: 950px) {
main.left	.main .layout{display: flex;flex-direction: column-reverse;align-items: center;}
main.left	.main .layout .img_warp{position: relative;}
main.left	.main .layout .desc{width: 100%;margin-top: 5%;padding-bottom: 0;}
main.left	.main .layout .img_warp{width: 40%;padding-bottom: 80%;}

main.center .main .layout{display: flex;flex-direction: column;align-items: center;}
main.center .main .layout .list_3{grid-template-columns: repeat(1,1fr);width: 100%;grid-gap: 20px 0px;}

}