//鍏叡閮ㄥ垎 @import './common.less'; .top-banner { background-image: url(../images/banner-6.jpg); transition: all 0.3s; } footer { margin-top: 0; a{ color:#337ab7; &:hover{ color: #23527c; } &:focus{ color: #23527c; } } } .container { padding: 0; } .aboutUs-wrap { border-bottom: 1px solid #E3E3E3; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07); .nav.nav-tabs { height: 66px; border-bottom: none; li { margin: 0; padding: 0; height: 100%; margin-right: 6.1%; border: none; a { margin: 0; padding: 0; line-height: 62px; font-size: 16px; border: none; color: #000; transition: all 0.1s; &:hover { border: none; color: @themeColor; border-bottom: 4px solid @themeColor; background-color: @fontColorfff; } } } li:last-child { margin-right: 0; } li.active>a { box-sizing: border-box; color: @themeColor; cursor: default; background-color: @fontColorfff; border: none; font-size: 16px; border-bottom: 4px solid @themeColor; } } } //1鍏徃绠€浠 .aboutUs-companyProfile { .introduce { padding: 60px 80px 0 50px; width: 60%; h3 { margin: 0; font-size: 36px; font-weight: 500; margin-bottom: 40px; color: @fontColor333; small { font-size: 16px; line-height: 20px; color: #333; } } p { margin-bottom: 35px; line-height: 28px; color: @fontColor666; } div { margin-top: -10px; margin-bottom: 55px; span { display: inline-block; width: 38px; height: 38px; background-color: #ddd; background: url(../images/share.png) no-repeat; a { display: inline-block; width: 100%; height: 100%; } &:first-child { background-position: 0 -38px; &:hover { background-position: 0 0; } } &:last-child { background-position: -38px -39px; &:hover { background-position: -38px -1px; } } } } } .site { padding: 0 50px; width: 40%; height: 100%; background: #1471a9; color: @fontColorfff; h4 { margin: 0; line-height: 118px; position: relative; &:before { position: absolute; top: 95px; left: 0; content: ""; width: 10px; height: 2px; background-color: @fontColorfff; } } >p { margin-bottom: 15px; &:nth-child(2) { margin-bottom: 60px; } } div { padding-top: 49px; padding-bottom: 118px; span { position: relative; float: left; font-size: 52px; padding-right: 50px; text-align: center; &:last-child { padding-right: 0; } p { font-size: 12px; } b { display: inline-block; position: relative; width: 20px; height: 20px; font-size: 30px; &:before { content: '+'; position: absolute; top: -22px; left: 0; } } } } } } .aboutUs-interval { height: 20px; background-color: #f2f2f2; } .synopsis { padding-left: 45px; padding-right: 20px; &.fl { width: 34%; } &.fr { width: 48%; } h4 { line-height: 80px; position: relative; &:before { content: ''; position: absolute; top: 90%; left: 0; width: 10px; height: 2px; background-color: #333; } } p { font-size: 16px; line-height: 30px; &:nth-child(2) { color: @fontColor666; margin-bottom: 15px; } &:nth-child(3) { color: @fontColor666; } } } .tabContent-wrap { background-color: #f2f2f2; .tab-pane { background-color: @fontColorfff; padding: 40px 0 80px 0; .word-wrap { float: left; width: 68%; padding-right: 30px; p { color: #333; font-size: 14px; margin: 0; margin-top: 28px; line-height: 27px; &:nth-child(1) { color: @themeColor; font-size: 20px; font-weight: 500; margin: 0; } } } .boss-photo { float: right; width: 30%; img { border: 7px solid #E0E0E0; } p { color: #000000; margin: 0; margin-top: 25px; text-align: center; font-size: 16px; font-weight: 600; } } } } //3缁勭粐鏋舵瀯 .aboutUs-organization { text-align: center; padding-top: 40px; padding-bottom: 67px; } //5璧勮川鑽h獕 .qualification { padding: 30 0px; } .dowebok { height: 182px; width: 100%; margin: 0 auto; font-size: 0; padding: 10px; border: 10px solid #fff; background-color: #fff; img { height: 182px; width: auto; margin-left: 10px; vertical-align: top; box-sizing: border-box; border: 2px solid #f1f1f1; transition: all 0.2s; &:hover { border: 2px solid @themeColor; } } } .str_move.str_origin { top: 10px; left: 0; } .Memorabilia { background-color: #f2f2f2; .nav-Memorabilia { width: 260px; margin-top: 50px; margin-bottom: 80px; background-color: #fff; li { float: left; width: 100%; height: 60px; border-bottom: 1px solid #ddd; border: none; a { margin: 0; padding: 0; border: none; display: block; width: 100%; height: 100%; line-height: 60px; font-size: 18px; text-align: center; } a:hover { background-color: @themeColor; border: none; color: #fff; } } li.active>a { box-sizing: border-box; color: #fff; cursor: default; background-color: @themeColor; border: none; font-size: 18px; } } .tab-Memorabilia { .preview{ >li>img{ display: none; } } margin-top: 50px; width: 940px; background-color: #fff; .tab-pane { padding: 0 ; .preview { margin: 0; padding: 0; >.view-li { height: 58px; width: 100%; padding-left: 30px; padding-right: 45px; transition: all 0.8s; &:last-child { >a { border: none; } } &:hover { >a { >.honor-date { color: @themeColor; } >.honor-name { color: @themeColor; } >b { color: @themeColor; } } } >a { display: block; width: 100%; height: 100%; line-height: 58px; border-bottom: 1px solid #ddd; >.honor-date { font-size: 16px; color: @fontColor999; } >.honor-name { font-size: 16px; color: @fontColor333; margin-left: 35px; } >b { float: right; color: @fontColor999; font-weight: normal; } } } } } } } //7钁d簨闀垮瘎璇 .ChairmanMessage { background-color: #f2f2f2; .CM-top { height: 330px; background-color: #fff; .fl { width: 32%; } .fr { width: 68%; padding: 0 2px; img { height:330px; weight:830px } h2 { margin: 0; padding: 0; font-size: 20px; font-weight: 700; line-height: 80px; margin-bottom: 20px; position: relative; &:before { position: absolute; top: 70px; left: 0; width: 12px; height: 2px; background-color: @fontColor666; } } ul { margin: 0; padding: 0; li { float: left; width: 27.6%; line-height: 54px; border-bottom: 1px solid #ddd; color: #666; } li:nth-child(3n-1) { margin: 0 64px; } } } } .CM-bottom { background: url(../images/CM-bg.png) no-repeat; padding: 0 50px 40px 50px; h3 { margin: 0; padding: 0; color: @themeColor; font-size: 24px; line-height: 80px; } p { color: @fontColor666; line-height: 26px; } } } //8鍏氬缓宸ヤ綔 .aboutUs-partyBuilding { padding: 0; ul { padding: 0; margin: 0; li { height: 100px; border-bottom: 1px solid #ddd; a { display: block; width: 100%; height: 100%; font-size: 20px; text-indent: 87px; line-height: 100px; position: relative; transition: all 0.1s; &::before { position: absolute; top: 40px; left: 40px; content: ""; width: 28px; height: 22px; background: url(../images/icon-partyBuilding.png) no-repeat; } &:hover { background-color: @themeColor; color: @fontColorfff; b { color: @fontColorfff; } &::before { background: url(../images/icon-partyBuilding-white.png) no-repeat; } } b { color: @fontColor999; font-size: 16px; font-weight: normal; position: absolute; right: 38px; } } } } } //9绀句細璐d换 .aboutUs-socialResponsibility { div { float: right; width: 54%; padding: 35px; p { color: @fontColor666; margin-bottom: 24px; &:nth-child(1) { font-size: 24px; color: #000000; } &:nth-child(2) { line-height: 25px; } } a { display: inline-block; width: 138px; height: 44px; border: 1px solid #ddd; text-align: center; line-height: 44px; font-size: 16px; &:hover { background-color: @themeColor; color: @fontColorfff; } } } } //.tabContent-wrap { // padding: 0; //} .history-wrap { .development-history { margin-top: 40px; img { width:1220; height:528; } } .mask-Memorabilia { width: 100%; height: 440px; background: url(../images/aboutUs-bottom-bg.png) top center no-repeat; text-align: center; color: @fontColorfff; >div { >p { margin-bottom: 18px; font-size: 16px; &:first-child { font-size: 30px; line-height: 167px; position: relative; margin: 0; &:before { content: ""; position: absolute; top: 75%; left: 50%; margin-left: -10px; background: #00a0ff; width: 20px; height: 4px; } } } >a { display: inline-block; width: 160px; height: 50px; margin-top: 30px; line-height: 50px; background: #00a0ff; box-shadow: 0 2px 4px 0 rgba(5, 77, 120, 0.42); font-size: 16px; color: @fontColorfff; border-radius: 4px; } } } } #tab1, #tab2, #tab3, #tab5, #tab6, #tab7, #tab8, #tab9 { background-color: #f1f1f1; .container { background-color: @fontColorfff; } } #tab2, #tab4 { padding: 0; } #tab2 { .container { background-color: #f1f1f1; } } // //#tab6 { // .container { // padding: 60px; // } //} //涓氬姟鑼冪暣 .aboutUs-profession { margin-bottom: 60px; h2 { margin: 0; padding: 0; line-height: 150px; font-size: 24px; text-align: center; position: relative; &:before { position: absolute; top: 72%; left: 50%; content: ''; background: #333333; width: 16px; height: 2px; } } >div { border: 1px solid #ddd; padding: 0; &~div { margin-left: -1px; border-left-color: transparent; } &:hover { border: 1px solid @themeColor; .top { background-color: @themeColor; color: @fontColorfff; span { &.logo-1 { background-position: 0 0; } &.logo-2 { background-position: 0 -60px; } &.logo-3 { background-position: 0 -121px; } &.logo-4 { background-position: 0 -182px; } } } .main { background-color: #fff; } } .top { background: #e5e6e6; width: 100%; padding: 40px 0; span { display: block; width: 60px; height: 60px; margin: 0 auto 15px; background: url(../images/profession.png) no-repeat; &.logo-1 { background-position: -60px 0; } &.logo-2 { background-position: -60px -60px; } &.logo-3 { background-position: -60px -121px; } &.logo-4 { background-position: -60px -182px; } } p { text-align: center; font-size: 18px; margin: 0; } } .main { text-align: center; padding-top: 20px; height: 360px; p { line-height: 50px; font-size: 16px; } } } } .business { >div { height: 560px; padding: 50px; } h3 { margin-top: 120px; margin-bottom: 30px; position: relative; text-align:left; &:before { content: ''; position: absolute; top: -40px; left: 0; background: #ff465d; width: 30px; height: 6px; } } p { font-size: 16px; line-height: 26px; margin-bottom: 30px; color: @fontColor666; text-align:left; } .alink { display: block; background: #00a0ff; box-shadow: 0 2px 4px 0 #00a0ff; border-radius: 100px; width: 100px; height: 36px; text-align: center; line-height: 36px; color: @fontColorfff; } .container { div:last-child { text-align: left; } } .business-1 { background-color: @fontColorfff; .container { background-color: @fontColorfff !important; } >div>div:last-child { text-align: right; } } .business-2 { background-color: #f8fbfc; .container { background-color: #f8fbfc !important; } } .business-3 { background-color: @fontColorfff; .container { background-color: @fontColorfff !important; } } }