| #philosophy{ |
| width: 100%; |
| position: relative; |
| overflow: hidden; |
| color: #fff; |
| background:#1D243D; |
| padding:76px 0 70px 0; |
| } |
| |
| #philosophy h2{ |
| margin:0; |
| font-family: 'Styrene A Web'; |
| font-size: 40px; |
| text-align: center; |
| padding:0 0 40px 0; |
| } |
| |
| #philosophy p{ |
| margin:0; |
| } |
| |
| #philosophy .con-detail{ |
| |
| } |
| |
| #philosophy .tab-nav{ |
| height: 64px; |
| background: #293252; |
| display: none; |
| } |
| |
| #philosophy .tab-nav ul{ |
| margin:0 auto; |
| display: flex; |
| justify-content: center; |
| } |
| |
| #philosophy .tab-nav ul li{ |
| height: 64px; |
| line-height: 64px; |
| padding: 0 10px; |
| font-weight: 500; |
| font-size: 20px; |
| list-style: none; |
| margin:0 55px; |
| cursor: pointer; |
| color: #7E87A7; |
| } |
| |
| #philosophy .tab-nav ul li.on{ |
| color: #fff; |
| border-bottom:4px solid #FF661A; |
| } |
| |
| #philosophy .con-list{ |
| |
| } |
| |
| #philosophy .con-item{ |
| margin-top:60px; |
| } |
| |
| #philosophy .con-item h4{ |
| font-weight: 600; |
| font-size: 20px; |
| line-height: 28px; |
| margin:0 0 24px 0; |
| } |
| |
| #philosophy .con-item .con-item-detail{ |
| display: flex; |
| justify-content: space-between; |
| flex-direction: column-reverse; |
| } |
| |
| #philosophy .con-item .con-item-detail ul{ |
| margin:0 60px 0 0; |
| padding-left: 20px; |
| } |
| |
| #philosophy .con-item .con-item-detail ul li{ |
| font-weight: 400; |
| font-size: 18px; |
| line-height: 32px; |
| color: #B7B9CB; |
| margin-bottom:30px; |
| } |
| |
| #philosophy .con-item .con-item-detail img{ |
| width: 100%; |
| /* height: 320px; */ |
| } |