.screen-module{ padding: 10px; } .module-title{ height: 25px; line-height: 25px; padding-left: 15px; font-size: 16px; display: flex; justify-content: space-between; align-items: center; padding-right: 15px; } .module-title-red{ padding-left: 40px; } .screen-one-1-1{ height: 310px; background: url("../images/one/1x1.png") no-repeat center/100% 100%; } .screen-one-1-2{ height: 310px; background: url("../images/one/1x2.png") no-repeat center/100% 100%; } .screen-one-1-3{ height: 310px; background: url("../images/one/1x3.png") no-repeat center/100% 100%; } .screen-one-1-4{ height: 310px; background: url("../images/one/1x4.png") no-repeat center/100% 100%; } .screen-one-2-1{ height: 640px; background: url("../images/one/2x1.png") no-repeat center/100% 100%; } .screen-one-2-2{ height: 640px; background: url("../images/one/2x2.png") no-repeat center/100% 100%; } .screen-one-2-3{ height: 640px; background: url("../images/one/2x3.png") no-repeat center/100% 100%; } .screen-one-2-4{ height: 640px; background: url("../images/one/2x4.png") no-repeat center/100% 100%; } .screen-one-3-1{ height: 970px; background: url("../images/one/3x1.png") no-repeat center/100% 100%; } .screen-one-3-2{ height: 970px; background: url("../images/one/3x2.png") no-repeat center/100% 100%; } .screen-one-3-3{ height: 970px; background: url("../images/one/3x3.png") no-repeat center/100% 100%; } .screen-one-3-4{ height: 970px; background: url("../images/one/3x4.png") no-repeat center/100% 100%; } .screen-two-1-1{ height: 290px; background: url("../images/two/1x1.png") no-repeat center/100% 100%; } .screen-two-1-2{ height: 290px; background: url("../images/two/1x2.png") no-repeat center/100% 100%; } .screen-two-1-3{ height: 290px; background: url("../images/two/1x3.png") no-repeat center/100% 100%; } .screen-two-1-4{ height: 290px; background: url("../images/two/1x3.png") no-repeat center/100% 100%; } .screen-two-2-1{ height: 600px; background: url("../images/two/2x1.png") no-repeat center/100% 100%; } .screen-two-2-2{ height: 600px; background: url("../images/two/2x2.png") no-repeat center/100% 100%; } .screen-two-2-3{ height: 600px; background: url("../images/two/2x3.png") no-repeat center/100% 100%; } .screen-two-2-4{ height: 600px; background: url("../images/two/2x4.png") no-repeat center/100% 100%; } .screen-two-3-1{ height: 920px; background: url("../images/two/3x1.png") no-repeat center/100% 100%; } .screen-two-3-2{ height: 920px; background: url("../images/two/3x2.png") no-repeat center/100% 100%; } .screen-two-3-3{ height: 920px; background: url("../images/two/3x3.png") no-repeat center/100% 100%; } .screen-two-3-4{ height: 920px; background: url("../images/two/3x4.png") no-repeat center/100% 100%; } .screen-red-1-1{ height: 310px; background: url("../images/red/1x1.png") no-repeat center/100% 100%; } .screen-red-1-2{ height: 310px; background: url("../images/red/1x2.png") no-repeat center/100% 100%; } .screen-red-2-2{ height: 640px; background: url("../images/red/2x2.png") no-repeat center/100% 100%; } .screen-big{ height: 310px; background: url("../images/red/big_bgd.png") no-repeat center/100% 100%; } .screen-one-0-5{ height: 475px; background: url("../images/red/0x5.png") no-repeat center/100% 100%; } .screen-one-video{ height: 970px; background: url("../images/red/video.png") no-repeat center/100% 100%; } .screen-one-2-2-map{ height: 720px; background: url("../images/one/2x2.png") no-repeat center/100% 100%; } .module-title-flex{ display: flex; align-items: center; justify-content: space-between; } .module-title-flex-btn span{ padding: 0 15px; font-size: 15px; color: #cbdaff; cursor: pointer; } .module-title-flex-btn span:hover{ color: #ffffff; } .screen-three-3-2{ height: 720px; background: url("../images/three/3x2.png") no-repeat center/100% 100%; position: relative; }