.banner {
  width: 100%;
  height: 649px;
  background: url(../images/enterpriseConcept/banner.png) no-repeat center;
}

.titles {
  padding: 80px 0;
  text-align: center;
}

.titles .h2-title {
  font-size: 28px;
  line-height: 28px;
  color: #1f2020;
  text-align: center;
}

.titles p {
  font-family: MicrosoftYaHeiLight;
  font-size: 16px;
}

.page-block1 {
  margin-bottom: 60px;
  background: url(../images/enterpriseConcept/intro_bg.png) no-repeat center top;
}

.page-block1 .titles {
  padding-bottom: 45px;
}

.page-block1 .intro {
  font-family: MicrosoftYaHeiLight;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 40px;
}

.page-block1 .bg {
  background: url(../images/enterpriseConcept/page_block1_bg.png) no-repeat center top;
  height: 530px;
}

.page-block1 .left {
  width: 704px;
  padding: 80px 106px 0 78px;
  margin-left: 240px;
}

.page-block1 .left ul li {
  margin-bottom: 20px;
  padding-left: 30px;
}

.page-block1 .left ul li h4 {
  font-size: 16px;
  line-height: 24px;
  color: #f4f5f7;
  margin-bottom: 5px;
  font-weight: bold;
}

.page-block1 .left ul li p {
  line-height: 26px;
  color: #f4f5f7;
}

.page-block1 .left ul .li1 {
  background: url(../images/enterpriseConcept/01.png) no-repeat left 6px;
}

.page-block1 .left ul .li2 {
  background: url(../images/enterpriseConcept/02.png) no-repeat left 6px;
}

.page-block1 .left ul .li3 {
  background: url(../images/enterpriseConcept/03.png) no-repeat left 6px;
}

.page-block1 .left ul .li4 {
  background: url(../images/enterpriseConcept/04.png) no-repeat left 6px;
}

.page-block1 .left ul .li5 {
  background: url(../images/enterpriseConcept/05.png) no-repeat left 6px;
}

.page-block1 .right {
  width: 204px;
  padding-top: 494px;
  padding-left: 18px;
}

.page-block2 {
  margin-bottom: 100px;
}

.page-block2 .left {
  width: 521px;
  height: 613px;
  padding: 60px 50px 0;
  background-color: #f4f5f7;
}

.page-block2 .left h3 {
  text-indent: -99999px;
  background: url(../images/enterpriseConcept/Corporatephilosophy.png) no-repeat;
  width: 388px;
  height: 96px;
  margin-bottom: 45px;
}

.page-block2 .left p {
  line-height: 32px;
  margin-bottom: 40px;
}

.page-block2 .left a {
  color: #da1a45;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.page-block2 .left a:hover {
  color: #000;
}

.page-block2 .right {
  width: 650px;
}

.page-block2 .right .corpotate-item {
  width: 100%;
  height: 191px;
  background-color: #f4f5f7;
}

.page-block2 .right .corpotate-item .image {
  width: 296px;
  height: 190px;
  overflow: hidden;
}

.page-block2 .right .corpotate-item .image img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.page-block2 .right .corpotate-item .info {
  margin-left: 296px;
  overflow: hidden;
  padding: 65px 0 0 40px;
}

.page-block2 .right .corpotate-item .info h4 {
  font-family: MicrosoftYaHei-Bold;
  line-height: 22px;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}

.page-block2 .right .corpotate-item .info p {
  font-size: 16px;
}

.page-block2 .right .corpotate-item:hover .image img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.page-block3 {
  padding-bottom: 80px;
}

.page-block3 .titles {
  padding: 66px 0;
  background: url(../images/enterpriseConcept/page_block3_bg.png) no-repeat center top;
}

.page-block3 ul {
  width: 1284px;
  margin-top: 60px;
}

.page-block3 ul li {
  float: left;
  width: 358px;
  margin-right: 70px;
}

.page-block3 ul li .left {
  width: 105px;
}

.page-block3 ul li .left .stage {
  margin-bottom: 30px;
}

.page-block3 ul li .left .stage em {
  width: 30px;
  height: 29px;
  text-indent: -99999px;
  float: left;
}

.page-block3 ul li .left .stage .em1 {
  background: url(../images/enterpriseConcept/page_block3_01.png) no-repeat;
}

.page-block3 ul li .left .stage .em2 {
  background: url(../images/enterpriseConcept/page_block3_02.png) no-repeat;
}

.page-block3 ul li .left .stage .em3 {
  background: url(../images/enterpriseConcept/page_block3_03.png) no-repeat;
}

.page-block3 ul li .left .stage span {
  float: left;
  margin-left: 10px;
  margin-top: 12px;
  font-weight: bold;
}

.page-block3 ul li .left h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.page-block3 ul li .left .english {
  text-indent: -99999px;
  height: 25px;
}

.page-block3 ul li .left .english1 {
  background: url(../images/enterpriseConcept/Brandingstrategy.png) no-repeat;
  width: 60px;
}

.page-block3 ul li .left .english2 {
  background: url(../images/enterpriseConcept/Diversitycreation.png) no-repeat;
  width: 58px;
}

.page-block3 ul li .left .english3 {
  background: url(../images/enterpriseConcept/Industrialinformation.png) no-repeat;
  width: 82px;
}

.page-block3 ul li .right {
  width: 253px;
}

.page-block3 ul li .right .image {
  width: 100%;
  height: 166px;
  overflow: hidden;
  margin-bottom: 15px;
}

.page-block3 ul li .right .image img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.page-block3 ul li .right .p1 {
  font-family: D-DINCondensed;
  font-size: 20px;
  color: #da1a45;
  margin-bottom: 10px;
  text-indent: -99999px;
}

.page-block3 ul li .right .year1 {
  background: url(../images/enterpriseConcept/stage_year_1.png) no-repeat;
}

.page-block3 ul li .right .year2 {
  background: url(../images/enterpriseConcept/stage_year_2.png) no-repeat;
}

.page-block3 ul li .right .year3 {
  background: url(../images/enterpriseConcept/stage_year_3.png) no-repeat;
}

.page-block3 ul li .right .p2 {
  line-height: 24px;
}

.page-block3 ul li:hover .right .image img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}