.strategic .commonWrap {
  background: #fff; }
.strategic .contentBox {
  padding-top: 70px;
  background: #f7f7f7 url(../image/about/strategicBg.jpg) center center no-repeat; }
  .strategic .contentBox .enTitle {
    font-size: 30px;
    color: #eb3c00; }
  .strategic .contentBox .title {
    font-size: 20px;
    color: #bc8f4b;
    padding-bottom: 25px; }
  .strategic .contentBox .content {
    overflow: hidden; }
    .strategic .contentBox .content .leftBox {
      width: 732px;
      float: left;
      padding-right: 42px; }
      .strategic .contentBox .content .leftBox h1 {
        font-size: 16px;
        color: #898989;
        opacity: .9;
        padding-bottom: 10px; }
      .strategic .contentBox .content .leftBox .pb25 {
        padding-bottom: 25px; }
      .strategic .contentBox .content .leftBox p {
        font-size: 13px;
        color: #898989;
        opacity: .9;
        line-height: 24px; }
      .strategic .contentBox .content .leftBox img {
        width: 100%;
        display: block;
        padding: 10px 0; }
    .strategic .contentBox .content .rightBox {
      float: left;
      padding-bottom: 20px; }
      .strategic .contentBox .content .rightBox h1 {
        font-size: 30px;
        color: #bc8f4b;
        opacity: .8;
        line-height: 40px;
        padding-bottom: 15px; }
      .strategic .contentBox .content .rightBox img {
        width: 100%;
        max-width: 266px; }
      .strategic .contentBox .content .rightBox h2 {
        font-size: 94px;
        color: #1b1d34; }
      .strategic .contentBox .content .rightBox h3 {
        font-size: 20px;
        opacity: .7;
        color: #bc8f4b;
        padding-bottom: 5px; }
      .strategic .contentBox .content .rightBox p {
        font-size: 13px;
        color: #898989;
        line-height: 20px; }

.speech .commonWrap {
  background: #fff; }
.speech .contentBox {
  padding-top: 70px;
  background: #f7f7f7 url(../image/about/speechBg.jpg) center top no-repeat; }
  .speech .contentBox .enTitle {
    font-size: 30px;
    color: #eb3c00; }
  .speech .contentBox .title {
    font-size: 20px;
    color: #bc8f4b;
    padding-bottom: 75px; }
.speech .bottomBox {
  padding-top: 80px;
  background: #fff; }
.speech .leftBox h1,
.speech .rightBox h1 {
  font-size: 32px;
  color: #eb3a00;
  padding-bottom: 10px; }
.speech .leftBox h2,
.speech .rightBox h2 {
  color: #b9b9b9;
  font-size: 26px;
  padding-bottom: 25px;
  font-family: Montserrat-Regular;
  text-transform: uppercase;
  letter-spacing: -3px;
  line-height: 26px; }
.speech .leftBox p,
.speech .rightBox p {
  font-size: 14px;
  color: #898989;
  padding-bottom: 15px;
  line-height: 24px;
  text-align: justify; }
.speech .leftBox h3,
.speech .rightBox h3 {
  padding-top: 20px;
  font-size: 24px;
  color: #898989; }
.speech .leftBox h4,
.speech .rightBox h4 {
  font-size: 16px;
  color: #898989; }
.speech .leftBox {
  float: left;
  width: 560px;
  padding-bottom: 145px; }
.speech .rightBox {
  float: right;
  width: 656px;
  padding-bottom: 75px; }
.speech .rightImg,
.speech .leftImg {
  position: absolute;
  bottom: 0;
  max-width: 100%; }
.speech .rightImg {
  right: -50px; 
  bottom:120px;
}
.speech .leftImg {
  left: -244px; }

.team .contentBox {
  padding-top: 70px;
  background: #f7f7f7 url(../image/about/teamBg.jpg) center bottom no-repeat; }
  .team .contentBox > .enTitle {
    font-size: 30px;
    color: #eb3c00; }
  .team .contentBox > .title {
    font-size: 20px;
    color: #bc8f4b;
    padding-bottom: 40px; }
  .team .contentBox .content {
    padding-bottom: 50px; }
    .team .contentBox .content .tabList {
      background: #fff;
      padding: 20px 0px;
      margin-bottom: 10px; }
      .team .contentBox .content .tabList ul {
        text-align: center; }
        .team .contentBox .content .tabList ul li {
          display: inline-block;
          margin: 0 16px;
          padding: 0 12px;
          line-height: 35px;
          font-size: 14px;
          color: #999999;
          vertical-align: middle; }
          .team .contentBox .content .tabList ul li.all {
            border-top: 1px solid #666666;
            border-bottom: 1px solid #666666; }
          .team .contentBox .content .tabList ul li:hover, .team .contentBox .content .tabList ul li.active {
            background: #ea3800;
            color: #fff;
            border-color: transparent; }
    .team .contentBox .content .listBox {
      margin: 0 -10px;
      display: none; }
      .team .contentBox .content .listBox.active {
        display: block; }
      .team .contentBox .content .listBox ul {
        overflow: hidden; }
        .team .contentBox .content .listBox ul li {
          width: 25%;
          float: left; }
          .team .contentBox .content .listBox ul li a {
            padding: 10px;
            font-size: 0; }
            .team .contentBox .content .listBox ul li a img {
              width: 100%; }
            .team .contentBox .content .listBox ul li a .textBox {
              border: 2px solid #ebebee;
              border-top: none;
              padding-left: 20px;
              background: #fff; }
              .team .contentBox .content .listBox ul li a .textBox h1 {
                font-size: 16px;
                color: #5b5b5b;
                opacity: 0.9;
                padding: 20px 0 10px; }
              .team .contentBox .content .listBox ul li a .textBox p {
                font-size: 13px;
                opacity: 0.9;
                color: #898989;
                padding-bottom: 30px; }

.memorablia .commonWrap {
  overflow: hidden; }
  .memorablia .commonWrap .container {
    overflow: initial; }
.memorablia .contentBox {
  padding-top: 70px;
  background: #f7f7f7 url(../image/about/memo1.jpg) center 440px no-repeat; }
  .memorablia .contentBox .imgBg {
    position: absolute;
    bottom: 0;
    right: -380px; }
  .memorablia .contentBox > .enTitle {
    font-size: 30px;
    color: #eb3c00; }
  .memorablia .contentBox > .title {
    font-size: 20px;
    color: #bc8f4b;
    padding-bottom: 40px; }
  .memorablia .contentBox .content {
    padding-bottom: 50px; }
    .memorablia .contentBox .content .tabList {
      padding: 20px 0px;
      margin-bottom: 20px;
      background: #fff; }
      .memorablia .contentBox .content .tabList ul {
        text-align: center; }
        .memorablia .contentBox .content .tabList ul li {
          display: inline-block;
          padding: 0 30px;
          font-size: 20px;
          color: #999999;
          vertical-align: middle;
          line-height: 35px; }
          .memorablia .contentBox .content .tabList ul li:hover, .memorablia .contentBox .content .tabList ul li.active {
            background: #ea3800;
            color: #fff; }
      .memorablia .contentBox .content .tabList a.left {
        display: none; }
      .memorablia .contentBox .content .tabList a.right {
        display: inline-block;
        width: 14px;
        background: url(../image/about/right.png) center center no-repeat;
        margin: 0 16px;
        height: 35px;
        vertical-align: middle; }
    .memorablia .contentBox .content .listBox .topBox,
    .memorablia .contentBox .content .listBox .bottomBox {
      border: 2px solid #ebebee;
      background: #fff;
      padding: 35px 30px 0; }
      .memorablia .contentBox .content .listBox .topBox h1,
      .memorablia .contentBox .content .listBox .bottomBox h1 {
        font-size: 18px;
        color: #3f3e55;
        font-weight: bold;
        padding-bottom: 25px; }
      .memorablia .contentBox .content .listBox .topBox h2,
      .memorablia .contentBox .content .listBox .bottomBox h2 {
        padding-bottom: 10px;
        padding-top: 15px; }
        .memorablia .contentBox .content .listBox .topBox h2 p,
        .memorablia .contentBox .content .listBox .bottomBox h2 p {
          display: inline-block;
          font-size: 16px;
          color: #585858;
          line-height: initial; }
        .memorablia .contentBox .content .listBox .topBox h2 span,
        .memorablia .contentBox .content .listBox .bottomBox h2 span {
          width: 18px;
          height: 6px;
          vertical-align: middle;
          display: inline-block;
          background: #ea3800;
          margin-right: 10px; }
      .memorablia .contentBox .content .listBox .topBox p,
      .memorablia .contentBox .content .listBox .bottomBox p {
        font-size: 13px;
        color: #898989;
        line-height: 24px; }
      .memorablia .contentBox .content .listBox .topBox .textWrap,
      .memorablia .contentBox .content .listBox .bottomBox .textWrap {
        -webkit-transition: all .3s;
        transition: all .3s;
        overflow: hidden; }
        .memorablia .contentBox .content .listBox .topBox .textWrap ul,
        .memorablia .contentBox .content .listBox .bottomBox .textWrap ul {
          padding-bottom: 25px; }
    .memorablia .contentBox .content .listBox .topBox {
      border-bottom: none; }
    .memorablia .contentBox .content .listBox .bottomBox {
      padding-bottom: 35px;
      margin-bottom: 20px; }
    .memorablia .contentBox .content .listBox .moreBox {
      border: 2px solid #ebebee;
      margin-bottom: 20px;
      height: 78px;
      padding-top: 20px;
      text-align: center;
      background: #fff url(../image/about/down.png) center 45px no-repeat;
      cursor: pointer;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .memorablia .contentBox .content .listBox .moreBox span {
        font-size: 13px;
        color: #cccccc; }
      .memorablia .contentBox .content .listBox .moreBox.active {
        border-color: #ea3800;
        background: #ea3800 url(../image/about/up.png) center center no-repeat; }
        .memorablia .contentBox .content .listBox .moreBox.active span {
          display: none; }

.organization .commonWrap {
  background: #ffffff; }
.organization .contentBox {
  padding-top: 65px;
  padding-bottom: 140px;
  background: #f7f7f7 url(../image/relation/zhiBg.jpg) center 10px no-repeat;
  position: relative; }
  .organization .contentBox .topBox {
    overflow: hidden;
    padding-bottom: 30px; }
    .organization .contentBox .topBox img {
      float: left; }
  .organization .contentBox .content{
    width:670px;
  }
  .organization .contentBox .content p {
    font-size: 13px;
    color: #898989;
    opacity: 0.9;
    line-height: 24px; }
    .organization .contentBox .content p span {
      font-size: 30px;
      color: #434250;
      opacity: 0.8;
      vertical-align: text-top;
      font-family: Montserrat-Regular;
      letter-spacing: -3px;
      padding-right: 7px; }
    .organization .contentBox .content p span + span {
      padding-left: 3px;
      padding-right: 2px; }
  .organization .contentBox .titleBox {
    position: absolute;
    right: 0;
    top: 105px;
    text-align: right; }
    .organization .contentBox .titleBox h1 {
      font-size: 29px;
      color: #f09888; }
    .organization .contentBox .titleBox h2 {
      font-size: 90px;
      color: #d8d8da;
      line-height: 78px;
      font-family: CALIBRI;
      letter-spacing: -5px; }
.organization .organ {
  padding-top: 50px;
  background: url(../image/about/organBg1.jpg) center bottom no-repeat; }
  .organization .organ .imgBox {
    font-size: 0;
    text-align: center;
    padding-top: 34px;
    padding-bottom: 90px; }
    .organization .organ .imgBox img {
      width: 100%; }

.development .contentBox {
  padding-top: 70px;
  background: url(../image/about/bg1.png) center 147px #f7f7f7 no-repeat; }
  .development .contentBox .enTitle {
    font-size: 30px;
    color: #eb3c00; }
  .development .contentBox .title {
    font-size: 20px;
    color: #bc8f4b; }
  .development .contentBox .content {
    padding-top: 65px;
    padding-bottom: 70px; }
    .development .contentBox .content h1 {
      font-size: 32px;
      color: #eb3a00; }
    .development .contentBox .content h2 {
      font-size: 14px;
      color: #666666; }
.development .bottomBg {
  position: absolute;
  bottom: 0;
  right: -130px;
  z-index: 4; }

.response .contentBox {
  padding-top: 70px;
  background: url(../image/about/reBg.jpg) center top #f7f7f7 no-repeat; }
  .response .contentBox .enTitle {
    font-size: 30px;
    color: #eb3c00; }
  .response .contentBox .title {
    font-size: 20px;
    color: #bc8f4b; }
  .response .contentBox .content {
    padding-top: 65px;
    position: relative; }
    .response .contentBox .content .leftBox {
      float: left;
      width: 360px; }
      .response .contentBox .content .leftBox h1 {
        font-size: 32px;
        color: #eb3a00; }
      .response .contentBox .content .leftBox img {
        width: 100%;
        padding: 30px 0; }
      .response .contentBox .content .leftBox p {
        font-size: 14px;
        color: #666666;
        padding-bottom: 30px;
        text-align: justify;
        line-height: 24px; }
    .response .contentBox .content .baseBox {
      width: 800px;
      float: right; }
      .response .contentBox .content .baseBox .contentWrap {
        width: 100%; }
        .response .contentBox .content .baseBox .contentWrap .textBox h1 {
          background: url(../image/about/greyC.png) 0 0 no-repeat; }
        .response .contentBox .content .baseBox .contentWrap .textBox p {
          padding-bottom: 25px; }
  .response .contentBox .bottomBg {
    position: absolute;
    bottom: 0;
    right: -240px;
    z-index: 4; }

.baseBox .yearBox {
  padding-top: 30px;
  float: left; }
  .baseBox .yearBox .year {
    font-size: 30px;
    color: #72717a;
    font-family: Montserrat-Regular; }
  .baseBox .yearBox .text {
    font-size: 20px;
    color: #d2ba9b; }
.baseBox .contentWrap {
  padding-top: 30px;
  float: right;
  position: relative;
  width: 800px;
  max-width: 100%; }
  .baseBox .contentWrap .borderBg {
    position: absolute;
    top: 0;
    left: 8px;
    border-left: 1px solid #dfdfdf;
    height: 100%; }
  .baseBox .contentWrap .textBox {
    padding-bottom: 30px; }
    .baseBox .contentWrap .textBox.last {
      position: relative;
      z-index: 3;
      background: #f7f7f7;
      padding-bottom: 100px; }
    .baseBox .contentWrap .textBox h1 {
      font-size: 20px;
      color: #72717a;
      padding-left: 65px;
      padding-bottom: 15px;
      z-index: 2;
      position: relative;
      line-height: 17px; }
    .baseBox .contentWrap .textBox p {
      font-size: 14px;
      color: #898989;
      line-height: 24px;
      padding-left: 65px; }
.baseBox.white .contentWrap .textBox h1 {
  background: url(../image/about/whiteC.png) 0 0 no-repeat; }
.baseBox.grey .contentWrap .textBox h1 {
  background: url(../image/about/greyC.png) 0 0 no-repeat; }

@media (max-width: 1200px) {
  .speech .bottomBox{
    padding-top: 50px;
  }
  .strategic .contentBox,
  .speech .contentBox,
  .organization .contentBox,
  .organization .organ,
  .team .contentBox,
  .memorablia .contentBox,
  .development .contentBox,
  .development .baseBoxWrap,
  .response .contentBox {
    padding-left: 20px;
    padding-right: 20px; }

  .speech .rightImg {
    position: relative;
    right: initial; }

  .speech .leftImg {
    position: relative;
    left: initial; }

  .speech .leftBox,
  .speech .rightBox {
    float: left;
    width: 100%; }
  .speech .rightBox {
    padding: 0 20px 30px; }

  .response .contentBox .content .leftBox {
    width: 100%; }
    .response .contentBox .content .leftBox img {
      width: initial;
      max-width: 100%; }

  .organization .contentBox .titleBox {
    display: none; } }
@media (max-width: 900px) {
  .strategic .contentBox .content .leftBox {
    width: 100%;
    padding: 0; }

  .organization .contentBox {
    background: #f7f7f7;
    padding-bottom: 50px; }

  .baseBox .contentWrap .borderBg {
    display: none; }

  .development .contentBox .baseBox .yearBox {
    padding-bottom: 20px; }

  .response .contentBox .content .baseBox {
    width: 100%; } }
@media (max-width: 760px) {
  .team .contentBox .content .listBox ul li {
    width: 50%; }

  .development .bottomBg {
    display: none; } }
@media (max-width: 670px){
  .organization .contentBox .content{
    width:100%;
  }
}
    
@media (max-width: 600px) {
  .speech .rightImg{bottom:0;}

  .speech .contentBox .content .leftBox,
  .speech .contentBox .content .middleBox,
  .speech .contentBox .content .rightBox {
    width: 100%;
    padding: 0; }

  .baseBox .contentWrap .textBox h1,
  .baseBox .contentWrap .textBox p {
    padding-left: 35px; } }
@media (max-width: 480px) {
  .team .contentBox .content .listBox ul li {
    width: 100%; }

  .memorablia .contentBox .content .tabList ul,
  .team .contentBox .content .tabList ul {
    text-align: left;
    padding: 0 5%; } }