| | |
| | | transform: translateY(0); |
| | | } |
| | | } |
| | | @media screen and (min-width: 1400px) { |
| | | @media screen and (min-width: 1600px) { |
| | | .gridCont { |
| | | width: 100%; |
| | | height: 100%; |
| | |
| | | } |
| | | |
| | | .itemTit1 { |
| | | font-size: 34px; |
| | | font-size: 32px; |
| | | line-height: 42px; |
| | | height: 40%; |
| | | letter-spacing: 1px; |
| | |
| | | margin-bottom: 12px; |
| | | } |
| | | .enTit1 { |
| | | font-size: 20px; |
| | | font-size: 18px; |
| | | line-height: 24px; |
| | | color: #072270; |
| | | } |
| | |
| | | } |
| | | } |
| | | |
| | | @media screen and (min-width: 1200px) and (max-width: 1400px) { |
| | | @media screen and (min-width: 1200px) and (max-width: 1600px) { |
| | | .gridCont { |
| | | width: 100%; |
| | | height: 100%; |
| | |
| | | z-index: 99; |
| | | |
| | | .itemTit { |
| | | font-size: 26px; |
| | | font-size: 22px; |
| | | line-height: 30px; |
| | | height: 40%; |
| | | color: #072270; |
| | | margin-bottom: 2px; |
| | | } |
| | | .enTit { |
| | | font-size: 14px; |
| | | font-size: 12px; |
| | | color: #072270; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .itemTit1 { |
| | | font-size: 28px; |
| | | font-size: 24px; |
| | | line-height: 36px; |
| | | height: 40%; |
| | | letter-spacing: 1px; |
| | |
| | | margin-bottom: 12px; |
| | | } |
| | | .enTit1 { |
| | | font-size: 16px; |
| | | font-size: 14px; |
| | | color: #072270; |
| | | } |
| | | } |
| | |
| | | z-index: 99; |
| | | |
| | | .itemTit { |
| | | font-size: 18px; |
| | | font-size: 14px; |
| | | line-height: 22px; |
| | | color: #072270; |
| | | } |
| | | .enTit { |
| | | font-size: 12px; |
| | | font-size: 10px; |
| | | line-height: 14px; |
| | | color: #072270; |
| | | } |
| | |
| | | } |
| | | |
| | | .itemTit1 { |
| | | font-size: 24px; |
| | | font-size: 16px; |
| | | line-height: 36px; |
| | | height: 40%; |
| | | letter-spacing: 1px; |
| | |
| | | margin-bottom: 12px; |
| | | } |
| | | .enTit1 { |
| | | font-size: 14px; |
| | | font-size: 12px; |
| | | color: #072270; |
| | | } |
| | | } |
| | |
| | | position: absolute; |
| | | left: -100px; |
| | | top: 0; |
| | | width: 240px; |
| | | width: 220px; |
| | | height: 100%; |
| | | z-index: 99; |
| | | background: url('../../assets/newMenu/leftbg.png') no-repeat center; |
| | |
| | | } |
| | | } |
| | | .menuGrid { |
| | | width: calc(100vw - 240px); |
| | | width: calc(100vw - 220px); |
| | | height: calc(100vh - 320px); |
| | | padding: 20px 20px 0; |
| | | position: absolute; |
| | | top: 260px; |
| | | left: 240px; |
| | | left: 220px; |
| | | .gridCont { |
| | | .grid-content { |
| | | border-radius: 16px; |