<template>
    <div>
      <Header></Header>
      <div class="main">
        <div class="left">
          <div class="left-title">
            <div class="title">
              战略合作
            </div>
          </div>
          <div class="tab-list">
            <ul>
              <li :class="{active: tab == 0}" @click="tab = 0">战略合作</li>
            </ul>
          </div>
        </div>
        <div class="right">
          <div class="location">
            当前位置：<router-link to="/">首页</router-link> > 战略合作
          </div>
          <div class="right-content">
            <h3>联系我们</h3>
            <div class="cooperation">
              <h4>中经国际招标集团有限公司</h4>
              <p>联系人：何经理</p>
              <p>电  话：010-68372787</p>
              <p>传  真：010-68373131</p>
              <p>邮  编：100013</p>
              <p>官  网：www.ceitcl.com </p>
              <p>地  址：北京市东城区滨河路1号</p>
            </div>
            <div class="cooperation">
              <h4>中经国际招标集团有限公司企业发展部</h4>
              <p>联系人：何经理</p>
              <p>电  话：010-68372787</p>
              <p>传  真：010-68373131</p>
              <p>邮  编：100013</p>
              <p>官  网：www.ceitcl.com </p>
              <p>地  址：北京市东城区滨河路1号</p>
            </div>
          </div>
        </div>
      </div>
      <Footer></Footer>
    </div>
</template>

<script>
import Header from '@/assets/components/Header'
import Footer from '@/assets/components/Footer'
export default {
    name: 'Cooperation',
    components: {
      Header,
      Footer
    },
    data () {
        return {
          tab: 0
        }
    },
    methods: {},
    mounted: function () {}
}
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
.main
  width 1200px
  margin 20px auto
  overflow hidden
  .left
    width 350px
    float left
    padding 0 20px
    box-sizing border-box
    border 1px solid #e3e3e3
    border-bottom 3px solid #e3e3e3
    .left-title
      height 50px
      font-size 16px
      color #333
      border-bottom 1px solid #e3e3e3
      .title
        display inline-block
        border-top 4px solid #ff4f01
        line-height 46px
        box-sizing border-box
    .tab-list
      padding 20px 0
      ul
        li
          border-bottom 1px dashed #e3e3e3
          padding-left 30px
          height 45px
          line-height 45px
          box-sizing border-box
          font-size 16px
          color #333
          position relative
          cursor pointer
          &.active
            background #ededed
            color #ff4f01
            &:after
              content ''
              display block
              width 3px
              height 100%
              background #ff4f01
              position absolute
              top 0
              left 0
  .right
    float right
    width 830px
    padding 0 20px
    box-sizing border-box
    border 1px solid #e3e3e3
    border-bottom 3px solid #e3e3e3
    .location
      height 50px
      line-height 50px
      border-bottom 1px solid #e3e3e3
      font-size 14px
      color #333
      a
        color #333
    .right-content
      margin 20px 0
      min-height 500px
      h3
        font-size 18px
        text-align center
        margin-bottom 20px
        color #333
      p
        font-size 14px
        line-height 25px
        text-indent 28px
        margin-bottom 20px
      .cooperation
        margin-bottom 20px
        h4
          font-size 14px
          color #333
        p
          text-indent 0
          line-height 30px
          margin-bottom 0
</style>
